@anu3ev/fabric-image-editor 0.7.4 → 0.7.6

package/dist/main.js

@@ -2780,37 +2780,37 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		});
 	}
 }, G = 180, et = {
-	top: .2,
-	right: .2,
-	bottom: .2,
-	left: .2
-}, tt = ({ value: e }) => Number(e.toFixed(4)), nt = ({ sides: e, radius: t = 50, centerX: n = 50, centerY: r = 50, rotation: i = -Math.PI / 2 }) => {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
+}, tt = .45, nt = ({ value: e }) => Number(e.toFixed(4)), rt = ({ sides: e, radius: t = 50, centerX: n = 50, centerY: r = 50, rotation: i = -Math.PI / 2 }) => {
 	let a = [];
 	for (let o = 0; o < e; o += 1) {
 		let s = i + o * Math.PI * 2 / e;
 		a.push({
-			x: tt({ value: n + t * Math.cos(s) }),
-			y: tt({ value: r + t * Math.sin(s) })
+			x: nt({ value: n + t * Math.cos(s) }),
+			y: nt({ value: r + t * Math.sin(s) })
 		});
 	}
 	return a;
-}, rt = ({ spikes: e, outerRadius: t = 50, innerRadius: n = 22, centerX: r = 50, centerY: i = 50, rotation: a = -Math.PI / 2 }) => {
+}, it = ({ spikes: e, outerRadius: t = 50, innerRadius: n = 22, centerX: r = 50, centerY: i = 50, rotation: a = -Math.PI / 2 }) => {
 	let o = [], s = e * 2;
 	for (let c = 0; c < s; c += 1) {
 		let s = c % 2 == 0 ? t : n, l = a + c * Math.PI / e;
 		o.push({
-			x: tt({ value: r + s * Math.cos(l) }),
-			y: tt({ value: i + s * Math.sin(l) })
+			x: nt({ value: r + s * Math.cos(l) }),
+			y: nt({ value: i + s * Math.sin(l) })
 		});
 	}
 	return o;
-}, it = [
+}, at = [
 	{
 		key: "circle",
 		type: "ellipse",
 		width: G,
 		height: G,
-		textPadding: {
+		internalTextInset: {
 			top: .24,
 			right: .24,
 			bottom: .24,
@@ -2822,7 +2822,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "triangle",
 		width: G,
 		height: G,
-		textPadding: {
+		internalTextInset: {
 			top: .38,
 			right: .2,
 			bottom: .14,
@@ -2858,7 +2858,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 50
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .3,
 			right: .3,
 			bottom: .3,
@@ -2870,12 +2870,12 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: nt({
+		points: rt({
 			sides: 5,
 			radius: 50,
 			rotation: -Math.PI / 2
 		}),
-		textPadding: {
+		internalTextInset: {
 			top: .28,
 			right: .2,
 			bottom: .2,
@@ -2887,12 +2887,12 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: nt({
+		points: rt({
 			sides: 6,
 			radius: 50,
 			rotation: 0
 		}),
-		textPadding: {
+		internalTextInset: {
 			top: .24,
 			right: .2,
 			bottom: .24,
@@ -2904,13 +2904,13 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: rt({
+		points: it({
 			spikes: 5,
 			outerRadius: 50,
 			innerRadius: 21,
 			rotation: -Math.PI / 2
 		}),
-		textPadding: {
+		internalTextInset: {
 			top: .32,
 			right: .32,
 			bottom: .32,
@@ -2922,13 +2922,13 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: rt({
+		points: it({
 			spikes: 4,
 			outerRadius: 50,
 			innerRadius: 16,
 			rotation: -Math.PI / 2
 		}),
-		textPadding: {
+		internalTextInset: {
 			top: .34,
 			right: .34,
 			bottom: .34,
@@ -2946,7 +2946,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			"C53 12 60 8 70 8 C84 8 96 19 96 35",
 			"C96 56 80 74 50 92 Z"
 		].join(" "),
-		textPadding: {
+		internalTextInset: {
 			top: .3,
 			right: .28,
 			bottom: .22,
@@ -2988,7 +2988,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 62
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .24,
 			right: .42,
 			bottom: .24,
@@ -3030,7 +3030,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 100
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .4,
 			right: .24,
 			bottom: .16,
@@ -3072,7 +3072,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 58
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .24,
 			right: .4,
 			bottom: .24,
@@ -3114,7 +3114,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 0
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .16,
 			right: .24,
 			bottom: .4,
@@ -3168,7 +3168,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 34
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .38,
 			right: .26,
 			bottom: .38,
@@ -3222,7 +3222,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 82
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .26,
 			right: .34,
 			bottom: .26,
@@ -3235,7 +3235,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		width: 140,
 		height: G,
 		path: "M50 0 C68 18 88 41 88 62 C88 84 71 100 50 100 C29 100 12 84 12 62 C12 41 32 18 50 0 Z",
-		textPadding: {
+		internalTextInset: {
 			top: .3,
 			right: .27,
 			bottom: .2,
@@ -3297,7 +3297,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 36
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .34,
 			right: .34,
 			bottom: .34,
@@ -3309,13 +3309,13 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: rt({
+		points: it({
 			spikes: 14,
 			outerRadius: 50,
 			innerRadius: 40,
 			rotation: -Math.PI / 2
 		}),
-		textPadding: {
+		internalTextInset: {
 			top: .28,
 			right: .28,
 			bottom: .28,
@@ -3328,7 +3328,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		width: G,
 		height: G,
 		path: "M24 6 H76 L94 24 V76 L76 94 H24 L6 76 V24 Z",
-		textPadding: {
+		internalTextInset: {
 			top: .24,
 			right: .24,
 			bottom: .24,
@@ -3362,7 +3362,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 100
 			}
 		],
-		textPadding: {
+		internalTextInset: {
 			top: .2,
 			right: .22,
 			bottom: .34,
@@ -3375,7 +3375,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		width: G,
 		height: 130,
 		path: "M4 20 L64 20 L96 50 L64 80 L4 80 Z",
-		textPadding: {
+		internalTextInset: {
 			top: .24,
 			right: .34,
 			bottom: .24,
@@ -3393,28 +3393,45 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			"C82 102 58 78 58 48 C58 28 68 12 84 4",
 			"C79 4 74 4 68 4 Z"
 		].join(" "),
-		textPadding: {
+		internalTextInset: {
 			top: .28,
 			right: .34,
 			bottom: .28,
 			left: .2
 		}
 	}
-], at = "circle", ot = "center", st = {};
-for (let e = 0; e < it.length; e += 1) {
-	let t = it[e];
-	st[t.key] = t;
+], ot = "circle", st = "center", ct = {};
+for (let e = 0; e < at.length; e += 1) {
+	let t = at[e];
+	ct[t.key] = t;
+}
+var lt = ct, ut = ({ presetKey: e }) => lt[e] ?? null, dt = ({ preset: e, rounding: t }) => (typeof t == "number" ? t : 0) <= 0 || e.type === "rect" ? e.key : e.roundedVariant ?? e.key;
+function ft({ value: e, size: t }) {
+	let n = Number.isFinite(e) ? Math.min(Math.max(e, 0), tt) : 0;
+	return (Number.isFinite(t) && t > 0 ? t : 0) * n;
 }
-var ct = st, lt = ({ presetKey: e }) => ct[e] ?? null, ut = ({ preset: e, rounding: t }) => (typeof t == "number" ? t : 0) <= 0 || e.type === "rect" ? e.key : e.roundedVariant ?? e.key, dt = ({ preset: e, overridePadding: t }) => {
-	let n = e.textPadding ?? {};
+var pt = ({ preset: e, width: t, height: n }) => {
+	let r = e.internalTextInset ?? {};
 	return {
-		top: t?.top ?? n.top ?? et.top,
-		right: t?.right ?? n.right ?? et.right,
-		bottom: t?.bottom ?? n.bottom ?? et.bottom,
-		left: t?.left ?? n.left ?? et.left
+		top: ft({
+			value: r.top ?? et.top,
+			size: n
+		}),
+		right: ft({
+			value: r.right ?? et.right,
+			size: t
+		}),
+		bottom: ft({
+			value: r.bottom ?? et.bottom,
+			size: n
+		}),
+		left: ft({
+			value: r.left ?? et.left,
+			size: t
+		})
 	};
-}, ft = ({ preset: e }) => e.type === "rect" || e.type === "triangle" || e.type === "polygon" || e.type === "polyline" ? !0 : e.type === "ellipse" || e.type === "svg" ? !1 : pt({ path: e.path });
-function pt({ path: e }) {
+};
+function mt({ path: e }) {
 	let t = e.match(/[a-zA-Z]/g) ?? [], n = new Set([
 		"M",
 		"L",
@@ -3428,13 +3445,24 @@ function pt({ path: e }) {
 	}
 	return t.length > 0;
 }
-//#endregion
-//#region src/editor/shape-manager/shape-factory.ts
-var mt = 1, ht = 1e-4;
-function gt({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
-	let a = bt({
-		width: Math.max(mt, t),
-		height: Math.max(mt, n),
+var ht = ({ preset: e }) => e.type === "rect" || e.type === "triangle" || e.type === "polygon" || e.type === "polyline" ? !0 : e.type === "ellipse" || e.type === "svg" ? !1 : mt({ path: e.path }), gt = 1, _t = 1e-4;
+function K({ value: e }) {
+	return Number(e.toFixed(4));
+}
+function vt({ rounding: e }) {
+	return Math.max(0, e ?? 0) > 0;
+}
+function yt({ width: e, height: t, strokeWidth: n }) {
+	let r = Math.max(0, n ?? 0);
+	return {
+		width: Math.max(gt, e - r),
+		height: Math.max(gt, t - r)
+	};
+}
+function bt({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
+	let a = yt({
+		width: Math.max(gt, t),
+		height: Math.max(gt, n),
 		strokeWidth: i
 	});
 	if (e instanceof g) {
@@ -3453,7 +3481,7 @@ function gt({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		}), e.setCoords();
 		return;
 	}
-	let { width: o = mt, height: s = mt } = e, c = Math.max(mt, o), l = Math.max(mt, s);
+	let { width: o = gt, height: s = gt } = e, c = Math.max(gt, o), l = Math.max(gt, s);
 	e.set({
 		scaleX: a.width / c,
 		scaleY: a.height / l,
@@ -3463,33 +3491,11 @@ function gt({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		originY: "center"
 	}), e.setCoords();
 }
-async function _t({ preset: e, width: t, height: n, style: r, rounding: i }) {
-	let a = await yt({
-		preset: e,
-		rounding: i
-	});
-	return vt({
-		shape: a,
-		style: r
-	}), gt({
-		shape: a,
-		width: t,
-		height: n,
-		rounding: i,
-		strokeWidth: r.strokeWidth
-	}), a.set({
-		selectable: !1,
-		evented: !1,
-		hasControls: !1,
-		hasBorders: !1,
-		shapeNodeType: "shape"
-	}), a;
-}
-function vt({ shape: e, style: t }) {
+function xt({ 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) vt({
+		for (let e = 0; e < n.length; e += 1) xt({
 			shape: n[e],
 			style: t
 		});
@@ -3503,50 +3509,106 @@ function vt({ 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();
 }
-async function yt({ preset: e, rounding: t }) {
-	return e.type === "rect" ? new g({
-		width: 100,
-		height: 100,
-		originX: "center",
-		originY: "center",
-		left: 0,
-		top: 0
-	}) : e.type === "ellipse" ? new i({
-		rx: 50,
-		ry: 50,
-		originX: "center",
-		originY: "center",
-		left: 0,
-		top: 0
-	}) : e.type === "triangle" ? xt({ rounding: t }) : e.type === "polygon" ? Ct({
-		points: e.points,
-		type: "polygon",
-		rounding: t
-	}) : e.type === "polyline" ? Ct({
-		points: e.points,
-		type: "polyline",
-		rounding: t
-	}) : e.type === "path" ? St({
-		path: e.path,
-		rounding: t
-	}) : e.type === "svg" ? jt({ svg: e.svg }) : new g({
-		width: 100,
-		height: 100,
+function St({ points: e, closed: t }) {
+	if (e.length === 0) return "";
+	let n = `M ${K({ value: e[0].x })} ${K({ value: e[0].y })}`;
+	for (let t = 1; t < e.length; t += 1) {
+		let r = e[t];
+		n += ` L ${K({ value: r.x })} ${K({ value: r.y })}`;
+	}
+	return t && (n += " Z"), n;
+}
+function Ct({ previous: e, current: t, next: n, radius: r }) {
+	let i = {
+		x: e.x - t.x,
+		y: e.y - t.y
+	}, a = {
+		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 <= _t || s <= _t) return {
+		start: {
+			x: K({ value: t.x }),
+			y: K({ value: t.y })
+		},
+		end: {
+			x: K({ value: t.x }),
+			y: K({ value: t.y })
+		}
+	};
+	let c = Math.min(Math.max(0, r), o / 2, s / 2);
+	return {
+		start: {
+			x: K({ value: t.x + i.x / o * c }),
+			y: K({ value: t.y + i.y / o * c })
+		},
+		end: {
+			x: K({ value: t.x + a.x / s * c }),
+			y: K({ value: t.y + a.y / s * c })
+		}
+	};
+}
+function wt({ points: e, radius: t, closed: n }) {
+	let r = e.length;
+	if (r === 0) return "";
+	if (!n && r === 1) {
+		let t = e[0];
+		return `M ${K({ value: t.x })} ${K({ value: t.y })}`;
+	}
+	let i = Math.max(0, t);
+	if (i <= 0) return St({
+		points: e,
+		closed: n
+	});
+	if (n) {
+		let t = [];
+		for (let n = 0; n < r; n += 1) {
+			let a = n === 0 ? r - 1 : n - 1, o = n === r - 1 ? 0 : n + 1;
+			t.push(Ct({
+				previous: e[a],
+				current: e[n],
+				next: e[o],
+				radius: i
+			}));
+		}
+		let n = t[0], a = `M ${n.start.x} ${n.start.y}`;
+		for (let n = 0; n < r; n += 1) {
+			let i = e[n], o = t[n], s = t[n === r - 1 ? 0 : n + 1];
+			a += ` Q ${i.x} ${i.y} ${o.end.x} ${o.end.y}`, a += ` L ${s.start.x} ${s.start.y}`;
+		}
+		return a += " Z", a;
+	}
+	if (r === 2) return St({
+		points: e,
+		closed: !1
+	});
+	let a = `M ${K({ value: e[0].x })} ${K({ value: e[0].y })}`;
+	for (let t = 1; t < r - 1; t += 1) {
+		let n = Ct({
+			previous: e[t - 1],
+			current: e[t],
+			next: e[t + 1],
+			radius: i
+		});
+		a += ` L ${n.start.x} ${n.start.y}`, a += ` Q ${e[t].x} ${e[t].y} ${n.end.x} ${n.end.y}`;
+	}
+	let o = e[r - 1];
+	return a += ` L ${K({ value: o.x })} ${K({ value: o.y })}`, a;
+}
+function Tt({ points: e, rounding: t, closed: n }) {
+	return new d(wt({
+		points: e,
+		radius: t,
+		closed: n
+	}), {
 		originX: "center",
 		originY: "center",
 		left: 0,
 		top: 0
 	});
 }
-function bt({ width: e, height: t, strokeWidth: n }) {
-	let r = Math.max(0, n ?? 0);
-	return {
-		width: Math.max(mt, e - r),
-		height: Math.max(mt, t - r)
-	};
-}
-function xt({ rounding: e }) {
-	return At({ rounding: e }) ? Et({
+function Et({ rounding: e }) {
+	return vt({ rounding: e }) ? Tt({
 		points: [
 			{
 				x: 50,
@@ -3572,13 +3634,48 @@ function xt({ rounding: e }) {
 		top: 0
 	});
 }
-function St({ path: e, rounding: t }) {
-	return At({ rounding: t }) && Tt({
+function Dt({ path: e }) {
+	return new d(e, {
+		originX: "center",
+		originY: "center",
+		left: 0,
+		top: 0
+	});
+}
+function Ot({ path: e, rounding: t }) {
+	let n = Dt({ 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;
+		let n = t[0], o = typeof n == "string" ? n.toUpperCase() : "";
+		if (o === "M" || o === "L") {
+			let e = Number(t[1]), n = Number(t[2]);
+			if (!Number.isFinite(e) || !Number.isFinite(n)) return null;
+			i.push({
+				x: e,
+				y: n
+			});
+			continue;
+		}
+		if (o === "Z") {
+			a = !0;
+			continue;
+		}
+		return null;
+	}
+	return i.length < 2 || a && i.length < 3 ? null : Tt({
+		points: i,
+		rounding: t,
+		closed: a
+	});
+}
+function kt({ path: e, rounding: t }) {
+	return vt({ rounding: t }) && Ot({
 		path: e,
 		rounding: Math.max(0, t ?? 0)
-	}) || wt({ path: e });
+	}) || Dt({ path: e });
 }
-function Ct({ points: e, type: t, rounding: n }) {
+function At({ points: e, type: t, rounding: n }) {
 	let r = e.length > 0 ? e : [
 		{
 			x: 0,
@@ -3592,208 +3689,405 @@ function Ct({ points: e, type: t, rounding: n }) {
 			x: 100,
 			y: 100
 		}
-	];
-	if (At({ rounding: n })) {
-		if (t === "polygon" && r.length >= 3) return Et({
+	], i = Math.max(0, n ?? 0);
+	if (vt({ rounding: n })) {
+		if (t === "polygon" && r.length >= 3) return Tt({
 			points: r,
-			rounding: Math.max(0, n ?? 0),
+			rounding: i,
 			closed: !0
 		});
-		if (t === "polyline" && r.length >= 2) return Et({
+		if (t === "polyline" && r.length >= 2) return Tt({
 			points: r,
-			rounding: Math.max(0, n ?? 0),
+			rounding: i,
 			closed: !1
 		});
 	}
-	return t === "polyline" ? new h(r, {
-		originX: "center",
-		originY: "center",
-		left: 0,
-		top: 0
-	}) : new m(r, {
+	return new (t === "polyline" ? h : m)(r, {
 		originX: "center",
 		originY: "center",
 		left: 0,
 		top: 0
 	});
 }
-function wt({ path: e }) {
-	return new d(e, {
+async function jt({ svg: e }) {
+	let t = await x(e), n = C.groupSVGElements(t.objects, t.options);
+	return n.set({
 		originX: "center",
 		originY: "center",
 		left: 0,
 		top: 0
-	});
+	}), n.setCoords(), n;
 }
-function Tt({ path: e, rounding: t }) {
-	let n = wt({ 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;
-		let n = t[0], o = typeof n == "string" ? n.toUpperCase() : "";
-		if (o === "M" || o === "L") {
-			let e = Number(t[1]), n = Number(t[2]);
-			if (!Number.isFinite(e) || !Number.isFinite(n)) return null;
-			i.push({
-				x: e,
-				y: n
-			});
-			continue;
-		}
-		if (o === "Z") {
-			a = !0;
-			continue;
-		}
-		return null;
+async function Mt({ preset: e, rounding: t }) {
+	switch (e.type) {
+		case "rect": return new g({
+			width: 100,
+			height: 100,
+			originX: "center",
+			originY: "center",
+			left: 0,
+			top: 0
+		});
+		case "ellipse": return new i({
+			rx: 50,
+			ry: 50,
+			originX: "center",
+			originY: "center",
+			left: 0,
+			top: 0
+		});
+		case "triangle": return Et({ rounding: t });
+		case "polygon": return At({
+			points: e.points,
+			type: "polygon",
+			rounding: t
+		});
+		case "polyline": return At({
+			points: e.points,
+			type: "polyline",
+			rounding: t
+		});
+		case "path": return kt({
+			path: e.path,
+			rounding: t
+		});
+		case "svg": return jt({ svg: e.svg });
+		default: return new g({
+			width: 100,
+			height: 100,
+			originX: "center",
+			originY: "center",
+			left: 0,
+			top: 0
+		});
 	}
-	return i.length < 2 || a && i.length < 3 ? null : Et({
-		points: i,
-		rounding: t,
-		closed: a
+}
+async function Nt({ preset: e, width: t, height: n, style: r, rounding: i }) {
+	let a = await Mt({
+		preset: e,
+		rounding: i
 	});
+	return xt({
+		shape: a,
+		style: r
+	}), bt({
+		shape: a,
+		width: t,
+		height: n,
+		rounding: i,
+		strokeWidth: r.strokeWidth
+	}), a.set({
+		selectable: !1,
+		evented: !1,
+		hasControls: !1,
+		hasBorders: !1,
+		shapeNodeType: "shape"
+	}), a;
 }
-function Et({ points: e, rounding: t, closed: n }) {
-	return new d(Dt({
-		points: e,
-		radius: t,
-		closed: n
-	}), {
-		originX: "center",
-		originY: "center",
-		left: 0,
-		top: 0
+//#endregion
+//#region src/editor/shape-manager/layout/shape-padding.ts
+function Pt({ value: e }) {
+	return Number.isFinite(e) ? Math.max(0, e ?? 0) : 0;
+}
+function Ft({ value: e }) {
+	return Number.isFinite(e) ? Math.max(0, Math.floor(e ?? 0)) : 0;
+}
+function It({ stroke: e, strokeWidth: t }) {
+	return e == null ? !1 : Math.max(0, t ?? 0) > 0;
+}
+function Lt({ padding: e }) {
+	return {
+		top: Pt({ value: e?.top }),
+		right: Pt({ value: e?.right }),
+		bottom: Pt({ value: e?.bottom }),
+		left: Pt({ value: e?.left })
+	};
+}
+function Rt({ padding: e }) {
+	return {
+		top: Ft({ value: e?.top }),
+		right: Ft({ value: e?.right }),
+		bottom: Ft({ value: e?.bottom }),
+		left: Ft({ value: e?.left })
+	};
+}
+function zt({ stroke: e, strokeWidth: t }) {
+	if (!It({
+		stroke: e,
+		strokeWidth: t
+	})) return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	};
+	let n = Math.max(0, t ?? 0);
+	return {
+		top: n,
+		right: n,
+		bottom: n,
+		left: n
+	};
+}
+function Bt({ base: e, override: t }) {
+	return t ? Rt({ padding: {
+		top: t.top ?? e.top,
+		right: t.right ?? e.right,
+		bottom: t.bottom ?? e.bottom,
+		left: t.left ?? e.left
+	} }) : e;
+}
+function Vt({ base: e, addition: t }) {
+	let n = Lt({ padding: e }), r = Lt({ padding: t });
+	return {
+		top: n.top + r.top,
+		right: n.right + r.right,
+		bottom: n.bottom + r.bottom,
+		left: n.left + r.left
+	};
+}
+function Ht({ baseInset: e, stroke: t, strokeWidth: n }) {
+	return Vt({
+		base: e,
+		addition: zt({
+			stroke: t,
+			strokeWidth: n
+		})
 	});
 }
-function Dt({ points: e, radius: t, closed: n }) {
-	let r = e.length;
-	if (r === 0) return "";
-	if (!n && r === 1) {
-		let t = e[0];
-		return `M ${K({ value: t.x })} ${K({ value: t.y })}`;
+function Ut({ padding: e }) {
+	if (!e) return {};
+	let t = {}, n = Object.keys(e);
+	for (let r = 0; r < n.length; r += 1) {
+		let i = n[r];
+		e[i] !== void 0 && (t[i] = !0);
 	}
-	let i = Math.max(0, t);
-	if (i <= 0) return Ot({
-		points: e,
-		closed: n
-	});
-	if (n) {
-		let t = [];
-		for (let n = 0; n < r; n += 1) {
-			let a = n === 0 ? r - 1 : n - 1, o = n === r - 1 ? 0 : n + 1, s = kt({
-				previous: e[a],
-				current: e[n],
-				next: e[o],
-				radius: i
-			});
-			t.push(s);
-		}
-		let n = t[0], a = `M ${n.start.x} ${n.start.y}`;
-		for (let n = 0; n < r; n += 1) {
-			let i = e[n], o = t[n], s = t[n === r - 1 ? 0 : n + 1];
-			a += ` Q ${i.x} ${i.y} ${o.end.x} ${o.end.y}`, a += ` L ${s.start.x} ${s.start.y}`;
-		}
-		return a += " Z", a;
+	return t;
+}
+//#endregion
+//#region src/editor/shape-manager/layout/shape-layout-padding.ts
+var Wt = .5, Gt = 12;
+function Kt({ 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 qt({ text: e }) {
+	return (e.text ?? "").trim().length > 0;
+}
+function Jt({ 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 + Wt) return {
+		start: a,
+		end: o
+	};
+	if (r && !i) {
+		let e = Math.min(o, s);
+		return {
+			start: Math.min(a, Math.max(0, s - e)),
+			end: e
+		};
 	}
-	if (r === 2) return Ot({
-		points: e,
-		closed: !1
-	});
-	let a = `M ${K({ value: e[0].x })} ${K({ value: e[0].y })}`;
-	for (let t = 1; t < r - 1; t += 1) {
-		let n = kt({
-			previous: e[t - 1],
-			current: e[t],
-			next: e[t + 1],
-			radius: i
-		});
-		a += ` L ${n.start.x} ${n.start.y}`, a += ` Q ${e[t].x} ${e[t].y} ${n.end.x} ${n.end.y}`;
+	if (i && !r) {
+		let e = Math.min(a, s);
+		return {
+			start: e,
+			end: Math.min(o, Math.max(0, s - e))
+		};
 	}
-	let o = e[r - 1];
-	return a += ` L ${K({ value: o.x })} ${K({ value: o.y })}`, a;
+	let c = a + o;
+	if (c <= 0) return {
+		start: 0,
+		end: 0
+	};
+	let l = s / c;
+	return {
+		start: a * l,
+		end: o * l
+	};
 }
-function Ot({ points: e, closed: t }) {
-	if (e.length === 0) return "";
-	let n = `M ${K({ value: e[0].x })} ${K({ value: e[0].y })}`;
-	for (let t = 1; t < e.length; t += 1) {
-		let r = e[t];
-		n += ` L ${K({ value: r.x })} ${K({ value: r.y })}`;
+function Yt({ 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 = Jt({
+		start: Math.max(0, e),
+		end: Math.max(0, t),
+		maxTotalPadding: l,
+		startChanged: a,
+		endChanged: o
+	}), d = Math.max(0, Math.floor(u.start)), f = Math.max(0, Math.floor(u.end));
+	return {
+		appliedPaddingStart: s + d,
+		appliedPaddingEnd: c + f,
+		appliedUserPaddingStart: d,
+		appliedUserPaddingEnd: f
+	};
+}
+function Xt({ 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 (!qt({ text: e }) || i({
+		text: e,
+		frameWidth: a
+	}) <= s + Wt) return a;
+	if (i({
+		text: e,
+		frameWidth: o
+	}) > s + Wt) return o;
+	let c = a, l = o;
+	for (let t = 0; t < Gt; t += 1) {
+		let t = (c + l) / 2;
+		if (i({
+			text: e,
+			frameWidth: t
+		}) <= s + Wt) {
+			l = t;
+			continue;
+		}
+		c = t;
 	}
-	return t && (n += " Z"), n;
+	return l;
 }
-function kt({ previous: e, current: t, next: n, radius: r }) {
-	let i = {
-		x: e.x - t.x,
-		y: e.y - t.y
-	}, a = {
-		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 <= ht || s <= ht) return {
-		start: {
-			x: K({ value: t.x }),
-			y: K({ value: t.y })
+function Zt({ 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 = qt({ text: e }) ? c({ text: e }) : 1, f = i.top + i.bottom, p = Math.max(1, u - f), m = d;
+	a || (m = Xt({
+		text: e,
+		minFrameWidth: d,
+		maxFrameWidth: l,
+		frameHeight: p,
+		measureTextboxHeightForFrame: s
+	}));
+	let h = m + i.left + i.right, g = Math.max(0, l - m), _ = Yt({
+		start: r.left,
+		end: r.right,
+		insetStart: i.left,
+		insetEnd: i.right,
+		maxTotalPadding: g,
+		startChanged: !!o?.left,
+		endChanged: !!o?.right
+	});
+	return {
+		appliedPadding: {
+			left: _.appliedPaddingStart,
+			right: _.appliedPaddingEnd
 		},
-		end: {
-			x: K({ value: t.x }),
-			y: K({ value: t.y })
-		}
+		appliedUserPadding: {
+			left: _.appliedUserPaddingStart,
+			right: _.appliedUserPaddingEnd
+		},
+		requiredWidth: h
 	};
-	let c = Math.min(Math.max(0, r), o / 2, s / 2);
+}
+function Qt({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, changedPadding: i }) {
+	let a = Math.max(0, Math.max(1, n) - Math.max(1, r)), o = Yt({
+		start: e.top,
+		end: e.bottom,
+		insetStart: t.top,
+		insetEnd: t.bottom,
+		maxTotalPadding: a,
+		startChanged: !!i?.top,
+		endChanged: !!i?.bottom
+	});
 	return {
-		start: {
-			x: K({ value: t.x + i.x / o * c }),
-			y: K({ value: t.y + i.y / o * c })
+		appliedPadding: {
+			top: o.appliedPaddingStart,
+			bottom: o.appliedPaddingEnd
 		},
-		end: {
-			x: K({ value: t.x + a.x / s * c }),
-			y: K({ value: t.y + a.y / s * c })
+		appliedUserPadding: {
+			top: o.appliedUserPaddingStart,
+			bottom: o.appliedUserPaddingEnd
 		}
 	};
 }
-function At({ rounding: e }) {
-	return Math.max(0, e ?? 0) > 0;
-}
-function K({ value: e }) {
-	return Number(e.toFixed(4));
-}
-async function jt({ svg: e }) {
-	let t = await x(e), n = C.groupSVGElements(t.objects, t.options);
-	return n.set({
-		originX: "center",
-		originY: "center",
-		left: 0,
-		top: 0
-	}), n.setCoords(), n;
+function $t({ 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 = Lt({ padding: r }), f = Lt({ padding: i }), p = Zt({
+		text: e,
+		width: l,
+		height: u,
+		padding: d,
+		internalShapeTextInset: f,
+		expandShapeHeightToFitText: a,
+		changedPadding: o,
+		measureTextboxHeightForFrame: s,
+		resolveMinimumTextFrameWidth: c
+	}), m = Kt({
+		width: l,
+		padding: {
+			top: 0,
+			right: p.appliedPadding.right,
+			bottom: 0,
+			left: p.appliedPadding.left
+		}
+	}), h = qt({ text: e }) ? s({
+		text: e,
+		frameWidth: m
+	}) : 1, g = f.top + f.bottom, _ = a ? Math.max(u, h + g) : u, v = Qt({
+		padding: d,
+		internalShapeTextInset: f,
+		height: _,
+		textHeight: h,
+		changedPadding: o
+	});
+	return {
+		appliedPadding: {
+			top: v.appliedPadding.top,
+			right: p.appliedPadding.right,
+			bottom: v.appliedPadding.bottom,
+			left: p.appliedPadding.left
+		},
+		appliedUserPadding: {
+			top: v.appliedUserPadding.top,
+			right: p.appliedUserPadding.right,
+			bottom: v.appliedUserPadding.bottom,
+			left: p.appliedUserPadding.left
+		},
+		requiredWidth: p.requiredWidth,
+		requiredHeight: _
+	};
 }
 //#endregion
-//#region src/editor/shape-manager/shape-layout.ts
-var q = 1, Mt = .5, Nt = 12, Pt = 12, Ft = .45, It = 8, Lt = 8, Rt = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s }) => {
-	let c = Wt({ padding: s }), l = Math.max(q, e.shapeManualBaseWidth ?? r), u = Math.max(q, e.shapeManualBaseHeight ?? i), d = Bt({
+//#region src/editor/shape-manager/layout/shape-layout.ts
+var q = 1, en = .5, tn = 8, nn = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, internalShapeTextInset: c, expandShapeHeightToFitText: l = !0, changedPadding: u }) => {
+	let d = Rt({ padding: s }), f = Lt({ padding: c }), p = Math.max(q, e.shapeManualBaseWidth ?? r), m = Math.max(q, e.shapeManualBaseHeight ?? i), h = Math.max(q, i), g = Math.max(q, r), _ = $t({
 		text: n,
-		padding: c
-	}), f = Math.max(q, r, d), p = Ht({
-		text: n,
-		width: f,
-		height: i,
-		padding: c
-	}), m = Math.max(q, p);
-	gt({
+		width: g,
+		height: h,
+		padding: d,
+		internalShapeTextInset: f,
+		expandShapeHeightToFitText: l,
+		changedPadding: u,
+		measureTextboxHeightForFrame: fn,
+		resolveMinimumTextFrameWidth: pn
+	});
+	for (let e = 0; e < tn; e += 1) {
+		let e = Math.max(g, _.requiredWidth);
+		if (e <= g + en) break;
+		g = e, _ = $t({
+			text: n,
+			width: g,
+			height: h,
+			padding: d,
+			internalShapeTextInset: f,
+			expandShapeHeightToFitText: l,
+			changedPadding: u,
+			measureTextboxHeightForFrame: fn,
+			resolveMinimumTextFrameWidth: pn
+		});
+	}
+	let { appliedPadding: v, appliedUserPadding: y, requiredHeight: b } = _, x = Math.max(q, b);
+	bt({
 		shape: t,
-		width: f,
-		height: m,
+		width: g,
+		height: x,
 		rounding: e.shapeRounding,
 		strokeWidth: e.shapeStrokeWidth
 	});
-	let { frame: h, splitByGrapheme: g, textTop: _ } = Vt({
+	let { frame: S, splitByGrapheme: C, textTop: w } = on({
 		text: n,
-		width: f,
-		height: m,
+		width: g,
+		height: x,
 		alignV: o,
-		padding: c
+		padding: v
 	});
 	n.set({
 		autoExpand: !1,
-		width: h.width,
+		width: S.width,
 		textAlign: a,
 		scaleX: 1,
 		scaleY: 1,
@@ -3802,67 +4096,56 @@ var q = 1, Mt = .5, Nt = 12, Pt = 12, Ft = .45, It = 8, Lt = 8, Rt = ({ group: e
 		skewY: 0,
 		flipX: !1,
 		flipY: !1,
-		left: h.left,
-		top: _,
+		left: S.left,
+		top: w,
 		originX: "left",
 		originY: "top",
-		splitByGrapheme: g
-	}), n.initDimensions(), n.setCoords(), t.setCoords(), e.shapeBaseWidth = f, e.shapeBaseHeight = m, e.shapeManualBaseWidth = l, e.shapeManualBaseHeight = u, e.shapePaddingTop = c.top, e.shapePaddingRight = c.right, e.shapePaddingBottom = c.bottom, e.shapePaddingLeft = c.left, e.shapeAlignHorizontal = a, e.shapeAlignVertical = o, e.set({
-		width: f,
-		height: m,
+		splitByGrapheme: C
+	}), n.initDimensions(), n.setCoords(), t.setCoords(), e.shapeBaseWidth = g, e.shapeBaseHeight = x, e.shapeManualBaseWidth = p, e.shapeManualBaseHeight = m, e.shapePaddingTop = y.top, e.shapePaddingRight = y.right, e.shapePaddingBottom = y.bottom, e.shapePaddingLeft = y.left, e.shapeAlignHorizontal = a, e.shapeAlignVertical = o, e.set({
+		width: g,
+		height: x,
 		scaleX: 1,
 		scaleY: 1
 	}), e.set("dirty", !0), e.setCoords();
-}, zt = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, strokeWidth: i, montageAreaWidth: a }) => {
-	let o = Math.max(q, t), s = Math.max(q, n);
-	if (!Gt({ text: e })) return s;
-	let c = Number.isFinite(a) && a > 0 ? Math.max(q, a) : Math.max(o, s), l = Math.max(0, i ?? 0), u = Math.max(s, c);
-	if (l >= u) return Math.max(o, s);
-	let d = Wt({ padding: r }), f = u, p = Xt({
+}, rn = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i }) => {
+	let a = Math.max(q, t), o = Math.max(q, n);
+	if (!cn({ text: e })) return o;
+	let s = Number.isFinite(i) && i > 0 ? Math.max(q, i) : Math.max(a, o), c = Lt({ padding: r }), l = Math.max(o, s), u = Kt({
+		width: l,
+		padding: c
+	}), d = l, f = dn({
 		text: e,
-		frameWidth: Jt({
-			width: f,
-			padding: d
-		})
+		frameWidth: u
 	});
-	if (p.hasWrappedLines) return f;
-	let m = Math.max(q, p.longestLineWidth), h = Math.min(f, Math.max(s, Ut({
-		frameWidth: m,
-		padding: d
-	})));
-	for (let t = 0; t < It; t += 1) {
-		let t = Jt({
+	if (f.hasWrappedLines) return d;
+	let p = Math.max(q, f.longestLineWidth), m = Math.max(q, p + c.left + c.right), h = Math.min(d, Math.max(o, m));
+	for (let t = 0; t < tn; t += 1) {
+		let t = Kt({
 			width: h,
-			padding: d
-		}), n = Xt({
+			padding: c
+		}), n = dn({
 			text: e,
 			frameWidth: t
-		}), r = t >= m - Mt;
+		}), r = t >= p - en;
 		if (!n.hasWrappedLines && r) return h;
-		if (h >= f - Mt) return f;
-		let i = n.hasWrappedLines ? Math.max(m + 1, t + 1) : m;
-		h = Math.min(f, Math.max(h + 1, Ut({
-			frameWidth: i,
-			padding: d
-		})));
+		if (h >= d - en) return d;
+		let i = n.hasWrappedLines ? Math.max(m + 1, h + 1) : p;
+		h = Math.min(d, Math.max(h + 1, n.hasWrappedLines ? i : m));
 	}
 	return h;
-}, Bt = ({ text: e, padding: t }) => {
-	if (!Gt({ text: e })) return q;
-	let n = Wt({ padding: t });
-	return Ut({
-		frameWidth: Qt({ text: e }),
-		padding: n
-	});
-}, Vt = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
-	let a = qt({
+}, an = ({ text: e, padding: t }) => {
+	if (!cn({ text: e })) return q;
+	let n = Lt({ padding: t });
+	return pn({ text: e }) + n.left + n.right;
+}, on = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
+	let a = ln({
 		width: Math.max(q, t),
 		height: Math.max(q, n),
-		padding: Wt({ padding: i })
-	}), o = nn({
+		padding: Lt({ padding: i })
+	}), o = gn({
 		text: e,
 		frameWidth: a.width
-	}), s = Zt({
+	}), s = fn({
 		text: e,
 		frameWidth: a.width,
 		splitByGrapheme: o
@@ -3870,77 +4153,30 @@ var q = 1, Mt = .5, Nt = 12, Pt = 12, Ft = .45, It = 8, Lt = 8, Rt = ({ group: e
 	return {
 		frame: a,
 		splitByGrapheme: o,
-		textTop: en({
+		textTop: hn({
 			alignV: r,
 			frameHeight: a.height,
 			frameTop: a.top,
 			textHeight: s
 		})
 	};
-}, Ht = ({ text: e, width: t, height: n, padding: r }) => {
+}, sn = ({ text: e, width: t, height: n, padding: r }) => {
 	let i = Math.max(q, n);
-	if (!Gt({ text: e })) return i;
-	let a = Math.max(q, t), o = Wt({ padding: r }), s = i;
-	for (let t = 0; t < Lt; t += 1) {
-		let t = qt({
+	if (!cn({ text: e })) return i;
+	let a = Math.max(q, t), o = Lt({ padding: r }), s = fn({
+		text: e,
+		frameWidth: Kt({
 			width: a,
-			height: s,
 			padding: o
-		}), n = Zt({
-			text: e,
-			frameWidth: t.width
-		});
-		if (n <= t.height + Mt) return s;
-		let r = n - t.height;
-		s = Math.max(s + r, s * 1.05);
-	}
-	return s;
+		})
+	});
+	return Math.max(i, s + o.top + o.bottom);
 };
-function Ut({ frameWidth: e, padding: t }) {
-	let n = Math.max(q, e), r = n;
-	for (let e = 0; e < It; e += 1) {
-		let e = Jt({
-			width: r,
-			padding: t
-		});
-		if (e >= n - Mt) return r;
-		let i = n - e;
-		r = Math.max(r + i, r * 1.05);
-	}
-	return r;
-}
-function Wt({ padding: e }) {
-	return {
-		top: Kt({ value: e.top }),
-		right: Kt({ value: e.right }),
-		bottom: Kt({ value: e.bottom }),
-		left: Kt({ value: e.left })
-	};
-}
-function Gt({ text: e }) {
+function cn({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function Kt({ value: e }) {
-	return Math.min(Math.max(e, 0), Ft);
-}
-function qt({ width: e, height: t, padding: n }) {
-	let r = tn({
-		size: e,
-		ratio: n.left,
-		axis: "horizontal"
-	}), i = tn({
-		size: e,
-		ratio: n.right,
-		axis: "horizontal"
-	}), a = tn({
-		size: t,
-		ratio: n.top,
-		axis: "vertical"
-	}), o = tn({
-		size: t,
-		ratio: n.bottom,
-		axis: "vertical"
-	});
+function ln({ width: e, height: t, padding: n }) {
+	let r = Math.max(0, n.left), i = Math.max(0, n.right), a = Math.max(0, n.top), o = Math.max(0, n.bottom);
 	return {
 		left: -e / 2 + r,
 		top: -t / 2 + a,
@@ -3948,19 +4184,7 @@ function qt({ width: e, height: t, padding: n }) {
 		height: Math.max(q, t - a - o)
 	};
 }
-function Jt({ width: e, padding: t }) {
-	let n = tn({
-		size: e,
-		ratio: t.left,
-		axis: "horizontal"
-	}), r = tn({
-		size: e,
-		ratio: t.right,
-		axis: "horizontal"
-	});
-	return Math.max(q, e - n - r);
-}
-function Yt({ text: e }) {
+function un({ text: e }) {
 	let { height: t } = e;
 	if (typeof t == "number" && Number.isFinite(t)) return t;
 	if (typeof e.calcTextHeight == "function") {
@@ -3969,18 +4193,18 @@ function Yt({ text: e }) {
 	}
 	return q;
 }
-function Xt({ text: e, frameWidth: t }) {
-	let n = an({ text: e }), r = nn({
+function dn({ text: e, frameWidth: t }) {
+	let n = vn({ text: e }), r = gn({
 		text: e,
 		frameWidth: t
-	}), i = cn({ text: e });
+	}), i = xn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(q, t),
 		splitByGrapheme: r
 	}), e.initDimensions();
-	let a = on({ text: e }) > n, o = Math.ceil(rn({ text: e }));
-	return ln({
+	let a = yn({ text: e }) > n, o = Math.ceil(_n({ text: e }));
+	return Sn({
 		text: e,
 		state: i
 	}), {
@@ -3988,8 +4212,8 @@ function Xt({ text: e, frameWidth: t }) {
 		longestLineWidth: o
 	};
 }
-function Zt({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = cn({ text: e }), i = n ?? nn({
+function fn({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = xn({ text: e }), i = n ?? gn({
 		text: e,
 		frameWidth: t
 	});
@@ -3998,75 +4222,71 @@ function Zt({ text: e, frameWidth: t, splitByGrapheme: n }) {
 		width: Math.max(q, t),
 		splitByGrapheme: i
 	}), e.initDimensions();
-	let a = Yt({ text: e });
-	return ln({
+	let a = un({ text: e });
+	return Sn({
 		text: e,
 		state: r
 	}), a;
 }
-function Qt({ text: e }) {
-	let t = $t({
+function pn({ text: e }) {
+	let t = mn({
 		text: e,
 		frameWidth: q,
 		splitByGrapheme: !0
 	});
 	return Math.max(q, t);
 }
-function $t({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = cn({ text: e });
+function mn({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = xn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(q, t),
 		splitByGrapheme: n
 	}), e.initDimensions();
-	let i = rn({ text: e });
-	return ln({
+	let i = _n({ text: e });
+	return Sn({
 		text: e,
 		state: r
 	}), i;
 }
-function en({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
+function hn({ 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 tn({ size: e, ratio: t, axis: n }) {
-	let r = n === "horizontal" ? Nt : Pt, i = e * t;
-	return Math.max(0, Math.min(i, r));
-}
-function nn({ text: e, frameWidth: t }) {
-	let n = Math.max(q, t), r = cn({ text: e });
+function gn({ text: e, frameWidth: t }) {
+	let n = Math.max(q, t), r = xn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: n,
 		splitByGrapheme: !1
 	}), e.initDimensions();
-	let i = un({ text: e }) > n + Mt;
-	return ln({
+	let i = Cn({ text: e }) > n + en;
+	return Sn({
 		text: e,
 		state: r
 	}), i;
 }
-function rn({ text: e }) {
-	let t = on({ text: e });
-	if (t > 0) return sn({
+function _n({ text: e }) {
+	let t = yn({ text: e });
+	if (t > 0) return bn({
 		text: e,
 		lineCount: t
 	});
 	let n = e.text ?? "";
-	return sn({
+	return bn({
 		text: e,
 		lineCount: Math.max(n.split("\n").length, 1)
 	});
 }
-function an({ text: e }) {
+function vn({ text: e }) {
 	let t = e.text ?? "";
 	return Math.max(t.split("\n").length, 1);
 }
-function on({ text: e }) {
+function yn({ text: e }) {
 	let t = e;
 	return Array.isArray(t.textLines) ? t.textLines.length : 0;
 }
-function sn({ text: e, lineCount: t }) {
+function bn({ text: e, lineCount: t }) {
 	let n = q;
 	for (let r = 0; r < t; r += 1) {
 		let t = e.getLineWidth(r);
@@ -4074,7 +4294,7 @@ function sn({ text: e, lineCount: t }) {
 	}
 	return n;
 }
-function cn({ text: e }) {
+function xn({ text: e }) {
 	let { autoExpand: t, splitByGrapheme: n, width: r } = e;
 	return {
 		autoExpand: t,
@@ -4082,23 +4302,23 @@ function cn({ text: e }) {
 		width: typeof r == "number" ? r : void 0
 	};
 }
-function ln({ text: e, state: t }) {
+function Sn({ 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 un({ text: e }) {
+function Cn({ text: e }) {
 	let { dynamicMinWidth: t } = e;
 	return typeof t == "number" && Number.isFinite(t) ? t : 0;
 }
 //#endregion
 //#region src/editor/shape-manager/shape-runtime.ts
-var dn = ({ group: e }) => {
+var wn = ({ group: e }) => {
 	let t = e;
 	typeof t.setInteractive == "function" && t.setInteractive(!0), t.set({
 		interactive: !0,
 		subTargetCheck: !0
 	});
-}, fn = ({ text: e }) => {
+}, Tn = ({ text: e }) => {
 	let t = !!(e.locked || e.group?.locked);
 	e.set({
 		hasBorders: !1,
@@ -4111,7 +4331,7 @@ var dn = ({ group: e }) => {
 		autoExpand: !1,
 		shapeNodeType: "text"
 	}), e.setCoords();
-}, pn = ({ group: e }) => {
+}, En = ({ group: e }) => {
 	let { layoutManager: t } = e;
 	if (!t || typeof t.unsubscribeTargets != "function") return;
 	let n = e.getObjects();
@@ -4119,7 +4339,7 @@ var dn = ({ group: e }) => {
 		target: e,
 		targets: n
 	});
-}, mn = ({ group: e }) => {
+}, Dn = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4130,23 +4350,23 @@ var dn = ({ group: e }) => {
 		if (n instanceof _) return n;
 	}
 	return null;
-}, hn = [
+}, On = [
 	"tl",
 	"tr",
 	"bl",
 	"br"
-], gn = ({ transform: e }) => {
+], kn = ({ transform: e }) => {
 	let { originX: t, originY: n } = e;
 	return (t === "center" || t === .5) && (n === "center" || n === .5);
-}, _n = ({ transform: e, x: t, y: n }) => {
+}, An = ({ transform: e, x: t, y: n }) => {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i, s = b.getLocalPoint(r, r.originX, r.originY, t, n), c = Math.sign(s.x || r.signX || 1), l = Math.sign(s.y || r.signY || 1);
 	r.signX === void 0 && (r.signX = c), r.signY === void 0 && (r.signY = l);
 	let u = i._getTransformedDimensions(), d = Math.abs(s.x * a / u.x), f = Math.abs(s.y * o / u.y);
-	gn({ transform: r }) && (d *= 2, f *= 2);
+	kn({ transform: r }) && (d *= 2, f *= 2);
 	let p = !i.lockScalingX && (!i.lockScalingFlip || r.signX === c), m = !i.lockScalingY && (!i.lockScalingFlip || r.signY === l);
 	return p && i.set("scaleX", d), m && i.set("scaleY", f), a !== i.scaleX || o !== i.scaleY;
-}, vn = () => {
-	let e = b.wrapWithFireEvent("scaling", b.wrapWithFixedAnchor((e, t, n, r) => _n({
+}, jn = () => {
+	let e = b.wrapWithFireEvent("scaling", b.wrapWithFixedAnchor((e, t, n, r) => An({
 		transform: t,
 		x: n,
 		y: r
@@ -4162,31 +4382,31 @@ var dn = ({ group: e }) => {
 			a.uniformScaling = s;
 		}
 	};
-}, yn = ({ control: e }) => {
+}, Mn = ({ control: e }) => {
 	let t = new r({
 		...e,
-		actionHandler: vn()
+		actionHandler: jn()
 	});
 	return t.shapeFreeScaleCornerControl = !0, t;
-}, bn = ({ group: e }) => {
+}, Nn = ({ group: e }) => {
 	let t = { ...e.controls };
-	hn.forEach((n) => {
+	On.forEach((n) => {
 		let r = e.controls[n];
-		r && (r.shapeFreeScaleCornerControl || (t[n] = yn({ control: r })));
+		r && (r.shapeFreeScaleCornerControl || (t[n] = Mn({ control: r })));
 	}), e.controls = t;
-}, xn = "shape-group";
-function Sn() {
+}, Pn = "shape-group";
+function Fn() {
 	return { performLayout() {} };
 }
-function Cn({ layoutManager: e }) {
+function In({ layoutManager: e }) {
 	let t = y.getClass("layoutManager");
 	if (!e) return new t();
 	let { strategy: n, type: r } = e, i = y.getClass(r);
 	return n ? new i(new (y.getClass(n))()) : new i();
 }
-var wn = class e extends l {
+var Ln = class e extends l {
 	static {
-		this.type = xn;
+		this.type = Pn;
 	}
 	constructor(e = [], t = {}) {
 		let { layoutManager: n, objectCaching: r, centeredScaling: i, lockScalingFlip: a, ...o } = t;
@@ -4202,17 +4422,24 @@ var wn = class e extends l {
 		this.set({
 			objectCaching: !1,
 			shapeComposite: !0
-		}), this.shapeTextAutoExpand === void 0 && (this.shapeTextAutoExpand = !0), this._syncRoundability(), dn({ group: this }), bn({ group: this });
-		let e = mn({ group: this });
-		e && fn({ text: e }), pn({ group: this }), this.setCoords();
+		}), this.shapeTextAutoExpand === void 0 && (this.shapeTextAutoExpand = !0);
+		let e = Rt({ padding: {
+			top: this.shapePaddingTop,
+			right: this.shapePaddingRight,
+			bottom: this.shapePaddingBottom,
+			left: this.shapePaddingLeft
+		} });
+		this.shapePaddingTop = e.top, this.shapePaddingRight = e.right, this.shapePaddingBottom = e.bottom, this.shapePaddingLeft = e.left, this._syncRoundability(), wn({ group: this }), Nn({ group: this });
+		let t = Dn({ group: this });
+		t && Tn({ text: t }), En({ group: this }), this.setCoords();
 	}
 	static async fromObject({ type: t, objects: n = [], layoutManager: r, ...i }, a) {
 		let [o, s] = await Promise.all([C.enlivenObjects(n, a), C.enlivenObjectEnlivables(i, a)]), c = new e(o, {
 			...i,
 			...s,
-			layoutManager: Sn()
+			layoutManager: Fn()
 		});
-		return c.layoutManager = Cn({ layoutManager: r }), c.layoutManager.subscribeTargets({
+		return c.layoutManager = In({ layoutManager: r }), c.layoutManager.subscribeTargets({
 			type: "initialization",
 			target: c,
 			targets: c.getObjects()
@@ -4222,12 +4449,12 @@ var wn = class e extends l {
 		if (typeof this.shapeCanRound == "boolean") return;
 		let e = this.shapePresetKey;
 		if (!e) return;
-		let t = lt({ presetKey: e });
-		t && (this.shapeCanRound = ft({ preset: t }));
+		let t = ut({ presetKey: e });
+		t && (this.shapeCanRound = ht({ preset: t }));
 	}
-}, Tn = () => {
-	y?.setClass && y.setClass(wn, xn);
-}, J = (e) => e instanceof wn || e instanceof l && e.shapeComposite === !0, En = ({ target: e, subTargets: t = [] }) => {
+}, Rn = () => {
+	y?.setClass && y.setClass(Ln, Pn);
+}, J = (e) => e instanceof Ln || e instanceof l && e.shapeComposite === !0, zn = ({ target: e, subTargets: t = [] }) => {
 	if (J(e)) return e;
 	if (e?.group && J(e.group)) return e.group;
 	for (let e = 0; e < t.length; e += 1) {
@@ -4237,7 +4464,7 @@ var wn = class e extends l {
 		if (r && J(r)) return r;
 	}
 	return null;
-}, Dn = ({ group: e }) => {
+}, Bn = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4248,7 +4475,7 @@ var wn = class e extends l {
 		if (!(n instanceof _)) return n;
 	}
 	return null;
-}, On = ({ group: e }) => {
+}, Vn = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4260,16 +4487,16 @@ var wn = class e extends l {
 	}
 	return null;
 }, Y = ({ group: e }) => ({
-	shape: Dn({ group: e }),
-	text: On({ group: e })
-}), kn = ({ group: e }) => {
-	dn({ group: e });
-}, An = ({ transform: e, key: t }) => {
+	shape: Bn({ group: e }),
+	text: Vn({ group: e })
+}), Hn = ({ group: e }) => {
+	wn({ group: e });
+}, Un = ({ 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;
-}, jn = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Mn = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, Nn = ({ transform: e }) => {
+}, Wn = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Gn = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, Kn = ({ 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,
@@ -4277,37 +4504,37 @@ var wn = class e extends l {
 		isCornerScaleAction: r,
 		isVerticalOnlyScale: s && !o
 	};
-}, Pn = ({ event: e, group: t, transform: n, canvas: r }) => {
+}, qn = ({ 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;
-}, Fn = ({ group: e, originX: t, originY: n }) => {
+}, Jn = ({ 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;
-}, In = ({ state: e, transform: t }) => {
+}, Yn = ({ state: e, transform: t }) => {
 	if (!t || e.startTransformOriginX === null && e.startTransformOriginY === null) return !1;
-	let n = jn({ value: t.originX }), r = Mn({ value: t.originY });
+	let n = Wn({ value: t.originX }), r = Gn({ value: t.originY });
 	return n !== e.startTransformOriginX || r !== e.startTransformOriginY;
-}, Ln = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
+}, Xn = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-scaling-preview.ts
-function Rn({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i }) {
+function Zn({ 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 zn({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
+function Qn({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
 	let c = Math.max(0, e.shapeStrokeWidth ?? 0);
-	gt({
+	bt({
 		shape: t,
-		width: Rn({
+		width: Zn({
 			size: n,
 			scale: i,
 			strokeWidth: c,
 			minSize: o,
 			scaleEpsilon: s
 		}),
-		height: Rn({
+		height: Zn({
 			size: r,
 			scale: a,
 			strokeWidth: c,
@@ -4318,8 +4545,8 @@ function zn({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, min
 		strokeWidth: c
 	});
 }
-function Bn({ text: e, width: t, height: n, padding: r, alignH: i, alignV: a, scaleX: o, scaleY: s, scaleEpsilon: c }) {
-	let l = Math.max(c, Math.abs(o) || 1), u = Math.max(c, Math.abs(s) || 1), d = i ?? "center", { frame: f, splitByGrapheme: p, textTop: m } = Vt({
+function $n({ text: e, width: t, height: n, padding: r, alignH: i, alignV: a, scaleX: o, scaleY: s, scaleEpsilon: c }) {
+	let l = Math.max(c, Math.abs(o) || 1), u = Math.max(c, Math.abs(s) || 1), d = i ?? "center", { frame: f, splitByGrapheme: p, textTop: m } = on({
 		text: e,
 		width: t,
 		height: n,
@@ -4339,13 +4566,13 @@ function Bn({ text: e, width: t, height: n, padding: r, alignH: i, alignV: a, sc
 		scaleY: 1 / u
 	}), e.initDimensions(), e.setCoords();
 }
-var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH: o, alignV: s, scaleX: c, scaleY: l, minSize: u, scaleEpsilon: d }) => {
+var er = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH: o, alignV: s, scaleX: c, scaleY: l, minSize: u, scaleEpsilon: d }) => {
 	let f = Math.max(d, Math.abs(c) || 1), p = Math.max(d, Math.abs(l) || 1);
 	e.set({
 		width: r / f,
 		height: i / p,
 		dirty: !0
-	}), zn({
+	}), Qn({
 		group: e,
 		shape: t,
 		width: r,
@@ -4354,7 +4581,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		scaleY: l,
 		minSize: u,
 		scaleEpsilon: d
-	}), Bn({
+	}), $n({
 		text: n,
 		width: r,
 		height: i,
@@ -4365,7 +4592,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		scaleY: l,
 		scaleEpsilon: d
 	});
-}, X = 1, Z = 1e-4, Hn = .5, Un = class e {
+}, X = 1, Z = 1e-4, tr = .5, nr = class e {
 	constructor({ canvas: t }) {
 		this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
@@ -4376,117 +4603,117 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				lockScalingFlip: !0,
 				centeredScaling: !1
 			});
-			let s = e._resolvePadding({ group: i }), c = this._ensureScalingState({
+			let s = e._resolveEffectivePadding({ group: i }), c = e._resolveScalingConstraintPadding({ group: i }), l = this._ensureScalingState({
 				group: i,
 				text: o,
-				padding: s,
+				constraintPadding: c,
 				transform: r
-			}), { isCornerScaleAction: l } = Nn({ 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 = i.shapeAlignVertical ?? "middle", _ = this._resolveScalingDecision({
+			}), { isCornerScaleAction: u } = Kn({ transform: r }), d = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
+			l.isProportionalScaling = u && d;
+			let f = i.left ?? 0, p = i.top ?? 0, m = !!i.flipX, h = !!i.flipY, g = i.shapeAlignHorizontal ?? "center", _ = i.shapeAlignVertical ?? "middle", v = this._resolveScalingDecision({
 				group: i,
 				text: o,
-				padding: s,
-				state: c,
+				constraintPadding: c,
+				state: l,
 				transform: r
-			}), v = Math.abs(i.scaleX ?? 1) || 1, y = Math.abs(i.scaleY ?? 1) || 1;
-			(_.shouldHandleAsNoop || _.shouldRestoreLastAllowedTransform || Math.abs(_.appliedScaleX - v) > Z || Math.abs(_.appliedScaleY - y) > Z) && this._applyResolvedScalingState({
+			}), y = Math.abs(i.scaleX ?? 1) || 1, b = Math.abs(i.scaleY ?? 1) || 1;
+			(v.shouldHandleAsNoop || v.shouldRestoreLastAllowedTransform || Math.abs(v.appliedScaleX - y) > Z || Math.abs(v.appliedScaleY - b) > Z) && this._applyResolvedScalingState({
 				group: i,
-				state: c,
-				shouldHandleAsNoop: _.shouldHandleAsNoop,
-				scaleX: _.appliedScaleX,
-				scaleY: _.appliedScaleY
-			}), Vn({
+				state: l,
+				shouldHandleAsNoop: v.shouldHandleAsNoop,
+				scaleX: v.appliedScaleX,
+				scaleY: v.appliedScaleY
+			}), er({
 				group: i,
 				shape: a,
 				text: o,
-				width: _.previewWidth,
-				height: _.previewHeight,
+				width: v.previewWidth,
+				height: v.previewHeight,
 				padding: s,
-				alignH: h,
-				alignV: g,
-				scaleX: _.appliedScaleX,
-				scaleY: _.appliedScaleY,
+				alignH: g,
+				alignV: _,
+				scaleX: v.appliedScaleX,
+				scaleY: v.appliedScaleY,
 				minSize: X,
 				scaleEpsilon: Z
 			}), this._restoreScalingAnchorPosition({
 				group: i,
-				state: c
-			}), !_.shouldHandleAsNoop && !_.shouldRestoreLastAllowedTransform && this._storeLastAllowedTransform({
+				state: l
+			}), !v.shouldHandleAsNoop && !v.shouldRestoreLastAllowedTransform && this._storeLastAllowedTransform({
 				group: i,
-				state: c,
+				state: l,
 				scaleX: i.scaleX ?? 1,
 				scaleY: i.scaleY ?? 1,
-				currentLeft: d,
-				currentTop: f,
-				currentFlipX: p,
-				currentFlipY: m
+				currentLeft: f,
+				currentTop: p,
+				currentFlipX: m,
+				currentFlipY: h
 			}), this.canvas.requestRenderAll();
 		}, this.handleCanvasMouseMove = (t) => {
 			let n = this.canvas._currentTransform;
 			if (!n) return;
 			let { target: r } = n;
 			if (!J(r)) return;
-			let { canScaleHeight: i, canScaleWidth: a } = Nn({ transform: n });
+			let { canScaleHeight: i, canScaleWidth: a } = Kn({ transform: n });
 			if (!a && !i) return;
 			let o = r, s = this.scalingState.get(o);
 			if (!s || s.isProportionalScaling) return;
 			let { shape: c, text: l } = Y({ group: o });
 			if (!c || !l) return;
-			let u = e._resolvePadding({ group: o }), d = o.shapeAlignHorizontal ?? "center", f = o.shapeAlignVertical ?? "middle", p = Math.abs(o.scaleX ?? s.lastAllowedScaleX ?? 1) || 1, m = Math.abs(o.scaleY ?? s.lastAllowedScaleY ?? 1) || 1, h = {
+			let u = e._resolveEffectivePadding({ group: o }), d = e._resolveScalingConstraintPadding({ group: o }), f = o.shapeAlignHorizontal ?? "center", p = o.shapeAlignVertical ?? "middle", m = Math.abs(o.scaleX ?? s.lastAllowedScaleX ?? 1) || 1, h = Math.abs(o.scaleY ?? s.lastAllowedScaleY ?? 1) || 1, g = {
 				...t,
 				transform: n
-			}, g = p, _ = m, v = null, y = !1, b = !1;
+			}, _ = m, v = h, y = null, b = !1, x = !1;
 			if (a && this._hasPointerReachedScaleOrigin({
-				event: h,
+				event: g,
 				group: o,
 				axis: "x"
 			})) {
-				let e = Bt({
+				let e = an({
 					text: l,
-					padding: u
+					padding: d
 				}), t = Math.max(X / s.startWidth, e / s.startWidth);
-				s.lastAllowedScaleX > t + Z && (g = t, y = !0, b = !0);
+				s.lastAllowedScaleX > t + Z && (_ = t, b = !0, x = !0);
 			}
 			if (i && this._hasPointerReachedScaleOrigin({
-				event: h,
+				event: g,
 				group: o,
 				axis: "y"
 			})) {
-				v = this._resolveMinimumTextFitHeight({
+				y = this._resolveMinimumTextFitHeight({
 					text: l,
-					width: Math.max(X, s.startWidth * g),
-					padding: u
+					width: Math.max(X, s.startWidth * _),
+					padding: d
 				});
-				let e = Math.max(X / s.startHeight, v / s.startHeight);
-				s.lastAllowedScaleY > e + Z && (_ = e, b = !0);
+				let e = Math.max(X / s.startHeight, y / s.startHeight);
+				s.lastAllowedScaleY > e + Z && (v = e, x = !0);
 			}
-			if (!b) return;
-			let x = this._resolvePreviewDimensions({
+			if (!x) return;
+			let S = this._resolvePreviewDimensions({
 				text: l,
-				padding: u,
+				constraintPadding: d,
 				state: s,
-				appliedScaleX: g,
-				appliedScaleY: _,
-				minimumHeight: y ? null : v
+				appliedScaleX: _,
+				appliedScaleY: v,
+				minimumHeight: b ? null : y
 			});
 			this._applyResolvedScalingState({
 				group: o,
 				state: s,
 				shouldHandleAsNoop: !1,
-				scaleX: g,
-				scaleY: _
-			}), Vn({
+				scaleX: _,
+				scaleY: v
+			}), er({
 				group: o,
 				shape: c,
 				text: l,
-				width: x.previewWidth,
-				height: x.previewHeight,
+				width: S.previewWidth,
+				height: S.previewHeight,
 				padding: u,
-				alignH: d,
-				alignV: f,
-				scaleX: g,
-				scaleY: _,
+				alignH: f,
+				alignV: p,
+				scaleX: _,
+				scaleY: v,
 				minSize: X,
 				scaleEpsilon: Z
 			}), this._restoreScalingAnchorPosition({
@@ -4495,8 +4722,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}), this._storeLastAllowedTransform({
 				group: o,
 				state: s,
-				scaleX: g,
-				scaleY: _,
+				scaleX: _,
+				scaleY: v,
 				currentLeft: s.lastAllowedLeft,
 				currentTop: s.lastAllowedTop,
 				currentFlipX: s.lastAllowedFlipX,
@@ -4523,7 +4750,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				this.scalingState.delete(r);
 				return;
 			}
-			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolvePadding({ group: r }), g = t.transform ? Nn({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = Bt({
+			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolveScalingConstraintPadding({ group: r }), g = t.transform ? Kn({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = an({
 				text: f,
 				padding: h
 			}), b = i?.lastAllowedScaleX ?? a, x = i?.lastAllowedScaleY ?? o;
@@ -4546,7 +4773,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 					state: i
 				}) && (x = Math.max(X / c, e / c));
 			}
-			let S = _ ? Math.max(X, s * b) : s, C = v ? Math.max(X, c * x) : u, w = Math.abs(S - s) > Hn, T = Math.abs(C - c) > Hn, E = w || T, D = S, O = C;
+			let S = _ ? Math.max(X, s * b) : s, C = v ? Math.max(X, c * x) : u, w = Math.abs(S - s) > tr, T = Math.abs(C - c) > tr, E = w || T, D = S, O = C;
 			if (!E && i) {
 				this._restoreShapeStateWithoutResize({
 					group: r,
@@ -4557,7 +4784,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 					startHeight: c,
 					alignH: p,
 					alignV: m,
-					padding: h
+					userPadding: e._resolveUserPadding({ group: r })
 				}), this.scalingState.delete(r), this.canvas.requestRenderAll();
 				return;
 			}
@@ -4575,7 +4802,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			});
 			r.shapeManualBaseWidth = k.width, r.shapeManualBaseHeight = k.height;
 			let A = i?.baseRounding ?? Math.max(0, r.shapeRounding ?? 0);
-			r.shapeRounding = Math.max(0, A * Math.min(b, x)), Rt({
+			r.shapeRounding = Math.max(0, A * Math.min(b, x)), nn({
 				group: r,
 				shape: d,
 				text: f,
@@ -4583,7 +4810,12 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				height: O,
 				alignH: p,
 				alignV: m,
-				padding: h
+				padding: e._resolveUserPadding({ group: r }),
+				internalShapeTextInset: e._resolveInternalShapeTextInset({
+					group: r,
+					width: D,
+					height: O
+				})
 			}), f.set({
 				scaleX: 1,
 				scaleY: 1
@@ -4596,18 +4828,18 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}), r.setCoords(), f.setCoords(), d.setCoords(), this.scalingState.delete(r), r.shapeScalingNoopTransform = !1, this.canvas.requestRenderAll();
 		}, this.canvas = t, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
-	_resolveScalingDecision({ group: e, text: t, padding: 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 = In({
+	_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 = Yn({
 			state: r,
 			transform: i
-		}), d = Ln({
+		}), d = Xn({
 			state: r,
 			transform: i
 		});
 		(l || u || d) && (r.crossedOppositeCorner = !0);
 		let f = this._resolveScalingConstraintState({
 			text: t,
-			padding: n,
+			constraintPadding: n,
 			state: r,
 			transform: i,
 			scaleX: s,
@@ -4616,7 +4848,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		f.shouldRestoreLastAllowedTransform && (h = r.lastAllowedScaleX, g = r.lastAllowedScaleY), f.shouldHandleAsNoop && (h = r.startScaleX, g = r.startScaleY);
 		let _ = !f.shouldHandleAsNoop && !f.shouldRestoreLastAllowedTransform && f.clampedScaleX === null, v = this._resolvePreviewDimensions({
 			text: t,
-			padding: n,
+			constraintPadding: n,
 			state: r,
 			appliedScaleX: h,
 			appliedScaleY: g,
@@ -4631,8 +4863,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			shouldRestoreLastAllowedTransform: f.shouldRestoreLastAllowedTransform
 		};
 	}
-	_resolveScalingConstraintState({ text: e, padding: t, state: n, transform: r, scaleX: i, scaleY: a }) {
-		let { startHeight: o, startWidth: s, cannotScaleDownAtStart: c, crossedOppositeCorner: l, isProportionalScaling: u, lastAllowedScaleX: d, lastAllowedScaleY: f, startScaleY: p } = n, m = Math.max(X, s * i), h = Math.max(X, o * a), g = i < d - Z, _ = a < f - Z, v = a < p - Z, { canScaleHeight: y, canScaleWidth: b, isVerticalOnlyScale: x } = Nn({ transform: r }), S = b && g ? Bt({
+	_resolveScalingConstraintState({ text: e, constraintPadding: t, state: n, transform: r, scaleX: i, scaleY: a }) {
+		let { startHeight: o, startWidth: s, cannotScaleDownAtStart: c, crossedOppositeCorner: l, isProportionalScaling: u, lastAllowedScaleX: d, lastAllowedScaleY: f, startScaleY: p } = n, m = Math.max(X, s * i), h = Math.max(X, o * a), g = i < d - Z, _ = a < f - Z, v = a < p - Z, { canScaleHeight: y, canScaleWidth: b, isVerticalOnlyScale: x } = Kn({ transform: r }), S = b && g ? an({
 			text: e,
 			padding: t
 		}) : null, C = y && _ ? this._resolveMinimumTextFitHeight({
@@ -4650,8 +4882,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			resolvedMinimumHeight: C
 		};
 	}
-	_resolvePreviewDimensions({ text: e, padding: t, state: n, appliedScaleX: r, appliedScaleY: i, minimumHeight: a }) {
-		let o = n.canScaleWidth ? Math.max(X, n.startWidth * r) : n.startWidth, s = n.canScaleHeight ? Math.max(X, n.startHeight * i) : n.startManualBaseHeight, c = a ?? Ht({
+	_resolvePreviewDimensions({ text: e, constraintPadding: t, state: n, appliedScaleX: r, appliedScaleY: i, minimumHeight: a }) {
+		let o = n.canScaleWidth ? Math.max(X, n.startWidth * r) : n.startWidth, s = n.canScaleHeight ? Math.max(X, n.startHeight * i) : n.startManualBaseHeight, c = a ?? sn({
 			text: e,
 			width: o,
 			height: s,
@@ -4684,7 +4916,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleWidth: a } = Nn({ transform: i });
+		let { canScaleWidth: a } = Kn({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -4697,7 +4929,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleHeight: a } = Nn({ transform: i });
+		let { canScaleHeight: a } = Kn({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -4711,7 +4943,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let i = r, a = n === "x" ? i.signX : i.signY;
 		if (typeof a != "number" || !Number.isFinite(a)) return !1;
-		let o = Pn({
+		let o = qn({
 			event: e.e,
 			group: t,
 			transform: r,
@@ -4722,25 +4954,25 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	clearState({ group: e }) {
 		this.scalingState.delete(e);
 	}
-	_ensureScalingState({ group: e, text: t, padding: n, transform: r }) {
+	_ensureScalingState({ group: e, text: t, constraintPadding: n, transform: r }) {
 		let i = this.scalingState.get(e);
 		if (!i) {
 			let a = this._resolveScalingStartDimensions({
 				group: e,
 				transform: r
-			}), o = An({
+			}), o = Un({
 				transform: r,
 				key: "scaleX"
-			}), s = An({
+			}), s = Un({
 				transform: r,
 				key: "scaleY"
-			}), c = An({
+			}), c = Un({
 				transform: r,
 				key: "left"
-			}), l = An({
+			}), l = Un({
 				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 = jn({ value: r?.original?.originX ?? r?.originX }), h = Mn({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = Fn({
+			}), 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 = Wn({ value: r?.original?.originX ?? r?.originX }), h = Gn({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = Jn({
 				group: e,
 				originX: m,
 				originY: h
@@ -4783,20 +5015,51 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return i;
 	}
 	_resolveMinimumTextFitHeight({ text: e, width: t, padding: n }) {
-		return Ht({
+		return sn({
 			text: e,
 			width: t,
 			height: X,
 			padding: n
 		});
 	}
-	static _resolvePadding({ group: e }) {
-		return {
-			top: e.shapePaddingTop ?? .2,
-			right: e.shapePaddingRight ?? .2,
-			bottom: e.shapePaddingBottom ?? .2,
-			left: e.shapePaddingLeft ?? .2
-		};
+	static _resolveUserPadding({ group: e }) {
+		return Rt({ padding: {
+			top: e.shapePaddingTop,
+			right: e.shapePaddingRight,
+			bottom: e.shapePaddingBottom,
+			left: e.shapePaddingLeft
+		} });
+	}
+	static _resolveInternalShapeTextInset({ group: e, width: t, height: n }) {
+		let r = e.shapePresetKey ?? "", i = r ? ut({ presetKey: r }) : null;
+		return Ht({
+			baseInset: i ? pt({
+				preset: i,
+				width: t,
+				height: n
+			}) : void 0,
+			stroke: e.shapeStroke,
+			strokeWidth: e.shapeStrokeWidth
+		});
+	}
+	static _resolveEffectivePadding({ group: t }) {
+		let n = Math.max(X, t.shapeBaseWidth ?? t.width ?? t.shapeManualBaseWidth ?? X), r = Math.max(X, t.shapeBaseHeight ?? t.height ?? t.shapeManualBaseHeight ?? X), i = e._resolveUserPadding({ group: t });
+		return Vt({
+			base: e._resolveInternalShapeTextInset({
+				group: t,
+				width: n,
+				height: r
+			}),
+			addition: i
+		});
+	}
+	static _resolveScalingConstraintPadding({ group: t }) {
+		let n = Math.max(X, t.shapeBaseWidth ?? t.width ?? t.shapeManualBaseWidth ?? X), r = Math.max(X, t.shapeBaseHeight ?? t.height ?? t.shapeManualBaseHeight ?? X);
+		return e._resolveInternalShapeTextInset({
+			group: t,
+			width: n,
+			height: r
+		});
 	}
 	_restoreScalingAnchorPosition({ group: e, state: t }) {
 		let { scalingAnchorX: n, scalingAnchorY: r, scalingAnchorOriginX: i, scalingAnchorOriginY: a } = t;
@@ -4806,31 +5069,37 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		e.setPositionByOrigin(new p(n, r), i, a), e.setCoords();
 	}
-	_restoreShapeStateWithoutResize({ group: e, shape: t, text: n, state: r, startWidth: i, startHeight: a, alignH: o, alignV: s, padding: c }) {
-		Rt({
-			group: e,
-			shape: t,
-			text: n,
-			width: Math.max(X, e.shapeBaseWidth ?? e.width ?? i),
-			height: Math.max(X, e.shapeBaseHeight ?? e.height ?? a),
-			alignH: o,
-			alignV: s,
-			padding: c
-		}), e.set({
-			left: r.lastAllowedLeft,
-			top: r.lastAllowedTop,
-			flipX: r.lastAllowedFlipX,
-			flipY: r.lastAllowedFlipY,
+	_restoreShapeStateWithoutResize({ group: t, shape: n, text: r, state: i, startWidth: a, startHeight: o, alignH: s, alignV: c, userPadding: l }) {
+		let u = Math.max(X, t.shapeBaseWidth ?? t.width ?? a), d = Math.max(X, t.shapeBaseHeight ?? t.height ?? o);
+		nn({
+			group: t,
+			shape: n,
+			text: r,
+			width: u,
+			height: d,
+			alignH: s,
+			alignV: c,
+			padding: l,
+			internalShapeTextInset: e._resolveInternalShapeTextInset({
+				group: t,
+				width: u,
+				height: d
+			})
+		}), t.set({
+			left: i.lastAllowedLeft,
+			top: i.lastAllowedTop,
+			flipX: i.lastAllowedFlipX,
+			flipY: i.lastAllowedFlipY,
 			scaleX: 1,
 			scaleY: 1
 		}), this._restoreScalingAnchorPosition({
-			group: e,
-			state: r
+			group: t,
+			state: i
 		});
 	}
 	_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 && (gt({
+		t && (bt({
 			shape: t,
 			width: i,
 			height: a,
@@ -4854,7 +5123,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	_resolveScalingStartDimensions({ group: e, transform: t }) {
-		let { canScaleWidth: n, canScaleHeight: r } = Nn({ 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 } = Kn({ 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,
@@ -4873,10 +5142,10 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			height: s
 		};
 	}
-}, Wn = class {
+}, rr = class {
 	constructor({ canvas: e }) {
 		this.handleMouseDown = (e) => {
-			let { target: t, e: n, subTargets: r = [] } = e, i = En({
+			let { target: t, e: n, subTargets: r = [] } = e, i = zn({
 				target: t,
 				subTargets: r
 			});
@@ -4886,7 +5155,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			let o = this.canvas.getActiveObject(), s = o === i;
 			if (!(o === a && a.isEditing)) {
 				if (!s) {
-					a.isEditing || fn({ text: a });
+					a.isEditing || Tn({ text: a });
 					return;
 				}
 				n instanceof MouseEvent && (n.detail < 2 || this.enterTextEditing({ group: i }));
@@ -4906,14 +5175,14 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			J(r) && (this._restoreTextEditingInteractionMode({
 				group: r,
 				text: n
-			}), fn({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
+			}), Tn({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
 		}, this.canvas = e, this.editingInteractionState = /* @__PURE__ */ new WeakMap();
 	}
 	enterTextEditing({ group: e }) {
 		let { text: t } = Y({ group: e });
 		if (t) {
 			if (e.locked || t.locked) {
-				fn({ text: t }), this.canvas.requestRenderAll();
+				Tn({ text: t }), this.canvas.requestRenderAll();
 				return;
 			}
 			this._enterTextEditingInteractionMode({
@@ -4963,7 +5232,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			lockMovementY: n.textLockMovementY
 		}), this.editingInteractionState.delete(e), e.setCoords(), t.setCoords());
 	}
-}, Gn = "#B0B5BF", Kn = 0, qn = 1, Jn = class {
+}, ir = "#B0B5BF", ar = 0, or = 1, sr = class {
 	constructor({ editor: e }) {
 		this._handleObjectScaling = (e) => {
 			this.scalingController.handleObjectScaling(e);
@@ -5000,63 +5269,72 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				textNode: r,
 				textStyle: n
 			});
-		}, this.editor = e, Tn(), this.scalingController = new Un({ canvas: e.canvas }), this.editingController = new Wn({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
+		}, this.editor = e, Rn(), this.scalingController = new nr({ canvas: e.canvas }), this.editingController = new rr({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
 	}
-	async add({ presetKey: e = at, options: t = {} } = {}) {
-		let n = lt({ presetKey: e });
+	async add({ presetKey: e = ot, options: t = {} } = {}) {
+		let n = ut({ presetKey: e });
 		if (!n) return null;
-		let { width: r, height: i, shapeTextAutoExpand: a, left: o, top: s, originX: c, originY: l, text: u, textStyle: d, alignH: f, alignV: p, textPadding: m, rounding: h, withoutAdding: g, withoutSelection: _, withoutSave: v, id: y } = t, b = lt({ presetKey: ut({
+		let { width: r, height: i, shapeTextAutoExpand: a, left: o, top: s, originX: c, originY: l, text: u, textStyle: d, alignH: f, alignV: p, textPadding: m, rounding: h, withoutAdding: g, withoutSelection: _, withoutSave: v, id: y } = t, b = ut({ presetKey: dt({
 			preset: n,
 			rounding: h
 		}) }) ?? n, x = Math.max(1, r ?? b.width), S = Math.max(1, i ?? b.height), C = a !== !1, w = this._resolveHorizontalAlign({
 			explicitAlign: f,
 			textStyle: d
-		}), T = p ?? "middle", E = dt({
-			preset: b,
-			overridePadding: m
-		}), O = this._resolveShapeStyle({
+		}), T = p ?? "middle", E = this._resolveShapeStyle({
 			options: t,
 			fallback: null
-		}), k = this._createTextNode({
+		}), O = Rt({ padding: m }), k = Ht({
+			baseInset: pt({
+				preset: b,
+				width: x,
+				height: S
+			}),
+			stroke: E.stroke,
+			strokeWidth: E.strokeWidth
+		}), A = Vt({
+			base: k,
+			addition: O
+		}), j = Ut({ padding: m }), M = this._createTextNode({
 			text: u,
 			textStyle: d,
 			width: x,
 			align: w,
-			opacity: O.opacity
-		}), A = this._resolveShapeLayoutWidth({
-			text: k,
+			opacity: E.opacity
+		}), N = this._resolveShapeLayoutWidth({
+			text: M,
 			currentWidth: x,
 			manualWidth: x,
 			shapeTextAutoExpandEnabled: C,
-			padding: E,
-			strokeWidth: O.strokeWidth
-		}), j = await _t({
+			padding: A
+		}), P = await Nt({
 			preset: b,
-			width: A,
+			width: N,
 			height: S,
-			style: O,
+			style: E,
 			rounding: h
-		}), M = this._createShapeGroup({
+		}), F = this._createShapeGroup({
 			id: y ?? `shape-${D()}`,
 			presetKey: b.key,
-			presetCanRound: ft({ preset: b }),
-			shape: j,
-			text: k,
-			width: A,
+			presetCanRound: ht({ preset: b }),
+			shape: P,
+			text: M,
+			width: N,
 			height: S,
 			manualWidth: x,
 			manualHeight: S,
 			shapeTextAutoExpand: C,
 			alignH: w,
 			alignV: T,
-			padding: E,
-			style: O,
+			padding: O,
+			internalShapeTextInset: k,
+			changedPadding: j,
+			style: E,
 			rounding: h
 		});
-		if (o === void 0 && s === void 0) this.editor.canvasManager.centerObjectToMontageArea({ object: M });
+		if (o === void 0 && s === void 0) this.editor.canvasManager.centerObjectToMontageArea({ object: F });
 		else {
 			let e = this.editor.canvasManager.resolveObjectPlacement({
-				object: M,
+				object: F,
 				left: o,
 				top: s,
 				originX: c,
@@ -5064,23 +5342,23 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				fallbackPoint: this.editor.canvasManager.getMontageAreaSceneCenter()
 			});
 			this.editor.canvasManager.applyObjectPlacement({
-				object: M,
+				object: F,
 				placement: e
 			});
 		}
-		if (g) return M;
+		if (g) return F;
 		this._beginMutation();
 		try {
-			this.editor.canvas.add(M), _ || this.editor.canvas.setActiveObject(M), this.editor.canvas.requestRenderAll();
+			this.editor.canvas.add(F), _ || this.editor.canvas.setActiveObject(F), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: v });
 		}
-		return M;
+		return F;
 	}
 	async update({ target: e, presetKey: t, options: n = {} } = {}) {
 		let r = this._resolveShapeGroup({ target: e });
 		if (!r) return null;
-		let i = lt({ presetKey: t ?? r.shapePresetKey ?? "circle" });
+		let i = ut({ presetKey: t ?? r.shapePresetKey ?? "circle" });
 		if (!i) return null;
 		let { left: a, top: o, originX: s, originY: c, width: l, height: u, shapeTextAutoExpand: d, text: f, textStyle: p, alignH: m, alignV: h, textPadding: g, rounding: _, withoutSelection: v, withoutSave: y } = n, b = this.editor.canvasManager.resolveObjectPlacement({
 			object: r,
@@ -5088,20 +5366,31 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			top: o,
 			originX: s,
 			originY: c
-		}), x = this._resolveCurrentDimensions({ group: r }), S = Math.max(1, u ?? x.height), C = this._isShapeTextAutoExpandEnabled({ group: r }), w = d === void 0 ? C : d !== !1, T = _ ?? r.shapeRounding ?? 0, E = lt({ presetKey: ut({
+		}), x = this._resolveCurrentDimensions({ group: r }), S = Math.max(1, u ?? x.height), C = this._isShapeTextAutoExpandEnabled({ group: r }), w = d === void 0 ? C : d !== !1, T = _ ?? r.shapeRounding ?? 0, E = ut({ presetKey: dt({
 			preset: i,
 			rounding: T
-		}) }) ?? i, D = m ?? r.shapeAlignHorizontal ?? "center", O = h ?? r.shapeAlignVertical ?? "middle", k = this._resolveGroupPadding({ group: r }), A = dt({
-			preset: E,
-			overridePadding: g ?? k
-		}), j = this._resolveShapeStyle({
+		}) }) ?? i, D = m ?? r.shapeAlignHorizontal ?? "center", O = h ?? r.shapeAlignVertical ?? "middle", k = this._resolveGroupUserPadding({ group: r }), A = Ut({ padding: g }), j = Bt({
+			base: k,
+			override: g
+		}), M = this._resolveShapeStyle({
 			options: n,
 			fallback: r
-		}), M = Math.max(1, r.shapeManualBaseWidth ?? x.width);
-		l !== void 0 && (M = Math.max(1, l)), l === void 0 && C && !w && (M = Math.max(1, x.width));
-		let N = Math.max(1, u ?? r.shapeManualBaseHeight ?? S), { shape: P, text: F } = Y({ group: r });
-		if (!P || !F) return null;
-		let I = {
+		}), N = Ht({
+			baseInset: pt({
+				preset: E,
+				width: x.width,
+				height: S
+			}),
+			stroke: M.stroke,
+			strokeWidth: M.strokeWidth
+		}), P = Vt({
+			base: N,
+			addition: j
+		}), F = Math.max(1, r.shapeManualBaseWidth ?? x.width);
+		l !== void 0 && (F = Math.max(1, l)), l === void 0 && C && !w && (F = Math.max(1, x.width));
+		let I = Math.max(1, u ?? r.shapeManualBaseHeight ?? S), { shape: ee, text: L } = Y({ group: r });
+		if (!ee || !L) return null;
+		let te = {
 			angle: 0,
 			skewX: 0,
 			skewY: 0,
@@ -5114,68 +5403,70 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			top: 0,
 			originX: "left",
 			originY: "top"
-		}, ee = this._createTextNode({
-			text: F.textCaseRaw ?? F.text ?? "",
-			textStyle: this._resolveCurrentTextStyle({ textNode: F }),
-			width: Math.max(1, F.width ?? x.width),
+		}, ne = this._createTextNode({
+			text: L.textCaseRaw ?? L.text ?? "",
+			textStyle: this._resolveCurrentTextStyle({ textNode: L }),
+			width: Math.max(1, L.width ?? x.width),
 			align: D
 		});
-		ee.set(I), this._applyTextUpdates({
-			textNode: ee,
+		ne.set(te), this._applyTextUpdates({
+			textNode: ne,
 			text: f,
 			textStyle: p,
 			align: D
 		});
-		let L = this._resolveShapeLayoutWidth({
-			text: ee,
+		let R = l === void 0 && u === void 0 && t === void 0 && d === void 0 && _ === void 0 && f === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: p }), re = g !== void 0 && R, z = R ? x.width : this._resolveShapeLayoutWidth({
+			text: ne,
 			currentWidth: x.width,
-			manualWidth: M,
+			manualWidth: F,
 			shapeTextAutoExpandEnabled: w,
-			padding: A,
-			strokeWidth: j.strokeWidth
-		}), te = await _t({
+			padding: P
+		}), ie = await Nt({
 			preset: E,
-			width: L,
+			width: z,
 			height: S,
-			style: j,
+			style: M,
 			rounding: T
-		}), ne = r.getObjects().indexOf(P);
-		if (ne < 0) return null;
-		let R = () => {
-			this._detachShapeGroupAutoLayout({ group: r }), F.set(I), this._applyTextUpdates({
-				textNode: F,
+		}), B = r.getObjects().indexOf(ee);
+		if (B < 0) return null;
+		let ae = () => {
+			this._detachShapeGroupAutoLayout({ group: r }), L.set(te), this._applyTextUpdates({
+				textNode: L,
 				text: f,
 				textStyle: p,
 				align: D
-			}), r.remove(P), r.insertAt(ne, te), this._applyShapeGroupMetadata({
+			}), r.remove(ee), r.insertAt(B, ie), this._applyShapeGroupMetadata({
 				group: r,
 				presetKey: E.key,
-				presetCanRound: ft({ preset: E }),
-				width: L,
+				presetCanRound: ht({ preset: E }),
+				width: z,
 				height: S,
-				manualWidth: M,
-				manualHeight: N,
+				manualWidth: F,
+				manualHeight: I,
 				shapeTextAutoExpand: w,
 				alignH: D,
 				alignV: O,
-				padding: A,
-				style: j,
+				padding: j,
+				style: M,
 				rounding: T
 			}), this._applyCurrentLayout({
 				group: r,
-				shape: te,
-				text: F,
+				shape: ie,
+				text: L,
 				placement: b,
-				width: L,
+				width: z,
 				height: S,
 				alignH: D,
-				alignV: O
-			}), F.isEditing && this.editingPlacements.set(r, b);
+				alignV: O,
+				internalShapeTextInset: N,
+				expandShapeHeightToFitText: !re,
+				changedPadding: A
+			}), L.isEditing && this.editingPlacements.set(r, b);
 		};
-		if (!this._isOnCanvas({ object: r })) return R(), r;
+		if (!this._isOnCanvas({ object: r })) return ae(), r;
 		this._beginMutation();
 		try {
-			R(), !F.isEditing && !v && this.editor.canvas.setActiveObject(r), this.editor.canvas.requestRenderAll();
+			ae(), !L.isEditing && !v && this.editor.canvas.setActiveObject(r), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: y });
 		}
@@ -5199,7 +5490,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!i) return null;
 		this._beginMutation();
 		try {
-			vt({
+			xt({
 				shape: i,
 				style: { fill: t }
 			}), r.shapeFill = t, r.setCoords(), this.editor.canvas.requestRenderAll();
@@ -5215,18 +5506,24 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!o) return null;
 		this._beginMutation();
 		try {
-			vt({
+			if (xt({
 				shape: o,
 				style: {
 					stroke: t,
 					strokeWidth: n,
 					strokeDashArray: r
 				}
-			}), t !== void 0 && (a.shapeStroke = t), n !== void 0 && (a.shapeStrokeWidth = n), r !== void 0 && (a.shapeStrokeDashArray = r), s && this._applyCurrentLayout({
-				group: a,
-				shape: o,
-				text: s
-			}), a.setCoords(), this.editor.canvas.requestRenderAll();
+			}), t !== void 0 && (a.shapeStroke = t), n !== void 0 && (a.shapeStrokeWidth = n), r !== void 0 && (a.shapeStrokeDashArray = r), s) {
+				let e = this._resolveCurrentDimensions({ group: a });
+				this._applyCurrentLayout({
+					group: a,
+					shape: o,
+					text: s,
+					width: e.width,
+					height: e.height
+				});
+			}
+			a.setCoords(), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: i });
 		}
@@ -5239,7 +5536,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!i) return null;
 		this._beginMutation();
 		try {
-			vt({
+			xt({
 				shape: i,
 				style: { opacity: t }
 			}), a && (a.set({ opacity: t }), a.setCoords()), r.shapeOpacity = t, r.setCoords(), this.editor.canvas.requestRenderAll();
@@ -5331,8 +5628,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { canvas: e } = this.editor;
 		e.on("object:scaling", this._handleObjectScaling), e.on("object:modified", this._handleObjectModified), e.on("mouse:move", this._handleMouseMove), e.on("mouse:down", this._handleMouseDown), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged), e.on("editor:before:text-updated", this._handleBeforeTextUpdated);
 	}
-	_createShapeGroup({ id: e, presetKey: t, presetCanRound: n, shape: r, text: i, width: a, height: o, manualWidth: s, manualHeight: c, shapeTextAutoExpand: l, alignH: u, alignV: d, padding: f, style: p, rounding: m }) {
-		let h = new wn([r, i], {
+	_createShapeGroup({ id: e, presetKey: t, presetCanRound: n, shape: r, text: i, width: a, height: o, manualWidth: s, manualHeight: c, shapeTextAutoExpand: l, alignH: u, alignV: d, padding: f, internalShapeTextInset: p, changedPadding: m, style: h, rounding: g }) {
+		let _ = new Ln([r, i], {
 			id: e,
 			originX: "center",
 			originY: "center",
@@ -5343,7 +5640,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			objectCaching: !1
 		});
 		return this._applyShapeGroupMetadata({
-			group: h,
+			group: _,
 			presetKey: t,
 			presetCanRound: n,
 			width: a,
@@ -5354,18 +5651,20 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			alignH: u,
 			alignV: d,
 			padding: f,
-			style: p,
-			rounding: m
-		}), h.rehydrateRuntimeState(), kn({ group: h }), fn({ text: i }), Rt({
-			group: h,
+			style: h,
+			rounding: g
+		}), _.rehydrateRuntimeState(), Hn({ group: _ }), Tn({ text: i }), nn({
+			group: _,
 			shape: r,
 			text: i,
 			width: a,
 			height: o,
 			alignH: u,
 			alignV: d,
-			padding: f
-		}), this._detachShapeGroupAutoLayout({ group: h }), h;
+			padding: f,
+			internalShapeTextInset: p,
+			changedPadding: m
+		}), this._detachShapeGroupAutoLayout({ group: _ }), _;
 	}
 	_applyShapeGroupMetadata({ group: e, presetKey: t, presetCanRound: n, width: r, height: i, manualWidth: a, manualHeight: o, shapeTextAutoExpand: s, alignH: c, alignV: l, padding: u, style: d, rounding: f }) {
 		let p = d.strokeDashArray ? d.strokeDashArray.slice() : d.strokeDashArray ?? null;
@@ -5412,7 +5711,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return s.set({
 			shapeNodeType: "text",
 			splitByGrapheme: !1
-		}), fn({ text: s }), s;
+		}), Tn({ text: s }), s;
 	}
 	_applyTextUpdates({ textNode: e, text: t, textStyle: n, align: r }) {
 		let i = {};
@@ -5483,13 +5782,25 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			height: Math.max(1, e.shapeManualBaseHeight ?? e.shapeBaseHeight ?? e.height ?? 1)
 		};
 	}
-	_resolveGroupPadding({ group: e }) {
-		return {
-			top: e.shapePaddingTop ?? .2,
-			right: e.shapePaddingRight ?? .2,
-			bottom: e.shapePaddingBottom ?? .2,
-			left: e.shapePaddingLeft ?? .2
-		};
+	_resolveGroupUserPadding({ group: e }) {
+		return Rt({ padding: {
+			top: e.shapePaddingTop,
+			right: e.shapePaddingRight,
+			bottom: e.shapePaddingBottom,
+			left: e.shapePaddingLeft
+		} });
+	}
+	_resolveGroupInternalShapeTextInset({ group: e, width: t, height: n }) {
+		let r = ut({ presetKey: e.shapePresetKey ?? "circle" });
+		return Ht({
+			baseInset: r ? pt({
+				preset: r,
+				width: t,
+				height: n
+			}) : void 0,
+			stroke: e.shapeStroke,
+			strokeWidth: e.shapeStrokeWidth
+		});
 	}
 	_isShapeTextAutoExpandEnabled({ group: e }) {
 		return e.shapeTextAutoExpand !== !1;
@@ -5500,53 +5811,64 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { width: n } = e.getMontageAreaSceneBounds();
 		return !Number.isFinite(n) || n <= 0 ? null : n;
 	}
-	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r, strokeWidth: i }) {
-		let a = this._resolveMontageAreaWidth();
-		return a ? zt({
+	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r }) {
+		let i = this._resolveMontageAreaWidth();
+		return i ? rn({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
 			padding: r,
-			strokeWidth: i,
-			montageAreaWidth: a
+			montageAreaWidth: i
 		}) : Math.max(1, t, n);
 	}
-	_resolveShapeLayoutWidth({ text: e, currentWidth: t, manualWidth: n, shapeTextAutoExpandEnabled: r, padding: i, strokeWidth: a }) {
+	_resolveShapeLayoutWidth({ text: e, currentWidth: t, manualWidth: n, shapeTextAutoExpandEnabled: r, padding: i }) {
 		return r ? this._resolveAutoExpandShapeWidth({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
-			padding: i,
-			strokeWidth: a
+			padding: i
 		}) : Math.max(1, n);
 	}
 	_resolveShapeTextHorizontalAlign({ group: e, textStyle: t }) {
 		let n = t?.align;
 		return n === "left" || n === "center" || n === "right" ? n : e.shapeAlignHorizontal ?? "center";
 	}
-	_applyCurrentLayout({ group: e, shape: t, text: n, placement: r, width: i, height: a, alignH: o, alignV: s }) {
-		let c = this._resolveCurrentDimensions({ group: e }), l = this._resolveManualDimensions({ group: e }), u = this._resolveGroupPadding({ group: e }), d = c.width;
-		d = i === void 0 ? this._resolveShapeLayoutWidth({
+	_applyCurrentLayout({ group: e, shape: t, text: n, placement: r, width: i, height: a, alignH: o, alignV: s, internalShapeTextInset: c, expandShapeHeightToFitText: l = !0, changedPadding: u }) {
+		let d = this._resolveCurrentDimensions({ group: e }), f = this._resolveManualDimensions({ group: e }), p = this._resolveGroupUserPadding({ group: e }), m = d.width;
+		m = i === void 0 ? this._resolveShapeLayoutWidth({
 			text: n,
-			currentWidth: c.width,
-			manualWidth: l.width,
+			currentWidth: d.width,
+			manualWidth: f.width,
 			shapeTextAutoExpandEnabled: this._isShapeTextAutoExpandEnabled({ group: e }),
-			padding: u,
-			strokeWidth: e.shapeStrokeWidth
+			padding: Vt({
+				base: c ?? this._resolveGroupInternalShapeTextInset({
+					group: e,
+					width: m,
+					height: Math.max(1, a ?? d.height)
+				}),
+				addition: p
+			})
 		}) : Math.max(1, i);
-		let f = Math.max(1, a ?? c.height), p = r ?? this.editor.canvasManager.getObjectPlacement({ object: e });
-		Rt({
+		let h = Math.max(1, a ?? d.height), g = c ?? this._resolveGroupInternalShapeTextInset({
+			group: e,
+			width: m,
+			height: h
+		}), _ = r ?? this.editor.canvasManager.getObjectPlacement({ object: e });
+		nn({
 			group: e,
 			shape: t,
 			text: n,
-			width: d,
-			height: f,
+			width: m,
+			height: h,
 			alignH: o ?? e.shapeAlignHorizontal ?? "center",
 			alignV: s ?? e.shapeAlignVertical ?? "middle",
-			padding: u
+			padding: p,
+			internalShapeTextInset: g,
+			expandShapeHeightToFitText: l,
+			changedPadding: u
 		}), this.editor.canvasManager.applyObjectPlacement({
 			object: e,
-			placement: p
+			placement: _
 		});
 	}
 	_syncShapeTextLayoutAfterTextMutation({ textNode: e, textStyle: t }) {
@@ -5572,21 +5894,30 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return this.editingPlacements.get(e) || this.editor.canvasManager.getObjectPlacement({ object: e });
 	}
 	_detachShapeGroupAutoLayout({ group: e }) {
-		pn({ group: e });
+		En({ group: e });
 	}
 	_resolveHorizontalAlign({ explicitAlign: e, textStyle: t }) {
 		if (e) return e;
 		let n = t?.align;
-		return n === "left" || n === "center" || n === "right" ? n : ot;
+		return n === "left" || n === "center" || n === "right" ? n : st;
+	}
+	_hasShapeTextSizeAffectingStyleChanges({ textStyle: e }) {
+		if (!e) return !1;
+		let t = Object.keys(e);
+		for (let e = 0; e < t.length; e += 1) {
+			let n = t[e];
+			if (!(n === "align" || n === "color" || n === "strokeColor" || n === "strokeWidth" || n === "underline" || n === "strikethrough" || n === "opacity")) return !0;
+		}
+		return !1;
 	}
 	_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 ?? Gn,
+			fill: n ?? t?.shapeFill ?? ir,
 			stroke: r ?? t?.shapeStroke ?? null,
-			strokeWidth: i ?? t?.shapeStrokeWidth ?? Kn,
+			strokeWidth: i ?? t?.shapeStrokeWidth ?? ar,
 			strokeDashArray: s ?? null,
-			opacity: o ?? t?.shapeOpacity ?? qn
+			opacity: o ?? t?.shapeOpacity ?? or
 		};
 	}
 	_beginMutation() {
@@ -5622,7 +5953,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		return null;
 	}
-}, Yn = class {
+}, cr = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.clipboard = null;
 	}
@@ -5878,12 +6209,12 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}), !1;
 		}
 	}
-}, Xn = class t {
+}, lr = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
 	lockObject({ object: e, skipInnerObjects: n, withoutSave: r } = {}) {
-		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = En({ target: o }) ?? o;
+		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = zn({ target: o }) ?? o;
 		if (!s || s.locked) return;
 		let c = {
 			lockMovementX: !0,
@@ -5905,7 +6236,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	unlockObject({ object: e, withoutSave: n } = {}) {
-		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = En({ target: a }) ?? a;
+		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = zn({ target: a }) ?? a;
 		if (!o) return;
 		let s = {
 			lockMovementX: !1,
@@ -5943,7 +6274,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			!(n instanceof _) || !n.isEditing || n.exitEditing();
 		}
 	}
-}, Zn = class {
+}, ur = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -6009,7 +6340,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			i.resumeHistory(), n || i.saveState();
 		}
 	}
-}, Qn = class t {
+}, dr = 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();
 	}
@@ -6203,7 +6534,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { options: e } = this.editor, { selectionKey: t } = e;
 		return t === void 0 ? ["ctrlKey", "metaKey"] : t;
 	}
-}, $n = class e {
+}, fr = class e {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -6243,7 +6574,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		};
 		return i.fire("editor:objects-deleted", l), l;
 	}
-}, er = {
+}, pr = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -6281,7 +6612,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, tr = class e {
+}, mr = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -6339,9 +6670,9 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), this.editor.canvas.fire("editor:warning", s);
 	}
 	static isValidErrorCode(e) {
-		return e ? Object.values(er).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(pr).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, nr = class {
+}, hr = class {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -6390,32 +6721,32 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, rr = ({ textbox: e }) => {
+}, gr = ({ 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)
 	};
-}, ir = ({ textbox: e }) => {
+}, _r = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, ar = ({ textbox: e, range: t }) => {
+}, vr = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, or = ({ textbox: e, styles: t, range: n }) => {
+}, yr = ({ textbox: e, styles: t, range: n }) => {
 	if (!t || !Object.keys(t).length) return !1;
 	let { start: r, end: i } = n;
 	return i <= r ? !1 : (e.setSelectionStyles(t, r, i), !0);
-}, sr = ({ textbox: e, range: t, property: n }) => {
+}, br = ({ textbox: e, range: t, property: n }) => {
 	if (!t) return;
 	let r = e.getSelectionStyles(t.start, t.end, !0);
 	if (r.length) return r[0]?.[n];
-}, cr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", lr = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, ur = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", dr = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), fr = class e extends _ {
+}, xr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", Sr = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, Cr = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", wr = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Tr = class e extends _ {
 	static {
 		this.type = "background-textbox";
 	}
@@ -6540,7 +6871,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		this._removeShadow(e);
 	}
 	_getDecorationColorAt(e, t) {
-		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = lr({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : cr({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = Sr({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : xr({
 			strokeColor: i,
 			width: r
 		});
@@ -6556,22 +6887,22 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getCornerRadii({ width: e, height: t }) {
 		let n = e / 2, r = t / 2, i = Math.min(n, r);
 		return {
-			bottomLeft: dr({
+			bottomLeft: wr({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: dr({
+			bottomRight: wr({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: dr({
+			topLeft: wr({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: dr({
+			topRight: wr({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -6589,7 +6920,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = dr({
+		let t = wr({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
@@ -6597,7 +6928,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		try {
 			r = new n(e);
 		} catch (t) {
-			return tr.emitError({
+			return mr.emitError({
 				origin: "BackgroundTextbox",
 				method: "_getEffectiveBackgroundFill",
 				code: "INVALID_COLOR_VALUE",
@@ -6611,19 +6942,19 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return r.setAlpha(t), r.toRgba();
 	}
 	static _renderRoundedRect({ ctx: e, height: t, left: n, radii: r, top: i, width: a }) {
-		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = dr({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = wr({
 			value: c,
 			min: 0,
 			max: a
-		}), p = dr({
+		}), p = wr({
 			value: l,
 			min: 0,
 			max: a
-		}), m = dr({
+		}), m = wr({
 			value: u,
 			min: 0,
 			max: a
-		}), h = dr({
+		}), h = wr({
 			value: d,
 			min: 0,
 			max: a
@@ -6634,9 +6965,9 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { width: e = 0, height: t = 0 } = this, n = Math.round(e), r = Math.round(t);
 		n !== e && (this.width = Math.max(0, n)), r !== t && (this.height = Math.max(0, r));
 	}
-}, pr = () => {
-	y?.setClass && y.setClass(fr, "background-textbox");
-}, mr = .01, hr = ({ textbox: e, lineIndices: t, updates: n }) => {
+}, Er = () => {
+	y?.setClass && y.setClass(Tr, "background-textbox");
+}, Dr = .01, Or = ({ textbox: e, lineIndices: t, updates: n }) => {
 	if (!t.length) return !1;
 	let { fontFamily: r, fontSize: i, fill: a, stroke: o } = n;
 	if (!(r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0)) return !1;
@@ -6648,7 +6979,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		r !== void 0 && d?.fontFamily !== r && (f.fontFamily = r, p = !0), i !== void 0 && d?.fontSize !== i && (f.fontSize = i, p = !0), a !== void 0 && d?.fill !== a && (f.fill = a, p = !0), o !== void 0 && (o === null && d?.stroke !== void 0 && (delete f.stroke, p = !0), o !== null && d?.stroke !== o && (f.stroke = o, p = !0)), p && (u ||= (c = { ...c }, !0), c[n] = f, l = !0);
 	}
 	return l && (e.lineFontDefaults = c), l;
-}, gr = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
+}, kr = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
 	let r = e.length;
 	if (r === 0) return {
 		lineStyles: t,
@@ -6680,7 +7011,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		lineStyles: l,
 		changed: u
 	};
-}, _r = ({ lineFontDefaults: e }) => {
+}, Ar = ({ lineFontDefaults: e }) => {
 	if (!e) return;
 	let t = {};
 	for (let n in e) {
@@ -6691,7 +7022,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		i && (t[r] = { ...i });
 	}
 	return t;
-}, vr = ({ lineFontDefaults: e, scale: t }) => {
+}, jr = ({ 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) {
@@ -6708,20 +7039,20 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		n[o] = c, r = !0;
 	}
 	if (!(!r || !i)) return n;
-}, yr = ({ textbox: e, text: t }) => {
+}, Mr = ({ 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;
-}, br = ({ textbox: e, montageLeft: t, montageRight: n }) => {
+}, Nr = ({ textbox: e, montageLeft: t, montageRight: n }) => {
 	e.setCoords();
 	let r = e.getBoundingRect(!1, !0), i = r.left ?? 0, a = i + (r.width ?? 0), o = n - t;
 	if (o > 0 && (r.width ?? 0) >= o - .01) return !1;
 	let s = 0;
 	return i < t ? s = t - i : a > n && (s = n - a), Math.abs(s) <= .01 ? !1 : (e.set({ left: (e.left ?? 0) + s }), !0);
-}, xr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, Sr = ({ stylesList: e }) => {
+}, Pr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, Fr = ({ stylesList: e }) => {
 	let t = e.length;
 	if (!t) return !1;
 	for (let n = 0; n < t; n += 1) {
@@ -6731,16 +7062,16 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0 || c !== void 0) return !0;
 	}
 	return !1;
-}, Cr = ({ textbox: e }) => {
-	let { width: t, height: n, calcTextWidth: r, calcTextHeight: i } = e, a = typeof r == "function" ? r.call(e) : void 0, o = typeof i == "function" ? i.call(e) : void 0, s = xr({
+}, Ir = ({ 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 = Pr({
 		rawValue: t,
 		calculatedValue: a
-	}), c = xr({
+	}), c = Pr({
 		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;
-}, wr = ({ textbox: e }) => {
+}, Lr = ({ 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,
@@ -6758,9 +7089,9 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			bottomLeft: f
 		},
 		styles: JSON.parse(JSON.stringify(r)),
-		lineFontDefaults: _r({ lineFontDefaults: i })
+		lineFontDefaults: Ar({ lineFontDefaults: i })
 	};
-}, Tr = ({ base: e }) => {
+}, Rr = ({ base: e }) => {
 	let t = 1 / Math.max(1, e.width), n = [e.fontSize];
 	Object.values(e.styles).forEach((e) => {
 		Object.values(e).forEach((e) => {
@@ -6777,7 +7108,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		fontScale: r,
 		proportionalScale: Math.max(t, r)
 	};
-}, Er = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, shouldScaleFontSize: o, shouldScalePadding: s, shouldScaleRadii: c, shouldDisableAutoExpandOnHorizontalChange: l = !1, shouldRoundDimensions: u = !0 }) => {
+}, zr = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, shouldScaleFontSize: o, shouldScalePadding: s, shouldScaleRadii: c, shouldDisableAutoExpandOnHorizontalChange: l = !1, shouldRoundDimensions: u = !0 }) => {
 	let { width: d, fontSize: f, padding: p, radii: m, styles: h, lineFontDefaults: g } = n, _ = Math.max(1, d * r), v = u ? Math.max(1, Math.round(_)) : _, y = Math.max(Math.min(8, f), f * i), b = Object.keys(h).length > 0, x;
 	if (o && b) {
 		let e = {};
@@ -6796,7 +7127,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), Object.keys(e).length && (x = e);
 	}
 	let S;
-	o && (S = vr({
+	o && (S = jr({
 		lineFontDefaults: g,
 		scale: i
 	}));
@@ -6810,7 +7141,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		topRight: Math.max(0, m.topRight * i),
 		bottomRight: Math.max(0, m.bottomRight * i),
 		bottomLeft: Math.max(0, m.bottomLeft * i)
-	} : m, T = e.width ?? d, E = Math.abs(v - T) > mr;
+	} : m, T = e.width ?? d, E = Math.abs(v - T) > Dr;
 	l && E && (e.autoExpand = !1), x && (e.styles = x), S && (e.lineFontDefaults = S), e.set({
 		width: v,
 		fontSize: o ? y : f,
@@ -6832,7 +7163,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	} finally {
 		e.shouldRoundDimensionsOnInit = D;
 	}
-	let O = u ? Cr({ textbox: e }) : !1;
+	let O = u ? Ir({ textbox: e }) : !1;
 	return O && (e.dirty = !0), t.applyObjectPlacement({
 		object: e,
 		placement: a
@@ -6840,18 +7171,18 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		appliedWidth: e.width ?? v,
 		dimensionsRounded: O
 	};
-}, Dr = ({ transform: e }) => {
+}, Br = ({ 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"
 	};
-}, Or = ({ textbox: e, transform: t, appliedWidth: n }) => {
+}, Vr = ({ textbox: e, transform: t, appliedWidth: n }) => {
 	t.scaleX = 1, t.scaleY = 1;
 	let { original: r } = t;
 	r && (r.scaleX = 1, r.scaleY = 1, r.width = n, r.height = e.height, r.left = e.left, r.top = e.top);
-}, kr = ({ textbox: e, transform: t, scenePoint: n }) => {
+}, Hr = ({ 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);
@@ -6861,27 +7192,27 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		stepScaleX: l,
 		stepScaleY: u
 	};
-}, Ar = 1e-4;
-function jr(e) {
+}, Ur = 1e-4;
+function Wr(e) {
 	return !!e && e instanceof _;
 }
-function Mr(e) {
-	if (!jr(e)) return !1;
+function Gr(e) {
+	if (!Wr(e)) return !1;
 	let t = e.group;
 	return e.shapeNodeType === "text" && t?.shapeComposite === !0;
 }
-var Nr = class {
+var Kr = class {
 	constructor({ canvas: t, canvasManager: n, persistScaledTextbox: r }) {
 		this.handleMouseMove = (e) => {
 			let t = this.canvas._currentTransform;
 			if (!t) return;
 			let { target: n } = t;
-			if (!jr(n) || Mr(n)) return;
+			if (!Wr(n) || Gr(n)) return;
 			let r = this.scalingState.get(n);
 			if (!r || !e.e) return;
-			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Dr({ transform: t });
+			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Br({ transform: t });
 			if (!a && !o && !i) return;
-			let s = kr({
+			let s = Hr({
 				textbox: n,
 				transform: t,
 				scenePoint: this.canvas.getScenePoint(e.e)
@@ -6904,20 +7235,20 @@ var Nr = 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) <= Ar) return;
+				if (Math.abs(t - r.lastAllowedScaleX) <= Ur) 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) > Ar && (j = t);
+					Math.abs(t - r.lastAllowedScaleX) > Ur && (j = t);
 				}
 				if (o) {
 					let e = r.lastAllowedScaleY * d, t = l ? r.minimumFontScale : Math.max(r.minimumFontScale, e);
-					Math.abs(t - r.lastAllowedScaleY) > Ar && (M = t);
+					Math.abs(t - r.lastAllowedScaleY) > Ur && (M = t);
 				}
-				if (Math.abs(j - r.lastAllowedScaleX) <= Ar && Math.abs(M - r.lastAllowedScaleY) <= Ar) return;
+				if (Math.abs(j - r.lastAllowedScaleX) <= Ur && Math.abs(M - r.lastAllowedScaleY) <= Ur) return;
 			}
-			let { appliedWidth: N, dimensionsRounded: P } = Er({
+			let { appliedWidth: N, dimensionsRounded: P } = zr({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: r.startBase,
@@ -6930,7 +7261,7 @@ var Nr = class {
 				shouldDisableAutoExpandOnHorizontalChange: a,
 				shouldRoundDimensions: !i
 			});
-			Or({
+			Vr({
 				textbox: n,
 				transform: t,
 				appliedWidth: N
@@ -6951,12 +7282,12 @@ var Nr = class {
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
-			if (n instanceof e || !jr(n) || Mr(n) || !r) return;
+			if (n instanceof e || !Wr(n) || Gr(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 } = Dr({ transform: r }), d = r.corner ?? "", f = c || u;
+			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = Br({ 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,
@@ -6971,7 +7302,7 @@ var Nr = 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: L } = Er({
+			let { appliedWidth: ee, dimensionsRounded: L } = zr({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: a,
@@ -6984,7 +7315,7 @@ var Nr = class {
 				shouldDisableAutoExpandOnHorizontalChange: l,
 				shouldRoundDimensions: !c
 			});
-			Or({
+			Vr({
 				textbox: n,
 				transform: r,
 				appliedWidth: ee
@@ -7017,7 +7348,7 @@ var Nr = class {
 			let { target: n } = t;
 			if (n instanceof e) {
 				let t = n.getObjects();
-				if (!t.some((e) => jr(e))) return;
+				if (!t.some((e) => Wr(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) => {
@@ -7027,7 +7358,7 @@ var Nr = class {
 				this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
 				return;
 			}
-			if (!jr(n) || Mr(n)) return;
+			if (!Wr(n) || Gr(n)) return;
 			n.isScaling = !1;
 			let r = this.scalingState.get(n);
 			if (this.scalingState.delete(n), !r?.hasScalingChange) return;
@@ -7052,11 +7383,11 @@ var Nr = class {
 		}, this.canvas = t, this.canvasManager = n, this.persistScaledTextbox = r, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
-		if (!jr(e) || Mr(e)) return !1;
+		if (!Wr(e) || Gr(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 = wr({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
-		return Er({
+		let i = Lr({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
+		return zr({
 			textbox: e,
 			canvasManager: this.canvasManager,
 			base: i,
@@ -7072,7 +7403,7 @@ var Nr = class {
 	_ensureScalingState({ textbox: e, transform: t }) {
 		let n = this.scalingState.get(e);
 		if (!n) {
-			let r = wr({ textbox: e }), i = Tr({ base: r }), a = t.original?.originX ?? t.originX ?? e.originX ?? "center", o = t.original?.originY ?? t.originY ?? e.originY ?? "center";
+			let r = Lr({ textbox: e }), i = Rr({ base: r }), a = t.original?.originX ?? t.originX ?? e.originX ?? "center", o = t.original?.originY ?? t.originY ?? e.originY ?? "center";
 			n = {
 				startBase: r,
 				startTransformCorner: typeof t.corner == "string" ? t.corner : null,
@@ -7104,7 +7435,7 @@ var Nr = class {
 			topRight: e.radiusTopRight ?? 0,
 			bottomRight: e.radiusBottomRight ?? 0,
 			bottomLeft: e.radiusBottomLeft ?? 0
-		}, v = Math.abs(n - o) > mr, y = Math.abs(h - r) > mr, b = Math.abs(g.top - i.top) > .01 || Math.abs(g.right - i.right) > .01 || Math.abs(g.bottom - i.bottom) > .01 || Math.abs(g.left - i.left) > .01, x = Math.abs(_.topLeft - a.topLeft) > .01 || Math.abs(_.topRight - a.topRight) > .01 || Math.abs(_.bottomRight - a.bottomRight) > .01 || Math.abs(_.bottomLeft - a.bottomLeft) > .01, S = t.lastAllowedScaleX, C = t.lastAllowedScaleY;
+		}, v = Math.abs(n - o) > Dr, y = Math.abs(h - r) > Dr, b = Math.abs(g.top - i.top) > .01 || Math.abs(g.right - i.right) > .01 || Math.abs(g.bottom - i.bottom) > .01 || Math.abs(g.left - i.left) > .01, x = Math.abs(_.topLeft - a.topLeft) > .01 || Math.abs(_.topRight - a.topRight) > .01 || Math.abs(_.bottomRight - a.bottomRight) > .01 || Math.abs(_.bottomLeft - a.bottomLeft) > .01, S = t.lastAllowedScaleX, C = t.lastAllowedScaleY;
 		if (c) {
 			let e = h / Math.max(1, m);
 			S = e, C = e;
@@ -7125,7 +7456,7 @@ var Nr = class {
 			originY: a
 		});
 	}
-}, Pr = ({ textbox: e }) => {
+}, qr = ({ textbox: e }) => {
 	let t = e.text ?? "";
 	if (!t.length) return [];
 	let n = t.split("\n"), r = [], i = 0;
@@ -7137,7 +7468,7 @@ var Nr = class {
 		});
 	}
 	return r;
-}, Fr = ({ range: e, text: t }) => {
+}, Jr = ({ range: e, text: t }) => {
 	if (!e) return null;
 	let n = t.length;
 	if (n <= 0) return null;
@@ -7146,8 +7477,8 @@ var Nr = class {
 		start: l,
 		end: u
 	};
-}, Ir = ({ textbox: e, range: t }) => {
-	let n = Pr({ textbox: e });
+}, Yr = ({ textbox: e, range: t }) => {
+	let n = qr({ textbox: e });
 	if (!n.length) return t;
 	let { start: r } = t, { end: i } = t;
 	for (let e = 0; e < n.length; e += 1) {
@@ -7160,7 +7491,7 @@ var Nr = class {
 		start: r,
 		end: i
 	};
-}, Lr = ({ textbox: e, range: t }) => {
+}, Xr = ({ textbox: e, range: t }) => {
 	let n = e.text ?? "";
 	if (!n.length) return [];
 	let { start: r, end: i } = t, a = n.split("\n"), o = [], s = 0;
@@ -7169,7 +7500,7 @@ var Nr = class {
 		i > n && r < c && o.push(e), s = c + 1;
 	}
 	return o;
-}, Rr = ({ textbox: e, range: t }) => {
+}, Zr = ({ textbox: e, range: t }) => {
 	let n = e.text ?? "";
 	if (!n.length) return [];
 	let { start: r, end: i } = t, a = n.split("\n"), o = [], s = 0;
@@ -7178,20 +7509,20 @@ var Nr = class {
 		r <= n && i >= c && o.push(e), s = c + 1;
 	}
 	return o;
-}, zr = ({ previous: e, next: t }) => {
+}, Qr = ({ previous: e, next: t }) => {
 	let n = Math.min(e.length, t.length);
 	for (let r = 0; r < n; r += 1) if (e[r] !== t[r]) return r;
 	return n;
-}, Br = ({ text: e, charIndex: t }) => {
+}, $r = ({ text: e, charIndex: t }) => {
 	let n = Math.max(0, Math.min(t, e.length)), r = 0;
 	for (let t = 0; t < n; t += 1) e[t] === "\n" && (r += 1);
 	return r;
-}, Vr = ({ text: e, lineIndex: t }) => {
+}, ei = ({ text: e, lineIndex: t }) => {
 	if (t <= 0) return 0;
 	let n = 0;
 	for (let r = 0; r < e.length; r += 1) if (e[r] === "\n" && (n += 1, n === t)) return r + 1;
 	return e.length;
-}, Hr = class e {
+}, ti = class e {
 	constructor({ editor: t }) {
 		this._handleTextEditingEntered = (t) => {
 			this.isTextEditingActive = !0;
@@ -7204,7 +7535,7 @@ var Nr = class {
 			if (!e._isTextbox(n) || this.lineDefaultsSyncing.has(n)) return;
 			let r = e._isShapeOwnedTextbox(n), { text: i = "", uppercase: a, autoExpand: o } = n, s = !!a, c = o !== !1, l = i.toLocaleLowerCase(), u = r ? null : this.editingPlacementState?.get(n) ?? this.editor.canvasManager.getObjectPlacement({ object: n });
 			if (s) {
-				let e = ur({ value: l });
+				let e = Cr({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
@@ -7222,7 +7553,7 @@ var Nr = class {
 			let r = e._isShapeOwnedTextbox(n);
 			this.editingPlacementState?.delete(n);
 			let i = n.text ?? "";
-			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (Cr({ 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 || (Ir({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
 				lockMovementX: !1,
 				lockMovementY: !1
 			}));
@@ -7249,7 +7580,7 @@ var Nr = class {
 				transform: r,
 				event: i ?? null
 			});
-		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new Nr({
+		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new Kr({
 			canvas: t.canvas,
 			canvasManager: t.canvasManager,
 			persistScaledTextbox: ({ target: e, style: t }) => {
@@ -7258,12 +7589,12 @@ var Nr = class {
 					style: t
 				});
 			}
-		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), pr();
+		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), Er();
 	}
 	addText({ id: t = `text-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1 } = {}) {
 		let { canvasManager: j, historyManager: M } = this.editor, { canvas: N } = this;
 		M.suspendHistory();
-		let P = i ?? this._getDefaultFontFamily(), F = lr({ width: m }), I = cr({
+		let P = i ?? this._getDefaultFontFamily(), F = Sr({ width: m }), I = xr({
 			strokeColor: p,
 			width: F
 		}), ee = {
@@ -7292,14 +7623,14 @@ var Nr = class {
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, L = new fr(n, ee), te = r !== !1;
+		}, L = new Tr(n, ee), te = r !== !1;
 		L.autoExpand = te;
 		let ne = E.left !== void 0 || E.top !== void 0;
 		if (L.textCaseRaw = L.text ?? "", l) {
-			let e = ur({ value: L.textCaseRaw });
+			let e = Cr({ value: L.textCaseRaw });
 			e !== L.text && L.set({ text: e });
 		}
-		Cr({ textbox: L }) && (L.dirty = !0);
+		Ir({ textbox: L }) && (L.dirty = !0);
 		let R;
 		ne && (R = j.resolveObjectPlacement({
 			object: L,
@@ -7346,13 +7677,13 @@ var Nr = class {
 			top: ee,
 			originX: L,
 			originY: te
-		}), z = a === void 0 ? rr({ textbox: o }) : Fr({
+		}), z = a === void 0 ? gr({ textbox: o }) : Jr({
 			text: s,
 			range: a
-		}), ie = z ? Ir({
+		}), ie = z ? Yr({
 			textbox: o,
 			range: z
-		}) : null, B = {}, ae = {}, V = {}, oe, se, ce = ar({
+		}) : null, B = {}, ae = {}, V = {}, oe, se, ce = vr({
 			textbox: o,
 			range: z
 		}), le = !z || ce, H = !z;
@@ -7365,72 +7696,72 @@ var Nr = class {
 			z && (B.fontStyle = e), le && (R.fontStyle = e, H && (V.fontStyle = e));
 		}
 		if (v !== void 0 && (z && (B.underline = v), le && (R.underline = v, H && (V.underline = v))), b !== void 0 && (z && (B.linethrough = b), le && (R.linethrough = b, H && (V.linethrough = b))), x !== void 0 && (R.textAlign = x), S !== void 0 && (z && (B.fill = S), le && (R.fill = S, H && (V.fill = S))), C !== void 0 || w !== void 0) {
-			let e = z ? sr({
+			let e = z ? br({
 				textbox: o,
 				range: z,
 				property: "strokeWidth"
-			}) : void 0, t = z ? sr({
+			}) : void 0, t = z ? br({
 				textbox: o,
 				range: z,
 				property: "stroke"
 			}) : void 0;
-			se = lr({ width: w ?? e ?? o.strokeWidth ?? 0 }), oe = cr({
+			se = Sr({ width: w ?? e ?? o.strokeWidth ?? 0 }), oe = xr({
 				strokeColor: C ?? t ?? o.stroke ?? void 0,
 				width: se
 			}), z && (B.stroke = oe, B.strokeWidth = se), le && (R.stroke = oe, R.strokeWidth = se, H && (V.stroke = oe, V.strokeWidth = se));
 		}
 		T !== void 0 && (R.opacity = T), E !== void 0 && (R.backgroundColor = E), D !== void 0 && (R.backgroundOpacity = D), O !== void 0 && (R.paddingTop = O), k !== void 0 && (R.paddingRight = k), A !== void 0 && (R.paddingBottom = A), j !== void 0 && (R.paddingLeft = j), M !== void 0 && (R.radiusTopLeft = M), N !== void 0 && (R.radiusTopRight = N), P !== void 0 && (R.radiusBottomRight = P), F !== void 0 && (R.radiusBottomLeft = F);
 		let ue = o.textCaseRaw ?? s, de = !!o.uppercase, fe = f !== void 0, pe = fe ? f ?? "" : ue, me = y ?? de, he = me !== de;
-		fe || he ? (R.text = me ? ur({ value: pe }) : pe, o.textCaseRaw = pe) : o.textCaseRaw === void 0 && (o.textCaseRaw = ue), o.uppercase = me, o.set(R);
+		fe || he ? (R.text = me ? Cr({ value: pe }) : pe, o.textCaseRaw = pe) : o.textCaseRaw === void 0 && (o.textCaseRaw = ue), o.uppercase = me, o.set(R);
 		let ge = !1;
 		if (z) {
-			let e = or({
+			let e = yr({
 				textbox: o,
 				styles: B,
 				range: z
-			}), t = ie ? or({
+			}), t = ie ? yr({
 				textbox: o,
 				styles: ae,
 				range: ie
 			}) : !1;
 			ge = e || t;
 		} else if (Object.keys(V).length) {
-			let e = ir({ textbox: o });
-			e && (ge = or({
+			let e = _r({ textbox: o });
+			e && (ge = yr({
 				textbox: o,
 				styles: V,
 				range: e
 			}));
 		}
-		let _e = ge && Sr({ stylesList: [
+		let _e = ge && Fr({ stylesList: [
 			B,
 			ae,
 			V
 		] });
 		if (ge && (o.dirty = !0), ie && (m !== void 0 || h !== void 0)) {
-			let e = Lr({
+			let e = Xr({
 				textbox: o,
 				range: ie
 			}), t = {};
-			m !== void 0 && (t.fontFamily = m), h !== void 0 && (t.fontSize = h), hr({
+			m !== void 0 && (t.fontFamily = m), h !== void 0 && (t.fontSize = h), Or({
 				textbox: o,
 				lineIndices: e,
 				updates: t
 			});
 		}
 		if (z && (S !== void 0 || C !== void 0 || w !== void 0)) {
-			let e = Rr({
+			let e = Zr({
 				textbox: o,
 				range: z
 			}), t = {};
-			S !== void 0 && (t.fill = S), (C !== void 0 || w !== void 0) && (oe === null && (t.stroke = null), oe != null && (t.stroke = oe)), hr({
+			S !== void 0 && (t.fill = S), (C !== void 0 || w !== void 0) && (oe === null && (t.stroke = null), oe != null && (t.stroke = oe)), Or({
 				textbox: o,
 				lineIndices: e,
 				updates: t
 			});
 		}
 		_e && (o.initDimensions(), o.dirty = !0), (E !== void 0 || D !== void 0 || O !== void 0 || k !== void 0 || A !== void 0 || j !== void 0 || M !== void 0 || N !== void 0 || P !== void 0 || F !== void 0) && (o.dirty = !0);
-		let ve = Sr({ stylesList: [
+		let ve = Fr({ stylesList: [
 			R,
 			B,
 			ae,
@@ -7512,7 +7843,7 @@ var Nr = class {
 			clampToMontage: r
 		}));
 		let a = !1;
-		i || (a = Cr({ textbox: e }));
+		i || (a = Ir({ textbox: e }));
 		let o = !1;
 		return !i && t && (this.editor.canvasManager.applyObjectPlacement({
 			object: e,
@@ -7526,15 +7857,15 @@ var Nr = class {
 	_syncLineFontDefaultsOnTextChanged({ textbox: e }) {
 		let { text: t = "", lineFontDefaults: n, styles: r, fontFamily: i, fontSize: a, fill: o, stroke: s, selectionStart: c, isEditing: l } = e, u = t, d = e.__lineDefaultsPrevText ?? u, f = d.split("\n"), p = u.split("\n"), m = f.length, h = p.length - m, g = n, _ = !1, v = !1, y = typeof o == "string" ? o : void 0, b = typeof s == "string" ? s : void 0;
 		if (h !== 0 && n && Object.keys(n).length) {
-			let e = zr({
+			let e = Qr({
 				previous: d,
 				next: u
-			}), t = Br({
+			}), t = $r({
 				text: d,
 				charIndex: e
 			});
 			if (h > 0) {
-				let r = Vr({
+				let r = ei({
 					text: d,
 					lineIndex: t
 				}), i = t + 1;
@@ -7575,7 +7906,7 @@ var Nr = class {
 			let t = p[e] ?? "", n = g ? g[e] : void 0;
 			if (n && (T = n), t.length !== 0) {
 				if (n) {
-					let r = gr({
+					let r = kr({
 						lineText: t,
 						lineStyles: S ? S[e] : void 0,
 						lineDefaults: n
@@ -7615,16 +7946,16 @@ var Nr = 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(yr({
+		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(Mr({
 			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), Cr({ 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), Ir({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
 			object: e,
 			placement: t
 		});
 		let b = !1;
-		return n && (b = br({
+		return n && (b = Nr({
 			textbox: e,
 			montageLeft: o,
 			montageRight: o + s
@@ -7682,7 +8013,7 @@ var Nr = class {
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, Ur = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, Wr = (e) => {
+}, ni = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, ri = (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",
@@ -7693,7 +8024,7 @@ var Nr = 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: Ur({
+			angle: ni({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -7721,7 +8052,7 @@ var Nr = class {
 		};
 	}
 	return null;
-}, Gr = "_templateAnchorX", Kr = "_templateAnchorY", qr = class t {
+}, ii = "_templateAnchorX", ai = "_templateAnchorY", oi = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7730,7 +8061,7 @@ var Nr = class {
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: er.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: pr.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
@@ -7759,14 +8090,14 @@ var Nr = class {
 		if (!s?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: er.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: pr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
 		let u = t._getBounds(r);
 		if (!u) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: er.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: pr.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
 		let d = t._getMontageSize({
@@ -7785,7 +8116,7 @@ var Nr = class {
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: er.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: pr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
 			let { backgroundObject: i, contentObjects: c } = t._extractBackgroundObject(r);
@@ -7820,7 +8151,7 @@ var Nr = class {
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: er.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: pr.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
 					templateId: l,
@@ -7974,8 +8305,8 @@ var Nr = class {
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, Gr),
-				anchorY: t._resolveAnchor(s, Kr)
+				anchorX: t._resolveAnchor(s, ii),
+				anchorY: t._resolveAnchor(s, ai)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
@@ -7989,7 +8320,7 @@ var Nr = class {
 				originX: _,
 				originY: v
 			}
-		}), delete s[Gr], delete s[Kr];
+		}), delete s[ii], delete s[ai];
 	}
 	static _getPositioningBounds({ bounds: e, baseWidth: n, baseHeight: r, scale: i, useRelativePositions: a, anchorX: o, anchorY: s }) {
 		if (!a) return e;
@@ -8053,7 +8384,7 @@ var Nr = class {
 		});
 		if (!i || !s || !o) return;
 		e.setCoords();
-		let c = e, l = t._resolveAnchor(c, Gr), 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, ii), 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,
@@ -8082,10 +8413,10 @@ var Nr = 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[Gr] = t._detectAnchor({
+		return a[ii] = t._detectAnchor({
 			start: h,
 			end: _
-		}), a[Kr] = t._detectAnchor({
+		}), a[ai] = t._detectAnchor({
 			start: g,
 			end: v
 		}), a.left = m.x, a.top = m.y, a;
@@ -8110,7 +8441,7 @@ var Nr = class {
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = Wr(r);
+				let e = ri(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -8131,7 +8462,7 @@ var Nr = class {
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: er.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: pr.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -8167,29 +8498,29 @@ var Nr = class {
 	enlivenObjectEnlivables(e) {
 		return C.enlivenObjectEnlivables(e);
 	}
-}, Jr = "#3D8BF4", Yr = .5, Xr = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, Zr = ({ firstDistance: e, secondDistance: t }) => {
-	let n = Xr({ distance: e }), r = Xr({ distance: t });
+}, si = "#3D8BF4", ci = .5, li = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, ui = ({ firstDistance: e, secondDistance: t }) => {
+	let n = li({ distance: e }), r = li({ distance: t });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, Qr = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), $r = ({ step: e }) => {
+}, di = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), fi = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, ei = ({ value: e, step: t }) => {
+}, pi = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = $r({ step: t }), r = Math.round(e / t) * t;
+	let n = fi({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, ti = ({ value: e, step: t }) => {
+}, mi = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = ei({
+	let n = pi({
 		value: e,
 		step: t
-	}), r = 10 ** -($r({ step: t }) + 4);
+	}), r = 10 ** -(fi({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, ni = ({ bounds: e, axis: t }) => {
+}, hi = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -8198,7 +8529,7 @@ var Nr = class {
 		start: n,
 		end: r
 	};
-}, ri = ({ items: e, axis: t }) => {
+}, gi = ({ 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;) {
@@ -8208,10 +8539,10 @@ var Nr = class {
 		}
 		e[o + 1] = r;
 	}
-}, ii = ({ items: e, index: t, axis: n, direction: r }) => {
+}, _i = ({ items: e, index: t, axis: n, direction: r }) => {
 	let i = e[t];
 	if (!i) return null;
-	let { bounds: a } = i, { start: o, end: s } = ni({
+	let { bounds: a } = i, { start: o, end: s } = hi({
 		bounds: a,
 		axis: n
 	});
@@ -8219,7 +8550,7 @@ var Nr = class {
 		for (let r = t - 1; r >= 0; --r) {
 			let t = e[r];
 			if (!t) continue;
-			let { bounds: i } = t, { end: a } = ni({
+			let { bounds: i } = t, { end: a } = hi({
 				bounds: i,
 				axis: n
 			});
@@ -8230,26 +8561,26 @@ var Nr = class {
 	for (let r = t + 1; r < e.length; r += 1) {
 		let t = e[r];
 		if (!t) continue;
-		let { bounds: i } = t, { start: a } = ni({
+		let { bounds: i } = t, { start: a } = hi({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, ai = ({ items: e }) => {
+}, vi = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, oi = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, yi = ({ 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;
-}, si = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, ci = ({ baseOption: e, candidateOption: t }) => {
+}, bi = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, xi = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, li = ({ options: e }) => {
+}, Si = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -8260,11 +8591,11 @@ var Nr = class {
 		r.diff === t.diff && Math.abs(r.delta) < Math.abs(t.delta) && (t = r);
 	}
 	return t;
-}, ui = ({ currentOption: e, nextOption: t }) => {
+}, Ci = ({ 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);
-}, di = ({ options: e }) => {
+}, wi = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -8272,18 +8603,18 @@ var Nr = class {
 			t.push(i);
 			continue;
 		}
-		a === "before" && ui({
+		a === "before" && Ci({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && ui({
+		}) && (n = i), a === "after" && Ci({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, fi = ({ options: e, side: t, baseOption: n }) => {
+}, Ti = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && ci({
+	for (let i of e) if (i.side === t && xi({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -8294,63 +8625,63 @@ var Nr = class {
 		!r || i.diff !== r.diff || Math.abs(i.delta) < Math.abs(r.delta) && (r = i);
 	}
 	return r;
-}, pi = ({ option: e }) => {
+}, Ei = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, mi = ({ option: e, context: t }) => {
+}, Di = ({ 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;
-}, hi = ({ options: e, context: t }) => {
+}, Oi = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (mi({
+	for (let n of e) if (Di({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, gi = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = hi({
+}, ki = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = Oi({
 		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;
-}, _i = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, Ai = ({ 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));
-}, vi = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, ji = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = di({ options: e }), i = [];
+	let r = wi({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = gi({
+	let a = i.length > 0, o = a ? i : r, s = ki({
 		options: o,
-		bestOption: li({ options: o }),
+		bestOption: Si({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = fi({
+	}), c = Ti({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = fi({
+	}), l = Ti({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = fi({
+	}), u = Ti({
 		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) _i({
+	for (let e of d) Ai({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -8358,15 +8689,15 @@ var Nr = class {
 	return {
 		delta: s.delta,
 		guides: f,
-		context: pi({ option: s })
+		context: Ei({ option: s })
 	};
-}, yi = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = ei({
+}, Mi = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = pi({
 		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: _ } = Zr({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = ui({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -8381,13 +8712,13 @@ var Nr = class {
 		});
 	}
 	return u;
-}, bi = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = Zr({
+}, Ni = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = ui({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, xi = ({ anchors: e, positions: t, threshold: n }) => {
+}, Pi = ({ 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);
@@ -8397,8 +8728,8 @@ var Nr = class {
 		delta: r,
 		guidePosition: a
 	};
-}, Si = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = xi({
+}, Fi = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Pi({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -8406,7 +8737,7 @@ var Nr = class {
 			i
 		],
 		threshold: t
-	}), u = xi({
+	}), u = Pi({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -8426,11 +8757,11 @@ var Nr = class {
 		deltaY: u.delta,
 		guides: d
 	};
-}, Ci = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, Ii = ({ 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;
-		Qr({
+		di({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -8450,22 +8781,22 @@ var Nr = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), ri({
+	}), gi({
 		items: f,
 		axis: "top"
 	});
-	let p = ai({ items: f });
+	let p = vi({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = ii({
+	let m = [], h = c - s, g = _i({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = ii({
+	}), _ = _i({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -8474,19 +8805,19 @@ var Nr = 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 = ei({
+			let e = pi({
 				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 = yi({
+				let t = Mi({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Yr
+					step: ci
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -8523,16 +8854,16 @@ var Nr = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!ti({
+		if (!mi({
 			value: a,
 			step: .5
-		}) || !oi({
+		}) || !yi({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = si({
+		let d = bi({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -8540,12 +8871,12 @@ var Nr = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = ei({
+				let e = pi({
 					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 = bi({
+				let d = Ni({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8569,12 +8900,12 @@ var Nr = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = ei({
+				let e = pi({
 					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 = bi({
+				let d = Ni({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8599,16 +8930,16 @@ var Nr = class {
 			}
 		}
 	}
-	return vi({
+	return ji({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, wi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, Li = ({ 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;
-		Qr({
+		di({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -8628,22 +8959,22 @@ var Nr = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), ri({
+	}), gi({
 		items: f,
 		axis: "left"
 	});
-	let p = ai({ items: f });
+	let p = vi({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = ii({
+	let m = [], h = c - s, g = _i({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = ii({
+	}), _ = _i({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -8652,19 +8983,19 @@ var Nr = 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 = ei({
+			let e = pi({
 				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 = yi({
+				let t = Mi({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Yr
+					step: ci
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -8701,16 +9032,16 @@ var Nr = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!ti({
+		if (!mi({
 			value: a,
 			step: .5
-		}) || !oi({
+		}) || !yi({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = si({
+		let d = bi({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -8718,12 +9049,12 @@ var Nr = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = ei({
+				let e = pi({
 					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 = bi({
+				let d = Ni({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8747,12 +9078,12 @@ var Nr = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = ei({
+				let e = pi({
 					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 = bi({
+				let d = Ni({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8777,20 +9108,20 @@ var Nr = class {
 			}
 		}
 	}
-	return vi({
+	return ji({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, Ti = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Ci({
+}, Ri = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Ii({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = wi({
+	}), l = Li({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -8809,14 +9140,14 @@ var Nr = class {
 			horizontal: l.context
 		}
 	};
-}, Ei = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, zi = ({ 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();
-}, Di = ({ 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 }) => {
+}, Bi = ({ 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(), Ei({
+	e.beginPath(), zi({
 		context: e,
 		x: w,
 		y: T,
@@ -8824,11 +9155,11 @@ var Nr = class {
 		height: C,
 		radius: v
 	}), e.fill(), e.fillStyle = c, e.fillText(a, b, x), e.restore();
-}, Oi = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = Xr({ distance: l }).toString();
+}, Vi = ({ context: e, guide: t, zoom: n }) => {
+	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = li({ 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 = Jr;
-	Di({
+	let d = si;
+	Bi({
 		context: e,
 		type: r,
 		axis: i,
@@ -8838,7 +9169,7 @@ var Nr = class {
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), Di({
+	}), Bi({
 		context: e,
 		type: r,
 		axis: i,
@@ -8849,10 +9180,10 @@ var Nr = class {
 		color: d,
 		lineWidth: 1
 	});
-}, ki = ({ anchors: e, bounds: t }) => {
+}, Hi = ({ 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);
-}, Ai = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, Ui = ({ 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;
@@ -8873,35 +9204,35 @@ var Nr = class {
 		});
 	}
 	return i;
-}, ji = ({ bounds: e }) => ({
-	vertical: Ai({
+}, Wi = ({ bounds: e }) => ({
+	vertical: Ui({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: Ai({
+	horizontal: Ui({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), Mi = [
+}), Gi = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], Ni = ({ activeObject: t }) => {
+], Ki = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, Pi = ({ object: e, excluded: t, ignoredIds: n = Mi }) => {
+}, qi = ({ object: e, excluded: t, ignoredIds: n = Gi }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Fi = class e {
+}, Ji = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -8954,7 +9285,7 @@ var Nr = class {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
 		}
-		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Si({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Fi({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -8966,7 +9297,7 @@ var Nr = class {
 				top: t + u
 			}), n.setCoords(), a = W({ object: n }) ?? a;
 		}
-		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Ti({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Ri({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -8987,11 +9318,11 @@ var Nr = class {
 			target: n,
 			transform: i
 		});
-		let h = W({ object: n }) ?? a, g = Si({
+		let h = W({ object: n }) ?? a, g = Fi({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = Ti({
+		}), _ = Ri({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -9222,9 +9553,9 @@ var Nr = 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 = Jr, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = si, 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) Oi({
+		for (let e of this.activeSpacingGuides) Vi({
 			context: n,
 			guide: e,
 			zoom: c
@@ -9435,14 +9766,14 @@ var Nr = class {
 		}, r = [];
 		for (let e of t) {
 			let t = W({ object: e });
-			t && (ki({
+			t && (Hi({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
 		let { montageArea: i } = this.editor, a = W({ object: i });
 		if (a) {
-			ki({
+			Hi({
 				anchors: n,
 				bounds: a
 			});
@@ -9454,12 +9785,12 @@ var Nr = class {
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = ji({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = Wi({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = Ni({ activeObject: e }), n = [];
+		let t = Ki({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			Pi({
+			qi({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -9482,7 +9813,7 @@ var Nr = class {
 			bottom: (r - s) / a
 		};
 	}
-}, Ii = "#3D8BF4", Li = class e {
+}, Yi = "#3D8BF4", Xi = 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();
 	}
@@ -9575,8 +9906,8 @@ var Nr = class {
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = Ni({ activeObject: t });
-		return n && !Pi({
+		let { target: n } = e, r = Ki({ activeObject: t });
+		return n && !qi({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -9693,18 +10024,18 @@ var Nr = 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 = Ii, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = Yi, 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(), Di({
+			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), Bi({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: Xr({ distance: l }).toString(),
+				text: li({ distance: l }).toString(),
 				zoom: r,
-				color: Ii,
+				color: Yi,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -9722,13 +10053,13 @@ var Nr = class {
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, Ri = class e {
+}, Zi = 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 (z.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new tr({ editor: this }), this.historyManager = new Me({ editor: this }), this.toolbar = new ae({ editor: this }), this.transformManager = new Ue({ editor: this }), this.zoomManager = new We({ editor: this }), this.canvasManager = new He({ editor: this }), this.imageManager = new Re({ editor: this }), this.layerManager = new $e({ editor: this }), this.shapeManager = new Jn({ editor: this }), this.interactionBlocker = new Ze({ editor: this }), this.backgroundManager = new Qe({ editor: this }), this.clipboardManager = new Yn({ editor: this }), this.objectLockManager = new Xn({ editor: this }), this.groupingManager = new Zn({ editor: this }), this.selectionManager = new Qn({ editor: this }), this.deletionManager = new $n({ editor: this }), this.panConstraintManager = new nr({ editor: this }), this.snappingManager = new Fi({ editor: this }), this.measurementManager = new Li({ editor: this }), this.fontManager = new ie(this.options.fonts ?? []), this.textManager = new Hr({ editor: this }), this.templateManager = new qr({ editor: this }), u && (this.angleIndicator = new se({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
+		if (z.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new mr({ editor: this }), this.historyManager = new Me({ editor: this }), this.toolbar = new ae({ editor: this }), this.transformManager = new Ue({ editor: this }), this.zoomManager = new We({ editor: this }), this.canvasManager = new He({ editor: this }), this.imageManager = new Re({ editor: this }), this.layerManager = new $e({ editor: this }), this.shapeManager = new sr({ editor: this }), this.interactionBlocker = new Ze({ editor: this }), this.backgroundManager = new Qe({ editor: this }), this.clipboardManager = new cr({ editor: this }), this.objectLockManager = new lr({ editor: this }), this.groupingManager = new ur({ editor: this }), this.selectionManager = new dr({ editor: this }), this.deletionManager = new fr({ editor: this }), this.panConstraintManager = new hr({ editor: this }), this.snappingManager = new Ji({ editor: this }), this.measurementManager = new Xi({ editor: this }), this.fontManager = new ie(this.options.fonts ?? []), this.textManager = new ti({ editor: this }), this.templateManager = new oi({ editor: this }), u && (this.angleIndicator = new se({ 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) {
@@ -9836,7 +10167,7 @@ var Nr = class {
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), zi = {
+].join(", "), Qi = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -10690,20 +11021,20 @@ var Nr = class {
 };
 //#endregion
 //#region src/main.ts
-function Bi(e, t = {}) {
+function $i(e, t = {}) {
 	let n = {
-		...zi,
+		...Qi,
 		...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 Ri(i.id, n);
+		let r = new Zi(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { Bi as default };
+export { $i as default };
 
 //# sourceMappingURL=main.js.map