@anu3ev/fabric-image-editor 0.8.4 → 0.8.5

package/dist/main.js

@@ -4269,13 +4269,14 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	for (let e = 0; e < r.length; e += 1) {
 		let n = r[e] ?? "", i = a ? a[e] : void 0;
 		if (i && (d = i), n.length !== 0) {
-			if (i) {
-				let t = pn({
+			let t = i;
+			if (!t && d && (t = { ...d }, a || (a = {}, s = !0), s ||= (a = { ...a }, !0), a[e] = t, o = !0), t) {
+				let r = pn({
 					lineText: n,
 					lineStyles: c ? c[e] : void 0,
-					lineDefaults: i
+					lineDefaults: t
 				});
-				t.changed && (c || (c = {}, u = !0), u ||= (c = { ...c }, !0), t.lineStyles && (c[e] = t.lineStyles), !t.lineStyles && c[e] && delete c[e], l = !0);
+				r.changed && (c || (c = {}, u = !0), u ||= (c = { ...c }, !0), r.lineStyles && (c[e] = r.lineStyles), !r.lineStyles && c[e] && delete c[e], l = !0), d = t;
 			}
 			continue;
 		}
@@ -4293,7 +4294,32 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		styles: c ?? {},
 		stylesChanged: l
 	};
-}, hn = ({ currentText: e, previousText: t, textbox: n }) => {
+};
+function hn({ textbox: e }) {
+	let t = (e.text ?? "").split("\n"), n = dn({ textbox: e }), r = mn({
+		lines: t,
+		styles: e.styles,
+		lineFontDefaults: e.lineFontDefaults,
+		globalLineDefaults: n
+	}), i = r.lineFontDefaults && Object.keys(r.lineFontDefaults).length > 0 ? r.lineFontDefaults : void 0, a = {};
+	for (let e in r.styles) {
+		if (!Object.prototype.hasOwnProperty.call(r.styles, e)) continue;
+		let t = Number(e);
+		if (!Number.isInteger(t) || t < 0) continue;
+		let o = r.styles[e];
+		if (!o) continue;
+		let s = ln({
+			lineStyles: o,
+			lineDefaults: i?.[t] ?? n
+		});
+		!s.lineStyles || !Object.keys(s.lineStyles).length || (a[t] = s.lineStyles);
+	}
+	return {
+		lineFontDefaults: i,
+		styles: a
+	};
+}
+var gn = ({ currentText: e, previousText: t, textbox: n }) => {
 	let r = on({
 		lineFontDefaults: n.lineFontDefaults,
 		previousText: t,
@@ -4309,7 +4335,15 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		...i,
 		lineFontDefaultsChanged: r.changed || i.lineFontDefaultsChanged
 	};
-}, gn = ({ lineFontDefaults: e }) => {
+}, _n = ({ textbox: e }) => {
+	let t = mn({
+		lines: (e.text ?? "").split("\n"),
+		styles: e.styles,
+		lineFontDefaults: e.lineFontDefaults,
+		globalLineDefaults: dn({ textbox: e })
+	}), n = !1;
+	return t.lineFontDefaultsChanged && (e.lineFontDefaults = t.lineFontDefaults, n = !0), t.stylesChanged && (e.styles = t.styles, e.dirty = !0, n = !0), n;
+}, vn = ({ lineFontDefaults: e }) => {
 	if (!e) return;
 	let t = {};
 	for (let n in e) {
@@ -4320,7 +4354,7 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		i && (t[r] = { ...i });
 	}
 	return t;
-}, _n = ({ lineFontDefaults: e, scale: t }) => {
+}, yn = ({ lineFontDefaults: e, scale: t }) => {
 	if (!e || !Number.isFinite(t) || Math.abs(t - 1) < .01) return;
 	let n = {}, r = !1, i = !1;
 	for (let a in e) {
@@ -4337,18 +4371,18 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		n[o] = c, r = !0;
 	}
 	if (!(!r || !i)) return n;
-}, vn = ({ textbox: e, text: t }) => {
+}, bn = ({ textbox: e, text: t }) => {
 	let { textLines: n } = e, r = Array.isArray(n) && n.length > 0 ? n.length : Math.max(t.split("\n").length, 1), i = 0;
 	for (let t = 0; t < r; t += 1) {
 		let n = e.getLineWidth(t);
 		n > i && (i = n);
 	}
 	return i;
-}, yn = ({ origin: e, size: t }) => e === "left" || e === "top" || e === "start" || e === 0 ? 0 : e === "right" || e === "bottom" || e === "end" || e === 1 ? t : t / 2, bn = ({ textbox: e, originX: t = e.originX ?? "center", originY: n = e.originY ?? "center" }) => {
-	let r = e.width ?? e.calcTextWidth() ?? 0, i = e.height ?? e.calcTextHeight() ?? 0, a = e.paddingTop ?? 0, o = e.paddingRight ?? 0, s = e.paddingBottom ?? 0, c = e.paddingLeft ?? 0, l = -r / 2 + (c - o) / 2, u = -i / 2 + (a - s) / 2, d = new p(l + yn({
+}, xn = ({ origin: e, size: t }) => e === "left" || e === "top" || e === 0 ? 0 : e === "right" || e === "bottom" || e === 1 ? t : t / 2, Sn = ({ textbox: e, originX: t = e.originX ?? "center", originY: n = e.originY ?? "center" }) => {
+	let r = e.width ?? e.calcTextWidth() ?? 0, i = e.height ?? e.calcTextHeight() ?? 0, a = e.paddingTop ?? 0, o = e.paddingRight ?? 0, s = e.paddingBottom ?? 0, c = e.paddingLeft ?? 0, l = -r / 2 + (c - o) / 2, u = -i / 2 + (a - s) / 2, d = new p(l + xn({
 		origin: t,
 		size: r
-	}), u + yn({
+	}), u + xn({
 		origin: n,
 		size: i
 	})), f = e.getPointByOrigin("center", "center"), m = e, h = typeof m.calcTransformMatrix == "function" ? m.calcTransformMatrix() : null, g = Array.isArray(h) ? new p(d.x * h[0] + d.y * h[2] + f.x, d.x * h[1] + d.y * h[3] + f.y) : new p(f.x + d.x, f.y + d.y);
@@ -4358,13 +4392,13 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		originX: t,
 		originY: n
 	};
-}, xn = ({ textbox: e, montageLeft: t, montageRight: n }) => {
+}, Cn = ({ textbox: e, montageLeft: t, montageRight: n }) => {
 	e.setCoords();
-	let r = e.getBoundingRect(!1, !0), i = r.left ?? 0, a = i + (r.width ?? 0), o = n - t;
+	let r = e.getBoundingRect(), i = r.left ?? 0, a = i + (r.width ?? 0), o = n - t;
 	if (o > 0 && (r.width ?? 0) >= o - .01) return !1;
 	let s = 0;
 	return i < t ? s = t - i : a > n && (s = n - a), Math.abs(s) <= .01 ? !1 : (e.set({ left: (e.left ?? 0) + s }), !0);
-}, Sn = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, Cn = ({ stylesList: e }) => {
+}, wn = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, Tn = ({ stylesList: e }) => {
 	let t = e.length;
 	if (!t) return !1;
 	for (let n = 0; n < t; n += 1) {
@@ -4374,16 +4408,16 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		if (r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0 || c !== void 0) return !0;
 	}
 	return !1;
-}, wn = ({ textbox: e }) => {
-	let { width: t, height: n, calcTextWidth: r, calcTextHeight: i } = e, a = typeof r == "function" ? r.call(e) : void 0, o = typeof i == "function" ? i.call(e) : void 0, s = Sn({
+}, En = ({ textbox: e }) => {
+	let { width: t, height: n, calcTextWidth: r, calcTextHeight: i } = e, a = typeof r == "function" ? r.call(e) : void 0, o = typeof i == "function" ? i.call(e) : void 0, s = wn({
 		rawValue: t,
 		calculatedValue: a
-	}), c = Sn({
+	}), c = wn({
 		rawValue: n,
 		calculatedValue: o
 	}), l = Number.isFinite(s) ? Math.round(s) : null, u = Number.isFinite(c) ? Math.round(c) : null, d = {};
 	return l !== null && l !== s && (d.width = Math.max(0, l)), u !== null && u !== c && (d.height = Math.max(0, u)), Object.keys(d).length ? (e.set(d), !0) : !1;
-}, Tn = ({ textbox: e }) => {
+}, Dn = ({ textbox: e }) => {
 	let t = e.width ?? e.calcTextWidth(), n = e.fontSize ?? 16, { styles: r = {} } = e, { lineFontDefaults: i } = e, { paddingTop: a = 0, paddingRight: o = 0, paddingBottom: s = 0, paddingLeft: c = 0 } = e, { radiusTopLeft: l = 0, radiusTopRight: u = 0, radiusBottomRight: d = 0, radiusBottomLeft: f = 0 } = e;
 	return {
 		width: t,
@@ -4401,9 +4435,9 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			bottomLeft: f
 		},
 		styles: JSON.parse(JSON.stringify(r)),
-		lineFontDefaults: gn({ lineFontDefaults: i })
+		lineFontDefaults: vn({ lineFontDefaults: i })
 	};
-}, En = ({ base: e }) => {
+}, On = ({ base: e }) => {
 	let t = 1 / Math.max(1, e.width), n = [e.fontSize];
 	Object.values(e.styles).forEach((e) => {
 		Object.values(e).forEach((e) => {
@@ -4420,7 +4454,7 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		fontScale: r,
 		proportionalScale: Math.max(t, r)
 	};
-}, Dn = ({ textbox: e, base: t, scale: n, shouldScaleFontSize: r = !0, shouldScalePadding: i = !0, shouldScaleRadii: a = !0 }) => {
+}, kn = ({ textbox: e, base: t, scale: n, shouldScaleFontSize: r = !0, shouldScalePadding: i = !0, shouldScaleRadii: a = !0 }) => {
 	let { fontSize: o, padding: s, radii: c, styles: l, lineFontDefaults: u } = t, d = Math.max(Math.min(8, o), o * n), f = Object.keys(l).length > 0, p;
 	if (r && f) {
 		let e = {};
@@ -4439,7 +4473,7 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		}), Object.keys(e).length && (p = e);
 	}
 	let m;
-	r && (m = _n({
+	r && (m = yn({
 		lineFontDefaults: u,
 		scale: n
 	}));
@@ -4465,9 +4499,9 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		radiusBottomRight: g.bottomRight,
 		radiusBottomLeft: g.bottomLeft
 	});
-}, On = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, anchorPlacement: o, shouldScaleFontSize: s, shouldScalePadding: c, shouldScaleRadii: l, shouldDisableAutoExpandOnHorizontalChange: u = !1, shouldRoundDimensions: d = !0 }) => {
+}, An = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, anchorPlacement: o, shouldScaleFontSize: s, shouldScalePadding: c, shouldScaleRadii: l, shouldDisableAutoExpandOnHorizontalChange: u = !1, shouldRoundDimensions: d = !0 }) => {
 	let { width: f } = n, m = Math.max(1, f * r), h = d ? Math.max(1, Math.round(m)) : m, g = e.width ?? f, _ = Math.abs(h - g) > Jt;
-	u && _ && (e.autoExpand = !1), Dn({
+	u && _ && (e.autoExpand = !1), kn({
 		textbox: e,
 		base: n,
 		scale: i,
@@ -4486,7 +4520,7 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	} finally {
 		e.shouldRoundDimensionsOnInit = v;
 	}
-	let y = d ? wn({ textbox: e }) : !1;
+	let y = d ? En({ textbox: e }) : !1;
 	return y && (e.dirty = !0), o ? (e.set({
 		originX: a.originX,
 		originY: a.originY
@@ -4500,24 +4534,24 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		appliedWidth: e.width ?? h,
 		dimensionsRounded: y
 	});
-}, kn = 1, An = 1e-4;
+}, jn = 1, Mn = 1e-4;
 function J({ value: e }) {
 	return Number(e.toFixed(4));
 }
-function jn({ rounding: e }) {
+function Nn({ rounding: e }) {
 	return B({ rounding: e }) > 0;
 }
-function Mn({ width: e, height: t, strokeWidth: n }) {
+function Pn({ width: e, height: t, strokeWidth: n }) {
 	let r = Math.max(0, n ?? 0);
 	return {
-		width: Math.max(kn, e - r),
-		height: Math.max(kn, t - r)
+		width: Math.max(jn, e - r),
+		height: Math.max(jn, t - r)
 	};
 }
-function Nn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
-	let a = Mn({
-		width: Math.max(kn, t),
-		height: Math.max(kn, n),
+function Fn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
+	let a = Pn({
+		width: Math.max(jn, t),
+		height: Math.max(jn, n),
 		strokeWidth: i
 	});
 	if (e instanceof g) {
@@ -4536,7 +4570,7 @@ function Nn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		}), e.setCoords();
 		return;
 	}
-	let { width: o = kn, height: s = kn } = e, c = Math.max(kn, o), l = Math.max(kn, s);
+	let { width: o = jn, height: s = jn } = e, c = Math.max(jn, o), l = Math.max(jn, s);
 	e.set({
 		scaleX: a.width / c,
 		scaleY: a.height / l,
@@ -4546,11 +4580,11 @@ function Nn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		originY: "center"
 	}), e.setCoords();
 }
-function Pn({ shape: e, style: t }) {
+function In({ shape: e, style: t }) {
 	let { fill: n, stroke: r, strokeWidth: i, strokeDashArray: a, opacity: o } = t;
 	if (e instanceof l) {
 		let n = e.getObjects();
-		for (let e = 0; e < n.length; e += 1) Pn({
+		for (let e = 0; e < n.length; e += 1) In({
 			shape: n[e],
 			style: t
 		});
@@ -4564,7 +4598,7 @@ function Pn({ shape: e, style: t }) {
 	};
 	n !== void 0 && (s.fill = n), r !== void 0 && (s.stroke = r), i !== void 0 && (s.strokeWidth = i), a !== void 0 && (s.strokeDashArray = a), o !== void 0 && (s.opacity = o), e.set(s), e.setCoords();
 }
-function Fn({ points: e, closed: t }) {
+function Ln({ points: e, closed: t }) {
 	if (e.length === 0) return "";
 	let n = `M ${J({ value: e[0].x })} ${J({ value: e[0].y })}`;
 	for (let t = 1; t < e.length; t += 1) {
@@ -4573,7 +4607,7 @@ function Fn({ points: e, closed: t }) {
 	}
 	return t && (n += " Z"), n;
 }
-function In({ previous: e, current: t, next: n, roundingRatio: r }) {
+function Rn({ previous: e, current: t, next: n, roundingRatio: r }) {
 	let i = {
 		x: e.x - t.x,
 		y: e.y - t.y
@@ -4581,7 +4615,7 @@ function In({ previous: e, current: t, next: n, roundingRatio: r }) {
 		x: n.x - t.x,
 		y: n.y - t.y
 	}, o = Math.hypot(i.x, i.y), s = Math.hypot(a.x, a.y);
-	if (o <= An || s <= An) return {
+	if (o <= Mn || s <= Mn) return {
 		start: {
 			x: J({ value: t.x }),
 			y: J({ value: t.y })
@@ -4603,14 +4637,14 @@ function In({ previous: e, current: t, next: n, roundingRatio: r }) {
 		}
 	};
 }
-function Ln({ points: e, roundingRatio: t, closed: n }) {
+function zn({ points: e, roundingRatio: t, closed: n }) {
 	let r = e.length;
 	if (r === 0) return "";
 	if (!n && r === 1) {
 		let t = e[0];
 		return `M ${J({ value: t.x })} ${J({ value: t.y })}`;
 	}
-	if (t <= 0) return Fn({
+	if (t <= 0) return Ln({
 		points: e,
 		closed: n
 	});
@@ -4618,7 +4652,7 @@ function Ln({ points: e, roundingRatio: t, closed: n }) {
 		let n = [];
 		for (let i = 0; i < r; i += 1) {
 			let a = i === 0 ? r - 1 : i - 1, o = i === r - 1 ? 0 : i + 1;
-			n.push(In({
+			n.push(Rn({
 				previous: e[a],
 				current: e[i],
 				next: e[o],
@@ -4632,13 +4666,13 @@ function Ln({ points: e, roundingRatio: t, closed: n }) {
 		}
 		return a += " Z", a;
 	}
-	if (r === 2) return Fn({
+	if (r === 2) return Ln({
 		points: e,
 		closed: !1
 	});
 	let i = `M ${J({ value: e[0].x })} ${J({ value: e[0].y })}`;
 	for (let n = 1; n < r - 1; n += 1) {
-		let r = In({
+		let r = Rn({
 			previous: e[n - 1],
 			current: e[n],
 			next: e[n + 1],
@@ -4649,8 +4683,8 @@ function Ln({ points: e, roundingRatio: t, closed: n }) {
 	let a = e[r - 1];
 	return i += ` L ${J({ value: a.x })} ${J({ value: a.y })}`, i;
 }
-function Rn({ points: e, rounding: t, closed: n }) {
-	return new d(Ln({
+function Bn({ points: e, rounding: t, closed: n }) {
+	return new d(zn({
 		points: e,
 		roundingRatio: V({ rounding: t }),
 		closed: n
@@ -4661,8 +4695,8 @@ function Rn({ points: e, rounding: t, closed: n }) {
 		top: 0
 	});
 }
-function zn({ rounding: e }) {
-	return jn({ rounding: e }) ? Rn({
+function Vn({ rounding: e }) {
+	return Nn({ rounding: e }) ? Bn({
 		points: [
 			{
 				x: 50,
@@ -4688,7 +4722,7 @@ function zn({ rounding: e }) {
 		top: 0
 	});
 }
-function Bn({ path: e }) {
+function Hn({ path: e }) {
 	return new d(e, {
 		originX: "center",
 		originY: "center",
@@ -4696,8 +4730,8 @@ function Bn({ path: e }) {
 		top: 0
 	});
 }
-function Vn({ path: e, rounding: t }) {
-	let n = Bn({ path: e }).path ?? [], r = C.makePathSimpler(n), i = [], a = !1;
+function Un({ path: e, rounding: t }) {
+	let n = Hn({ path: e }).path ?? [], r = C.makePathSimpler(n), i = [], a = !1;
 	for (let e = 0; e < r.length; e += 1) {
 		let t = r[e];
 		if (!t) return null;
@@ -4717,19 +4751,19 @@ function Vn({ path: e, rounding: t }) {
 		}
 		return null;
 	}
-	return i.length < 2 || a && i.length < 3 ? null : Rn({
+	return i.length < 2 || a && i.length < 3 ? null : Bn({
 		points: i,
 		rounding: t,
 		closed: a
 	});
 }
-function Hn({ path: e, rounding: t }) {
-	return jn({ rounding: t }) && Vn({
+function Wn({ path: e, rounding: t }) {
+	return Nn({ rounding: t }) && Un({
 		path: e,
 		rounding: B({ rounding: t })
-	}) || Bn({ path: e });
+	}) || Hn({ path: e });
 }
-function Un({ points: e, type: t, rounding: n }) {
+function Gn({ points: e, type: t, rounding: n }) {
 	let r = e.length > 0 ? e : [
 		{
 			x: 0,
@@ -4745,12 +4779,12 @@ function Un({ points: e, type: t, rounding: n }) {
 		}
 	], i = B({ rounding: n });
 	if (i > 0) {
-		if (t === "polygon" && r.length >= 3) return Rn({
+		if (t === "polygon" && r.length >= 3) return Bn({
 			points: r,
 			rounding: i,
 			closed: !0
 		});
-		if (t === "polyline" && r.length >= 2) return Rn({
+		if (t === "polyline" && r.length >= 2) return Bn({
 			points: r,
 			rounding: i,
 			closed: !1
@@ -4763,7 +4797,7 @@ function Un({ points: e, type: t, rounding: n }) {
 		top: 0
 	});
 }
-async function Wn({ svg: e }) {
+async function Kn({ svg: e }) {
 	let t = await x(e), n = C.groupSVGElements(t.objects, t.options);
 	return n.set({
 		originX: "center",
@@ -4772,7 +4806,7 @@ async function Wn({ svg: e }) {
 		top: 0
 	}), n.setCoords(), n;
 }
-async function Gn({ preset: e, rounding: t }) {
+async function qn({ preset: e, rounding: t }) {
 	switch (e.type) {
 		case "rect": return new g({
 			width: 100,
@@ -4790,22 +4824,22 @@ async function Gn({ preset: e, rounding: t }) {
 			left: 0,
 			top: 0
 		});
-		case "triangle": return zn({ rounding: t });
-		case "polygon": return Un({
+		case "triangle": return Vn({ rounding: t });
+		case "polygon": return Gn({
 			points: e.points,
 			type: "polygon",
 			rounding: t
 		});
-		case "polyline": return Un({
+		case "polyline": return Gn({
 			points: e.points,
 			type: "polyline",
 			rounding: t
 		});
-		case "path": return Hn({
+		case "path": return Wn({
 			path: e.path,
 			rounding: t
 		});
-		case "svg": return Wn({ svg: e.svg });
+		case "svg": return Kn({ svg: e.svg });
 		default: return new g({
 			width: 100,
 			height: 100,
@@ -4816,15 +4850,15 @@ async function Gn({ preset: e, rounding: t }) {
 		});
 	}
 }
-async function Kn({ preset: e, width: t, height: n, style: r, rounding: i }) {
-	let a = await Gn({
+async function Jn({ preset: e, width: t, height: n, style: r, rounding: i }) {
+	let a = await qn({
 		preset: e,
 		rounding: i
 	});
-	return Pn({
+	return In({
 		shape: a,
 		style: r
-	}), Nn({
+	}), Fn({
 		shape: a,
 		width: t,
 		height: n,
@@ -4841,17 +4875,17 @@ async function Kn({ preset: e, width: t, height: n, style: r, rounding: i }) {
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-layout-padding.ts
-var qn = .5, Jn = 12;
-function Yn({ width: e, padding: t }) {
+var Yn = .5, Xn = 12;
+function Zn({ width: e, padding: t }) {
 	let n = Math.max(0, t.left), r = Math.max(0, t.right);
 	return Math.max(1, e - n - r);
 }
-function Xn({ text: e }) {
+function Qn({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function Zn({ start: e, end: t, maxTotalPadding: n, startChanged: r, endChanged: i }) {
+function $n({ start: e, end: t, maxTotalPadding: n, startChanged: r, endChanged: i }) {
 	let a = Math.max(0, e), o = Math.max(0, t), s = Math.max(0, n);
-	if (a + o <= s + qn) return {
+	if (a + o <= s + Yn) return {
 		start: a,
 		end: o
 	};
@@ -4880,8 +4914,8 @@ function Zn({ start: e, end: t, maxTotalPadding: n, startChanged: r, endChanged:
 		end: o * l
 	};
 }
-function Qn({ start: e, end: t, insetStart: n, insetEnd: r, maxTotalPadding: i, startChanged: a, endChanged: o }) {
-	let s = Math.max(0, n), c = Math.max(0, r), l = Math.max(0, i - s - c), u = Zn({
+function er({ start: e, end: t, insetStart: n, insetEnd: r, maxTotalPadding: i, startChanged: a, endChanged: o }) {
+	let s = Math.max(0, n), c = Math.max(0, r), l = Math.max(0, i - s - c), u = $n({
 		start: Math.max(0, e),
 		end: Math.max(0, t),
 		maxTotalPadding: l,
@@ -4895,23 +4929,23 @@ function Qn({ start: e, end: t, insetStart: n, insetEnd: r, maxTotalPadding: i,
 		appliedUserPaddingEnd: f
 	};
 }
-function $n({ text: e, minFrameWidth: t, maxFrameWidth: n, frameHeight: r, measureTextboxHeightForFrame: i }) {
+function tr({ text: e, minFrameWidth: t, maxFrameWidth: n, frameHeight: r, measureTextboxHeightForFrame: i }) {
 	let a = Math.max(1, t), o = Math.max(a, n), s = Math.max(1, r);
-	if (!Xn({ text: e }) || i({
+	if (!Qn({ text: e }) || i({
 		text: e,
 		frameWidth: a
-	}) <= s + qn) return a;
+	}) <= s + Yn) return a;
 	if (i({
 		text: e,
 		frameWidth: o
-	}) > s + qn) return o;
+	}) > s + Yn) return o;
 	let c = a, l = o;
-	for (let t = 0; t < Jn; t += 1) {
+	for (let t = 0; t < Xn; t += 1) {
 		let t = (c + l) / 2;
 		if (i({
 			text: e,
 			frameWidth: t
-		}) <= s + qn) {
+		}) <= s + Yn) {
 			l = t;
 			continue;
 		}
@@ -4919,16 +4953,16 @@ function $n({ text: e, minFrameWidth: t, maxFrameWidth: n, frameHeight: r, measu
 	}
 	return l;
 }
-function er({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
-	let l = Math.max(1, t), u = Math.max(1, n), d = Xn({ text: e }) ? c({ text: e }) : 1, f = i.top + i.bottom, p = Math.max(1, u - f), m = d;
-	a || (m = $n({
+function nr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
+	let l = Math.max(1, t), u = Math.max(1, n), d = Qn({ text: e }) ? c({ text: e }) : 1, f = i.top + i.bottom, p = Math.max(1, u - f), m = d;
+	a || (m = tr({
 		text: e,
 		minFrameWidth: d,
 		maxFrameWidth: l,
 		frameHeight: p,
 		measureTextboxHeightForFrame: s
 	}));
-	let h = m + i.left + i.right, g = Math.max(0, l - m), _ = Qn({
+	let h = m + i.left + i.right, g = Math.max(0, l - m), _ = er({
 		start: r.left,
 		end: r.right,
 		insetStart: i.left,
@@ -4949,8 +4983,8 @@ function er({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		requiredWidth: h
 	};
 }
-function tr({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, changedPadding: i }) {
-	let a = Math.max(0, Math.max(1, n) - Math.max(1, r)), o = Qn({
+function rr({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, changedPadding: i }) {
+	let a = Math.max(0, Math.max(1, n) - Math.max(1, r)), o = er({
 		start: e.top,
 		end: e.bottom,
 		insetStart: t.top,
@@ -4970,8 +5004,8 @@ function tr({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, c
 		}
 	};
 }
-function nr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
-	let l = Math.max(1, t), u = Math.max(1, n), d = Se({ padding: r }), f = Se({ padding: i }), p = er({
+function ir({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
+	let l = Math.max(1, t), u = Math.max(1, n), d = Se({ padding: r }), f = Se({ padding: i }), p = nr({
 		text: e,
 		width: l,
 		height: u,
@@ -4981,7 +5015,7 @@ function nr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		changedPadding: o,
 		measureTextboxHeightForFrame: s,
 		resolveMinimumTextFrameWidth: c
-	}), m = Yn({
+	}), m = Zn({
 		width: l,
 		padding: {
 			top: 0,
@@ -4989,10 +5023,10 @@ function nr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			bottom: 0,
 			left: p.appliedPadding.left
 		}
-	}), h = Xn({ text: e }) ? s({
+	}), h = Qn({ text: e }) ? s({
 		text: e,
 		frameWidth: m
-	}) : 1, g = f.top + f.bottom, _ = a ? Math.max(u, h + g) : u, v = tr({
+	}) : 1, g = f.top + f.bottom, _ = a ? Math.max(u, h + g) : u, v = rr({
 		padding: d,
 		internalShapeTextInset: f,
 		height: _,
@@ -5018,9 +5052,9 @@ function nr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-layout.ts
-var Y = 1, rr = .5, ir = 8, ar = 20, or = 16;
-function sr({ text: e, alignV: t, width: n, height: r, appliedPadding: i, appliedUserPadding: a }) {
-	let { frame: o, splitByGrapheme: s, textTop: c } = mr({
+var Y = 1, ar = .5, or = 8, sr = 20, cr = 16;
+function lr({ text: e, alignV: t, width: n, height: r, appliedPadding: i, appliedUserPadding: a }) {
+	let { frame: o, splitByGrapheme: s, textTop: c } = gr({
 		text: e,
 		width: n,
 		height: r,
@@ -5037,8 +5071,8 @@ function sr({ text: e, alignV: t, width: n, height: r, appliedPadding: i, applie
 		textTop: c
 	};
 }
-var cr = ({ 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 ? dr({
+var ur = ({ 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 ? pr({
 		text: e,
 		width: t,
 		height: n,
@@ -5049,7 +5083,7 @@ var cr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		montageAreaWidth: l,
 		expandShapeHeightToFitText: u,
 		changedPadding: d
-	}) : br({
+	}) : Sr({
 		text: e,
 		width: t,
 		height: n,
@@ -5059,7 +5093,7 @@ var cr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		expandShapeHeightToFitText: u,
 		changedPadding: d
 	});
-	return sr({
+	return lr({
 		text: e,
 		alignV: r,
 		width: f,
@@ -5067,13 +5101,13 @@ var cr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		appliedPadding: m,
 		appliedUserPadding: h
 	});
-}, lr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) => {
-	let l = Ce({ padding: i }), u = Se({ padding: a }), d = Math.max(Y, t), f = Math.max(Y, n), p = nr({
+}, dr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) => {
+	let l = Ce({ padding: i }), u = Se({ padding: a }), d = Math.max(Y, t), f = Math.max(Y, n), p = ir({
 		text: e,
 		width: d,
 		height: f,
 		padding: l,
-		internalShapeTextInset: yr({
+		internalShapeTextInset: xr({
 			width: d,
 			height: f,
 			internalShapeTextInset: u,
@@ -5081,18 +5115,18 @@ var cr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		}),
 		expandShapeHeightToFitText: s,
 		changedPadding: c,
-		measureTextboxHeightForFrame: Er,
-		resolveMinimumTextFrameWidth: Dr
+		measureTextboxHeightForFrame: Or,
+		resolveMinimumTextFrameWidth: kr
 	});
-	for (let t = 0; t < ir; t += 1) {
+	for (let t = 0; t < or; t += 1) {
 		let t = Math.max(f, p.requiredHeight);
-		if (t <= f + rr) break;
-		f = t, p = nr({
+		if (t <= f + ar) break;
+		f = t, p = ir({
 			text: e,
 			width: d,
 			height: f,
 			padding: l,
-			internalShapeTextInset: yr({
+			internalShapeTextInset: xr({
 				width: d,
 				height: f,
 				internalShapeTextInset: u,
@@ -5100,11 +5134,11 @@ var cr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 			}),
 			expandShapeHeightToFitText: s,
 			changedPadding: c,
-			measureTextboxHeightForFrame: Er,
-			resolveMinimumTextFrameWidth: Dr
+			measureTextboxHeightForFrame: Or,
+			resolveMinimumTextFrameWidth: kr
 		});
 	}
-	return sr({
+	return lr({
 		text: e,
 		alignV: r,
 		width: d,
@@ -5112,8 +5146,8 @@ var cr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		appliedPadding: p.appliedPadding,
 		appliedUserPadding: p.appliedUserPadding
 	});
-}, ur = ({ 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(Y, e.shapeManualBaseWidth ?? r), g = Math.max(Y, e.shapeManualBaseHeight ?? i), { width: _, height: v, appliedUserPadding: y, frame: b, splitByGrapheme: x, textTop: S } = cr({
+}, fr = ({ 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(Y, e.shapeManualBaseWidth ?? r), g = Math.max(Y, e.shapeManualBaseHeight ?? i), { width: _, height: v, appliedUserPadding: y, frame: b, splitByGrapheme: x, textTop: S } = ur({
 		text: n,
 		width: r,
 		height: i,
@@ -5127,7 +5161,7 @@ var cr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		expandShapeHeightToFitText: p,
 		changedPadding: m
 	});
-	Nn({
+	Fn({
 		shape: t,
 		width: _,
 		height: v,
@@ -5156,9 +5190,9 @@ var cr = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		scaleY: 1
 	}), e.set("dirty", !0), e.setCoords();
 };
-function dr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, shapeTextAutoExpandEnabled: o = !0, montageAreaWidth: s, expandShapeHeightToFitText: c = !0, changedPadding: l }) {
+function pr({ 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(Y, t), d = Math.max(Y, n), f = Number.isFinite(s) && (s ?? 0) > 0 ? Math.max(Y, s ?? Y) : null;
-	if (!gr({ text: e })) return br({
+	if (!vr({ text: e })) return Sr({
 		text: e,
 		width: u,
 		height: d,
@@ -5169,7 +5203,7 @@ function dr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		changedPadding: l
 	});
 	let p = d / u, m = ({ width: t }) => {
-		let n = Math.max(Y, t * p), o = br({
+		let n = Math.max(Y, t * p), o = Sr({
 			text: e,
 			width: t,
 			height: n,
@@ -5181,13 +5215,13 @@ function dr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		});
 		return {
 			candidateHeight: n,
-			frameWidth: Yn({
+			frameWidth: Zn({
 				width: t,
 				padding: o.appliedPadding
 			}),
 			layoutResolution: o
 		};
-	}, h = ({ candidateWidth: e, candidateHeight: t, layoutResolution: n }) => !(n.width > e + rr || n.height > t + rr);
+	}, h = ({ candidateWidth: e, candidateHeight: t, layoutResolution: n }) => !(n.width > e + ar || n.height > t + ar);
 	if (!o) {
 		let e = ({ width: e }) => {
 			let { candidateHeight: t, layoutResolution: n } = m({ width: e });
@@ -5197,11 +5231,11 @@ function dr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 				layoutResolution: n
 			});
 		}, t = f ? Math.max(u, f) : u;
-		e({ width: t }) || (t = xr({
+		e({ width: t }) || (t = Cr({
 			minimumWidth: t,
 			isWidthValid: e
 		}));
-		let { layoutResolution: n } = m({ width: Sr({
+		let { layoutResolution: n } = m({ width: wr({
 			minimumWidth: u,
 			maximumWidth: t,
 			isWidthValid: e
@@ -5214,19 +5248,19 @@ function dr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			candidateWidth: t,
 			candidateHeight: r,
 			layoutResolution: a
-		}) || n !== void 0 && i < n - rr ? !1 : !Tr({
+		}) || n !== void 0 && i < n - ar ? !1 : !Dr({
 			text: e,
 			frameWidth: i
 		}).hasWrappedLines;
-	}, _ = f ? Math.max(u, f) : xr({
+	}, _ = f ? Math.max(u, f) : Cr({
 		minimumWidth: u,
 		isWidthValid: ({ width: e }) => g({ width: e })
-	}), v = m({ width: _ }), y = Tr({
+	}), v = m({ width: _ }), y = Dr({
 		text: e,
 		frameWidth: v.frameWidth
 	});
 	if (y.hasWrappedLines) return v.layoutResolution;
-	let b = Math.max(Y, y.longestLineWidth), { layoutResolution: x } = m({ width: Sr({
+	let b = Math.max(Y, y.longestLineWidth), { layoutResolution: x } = m({ width: wr({
 		minimumWidth: u,
 		maximumWidth: _,
 		isWidthValid: ({ width: e }) => g({
@@ -5236,67 +5270,67 @@ function dr({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 	}) });
 	return x;
 }
-var fr = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i, resolvePaddingForWidth: a }) => {
+var mr = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i, resolvePaddingForWidth: a }) => {
 	let o = Math.max(Y, t), s = Math.max(Y, n);
-	if (!gr({ text: e })) return s;
-	let c = Math.max(s, Number.isFinite(i) && i > 0 ? Math.max(Y, i) : Math.max(o, s)), l = Yn({
+	if (!vr({ text: e })) return s;
+	let c = Math.max(s, Number.isFinite(i) && i > 0 ? Math.max(Y, i) : Math.max(o, s)), l = Zn({
 		width: c,
-		padding: _r({
+		padding: yr({
 			width: c,
 			padding: r,
 			resolvePaddingForWidth: a
 		})
-	}), u = c, d = Tr({
+	}), u = c, d = Dr({
 		text: e,
 		frameWidth: l
 	});
 	if (d.hasWrappedLines) return u;
 	let f = Math.max(Y, d.longestLineWidth);
-	return Sr({
+	return wr({
 		minimumWidth: s,
 		maximumWidth: u,
 		isWidthValid: ({ width: t }) => {
-			let n = Yn({
+			let n = Zn({
 				width: t,
-				padding: _r({
+				padding: yr({
 					width: t,
 					padding: r,
 					resolvePaddingForWidth: a
 				})
 			});
-			return n < f - rr ? !1 : !Tr({
+			return n < f - ar ? !1 : !Dr({
 				text: e,
 				frameWidth: n
 			}).hasWrappedLines;
 		}
 	});
-}, pr = ({ text: e, padding: t, resolvePaddingForWidth: n }) => {
-	if (!gr({ text: e })) return Y;
-	let r = Dr({ text: e }), i = Math.max(Y, r), a = ({ width: e }) => Yn({
+}, hr = ({ text: e, padding: t, resolvePaddingForWidth: n }) => {
+	if (!vr({ text: e })) return Y;
+	let r = kr({ text: e }), i = Math.max(Y, r), a = ({ width: e }) => Zn({
 		width: e,
-		padding: _r({
+		padding: yr({
 			width: e,
 			padding: t,
 			resolvePaddingForWidth: n
 		})
-	}) >= r - rr;
-	return Sr({
+	}) >= r - ar;
+	return wr({
 		minimumWidth: i,
-		maximumWidth: xr({
+		maximumWidth: Cr({
 			minimumWidth: i,
 			isWidthValid: a
 		}),
 		isWidthValid: a
 	});
-}, mr = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
-	let a = Cr({
+}, gr = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
+	let a = Tr({
 		width: Math.max(Y, t),
 		height: Math.max(Y, n),
 		padding: Se({ padding: i })
-	}), o = Ar({
+	}), o = Mr({
 		text: e,
 		frameWidth: a.width
-	}), s = Er({
+	}), s = Or({
 		text: e,
 		frameWidth: a.width,
 		splitByGrapheme: o
@@ -5304,60 +5338,60 @@ var fr = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWi
 	return {
 		frame: a,
 		splitByGrapheme: o,
-		textTop: kr({
+		textTop: jr({
 			alignV: r,
 			frameHeight: a.height,
 			frameTop: a.top,
 			textHeight: s
 		})
 	};
-}, hr = ({ text: e, width: t, height: n, padding: r, resolvePaddingForSize: i }) => {
+}, _r = ({ text: e, width: t, height: n, padding: r, resolvePaddingForSize: i }) => {
 	let a = Math.max(Y, n);
-	if (!gr({ text: e })) return a;
+	if (!vr({ text: e })) return a;
 	let o = Math.max(Y, t), s = a;
-	for (let t = 0; t < ir; t += 1) {
-		let t = vr({
+	for (let t = 0; t < or; t += 1) {
+		let t = br({
 			width: o,
 			height: s,
 			padding: r,
 			resolvePaddingForSize: i
-		}), n = Er({
+		}), n = Or({
 			text: e,
-			frameWidth: Yn({
+			frameWidth: Zn({
 				width: o,
 				padding: t
 			})
 		}), c = Math.max(a, n + t.top + t.bottom);
-		if (c <= s + rr) return c;
+		if (c <= s + ar) return c;
 		s = c;
 	}
 	return s;
 };
-function gr({ text: e }) {
+function vr({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function _r({ width: e, padding: t, resolvePaddingForWidth: n }) {
+function yr({ width: e, padding: t, resolvePaddingForWidth: n }) {
 	return Se(n ? { padding: n({ width: Math.max(Y, e) }) } : { padding: t });
 }
-function vr({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
+function br({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
 	return Se(r ? { padding: r({
 		width: Math.max(Y, e),
 		height: Math.max(Y, t)
 	}) } : { padding: n });
 }
-function yr({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
+function xr({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
 	return Se(r ? { padding: r({
 		width: Math.max(Y, e),
 		height: Math.max(Y, t)
 	}) } : { padding: n });
 }
-function br({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, expandShapeHeightToFitText: o = !0, changedPadding: s }) {
-	let c = Ce({ padding: r }), l = Se({ padding: i }), u = Math.max(Y, t), d = Math.max(Y, n), f = nr({
+function Sr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, expandShapeHeightToFitText: o = !0, changedPadding: s }) {
+	let c = Ce({ padding: r }), l = Se({ padding: i }), u = Math.max(Y, t), d = Math.max(Y, n), f = ir({
 		text: e,
 		width: u,
 		height: d,
 		padding: c,
-		internalShapeTextInset: yr({
+		internalShapeTextInset: xr({
 			width: u,
 			height: d,
 			internalShapeTextInset: l,
@@ -5365,18 +5399,18 @@ function br({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		}),
 		expandShapeHeightToFitText: o,
 		changedPadding: s,
-		measureTextboxHeightForFrame: Er,
-		resolveMinimumTextFrameWidth: Dr
+		measureTextboxHeightForFrame: Or,
+		resolveMinimumTextFrameWidth: kr
 	});
-	for (let t = 0; t < ir; t += 1) {
+	for (let t = 0; t < or; t += 1) {
 		let t = Math.max(u, f.requiredWidth), n = Math.max(d, f.requiredHeight);
-		if (t <= u + rr && n <= d + rr) break;
-		u = t, d = n, f = nr({
+		if (t <= u + ar && n <= d + ar) break;
+		u = t, d = n, f = ir({
 			text: e,
 			width: u,
 			height: d,
 			padding: c,
-			internalShapeTextInset: yr({
+			internalShapeTextInset: xr({
 				width: u,
 				height: d,
 				internalShapeTextInset: l,
@@ -5384,8 +5418,8 @@ function br({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			}),
 			expandShapeHeightToFitText: o,
 			changedPadding: s,
-			measureTextboxHeightForFrame: Er,
-			resolveMinimumTextFrameWidth: Dr
+			measureTextboxHeightForFrame: Or,
+			resolveMinimumTextFrameWidth: kr
 		});
 	}
 	return {
@@ -5395,17 +5429,17 @@ function br({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		appliedUserPadding: f.appliedUserPadding
 	};
 }
-function xr({ minimumWidth: e, isWidthValid: t }) {
+function Cr({ minimumWidth: e, isWidthValid: t }) {
 	let n = Math.max(Y, e);
 	if (t({ width: n })) return n;
-	for (let e = 0; e < or; e += 1) if (n = Math.max(n + 1, n * 2), t({ width: n })) return n;
+	for (let e = 0; e < cr; e += 1) if (n = Math.max(n + 1, n * 2), t({ width: n })) return n;
 	return n;
 }
-function Sr({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
+function wr({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
 	let r = Math.max(Y, e), i = Math.max(r, t);
 	if (n({ width: r })) return r;
 	if (!n({ width: i })) return i;
-	for (let e = 0; e < ar && !(i - r <= rr); e += 1) {
+	for (let e = 0; e < sr && !(i - r <= ar); e += 1) {
 		let e = r + (i - r) / 2;
 		if (n({ width: e })) {
 			i = e;
@@ -5415,7 +5449,7 @@ function Sr({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
 	}
 	return i;
 }
-function Cr({ width: e, height: t, padding: n }) {
+function Tr({ 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,
@@ -5424,7 +5458,7 @@ function Cr({ width: e, height: t, padding: n }) {
 		height: Math.max(Y, t - a - o)
 	};
 }
-function wr({ text: e }) {
+function Er({ text: e }) {
 	let { height: t } = e;
 	if (typeof t == "number" && Number.isFinite(t)) return t;
 	if (typeof e.calcTextHeight == "function") {
@@ -5433,18 +5467,18 @@ function wr({ text: e }) {
 	}
 	return Y;
 }
-function Tr({ text: e, frameWidth: t }) {
-	let n = Mr({ text: e }), r = Ar({
+function Dr({ text: e, frameWidth: t }) {
+	let n = Pr({ text: e }), r = Mr({
 		text: e,
 		frameWidth: t
-	}), i = Fr({ text: e });
+	}), i = Lr({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(Y, t),
 		splitByGrapheme: r
 	}), e.initDimensions();
-	let a = Nr({ text: e }) > n, o = Math.ceil(jr({ text: e }));
-	return Ir({
+	let a = Fr({ text: e }) > n, o = Math.ceil(Nr({ text: e }));
+	return Rr({
 		text: e,
 		state: i
 	}), {
@@ -5452,8 +5486,8 @@ function Tr({ text: e, frameWidth: t }) {
 		longestLineWidth: o
 	};
 }
-function Er({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = Fr({ text: e }), i = n ?? Ar({
+function Or({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = Lr({ text: e }), i = n ?? Mr({
 		text: e,
 		frameWidth: t
 	});
@@ -5462,71 +5496,71 @@ function Er({ text: e, frameWidth: t, splitByGrapheme: n }) {
 		width: Math.max(Y, t),
 		splitByGrapheme: i
 	}), e.initDimensions();
-	let a = wr({ text: e });
-	return Ir({
+	let a = Er({ text: e });
+	return Rr({
 		text: e,
 		state: r
 	}), a;
 }
-function Dr({ text: e }) {
-	let t = Or({
+function kr({ text: e }) {
+	let t = Ar({
 		text: e,
 		frameWidth: Y,
 		splitByGrapheme: !0
 	});
 	return Math.max(Y, t);
 }
-function Or({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = Fr({ text: e });
+function Ar({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = Lr({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(Y, t),
 		splitByGrapheme: n
 	}), e.initDimensions();
-	let i = jr({ text: e });
-	return Ir({
+	let i = Nr({ text: e });
+	return Rr({
 		text: e,
 		state: r
 	}), i;
 }
-function kr({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
+function jr({ 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 Ar({ text: e, frameWidth: t }) {
-	let n = Math.max(Y, t), r = Fr({ text: e });
+function Mr({ text: e, frameWidth: t }) {
+	let n = Math.max(Y, t), r = Lr({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: n,
 		splitByGrapheme: !1
 	}), e.initDimensions();
-	let i = Lr({ text: e }) > n + rr;
-	return Ir({
+	let i = zr({ text: e }) > n + ar;
+	return Rr({
 		text: e,
 		state: r
 	}), i;
 }
-function jr({ text: e }) {
-	let t = Nr({ text: e });
-	if (t > 0) return Pr({
+function Nr({ text: e }) {
+	let t = Fr({ text: e });
+	if (t > 0) return Ir({
 		text: e,
 		lineCount: t
 	});
 	let n = e.text ?? "";
-	return Pr({
+	return Ir({
 		text: e,
 		lineCount: Math.max(n.split("\n").length, 1)
 	});
 }
-function Mr({ text: e }) {
+function Pr({ text: e }) {
 	let t = e.text ?? "";
 	return Math.max(t.split("\n").length, 1);
 }
-function Nr({ text: e }) {
+function Fr({ text: e }) {
 	let t = e;
 	return Array.isArray(t.textLines) ? t.textLines.length : 0;
 }
-function Pr({ text: e, lineCount: t }) {
+function Ir({ text: e, lineCount: t }) {
 	let n = Y;
 	for (let r = 0; r < t; r += 1) {
 		let t = e.getLineWidth(r);
@@ -5534,7 +5568,7 @@ function Pr({ text: e, lineCount: t }) {
 	}
 	return n;
 }
-function Fr({ text: e }) {
+function Lr({ text: e }) {
 	let { autoExpand: t, splitByGrapheme: n, width: r } = e;
 	return {
 		autoExpand: t,
@@ -5542,22 +5576,22 @@ function Fr({ text: e }) {
 		width: typeof r == "number" ? r : void 0
 	};
 }
-function Ir({ text: e, state: t }) {
+function Rr({ 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 Lr({ text: e }) {
+function zr({ 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 Rr = ({ transform: e, key: t }) => {
+var Br = ({ 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;
-}, zr = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Br = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, Vr = ({ transform: e }) => {
+}, Vr = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Hr = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, Ur = ({ 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,
@@ -5565,37 +5599,37 @@ var Rr = ({ transform: e, key: t }) => {
 		isCornerScaleAction: r,
 		isVerticalOnlyScale: s && !o
 	};
-}, Hr = ({ event: e, group: t, transform: n, canvas: r }) => {
+}, Wr = ({ event: e, group: t, transform: n, canvas: r }) => {
 	if (!e) return null;
 	let i = t.canvas ?? r, a = i.getScenePoint(e), o = t.getRelativeCenterPoint(), s = t.translateToGivenOrigin(o, "center", "center", n.originX, n.originY), c = t.angle ?? 0, l = (c === 0 ? a : a.rotate(-c * Math.PI / 180, o)).subtract(s), u = t.controls[n.corner], d = i.getZoom() || 1, f = (t.padding ?? 0) / d;
 	return l.x >= f && (l.x -= f), l.x <= -f && (l.x += f), l.y >= f && (l.y -= f), l.y <= -f && (l.y += f), l.x -= u?.offsetX ?? 0, l.y -= u?.offsetY ?? 0, l;
-}, Ur = ({ group: e, originX: t, originY: n }) => {
+}, Gr = ({ 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;
-}, Wr = ({ state: e, transform: t }) => {
+}, Kr = ({ state: e, transform: t }) => {
 	if (!t || e.startTransformOriginX === null && e.startTransformOriginY === null) return !1;
-	let n = zr({ value: t.originX }), r = Br({ value: t.originY });
+	let n = Vr({ value: t.originX }), r = Hr({ value: t.originY });
 	return n !== e.startTransformOriginX || r !== e.startTransformOriginY;
-}, Gr = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
+}, qr = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-scaling-preview.ts
-function Kr({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i }) {
+function Jr({ 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 qr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
+function Yr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
 	let c = Math.max(0, e.shapeStrokeWidth ?? 0);
-	Nn({
+	Fn({
 		shape: t,
-		width: Kr({
+		width: Jr({
 			size: n,
 			scale: i,
 			strokeWidth: c,
 			minSize: o,
 			scaleEpsilon: s
 		}),
-		height: Kr({
+		height: Jr({
 			size: r,
 			scale: a,
 			strokeWidth: c,
@@ -5606,7 +5640,7 @@ function qr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, min
 		strokeWidth: c
 	});
 }
-function Jr({ text: e, layout: t, alignH: n, scaleX: r, scaleY: i, scaleEpsilon: a }) {
+function Xr({ 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,
@@ -5621,13 +5655,13 @@ function Jr({ text: e, layout: t, alignH: n, scaleX: r, scaleY: i, scaleEpsilon:
 		scaleY: 1 / s
 	}), e.initDimensions(), e.setCoords();
 }
-var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY: o, minSize: s, scaleEpsilon: c }) => {
+var Zr = ({ 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
-	}), qr({
+	}), Yr({
 		group: e,
 		shape: t,
 		width: r.width,
@@ -5636,7 +5670,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		scaleY: o,
 		minSize: s,
 		scaleEpsilon: c
-	}), Jr({
+	}), Xr({
 		text: n,
 		layout: r,
 		alignH: i,
@@ -5644,7 +5678,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		scaleY: o,
 		scaleEpsilon: c
 	});
-}, X = 1, Z = 1e-4, Xr = .5, Zr = class e {
+}, X = 1, Z = 1e-4, Qr = .5, $r = class e {
 	constructor({ canvas: t }) {
 		this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
@@ -5660,7 +5694,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				text: o,
 				constraintPadding: s,
 				transform: r
-			}), { isCornerScaleAction: l } = Vr({ transform: r }), u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
+			}), { isCornerScaleAction: l } = Ur({ transform: r }), u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
 			c.isProportionalScaling = l && u;
 			let d = i.left ?? 0, f = i.top ?? 0, p = !!i.flipX, m = !!i.flipY, h = i.shapeAlignHorizontal ?? "center", g = this._resolveScalingDecision({
 				group: i,
@@ -5682,7 +5716,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				shouldHandleAsNoop: g.shouldHandleAsNoop,
 				scaleX: g.appliedScaleX,
 				scaleY: g.appliedScaleY
-			}), Yr({
+			}), Zr({
 				group: i,
 				shape: a,
 				text: o,
@@ -5710,7 +5744,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			if (!n) return;
 			let { target: r } = n;
 			if (!K(r)) return;
-			let { canScaleHeight: i, canScaleWidth: a } = Vr({ transform: n });
+			let { canScaleHeight: i, canScaleWidth: a } = Ur({ transform: n });
 			if (!a && !i) return;
 			let o = r, s = this.scalingState.get(o);
 			if (!s || s.isProportionalScaling) return;
@@ -5725,7 +5759,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				group: o,
 				axis: "x"
 			})) {
-				let t = pr({
+				let t = hr({
 					text: l,
 					padding: u,
 					resolvePaddingForWidth: ({ width: t }) => e._resolveScalingConstraintPadding({
@@ -5773,7 +5807,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				shouldHandleAsNoop: !1,
 				scaleX: h,
 				scaleY: g
-			}), Yr({
+			}), Zr({
 				group: o,
 				shape: c,
 				text: l,
@@ -5817,7 +5851,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				this.scalingState.delete(r);
 				return;
 			}
-			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolveScalingConstraintPadding({ group: r }), g = t.transform ? Vr({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = i?.lastAllowedScaleX ?? a, b = i?.lastAllowedScaleY ?? o, x = pr({
+			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolveScalingConstraintPadding({ group: r }), g = t.transform ? Ur({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = i?.lastAllowedScaleX ?? a, b = i?.lastAllowedScaleY ?? o, x = hr({
 				text: f,
 				padding: h,
 				resolvePaddingForWidth: ({ width: t }) => e._resolveScalingConstraintPadding({
@@ -5846,7 +5880,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 					state: i
 				}) && (b = Math.max(X / c, e / c));
 			}
-			let S = _ ? Math.max(X, s * y) : s, C = v ? Math.max(X, c * b) : u, w = Math.abs(S - s) > Xr, T = Math.abs(C - c) > Xr, E = w || T, D = S, O = C;
+			let S = _ ? Math.max(X, s * y) : s, C = v ? Math.max(X, c * b) : u, w = Math.abs(S - s) > Qr, T = Math.abs(C - c) > Qr, E = w || T, D = S, O = C;
 			if (!E && i) {
 				this._restoreShapeStateWithoutResize({
 					group: r,
@@ -5879,7 +5913,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				width: D,
 				height: O
 			});
-			ur({
+			fr({
 				group: r,
 				shape: d,
 				text: f,
@@ -5908,10 +5942,10 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}, this.canvas = t, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	_resolveScalingDecision({ group: e, text: t, constraintPadding: n, state: r, transform: i }) {
-		let a = e.scaleX ?? 1, o = e.scaleY ?? 1, s = Math.abs(a) || 1, c = Math.abs(o) || 1, l = a < 0 || o < 0, u = Wr({
+		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 = Kr({
 			state: r,
 			transform: i
-		}), d = Gr({
+		}), d = qr({
 			state: r,
 			transform: i
 		});
@@ -5945,7 +5979,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		};
 	}
 	_resolveScalingConstraintState({ group: t, text: n, constraintPadding: r, state: i, transform: a, scaleX: o, scaleY: s }) {
-		let { startHeight: c, startWidth: l, cannotScaleDownAtStart: u, crossedOppositeCorner: d, isProportionalScaling: f, lastAllowedScaleX: p, lastAllowedScaleY: m, startScaleY: h } = i, g = Math.max(X, l * o), _ = Math.max(X, c * s), v = o < p - Z, y = s < m - Z, b = s < h - Z, { canScaleHeight: x, canScaleWidth: S, isVerticalOnlyScale: C } = Vr({ transform: a }), w = S && v ? pr({
+		let { startHeight: c, startWidth: l, cannotScaleDownAtStart: u, crossedOppositeCorner: d, isProportionalScaling: f, lastAllowedScaleX: p, lastAllowedScaleY: m, startScaleY: h } = i, g = Math.max(X, l * o), _ = Math.max(X, c * s), v = o < p - Z, y = s < m - Z, b = s < h - Z, { canScaleHeight: x, canScaleWidth: S, isVerticalOnlyScale: C } = Ur({ transform: a }), w = S && v ? hr({
 			text: n,
 			padding: r,
 			resolvePaddingForWidth: ({ width: n }) => e._resolveScalingConstraintPadding({
@@ -5970,7 +6004,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		};
 	}
 	_resolvePreviewDimensions({ group: t, text: n, constraintPadding: r, state: i, appliedScaleX: a, appliedScaleY: o, minimumHeight: s }) {
-		let c = i.canScaleWidth ? Math.max(X, i.startWidth * a) : i.startWidth, l = i.canScaleHeight ? Math.max(X, i.startHeight * o) : i.startManualBaseHeight, u = s ?? hr({
+		let c = i.canScaleWidth ? Math.max(X, i.startWidth * a) : i.startWidth, l = i.canScaleHeight ? Math.max(X, i.startHeight * o) : i.startManualBaseHeight, u = s ?? _r({
 			text: n,
 			width: c,
 			height: l,
@@ -5988,7 +6022,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_resolvePreviewLayout({ group: t, text: n, state: r, appliedScaleX: i, appliedScaleY: a, minimumHeight: o }) {
 		let s = r.canScaleWidth ? Math.max(X, r.startWidth * i) : r.startWidth, c = r.canScaleHeight ? Math.max(X, r.startHeight * a) : r.startManualBaseHeight;
-		return lr({
+		return dr({
 			text: n,
 			width: s,
 			height: o == null ? c : Math.max(c, o),
@@ -6023,7 +6057,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleWidth: a } = Vr({ transform: i });
+		let { canScaleWidth: a } = Ur({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -6036,7 +6070,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleHeight: a } = Vr({ transform: i });
+		let { canScaleHeight: a } = Ur({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -6050,7 +6084,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		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 = Hr({
+		let o = Wr({
 			event: e.e,
 			group: t,
 			transform: r,
@@ -6067,19 +6101,19 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			let a = this._resolveScalingStartDimensions({
 				group: e,
 				transform: r
-			}), o = Rr({
+			}), o = Br({
 				transform: r,
 				key: "scaleX"
-			}), s = Rr({
+			}), s = Br({
 				transform: r,
 				key: "scaleY"
-			}), c = Rr({
+			}), c = Br({
 				transform: r,
 				key: "left"
-			}), l = Rr({
+			}), l = Br({
 				transform: r,
 				key: "top"
-			}), u = Math.abs(o ?? e.scaleX ?? 1) || 1, d = Math.abs(s ?? e.scaleY ?? 1) || 1, f = c ?? e.left ?? 0, p = l ?? e.top ?? 0, m = zr({ value: r?.original?.originX ?? r?.originX }), h = Br({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = Ur({
+			}), u = Math.abs(o ?? e.scaleX ?? 1) || 1, d = Math.abs(s ?? e.scaleY ?? 1) || 1, f = c ?? e.left ?? 0, p = l ?? e.top ?? 0, m = Vr({ value: r?.original?.originX ?? r?.originX }), h = Hr({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = Gr({
 				group: e,
 				originX: m,
 				originY: h
@@ -6122,7 +6156,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		return i;
 	}
 	_resolveMinimumTextFitHeight({ group: t, text: n, width: r, padding: i }) {
-		return hr({
+		return _r({
 			text: n,
 			width: r,
 			height: X,
@@ -6176,7 +6210,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			width: u,
 			height: d
 		});
-		ur({
+		fr({
 			group: t,
 			shape: n,
 			text: r,
@@ -6205,7 +6239,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_restoreGroupTransformOnly({ group: e, shape: t, text: n, state: r }) {
 		let i = Math.max(X, e.shapeBaseWidth ?? e.width ?? r.startWidth), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? r.startHeight);
-		t && (Nn({
+		t && (Fn({
 			shape: t,
 			width: i,
 			height: a,
@@ -6229,7 +6263,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 	}
 	_resolveScalingStartDimensions({ group: e, transform: t }) {
-		let { canScaleWidth: n, canScaleHeight: r } = Vr({ transform: t }), i = Math.max(X, e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? X), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? X);
+		let { canScaleWidth: n, canScaleHeight: r } = Ur({ transform: t }), i = Math.max(X, e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? X), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? X);
 		return {
 			startWidth: i,
 			startHeight: a,
@@ -6248,7 +6282,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			height: s
 		};
 	}
-}, Qr = class {
+}, ei = class {
 	constructor({ canvas: e }) {
 		this.handleMouseDown = (e) => {
 			let { target: t, e: n, subTargets: r = [] } = e, i = We({
@@ -6372,7 +6406,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let t = this.canvas;
 		t.findTarget = e.findTarget, this.editingTargetResolverState = void 0;
 	}
-}, $r = class e {
+}, ti = 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();
 	}
@@ -6568,7 +6602,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			}
 		}), I;
 	}
-}, ei = "#B4B7BD", ti = 0, ni = 1, ri = class {
+}, ni = "#B4B7BD", ri = 0, ii = 1, ai = class {
 	constructor({ editor: e }) {
 		this._handleObjectScaling = (e) => {
 			let t = e.target && K(e.target) ? e.target : null;
@@ -6633,7 +6667,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			if (!(t instanceof _)) return;
 			let n = t;
 			this.lifecycleController.finishTextUpdate({ textNode: n });
-		}, this.editor = e, Ue(), this.scalingController = new Zr({ canvas: e.canvas }), this.editingController = new Qr({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new $r({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
+		}, this.editor = e, Ue(), this.scalingController = new $r({ canvas: e.canvas }), this.editingController = new ei({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new ti({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
 	}
 	async add({ presetKey: e = ce, options: t = {} } = {}) {
 		let n = pe({ presetKey: e });
@@ -6731,7 +6765,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				addition: k
 			})
 		}));
-		let I = await Kn({
+		let I = await Jn({
 			preset: m,
 			width: F,
 			height: x,
@@ -6861,7 +6895,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let be = U({
 			width: _e,
 			height: ye
-		}), xe = await Kn({
+		}), xe = await Jn({
 			preset: A,
 			width: _e,
 			height: ye,
@@ -6961,7 +6995,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 		this._beginMutation();
 		try {
-			Pn({
+			In({
 				shape: i,
 				style: { fill: t }
 			}), r.shapeFill = t, r.setCoords(), this.lifecycleController.fireBefore({ lifecycle: a }), this.editor.canvas.requestRenderAll();
@@ -6983,7 +7017,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 		this._beginMutation();
 		try {
-			if (Pn({
+			if (In({
 				shape: o,
 				style: {
 					stroke: t,
@@ -7019,7 +7053,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 		this._beginMutation();
 		try {
-			Pn({
+			In({
 				shape: a,
 				style: { opacity: t }
 			}), n && o && (o.set({ opacity: t }), o.setCoords()), i.shapeOpacity = t, i.setCoords(), this.lifecycleController.fireBefore({ lifecycle: s }), this.editor.canvas.requestRenderAll();
@@ -7128,9 +7162,9 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			width: Math.max(1, (f ?? C) * b),
 			height: Math.max(1, (p ?? w) * x)
 		};
-		return Math.abs(S - 1) > 1e-4 && (Dn({
+		return Math.abs(S - 1) > 1e-4 && (kn({
 			textbox: i,
-			base: Tn({ textbox: i }),
+			base: Dn({ textbox: i }),
 			scale: S
 		}), n.shapePaddingTop = Math.max(0, m * S), n.shapePaddingRight = Math.max(0, h * S), n.shapePaddingBottom = Math.max(0, g * S), n.shapePaddingLeft = Math.max(0, _ * S)), this._detachShapeGroupAutoLayout({ group: n }), n.shapeManualBaseWidth = E.width, n.shapeManualBaseHeight = E.height, this._applyCurrentLayout({
 			group: n,
@@ -7176,7 +7210,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			padding: h,
 			style: y,
 			rounding: b
-		}), x.rehydrateRuntimeState(), qe({ group: x }), Ae({ text: i }), ur({
+		}), x.rehydrateRuntimeState(), qe({ group: x }), Ae({ text: i }), fr({
 			group: x,
 			shape: r,
 			text: i,
@@ -7351,7 +7385,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r, resolvePaddingForWidth: i }) {
 		let a = this._resolveMontageAreaWidth();
-		return a ? fr({
+		return a ? mr({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
@@ -7407,7 +7441,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			width: y,
 			height: b
 		}), S = r ?? this.editor.canvasManager.getObjectPlacement({ object: e }), C = u ? this._resolveMontageAreaWidth() : void 0;
-		ur({
+		fr({
 			group: e,
 			shape: t,
 			text: n,
@@ -7470,11 +7504,11 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	_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 ?? ei,
+			fill: n ?? t?.shapeFill ?? ni,
 			stroke: r ?? t?.shapeStroke ?? null,
-			strokeWidth: i ?? t?.shapeStrokeWidth ?? ti,
+			strokeWidth: i ?? t?.shapeStrokeWidth ?? ri,
 			strokeDashArray: s ?? null,
-			opacity: o ?? t?.shapeOpacity ?? ni
+			opacity: o ?? t?.shapeOpacity ?? ii
 		};
 	}
 	_collectShapeGroupsFromTarget({ target: t, subTargets: n = [] }) {
@@ -7530,7 +7564,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}
 		return null;
 	}
-}, ii = class {
+}, oi = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.clipboard = null;
 	}
@@ -7780,7 +7814,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			}), !1;
 		}
 	}
-}, ai = class t {
+}, si = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7845,7 +7879,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			!(n instanceof _) || !n.isEditing || n.exitEditing();
 		}
 	}
-}, oi = class {
+}, ci = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7911,7 +7945,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			i.resumeHistory(), n || i.saveState();
 		}
 	}
-}, si = class t {
+}, li = 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();
 	}
@@ -8105,7 +8139,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let { options: e } = this.editor, { selectionKey: t } = e;
 		return t === void 0 ? ["ctrlKey", "metaKey"] : t;
 	}
-}, ci = class e {
+}, ui = class e {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -8145,7 +8179,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		};
 		return i.fire("editor:objects-deleted", l), l;
 	}
-}, li = {
+}, di = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -8183,7 +8217,7 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, ui = class e {
+}, fi = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -8241,9 +8275,9 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}), this.editor.canvas.fire("editor:warning", s);
 	}
 	static isValidErrorCode(e) {
-		return e ? Object.values(li).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(di).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, di = class {
+}, pi = class {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -8292,32 +8326,32 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, fi = ({ textbox: e }) => {
+}, mi = ({ 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)
 	};
-}, pi = ({ textbox: e }) => {
+}, hi = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, mi = ({ textbox: e, range: t }) => {
+}, gi = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, hi = ({ textbox: e, styles: t, range: n }) => {
+}, _i = ({ 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);
-}, gi = ({ 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];
-}, _i = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", vi = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, yi = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", bi = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), xi = class e extends _ {
+}, yi = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", bi = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, xi = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Si = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Ci = class e extends _ {
 	static {
 		this.type = "background-textbox";
 	}
@@ -8354,7 +8388,11 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		];
 	}
 	constructor(e, t = {}) {
-		super(e, t), this.backgroundOpacity = t.backgroundOpacity ?? 1, this.lineFontDefaults = t.lineFontDefaults ?? void 0, this.paddingTop = t.paddingTop ?? 0, this.paddingRight = t.paddingRight ?? 0, this.paddingBottom = t.paddingBottom ?? 0, this.paddingLeft = t.paddingLeft ?? 0, this.radiusTopLeft = t.radiusTopLeft ?? 0, this.radiusTopRight = t.radiusTopRight ?? 0, this.radiusBottomRight = t.radiusBottomRight ?? 0, this.radiusBottomLeft = t.radiusBottomLeft ?? 0, this._roundDimensions();
+		if (super(e, t), this.backgroundOpacity = t.backgroundOpacity ?? 1, this.lineFontDefaults = t.lineFontDefaults ?? void 0, this.paddingTop = t.paddingTop ?? 0, this.paddingRight = t.paddingRight ?? 0, this.paddingBottom = t.paddingBottom ?? 0, this.paddingLeft = t.paddingLeft ?? 0, this.radiusTopLeft = t.radiusTopLeft ?? 0, this.radiusTopRight = t.radiusTopRight ?? 0, this.radiusBottomRight = t.radiusBottomRight ?? 0, this.radiusBottomLeft = t.radiusBottomLeft ?? 0, _n({ textbox: this })) {
+			this.initDimensions(), this.dirty = !0;
+			return;
+		}
+		this._roundDimensions();
 	}
 	initDimensions() {
 		super.initDimensions(), this.shouldRoundDimensionsOnInit !== !1 && this._roundDimensions();
@@ -8389,10 +8427,12 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 	}
 	toObject(e = []) {
+		let t = super.toObject(e), { lineFontDefaults: n, styles: r } = hn({ textbox: this });
 		return {
-			...super.toObject(e),
+			...t,
 			backgroundOpacity: this.backgroundOpacity,
-			lineFontDefaults: this.lineFontDefaults,
+			lineFontDefaults: n,
+			styles: C.stylesToArray(r, this.text ?? ""),
 			paddingTop: this.paddingTop,
 			paddingRight: this.paddingRight,
 			paddingBottom: this.paddingBottom,
@@ -8405,53 +8445,57 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_renderBackground(t) {
 		let n = this._getEffectiveBackgroundFill();
-		if (n && n) {
-			let r = this._getPadding(), i = this.width ?? 0, a = this.height ?? 0, o = i + r.left + r.right, s = a + r.top + r.bottom, c = this._getCornerRadii({
-				width: o,
-				height: s
-			}), l = this._getLeftOffset() - r.left, u = this._getTopOffset() - r.top;
-			t.save(), e._renderRoundedRect({
-				ctx: t,
-				height: s,
-				left: l,
-				radii: c,
-				top: u,
-				width: o
-			}), t.fillStyle = n, t.fill(), t.restore();
-		}
+		if (!n) return;
+		let r = this._getPadding(), i = this.width ?? 0, a = this.height ?? 0, o = i + r.left + r.right, s = a + r.top + r.bottom, c = this._getCornerRadii({
+			width: o,
+			height: s
+		}), l = this._getLeftOffset() - r.left, u = this._getTopOffset() - r.top;
+		t.save(), e._renderRoundedRect({
+			ctx: t,
+			height: s,
+			left: l,
+			radii: c,
+			top: u,
+			width: o
+		}), t.fillStyle = n, t.fill(), t.restore();
 	}
 	_renderTextDecoration(e, t) {
-		if (!this[t] && !this.styleHas(t)) return;
-		let { direction: n, fontSize: r, lineHeight: i, offsets: a, width: o, _fontSizeFraction: s, _textLines: c } = this, l = this._getTopOffset(), u = this._getLeftOffset(), { path: d } = this, f = this._getWidthOfCharSpacing(), p = a[t], m = 0;
-		t === "linethrough" ? m = .5 : t === "overline" && (m = 1);
-		for (let a = 0, h = c.length; a < h; a += 1) {
-			let h = this.getHeightOfLine(a);
+		let { direction: n, fontSize: r, lineHeight: i, offsets: a, width: o, _fontSizeFraction: s, _textLines: c } = this, l = !1;
+		for (let e = 0; e < c.length; e += 1) if (this.styleHas(t, e)) {
+			l = !0;
+			break;
+		}
+		if (!this[t] && !l) return;
+		let u = this._getTopOffset(), d = this._getLeftOffset(), { path: f } = this, p = this._getWidthOfCharSpacing(), m = a[t], h = 0;
+		t === "linethrough" ? h = .5 : t === "overline" && (h = 1);
+		for (let a = 0, l = c.length; a < l; a += 1) {
+			let l = this.getHeightOfLine(a);
 			if (!this[t] && !this.styleHas(t, a)) {
-				l += h;
+				u += l;
 				continue;
 			}
-			let g = c[a], _ = h / i, v = this._getLineLeftOffset(a), y = 0, b = 0, x = this.getValueOfPropertyAt(a, 0, t), S = this._getDecorationColorAt(a, 0), C = this.getValueOfPropertyAt(a, 0, "textDecorationThickness"), w = x, T = S, E = C, D = l + _ * (1 - s), O = this.getHeightOfChar(a, 0), k = this.getValueOfPropertyAt(a, 0, "deltaY");
+			let g = c[a], _ = l / i, v = this._getLineLeftOffset(a), y = 0, b = 0, x = this.getValueOfPropertyAt(a, 0, t), S = this._getDecorationColorAt(a, 0), C = this.getValueOfPropertyAt(a, 0, "textDecorationThickness"), w = x, T = S, E = C, D = u + _ * (1 - s), O = this.getHeightOfChar(a, 0), k = this.getValueOfPropertyAt(a, 0, "deltaY");
 			for (let i = 0, s = g.length; i < s; i += 1) {
 				let s = this.__charBounds[a][i];
 				w = this.getValueOfPropertyAt(a, i, t), T = this._getDecorationColorAt(a, i), E = this.getValueOfPropertyAt(a, i, "textDecorationThickness");
 				let c = this.getHeightOfChar(a, i), l = this.getValueOfPropertyAt(a, i, "deltaY");
-				if (d && w && T) {
+				if (f && w && T) {
 					let t = r * E / 1e3;
-					e.save(), e.fillStyle = S, e.translate(s.renderLeft, s.renderTop), e.rotate(s.angle), e.fillRect(-s.kernedWidth / 2, p * c + l - m * t, s.kernedWidth, t), e.restore();
+					e.save(), e.fillStyle = S, e.translate(s.renderLeft, s.renderTop), e.rotate(s.angle), e.fillRect(-s.kernedWidth / 2, m * c + l - h * t, s.kernedWidth, t), e.restore();
 				} else if ((w !== x || T !== S || c !== O || E !== C || l !== k) && b > 0) {
-					let t = r * C / 1e3, i = u + v + y;
-					n === "rtl" && (i = o - i - b), x && S && C && (e.fillStyle = S, e.fillRect(i, D + p * O + k - m * t, b, t)), y = s.left, b = s.width, x = w, C = E, S = T, O = c, k = l;
+					let t = r * C / 1e3, i = d + v + y;
+					n === "rtl" && (i = o - i - b), x && S && C && (e.fillStyle = S, e.fillRect(i, D + m * O + k - h * t, b, t)), y = s.left, b = s.width, x = w, C = E, S = T, O = c, k = l;
 				} else b += s.kernedWidth;
 			}
-			let A = u + v + y;
+			let A = d + v + y;
 			n === "rtl" && (A = o - A - b), e.fillStyle = T;
 			let j = r * E / 1e3;
-			w && T && E && e.fillRect(A, D + p * O + k - m * j, b - f, j), l += h;
+			w && T && E && e.fillRect(A, D + m * O + k - h * j, b - p, j), u += l;
 		}
 		this._removeShadow(e);
 	}
 	_getDecorationColorAt(e, t) {
-		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = vi({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : _i({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = bi({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : yi({
 			strokeColor: i,
 			width: r
 		});
@@ -8467,22 +8511,22 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	_getCornerRadii({ width: e, height: t }) {
 		let n = e / 2, r = t / 2, i = Math.min(n, r);
 		return {
-			bottomLeft: bi({
+			bottomLeft: Si({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: bi({
+			bottomRight: Si({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: bi({
+			topLeft: Si({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: bi({
+			topRight: Si({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -8500,41 +8544,32 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = bi({
+		let t = Si({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
 		}), r;
 		try {
 			r = new n(e);
-		} catch (t) {
-			return ui.emitError({
-				origin: "BackgroundTextbox",
-				method: "_getEffectiveBackgroundFill",
-				code: "INVALID_COLOR_VALUE",
-				message: `Некорректное значение цвета фона: ${e}`,
-				data: {
-					color: e,
-					error: t
-				}
-			}), null;
+		} catch {
+			return null;
 		}
 		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 = bi({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = Si({
 			value: c,
 			min: 0,
 			max: a
-		}), p = bi({
+		}), p = Si({
 			value: l,
 			min: 0,
 			max: a
-		}), m = bi({
+		}), m = Si({
 			value: u,
 			min: 0,
 			max: a
-		}), h = bi({
+		}), h = Si({
 			value: d,
 			min: 0,
 			max: a
@@ -8545,20 +8580,20 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		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));
 	}
-}, Si = () => {
-	y?.setClass && y.setClass(xi, "background-textbox");
-}, Ci = ({ transform: e }) => {
+}, wi = () => {
+	y?.setClass && y.setClass(Ci, "background-textbox");
+}, Ti = ({ 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"
 	};
-}, wi = ({ textbox: e, transform: t, appliedWidth: n }) => {
+}, Ei = ({ textbox: e, transform: t, appliedWidth: n }) => {
 	t.scaleX = 1, t.scaleY = 1;
-	let { original: r } = t;
+	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);
-}, Ti = ({ textbox: e, transform: t, scenePoint: n }) => {
+}, Di = ({ textbox: e, transform: t, scenePoint: n }) => {
 	let { x: r, y: i } = e._getTransformedDimensions();
 	if (r <= 0 || i <= 0) return null;
 	let a = b.getLocalPoint(t, t.originX, t.originY, n.x, n.y), o = t, s = typeof o.signX == "number" && a.x * o.signX <= 0, c = typeof o.signY == "number" && a.y * o.signY <= 0, l = Math.abs(a.x / r), u = Math.abs(a.y / i);
@@ -8568,27 +8603,27 @@ var Yr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		stepScaleX: l,
 		stepScaleY: u
 	};
-}, Ei = 1e-4;
-function Di(e) {
+}, Oi = 1e-4;
+function ki(e) {
 	return !!e && e instanceof _;
 }
-function Oi(e) {
-	if (!Di(e)) return !1;
+function Ai(e) {
+	if (!ki(e)) return !1;
 	let t = e.group;
 	return e.shapeNodeType === "text" && t?.shapeComposite === !0;
 }
-var ki = class {
+var ji = class {
 	constructor({ canvas: t, canvasManager: n, persistScaledTextbox: r }) {
 		this.handleMouseMove = (e) => {
 			let t = this.canvas._currentTransform;
 			if (!t) return;
 			let { target: n } = t;
-			if (!Di(n) || Oi(n)) return;
+			if (!ki(n) || Ai(n)) return;
 			let r = this.scalingState.get(n);
 			if (!r || !e.e) return;
-			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Ci({ transform: t });
+			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Ti({ transform: t });
 			if (!a && !o && !i) return;
-			let s = Ti({
+			let s = Di({
 				textbox: n,
 				transform: t,
 				scenePoint: this.canvas.getScenePoint(e.e)
@@ -8611,20 +8646,20 @@ var ki = 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) <= Ei) return;
+				if (Math.abs(t - r.lastAllowedScaleX) <= Oi) 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) > Ei && (j = t);
+					Math.abs(t - r.lastAllowedScaleX) > Oi && (j = t);
 				}
 				if (o) {
 					let e = r.lastAllowedScaleY * d, t = l ? r.minimumFontScale : Math.max(r.minimumFontScale, e);
-					Math.abs(t - r.lastAllowedScaleY) > Ei && (M = t);
+					Math.abs(t - r.lastAllowedScaleY) > Oi && (M = t);
 				}
-				if (Math.abs(j - r.lastAllowedScaleX) <= Ei && Math.abs(M - r.lastAllowedScaleY) <= Ei) return;
+				if (Math.abs(j - r.lastAllowedScaleX) <= Oi && Math.abs(M - r.lastAllowedScaleY) <= Oi) return;
 			}
-			let { appliedWidth: N, dimensionsRounded: P } = On({
+			let { appliedWidth: N, dimensionsRounded: P } = An({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: r.startBase,
@@ -8638,7 +8673,7 @@ var ki = class {
 				shouldDisableAutoExpandOnHorizontalChange: a,
 				shouldRoundDimensions: !i
 			});
-			wi({
+			Ei({
 				textbox: n,
 				transform: t,
 				appliedWidth: N
@@ -8659,12 +8694,12 @@ var ki = class {
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
-			if (n instanceof e || !Di(n) || Oi(n) || !r) return;
+			if (n instanceof e || !ki(n) || Ai(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 } = Ci({ transform: r }), d = r.corner ?? "", f = c || u;
+			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = Ti({ 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,
@@ -8679,7 +8714,7 @@ var ki = class {
 					N = e, P = e;
 				}
 			} else l && (N = Math.max(i.minimumWidthScale, i.lastAllowedScaleX * h)), u && (P = Math.max(i.minimumFontScale, i.lastAllowedScaleY * g));
-			let { appliedWidth: ee, dimensionsRounded: te } = On({
+			let { appliedWidth: ee, dimensionsRounded: te } = An({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: a,
@@ -8693,7 +8728,7 @@ var ki = class {
 				shouldDisableAutoExpandOnHorizontalChange: l,
 				shouldRoundDimensions: !c
 			});
-			wi({
+			Ei({
 				textbox: n,
 				transform: r,
 				appliedWidth: ee
@@ -8726,7 +8761,7 @@ var ki = class {
 			let { target: n } = t;
 			if (n instanceof e) {
 				let t = n.getObjects();
-				if (!t.some((e) => Di(e))) return;
+				if (!t.some((e) => ki(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) => {
@@ -8736,7 +8771,7 @@ var ki = class {
 				this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
 				return;
 			}
-			if (!Di(n) || Oi(n)) return;
+			if (!ki(n) || Ai(n)) return;
 			n.isScaling = !1;
 			let r = this.scalingState.get(n);
 			if (this.scalingState.delete(n), !r?.hasScalingChange) return;
@@ -8761,11 +8796,11 @@ var ki = class {
 		}, this.canvas = t, this.canvasManager = n, this.persistScaledTextbox = r, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
-		if (!Di(e) || Oi(e)) return !1;
+		if (!ki(e) || Ai(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 = Tn({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
-		return On({
+		let i = Dn({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
+		return An({
 			textbox: e,
 			canvasManager: this.canvasManager,
 			base: i,
@@ -8781,7 +8816,7 @@ var ki = class {
 	_ensureScalingState({ textbox: e, transform: t }) {
 		let n = this.scalingState.get(e);
 		if (!n) {
-			let r = Tn({ textbox: e }), i = this.canvasManager.getObjectPlacement({ object: e }), a = En({ base: r }), o = t.original?.originX ?? t.originX ?? e.originX ?? "center", s = t.original?.originY ?? t.originY ?? e.originY ?? "center";
+			let r = Dn({ textbox: e }), i = this.canvasManager.getObjectPlacement({ object: e }), a = On({ base: r }), o = t.original?.originX ?? t.originX ?? e.originX ?? "center", s = t.original?.originY ?? t.originY ?? e.originY ?? "center";
 			n = {
 				startBase: r,
 				startObjectPlacement: i,
@@ -8835,7 +8870,7 @@ var ki = class {
 			originY: a
 		});
 	}
-}, Ai = class e {
+}, Mi = class e {
 	constructor({ editor: t }) {
 		this._handleTextEditingEntered = (t) => {
 			this.isTextEditingActive = !0;
@@ -8848,7 +8883,7 @@ var ki = 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 = yi({ value: l });
+				let e = xi({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
@@ -8866,7 +8901,7 @@ var ki = class {
 			let r = e._isShapeOwnedTextbox(n);
 			this.editingPlacementState?.delete(n), delete n.__lineDefaultsPrevText;
 			let i = n.text ?? "";
-			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (wn({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
+			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (En({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
 				lockMovementX: !1,
 				lockMovementY: !1
 			}));
@@ -8893,7 +8928,7 @@ var ki = class {
 				transform: r,
 				event: i ?? null
 			});
-		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new ki({
+		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new ji({
 			canvas: t.canvas,
 			canvasManager: t.canvasManager,
 			persistScaledTextbox: ({ target: e, style: t }) => {
@@ -8902,12 +8937,12 @@ var ki = class {
 					style: t
 				});
 			}
-		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), Si();
+		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), wi();
 	}
 	addText({ id: t = `background-textbox-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1, emitLifecycleEvents: j = !0 } = {}) {
 		let { canvasManager: M, historyManager: N } = this.editor, { canvas: P } = this;
 		N.suspendHistory();
-		let F = i ?? this._getDefaultFontFamily(), I = vi({ width: m }), ee = _i({
+		let F = i ?? this._getDefaultFontFamily(), I = bi({ width: m }), ee = yi({
 			strokeColor: p,
 			width: I
 		}), te = {
@@ -8936,14 +8971,14 @@ var ki = class {
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, L = new xi(n, te), ne = r !== !1;
+		}, L = new Ci(n, te), ne = r !== !1;
 		L.autoExpand = ne;
 		let re = E.left !== void 0 || E.top !== void 0;
 		if (L.textCaseRaw = L.text ?? "", l) {
-			let e = yi({ value: L.textCaseRaw });
+			let e = xi({ value: L.textCaseRaw });
 			e !== L.text && L.set({ text: e });
 		}
-		wn({ textbox: L }) && (L.dirty = !0);
+		En({ textbox: L }) && (L.dirty = !0);
 		let R;
 		re && (R = M.resolveObjectPlacement({
 			object: L,
@@ -8990,38 +9025,38 @@ var ki = class {
 			top: te,
 			originX: L,
 			originY: ne
-		}), z = a === void 0 ? fi({ textbox: s }) : Xt({
+		}), z = a === void 0 ? mi({ textbox: s }) : Xt({
 			text: c,
 			range: a
 		}), B = z ? Zt({
 			textbox: s,
 			range: z
-		}) : null, V = {}, H = {}, U = {}, ae, W, G, oe, se = mi({
+		}) : null, V = {}, H = {}, U = {}, ae, W, G, oe, se = gi({
 			textbox: s,
 			range: z
-		}), ce = mi({
+		}), ce = gi({
 			textbox: s,
 			range: B
 		}), le = !z || se, ue = le || ce, de = !z;
 		if (h !== void 0 && (B && (H.fontFamily = h), ue && (R.fontFamily = h, de && (U.fontFamily = h))), g !== void 0 && (B && (H.fontSize = g), ue && (R.fontSize = g, de && (U.fontSize = g))), _ !== void 0 && (ae = _ ? "bold" : "normal", z && (V.fontWeight = ae), le && (R.fontWeight = ae, de && (U.fontWeight = ae))), v !== void 0 && (W = v ? "italic" : "normal", z && (V.fontStyle = W), le && (R.fontStyle = W, de && (U.fontStyle = W))), y !== void 0 && (z && (V.underline = y), le && (R.underline = y, de && (U.underline = y))), x !== void 0 && (z && (V.linethrough = x), le && (R.linethrough = x, de && (U.linethrough = x))), S !== void 0 && (R.textAlign = S), C !== void 0 && (z && (V.fill = C), le && (R.fill = C, de && (U.fill = C))), w !== void 0 || T !== void 0) {
-			let e = z ? gi({
+			let e = z ? vi({
 				textbox: s,
 				range: z,
 				property: "strokeWidth"
-			}) : void 0, t = z ? gi({
+			}) : void 0, t = z ? vi({
 				textbox: s,
 				range: z,
 				property: "stroke"
-			}) : void 0;
-			oe = vi({ width: T ?? e ?? s.strokeWidth ?? 0 }), G = _i({
-				strokeColor: w ?? t ?? s.stroke ?? void 0,
+			}) : 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;
+			oe = bi({ width: T ?? n ?? s.strokeWidth ?? 0 }), G = yi({
+				strokeColor: w ?? r ?? i,
 				width: oe
 			}), z && (V.stroke = G, V.strokeWidth = oe), le && (R.stroke = G, R.strokeWidth = oe, de && (U.stroke = G, U.strokeWidth = oe));
 		}
 		E !== void 0 && (R.opacity = E), D !== void 0 && (R.backgroundColor = D), O !== void 0 && (R.backgroundOpacity = O), k !== void 0 && (R.paddingTop = k), A !== void 0 && (R.paddingRight = A), j !== void 0 && (R.paddingBottom = j), M !== void 0 && (R.paddingLeft = M), N !== void 0 && (R.radiusTopLeft = N), P !== void 0 && (R.radiusTopRight = P), F !== void 0 && (R.radiusBottomRight = F), I !== void 0 && (R.radiusBottomLeft = I);
 		let fe = s.textCaseRaw ?? c, pe = !!s.uppercase, me = p !== void 0, he = me ? p ?? "" : fe, ge = b ?? pe, _e = ge !== pe;
-		me || _e ? (R.text = ge ? yi({ value: he }) : he, s.textCaseRaw = he) : s.textCaseRaw === void 0 && (s.textCaseRaw = fe);
-		let ve = Cn({ stylesList: [
+		me || _e ? (R.text = ge ? xi({ value: he }) : he, s.textCaseRaw = he) : s.textCaseRaw === void 0 && (s.textCaseRaw = fe);
+		let ve = Tn({ stylesList: [
 			R,
 			V,
 			H,
@@ -9037,32 +9072,32 @@ var ki = class {
 			j,
 			M
 		], xe = ye.some((e) => e !== void 0), Se = be.some((e) => e !== void 0), Ce = Object.prototype.hasOwnProperty.call(R, "width"), we = Se && !xe && !me && !_e && !ve && !Ce, Te = null;
-		we && (Te = bn({
+		we && (Te = Sn({
 			textbox: s,
 			originX: ie.originX,
 			originY: ie.originY
 		})), s.uppercase = ge, s.set(R);
 		let Ee = !1;
 		if (z) {
-			let e = hi({
+			let e = _i({
 				textbox: s,
 				styles: V,
 				range: z
-			}), t = B ? hi({
+			}), t = B ? _i({
 				textbox: s,
 				styles: H,
 				range: B
 			}) : !1;
 			Ee = e || t;
 		} else if (Object.keys(U).length) {
-			let e = pi({ textbox: s });
-			e && (Ee = hi({
+			let e = hi({ textbox: s });
+			e && (Ee = _i({
 				textbox: s,
 				styles: U,
 				range: e
 			}));
 		}
-		let De = Ee && Cn({ stylesList: [
+		let De = Ee && Tn({ stylesList: [
 			V,
 			H,
 			U
@@ -9189,7 +9224,7 @@ var ki = class {
 			clampToMontage: r
 		}));
 		let a = !1;
-		i || (a = wn({ textbox: e }));
+		i || (a = En({ textbox: e }));
 		let o = !1;
 		return !i && t && (this.editor.canvasManager.applyObjectPlacement({
 			object: e,
@@ -9197,7 +9232,7 @@ var ki = class {
 		}), o = !0), (i || a) && (e.dirty = !0), (i || a || o) && e.setCoords(), i || a;
 	}
 	_restoreTextboxContentPlacement({ textbox: e, contentPlacement: t }) {
-		let n = bn({
+		let n = Sn({
 			textbox: e,
 			originX: t.originX,
 			originY: t.originY
@@ -9215,7 +9250,7 @@ var ki = class {
 		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({
+		let t = e.text ?? "", n = gn({
 			textbox: e,
 			previousText: e.__lineDefaultsPrevText ?? t,
 			currentText: t
@@ -9233,16 +9268,16 @@ var ki = class {
 		if (!Number.isFinite(f) || f <= 0) return !1;
 		let p = a.split("\n").length, m = !1;
 		Math.abs((e.width ?? 0) - f) > .01 && (e.set({ width: f }), m = !0), e.initDimensions();
-		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(vn({
+		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(bn({
 			textbox: e,
 			text: a
 		})), v = Math.min(e.minWidth ?? 1, f), y = Math.min(f, Math.max(_, v));
-		g && (y = f), Math.abs((e.width ?? 0) - y) > .01 && (e.set({ width: y }), e.initDimensions(), m = !0), wn({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
+		g && (y = f), Math.abs((e.width ?? 0) - y) > .01 && (e.set({ width: y }), e.initDimensions(), m = !0), En({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
 			object: e,
 			placement: t
 		});
 		let b = !1;
-		return n && (b = xn({
+		return n && (b = Cn({
 			textbox: e,
 			montageLeft: o,
 			montageRight: o + s
@@ -9300,7 +9335,7 @@ var ki = class {
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, ji = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, Mi = (e) => {
+}, Ni = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, Pi = (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",
@@ -9311,7 +9346,7 @@ var ki = 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: ji({
+			angle: Ni({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -9339,7 +9374,7 @@ var ki = class {
 		};
 	}
 	return null;
-}, Ni = "_templateAnchorX", Pi = "_templateAnchorY", Fi = class t {
+}, Fi = "_templateAnchorX", Ii = "_templateAnchorY", Li = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -9348,7 +9383,7 @@ var ki = class {
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: li.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: di.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
@@ -9377,14 +9412,14 @@ var ki = class {
 		if (!l?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: li.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: di.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
 		let f = t._getBounds(r);
 		if (!f) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: li.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: di.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
 		let p = t._getMontageSize({
@@ -9403,7 +9438,7 @@ var ki = class {
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: li.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: di.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
 			let { backgroundObject: i, contentObjects: u } = t._extractBackgroundObject(r);
@@ -9441,7 +9476,7 @@ var ki = class {
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: li.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: di.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
 					templateId: d,
@@ -9595,8 +9630,8 @@ var ki = class {
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, Ni),
-				anchorY: t._resolveAnchor(s, Pi)
+				anchorX: t._resolveAnchor(s, Fi),
+				anchorY: t._resolveAnchor(s, Ii)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
@@ -9610,7 +9645,7 @@ var ki = class {
 				originX: _,
 				originY: v
 			}
-		}), delete s[Ni], delete s[Pi];
+		}), delete s[Fi], delete s[Ii];
 	}
 	static _getPositioningBounds({ bounds: e, baseWidth: n, baseHeight: r, scale: i, useRelativePositions: a, anchorX: o, anchorY: s }) {
 		if (!a) return e;
@@ -9674,7 +9709,7 @@ var ki = class {
 		});
 		if (!i || !s || !o) return;
 		e.setCoords();
-		let c = e, l = t._resolveAnchor(c, Ni), 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, Fi), 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,
@@ -9703,10 +9738,10 @@ var ki = 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[Ni] = t._detectAnchor({
+		return a[Fi] = t._detectAnchor({
 			start: h,
 			end: _
-		}), a[Pi] = t._detectAnchor({
+		}), a[Ii] = t._detectAnchor({
 			start: g,
 			end: v
 		}), a.left = m.x, a.top = m.y, a;
@@ -9731,7 +9766,7 @@ var ki = class {
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = Mi(r);
+				let e = Pi(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -9752,7 +9787,7 @@ var ki = class {
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: li.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: di.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -9788,29 +9823,29 @@ var ki = class {
 	enlivenObjectEnlivables(e) {
 		return C.enlivenObjectEnlivables(e);
 	}
-}, Ii = "#3D8BF4", Li = .5, Ri = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, zi = ({ firstDistance: e, secondDistance: t }) => {
-	let n = Ri({ distance: e }), r = Ri({ distance: t });
+}, Ri = "#3D8BF4", zi = .5, Bi = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, Vi = ({ firstDistance: e, secondDistance: t }) => {
+	let n = Bi({ distance: e }), r = Bi({ distance: t });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, Bi = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), Vi = ({ step: e }) => {
+}, Hi = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), Ui = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, Hi = ({ value: e, step: t }) => {
+}, Wi = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = Vi({ step: t }), r = Math.round(e / t) * t;
+	let n = Ui({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, Ui = ({ value: e, step: t }) => {
+}, Gi = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = Hi({
+	let n = Wi({
 		value: e,
 		step: t
-	}), r = 10 ** -(Vi({ step: t }) + 4);
+	}), r = 10 ** -(Ui({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, Wi = ({ bounds: e, axis: t }) => {
+}, Ki = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -9819,7 +9854,7 @@ var ki = class {
 		start: n,
 		end: r
 	};
-}, Gi = ({ items: e, axis: t }) => {
+}, qi = ({ 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;) {
@@ -9829,10 +9864,10 @@ var ki = class {
 		}
 		e[o + 1] = r;
 	}
-}, Ki = ({ items: e, index: t, axis: n, direction: r }) => {
+}, Ji = ({ items: e, index: t, axis: n, direction: r }) => {
 	let i = e[t];
 	if (!i) return null;
-	let { bounds: a } = i, { start: o, end: s } = Wi({
+	let { bounds: a } = i, { start: o, end: s } = Ki({
 		bounds: a,
 		axis: n
 	});
@@ -9840,7 +9875,7 @@ var ki = class {
 		for (let r = t - 1; r >= 0; --r) {
 			let t = e[r];
 			if (!t) continue;
-			let { bounds: i } = t, { end: a } = Wi({
+			let { bounds: i } = t, { end: a } = Ki({
 				bounds: i,
 				axis: n
 			});
@@ -9851,26 +9886,26 @@ var ki = class {
 	for (let r = t + 1; r < e.length; r += 1) {
 		let t = e[r];
 		if (!t) continue;
-		let { bounds: i } = t, { start: a } = Wi({
+		let { bounds: i } = t, { start: a } = Ki({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, qi = ({ items: e }) => {
+}, Yi = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, Ji = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, Xi = ({ 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;
-}, Yi = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Xi = ({ baseOption: e, candidateOption: t }) => {
+}, Zi = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Qi = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, Zi = ({ options: e }) => {
+}, $i = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -9881,11 +9916,11 @@ var ki = class {
 		r.diff === t.diff && Math.abs(r.delta) < Math.abs(t.delta) && (t = r);
 	}
 	return t;
-}, Qi = ({ currentOption: e, nextOption: t }) => {
+}, ea = ({ 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);
-}, $i = ({ options: e }) => {
+}, ta = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -9893,18 +9928,18 @@ var ki = class {
 			t.push(i);
 			continue;
 		}
-		a === "before" && Qi({
+		a === "before" && ea({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && Qi({
+		}) && (n = i), a === "after" && ea({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, ea = ({ options: e, side: t, baseOption: n }) => {
+}, na = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && Xi({
+	for (let i of e) if (i.side === t && Qi({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -9915,63 +9950,63 @@ var ki = class {
 		!r || i.diff !== r.diff || Math.abs(i.delta) < Math.abs(r.delta) && (r = i);
 	}
 	return r;
-}, ta = ({ option: e }) => {
+}, ra = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, na = ({ option: e, context: t }) => {
+}, ia = ({ 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;
-}, ra = ({ options: e, context: t }) => {
+}, aa = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (na({
+	for (let n of e) if (ia({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, ia = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = ra({
+}, oa = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = aa({
 		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;
-}, aa = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, sa = ({ 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));
-}, oa = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, ca = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = $i({ options: e }), i = [];
+	let r = ta({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = ia({
+	let a = i.length > 0, o = a ? i : r, s = oa({
 		options: o,
-		bestOption: Zi({ options: o }),
+		bestOption: $i({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = ea({
+	}), c = na({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = ea({
+	}), l = na({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = ea({
+	}), u = na({
 		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) aa({
+	for (let e of d) sa({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -9979,15 +10014,15 @@ var ki = class {
 	return {
 		delta: s.delta,
 		guides: f,
-		context: ta({ option: s })
+		context: ra({ option: s })
 	};
-}, sa = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = Hi({
+}, la = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = Wi({
 		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: _ } = zi({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = Vi({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -10002,13 +10037,13 @@ var ki = class {
 		});
 	}
 	return u;
-}, ca = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = zi({
+}, ua = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = Vi({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, la = ({ anchors: e, positions: t, threshold: n }) => {
+}, da = ({ 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);
@@ -10018,8 +10053,8 @@ var ki = class {
 		delta: r,
 		guidePosition: a
 	};
-}, ua = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = la({
+}, fa = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = da({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -10027,7 +10062,7 @@ var ki = class {
 			i
 		],
 		threshold: t
-	}), u = la({
+	}), u = da({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -10047,11 +10082,11 @@ var ki = class {
 		deltaY: u.delta,
 		guides: d
 	};
-}, da = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, pa = ({ 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;
-		Bi({
+		Hi({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -10071,22 +10106,22 @@ var ki = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), Gi({
+	}), qi({
 		items: f,
 		axis: "top"
 	});
-	let p = qi({ items: f });
+	let p = Yi({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = Ki({
+	let m = [], h = c - s, g = Ji({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = Ki({
+	}), _ = Ji({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -10095,19 +10130,19 @@ var ki = 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 = Hi({
+			let e = Wi({
 				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 = la({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Li
+					step: zi
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -10144,16 +10179,16 @@ var ki = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!Ui({
+		if (!Gi({
 			value: a,
 			step: .5
-		}) || !Ji({
+		}) || !Xi({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = Yi({
+		let d = Zi({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -10161,12 +10196,12 @@ var ki = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = Hi({
+				let e = Wi({
 					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 = ua({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10190,12 +10225,12 @@ var ki = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = Hi({
+				let e = Wi({
 					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 = ua({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10220,16 +10255,16 @@ var ki = class {
 			}
 		}
 	}
-	return oa({
+	return ca({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, fa = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, ma = ({ 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;
-		Bi({
+		Hi({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -10249,22 +10284,22 @@ var ki = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), Gi({
+	}), qi({
 		items: f,
 		axis: "left"
 	});
-	let p = qi({ items: f });
+	let p = Yi({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = Ki({
+	let m = [], h = c - s, g = Ji({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = Ki({
+	}), _ = Ji({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -10273,19 +10308,19 @@ var ki = 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 = Hi({
+			let e = Wi({
 				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 = la({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Li
+					step: zi
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -10322,16 +10357,16 @@ var ki = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!Ui({
+		if (!Gi({
 			value: a,
 			step: .5
-		}) || !Ji({
+		}) || !Xi({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = Yi({
+		let d = Zi({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -10339,12 +10374,12 @@ var ki = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = Hi({
+				let e = Wi({
 					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 = ua({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10368,12 +10403,12 @@ var ki = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = Hi({
+				let e = Wi({
 					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 = ua({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10398,20 +10433,20 @@ var ki = class {
 			}
 		}
 	}
-	return oa({
+	return ca({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, pa = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = da({
+}, ha = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = pa({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = fa({
+	}), l = ma({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -10430,14 +10465,14 @@ var ki = class {
 			horizontal: l.context
 		}
 	};
-}, ma = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, ga = ({ 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();
-}, ha = ({ 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 }) => {
+}, _a = ({ 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(), ma({
+	e.beginPath(), ga({
 		context: e,
 		x: w,
 		y: T,
@@ -10445,11 +10480,11 @@ var ki = class {
 		height: C,
 		radius: v
 	}), e.fill(), e.fillStyle = c, e.fillText(a, b, x), e.restore();
-}, ga = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = Ri({ 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 = Bi({ 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 = Ii;
-	ha({
+	let d = Ri;
+	_a({
 		context: e,
 		type: r,
 		axis: i,
@@ -10459,7 +10494,7 @@ var ki = class {
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), ha({
+	}), _a({
 		context: e,
 		type: r,
 		axis: i,
@@ -10470,10 +10505,10 @@ var ki = class {
 		color: d,
 		lineWidth: 1
 	});
-}, _a = ({ anchors: e, bounds: t }) => {
+}, ya = ({ 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);
-}, va = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, ba = ({ 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;
@@ -10494,35 +10529,35 @@ var ki = class {
 		});
 	}
 	return i;
-}, ya = ({ bounds: e }) => ({
-	vertical: va({
+}, xa = ({ bounds: e }) => ({
+	vertical: ba({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: va({
+	horizontal: ba({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), ba = [
+}), Sa = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], xa = ({ activeObject: t }) => {
+], Ca = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, Sa = ({ object: e, excluded: t, ignoredIds: n = ba }) => {
+}, wa = ({ object: e, excluded: t, ignoredIds: n = Sa }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Ca = class e {
+}, Ta = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -10575,7 +10610,7 @@ var ki = class {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
 		}
-		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = ua({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = fa({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -10587,7 +10622,7 @@ var ki = class {
 				top: t + u
 			}), n.setCoords(), a = Ht({ object: n }) ?? a;
 		}
-		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = pa({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = ha({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -10608,11 +10643,11 @@ var ki = class {
 			target: n,
 			transform: i
 		});
-		let h = Ht({ object: n }) ?? a, g = ua({
+		let h = Ht({ object: n }) ?? a, g = fa({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = pa({
+		}), _ = ha({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -10843,9 +10878,9 @@ var ki = 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 = Ii, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = Ri, 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) ga({
+		for (let e of this.activeSpacingGuides) va({
 			context: n,
 			guide: e,
 			zoom: c
@@ -11056,14 +11091,14 @@ var ki = class {
 		}, r = [];
 		for (let e of t) {
 			let t = Ht({ object: e });
-			t && (_a({
+			t && (ya({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
 		let { montageArea: i } = this.editor, a = Ht({ object: i });
 		if (a) {
-			_a({
+			ya({
 				anchors: n,
 				bounds: a
 			});
@@ -11075,12 +11110,12 @@ var ki = class {
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = ya({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = xa({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = xa({ activeObject: e }), n = [];
+		let t = Ca({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			Sa({
+			wa({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -11103,7 +11138,7 @@ var ki = class {
 			bottom: (r - s) / a
 		};
 	}
-}, wa = "#3D8BF4", Ta = class e {
+}, Ea = "#3D8BF4", Da = 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();
 	}
@@ -11196,8 +11231,8 @@ var ki = class {
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = xa({ activeObject: t });
-		return n && !Sa({
+		let { target: n } = e, r = Ca({ activeObject: t });
+		return n && !wa({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -11314,18 +11349,18 @@ var ki = 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 = wa, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = Ea, 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(), ha({
+			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), _a({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: Ri({ distance: l }).toString(),
+				text: Bi({ distance: l }).toString(),
 				zoom: r,
-				color: wa,
+				color: Ea,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -11343,13 +11378,13 @@ var ki = class {
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, Ea = class e {
+}, Oa = class e {
 	constructor(e, t) {
 		this.options = t, this.containerId = e, this.editorId = `${e}-${D()}`, this.init();
 	}
 	async init() {
 		let { editorContainerWidth: e, editorContainerHeight: n, canvasWrapperWidth: r, canvasWrapperHeight: i, canvasCSSWidth: a, canvasCSSHeight: o, initialImage: s, initialState: c, scaleType: l, showRotationAngle: u, _onReadyCallback: d } = this.options;
-		if (ie.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new ui({ editor: this }), this.historyManager = new wt({ editor: this }), this.toolbar = new Ye({ editor: this }), this.transformManager = new Ft({ editor: this }), this.zoomManager = new It({ editor: this }), this.canvasManager = new Pt({ editor: this }), this.imageManager = new At({ editor: this }), this.layerManager = new qt({ editor: this }), this.shapeManager = new ri({ editor: this }), this.interactionBlocker = new Gt({ editor: this }), this.backgroundManager = new Kt({ editor: this }), this.clipboardManager = new ii({ editor: this }), this.objectLockManager = new ai({ editor: this }), this.groupingManager = new oi({ editor: this }), this.selectionManager = new si({ editor: this }), this.deletionManager = new ci({ editor: this }), this.panConstraintManager = new di({ editor: this }), this.snappingManager = new Ca({ editor: this }), this.measurementManager = new Ta({ editor: this }), this.fontManager = new z(this.options.fonts ?? []), this.textManager = new Ai({ editor: this }), this.templateManager = new Fi({ editor: this }), u && (this.angleIndicator = new Qe({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
+		if (ie.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new fi({ editor: this }), this.historyManager = new wt({ editor: this }), this.toolbar = new Ye({ editor: this }), this.transformManager = new Ft({ editor: this }), this.zoomManager = new It({ editor: this }), this.canvasManager = new Pt({ editor: this }), this.imageManager = new At({ editor: this }), this.layerManager = new qt({ editor: this }), this.shapeManager = new ai({ editor: this }), this.interactionBlocker = new Gt({ editor: this }), this.backgroundManager = new Kt({ editor: this }), this.clipboardManager = new oi({ editor: this }), this.objectLockManager = new si({ editor: this }), this.groupingManager = new ci({ editor: this }), this.selectionManager = new li({ editor: this }), this.deletionManager = new ui({ editor: this }), this.panConstraintManager = new pi({ editor: this }), this.snappingManager = new Ta({ editor: this }), this.measurementManager = new Da({ editor: this }), this.fontManager = new z(this.options.fonts ?? []), this.textManager = new Mi({ editor: this }), this.templateManager = new Li({ editor: this }), u && (this.angleIndicator = new Qe({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
 			editor: this,
 			options: this.options
 		}), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(n), this.canvasManager.setCanvasWrapperWidth(r), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(a), this.canvasManager.setCanvasCSSHeight(o), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), await this.fontManager.loadFonts(), c) {
@@ -11457,7 +11492,7 @@ var ki = class {
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), Da = {
+].join(", "), ka = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -12311,20 +12346,20 @@ var ki = class {
 };
 //#endregion
 //#region src/main.ts
-function Oa(e, t = {}) {
+function Aa(e, t = {}) {
 	let n = {
-		...Da,
+		...ka,
 		...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 Ea(i.id, n);
+		let r = new Oa(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { Oa as default };
+export { Aa as default };
 
 //# sourceMappingURL=main.js.map