@anu3ev/fabric-image-editor 0.8.6 → 0.8.8

package/dist/main.js

@@ -263,12 +263,12 @@ function R(e, t, n, r, i) {
 }
 var te = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ne = new Image();
 ne.src = te;
-function z(e, t, n, r, i) {
+function re(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(w.degreesToRadians(i.angle)), e.fillStyle = P, e.beginPath(), e.arc(0, 0, 16, 0, 2 * Math.PI), e.fill(), e.drawImage(ne, -16 / 2, -16 / 2, 16, 16), e.restore();
 }
 //#endregion
 //#region src/editor/customized-controls/default-controls.ts
-var re = {
+var z = {
 	tl: {
 		render: L,
 		sizeX: 12,
@@ -326,57 +326,57 @@ var re = {
 		offsetY: 0
 	},
 	mtr: {
-		render: z,
+		render: re,
 		sizeX: 32,
 		sizeY: 32,
 		offsetX: 0,
 		offsetY: -32
 	}
-}, B = [
+}, ie = [
 	"tl",
 	"tr",
 	"bl",
 	"br"
-], ie = ({ transform: e }) => {
+], B = ({ transform: e }) => {
 	let { originX: t, originY: n } = e;
 	return (t === "center" || t === .5) && (n === "center" || n === .5);
-}, V = ({ transform: e, x: t, y: n }) => {
+}, ae = ({ transform: e, x: t, y: n }) => {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i, s = x.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);
-	ie({ transform: r }) && (d *= 2, f *= 2);
+	B({ 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;
-}, ae = () => {
-	let e = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => V({
+}, V = () => {
+	let e = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => ae({
 		transform: t,
 		x: n,
 		y: r
 	})));
 	return (t, n, r, i) => {
 		let { canvas: a } = n.target, o = !!t.shiftKey;
-		if (!a || !o) return e(t, n, r, i);
+		if (!a || o) return e(t, n, r, i);
 		let { uniformScaling: s } = a;
-		a.uniformScaling = !1;
+		a.uniformScaling = !0;
 		try {
 			return x.scalingEqually(t, n, r, i);
 		} finally {
 			a.uniformScaling = s;
 		}
 	};
-}, H = ({ control: e }) => {
+}, oe = ({ control: e }) => {
 	let t = new r({
 		...e,
-		actionHandler: ae()
+		actionHandler: V()
 	});
 	return t.shapeFreeScaleCornerControl = !0, t;
-}, oe = ({ target: e }) => {
+}, H = ({ target: e }) => {
 	let t = { ...e.controls }, n = !1;
-	B.forEach((r) => {
+	ie.forEach((r) => {
 		let i = e.controls[r];
-		i && (i.shapeFreeScaleCornerControl || (t[r] = H({ control: i }), n = !0));
+		i && (i.shapeFreeScaleCornerControl || (t[r] = oe({ control: i }), n = !0));
 	}), n && (e.controls = t);
-}, se = class t {
+}, U = class t {
 	static wrapWidthControl(e) {
 		if (!e?.actionHandler) return;
 		let t = e.actionHandler;
@@ -386,7 +386,7 @@ var re = {
 		};
 	}
 	static applyControlOverrides(e) {
-		Object.entries(re).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;
@@ -469,14 +469,14 @@ var re = {
 	}
 	static applyActiveSelectionScalingRules({ selection: e, objects: t }) {
 		let n = t.some((e) => e instanceof v), r = t.some((e) => e.shapeComposite === !0), i = n || r;
-		e.set({ lockScalingFlip: i }), r && oe({ target: e }), e.setControlsVisibility({
+		e.set({ lockScalingFlip: i }), r && H({ target: e }), e.setControlsVisibility({
 			mt: !n,
 			mb: !n,
 			ml: !0,
 			mr: !0
 		});
 	}
-}, ce = class e {
+}, se = class e {
 	static {
 		this.registeredFontKeys = /* @__PURE__ */ new Set();
 	}
@@ -630,32 +630,32 @@ var re = {
 		return Object.entries(e).filter(([, e]) => e != null && `${e}`.length > 0).map(([e, n]) => `${t[e] ?? e}: ${n};`);
 	}
 };
-function U({ rounding: e }) {
+function W({ rounding: e }) {
 	return typeof e != "number" || !Number.isFinite(e) ? 0 : Math.min(100, Math.max(0, e));
 }
-function W({ rounding: e }) {
-	return U({ rounding: e }) / 100;
+function G({ rounding: e }) {
+	return W({ rounding: e }) / 100;
 }
 //#endregion
 //#region src/editor/shape-manager/shape-presets.ts
-var G = 180, le = {
+var K = 180, ce = {
 	top: 0,
 	right: 0,
 	bottom: 0,
 	left: 0
-}, ue = .45, K = ({ value: e }) => Number(e.toFixed(4)), q = ({ width: e, height: t }) => {
-	let n = G / Math.max(e, t);
+}, le = .45, ue = ({ value: e }) => Number(e.toFixed(4)), q = ({ width: e, height: t }) => {
+	let n = K / Math.max(e, t);
 	return {
-		width: K({ value: e * n }),
-		height: K({ value: t * n })
+		width: ue({ value: e * n }),
+		height: ue({ value: t * n })
 	};
 }, de = ({ spikes: e, outerRadius: t = 50, innerRadius: n = 22, centerX: r = 50, centerY: i = 50, rotation: a = -Math.PI / 2 }) => {
 	let o = [], s = e * 2;
 	for (let c = 0; c < s; c += 1) {
 		let s = c % 2 == 0 ? t : n, l = a + c * Math.PI / e;
 		o.push({
-			x: K({ value: r + s * Math.cos(l) }),
-			y: K({ value: i + s * Math.sin(l) })
+			x: ue({ value: r + s * Math.cos(l) }),
+			y: ue({ value: i + s * Math.sin(l) })
 		});
 	}
 	return o;
@@ -663,8 +663,8 @@ var G = 180, le = {
 	{
 		key: "circle",
 		type: "ellipse",
-		width: G,
-		height: G,
+		width: K,
+		height: K,
 		internalTextInset: {
 			top: .05,
 			right: .05,
@@ -698,14 +698,14 @@ var G = 180, le = {
 	{
 		key: "square",
 		type: "rect",
-		width: G,
-		height: G
+		width: K,
+		height: K
 	},
 	{
 		key: "diamond",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: K,
+		height: K,
 		points: [
 			{
 				x: 50,
@@ -864,8 +864,8 @@ var G = 180, le = {
 	{
 		key: "star-16",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: K,
+		height: K,
 		points: de({
 			spikes: 16,
 			outerRadius: 50,
@@ -882,8 +882,8 @@ var G = 180, le = {
 	{
 		key: "sparkle",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: K,
+		height: K,
 		points: de({
 			spikes: 4,
 			outerRadius: 50,
@@ -919,7 +919,7 @@ var G = 180, le = {
 	{
 		key: "arrow-right-fat",
 		type: "polygon",
-		width: G,
+		width: K,
 		height: 130,
 		points: [
 			{
@@ -952,9 +952,9 @@ var G = 180, le = {
 			}
 		],
 		internalTextInset: {
-			top: .24,
+			top: .34,
 			right: .42,
-			bottom: .24,
+			bottom: .34,
 			left: .16
 		}
 	},
@@ -962,7 +962,7 @@ var G = 180, le = {
 		key: "arrow-up-fat",
 		type: "polygon",
 		width: 130,
-		height: G,
+		height: K,
 		points: [
 			{
 				x: 38,
@@ -1132,7 +1132,7 @@ var G = 180, le = {
 		key: "arrow-down-fat",
 		type: "polygon",
 		width: 130,
-		height: G,
+		height: K,
 		points: [
 			{
 				x: 38,
@@ -1373,8 +1373,8 @@ var G = 180, le = {
 	{
 		key: "cross",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: K,
+		height: K,
 		points: [
 			{
 				x: 67.6471,
@@ -1466,8 +1466,8 @@ var G = 180, le = {
 	{
 		key: "gear",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: K,
+		height: K,
 		points: de({
 			spikes: 14,
 			outerRadius: 50,
@@ -1484,8 +1484,8 @@ var G = 180, le = {
 	{
 		key: "badge",
 		type: "path",
-		width: G,
-		height: G,
+		width: K,
+		height: K,
 		path: "M24 6 H76 L94 24 V76 L76 94 H24 L6 76 V24 Z",
 		internalTextInset: {
 			top: .1,
@@ -1496,7 +1496,7 @@ var G = 180, le = {
 		key: "bookmark",
 		type: "polygon",
 		width: 130,
-		height: G,
+		height: K,
 		points: [
 			{
 				x: 18,
@@ -1524,7 +1524,7 @@ var G = 180, le = {
 	{
 		key: "tag",
 		type: "path",
-		width: G,
+		width: K,
 		height: 130,
 		path: "M4 20 L64 20 L96 50 L64 80 L4 80 Z",
 		internalTextInset: { right: .28 }
@@ -1533,7 +1533,7 @@ var G = 180, le = {
 		key: "moon",
 		type: "path",
 		width: 150,
-		height: G,
+		height: K,
 		path: [
 			"M68 4 C36 4 10 30 10 62",
 			"C10 94 36 120 68 120 C85 120 100 112 111 100",
@@ -1551,28 +1551,28 @@ for (let e = 0; e < fe.length; e += 1) {
 	let t = fe[e];
 	ge[t.key] = t;
 }
-var _e = ge, ve = ({ presetKey: e }) => _e[e] ?? null, ye = ({ preset: e, rounding: t }) => U({ rounding: t }) <= 0 || e.type === "rect" ? e.key : e.roundedVariant ?? e.key;
+var _e = ge, ve = ({ presetKey: e }) => _e[e] ?? null, ye = ({ preset: e, rounding: t }) => W({ rounding: t }) <= 0 || e.type === "rect" ? e.key : e.roundedVariant ?? e.key;
 function be({ value: e, size: t }) {
-	let n = Number.isFinite(e) ? Math.min(Math.max(e, 0), ue) : 0;
+	let n = Number.isFinite(e) ? Math.min(Math.max(e, 0), le) : 0;
 	return (Number.isFinite(t) && t > 0 ? t : 0) * n;
 }
 var xe = ({ preset: e, width: t, height: n }) => {
 	let r = e.internalTextInset ?? {};
 	return {
 		top: be({
-			value: r.top ?? le.top,
+			value: r.top ?? ce.top,
 			size: n
 		}),
 		right: be({
-			value: r.right ?? le.right,
+			value: r.right ?? ce.right,
 			size: t
 		}),
 		bottom: be({
-			value: r.bottom ?? le.bottom,
+			value: r.bottom ?? ce.bottom,
 			size: n
 		}),
 		left: be({
-			value: r.left ?? le.left,
+			value: r.left ?? ce.left,
 			size: t
 		})
 	};
@@ -1754,7 +1754,7 @@ var Ve = 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(), Pe({ group: this }), oe({ target: this });
+		this.shapePaddingTop = e.top, this.shapePaddingRight = e.right, this.shapePaddingBottom = e.bottom, this.shapePaddingLeft = e.left, this._syncRoundability(), Pe({ group: this }), H({ target: this });
 		let t = Le({ group: this });
 		t && Fe({ text: t }), Ie({ group: this }), this.setCoords();
 	}
@@ -1770,6 +1770,9 @@ var Ve = class e extends l {
 			targets: c.getObjects()
 		}), c.rehydrateRuntimeState(), c.setCoords(), c;
 	}
+	replaceShapeNode(e, t, n) {
+		this._objects.splice(e, 1), this.exitGroup(t, !0), this._objects.splice(e, 0, n), this.enterGroup(n, !1), this._set("dirty", !0);
+	}
 	_syncRoundability() {
 		if (typeof this.shapeCanRound == "boolean") return;
 		let e = this.shapePresetKey;
@@ -3271,15 +3274,19 @@ var Nt = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options;
 	}
+	setAngle(e, t, { withoutSave: n } = {}) {
+		let { canvas: r, historyManager: i } = this.editor;
+		e && (e.rotate(t), e.setCoords(), r.renderAll(), n || i.saveState(), r.fire("editor:object-rotated", {
+			object: e,
+			withoutSave: n,
+			angle: t
+		}));
+	}
 	rotate(e = 90, { withoutSave: t } = {}) {
-		let { canvas: n, historyManager: r } = this.editor, i = n.getActiveObject();
-		if (!i) return;
-		let a = i.angle + e;
-		i.rotate(a), i.setCoords(), n.renderAll(), t || r.saveState(), n.fire("editor:object-rotated", {
-			object: i,
-			withoutSave: t,
-			angle: a
-		});
+		let { canvas: n } = this.editor, r = n.getActiveObject();
+		if (!r) return;
+		let i = (r.angle ?? 0) + e;
+		this.setAngle(r, i, { withoutSave: t });
 	}
 	flipX({ withoutSave: e } = {}) {
 		let { canvas: t, historyManager: n } = this.editor, r = t.getActiveObject();
@@ -4199,10 +4206,21 @@ var Ut = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		changed: !1
 	};
 }, ln = ({ cleanup: e, lineCount: t, styles: n }) => {
-	if (!e || e.lineIndex >= t) return {
+	if (!e) return {
 		styles: n,
 		changed: !1
 	};
+	if (e.lineIndex >= t) {
+		if (!n[e.lineIndex]) return {
+			styles: n,
+			changed: !1
+		};
+		let t = { ...n };
+		return delete t[e.lineIndex], {
+			styles: t,
+			changed: !0
+		};
+	}
 	let r = n[e.lineIndex], i = !1;
 	for (let t = 0; t < e.lineDefaults.length; t += 1) {
 		let n = e.lineDefaults[t];
@@ -4540,7 +4558,7 @@ function X({ value: e }) {
 	return Number(e.toFixed(4));
 }
 function Mn({ rounding: e }) {
-	return U({ rounding: e }) > 0;
+	return W({ rounding: e }) > 0;
 }
 function Nn({ width: e, height: t, strokeWidth: n }) {
 	let r = Math.max(0, n ?? 0);
@@ -4556,7 +4574,7 @@ function Pn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		strokeWidth: i
 	});
 	if (e instanceof _) {
-		let t = Math.min(a.width / 2, a.height / 2) * W({ rounding: r });
+		let t = Math.min(a.width / 2, a.height / 2) * G({ rounding: r });
 		e.set({
 			width: a.width,
 			height: a.height,
@@ -4687,7 +4705,7 @@ function Rn({ points: e, roundingRatio: t, closed: n }) {
 function zn({ points: e, rounding: t, closed: n }) {
 	return new f(Rn({
 		points: e,
-		roundingRatio: W({ rounding: t }),
+		roundingRatio: G({ rounding: t }),
 		closed: n
 	}), {
 		originX: "center",
@@ -4712,7 +4730,7 @@ function Bn({ rounding: e }) {
 				y: 100
 			}
 		],
-		rounding: U({ rounding: e }),
+		rounding: W({ rounding: e }),
 		closed: !0
 	}) : new y({
 		width: 100,
@@ -4761,7 +4779,7 @@ function Hn({ path: e, rounding: t }) {
 function Un({ path: e, rounding: t }) {
 	return Mn({ rounding: t }) && Hn({
 		path: e,
-		rounding: U({ rounding: t })
+		rounding: W({ rounding: t })
 	}) || Vn({ path: e });
 }
 function Wn({ points: e, type: t, rounding: n }) {
@@ -4778,7 +4796,7 @@ function Wn({ points: e, type: t, rounding: n }) {
 			x: 100,
 			y: 100
 		}
-	], i = U({ rounding: n });
+	], i = W({ rounding: n });
 	if (i > 0) {
 		if (t === "polygon" && r.length >= 3) return zn({
 			points: r,
@@ -5053,9 +5071,9 @@ function rr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-layout.ts
-var Z = 1, ir = .5, ar = 8, or = 20, sr = 16;
+var Z = 1, ir = .5, ar = 24, or = 20, sr = 16;
 function cr({ text: e, alignV: t, width: n, height: r, appliedPadding: i, appliedUserPadding: a }) {
-	let { frame: o, splitByGrapheme: s, textTop: c } = hr({
+	let { frame: o, splitByGrapheme: s, textTop: c } = yr({
 		text: e,
 		width: n,
 		height: r,
@@ -5073,7 +5091,7 @@ function cr({ text: e, alignV: t, width: n, height: r, appliedPadding: i, applie
 	};
 }
 var lr = ({ 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 ? fr({
+	let { width: f, height: p, appliedPadding: m, appliedUserPadding: h } = s ? gr({
 		text: e,
 		width: t,
 		height: n,
@@ -5084,7 +5102,7 @@ var lr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		montageAreaWidth: l,
 		expandShapeHeightToFitText: u,
 		changedPadding: d
-	}) : xr({
+	}) : Tr({
 		text: e,
 		width: t,
 		height: n,
@@ -5102,76 +5120,78 @@ var lr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		appliedPadding: m,
 		appliedUserPadding: h
 	});
-}, ur = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) => {
-	let l = Oe({ padding: i }), u = De({ padding: a }), d = Math.max(Z, t), f = Math.max(Z, n), p = rr({
+}, ur = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c, measurementCache: l }) => {
+	let u = Oe({ padding: i }), d = De({ padding: a }), f = Math.max(Z, t), p = Math.max(Z, n), m = rr({
 		text: e,
-		width: d,
-		height: f,
-		padding: l,
-		internalShapeTextInset: br({
-			width: d,
-			height: f,
-			internalShapeTextInset: u,
+		width: f,
+		height: p,
+		padding: u,
+		internalShapeTextInset: wr({
+			width: f,
+			height: p,
+			internalShapeTextInset: d,
 			resolveInternalShapeTextInset: o
 		}),
 		expandShapeHeightToFitText: s,
 		changedPadding: c,
-		measureTextboxHeightForFrame: Dr,
-		resolveMinimumTextFrameWidth: Or
+		measureTextboxHeightForFrame: ({ text: e, frameWidth: t }) => Mr({
+			text: e,
+			frameWidth: t,
+			measurementCache: l
+		}),
+		resolveMinimumTextFrameWidth: ({ text: e }) => Nr({
+			text: e,
+			measurementCache: l
+		})
 	});
 	for (let t = 0; t < ar; t += 1) {
-		let t = Math.max(f, p.requiredHeight);
-		if (t <= f + ir) break;
-		f = t, p = rr({
+		let t = Math.max(p, m.requiredHeight);
+		if (t <= p + ir) break;
+		p = t, m = rr({
 			text: e,
-			width: d,
-			height: f,
-			padding: l,
-			internalShapeTextInset: br({
-				width: d,
-				height: f,
-				internalShapeTextInset: u,
+			width: f,
+			height: p,
+			padding: u,
+			internalShapeTextInset: wr({
+				width: f,
+				height: p,
+				internalShapeTextInset: d,
 				resolveInternalShapeTextInset: o
 			}),
 			expandShapeHeightToFitText: s,
 			changedPadding: c,
-			measureTextboxHeightForFrame: Dr,
-			resolveMinimumTextFrameWidth: Or
+			measureTextboxHeightForFrame: ({ text: e, frameWidth: t }) => Mr({
+				text: e,
+				frameWidth: t,
+				measurementCache: l
+			}),
+			resolveMinimumTextFrameWidth: ({ text: e }) => Nr({
+				text: e,
+				measurementCache: l
+			})
 		});
 	}
 	return cr({
 		text: e,
 		alignV: r,
-		width: d,
-		height: f,
-		appliedPadding: p.appliedPadding,
-		appliedUserPadding: p.appliedUserPadding
-	});
-}, dr = ({ 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(Z, e.shapeManualBaseWidth ?? r), g = Math.max(Z, e.shapeManualBaseHeight ?? i), { width: _, height: v, appliedUserPadding: y, frame: b, splitByGrapheme: x, textTop: S } = lr({
-		text: n,
-		width: r,
-		height: i,
-		alignV: o,
-		padding: s,
-		internalShapeTextInset: c,
-		resolveInternalShapeTextInset: l,
-		preserveAspectRatio: u,
-		shapeTextAutoExpandEnabled: d ?? e.shapeTextAutoExpand !== !1,
-		montageAreaWidth: f,
-		expandShapeHeightToFitText: p,
-		changedPadding: m
+		width: f,
+		height: p,
+		appliedPadding: m.appliedPadding,
+		appliedUserPadding: m.appliedUserPadding
 	});
+};
+function dr({ group: e, shape: t, text: n, alignH: r, alignV: i, resolvedLayout: a }) {
+	let o = Math.max(Z, e.shapeManualBaseWidth ?? a.width), s = Math.max(Z, e.shapeManualBaseHeight ?? a.height), { width: c, height: l, appliedUserPadding: u, frame: d, splitByGrapheme: f, textTop: p } = a;
 	Pn({
 		shape: t,
-		width: _,
-		height: v,
+		width: c,
+		height: l,
 		rounding: e.shapeRounding,
 		strokeWidth: e.shapeStrokeWidth
 	}), n.set({
 		autoExpand: !1,
-		width: b.width,
-		textAlign: a,
+		width: d.width,
+		textAlign: r,
 		scaleX: 1,
 		scaleY: 1,
 		angle: 0,
@@ -5179,21 +5199,69 @@ var lr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		skewY: 0,
 		flipX: !1,
 		flipY: !1,
-		left: b.left,
-		top: S,
+		left: d.left,
+		top: p,
 		originX: "left",
 		originY: "top",
-		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,
+		splitByGrapheme: f
+	}), n.initDimensions(), n.setCoords(), t.setCoords(), e.shapeBaseWidth = c, e.shapeBaseHeight = l, e.shapeManualBaseWidth = o, e.shapeManualBaseHeight = s, e.shapePaddingTop = u.top, e.shapePaddingRight = u.right, e.shapePaddingBottom = u.bottom, e.shapePaddingLeft = u.left, e.shapeAlignHorizontal = r, e.shapeAlignVertical = i, e.set({
+		width: c,
+		height: l,
 		scaleX: 1,
 		scaleY: 1
 	}), e.set("dirty", !0), e.setCoords();
+}
+function fr({ frameWidth: e }) {
+	return String(Math.round(Math.max(Z, e) * 1e3) / 1e3);
+}
+function pr({ frameWidth: e, splitByGrapheme: t }) {
+	return `${fr({ frameWidth: e })}:${t ? 1 : 0}`;
+}
+var mr = ({ 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 }) => {
+	dr({
+		group: e,
+		shape: t,
+		text: n,
+		alignH: a,
+		alignV: o,
+		resolvedLayout: lr({
+			text: n,
+			width: r,
+			height: i,
+			alignV: o,
+			padding: s,
+			internalShapeTextInset: c,
+			resolveInternalShapeTextInset: l,
+			preserveAspectRatio: u,
+			shapeTextAutoExpandEnabled: d ?? e.shapeTextAutoExpand !== !1,
+			montageAreaWidth: f,
+			expandShapeHeightToFitText: p,
+			changedPadding: m
+		})
+	});
+}, hr = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, internalShapeTextInset: c, resolveInternalShapeTextInset: l, expandShapeHeightToFitText: u = !0, changedPadding: d }) => {
+	dr({
+		group: e,
+		shape: t,
+		text: n,
+		alignH: a,
+		alignV: o,
+		resolvedLayout: ur({
+			text: n,
+			width: r,
+			height: i,
+			alignV: o,
+			padding: s,
+			internalShapeTextInset: c,
+			resolveInternalShapeTextInset: l,
+			expandShapeHeightToFitText: u,
+			changedPadding: d
+		})
+	});
 };
-function fr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, shapeTextAutoExpandEnabled: o = !0, montageAreaWidth: s, expandShapeHeightToFitText: c = !0, changedPadding: l }) {
+function gr({ 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(Z, t), d = Math.max(Z, n), f = Number.isFinite(s) && (s ?? 0) > 0 ? Math.max(Z, s ?? Z) : null;
-	if (!_r({ text: e })) return xr({
+	if (!xr({ text: e })) return Tr({
 		text: e,
 		width: u,
 		height: d,
@@ -5204,7 +5272,7 @@ function fr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		changedPadding: l
 	});
 	let p = d / u, m = ({ width: t }) => {
-		let n = Math.max(Z, t * p), o = xr({
+		let n = Math.max(Z, t * p), o = Tr({
 			text: e,
 			width: t,
 			height: n,
@@ -5232,11 +5300,11 @@ function fr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 				layoutResolution: n
 			});
 		}, t = f ? Math.max(u, f) : u;
-		e({ width: t }) || (t = Sr({
+		e({ width: t }) || (t = Er({
 			minimumWidth: t,
 			isWidthValid: e
 		}));
-		let { layoutResolution: n } = m({ width: Cr({
+		let { layoutResolution: n } = m({ width: Dr({
 			minimumWidth: u,
 			maximumWidth: t,
 			isWidthValid: e
@@ -5249,19 +5317,19 @@ function fr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			candidateWidth: t,
 			candidateHeight: r,
 			layoutResolution: a
-		}) || n !== void 0 && i < n - ir ? !1 : !Er({
+		}) || n !== void 0 && i < n - ir ? !1 : !jr({
 			text: e,
 			frameWidth: i
 		}).hasWrappedLines;
-	}, _ = f ? Math.max(u, f) : Sr({
+	}, _ = f ? Math.max(u, f) : Er({
 		minimumWidth: u,
 		isWidthValid: ({ width: e }) => g({ width: e })
-	}), v = m({ width: _ }), y = Er({
+	}), v = m({ width: _ }), y = jr({
 		text: e,
 		frameWidth: v.frameWidth
 	});
 	if (y.hasWrappedLines) return v.layoutResolution;
-	let b = Math.max(Z, y.longestLineWidth), { layoutResolution: x } = m({ width: Cr({
+	let b = Math.max(Z, y.longestLineWidth), { layoutResolution: x } = m({ width: Dr({
 		minimumWidth: u,
 		maximumWidth: _,
 		isWidthValid: ({ width: e }) => g({
@@ -5271,67 +5339,70 @@ function fr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 	}) });
 	return x;
 }
-var pr = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i, resolvePaddingForWidth: a }) => {
+var _r = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i, resolvePaddingForWidth: a }) => {
 	let o = Math.max(Z, t), s = Math.max(Z, n);
-	if (!_r({ text: e })) return s;
+	if (!xr({ text: e })) return s;
 	let c = Math.max(s, Number.isFinite(i) && i > 0 ? Math.max(Z, i) : Math.max(o, s)), l = Xn({
 		width: c,
-		padding: vr({
+		padding: Sr({
 			width: c,
 			padding: r,
 			resolvePaddingForWidth: a
 		})
-	}), u = c, d = Er({
+	}), u = c, d = jr({
 		text: e,
 		frameWidth: l
 	});
 	if (d.hasWrappedLines) return u;
 	let f = Math.max(Z, d.longestLineWidth);
-	return Cr({
+	return Dr({
 		minimumWidth: s,
 		maximumWidth: u,
 		isWidthValid: ({ width: t }) => {
 			let n = Xn({
 				width: t,
-				padding: vr({
+				padding: Sr({
 					width: t,
 					padding: r,
 					resolvePaddingForWidth: a
 				})
 			});
-			return n < f - ir ? !1 : !Er({
+			return n < f - ir ? !1 : !jr({
 				text: e,
 				frameWidth: n
 			}).hasWrappedLines;
 		}
 	});
-}, mr = ({ text: e, padding: t, resolvePaddingForWidth: n }) => {
-	if (!_r({ text: e })) return Z;
-	let r = Or({ text: e }), i = Math.max(Z, r), a = ({ width: e }) => Xn({
+}, vr = ({ text: e, padding: t, resolvePaddingForWidth: n, measurementCache: r }) => {
+	if (!xr({ text: e })) return Z;
+	let i = Nr({
+		text: e,
+		measurementCache: r
+	}), a = Math.max(Z, i), o = ({ width: e }) => Xn({
 		width: e,
-		padding: vr({
+		padding: Sr({
 			width: e,
 			padding: t,
 			resolvePaddingForWidth: n
 		})
-	}) >= r - ir;
-	return Cr({
-		minimumWidth: i,
-		maximumWidth: Sr({
-			minimumWidth: i,
-			isWidthValid: a
+	}) >= i - ir;
+	return Dr({
+		minimumWidth: a,
+		maximumWidth: Er({
+			minimumWidth: a,
+			isWidthValid: o
 		}),
-		isWidthValid: a
+		isWidthValid: o
 	});
-}, hr = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
-	let a = wr({
+}, yr = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
+	let a = Or({
 		width: Math.max(Z, t),
 		height: Math.max(Z, n),
 		padding: De({ padding: i })
-	}), o = jr({
+	}), o = Ir({
 		text: e,
 		frameWidth: a.width
-	}), s = Dr({
+	}), s = Mr({
 		text: e,
 		frameWidth: a.width,
 		splitByGrapheme: o
@@ -5339,60 +5410,61 @@ var pr = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWi
 	return {
 		frame: a,
 		splitByGrapheme: o,
-		textTop: Ar({
+		textTop: Fr({
 			alignV: r,
 			frameHeight: a.height,
 			frameTop: a.top,
 			textHeight: s
 		})
 	};
-}, gr = ({ text: e, width: t, height: n, padding: r, resolvePaddingForSize: i }) => {
-	let a = Math.max(Z, n);
-	if (!_r({ text: e })) return a;
-	let o = Math.max(Z, t), s = a;
+}, br = ({ text: e, width: t, height: n, padding: r, resolvePaddingForSize: i, measurementCache: a }) => {
+	let o = Math.max(Z, n);
+	if (!xr({ text: e })) return o;
+	let s = Math.max(Z, t), c = o;
 	for (let t = 0; t < ar; t += 1) {
-		let t = yr({
-			width: o,
-			height: s,
+		let t = Cr({
+			width: s,
+			height: c,
 			padding: r,
 			resolvePaddingForSize: i
-		}), n = Dr({
+		}), n = Mr({
 			text: e,
 			frameWidth: Xn({
-				width: o,
+				width: s,
 				padding: t
-			})
-		}), c = Math.max(a, n + t.top + t.bottom);
-		if (c <= s + ir) return c;
-		s = c;
+			}),
+			measurementCache: a
+		}), l = Math.max(o, n + t.top + t.bottom);
+		if (l <= c + ir) return l;
+		c = l;
 	}
-	return s;
+	return c;
 };
-function _r({ text: e }) {
+function xr({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function vr({ width: e, padding: t, resolvePaddingForWidth: n }) {
+function Sr({ width: e, padding: t, resolvePaddingForWidth: n }) {
 	return De(n ? { padding: n({ width: Math.max(Z, e) }) } : { padding: t });
 }
-function yr({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
+function Cr({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
 	return De(r ? { padding: r({
 		width: Math.max(Z, e),
 		height: Math.max(Z, t)
 	}) } : { padding: n });
 }
-function br({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
+function wr({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
 	return De(r ? { padding: r({
 		width: Math.max(Z, e),
 		height: Math.max(Z, t)
 	}) } : { padding: n });
 }
-function xr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, expandShapeHeightToFitText: o = !0, changedPadding: s }) {
+function Tr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, expandShapeHeightToFitText: o = !0, changedPadding: s }) {
 	let c = Oe({ padding: r }), l = De({ padding: i }), u = Math.max(Z, t), d = Math.max(Z, n), f = rr({
 		text: e,
 		width: u,
 		height: d,
 		padding: c,
-		internalShapeTextInset: br({
+		internalShapeTextInset: wr({
 			width: u,
 			height: d,
 			internalShapeTextInset: l,
@@ -5400,8 +5472,8 @@ function xr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		}),
 		expandShapeHeightToFitText: o,
 		changedPadding: s,
-		measureTextboxHeightForFrame: Dr,
-		resolveMinimumTextFrameWidth: Or
+		measureTextboxHeightForFrame: Mr,
+		resolveMinimumTextFrameWidth: Nr
 	});
 	for (let t = 0; t < ar; t += 1) {
 		let t = Math.max(u, f.requiredWidth), n = Math.max(d, f.requiredHeight);
@@ -5411,7 +5483,7 @@ function xr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			width: u,
 			height: d,
 			padding: c,
-			internalShapeTextInset: br({
+			internalShapeTextInset: wr({
 				width: u,
 				height: d,
 				internalShapeTextInset: l,
@@ -5419,8 +5491,8 @@ function xr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			}),
 			expandShapeHeightToFitText: o,
 			changedPadding: s,
-			measureTextboxHeightForFrame: Dr,
-			resolveMinimumTextFrameWidth: Or
+			measureTextboxHeightForFrame: Mr,
+			resolveMinimumTextFrameWidth: Nr
 		});
 	}
 	return {
@@ -5430,13 +5502,13 @@ function xr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		appliedUserPadding: f.appliedUserPadding
 	};
 }
-function Sr({ minimumWidth: e, isWidthValid: t }) {
+function Er({ minimumWidth: e, isWidthValid: t }) {
 	let n = Math.max(Z, e);
 	if (t({ width: n })) return n;
 	for (let e = 0; e < sr; e += 1) if (n = Math.max(n + 1, n * 2), t({ width: n })) return n;
 	return n;
 }
-function Cr({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
+function Dr({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
 	let r = Math.max(Z, e), i = Math.max(r, t);
 	if (n({ width: r })) return r;
 	if (!n({ width: i })) return i;
@@ -5450,7 +5522,7 @@ function Cr({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
 	}
 	return i;
 }
-function wr({ width: e, height: t, padding: n }) {
+function Or({ 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,
@@ -5459,7 +5531,7 @@ function wr({ width: e, height: t, padding: n }) {
 		height: Math.max(Z, t - a - o)
 	};
 }
-function Tr({ text: e }) {
+function kr({ text: e }) {
 	let { height: t } = e;
 	if (typeof t == "number" && Number.isFinite(t)) return t;
 	if (typeof e.calcTextHeight == "function") {
@@ -5468,100 +5540,138 @@ function Tr({ text: e }) {
 	}
 	return Z;
 }
-function Er({ text: e, frameWidth: t }) {
-	let n = Nr({ text: e }), r = jr({
+function Ar({ text: e, frameWidth: t, splitByGrapheme: n, requiresGraphemeSplit: r, measurementCache: i }) {
+	let a = Math.max(Z, t), o = pr({
+		frameWidth: a,
+		splitByGrapheme: n
+	}), s = i?.measurementsByKey.get(o);
+	if (s) return s;
+	let c = Vr({ text: e }), l = r ?? Ir({
 		text: e,
-		frameWidth: t
-	}), i = Ir({ text: e });
+		frameWidth: a,
+		measurementCache: i
+	});
 	e.set({
 		autoExpand: !1,
-		width: Math.max(Z, t),
-		splitByGrapheme: r
+		width: a,
+		splitByGrapheme: n,
+		scaleX: 1,
+		scaleY: 1
 	}), e.initDimensions();
-	let a = Pr({ text: e }) > n, o = Math.ceil(Mr({ text: e }));
-	return Lr({
+	let u = zr({ text: e }), d = Rr({ text: e }), f = {
+		measuredHeight: kr({ text: e }),
+		renderedLineCount: u > 0 ? u : d,
+		longestLineWidth: Math.ceil(Lr({ text: e })),
+		requiresGraphemeSplit: l
+	};
+	return Hr({
 		text: e,
-		state: i
-	}), {
-		hasWrappedLines: a,
-		longestLineWidth: o
+		state: c
+	}), i?.measurementsByKey.set(o, f), f;
+}
+function jr({ text: e, frameWidth: t, measurementCache: n }) {
+	let r = Rr({ text: e }), i = Ir({
+		text: e,
+		frameWidth: t,
+		measurementCache: n
+	}), a = Ar({
+		text: e,
+		frameWidth: t,
+		splitByGrapheme: i,
+		requiresGraphemeSplit: i,
+		measurementCache: n
+	});
+	return {
+		hasWrappedLines: a.renderedLineCount > r,
+		longestLineWidth: a.longestLineWidth
 	};
 }
-function Dr({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = Ir({ text: e }), i = n ?? jr({
+function Mr({ text: e, frameWidth: t, splitByGrapheme: n, measurementCache: r }) {
+	let i = n ?? Ir({
 		text: e,
-		frameWidth: t
+		frameWidth: t,
+		measurementCache: r
 	});
-	e.set({
-		autoExpand: !1,
-		width: Math.max(Z, t),
-		splitByGrapheme: i
-	}), e.initDimensions();
-	let a = Tr({ text: e });
-	return Lr({
+	return Ar({
 		text: e,
-		state: r
-	}), a;
+		frameWidth: t,
+		splitByGrapheme: i,
+		requiresGraphemeSplit: i,
+		measurementCache: r
+	}).measuredHeight;
 }
-function Or({ text: e }) {
-	let t = kr({
+function Nr({ text: e, measurementCache: t }) {
+	if (t?.minimumTextFrameWidth !== null && t?.minimumTextFrameWidth !== void 0) return t.minimumTextFrameWidth;
+	let n = Pr({
 		text: e,
 		frameWidth: Z,
-		splitByGrapheme: !0
-	});
-	return Math.max(Z, t);
+		splitByGrapheme: !0,
+		measurementCache: t
+	}), r = Math.max(Z, n);
+	return t && (t.minimumTextFrameWidth = r), r;
 }
-function kr({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = Ir({ text: e });
+function Pr({ text: e, frameWidth: t, splitByGrapheme: n, measurementCache: r }) {
+	let i = r?.measurementsByKey.get(pr({
+		frameWidth: t,
+		splitByGrapheme: n
+	}));
+	if (i) return i.longestLineWidth;
+	let a = Vr({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(Z, t),
-		splitByGrapheme: n
+		splitByGrapheme: n,
+		scaleX: 1,
+		scaleY: 1
 	}), e.initDimensions();
-	let i = Mr({ text: e });
-	return Lr({
+	let o = Lr({ text: e });
+	return Hr({
 		text: e,
-		state: r
-	}), i;
+		state: a
+	}), o;
 }
-function Ar({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
+function Fr({ 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 jr({ text: e, frameWidth: t }) {
-	let n = Math.max(Z, t), r = Ir({ text: e });
+function Ir({ text: e, frameWidth: t, measurementCache: n }) {
+	let r = Math.max(Z, t), i = fr({ frameWidth: r }), a = n?.splitByGraphemeByFrameWidth.get(i);
+	if (typeof a == "boolean") return a;
+	let o = Vr({ text: e });
 	e.set({
 		autoExpand: !1,
-		width: n,
-		splitByGrapheme: !1
+		width: r,
+		splitByGrapheme: !1,
+		scaleX: 1,
+		scaleY: 1
 	}), e.initDimensions();
-	let i = Rr({ text: e }) > n + ir;
-	return Lr({
+	let s = Ur({ text: e }) > r + ir;
+	return Hr({
 		text: e,
-		state: r
-	}), i;
+		state: o
+	}), n?.splitByGraphemeByFrameWidth.set(i, s), s;
 }
-function Mr({ text: e }) {
-	let t = Pr({ text: e });
-	if (t > 0) return Fr({
+function Lr({ text: e }) {
+	let t = zr({ text: e });
+	if (t > 0) return Br({
 		text: e,
 		lineCount: t
 	});
 	let n = e.text ?? "";
-	return Fr({
+	return Br({
 		text: e,
 		lineCount: Math.max(n.split("\n").length, 1)
 	});
 }
-function Nr({ text: e }) {
+function Rr({ text: e }) {
 	let t = e.text ?? "";
 	return Math.max(t.split("\n").length, 1);
 }
-function Pr({ text: e }) {
+function zr({ text: e }) {
 	let t = e;
 	return Array.isArray(t.textLines) ? t.textLines.length : 0;
 }
-function Fr({ text: e, lineCount: t }) {
+function Br({ text: e, lineCount: t }) {
 	let n = Z;
 	for (let r = 0; r < t; r += 1) {
 		let t = e.getLineWidth(r);
@@ -5569,30 +5679,32 @@ function Fr({ text: e, lineCount: t }) {
 	}
 	return n;
 }
-function Ir({ text: e }) {
-	let { autoExpand: t, splitByGrapheme: n, width: r } = e;
+function Vr({ text: e }) {
+	let { autoExpand: t, splitByGrapheme: n, width: r, scaleX: i, scaleY: a } = e;
 	return {
 		autoExpand: t,
 		splitByGrapheme: n,
-		width: typeof r == "number" ? r : void 0
+		width: typeof r == "number" ? r : void 0,
+		scaleX: typeof i == "number" ? i : void 0,
+		scaleY: typeof a == "number" ? a : void 0
 	};
 }
-function Lr({ 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 Hr({ text: e, state: t }) {
+	let { autoExpand: n, splitByGrapheme: r, width: i, scaleX: a, scaleY: o } = t, s = {};
+	n !== void 0 && (s.autoExpand = n), r !== void 0 && (s.splitByGrapheme = r), typeof i == "number" && (s.width = i), typeof a == "number" && (s.scaleX = a), typeof o == "number" && (s.scaleY = o), Object.keys(s).length > 0 && (e.set(s), e.initDimensions());
 }
-function Rr({ text: e }) {
+function Ur({ text: e }) {
 	let { dynamicMinWidth: t } = e;
 	return typeof t == "number" && Number.isFinite(t) ? t : 0;
 }
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-scaling-transform.ts
-var zr = ({ transform: e, key: t }) => {
+var Wr = ({ 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;
-}, Br = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Vr = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, Hr = ({ transform: e }) => {
+}, Gr = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Kr = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, qr = ({ 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,
@@ -5600,37 +5712,37 @@ var zr = ({ transform: e, key: t }) => {
 		isCornerScaleAction: r,
 		isVerticalOnlyScale: s && !o
 	};
-}, Ur = ({ event: e, target: t, transform: n, canvas: r }) => {
+}, Jr = ({ event: e, target: 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;
-}, Wr = ({ group: e, originX: t, originY: n }) => {
+}, Yr = ({ 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;
-}, Gr = ({ state: e, transform: t }) => {
+}, Xr = ({ state: e, transform: t }) => {
 	if (!t || e.startTransformOriginX === null && e.startTransformOriginY === null) return !1;
-	let n = Br({ value: t.originX }), r = Vr({ value: t.originY });
+	let n = Gr({ value: t.originX }), r = Kr({ value: t.originY });
 	return n !== e.startTransformOriginX || r !== e.startTransformOriginY;
-}, Kr = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
+}, Zr = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-scaling-preview.ts
-function qr({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i }) {
+function Qr({ 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 Jr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
+function $r({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
 	let c = Math.max(0, e.shapeStrokeWidth ?? 0);
 	Pn({
 		shape: t,
-		width: qr({
+		width: Qr({
 			size: n,
 			scale: i,
 			strokeWidth: c,
 			minSize: o,
 			scaleEpsilon: s
 		}),
-		height: qr({
+		height: Qr({
 			size: r,
 			scale: a,
 			strokeWidth: c,
@@ -5641,7 +5753,7 @@ function Jr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, min
 		strokeWidth: c
 	});
 }
-function Yr({ text: e, layout: t, alignH: n, scaleX: r, scaleY: i, scaleEpsilon: a }) {
+function ei({ 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,
@@ -5656,13 +5768,13 @@ function Yr({ text: e, layout: t, alignH: n, scaleX: r, scaleY: i, scaleEpsilon:
 		scaleY: 1 / s
 	}), e.initDimensions(), e.setCoords();
 }
-var Xr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY: o, minSize: s, scaleEpsilon: c }) => {
+var ti = ({ 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.width / l,
 		height: r.height / u,
 		dirty: !0
-	}), Jr({
+	}), $r({
 		group: e,
 		shape: t,
 		width: r.width,
@@ -5671,7 +5783,7 @@ var Xr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		scaleY: o,
 		minSize: s,
 		scaleEpsilon: c
-	}), Yr({
+	}), ei({
 		text: n,
 		layout: r,
 		alignH: i,
@@ -5679,8 +5791,17 @@ var Xr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		scaleY: o,
 		scaleEpsilon: c
 	});
-}, Zr = 1e-4, Qr = .5;
-function $r({ group: e }) {
+}, ni = 1e-4, ri = .5;
+function ii({ width: e, height: t }) {
+	return `${Math.round(Math.max(1, e) * 1e6) / 1e6}:${Math.round(Math.max(1, t) * 1e6) / 1e6}`;
+}
+function ai({ width: e, padding: t }) {
+	return Math.max(1, e - Math.max(0, t.left) - Math.max(0, t.right));
+}
+function oi({ height: e, padding: t }) {
+	return Math.max(1, e - Math.max(0, t.top) - Math.max(0, t.bottom));
+}
+function si({ group: e }) {
 	return Oe({ padding: {
 		top: e.shapePaddingTop,
 		right: e.shapePaddingRight,
@@ -5688,7 +5809,7 @@ function $r({ group: e }) {
 		left: e.shapePaddingLeft
 	} });
 }
-function ei({ group: e, width: t, height: n }) {
+function ci({ group: e, width: t, height: n }) {
 	let r = e.shapePresetKey ?? "", i = r ? ve({ presetKey: r }) : null;
 	return Me({
 		baseInset: i ? xe({
@@ -5700,61 +5821,124 @@ function ei({ group: e, width: t, height: n }) {
 		strokeWidth: e.shapeStrokeWidth
 	});
 }
-function ti({ group: e, width: t, height: n }) {
-	return ei({
+function li({ group: e, width: t, height: n }) {
+	return ci({
 		group: e,
 		width: Math.max(1, t ?? e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? 1),
 		height: Math.max(1, n ?? e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? 1)
 	});
 }
-function ni({ group: e, text: t, width: n, padding: r }) {
-	return gr({
+function ui({ group: e, text: t, width: n, height: r, measurementCache: i, constraintCache: a }) {
+	let o = Math.max(1, n), s = Math.max(1, r), c = ii({
+		width: o,
+		height: s
+	}), l = a?.get(c);
+	if (l) return l;
+	let u = li({
+		group: e,
+		width: o,
+		height: s
+	}), d = ai({
+		width: o,
+		padding: u
+	}), f = oi({
+		height: s,
+		padding: u
+	}), p = Ar({
+		text: t,
+		frameWidth: d,
+		splitByGrapheme: !1,
+		measurementCache: i ?? void 0
+	}), m = {
+		...p,
+		isValid: !p.requiresGraphemeSplit && p.measuredHeight <= f + .5
+	};
+	return a?.set(c, m), m;
+}
+function di({ group: e, text: t, state: n }) {
+	let { startHeight: r, startWidth: i, startScaleX: a, startScaleY: o, lastAllowedScaleX: s, lastAllowedScaleY: c } = n, l = Math.max(1 / i, 1 / r), u = Math.max(l, a, o, s, c), d = ({ scale: a }) => {
+		let o = ui({
+			group: e,
+			text: t,
+			width: Math.max(1, i * a),
+			height: Math.max(1, r * a),
+			measurementCache: n.previewTextMeasurementCache,
+			constraintCache: n.proportionalTextConstraintCache
+		});
+		return {
+			minimumHeight: o.measuredHeight,
+			isValid: o.isValid
+		};
+	}, f = d({ scale: u });
+	if (!f.isValid) return {
+		scale: u,
+		minimumHeight: f.minimumHeight
+	};
+	let p = l, m = u, h = u, g = f.minimumHeight;
+	for (let e = 0; e < 24; e += 1) {
+		let e = (p + m) / 2, t = d({ scale: e });
+		if (t.isValid) {
+			h = e, g = t.minimumHeight, m = e;
+			continue;
+		}
+		p = e;
+	}
+	return {
+		scale: h,
+		minimumHeight: g
+	};
+}
+function fi({ group: e, text: t, width: n, padding: r, measurementCache: i }) {
+	return br({
 		text: t,
 		width: n,
 		height: 1,
 		padding: r,
-		resolvePaddingForSize: ({ width: t, height: n }) => ti({
+		measurementCache: i ?? void 0,
+		resolvePaddingForSize: ({ width: t, height: n }) => li({
 			group: e,
 			width: t,
 			height: n
 		})
 	});
 }
-function ri({ group: e, text: t, constraintPadding: n, startDimensions: r, appliedScaleX: i, appliedScaleY: a, minimumHeight: o }) {
-	let s = r.canScaleWidth ? Math.max(1, r.startWidth * i) : r.startWidth, c = r.canScaleHeight ? Math.max(1, r.startHeight * a) : r.startManualBaseHeight, l = o ?? gr({
+function pi({ group: e, text: t, constraintPadding: n, startDimensions: r, appliedScaleX: i, appliedScaleY: a, minimumHeight: o, measurementCache: s }) {
+	let c = r.canScaleWidth ? Math.max(1, r.startWidth * i) : r.startWidth, l = r.canScaleHeight ? Math.max(1, r.startHeight * a) : r.startManualBaseHeight, u = o ?? br({
 		text: t,
-		width: s,
-		height: c,
+		width: c,
+		height: l,
 		padding: n,
-		resolvePaddingForSize: ({ width: t, height: n }) => ti({
+		measurementCache: s ?? void 0,
+		resolvePaddingForSize: ({ width: t, height: n }) => li({
 			group: e,
 			width: t,
 			height: n
 		})
 	});
 	return {
-		previewWidth: s,
-		previewHeight: Math.max(c, l)
+		previewWidth: c,
+		previewHeight: Math.max(l, u)
 	};
 }
-function ii({ group: e, text: t, state: n, appliedScaleX: r, appliedScaleY: i, minimumHeight: a }) {
+function mi({ group: e, text: t, state: n, appliedScaleX: r, appliedScaleY: i, minimumHeight: a }) {
 	let o = n.canScaleWidth ? Math.max(1, n.startWidth * r) : n.startWidth, s = n.canScaleHeight ? Math.max(1, n.startHeight * i) : n.startManualBaseHeight, c = a == null ? s : Math.max(s, a), l = !n.canScaleHeight;
 	return ur({
 		text: t,
 		width: o,
 		height: c,
 		alignV: e.shapeAlignVertical ?? "middle",
-		padding: $r({ group: e }),
+		padding: si({ group: e }),
 		expandShapeHeightToFitText: l,
-		resolveInternalShapeTextInset: ({ width: t, height: n }) => ei({
+		measurementCache: n.previewTextMeasurementCache ?? void 0,
+		resolveInternalShapeTextInset: ({ width: t, height: n }) => ci({
 			group: e,
 			width: t,
 			height: n
 		})
 	});
 }
-function ai({ group: e, transform: t }) {
-	let { canScaleWidth: n, canScaleHeight: r } = Hr({ transform: t }), i = Math.max(1, e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? 1), a = Math.max(1, e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? 1);
+function hi({ group: e, transform: t }) {
+	let { canScaleWidth: n, canScaleHeight: r } = qr({ transform: t }), i = Math.max(1, e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? 1), a = Math.max(1, e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? 1);
 	return {
 		startWidth: i,
 		startHeight: a,
@@ -5764,33 +5948,38 @@ function ai({ group: e, transform: t }) {
 		canScaleHeight: r
 	};
 }
-function oi({ scalingState: e, group: t, text: n, constraintPadding: r, transform: i }) {
+function gi({ scalingState: e, group: t, text: n, constraintPadding: r, transform: i }) {
 	let a = e.get(t);
 	if (a) return a;
-	let o = ai({
+	let o = hi({
 		group: t,
 		transform: i
-	}), s = zr({
+	}), s = Wr({
 		transform: i,
 		key: "scaleX"
-	}), c = zr({
+	}), c = Wr({
 		transform: i,
 		key: "scaleY"
-	}), l = zr({
+	}), l = Wr({
 		transform: i,
 		key: "left"
-	}), u = zr({
+	}), u = Wr({
 		transform: i,
 		key: "top"
-	}), d = Math.abs(s ?? t.scaleX ?? 1) || 1, f = Math.abs(c ?? t.scaleY ?? 1) || 1, p = l ?? t.left ?? 0, m = u ?? t.top ?? 0, h = Br({ value: i?.original?.originX ?? i?.originX }), g = Vr({ value: i?.original?.originY ?? i?.originY }), _ = typeof i?.corner == "string" ? i.corner : null, v = Wr({
+	}), d = Math.abs(s ?? t.scaleX ?? 1) || 1, f = Math.abs(c ?? t.scaleY ?? 1) || 1, p = l ?? t.left ?? 0, m = u ?? t.top ?? 0, h = Gr({ value: i?.original?.originX ?? i?.originX }), g = Kr({ value: i?.original?.originY ?? i?.originY }), _ = typeof i?.corner == "string" ? i.corner : null, v = Yr({
 		group: t,
 		originX: h,
 		originY: g
-	}), y = ni({
+	}), y = !o.canScaleWidth && o.canScaleHeight, b = {
+		measurementsByKey: /* @__PURE__ */ new Map(),
+		splitByGraphemeByFrameWidth: /* @__PURE__ */ new Map(),
+		minimumTextFrameWidth: null
+	}, x = /* @__PURE__ */ new Map(), S = fi({
 		group: t,
 		text: n,
 		width: o.startWidth,
-		padding: r
+		padding: r,
+		measurementCache: b
 	});
 	return a = {
 		startWidth: o.startWidth,
@@ -5799,7 +5988,7 @@ function oi({ scalingState: e, group: t, text: n, constraintPadding: r, transfor
 		startManualBaseHeight: o.startManualBaseHeight,
 		canScaleWidth: o.canScaleWidth,
 		canScaleHeight: o.canScaleHeight,
-		cannotScaleDownAtStart: y >= o.startHeight - Zr,
+		cannotScaleDownAtStart: S >= o.startHeight - ni,
 		isProportionalScaling: !1,
 		blockedScaleAttempt: !1,
 		startLeft: p,
@@ -5819,18 +6008,23 @@ function oi({ scalingState: e, group: t, text: n, constraintPadding: r, transfor
 		lastAllowedScaleX: d,
 		lastAllowedScaleY: f,
 		lastAllowedLeft: p,
-		lastAllowedTop: m
+		lastAllowedTop: m,
+		scaleDirectionX: null,
+		scaleDirectionY: null,
+		fixedWidthMinimumTextFitHeight: y ? S : null,
+		previewTextMeasurementCache: b,
+		proportionalTextConstraintCache: x
 	}, e.set(t, a), a;
 }
-function si({ group: e, text: t, constraintPadding: n, startDimensions: r, scaleX: i, scaleY: a }) {
-	let { previewWidth: o, previewHeight: s } = ri({
+function _i({ group: e, text: t, constraintPadding: n, startDimensions: r, scaleX: i, scaleY: a }) {
+	let { previewWidth: o, previewHeight: s } = pi({
 		group: e,
 		text: t,
 		constraintPadding: n,
 		startDimensions: r,
 		appliedScaleX: i,
 		appliedScaleY: a
-	}), { startWidth: c, startHeight: l } = r, u = Math.abs(o - c) > Qr, d = Math.abs(s - l) > Qr;
+	}), { startWidth: c, startHeight: l } = r, u = Math.abs(o - c) > ri, d = Math.abs(s - l) > ri;
 	return {
 		width: o,
 		height: s,
@@ -5838,7 +6032,7 @@ function si({ group: e, text: t, constraintPadding: n, startDimensions: r, scale
 		hasDimensionChange: u || d
 	};
 }
-function ci({ startManualBaseWidth: e, startManualBaseHeight: t, canScaleWidth: n, canScaleHeight: r, finalWidth: i, finalHeight: a }) {
+function vi({ startManualBaseWidth: e, startManualBaseHeight: t, canScaleWidth: n, canScaleHeight: r, finalWidth: i, finalHeight: a }) {
 	let o = e;
 	n && (o = i);
 	let s = t;
@@ -5847,8 +6041,8 @@ function ci({ startManualBaseWidth: e, startManualBaseHeight: t, canScaleWidth:
 		height: s
 	};
 }
-function li({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, startManualBaseWidth: s, startManualBaseHeight: c, canScaleWidth: l, canScaleHeight: u, hasWidthChange: d }) {
-	let f = ci({
+function yi({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, startManualBaseWidth: s, startManualBaseHeight: c, canScaleWidth: l, canScaleHeight: u, hasWidthChange: d }) {
+	let f = vi({
 		startManualBaseWidth: s,
 		startManualBaseHeight: c,
 		canScaleWidth: l,
@@ -5857,12 +6051,28 @@ function li({ group: e, shape: t, text: n, width: r, height: i, alignH: a, align
 		finalHeight: i
 	});
 	e.shapeManualBaseWidth = f.width, e.shapeManualBaseHeight = f.height, l && d && (e.shapeTextAutoExpand = !1);
-	let p = $r({ group: e }), m = ei({
+	let p = si({ group: e }), m = ci({
 		group: e,
 		width: r,
 		height: i
-	}), h = !u;
-	dr({
+	}), h = !u, g = ({ width: t, height: n }) => ci({
+		group: e,
+		width: t,
+		height: n
+	});
+	!l && u ? hr({
+		group: e,
+		shape: t,
+		text: n,
+		width: r,
+		height: i,
+		alignH: a,
+		alignV: o,
+		padding: p,
+		internalShapeTextInset: m,
+		expandShapeHeightToFitText: h,
+		resolveInternalShapeTextInset: g
+	}) : mr({
 		group: e,
 		shape: t,
 		text: n,
@@ -5874,12 +6084,8 @@ function li({ group: e, shape: t, text: n, width: r, height: i, alignH: a, align
 		shapeTextAutoExpandEnabled: e.shapeTextAutoExpand !== !1,
 		internalShapeTextInset: m,
 		expandShapeHeightToFitText: h,
-		resolveInternalShapeTextInset: ({ width: t, height: n }) => ei({
-			group: e,
-			width: t,
-			height: n
-		})
-	}), e.shapeReplaceBoxWidth = Math.max(1, e.shapeBaseWidth ?? r), e.shapeReplaceBoxHeight = Math.max(1, e.shapeBaseHeight ?? i), n.set({
+		resolveInternalShapeTextInset: g
+	}), e.shapeReplaceBoxWidth = Math.max(1, r), e.shapeReplaceBoxHeight = Math.max(1, i), n.set({
 		scaleX: 1,
 		scaleY: 1
 	}), e.set({
@@ -5889,76 +6095,85 @@ function li({ group: e, shape: t, text: n, width: r, height: i, alignH: a, align
 }
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-active-selection-scaling.ts
-var ui = class {
+var bi = class {
 	constructor({ canvas: e, shapeScalingState: t }) {
 		this.canvas = e, this.shapeScalingState = t, this.scalingState = /* @__PURE__ */ new WeakMap(), this.scalingSessions = /* @__PURE__ */ new WeakMap(), this.groupLayoutScales = /* @__PURE__ */ new WeakMap();
 	}
 	handleScalingPreview({ selection: e, transform: t, event: n }) {
 		if (!t) return;
-		let { canScaleWidth: r, canScaleHeight: i } = Hr({ transform: t });
+		let { canScaleWidth: r, canScaleHeight: i, isCornerScaleAction: a } = qr({ transform: t });
 		if (!r && !i) return;
-		let a = this._collectPreviewItems({
+		let o = this._collectPreviewItems({
 			selection: e,
 			transform: t
 		});
-		if (!a.length) return;
-		let o = this._ensureScalingSession({
+		if (!o.length) return;
+		let s = this._ensureScalingSession({
 			selection: e,
 			transform: t,
-			items: a
-		}), s = Math.abs(e.scaleX ?? 1) || 1, c = Math.abs(e.scaleY ?? 1) || 1, l = this._resolveSelectionScale({
-			items: a,
-			session: o,
+			items: o
+		}), c = !!(n && "shiftKey" in n && n.shiftKey), l = a && !c, u = Math.abs(e.scaleX ?? 1) || 1, d = Math.abs(e.scaleY ?? 1) || 1, f = l && l && (u < .9999 || d < .9999) ? this._resolveProportionalLayoutResults({ items: o }) : null, p = this._resolveSelectionScale({
+			items: o,
+			session: s,
 			transform: t,
-			scaleX: s,
-			scaleY: c,
+			proportionalLayoutResults: f,
+			scaleX: u,
+			scaleY: d,
 			event: n
 		});
-		l = this._resolveSelectionScaleAtPointerBoundary({
+		p = this._resolveSelectionScaleAtPointerBoundary({
 			selection: e,
-			items: a,
-			session: o,
+			items: o,
+			session: s,
 			transform: t,
-			selectionScale: l,
+			selectionScale: p,
 			event: n
 		}), this._applySelectionScale({
 			selection: e,
 			transform: t,
-			scaleX: l.scaleX,
-			scaleY: l.scaleY
-		}), this.scalingState.set(e, l);
-		for (let e of a) {
-			let { group: t, shape: n, text: r, constraintPadding: i, state: a } = e, s = o.items.get(t), c = this._resolveShapeLayoutScale({
+			scaleX: p.scaleX,
+			scaleY: p.scaleY
+		}), this.scalingState.set(e, p);
+		for (let e of o) {
+			let { group: t, shape: n, text: r, constraintPadding: i, state: a } = e, o = s.items.get(t), c, l;
+			if (f) {
+				let e = f.get(t), n = Math.max(p.scaleX, e.minimumScale);
+				c = {
+					scaleX: a.canScaleWidth ? n : 1,
+					scaleY: a.canScaleHeight ? n : 1
+				}, l = e.minimumHeight;
+			} else c = this._resolveShapeLayoutScale({
 				item: e,
-				selectionScale: l
-			}), u = ri({
+				selectionScale: p
+			}), l = pi({
 				group: t,
 				text: r,
 				constraintPadding: i,
 				startDimensions: a,
 				appliedScaleX: c.scaleX,
-				appliedScaleY: c.scaleY
-			});
-			Xr({
+				appliedScaleY: c.scaleY,
+				measurementCache: a.previewTextMeasurementCache
+			}).previewHeight;
+			ti({
 				group: t,
 				shape: n,
 				text: r,
-				layout: ii({
+				layout: mi({
 					group: t,
 					text: r,
 					state: a,
 					appliedScaleX: c.scaleX,
 					appliedScaleY: c.scaleY,
-					minimumHeight: u.previewHeight
+					minimumHeight: l
 				}),
 				alignH: t.shapeAlignHorizontal ?? "center",
-				scaleX: l.scaleX,
-				scaleY: l.scaleY,
+				scaleX: p.scaleX,
+				scaleY: p.scaleY,
 				minSize: 1,
-				scaleEpsilon: Zr
+				scaleEpsilon: ni
 			}), this.groupLayoutScales.set(t, c), this._positionShapeInSelection({
 				group: t,
-				sessionItem: s
+				sessionItem: o
 			}), t.setCoords();
 		}
 		e.setCoords(), this.canvas.requestRenderAll();
@@ -5966,13 +6181,13 @@ var ui = class {
 	commitGroupScaling({ group: e, scaleX: t, scaleY: n, transform: r }) {
 		let { shape: i, text: a } = Y({ group: e });
 		if (!i || !a) return this.shapeScalingState.delete(e), !1;
-		let o = this.shapeScalingState.get(e), s = o ?? ai({
+		let o = this.shapeScalingState.get(e), s = o ?? hi({
 			group: e,
 			transform: r
-		}), c = r ? Hr({ transform: r }) : null, l = o?.canScaleWidth ?? c?.canScaleWidth ?? Math.abs(t - 1) > 1e-4, u = o?.canScaleHeight ?? c?.canScaleHeight ?? Math.abs(n - 1) > 1e-4, d = e.shapeAlignHorizontal ?? "center", f = e.shapeAlignVertical ?? "middle", p = ti({ group: e }), m = this.groupLayoutScales.get(e) ?? {
+		}), c = r ? qr({ transform: r }) : null, l = o?.canScaleWidth ?? c?.canScaleWidth ?? Math.abs(t - 1) > 1e-4, u = o?.canScaleHeight ?? c?.canScaleHeight ?? Math.abs(n - 1) > 1e-4, d = e.shapeAlignHorizontal ?? "center", f = e.shapeAlignVertical ?? "middle", p = li({ group: e }), m = this.groupLayoutScales.get(e) ?? {
 			scaleX: t,
 			scaleY: n
-		}, { width: h, height: g, hasWidthChange: _, hasDimensionChange: v } = si({
+		}, { width: h, height: g, hasWidthChange: _, hasDimensionChange: v } = _i({
 			group: e,
 			text: a,
 			constraintPadding: p,
@@ -5984,7 +6199,7 @@ var ui = class {
 			scaleX: m.scaleX,
 			scaleY: m.scaleY
 		});
-		return v ? (li({
+		return v ? (yi({
 			group: e,
 			shape: i,
 			text: a,
@@ -6020,7 +6235,7 @@ var ui = class {
 			if (!J(r)) continue;
 			let { shape: e, text: i } = Y({ group: r });
 			if (!e || !i) continue;
-			let a = ti({ group: r }), o = oi({
+			let a = li({ group: r }), o = gi({
 				scalingState: this.shapeScalingState,
 				group: r,
 				text: i,
@@ -6040,7 +6255,7 @@ var ui = class {
 	_ensureScalingSession({ selection: e, transform: t, items: n }) {
 		let r = this.scalingSessions.get(e);
 		if (r) return r;
-		let i = Br({ value: t.originX }) ?? "center", a = Vr({ value: t.originY }) ?? "center", o = n[0], s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = this._resolveShapeLocalBounds({ group: o.group });
+		let i = Gr({ value: t.originX }) ?? "center", a = Kr({ value: t.originY }) ?? "center", o = n[0], s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = this._resolveShapeLocalBounds({ group: o.group });
 		for (let { group: e } of n) {
 			let t = this._resolveShapeLocalBounds({ group: e });
 			s.set(e, t), l = this._mergeBounds({
@@ -6066,47 +6281,83 @@ var ui = class {
 		};
 		return this.scalingSessions.set(e, u), u;
 	}
-	_resolveSelectionScale({ items: e, session: t, transform: n, scaleX: r, scaleY: i, event: a }) {
-		let { canScaleWidth: o, canScaleHeight: s, isCornerScaleAction: c } = Hr({ transform: n }), l = !!(a && "shiftKey" in a && a.shiftKey), u = r, d = i;
-		if (o && (u = this._resolveSelectionScaleX({
+	_resolveSelectionScale({ items: e, session: t, transform: n, proportionalLayoutResults: r, scaleX: i, scaleY: a, event: o }) {
+		let { canScaleWidth: s, canScaleHeight: c, isCornerScaleAction: l } = qr({ transform: n }), u = !!(o && "shiftKey" in o && o.shiftKey), d = l && !u, f = i, p = a;
+		if (d) {
+			let n = Math.max(i, a);
+			if (!r) return {
+				scaleX: n,
+				scaleY: n
+			};
+			let o = this._resolveProportionalSelectionScale({
+				items: e,
+				session: t,
+				proportionalLayoutResults: r,
+				scale: n,
+				allowGrowthX: c,
+				allowGrowthY: s
+			});
+			return {
+				scaleX: o,
+				scaleY: o
+			};
+		}
+		return s && (f = this._resolveSelectionScaleX({
 			items: e,
 			session: t,
-			scaleX: r,
-			scaleY: d,
-			allowGrowth: s
-		})), s && (d = this._resolveSelectionScaleY({
+			scaleX: i,
+			scaleY: p,
+			allowGrowth: c
+		})), c && (p = this._resolveSelectionScaleY({
 			items: e,
 			session: t,
-			scaleX: u,
-			scaleY: i,
-			allowGrowth: o
-		})), o && s && (u = this._resolveSelectionScaleX({
+			scaleX: f,
+			scaleY: a,
+			allowGrowth: s
+		})), s && c && (f = this._resolveSelectionScaleX({
 			items: e,
 			session: t,
-			scaleX: r,
-			scaleY: d,
-			allowGrowth: s
-		}), d = this._resolveSelectionScaleY({
+			scaleX: i,
+			scaleY: p,
+			allowGrowth: c
+		}), p = this._resolveSelectionScaleY({
 			items: e,
 			session: t,
-			scaleX: u,
-			scaleY: i,
-			allowGrowth: o
-		})), c && l) {
-			let e = Math.max(u, d);
-			return {
-				scaleX: e,
-				scaleY: e
-			};
-		}
-		return {
-			scaleX: u,
-			scaleY: d
+			scaleX: f,
+			scaleY: a,
+			allowGrowth: s
+		})), {
+			scaleX: f,
+			scaleY: p
 		};
 	}
+	_resolveProportionalSelectionScale({ items: e, session: t, proportionalLayoutResults: n, scale: r, allowGrowthX: i, allowGrowthY: a }) {
+		let o = r;
+		for (let s of e) {
+			let e = t.items.get(s.group), c = n.get(s.group).minimumScale, l = s.state.canScaleWidth ? Math.max(1, s.state.startWidth * c) : s.state.startWidth, u = s.state.canScaleHeight ? Math.max(1, s.state.startHeight * c) : s.state.startHeight, d = this._resolveSelectionAvailableWidth({
+				selectionBounds: t.bounds,
+				shapeBounds: e.bounds,
+				originX: e.transformOriginX
+			}), f = this._resolveSelectionAvailableHeight({
+				selectionBounds: t.bounds,
+				shapeBounds: e.bounds,
+				verticalAttachment: e.verticalAttachment
+			}), p = s.state.canScaleWidth ? this._resolveMinimumScaleForSize({
+				minimumSize: l,
+				startSize: d,
+				allowGrowth: i
+			}) : r, m = s.state.canScaleHeight ? this._resolveMinimumScaleForSize({
+				minimumSize: u,
+				startSize: f,
+				allowGrowth: a
+			}) : r;
+			o = Math.max(o, p, m);
+		}
+		return o;
+	}
 	_resolveSelectionScaleAtPointerBoundary({ selection: e, items: t, session: n, transform: r, selectionScale: i, event: a }) {
-		let { canScaleWidth: o, canScaleHeight: s, isCornerScaleAction: c } = Hr({ transform: r }), l = !!(a && "shiftKey" in a && a.shiftKey);
-		if (c && l) return i;
+		let { canScaleWidth: o, canScaleHeight: s, isCornerScaleAction: c } = qr({ transform: r }), l = !!(a && "shiftKey" in a && a.shiftKey);
+		if (c && !l) return i;
 		let u = o && this._hasPointerReachedSelectionScaleOrigin({
 			selection: e,
 			transform: r,
@@ -6124,6 +6375,7 @@ var ui = class {
 			items: t,
 			session: n,
 			transform: r,
+			proportionalLayoutResults: null,
 			scaleX: f,
 			scaleY: p,
 			event: a
@@ -6220,12 +6472,28 @@ var ui = class {
 		});
 		return Math.max(n, a);
 	}
+	_resolveProportionalLayoutResults({ items: e }) {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = di({
+				group: n.group,
+				text: n.text,
+				state: n.state
+			});
+			t.set(n.group, {
+				minimumScale: e.scale,
+				minimumHeight: e.minimumHeight
+			});
+		}
+		return t;
+	}
 	_resolveMinimumShapeWidth({ item: e, scaleY: t }) {
 		let { group: n, text: r, constraintPadding: i, state: a } = e, o = Math.max(1, a.startHeight * t);
-		return mr({
+		return vr({
 			text: r,
 			padding: i,
-			resolvePaddingForWidth: ({ width: e }) => ti({
+			measurementCache: a.previewTextMeasurementCache ?? void 0,
+			resolvePaddingForWidth: ({ width: e }) => li({
 				group: n,
 				width: e,
 				height: o
@@ -6238,11 +6506,12 @@ var ui = class {
 	}
 	_resolveMinimumShapeHeight({ item: e, scaleX: t }) {
 		let { group: n, text: r, constraintPadding: i, state: a } = e;
-		return ni({
+		return fi({
 			group: n,
 			text: r,
 			width: Math.max(1, a.startWidth * t),
-			padding: i
+			padding: i,
+			measurementCache: a.previewTextMeasurementCache
 		});
 	}
 	_resolveSelectionAvailableWidth({ selectionBounds: e, shapeBounds: t, originX: n }) {
@@ -6276,7 +6545,7 @@ var ui = class {
 		};
 	}
 	_resolveVerticalAttachment({ selectionBounds: e, shapeBounds: t }) {
-		let n = Math.max(0, t.top - e.top), r = Math.max(0, e.bottom - t.bottom), i = n <= Qr, a = r <= Qr;
+		let n = Math.max(0, t.top - e.top), r = Math.max(0, e.bottom - t.bottom), i = n <= ri, a = r <= ri;
 		return i && !a ? "top" : a && !i ? "bottom" : Math.abs(n - r) <= .5 ? "center" : n < r ? "top" : "bottom";
 	}
 	_resolveOriginOffset({ origin: e }) {
@@ -6297,7 +6566,7 @@ var ui = class {
 	_hasPointerReachedSelectionScaleOrigin({ selection: e, transform: t, event: n, axis: r }) {
 		let i = t, a = r === "x" ? i.signX : i.signY;
 		if (typeof a != "number" || !Number.isFinite(a)) return !1;
-		let o = Ur({
+		let o = Jr({
 			target: e,
 			transform: t,
 			event: n,
@@ -6308,7 +6577,7 @@ var ui = class {
 	_applySelectionScale({ selection: e, transform: t, scaleX: n, scaleY: r }) {
 		let i = Math.abs(e.scaleX ?? 1) || 1, a = Math.abs(e.scaleY ?? 1) || 1;
 		if (!(Math.abs(i - n) > 1e-4 || Math.abs(a - r) > 1e-4)) return;
-		let o = Br({ value: t.originX }), s = Vr({ value: t.originY }), c = o !== null && s !== null ? e.getPositionByOrigin(o, s) : null;
+		let o = Gr({ value: t.originX }), s = Kr({ value: t.originY }), c = o !== null && s !== null ? e.getPositionByOrigin(o, s) : null;
 		e.set({
 			flipX: !1,
 			flipY: !1,
@@ -6316,7 +6585,7 @@ var ui = class {
 			scaleY: r
 		}), c && o !== null && s !== null && e.setPositionByOrigin(c, o, s), e.setCoords();
 	}
-}, di = class {
+}, xi = class {
 	constructor({ canvas: t }) {
 		this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
@@ -6335,35 +6604,50 @@ var ui = class {
 				lockScalingFlip: !0,
 				centeredScaling: !1
 			});
-			let s = ti({ group: i }), c = oi({
+			let s = li({ group: i }), c = gi({
 				scalingState: this.scalingState,
 				group: i,
 				text: o,
 				constraintPadding: s,
 				transform: r
-			}), { isCornerScaleAction: l } = Hr({ transform: r }), u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
-			c.isProportionalScaling = l && u;
+			}), l = c.canScaleWidth && c.canScaleHeight, u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
+			c.isProportionalScaling = l && !u, this._storeScaleDirectionsForCurrentTransform({
+				group: i,
+				state: c,
+				event: t.e,
+				transform: r
+			});
 			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: s,
 				state: c,
 				transform: r
-			}), _ = ii({
+			});
+			if (g.shouldHandleAsNoop) {
+				this._restoreBlockedScalingAttempt({
+					group: i,
+					shape: a,
+					text: o,
+					state: c
+				});
+				return;
+			}
+			let _ = mi({
 				group: i,
 				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) > 1e-4 || Math.abs(g.appliedScaleY - y) > 1e-4) && this._applyResolvedScalingState({
+			}), v = Math.abs(i.scaleX ?? c.startScaleX) || c.startScaleX, y = Math.abs(i.scaleY ?? c.startScaleY) || c.startScaleY;
+			(g.shouldRestoreLastAllowedTransform || Math.abs(g.appliedScaleX - v) > 1e-4 || Math.abs(g.appliedScaleY - y) > 1e-4) && this._applyResolvedScalingState({
 				group: i,
 				state: c,
-				shouldHandleAsNoop: g.shouldHandleAsNoop,
+				shouldHandleAsNoop: !1,
 				scaleX: g.appliedScaleX,
 				scaleY: g.appliedScaleY
-			}), Xr({
+			}), ti({
 				group: i,
 				shape: a,
 				text: o,
@@ -6372,15 +6656,15 @@ var ui = class {
 				scaleX: g.appliedScaleX,
 				scaleY: g.appliedScaleY,
 				minSize: 1,
-				scaleEpsilon: Zr
+				scaleEpsilon: ni
 			}), this._restoreScalingAnchorPosition({
 				group: i,
 				state: c
 			}), !g.shouldHandleAsNoop && !g.shouldRestoreLastAllowedTransform && this._storeLastAllowedTransform({
 				group: i,
 				state: c,
-				scaleX: i.scaleX ?? 1,
-				scaleY: i.scaleY ?? 1,
+				scaleX: g.appliedScaleX,
+				scaleY: g.appliedScaleY,
 				currentLeft: d,
 				currentTop: f,
 				currentFlipX: p,
@@ -6399,91 +6683,130 @@ var ui = class {
 				return;
 			}
 			if (!J(r)) return;
-			let { canScaleHeight: i, canScaleWidth: a } = Hr({ 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 = ti({ 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 = {
+			let i = r, a = this.scalingState.get(i);
+			if (!a) return;
+			let { shape: o, text: s } = Y({ group: i });
+			if (!o || !s) return;
+			let c = li({ group: i }), l = i.shapeAlignHorizontal ?? "center", { canScaleWidth: u, canScaleHeight: d } = a;
+			if (!u && !d) return;
+			let f = Math.abs(i.scaleX ?? a.startScaleX) || a.startScaleX, p = Math.abs(i.scaleY ?? a.startScaleY) || a.startScaleY, { scaleX: m, scaleY: h } = this._resolveCurrentDragScales({
+				group: i,
+				state: a
+			}), g = {
 				...t,
 				transform: n
-			}, h = f, g = p, _ = null, v = !1, y = !1;
-			if (a && this._hasPointerReachedScaleOrigin({
-				event: m,
-				group: o,
-				axis: "x"
-			})) {
-				let e = mr({
-					text: l,
-					padding: u,
-					resolvePaddingForWidth: ({ width: e }) => ti({
-						group: o,
-						width: e,
-						height: Math.max(1, s.startHeight * g)
-					})
-				}), t = Math.max(1 / s.startWidth, e / s.startWidth);
-				s.lastAllowedScaleX > t + 1e-4 && (h = t, v = !0, y = !0);
-			}
-			if (i && this._hasPointerReachedScaleOrigin({
-				event: m,
-				group: o,
-				axis: "y"
-			})) {
-				_ = ni({
-					group: o,
-					text: l,
-					width: Math.max(1, s.startWidth * h),
-					padding: u
+			}, _ = m, v = h, y = null, b = !1, x = !1, S = !u && Math.abs(f - m) > 1e-4 || !d && Math.abs(p - h) > 1e-4, C = !u && d ? a.fixedWidthMinimumTextFitHeight : null;
+			if (a.isProportionalScaling) {
+				let e = u && this._hasPointerReachedScaleOrigin({
+					event: g,
+					group: i,
+					state: a,
+					axis: "x"
+				}), t = d && this._hasPointerReachedScaleOrigin({
+					event: g,
+					group: i,
+					state: a,
+					axis: "y"
+				});
+				if (!e && !t) return;
+				let n = di({
+					group: i,
+					text: s,
+					state: a
 				});
-				let e = Math.max(1 / s.startHeight, _ / s.startHeight);
-				s.lastAllowedScaleY > e + 1e-4 && (g = e, y = !0);
-			}
-			if (!y) return;
-			let b = ri({
-				group: o,
-				text: l,
-				constraintPadding: u,
-				startDimensions: s,
-				appliedScaleX: h,
-				appliedScaleY: g,
-				minimumHeight: v ? null : _
-			}), x = ii({
-				group: o,
-				text: l,
-				state: s,
-				appliedScaleX: h,
-				appliedScaleY: g,
-				minimumHeight: b.previewHeight
+				_ = n.scale, v = n.scale, y = n.minimumHeight, x = Math.abs(m - _) > 1e-4 || Math.abs(h - v) > 1e-4;
+			}
+			if (!a.isProportionalScaling) {
+				if (u && this._hasPointerReachedScaleOrigin({
+					event: g,
+					group: i,
+					state: a,
+					axis: "x"
+				})) {
+					let e = vr({
+						text: s,
+						padding: c,
+						resolvePaddingForWidth: ({ width: e }) => li({
+							group: i,
+							width: e,
+							height: Math.max(1, a.startHeight * v)
+						})
+					}), t = Math.max(1 / a.startWidth, e / a.startWidth);
+					a.lastAllowedScaleX > t + 1e-4 && (_ = t, b = !0, x = !0);
+				}
+				if (d && this._hasPointerReachedScaleOrigin({
+					event: g,
+					group: i,
+					state: a,
+					axis: "y"
+				})) {
+					if (!u && a.cannotScaleDownAtStart) {
+						this._restoreBlockedScalingAttempt({
+							group: i,
+							shape: o,
+							text: s,
+							state: a
+						});
+						return;
+					}
+					y = C ?? fi({
+						group: i,
+						text: s,
+						width: Math.max(1, a.startWidth * _),
+						padding: c,
+						measurementCache: a.previewTextMeasurementCache
+					});
+					let e = Math.max(1 / a.startHeight, y / a.startHeight);
+					a.lastAllowedScaleY > e + 1e-4 && (v = e, x = !0);
+				}
+			}
+			if (!x && !S) return;
+			y ??= C;
+			let w = pi({
+				group: i,
+				text: s,
+				constraintPadding: c,
+				startDimensions: a,
+				appliedScaleX: _,
+				appliedScaleY: v,
+				minimumHeight: b ? null : y,
+				measurementCache: a.previewTextMeasurementCache
+			}), T = mi({
+				group: i,
+				text: s,
+				state: a,
+				appliedScaleX: _,
+				appliedScaleY: v,
+				minimumHeight: w.previewHeight
 			});
 			this._applyResolvedScalingState({
-				group: o,
-				state: s,
+				group: i,
+				state: a,
 				shouldHandleAsNoop: !1,
-				scaleX: h,
-				scaleY: g
-			}), Xr({
-				group: o,
-				shape: c,
-				text: l,
-				layout: x,
-				alignH: d,
-				scaleX: h,
-				scaleY: g,
+				scaleX: _,
+				scaleY: v
+			}), ti({
+				group: i,
+				shape: o,
+				text: s,
+				layout: T,
+				alignH: l,
+				scaleX: _,
+				scaleY: v,
 				minSize: 1,
-				scaleEpsilon: Zr
+				scaleEpsilon: ni
 			}), this._restoreScalingAnchorPosition({
-				group: o,
-				state: s
+				group: i,
+				state: a
 			}), this._storeLastAllowedTransform({
-				group: o,
-				state: s,
-				scaleX: h,
-				scaleY: g,
-				currentLeft: s.lastAllowedLeft,
-				currentTop: s.lastAllowedTop,
-				currentFlipX: s.lastAllowedFlipX,
-				currentFlipY: s.lastAllowedFlipY
+				group: i,
+				state: a,
+				scaleX: _,
+				scaleY: v,
+				currentLeft: a.lastAllowedLeft,
+				currentTop: a.lastAllowedTop,
+				currentFlipX: a.lastAllowedFlipX,
+				currentFlipY: a.lastAllowedFlipY
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectModified = (e) => {
 			let { target: t } = e;
@@ -6493,11 +6816,20 @@ var ui = class {
 			let o = r?.startWidth ?? Math.max(1, n.shapeBaseWidth ?? n.width ?? n.shapeManualBaseWidth ?? 1), s = r?.startHeight ?? Math.max(1, n.shapeBaseHeight ?? n.height ?? n.shapeManualBaseHeight ?? 1), c = r?.startManualBaseWidth ?? Math.max(1, n.shapeManualBaseWidth ?? o), l = r?.startManualBaseHeight ?? Math.max(1, n.shapeManualBaseHeight ?? s);
 			if (r?.blockedScaleAttempt && r) {
 				let { shape: e, text: t } = Y({ group: n });
-				this._restoreGroupTransformOnly({
+				if (!e || !t) {
+					n.shapeScalingNoopTransform = !1, this.scalingState.delete(n);
+					return;
+				}
+				this._restoreShapeStateWithoutResize({
 					group: n,
 					shape: e,
 					text: t,
-					state: r
+					state: r,
+					startWidth: o,
+					startHeight: s,
+					alignH: n.shapeAlignHorizontal,
+					alignV: n.shapeAlignVertical,
+					userPadding: si({ group: n })
 				}), n.shapeScalingNoopTransform = !1, this.scalingState.delete(n), this.canvas.requestRenderAll();
 				return;
 			}
@@ -6506,23 +6838,44 @@ var ui = class {
 				this.scalingState.delete(n);
 				return;
 			}
-			let f = n.shapeAlignHorizontal ?? "center", p = n.shapeAlignVertical ?? "middle", m = ti({ group: n }), h = e.transform ? Hr({ transform: e.transform }) : null, g = r?.canScaleWidth ?? h?.canScaleWidth ?? Math.abs(i - 1) > 1e-4, _ = r?.canScaleHeight ?? h?.canScaleHeight ?? Math.abs(a - 1) > 1e-4, v = r?.lastAllowedScaleX ?? i, y = r?.lastAllowedScaleY ?? a, b = mr({
-				text: d,
-				padding: m,
-				resolvePaddingForWidth: ({ width: e }) => ti({
+			let f = n.shapeAlignHorizontal ?? "center", p = n.shapeAlignVertical ?? "middle", m = li({ group: n }), h = e.transform ? qr({ transform: e.transform }) : null, g = r?.canScaleWidth ?? h?.canScaleWidth ?? Math.abs(i - 1) > 1e-4, _ = r?.canScaleHeight ?? h?.canScaleHeight ?? Math.abs(a - 1) > 1e-4, v = r?.lastAllowedScaleX ?? i, y = r?.lastAllowedScaleY ?? a;
+			if (r?.isProportionalScaling) {
+				let t = this._hasPointerReachedScaleOrigin({
+					event: e,
 					group: n,
-					width: e,
-					height: Math.max(1, s * y)
-				})
-			});
-			if (!r?.isProportionalScaling) {
+					state: r,
+					axis: "x"
+				}), o = this._hasPointerReachedScaleOrigin({
+					event: e,
+					group: n,
+					state: r,
+					axis: "y"
+				});
+				if (t || o) {
+					let e = di({
+						group: n,
+						text: d,
+						state: r
+					});
+					(i < e.scale - 1e-4 || a < e.scale - 1e-4) && (v = e.scale, y = e.scale);
+				}
+			} else {
+				let t = vr({
+					text: d,
+					padding: m,
+					resolvePaddingForWidth: ({ width: e }) => li({
+						group: n,
+						width: e,
+						height: Math.max(1, s * y)
+					})
+				});
 				this._shouldClampWidthToMinimum({
 					event: e,
 					group: n,
-					minimumWidth: b,
+					minimumWidth: t,
 					state: r
-				}) && (v = Math.max(1 / o, b / o));
-				let t = ni({
+				}) && (v = Math.max(1 / o, t / o));
+				let i = fi({
 					group: n,
 					text: d,
 					width: Math.max(1, o * v),
@@ -6531,11 +6884,11 @@ var ui = class {
 				this._shouldClampHeightToMinimum({
 					event: e,
 					group: n,
-					minimumHeight: t,
+					minimumHeight: i,
 					state: r
-				}) && (y = Math.max(1 / s, t / s));
+				}) && (y = Math.max(1 / s, i / s));
 			}
-			let { width: x, height: S, hasWidthChange: C, hasDimensionChange: w } = si({
+			let { width: b, height: x, hasWidthChange: S, hasDimensionChange: C } = _i({
 				group: n,
 				text: d,
 				constraintPadding: m,
@@ -6550,7 +6903,7 @@ var ui = class {
 				scaleX: v,
 				scaleY: y
 			});
-			if (!w && r) {
+			if (!C && r) {
 				this._restoreShapeStateWithoutResize({
 					group: n,
 					shape: u,
@@ -6560,40 +6913,43 @@ var ui = class {
 					startHeight: s,
 					alignH: f,
 					alignV: p,
-					userPadding: $r({ group: n })
+					userPadding: si({ group: n })
 				}), this.scalingState.delete(n), this.canvas.requestRenderAll();
 				return;
 			}
 			r && n.set({
 				left: r.lastAllowedLeft,
 				top: r.lastAllowedTop
-			}), li({
+			}), yi({
 				group: n,
 				shape: u,
 				text: d,
-				width: x,
-				height: S,
+				width: b,
+				height: x,
 				alignH: f,
 				alignV: p,
 				startManualBaseWidth: c,
 				startManualBaseHeight: l,
 				canScaleWidth: g,
 				canScaleHeight: _,
-				hasWidthChange: C
+				hasWidthChange: S
 			}), r && this._restoreScalingAnchorPosition({
 				group: n,
 				state: r
 			}), n.setCoords(), d.setCoords(), u.setCoords(), this.scalingState.delete(n), n.shapeScalingNoopTransform = !1, this.canvas.requestRenderAll();
-		}, this.canvas = t, this.scalingState = /* @__PURE__ */ new WeakMap(), this.activeSelectionScalingController = new ui({
+		}, this.canvas = t, this.scalingState = /* @__PURE__ */ new WeakMap(), this.activeSelectionScalingController = new bi({
 			canvas: t,
 			shapeScalingState: this.scalingState
 		});
 	}
 	_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 = Gr({
+		let a = e.scaleX ?? 1, o = e.scaleY ?? 1, { scaleX: s, scaleY: c } = this._resolveCurrentDragScales({
+			group: e,
+			state: r
+		}), l = r.canScaleWidth && a < 0 || r.canScaleHeight && o < 0, u = Xr({
 			state: r,
 			transform: i
-		}), d = Kr({
+		}), d = Zr({
 			state: r,
 			transform: i
 		});
@@ -6603,54 +6959,130 @@ var ui = class {
 			text: t,
 			constraintPadding: n,
 			state: r,
-			transform: i,
 			scaleX: s,
 			scaleY: c
-		}), p = Math.abs(e.scaleX ?? 1) || 1, m = Math.abs(e.scaleY ?? 1) || 1, h = f.clampedScaleX ?? p, g = f.clampedScaleY ?? m;
+		}), p = s, m = c, 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 = ri({
+		let _ = f.resolvedMinimumHeight, v = !r.canScaleWidth && r.canScaleHeight ? r.fixedWidthMinimumTextFitHeight : null;
+		f.shouldHandleAsNoop ? _ = r.startHeight : _ ??= v;
+		let { previewHeight: y } = pi({
 			group: e,
 			text: t,
 			constraintPadding: n,
 			startDimensions: r,
 			appliedScaleX: h,
 			appliedScaleY: g,
-			minimumHeight: _ ? f.resolvedMinimumHeight : null
+			minimumHeight: _,
+			measurementCache: r.previewTextMeasurementCache
 		});
 		return {
 			appliedScaleX: h,
 			appliedScaleY: g,
-			previewWidth: v.previewWidth,
-			previewHeight: v.previewHeight,
+			previewHeight: y,
 			shouldHandleAsNoop: f.shouldHandleAsNoop,
 			shouldRestoreLastAllowedTransform: f.shouldRestoreLastAllowedTransform
 		};
 	}
-	_resolveScalingConstraintState({ group: e, text: t, constraintPadding: n, state: r, transform: i, scaleX: a, scaleY: o }) {
-		let { startHeight: s, startWidth: c, cannotScaleDownAtStart: l, crossedOppositeCorner: u, isProportionalScaling: d, lastAllowedScaleX: f, lastAllowedScaleY: p, startScaleY: m } = r, h = Math.max(1, c * a), g = Math.max(1, s * o), _ = a < f - Zr, v = o < p - Zr, y = o < m - Zr, { canScaleHeight: b, canScaleWidth: x, isVerticalOnlyScale: S } = Hr({ transform: i }), C = x && _ ? mr({
+	_resolveScalingConstraintState({ group: e, text: t, constraintPadding: n, state: r, scaleX: i, scaleY: a }) {
+		let { canScaleHeight: o, canScaleWidth: s, startHeight: c, startWidth: l, cannotScaleDownAtStart: u, crossedOppositeCorner: d, isProportionalScaling: f, lastAllowedScaleX: p, lastAllowedScaleY: m, startScaleY: h } = r, g = o && !s, _ = s ? Math.max(1, l * i) : l, v = o ? Math.max(1, c * a) : c, y = i < p - ni, b = a < m - ni, x = a < h - ni, S = g ? r.fixedWidthMinimumTextFitHeight : null, C = s && y ? vr({
 			text: t,
 			padding: n,
-			resolvePaddingForWidth: ({ width: t }) => ti({
+			measurementCache: r.previewTextMeasurementCache ?? void 0,
+			resolvePaddingForWidth: ({ width: t }) => li({
 				group: e,
 				width: t,
-				height: g
+				height: v
 			})
-		}) : null, w = b && v ? ni({
+		}) : null, w = o && b ? S ?? fi({
 			group: e,
 			text: t,
-			width: h,
-			padding: n
-		}) : null, T = S && l && y, E = C !== null && h < C + 1e-4, D = w !== null && g < w + 1e-4, O = u || d && (E || D), k = null;
-		!d && C !== null && h < C + 1e-4 && (k = Math.max(1 / c, C / c));
-		let A = null;
-		return !d && w !== null && g < w + 1e-4 && (A = Math.max(1 / s, w / s)), {
+			width: _,
+			padding: n,
+			measurementCache: r.previewTextMeasurementCache
+		}) : null, T = g && u && x;
+		if (f && s && o && (y || b)) {
+			if (!ui({
+				group: e,
+				text: t,
+				width: _,
+				height: v,
+				measurementCache: r.previewTextMeasurementCache,
+				constraintCache: r.proportionalTextConstraintCache
+			}).isValid) {
+				let n = di({
+					group: e,
+					text: t,
+					state: r
+				});
+				return {
+					shouldHandleAsNoop: T,
+					shouldRestoreLastAllowedTransform: d,
+					clampedScaleX: n.scale,
+					clampedScaleY: n.scale,
+					resolvedMinimumHeight: n.minimumHeight
+				};
+			}
+			return {
+				shouldHandleAsNoop: T,
+				shouldRestoreLastAllowedTransform: d,
+				clampedScaleX: null,
+				clampedScaleY: null,
+				resolvedMinimumHeight: null
+			};
+		}
+		let E = C !== null && _ < C + 1e-4, D = w !== null && v < w + 1e-4, O = E || D, k = d, A = null, j = null;
+		if (f && O) {
+			let n = di({
+				group: e,
+				text: t,
+				state: r
+			});
+			return A = n.scale, j = n.scale, {
+				shouldHandleAsNoop: T,
+				shouldRestoreLastAllowedTransform: k,
+				clampedScaleX: A,
+				clampedScaleY: j,
+				resolvedMinimumHeight: n.minimumHeight
+			};
+		}
+		return C !== null && _ < C + 1e-4 && (A = Math.max(1 / l, C / l)), w !== null && v < w + 1e-4 && (j = Math.max(1 / c, w / c)), {
 			shouldHandleAsNoop: T,
-			shouldRestoreLastAllowedTransform: O,
-			clampedScaleX: k,
-			clampedScaleY: A,
+			shouldRestoreLastAllowedTransform: k,
+			clampedScaleX: A,
+			clampedScaleY: j,
 			resolvedMinimumHeight: w
 		};
 	}
+	_restoreBlockedScalingAttempt({ group: e, shape: t, text: n, state: r }) {
+		let i = e.shapeAlignHorizontal ?? "center";
+		this._applyResolvedScalingState({
+			group: e,
+			state: r,
+			shouldHandleAsNoop: !0,
+			scaleX: r.startScaleX,
+			scaleY: r.startScaleY
+		}), ti({
+			group: e,
+			shape: t,
+			text: n,
+			layout: mi({
+				group: e,
+				text: n,
+				state: r,
+				appliedScaleX: r.startScaleX,
+				appliedScaleY: r.startScaleY,
+				minimumHeight: r.startHeight
+			}),
+			alignH: i,
+			scaleX: r.startScaleX,
+			scaleY: r.startScaleY,
+			minSize: 1,
+			scaleEpsilon: ni
+		}), this._restoreScalingAnchorPosition({
+			group: e,
+			state: r
+		}), this.canvas.requestRenderAll();
+	}
 	_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;
@@ -6677,44 +7109,74 @@ var ui = class {
 			transform: r
 		});
 	}
+	_resolveCurrentDragScales({ group: e, state: t }) {
+		let n = Math.abs(e.scaleX ?? t.startScaleX) || t.startScaleX, r = Math.abs(e.scaleY ?? t.startScaleY) || t.startScaleY;
+		return {
+			scaleX: t.canScaleWidth ? n : t.startScaleX,
+			scaleY: t.canScaleHeight ? r : t.startScaleY
+		};
+	}
 	_shouldClampWidthToMinimum({ event: e, group: t, minimumWidth: n, state: r }) {
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleWidth: a } = Hr({ transform: i });
+		let { canScaleWidth: a } = qr({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
+			state: r,
 			axis: "x"
 		})) return !1;
 		let o = Math.max(1 / r.startWidth, n / r.startWidth);
-		return r.lastAllowedScaleX > o + Zr;
+		return r.lastAllowedScaleX > o + ni;
 	}
 	_shouldClampHeightToMinimum({ event: e, group: t, minimumHeight: n, state: r }) {
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleHeight: a } = Hr({ transform: i });
+		let { canScaleHeight: a } = qr({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
+			state: r,
 			axis: "y"
 		})) return !1;
 		let o = Math.max(1 / r.startHeight, n / r.startHeight);
-		return r.lastAllowedScaleY > o + Zr;
+		return r.lastAllowedScaleY > o + ni;
 	}
-	_hasPointerReachedScaleOrigin({ event: e, group: t, axis: n }) {
-		let { transform: r } = e;
-		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 = Ur({
+	_hasPointerReachedScaleOrigin({ event: e, group: t, state: n, axis: r }) {
+		let { transform: i } = e;
+		if (!i) return !1;
+		let a = i, o = r === "x" ? n?.scaleDirectionX ?? null : n?.scaleDirectionY ?? null, s = this._resolveScaleDirection({ value: r === "x" ? a.signX : a.signY }) ?? o;
+		if (s === null) return !1;
+		let c = Jr({
 			event: e.e,
 			target: t,
+			transform: i,
+			canvas: this.canvas
+		});
+		return c ? (r === "x" ? c.x : c.y) * s <= 0 : !1;
+	}
+	_storeScaleDirectionsForCurrentTransform({ group: e, state: t, event: n, transform: r }) {
+		if (!r) return;
+		let { canScaleHeight: i, canScaleWidth: a, isCornerScaleAction: o } = qr({ transform: r });
+		if (!o) return;
+		let s = !a || t.scaleDirectionX !== null, c = !i || t.scaleDirectionY !== null;
+		if (s && c) return;
+		let l = r;
+		a && t.scaleDirectionX === null && (t.scaleDirectionX = this._resolveScaleDirection({ value: l.signX })), i && t.scaleDirectionY === null && (t.scaleDirectionY = this._resolveScaleDirection({ value: l.signY }));
+		let u = !a || t.scaleDirectionX !== null, d = !i || t.scaleDirectionY !== null;
+		if (u && d) return;
+		let f = Jr({
+			event: n,
+			target: e,
 			transform: r,
 			canvas: this.canvas
 		});
-		return o ? (n === "x" ? o.x : o.y) * a <= 0 : !1;
+		f && (a && t.scaleDirectionX === null && (t.scaleDirectionX = this._resolveScaleDirection({ value: f.x })), i && t.scaleDirectionY === null && (t.scaleDirectionY = this._resolveScaleDirection({ value: f.y })));
+	}
+	_resolveScaleDirection({ value: e }) {
+		return typeof e != "number" || !Number.isFinite(e) || e === 0 ? null : e > 0 ? 1 : -1;
 	}
 	clearState({ group: e }) {
 		this.scalingState.delete(e);
@@ -6734,27 +7196,38 @@ var ui = class {
 		e.setPositionByOrigin(new m(n, r), i, a), e.setCoords();
 	}
 	_restoreShapeStateWithoutResize({ group: e, shape: t, text: n, state: r, startWidth: i, startHeight: a, alignH: o, alignV: s, userPadding: c }) {
-		let l = Math.max(1, e.shapeBaseWidth ?? e.width ?? i), u = Math.max(1, e.shapeBaseHeight ?? e.height ?? a), d = ei({
+		let l = Math.max(1, e.shapeBaseWidth ?? e.width ?? i), u = Math.max(1, e.shapeBaseHeight ?? e.height ?? a), d = ci({
 			group: e,
 			width: l,
 			height: u
+		}), f = o ?? "center", p = s ?? "middle", m = ({ width: t, height: n }) => ci({
+			group: e,
+			width: t,
+			height: n
 		});
-		dr({
+		!r.canScaleWidth && r.canScaleHeight ? hr({
 			group: e,
 			shape: t,
 			text: n,
 			width: l,
 			height: u,
-			alignH: o ?? "center",
-			alignV: s ?? "middle",
+			alignH: f,
+			alignV: p,
 			padding: c,
 			internalShapeTextInset: d,
-			resolveInternalShapeTextInset: ({ width: t, height: n }) => ei({
-				group: e,
-				width: t,
-				height: n
-			})
-		}), e.shapeReplaceBoxWidth = Math.max(1, e.shapeBaseWidth ?? l), e.shapeReplaceBoxHeight = Math.max(1, e.shapeBaseHeight ?? u), e.set({
+			resolveInternalShapeTextInset: m
+		}) : mr({
+			group: e,
+			shape: t,
+			text: n,
+			width: l,
+			height: u,
+			alignH: f,
+			alignV: p,
+			padding: c,
+			internalShapeTextInset: d,
+			resolveInternalShapeTextInset: m
+		}), e.set({
 			left: r.lastAllowedLeft,
 			top: r.lastAllowedTop,
 			flipX: r.lastAllowedFlipX,
@@ -6766,32 +7239,7 @@ var ui = class {
 			state: r
 		});
 	}
-	_restoreGroupTransformOnly({ group: e, shape: t, text: n, state: r }) {
-		let i = Math.max(1, e.shapeBaseWidth ?? e.width ?? r.startWidth), a = Math.max(1, e.shapeBaseHeight ?? e.height ?? r.startHeight);
-		t && (Pn({
-			shape: t,
-			width: i,
-			height: a,
-			rounding: e.shapeRounding,
-			strokeWidth: e.shapeStrokeWidth
-		}), t.setCoords()), n && (n.set({
-			scaleX: 1 / Math.max(Zr, r.startScaleX),
-			scaleY: 1 / Math.max(Zr, r.startScaleY)
-		}), n.setCoords()), e.set({
-			width: i,
-			height: a,
-			left: r.startLeft,
-			top: r.startTop,
-			flipX: r.lastAllowedFlipX,
-			flipY: r.lastAllowedFlipY,
-			scaleX: r.startScaleX,
-			scaleY: r.startScaleY
-		}), this._restoreScalingAnchorPosition({
-			group: e,
-			state: r
-		});
-	}
-}, fi = class {
+}, Si = class {
 	constructor({ canvas: e }) {
 		this.handleMouseDown = (e) => {
 			let { target: t, e: n, subTargets: r = [] } = e, i = Ue({
@@ -6915,7 +7363,7 @@ var ui = class {
 		let t = this.canvas;
 		t.findTarget = e.findTarget, this.editingTargetResolverState = void 0;
 	}
-}, pi = class e {
+}, Ci = 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();
 	}
@@ -7111,7 +7559,7 @@ var ui = class {
 			}
 		}), I;
 	}
-}, mi = "#B4B7BD", hi = 0, gi = 1, _i = 1e-4, vi = class {
+}, wi = "#B4B7BD", Ti = 0, Ei = 1, Di = 1e-4, Oi = class {
 	constructor({ editor: t }) {
 		this._handleObjectScaling = (e) => {
 			this._collectShapeGroupsFromTarget({
@@ -7186,7 +7634,7 @@ var ui = class {
 			if (!(t instanceof v)) return;
 			let n = t;
 			this.lifecycleController.finishTextUpdate({ textNode: n });
-		}, this.editor = t, He(), this.scalingController = new di({ canvas: t.canvas }), this.editingController = new fi({ canvas: t.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new pi({ canvas: t.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
+		}, this.editor = t, He(), this.scalingController = new xi({ canvas: t.canvas }), this.editingController = new Si({ canvas: t.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new Ci({ canvas: t.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
 	}
 	async add({ presetKey: e = pe, options: t = {} } = {}) {
 		let n = ve({ presetKey: e });
@@ -7224,12 +7672,11 @@ var ui = class {
 		return this.editor.canvas.fire("editor:shape-added", d), u;
 	}
 	async _createShapeGroupForAdd({ basePreset: e, options: t }) {
-		let { width: n, height: r, preserveAspectRatio: i, shapeTextAutoExpand: a, text: o, textStyle: s, alignH: c, alignV: l, textPadding: u, rounding: d, id: f } = t, p = U({ rounding: d }), m = ve({ presetKey: ye({
+		let { width: n, height: r, preserveAspectRatio: i, shapeTextAutoExpand: a, text: o, textStyle: s, alignH: c, alignV: l, textPadding: u, rounding: d, id: f } = t, p = W({ rounding: d }), m = ve({ presetKey: ye({
 			preset: e,
 			rounding: p
-		}) }) ?? e, h = Ce({ preset: m }), g = h ? p : 0, { width: _, height: v } = m, y = !!i, b = Math.max(1, n ?? _), x = Math.max(1, r ?? v), S, C;
+		}) }) ?? e, h = Ce({ preset: m }), g = h ? p : 0, { width: _, height: v } = m, y = !!i, b = Math.max(1, n ?? _), x = Math.max(1, r ?? v), S = n === void 0 ? void 0 : Math.max(1, n), C = r === void 0 ? void 0 : Math.max(1, r);
 		if (y) {
-			S = n === void 0 ? void 0 : Math.max(1, n), C = r === void 0 ? void 0 : Math.max(1, r);
 			let e = this._resolveAspectRatioFittedDimensions({
 				targetWidth: S,
 				targetHeight: C,
@@ -7320,55 +7767,55 @@ var ui = class {
 		if (!r) return null;
 		let i = r.shapePresetKey ?? "circle", a = t ?? i, o = ve({ presetKey: a });
 		if (!o) return null;
-		let { left: s, top: c, originX: l, originY: u, width: d, height: f, preserveCurrentAspectRatio: p, shapeTextAutoExpand: m, text: h, textStyle: g, alignH: _, alignV: v, textPadding: y, rounding: b, withoutSelection: x, withoutSave: S } = n, C = this.editor.canvasManager.resolveObjectPlacement({
+		let { left: s, top: c, originX: l, originY: u, width: d, height: f, preserveCurrentAspectRatio: p, shapeTextAutoExpand: m, text: h, textStyle: g, alignH: _, alignV: v, textPadding: y, rounding: b, withoutSelection: x, withoutSave: S, syncLineStylesWithText: C = !0 } = n, w = this.editor.canvasManager.resolveObjectPlacement({
 			object: r,
 			left: s,
 			top: c,
 			originX: l,
 			originY: u
-		}), w = this._resolveCurrentDimensions({ group: r }), T = this._resolveManualDimensions({ group: r }), E = this._resolveReplaceBoxDimensions({ group: r }), D = this._isShapeTextAutoExpandEnabled({ group: r }), O = m === void 0 ? D : m !== !1, k = U(b === void 0 ? { rounding: r.shapeRounding } : { rounding: b }), A = ve({ presetKey: ye({
+		}), T = this._resolveCurrentDimensions({ group: r }), E = this._resolveManualDimensions({ group: r }), D = this._resolveReplaceBoxDimensions({ group: r }), O = this._isShapeTextAutoExpandEnabled({ group: r }), k = m === void 0 ? O : m !== !1, A = W(b === void 0 ? { rounding: r.shapeRounding } : { rounding: b }), j = ve({ presetKey: ye({
 			preset: o,
-			rounding: k
-		}) }) ?? o, j = Ce({ preset: A }), M = j ? k : 0, { width: N, height: P } = A, F = !!p, I = t !== void 0 && a !== i, L = I && !F, ee = L ? {
-			width: Math.max(1, d ?? E.width),
-			height: Math.max(1, f ?? E.height)
-		} : null, { width: R, height: te } = ee ? this._resolveAspectRatioFittedDimensions({
-			targetWidth: ee.width,
-			targetHeight: ee.height,
-			aspectWidth: N,
-			aspectHeight: P
+			rounding: A
+		}) }) ?? o, M = Ce({ preset: j }), N = M ? A : 0, { width: P, height: F } = j, I = !!p, L = t !== void 0 && a !== i, ee = L && !I, R = ee ? {
+			width: Math.max(1, d ?? D.width),
+			height: Math.max(1, f ?? D.height)
+		} : null, { width: te, height: ne } = R ? this._resolveAspectRatioFittedDimensions({
+			targetWidth: R.width,
+			targetHeight: R.height,
+			aspectWidth: P,
+			aspectHeight: F
 		}) : {
-			width: Math.max(1, d ?? w.width),
-			height: Math.max(1, f ?? w.height)
-		}, ne = _ ?? r.shapeAlignHorizontal ?? "center", z = v ?? r.shapeAlignVertical ?? "middle", re = this._resolveGroupUserPadding({ group: r }), B = Ne({ padding: y }), ie = Ae({
-			base: re,
+			width: Math.max(1, d ?? T.width),
+			height: Math.max(1, f ?? T.height)
+		}, re = _ ?? r.shapeAlignHorizontal ?? "center", z = v ?? r.shapeAlignVertical ?? "middle", ie = this._resolveGroupUserPadding({ group: r }), B = Ne({ padding: y }), ae = Ae({
+			base: ie,
 			override: y
 		}), V = this._resolveShapeStyle({
 			options: n,
 			fallback: r
-		}), ae = ({ width: e, height: t }) => Me({
+		}), oe = ({ width: e, height: t }) => Me({
 			baseInset: xe({
-				preset: A,
+				preset: j,
 				width: e,
 				height: t
 			}),
 			stroke: V.stroke,
 			strokeWidth: V.strokeWidth
 		}), H = je({
-			base: ae({
-				width: R,
-				height: te
+			base: oe({
+				width: te,
+				height: ne
 			}),
-			addition: ie
-		}), oe = T.width, se = T.height;
-		I && (oe = R, se = te), !I && d !== void 0 && (oe = Math.max(1, d)), !I && f !== void 0 && (se = Math.max(1, f)), !I && d === void 0 && D && !O && (oe = w.width);
-		let { shape: ce, text: W } = Y({ group: r });
-		if (!ce || !W) return null;
-		let G = this.lifecycleController.createContext({
+			addition: ae
+		}), U = E.width, se = E.height;
+		L && (U = te, se = ne), !L && d !== void 0 && (U = Math.max(1, d)), !L && f !== void 0 && (se = Math.max(1, f)), !L && d === void 0 && O && !k && (U = T.width);
+		let { shape: G, text: K } = Y({ group: r });
+		if (!G || !K) return null;
+		let ce = this.lifecycleController.createContext({
 			group: r,
 			source: "update",
 			target: e,
-			presetKey: A.key,
+			presetKey: j.key,
 			options: n,
 			withoutSave: S
 		}), le = {
@@ -7384,91 +7831,94 @@ var ui = class {
 			top: 0,
 			originX: "left",
 			originY: "top"
-		}, ue = W, K = this._createTextNode({
-			text: ue.textCaseRaw ?? W.text ?? "",
-			textStyle: this._resolveCurrentTextStyle({ textNode: W }),
-			width: Math.max(1, W.width ?? w.width),
-			align: ne
-		});
-		K.set(le), this._applyTextUpdates({
-			textNode: K,
+		}, ue = K, q = this._createTextNode({
+			text: ue.textCaseRaw ?? K.text ?? "",
+			textStyle: this._resolveCurrentTextStyle({ textNode: K }),
+			width: Math.max(1, K.width ?? T.width),
+			align: re
+		});
+		q.set(le), this._applyTextUpdates({
+			textNode: q,
 			text: h,
 			textStyle: g,
-			align: ne
-		});
-		let q = d === void 0 && f === void 0 && !I && m === void 0 && b === void 0 && h === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: g }), de = y !== void 0 && q, fe = R, pe = te;
-		q ? (fe = w.width, pe = w.height) : L || (fe = this._resolveShapeLayoutWidth({
-			text: K,
-			currentWidth: R,
-			manualWidth: oe,
-			shapeTextAutoExpandEnabled: O,
+			align: re,
+			syncLineStylesWithText: C
+		});
+		let de = d === void 0 && f === void 0 && !L && m === void 0 && b === void 0 && h === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: g }), fe = y !== void 0 && de, pe = te, me = ne;
+		de ? (pe = T.width, me = T.height) : ee || (pe = this._resolveShapeLayoutWidth({
+			text: q,
+			currentWidth: te,
+			manualWidth: U,
+			shapeTextAutoExpandEnabled: k,
 			padding: H,
 			resolvePaddingForWidth: ({ width: e }) => je({
-				base: ae({
+				base: oe({
 					width: e,
-					height: te
+					height: ne
 				}),
-				addition: ie
+				addition: ae
 			})
 		}));
-		let me = ae({
-			width: fe,
-			height: pe
-		}), he = await qn({
-			preset: A,
-			width: fe,
-			height: pe,
+		let he = oe({
+			width: pe,
+			height: me
+		}), ge = await qn({
+			preset: j,
+			width: pe,
+			height: me,
 			style: V,
-			rounding: M
-		}), ge = r.getObjects().indexOf(ce);
-		if (ge < 0) return null;
-		let _e = () => {
-			this._detachShapeGroupAutoLayout({ group: r }), W.set(le), this._applyTextUpdates({
-				textNode: W,
+			rounding: N
+		}), _e = r.getObjects().indexOf(G);
+		if (_e < 0) return null;
+		let be = () => {
+			this._detachShapeGroupAutoLayout({ group: r }), K.set(le), this._applyTextUpdates({
+				textNode: K,
 				text: h,
 				textStyle: g,
-				align: ne
-			}), r.remove(ce), r.insertAt(ge, he), this._applyShapeGroupMetadata({
+				align: re,
+				syncLineStylesWithText: C
+			}), r.replaceShapeNode(_e, G, ge);
+			let e = R?.width ?? (d === void 0 ? D.width : Math.max(1, d)), t = R?.height ?? (f === void 0 ? D.height : Math.max(1, f));
+			this._applyShapeGroupMetadata({
 				group: r,
-				presetKey: A.key,
-				presetCanRound: j,
-				width: fe,
-				height: pe,
-				manualWidth: oe,
+				presetKey: j.key,
+				presetCanRound: M,
+				width: pe,
+				height: me,
+				manualWidth: U,
 				manualHeight: se,
-				replaceBoxWidth: ee?.width,
-				replaceBoxHeight: ee?.height,
-				shapeTextAutoExpand: O,
-				alignH: ne,
+				replaceBoxWidth: e,
+				replaceBoxHeight: t,
+				shapeTextAutoExpand: k,
+				alignH: re,
 				alignV: z,
-				padding: ie,
+				padding: ae,
 				style: V,
-				rounding: M
+				rounding: N
 			}), this._applyCurrentLayout({
 				group: r,
-				shape: he,
-				text: W,
-				placement: C,
-				width: fe,
-				height: pe,
-				alignH: ne,
+				shape: ge,
+				text: K,
+				placement: w,
+				width: pe,
+				height: me,
+				alignH: re,
 				alignV: z,
-				internalShapeTextInset: me,
-				resolveInternalShapeTextInset: ae,
-				preserveAspectRatio: L,
-				minimumReplaceBox: ee ?? void 0,
-				expandShapeHeightToFitText: !de,
+				internalShapeTextInset: he,
+				resolveInternalShapeTextInset: oe,
+				preserveAspectRatio: ee,
+				expandShapeHeightToFitText: !fe,
 				changedPadding: B
-			}), L && (r.shapeManualBaseWidth = Math.max(1, r.shapeBaseWidth ?? fe), r.shapeManualBaseHeight = Math.max(1, r.shapeBaseHeight ?? pe)), W.isEditing && this.editingPlacements.set(r, C);
+			}), ee && (r.shapeManualBaseWidth = Math.max(1, r.shapeBaseWidth ?? pe), r.shapeManualBaseHeight = Math.max(1, r.shapeBaseHeight ?? me)), K.isEditing && this.editingPlacements.set(r, w);
 		};
-		if (!this._isOnCanvas({ object: r })) return _e(), this.lifecycleController.fireBefore({ lifecycle: G }), this.lifecycleController.fireUpdated({ lifecycle: G }), r;
+		if (!this._isOnCanvas({ object: r })) return be(), this.lifecycleController.fireBefore({ lifecycle: ce }), this.lifecycleController.fireUpdated({ lifecycle: ce }), r;
 		this._beginMutation();
 		try {
-			_e(), !W.isEditing && !x && this.editor.canvas.setActiveObject(r), this.lifecycleController.fireBefore({ lifecycle: G }), this.editor.canvas.requestRenderAll();
+			be(), !K.isEditing && !x && this.editor.canvas.setActiveObject(r), this.lifecycleController.fireBefore({ lifecycle: ce }), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: S });
 		}
-		return this.lifecycleController.fireUpdated({ lifecycle: G }), r;
+		return this.lifecycleController.fireUpdated({ lifecycle: ce }), 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);
@@ -7654,7 +8104,7 @@ var ui = class {
 	async setRounding({ target: e, rounding: t, withoutSave: n }) {
 		let r = this._resolveShapeGroup({ target: e });
 		if (!r) return null;
-		let i = U({ rounding: t });
+		let i = W({ rounding: t });
 		if (r.shapeCanRound === !1) return r;
 		let a = r.shapePresetKey ?? "circle";
 		return this.update({
@@ -7693,9 +8143,8 @@ var ui = class {
 			width: E.width,
 			height: E.height,
 			alignH: s,
-			alignV: c,
-			minimumReplaceBox: O
-		}), !0;
+			alignV: c
+		}), r.shapeReplaceBoxWidth = O.width, r.shapeReplaceBoxHeight = O.height, !0;
 	}
 	destroy() {
 		let { canvas: e } = this.editor;
@@ -7709,7 +8158,7 @@ var ui = class {
 		let r = t.getObjects(), i = r.filter((e) => J(e));
 		if (!i.length) return;
 		let { scaleX: a, scaleY: o } = this.scalingController.resolveActiveSelectionCommittedScale({ selection: t });
-		if (!(Math.abs(a - 1) > _i || Math.abs(o - 1) > _i)) {
+		if (!(Math.abs(a - 1) > Di || Math.abs(o - 1) > Di)) {
 			this.scalingController.clearActiveSelectionState({ selection: t });
 			return;
 		}
@@ -7747,13 +8196,15 @@ var ui = class {
 			height: o,
 			manualWidth: s,
 			manualHeight: c,
+			replaceBoxWidth: l,
+			replaceBoxHeight: u,
 			shapeTextAutoExpand: f,
 			alignH: p,
 			alignV: m,
 			padding: h,
 			style: y,
 			rounding: b
-		}), x.rehydrateRuntimeState(), Ke({ group: x }), Fe({ text: i }), dr({
+		}), x.rehydrateRuntimeState(), Ke({ group: x }), Fe({ text: i }), mr({
 			group: x,
 			shape: r,
 			text: i,
@@ -7768,10 +8219,10 @@ var ui = class {
 			resolveInternalShapeTextInset: _,
 			montageAreaWidth: d ? this._resolveMontageAreaWidth() : void 0,
 			changedPadding: v
-		}), d && (x.shapeManualBaseWidth = Math.max(1, x.shapeBaseWidth ?? a), x.shapeManualBaseHeight = Math.max(1, x.shapeBaseHeight ?? o)), x.shapeReplaceBoxWidth = Math.max(1, l ?? 0, x.shapeBaseWidth ?? a), x.shapeReplaceBoxHeight = Math.max(1, u ?? 0, x.shapeBaseHeight ?? o), this._detachShapeGroupAutoLayout({ group: x }), x;
+		}), d && (x.shapeManualBaseWidth = Math.max(1, x.shapeBaseWidth ?? a), x.shapeManualBaseHeight = Math.max(1, x.shapeBaseHeight ?? o)), this._detachShapeGroupAutoLayout({ group: x }), x;
 	}
 	_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, g = n ? U({ rounding: m }) : 0;
+		let h = p.strokeDashArray ? p.strokeDashArray.slice() : p.strokeDashArray ?? null, g = n ? W({ rounding: m }) : 0;
 		e.set({
 			shapeComposite: !0,
 			shapePresetKey: t,
@@ -7820,24 +8271,25 @@ var ui = class {
 			splitByGrapheme: !1
 		}), Fe({ text: s }), s;
 	}
-	_applyTextUpdates({ textNode: e, text: t, textStyle: n, align: r }) {
-		let i = {};
+	_applyTextUpdates({ textNode: e, text: t, textStyle: n, align: r, syncLineStylesWithText: i }) {
+		let a = {};
 		if (n) {
 			let e = Object.keys(n);
 			for (let t = 0; t < e.length; t += 1) {
 				let r = e[t];
-				i[r] = n[r];
+				a[r] = n[r];
 			}
 		}
-		if (t !== void 0 && (i.text = t), r && (i.align = r), i.autoExpand = !1, i.splitByGrapheme = !1, Object.keys(i).length > 0) {
+		if (t !== void 0 && (a.text = t), r && (a.align = r), a.autoExpand = !1, a.splitByGrapheme = !1, Object.keys(a).length > 0) {
 			this.internalTextUpdates.add(e);
 			try {
 				this.editor.textManager.updateText({
 					target: e,
-					style: i,
+					style: a,
 					skipRender: !0,
 					withoutSave: !0,
-					emitLifecycleEvents: !1
+					emitLifecycleEvents: !1,
+					syncLineStylesWithText: i
 				});
 			} finally {
 				this.internalTextUpdates.delete(e);
@@ -7928,7 +8380,7 @@ var ui = class {
 	}
 	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r, resolvePaddingForWidth: i }) {
 		let a = this._resolveMontageAreaWidth();
-		return a ? pr({
+		return a ? _r({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
@@ -7950,59 +8402,59 @@ var ui = class {
 		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, 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({
+	_applyCurrentLayout({ group: e, shape: t, text: n, placement: r, width: i, height: a, alignH: o, alignV: s, internalShapeTextInset: c, resolveInternalShapeTextInset: l, preserveAspectRatio: u, expandShapeHeightToFitText: d = !0, changedPadding: f }) {
+		let p = this._resolveCurrentDimensions({ group: e }), m = this._resolveManualDimensions({ group: e }), h = this._resolveGroupUserPadding({ group: e }), g = this._isShapeTextAutoExpandEnabled({ group: e }), _ = l ?? (({ width: t, height: n }) => c ?? this._resolveGroupInternalShapeTextInset({
 			group: e,
 			width: t,
 			height: n
-		})), y = m.width;
-		if (i !== void 0) y = Math.max(1, i);
+		})), v = p.width;
+		if (i !== void 0) v = Math.max(1, i);
 		else {
-			let e = Math.max(1, a ?? m.height);
-			y = this._resolveShapeLayoutWidth({
+			let e = Math.max(1, a ?? p.height);
+			v = this._resolveShapeLayoutWidth({
 				text: n,
-				currentWidth: m.width,
-				manualWidth: h.width,
-				shapeTextAutoExpandEnabled: _,
+				currentWidth: p.width,
+				manualWidth: m.width,
+				shapeTextAutoExpandEnabled: g,
 				padding: je({
-					base: v({
-						width: y,
+					base: _({
+						width: v,
 						height: e
 					}),
-					addition: g
+					addition: h
 				}),
 				resolvePaddingForWidth: ({ width: t }) => je({
-					base: v({
+					base: _({
 						width: t,
 						height: e
 					}),
-					addition: g
+					addition: h
 				})
 			});
 		}
-		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;
-		dr({
+		let y = Math.max(1, a ?? p.height), b = _({
+			width: v,
+			height: y
+		}), x = r ?? this.editor.canvasManager.getObjectPlacement({ object: e }), S = u ? this._resolveMontageAreaWidth() : void 0;
+		mr({
 			group: e,
 			shape: t,
 			text: n,
-			width: y,
-			height: b,
+			width: v,
+			height: y,
 			alignH: o ?? e.shapeAlignHorizontal ?? "center",
 			alignV: s ?? e.shapeAlignVertical ?? "middle",
-			padding: g,
-			shapeTextAutoExpandEnabled: _,
-			internalShapeTextInset: x,
-			resolveInternalShapeTextInset: v,
+			padding: h,
+			shapeTextAutoExpandEnabled: g,
+			internalShapeTextInset: b,
+			resolveInternalShapeTextInset: _,
 			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({
+			montageAreaWidth: S,
+			expandShapeHeightToFitText: d,
+			changedPadding: f
+		}), this.editor.canvasManager.applyObjectPlacement({
 			object: e,
-			placement: S
+			placement: x
 		});
 	}
 	_syncShapeTextLayoutAfterTextMutation({ textNode: e, textStyle: t }) {
@@ -8047,11 +8499,11 @@ var ui = class {
 	_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 ?? mi,
+			fill: n ?? t?.shapeFill ?? wi,
 			stroke: r ?? t?.shapeStroke ?? null,
-			strokeWidth: i ?? t?.shapeStrokeWidth ?? hi,
+			strokeWidth: i ?? t?.shapeStrokeWidth ?? Ti,
 			strokeDashArray: s ?? null,
-			opacity: o ?? t?.shapeOpacity ?? gi
+			opacity: o ?? t?.shapeOpacity ?? Ei
 		};
 	}
 	_collectShapeGroupsFromTarget({ target: t, subTargets: n = [] }) {
@@ -8107,7 +8559,7 @@ var ui = class {
 		}
 		return null;
 	}
-}, yi = class {
+}, ki = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.clipboard = null;
 	}
@@ -8357,7 +8809,7 @@ var ui = class {
 			}), !1;
 		}
 	}
-}, bi = class t {
+}, Ai = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -8422,7 +8874,7 @@ var ui = class {
 			!(n instanceof v) || !n.isEditing || n.exitEditing();
 		}
 	}
-}, xi = class {
+}, ji = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -8488,7 +8940,7 @@ var ui = class {
 			i.resumeHistory(), n || i.saveState();
 		}
 	}
-}, Si = class t {
+}, Mi = 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();
 	}
@@ -8682,7 +9134,7 @@ var ui = class {
 		let { options: e } = this.editor, { selectionKey: t } = e;
 		return t === void 0 ? ["ctrlKey", "metaKey"] : t;
 	}
-}, Ci = class e {
+}, Ni = class e {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -8722,7 +9174,7 @@ var ui = class {
 		};
 		return i.fire("editor:objects-deleted", l), l;
 	}
-}, wi = {
+}, Pi = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -8760,7 +9212,7 @@ var ui = class {
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, Ti = class e {
+}, Fi = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -8818,9 +9270,9 @@ var ui = class {
 		}), this.editor.canvas.fire("editor:warning", s);
 	}
 	static isValidErrorCode(e) {
-		return e ? Object.values(wi).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(Pi).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, Ei = class {
+}, Ii = class {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -8869,32 +9321,32 @@ var ui = class {
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, Di = ({ textbox: e }) => {
+}, Li = ({ 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)
 	};
-}, Oi = ({ textbox: e }) => {
+}, Ri = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, ki = ({ textbox: e, range: t }) => {
+}, zi = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, Ai = ({ textbox: e, styles: t, range: n }) => {
+}, Bi = ({ 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);
-}, ji = ({ textbox: e, range: t, property: n }) => {
+}, Vi = ({ 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];
-}, Mi = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", Ni = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, Pi = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Fi = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Ii = class e extends v {
+}, Hi = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", Ui = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, Wi = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Gi = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Ki = class e extends v {
 	static {
 		this.type = "background-textbox";
 	}
@@ -9038,7 +9490,7 @@ var ui = class {
 		this._removeShadow(e);
 	}
 	_getDecorationColorAt(e, t) {
-		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = Ni({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Mi({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = Ui({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Hi({
 			strokeColor: i,
 			width: r
 		});
@@ -9054,22 +9506,22 @@ var ui = class {
 	_getCornerRadii({ width: e, height: t }) {
 		let n = e / 2, r = t / 2, i = Math.min(n, r);
 		return {
-			bottomLeft: Fi({
+			bottomLeft: Gi({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: Fi({
+			bottomRight: Gi({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: Fi({
+			topLeft: Gi({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: Fi({
+			topRight: Gi({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -9087,7 +9539,7 @@ var ui = class {
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = Fi({
+		let t = Gi({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
@@ -9100,19 +9552,19 @@ var ui = class {
 		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 = Fi({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = Gi({
 			value: c,
 			min: 0,
 			max: a
-		}), p = Fi({
+		}), p = Gi({
 			value: l,
 			min: 0,
 			max: a
-		}), m = Fi({
+		}), m = Gi({
 			value: u,
 			min: 0,
 			max: a
-		}), h = Fi({
+		}), h = Gi({
 			value: d,
 			min: 0,
 			max: a
@@ -9123,20 +9575,20 @@ var ui = class {
 		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));
 	}
-}, Li = () => {
-	b?.setClass && b.setClass(Ii, "background-textbox");
-}, Ri = ({ transform: e }) => {
+}, qi = () => {
+	b?.setClass && b.setClass(Ki, "background-textbox");
+}, Ji = ({ 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"
 	};
-}, zi = ({ textbox: e, transform: t, appliedWidth: n }) => {
+}, Yi = ({ textbox: e, transform: t, appliedWidth: n }) => {
 	t.scaleX = 1, t.scaleY = 1;
 	let r = t.original;
 	r && (r.scaleX = 1, r.scaleY = 1, r.width = n, r.height = e.height, r.left = e.left, r.top = e.top);
-}, Bi = ({ textbox: e, transform: t, scenePoint: n }) => {
+}, Xi = ({ textbox: e, transform: t, scenePoint: n }) => {
 	let { x: r, y: i } = e._getTransformedDimensions();
 	if (r <= 0 || i <= 0) return null;
 	let a = x.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);
@@ -9146,27 +9598,27 @@ var ui = class {
 		stepScaleX: l,
 		stepScaleY: u
 	};
-}, Vi = 1e-4;
-function Hi(e) {
+}, Zi = 1e-4;
+function Qi(e) {
 	return !!e && e instanceof v;
 }
-function Ui(e) {
-	if (!Hi(e)) return !1;
+function $i(e) {
+	if (!Qi(e)) return !1;
 	let t = e.group;
 	return e.shapeNodeType === "text" && t?.shapeComposite === !0;
 }
-var Wi = class {
+var ea = class {
 	constructor({ canvas: t, canvasManager: n, persistScaledTextbox: r }) {
 		this.handleMouseMove = (e) => {
 			let t = this.canvas._currentTransform;
 			if (!t) return;
 			let { target: n } = t;
-			if (!Hi(n) || Ui(n)) return;
+			if (!Qi(n) || $i(n)) return;
 			let r = this.scalingState.get(n);
 			if (!r || !e.e) return;
-			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Ri({ transform: t });
+			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Ji({ transform: t });
 			if (!a && !o && !i) return;
-			let s = Bi({
+			let s = Xi({
 				textbox: n,
 				transform: t,
 				scenePoint: this.canvas.getScenePoint(e.e)
@@ -9189,18 +9641,18 @@ var Wi = 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) <= Vi) return;
+				if (Math.abs(t - r.lastAllowedScaleX) <= Zi) 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) > Vi && (j = t);
+					Math.abs(t - r.lastAllowedScaleX) > Zi && (j = t);
 				}
 				if (o) {
 					let e = r.lastAllowedScaleY * d, t = l ? r.minimumFontScale : Math.max(r.minimumFontScale, e);
-					Math.abs(t - r.lastAllowedScaleY) > Vi && (M = t);
+					Math.abs(t - r.lastAllowedScaleY) > Zi && (M = t);
 				}
-				if (Math.abs(j - r.lastAllowedScaleX) <= Vi && Math.abs(M - r.lastAllowedScaleY) <= Vi) return;
+				if (Math.abs(j - r.lastAllowedScaleX) <= Zi && Math.abs(M - r.lastAllowedScaleY) <= Zi) return;
 			}
 			let { appliedWidth: N, dimensionsRounded: P } = kn({
 				textbox: n,
@@ -9216,7 +9668,7 @@ var Wi = class {
 				shouldDisableAutoExpandOnHorizontalChange: a,
 				shouldRoundDimensions: !i
 			});
-			zi({
+			Yi({
 				textbox: n,
 				transform: t,
 				appliedWidth: N
@@ -9237,12 +9689,12 @@ var Wi = class {
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
-			if (n instanceof e || !Hi(n) || Ui(n) || !r) return;
+			if (n instanceof e || !Qi(n) || $i(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 } = Ri({ transform: r }), d = r.corner ?? "", f = c || u;
+			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = Ji({ 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,
@@ -9271,7 +9723,7 @@ var Wi = class {
 				shouldDisableAutoExpandOnHorizontalChange: l,
 				shouldRoundDimensions: !c
 			});
-			zi({
+			Yi({
 				textbox: n,
 				transform: r,
 				appliedWidth: L
@@ -9304,7 +9756,7 @@ var Wi = class {
 			let { target: n } = t;
 			if (n instanceof e) {
 				let t = n.getObjects();
-				if (!t.some((e) => Hi(e))) return;
+				if (!t.some((e) => Qi(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) => {
@@ -9314,7 +9766,7 @@ var Wi = class {
 				this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
 				return;
 			}
-			if (!Hi(n) || Ui(n)) return;
+			if (!Qi(n) || $i(n)) return;
 			n.isScaling = !1;
 			let r = this.scalingState.get(n);
 			if (this.scalingState.delete(n), !r?.hasScalingChange) return;
@@ -9339,7 +9791,7 @@ var Wi = class {
 		}, this.canvas = t, this.canvasManager = n, this.persistScaledTextbox = r, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
-		if (!Hi(e) || Ui(e)) return !1;
+		if (!Qi(e) || $i(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 = En({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
@@ -9413,7 +9865,7 @@ var Wi = class {
 			originY: a
 		});
 	}
-}, Gi = class e {
+}, ta = class e {
 	constructor({ editor: t }) {
 		this._handleTextEditingEntered = (t) => {
 			this.isTextEditingActive = !0;
@@ -9426,18 +9878,18 @@ var Wi = class {
 			if (!e._isTextbox(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 = Pi({ value: l });
+				let e = Wi({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
-				this._syncLineFontDefaultsOnTextChanged({ textbox: n });
+				this._syncLineStylesWithText({ textbox: n });
 				return;
 			}
 			this._normalizeTextboxAfterContentChange({
 				textbox: n,
 				placement: u,
 				shouldAutoExpand: c
-			}), this._syncLineFontDefaultsOnTextChanged({ textbox: n });
+			}), this._syncLineStylesWithText({ textbox: n });
 		}, this._handleTextEditingExited = (t) => {
 			let { target: n } = t;
 			if (!e._isTextbox(n)) return;
@@ -9471,7 +9923,7 @@ var Wi = class {
 				transform: r,
 				event: i ?? null
 			});
-		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new Wi({
+		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new ea({
 			canvas: t.canvas,
 			canvasManager: t.canvasManager,
 			persistScaledTextbox: ({ target: e, style: t }) => {
@@ -9480,12 +9932,12 @@ var Wi = class {
 					style: t
 				});
 			}
-		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), Li();
+		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), qi();
 	}
 	addText({ id: t = `background-textbox-${O()}`, 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: D = !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 = Ni({ width: m }), L = Mi({
+		let F = i ?? this._getDefaultFontFamily(), I = Ui({ width: m }), L = Hi({
 			strokeColor: p,
 			width: I
 		}), ee = {
@@ -9514,16 +9966,16 @@ var Wi = class {
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, R = new Ii(n, ee), te = r !== !1;
+		}, R = new Ki(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 = Pi({ value: R.textCaseRaw });
+			let e = Wi({ value: R.textCaseRaw });
 			e !== R.text && R.set({ text: e });
 		}
 		Tn({ textbox: R }) && (R.dirty = !0);
-		let z;
-		ne && (z = M.resolveObjectPlacement({
+		let re;
+		ne && (re = M.resolveObjectPlacement({
 			object: R,
 			left: E.left,
 			top: E.top,
@@ -9531,13 +9983,13 @@ var Wi = class {
 			originY: E.originY,
 			fallbackPoint: M.getMontageAreaSceneCenter()
 		}));
-		let re = te && e._hasWrappedLinesBeyondExplicitBreaks(R);
-		return (ne || re) && this._normalizeTextboxAfterContentChange({
+		let z = te && e._hasWrappedLinesBeyondExplicitBreaks(R);
+		return (ne || z) && this._normalizeTextboxAfterContentChange({
 			textbox: R,
-			placement: z,
-			shouldAutoExpand: re,
+			placement: re,
+			shouldAutoExpand: z,
 			clampToMontage: ne
-		}), z || M.centerObjectToMontageArea({ object: R }), A || P.add(R), D || P.setActiveObject(R), P.requestRenderAll(), N.resumeHistory(), k || N.saveState(), j && P.fire("editor:text-added", {
+		}), re || M.centerObjectToMontageArea({ object: R }), A || P.add(R), D || P.setActiveObject(R), P.requestRenderAll(), N.resumeHistory(), k || N.saveState(), j && P.fire("editor:text-added", {
 			textbox: R,
 			options: {
 				...ee,
@@ -9557,157 +10009,163 @@ var Wi = class {
 			}
 		}), 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: L, top: ee, originX: R, originY: te, ...ne } = n, z = { ...ne }, re = u.resolveObjectPlacement({
-			object: s,
-			left: L,
-			top: ee,
-			originX: R,
-			originY: te
-		}), B = a === void 0 ? Di({ textbox: s }) : Yt({
-			text: c,
+	updateText({ target: t, style: n = {}, withoutSave: r, skipRender: i, selectionRange: a, emitLifecycleEvents: o = !0, syncLineStylesWithText: s = !0 } = {}) {
+		let c = this._resolveTextObject(t);
+		if (!c) return null;
+		let { text: l = "" } = c, { historyManager: u } = this.editor, { canvasManager: d } = this.editor, { canvas: f } = this;
+		u.suspendHistory();
+		let p = e._getSnapshot(c), { text: m, autoExpand: h, fontFamily: g, fontSize: _, bold: v, italic: y, underline: b, uppercase: x, strikethrough: S, align: C, color: w, strokeColor: T, strokeWidth: E, opacity: D, backgroundColor: O, backgroundOpacity: k, paddingTop: A, paddingRight: j, paddingBottom: M, paddingLeft: N, radiusTopLeft: P, radiusTopRight: F, radiusBottomRight: I, radiusBottomLeft: L, left: ee, top: R, originX: te, originY: ne, ...re } = n, z = { ...re }, ie = d.resolveObjectPlacement({
+			object: c,
+			left: ee,
+			top: R,
+			originX: te,
+			originY: ne
+		}), B = a === void 0 ? Li({ textbox: c }) : Yt({
+			text: l,
 			range: a
-		}), ie = B ? Xt({
-			textbox: s,
+		}), ae = B ? Xt({
+			textbox: c,
 			range: B
-		}) : null, V = {}, ae = {}, H = {}, oe, se, ce, U, W = ki({
-			textbox: s,
+		}) : null, V = {}, oe = {}, H = {}, U, se, W, G, K = zi({
+			textbox: c,
 			range: B
-		}), G = ki({
-			textbox: s,
-			range: ie
-		}), le = !B || W, ue = le || G, K = !B;
-		if (h !== void 0 && (ie && (ae.fontFamily = h), ue && (z.fontFamily = h, K && (H.fontFamily = h))), g !== void 0 && (ie && (ae.fontSize = g), ue && (z.fontSize = g, K && (H.fontSize = g))), _ !== void 0 && (oe = _ ? "bold" : "normal", B && (V.fontWeight = oe), le && (z.fontWeight = oe, K && (H.fontWeight = oe))), v !== void 0 && (se = v ? "italic" : "normal", B && (V.fontStyle = se), le && (z.fontStyle = se, K && (H.fontStyle = se))), y !== void 0 && (B && (V.underline = y), le && (z.underline = y, K && (H.underline = y))), x !== void 0 && (B && (V.linethrough = x), le && (z.linethrough = x, K && (H.linethrough = x))), S !== void 0 && (z.textAlign = S), C !== void 0 && (B && (V.fill = C), le && (z.fill = C, K && (H.fill = C))), w !== void 0 || T !== void 0) {
-			let e = B ? ji({
-				textbox: s,
+		}), ce = zi({
+			textbox: c,
+			range: ae
+		}), le = !B || K, ue = le || ce, q = !B;
+		if (g !== void 0 && (ae && (oe.fontFamily = g), ue && (z.fontFamily = g, q && (H.fontFamily = g))), _ !== void 0 && (ae && (oe.fontSize = _), ue && (z.fontSize = _, q && (H.fontSize = _))), v !== void 0 && (U = v ? "bold" : "normal", B && (V.fontWeight = U), le && (z.fontWeight = U, q && (H.fontWeight = U))), y !== void 0 && (se = y ? "italic" : "normal", B && (V.fontStyle = se), le && (z.fontStyle = se, q && (H.fontStyle = se))), b !== void 0 && (B && (V.underline = b), le && (z.underline = b, q && (H.underline = b))), S !== void 0 && (B && (V.linethrough = S), le && (z.linethrough = S, q && (H.linethrough = S))), C !== void 0 && (z.textAlign = C), w !== void 0 && (B && (V.fill = w), le && (z.fill = w, q && (H.fill = w))), T !== void 0 || E !== void 0) {
+			let e = B ? Vi({
+				textbox: c,
 				range: B,
 				property: "strokeWidth"
-			}) : void 0, t = B ? ji({
-				textbox: s,
+			}) : void 0, t = B ? Vi({
+				textbox: c,
 				range: B,
 				property: "stroke"
-			}) : void 0, n = typeof e == "number" ? e : void 0, r = typeof t == "string" ? t : void 0, i = typeof s.stroke == "string" ? s.stroke : void 0;
-			U = Ni({ width: T ?? n ?? s.strokeWidth ?? 0 }), ce = Mi({
-				strokeColor: w ?? r ?? i,
-				width: U
-			}), B && (V.stroke = ce, V.strokeWidth = U), le && (z.stroke = ce, z.strokeWidth = U, K && (H.stroke = ce, H.strokeWidth = U));
-		}
-		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 q = s.textCaseRaw ?? c, de = !!s.uppercase, fe = p !== void 0, pe = fe ? p ?? "" : q, me = b ?? de, he = me !== de;
-		fe || he ? (z.text = me ? Pi({ value: pe }) : pe, s.textCaseRaw = pe) : s.textCaseRaw === void 0 && (s.textCaseRaw = q);
-		let ge = wn({ stylesList: [
+			}) : void 0, n = typeof e == "number" ? e : void 0, r = typeof t == "string" ? t : void 0, i = typeof c.stroke == "string" ? c.stroke : void 0;
+			G = Ui({ width: E ?? n ?? c.strokeWidth ?? 0 }), W = Hi({
+				strokeColor: T ?? r ?? i,
+				width: G
+			}), B && (V.stroke = W, V.strokeWidth = G), le && (z.stroke = W, z.strokeWidth = G, q && (H.stroke = W, H.strokeWidth = G));
+		}
+		D !== void 0 && (z.opacity = D), O !== void 0 && (z.backgroundColor = O), k !== void 0 && (z.backgroundOpacity = k), A !== void 0 && (z.paddingTop = A), j !== void 0 && (z.paddingRight = j), M !== void 0 && (z.paddingBottom = M), N !== void 0 && (z.paddingLeft = N), P !== void 0 && (z.radiusTopLeft = P), F !== void 0 && (z.radiusTopRight = F), I !== void 0 && (z.radiusBottomRight = I), L !== void 0 && (z.radiusBottomLeft = L);
+		let de = c.textCaseRaw ?? l, fe = !!c.uppercase, pe = m !== void 0, me = pe ? m ?? "" : de, he = x ?? fe, ge = he !== fe, _e = c.text ?? "";
+		pe || ge ? (z.text = he ? Wi({ value: me }) : me, c.textCaseRaw = me) : c.textCaseRaw === void 0 && (c.textCaseRaw = de);
+		let ve = wn({ stylesList: [
 			z,
 			V,
-			ae,
+			oe,
 			H
-		] }), _e = [
-			L,
+		] }), ye = [
 			ee,
 			R,
-			te
-		], ve = [
-			k,
+			te,
+			ne
+		], be = [
 			A,
 			j,
-			M
-		], 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 = xn({
-			textbox: s,
-			originX: re.originX,
-			originY: re.originY
-		})), s.uppercase = me, s.set(z);
-		let we = !1;
+			M,
+			N
+		], xe = ye.some((e) => e !== void 0), Se = be.some((e) => e !== void 0), Ce = Object.prototype.hasOwnProperty.call(z, "width"), we = Se && !xe && !pe && !ge && !ve && !Ce, Te = null;
+		we && (Te = xn({
+			textbox: c,
+			originX: ie.originX,
+			originY: ie.originY
+		})), c.uppercase = he, c.set(z);
+		let Ee = !1;
 		if (B) {
-			let e = Ai({
-				textbox: s,
+			let e = Bi({
+				textbox: c,
 				styles: V,
 				range: B
-			}), t = ie ? Ai({
-				textbox: s,
-				styles: ae,
-				range: ie
+			}), t = ae ? Bi({
+				textbox: c,
+				styles: oe,
+				range: ae
 			}) : !1;
-			we = e || t;
+			Ee = e || t;
 		} else if (Object.keys(H).length) {
-			let e = Oi({ textbox: s });
-			e && (we = Ai({
-				textbox: s,
+			let e = Ri({ textbox: c });
+			e && (Ee = Bi({
+				textbox: c,
 				styles: H,
 				range: e
 			}));
 		}
-		let Te = we && wn({ stylesList: [
+		let De = Ee && wn({ stylesList: [
 			V,
-			ae,
+			oe,
 			H
 		] });
-		if (we && (s.dirty = !0), ie && (h !== void 0 || g !== void 0)) {
+		if (Ee && (c.dirty = !0), ae && (g !== void 0 || _ !== void 0)) {
 			let e = Zt({
-				textbox: s,
-				range: ie
+				textbox: c,
+				range: ae
 			}), t = {};
-			h !== void 0 && (t.fontFamily = h), g !== void 0 && (t.fontSize = g), sn({
-				textbox: s,
+			g !== void 0 && (t.fontFamily = g), _ !== void 0 && (t.fontSize = _), sn({
+				textbox: c,
 				lineIndices: e,
 				updates: t
 			});
 		}
-		if (B && (_ !== void 0 || v !== void 0 || y !== void 0 || x !== void 0 || C !== void 0 || w !== void 0 || T !== void 0)) {
+		if (B && (v !== void 0 || y !== void 0 || b !== void 0 || S !== void 0 || w !== void 0 || T !== void 0 || E !== void 0)) {
 			let e = Qt({
-				textbox: s,
+				textbox: c,
 				range: B
 			}), t = {};
-			oe !== void 0 && (t.fontWeight = oe), se !== void 0 && (t.fontStyle = se), y !== void 0 && (t.underline = y), x !== void 0 && (t.linethrough = x), C !== void 0 && (t.fill = C), (w !== void 0 || T !== void 0) && (ce === null && (t.stroke = null), ce != null && (t.stroke = ce), U !== void 0 && (t.strokeWidth = U)), sn({
-				textbox: s,
+			U !== void 0 && (t.fontWeight = U), se !== void 0 && (t.fontStyle = se), b !== void 0 && (t.underline = b), S !== void 0 && (t.linethrough = S), w !== void 0 && (t.fill = w), (T !== void 0 || E !== void 0) && (W === null && (t.stroke = null), W != null && (t.stroke = W), G !== void 0 && (t.strokeWidth = G)), sn({
+				textbox: c,
 				lineIndices: e,
 				updates: t
 			});
 		}
-		Te && (s.initDimensions(), s.dirty = !0), [
-			D,
+		De && (c.initDimensions(), c.dirty = !0), [
 			O,
-			...ve,
-			N,
+			k,
+			...be,
 			P,
 			F,
-			I
-		].some((e) => e !== void 0) && (s.dirty = !0);
-		let { autoExpand: Ee } = s, De = m !== void 0, Oe = (m ?? Ee) !== !1;
-		De ? s.autoExpand = m !== !1 : Ee === void 0 && (s.autoExpand = !0);
-		let ke = Oe && !xe && (fe || he || ge);
+			I,
+			L
+		].some((e) => e !== void 0) && (c.dirty = !0);
+		let { autoExpand: Oe } = c, ke = h !== void 0, Ae = (h ?? Oe) !== !1;
+		ke ? c.autoExpand = h !== !1 : Oe === void 0 && (c.autoExpand = !0);
+		let je = c.text ?? "";
+		s && _e !== je && this._syncLineStylesWithText({
+			textbox: c,
+			previousText: _e,
+			currentText: je
+		});
+		let Me = Ae && !Ce && (pe || ge || ve);
 		this._normalizeTextboxAfterContentChange({
-			textbox: s,
-			placement: re,
-			shouldAutoExpand: ke
-		}), Ce && this._restoreTextboxContentPlacement({
-			textbox: s,
-			contentPlacement: Ce
-		}), s.setCoords();
-		let Ae = {
+			textbox: c,
+			placement: ie,
+			shouldAutoExpand: Me
+		}), Te && this._restoreTextboxContentPlacement({
+			textbox: c,
+			contentPlacement: Te
+		}), c.setCoords();
+		let Ne = {
 			withoutSave: !!r,
 			skipRender: !!i
-		}, je = !!B && Object.keys(V).length > 0, Me = {
-			textbox: s,
+		}, Pe = !!B && Object.keys(V).length > 0, Fe = {
+			textbox: c,
 			target: t,
 			style: n,
-			options: Ae,
+			options: Ne,
 			updates: z,
 			selectionRange: B ?? void 0,
-			selectionStyles: je ? V : void 0
+			selectionStyles: Pe ? V : void 0
 		};
-		o && d.fire("editor:before:text-updated", Me), i || d.requestRenderAll();
-		let Ne = e._getSnapshot(s);
-		l.resumeHistory(), r || l.saveState();
-		let Pe = {
-			...Me,
-			before: f,
-			after: Ne
+		o && f.fire("editor:before:text-updated", Fe), i || f.requestRenderAll();
+		let Ie = e._getSnapshot(c);
+		u.resumeHistory(), r || u.saveState();
+		let Le = {
+			...Fe,
+			before: p,
+			after: Ie
 		};
-		return o && d.fire("editor:text-updated", Pe), s;
+		return o && f.fire("editor:text-updated", Le), c;
 	}
 	stylesFromArray(e, t) {
 		return w.stylesFromArray(e, t);
@@ -9792,13 +10250,13 @@ var Wi = class {
 		let { canvas: e } = this;
 		e.on("object:scaling", this.scalingController.handleObjectScaling), e.on("object:resizing", this._handleObjectResizing), e.on("object:modified", this.scalingController.handleObjectModified), e.on("mouse:move", this.scalingController.handleMouseMove), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged);
 	}
-	_syncLineFontDefaultsOnTextChanged({ textbox: e }) {
-		let t = e.text ?? "", n = hn({
+	_syncLineStylesWithText({ textbox: e, previousText: t, currentText: n }) {
+		let r = n ?? e.text ?? "", i = hn({
 			textbox: e,
-			previousText: e.__lineDefaultsPrevText ?? t,
-			currentText: t
+			previousText: t ?? e.__lineDefaultsPrevText ?? r,
+			currentText: r
 		});
-		n.lineFontDefaultsChanged && n.lineFontDefaults && (e.lineFontDefaults = n.lineFontDefaults), n.stylesChanged && (e.styles = n.styles, e.dirty = !0), e.__lineDefaultsPrevText = t;
+		i.lineFontDefaultsChanged && (e.lineFontDefaults = i.lineFontDefaults), i.stylesChanged && (e.styles = i.styles, e.dirty = !0), e.__lineDefaultsPrevText = r;
 	}
 	_autoExpandTextboxWidth(e, { placement: t, clampToMontage: n = !0 } = {}) {
 		let { canvasManager: r, montageArea: i } = this.editor;
@@ -9878,7 +10336,7 @@ var Wi = class {
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, Ki = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, qi = (e) => {
+}, na = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, ra = (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",
@@ -9889,7 +10347,7 @@ var Wi = 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: Ki({
+			angle: na({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -9917,7 +10375,7 @@ var Wi = class {
 		};
 	}
 	return null;
-}, Ji = "_templateAnchorX", Yi = "_templateAnchorY", Xi = class t {
+}, ia = "_templateAnchorX", aa = "_templateAnchorY", oa = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -9926,7 +10384,7 @@ var Wi = class {
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: wi.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: Pi.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
@@ -9955,14 +10413,14 @@ var Wi = class {
 		if (!l?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: wi.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: Pi.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
 		let f = t._getBounds(r);
 		if (!f) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: wi.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: Pi.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
 		let p = t._getMontageSize({
@@ -9981,7 +10439,7 @@ var Wi = class {
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: wi.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: Pi.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
 			let { backgroundObject: i, contentObjects: u } = t._extractBackgroundObject(r);
@@ -10019,7 +10477,7 @@ var Wi = class {
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: wi.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Pi.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
 					templateId: d,
@@ -10173,8 +10631,8 @@ var Wi = class {
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, Ji),
-				anchorY: t._resolveAnchor(s, Yi)
+				anchorX: t._resolveAnchor(s, ia),
+				anchorY: t._resolveAnchor(s, aa)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
@@ -10188,7 +10646,7 @@ var Wi = class {
 				originX: _,
 				originY: v
 			}
-		}), delete s[Ji], delete s[Yi];
+		}), delete s[ia], delete s[aa];
 	}
 	static _getPositioningBounds({ bounds: e, baseWidth: n, baseHeight: r, scale: i, useRelativePositions: a, anchorX: o, anchorY: s }) {
 		if (!a) return e;
@@ -10252,7 +10710,7 @@ var Wi = class {
 		});
 		if (!i || !s || !o) return;
 		e.setCoords();
-		let c = e, l = t._resolveAnchor(c, Ji), 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, ia), 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,
@@ -10281,10 +10739,10 @@ var Wi = 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[Ji] = t._detectAnchor({
+		return a[ia] = t._detectAnchor({
 			start: h,
 			end: _
-		}), a[Yi] = t._detectAnchor({
+		}), a[aa] = t._detectAnchor({
 			start: g,
 			end: v
 		}), a.left = m.x, a.top = m.y, a;
@@ -10309,7 +10767,7 @@ var Wi = class {
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = qi(r);
+				let e = ra(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -10330,7 +10788,7 @@ var Wi = class {
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: wi.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Pi.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -10366,29 +10824,29 @@ var Wi = class {
 	enlivenObjectEnlivables(e) {
 		return w.enlivenObjectEnlivables(e);
 	}
-}, Zi = "#3D8BF4", Qi = .5, $i = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, ea = ({ firstDistance: e, secondDistance: t }) => {
-	let n = $i({ distance: e }), r = $i({ distance: t });
+}, sa = "#3D8BF4", ca = .5, la = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, ua = ({ firstDistance: e, secondDistance: t }) => {
+	let n = la({ distance: e }), r = la({ distance: t });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, ta = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), na = ({ step: e }) => {
+}, da = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), fa = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, ra = ({ value: e, step: t }) => {
+}, pa = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = na({ step: t }), r = Math.round(e / t) * t;
+	let n = fa({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, ia = ({ value: e, step: t }) => {
+}, ma = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = ra({
+	let n = pa({
 		value: e,
 		step: t
-	}), r = 10 ** -(na({ step: t }) + 4);
+	}), r = 10 ** -(fa({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, aa = ({ bounds: e, axis: t }) => {
+}, ha = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -10397,7 +10855,7 @@ var Wi = class {
 		start: n,
 		end: r
 	};
-}, oa = ({ items: e, axis: t }) => {
+}, ga = ({ 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;) {
@@ -10407,10 +10865,10 @@ var Wi = class {
 		}
 		e[o + 1] = r;
 	}
-}, sa = ({ items: e, index: t, axis: n, direction: r }) => {
+}, _a = ({ items: e, index: t, axis: n, direction: r }) => {
 	let i = e[t];
 	if (!i) return null;
-	let { bounds: a } = i, { start: o, end: s } = aa({
+	let { bounds: a } = i, { start: o, end: s } = ha({
 		bounds: a,
 		axis: n
 	});
@@ -10418,7 +10876,7 @@ var Wi = class {
 		for (let r = t - 1; r >= 0; --r) {
 			let t = e[r];
 			if (!t) continue;
-			let { bounds: i } = t, { end: a } = aa({
+			let { bounds: i } = t, { end: a } = ha({
 				bounds: i,
 				axis: n
 			});
@@ -10429,26 +10887,26 @@ var Wi = class {
 	for (let r = t + 1; r < e.length; r += 1) {
 		let t = e[r];
 		if (!t) continue;
-		let { bounds: i } = t, { start: a } = aa({
+		let { bounds: i } = t, { start: a } = ha({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, ca = ({ items: e }) => {
+}, va = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, la = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, ya = ({ 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;
-}, ua = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, da = ({ baseOption: e, candidateOption: t }) => {
+}, ba = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, xa = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, fa = ({ options: e }) => {
+}, Sa = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -10459,11 +10917,11 @@ var Wi = class {
 		r.diff === t.diff && Math.abs(r.delta) < Math.abs(t.delta) && (t = r);
 	}
 	return t;
-}, pa = ({ currentOption: e, nextOption: t }) => {
+}, Ca = ({ 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);
-}, ma = ({ options: e }) => {
+}, wa = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -10471,18 +10929,18 @@ var Wi = class {
 			t.push(i);
 			continue;
 		}
-		a === "before" && pa({
+		a === "before" && Ca({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && pa({
+		}) && (n = i), a === "after" && Ca({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, ha = ({ options: e, side: t, baseOption: n }) => {
+}, Ta = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && da({
+	for (let i of e) if (i.side === t && xa({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -10493,63 +10951,63 @@ var Wi = class {
 		!r || i.diff !== r.diff || Math.abs(i.delta) < Math.abs(r.delta) && (r = i);
 	}
 	return r;
-}, ga = ({ option: e }) => {
+}, Ea = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, _a = ({ option: e, context: t }) => {
+}, Da = ({ 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;
-}, va = ({ options: e, context: t }) => {
+}, Oa = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (_a({
+	for (let n of e) if (Da({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, ya = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = va({
+}, ka = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = Oa({
 		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;
-}, ba = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, Aa = ({ 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));
-}, xa = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, ja = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = ma({ options: e }), i = [];
+	let r = wa({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = ya({
+	let a = i.length > 0, o = a ? i : r, s = ka({
 		options: o,
-		bestOption: fa({ options: o }),
+		bestOption: Sa({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = ha({
+	}), c = Ta({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = ha({
+	}), l = Ta({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = ha({
+	}), u = Ta({
 		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) ba({
+	for (let e of d) Aa({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -10557,15 +11015,15 @@ var Wi = class {
 	return {
 		delta: s.delta,
 		guides: f,
-		context: ga({ option: s })
+		context: Ea({ option: s })
 	};
-}, Sa = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = ra({
+}, Ma = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = pa({
 		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: _ } = ea({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = ua({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -10580,13 +11038,13 @@ var Wi = class {
 		});
 	}
 	return u;
-}, Ca = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = ea({
+}, Na = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = ua({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, wa = ({ anchors: e, positions: t, threshold: n }) => {
+}, Pa = ({ 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);
@@ -10596,8 +11054,8 @@ var Wi = class {
 		delta: r,
 		guidePosition: a
 	};
-}, Ta = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = wa({
+}, Fa = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Pa({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -10605,7 +11063,7 @@ var Wi = class {
 			i
 		],
 		threshold: t
-	}), u = wa({
+	}), u = Pa({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -10625,11 +11083,11 @@ var Wi = class {
 		deltaY: u.delta,
 		guides: d
 	};
-}, Ea = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, Ia = ({ 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;
-		ta({
+		da({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -10649,22 +11107,22 @@ var Wi = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), oa({
+	}), ga({
 		items: f,
 		axis: "top"
 	});
-	let p = ca({ items: f });
+	let p = va({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = sa({
+	let m = [], h = c - s, g = _a({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = sa({
+	}), _ = _a({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -10673,19 +11131,19 @@ var Wi = 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 = ra({
+			let e = pa({
 				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 = Sa({
+				let t = Ma({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Qi
+					step: ca
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -10722,16 +11180,16 @@ var Wi = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!ia({
+		if (!ma({
 			value: a,
 			step: .5
-		}) || !la({
+		}) || !ya({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = ua({
+		let d = ba({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -10739,12 +11197,12 @@ var Wi = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = ra({
+				let e = pa({
 					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 = Ca({
+				let d = Na({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10768,12 +11226,12 @@ var Wi = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = ra({
+				let e = pa({
 					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 = Ca({
+				let d = Na({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10798,16 +11256,16 @@ var Wi = class {
 			}
 		}
 	}
-	return xa({
+	return ja({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, Da = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, La = ({ 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;
-		ta({
+		da({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -10827,22 +11285,22 @@ var Wi = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), oa({
+	}), ga({
 		items: f,
 		axis: "left"
 	});
-	let p = ca({ items: f });
+	let p = va({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = sa({
+	let m = [], h = c - s, g = _a({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = sa({
+	}), _ = _a({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -10851,19 +11309,19 @@ var Wi = 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 = ra({
+			let e = pa({
 				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 = Sa({
+				let t = Ma({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Qi
+					step: ca
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -10900,16 +11358,16 @@ var Wi = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!ia({
+		if (!ma({
 			value: a,
 			step: .5
-		}) || !la({
+		}) || !ya({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = ua({
+		let d = ba({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -10917,12 +11375,12 @@ var Wi = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = ra({
+				let e = pa({
 					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 = Ca({
+				let d = Na({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10946,12 +11404,12 @@ var Wi = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = ra({
+				let e = pa({
 					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 = Ca({
+				let d = Na({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10976,20 +11434,20 @@ var Wi = class {
 			}
 		}
 	}
-	return xa({
+	return ja({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, Oa = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Ea({
+}, Ra = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Ia({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = Da({
+	}), l = La({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -11008,14 +11466,14 @@ var Wi = class {
 			horizontal: l.context
 		}
 	};
-}, ka = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, za = ({ 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();
-}, Aa = ({ 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 }) => {
+}, Ba = ({ 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(), ka({
+	e.beginPath(), za({
 		context: e,
 		x: w,
 		y: T,
@@ -11023,11 +11481,11 @@ var Wi = class {
 		height: C,
 		radius: v
 	}), e.fill(), e.fillStyle = c, e.fillText(a, b, x), e.restore();
-}, ja = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = $i({ distance: l }).toString();
+}, Va = ({ context: e, guide: t, zoom: n }) => {
+	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = la({ 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 = Zi;
-	Aa({
+	let d = sa;
+	Ba({
 		context: e,
 		type: r,
 		axis: i,
@@ -11037,7 +11495,7 @@ var Wi = class {
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), Aa({
+	}), Ba({
 		context: e,
 		type: r,
 		axis: i,
@@ -11048,10 +11506,10 @@ var Wi = class {
 		color: d,
 		lineWidth: 1
 	});
-}, Ma = ({ anchors: e, bounds: t }) => {
+}, Ha = ({ 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);
-}, Na = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, Ua = ({ 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;
@@ -11072,35 +11530,35 @@ var Wi = class {
 		});
 	}
 	return i;
-}, Pa = ({ bounds: e }) => ({
-	vertical: Na({
+}, Wa = ({ bounds: e }) => ({
+	vertical: Ua({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: Na({
+	horizontal: Ua({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), Fa = [
+}), Ga = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], Ia = ({ activeObject: t }) => {
+], Ka = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, La = ({ object: e, excluded: t, ignoredIds: n = Fa }) => {
+}, qa = ({ object: e, excluded: t, ignoredIds: n = Ga }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Ra = class e {
+}, Ja = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -11153,7 +11611,7 @@ var Wi = class {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
 		}
-		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Ta({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Fa({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -11165,7 +11623,7 @@ var Wi = class {
 				top: t + u
 			}), n.setCoords(), a = Vt({ object: n }) ?? a;
 		}
-		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Oa({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Ra({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -11186,11 +11644,11 @@ var Wi = class {
 			target: n,
 			transform: i
 		});
-		let h = Vt({ object: n }) ?? a, g = Ta({
+		let h = Vt({ object: n }) ?? a, g = Fa({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = Oa({
+		}), _ = Ra({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -11421,9 +11879,9 @@ var Wi = 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 = Zi, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = sa, 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) ja({
+		for (let e of this.activeSpacingGuides) Va({
 			context: n,
 			guide: e,
 			zoom: c
@@ -11634,14 +12092,14 @@ var Wi = class {
 		}, r = [];
 		for (let e of t) {
 			let t = Vt({ object: e });
-			t && (Ma({
+			t && (Ha({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
 		let { montageArea: i } = this.editor, a = Vt({ object: i });
 		if (a) {
-			Ma({
+			Ha({
 				anchors: n,
 				bounds: a
 			});
@@ -11653,12 +12111,12 @@ var Wi = class {
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = Pa({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = Wa({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = Ia({ activeObject: e }), n = [];
+		let t = Ka({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			La({
+			qa({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -11681,7 +12139,7 @@ var Wi = class {
 			bottom: (r - s) / a
 		};
 	}
-}, za = "#3D8BF4", Ba = class e {
+}, Ya = "#3D8BF4", Xa = 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();
 	}
@@ -11774,8 +12232,8 @@ var Wi = class {
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = Ia({ activeObject: t });
-		return n && !La({
+		let { target: n } = e, r = Ka({ activeObject: t });
+		return n && !qa({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -11892,18 +12350,18 @@ var Wi = 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 = za, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = Ya, 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(), Aa({
+			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), Ba({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: $i({ distance: l }).toString(),
+				text: la({ distance: l }).toString(),
 				zoom: r,
-				color: za,
+				color: Ya,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -11921,13 +12379,13 @@ var Wi = class {
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, Va = class e {
+}, Za = class e {
 	constructor(e, t) {
 		this.options = t, this.containerId = e, this.editorId = `${e}-${O()}`, 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 (se.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new j(), this.workerManager = new N(), this.errorManager = new Ti({ editor: this }), this.historyManager = new Ct({ editor: this }), this.toolbar = new Je({ editor: this }), this.transformManager = new Pt({ editor: this }), this.zoomManager = new Ft({ editor: this }), this.canvasManager = new Nt({ editor: this }), this.imageManager = new kt({ editor: this }), this.layerManager = new Kt({ editor: this }), this.shapeManager = new vi({ editor: this }), this.interactionBlocker = new Wt({ editor: this }), this.backgroundManager = new Gt({ editor: this }), this.clipboardManager = new yi({ editor: this }), this.objectLockManager = new bi({ editor: this }), this.groupingManager = new xi({ editor: this }), this.selectionManager = new Si({ editor: this }), this.deletionManager = new Ci({ editor: this }), this.panConstraintManager = new Ei({ editor: this }), this.snappingManager = new Ra({ editor: this }), this.measurementManager = new Ba({ editor: this }), this.fontManager = new ce(this.options.fonts ?? []), this.textManager = new Gi({ editor: this }), this.templateManager = new Xi({ editor: this }), u && (this.angleIndicator = new Ze({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new A({
+		if (U.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new j(), this.workerManager = new N(), this.errorManager = new Fi({ editor: this }), this.historyManager = new Ct({ editor: this }), this.toolbar = new Je({ editor: this }), this.transformManager = new Pt({ editor: this }), this.zoomManager = new Ft({ editor: this }), this.canvasManager = new Nt({ editor: this }), this.imageManager = new kt({ editor: this }), this.layerManager = new Kt({ editor: this }), this.shapeManager = new Oi({ editor: this }), this.interactionBlocker = new Wt({ editor: this }), this.backgroundManager = new Gt({ editor: this }), this.clipboardManager = new ki({ editor: this }), this.objectLockManager = new Ai({ editor: this }), this.groupingManager = new ji({ editor: this }), this.selectionManager = new Mi({ editor: this }), this.deletionManager = new Ni({ editor: this }), this.panConstraintManager = new Ii({ editor: this }), this.snappingManager = new Ja({ editor: this }), this.measurementManager = new Xa({ editor: this }), this.fontManager = new se(this.options.fonts ?? []), this.textManager = new ta({ editor: this }), this.templateManager = new oa({ editor: this }), u && (this.angleIndicator = new Ze({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new A({
 			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) {
@@ -12035,7 +12493,7 @@ var Wi = class {
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), Ha = {
+].join(", "), Qa = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -12889,20 +13347,20 @@ var Wi = class {
 };
 //#endregion
 //#region src/main.ts
-function Ua(e, t = {}) {
+function $a(e, t = {}) {
 	let n = {
-		...Ha,
+		...Qa,
 		...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 Va(i.id, n);
+		let r = new Za(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { Ua as default };
+export { $a as default };
 
 //# sourceMappingURL=main.js.map