@anu3ev/fabric-image-editor 0.8.1 → 0.8.2

package/dist/main.js

@@ -2453,9 +2453,9 @@ var wt = class {
 		f && (this.editor.montageArea = f, n.placeMontageAreaAtCanonicalScenePosition(), p = f.width !== l || f.height !== u, m = s !== t.getWidth() || c !== t.getHeight());
 		let h = t.getObjects().find((e) => e.id === "background");
 		h ? i.backgroundObject = h : i.removeBackground({ withoutSave: !0 });
-		let { textManager: g } = this.editor;
-		g && t.getObjects().forEach((e) => {
-			g.commitStandaloneTextScale({ target: e });
+		let { textManager: g, shapeManager: _ } = this.editor;
+		t.getObjects().forEach((e) => {
+			g.commitStandaloneTextScale({ target: e }), _.commitRehydratedShapeLayout({ target: e });
 		}), f && (r.ensureOverlay(), m ? n.updateCanvas() : p ? (a.calculateAndApplyDefaultZoom(), n.refreshMontageDerivedState()) : (a.updateDefaultZoom(), n.centerViewportToMontageArea(), n.refreshMontageDerivedState(), o.updateBounds())), t.renderAll(), t.fire("editor:history-state-loaded", {
 			fullState: e,
 			currentIndex: this.currentIndex,
@@ -2527,7 +2527,7 @@ var wt = class {
 			}
 		}
 	}
-}, Tt = .1, Et = 4096, Dt = 4096, Ot = "application/image-editor:", kt = /* @__PURE__ */ "customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeReplaceBoxWidth.shapeReplaceBoxHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split("."), At = class e {
+}, Tt = .1, Et = 4096, Dt = 4096, Ot = "application/image-editor:", kt = /* @__PURE__ */ "id.customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeReplaceBoxWidth.shapeReplaceBoxHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split("."), At = class e {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
 	}
@@ -4013,24 +4013,259 @@ var Wt = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			e.sendObjectBackwards(t.obj);
 		});
 	}
-}, Jt = 1, Yt = 1e-4;
+}, Jt = .01, Yt = ({ 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;
+	let { lineFontDefaults: s } = e, c = s ?? {}, l = !1, u = !1;
+	for (let e = 0; e < t.length; e += 1) {
+		let n = t[e];
+		if (!Number.isFinite(n)) continue;
+		let d = u ? c[n] : s?.[n], f = d ? { ...d } : {}, p = !1;
+		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;
+}, Xt = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
+	let r = e.length;
+	if (r === 0) return {
+		lineStyles: t,
+		changed: !1
+	};
+	let { fontFamily: i, fontSize: a, fill: o, stroke: s } = n;
+	if (!(i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0)) return {
+		lineStyles: t,
+		changed: !1
+	};
+	let c = {};
+	i !== void 0 && (c.fontFamily = i), a !== void 0 && (c.fontSize = a), o !== void 0 && (c.fill = o), s !== void 0 && (c.stroke = s);
+	let l = t, u = !1, d = !1;
+	if (t) for (let e in t) {
+		if (!Object.prototype.hasOwnProperty.call(t, e)) continue;
+		let n = Number(e);
+		Number.isInteger(n) && n >= 0 && n < r || (d ||= (l = { ...t }, !0), l && Object.prototype.hasOwnProperty.call(l, e) && delete l[e], u = !0);
+	}
+	for (let e = 0; e < r; e += 1) {
+		let n = l ?? t, r = n ? n[e] : void 0;
+		if (!r) {
+			l || (l = {}, d = !0), d ||= (l = { ...l }, !0), l[e] = { ...c }, u = !0;
+			continue;
+		}
+		let f = null;
+		i !== void 0 && r.fontFamily === void 0 && (f = { ...r }, f.fontFamily = i), a !== void 0 && r.fontSize === void 0 && (f ||= { ...r }, f.fontSize = a), o !== void 0 && r.fill === void 0 && (f ||= { ...r }, f.fill = o), s !== void 0 && r.stroke === void 0 && (f ||= { ...r }, f.stroke = s), f && (l || (l = {}, d = !0), d ||= (l = { ...l }, !0), l[e] = f, u = !0);
+	}
+	return {
+		lineStyles: l,
+		changed: u
+	};
+}, Zt = ({ lineFontDefaults: e }) => {
+	if (!e) return;
+	let t = {};
+	for (let n in e) {
+		if (!Object.prototype.hasOwnProperty.call(e, n)) continue;
+		let r = Number(n);
+		if (!Number.isFinite(r)) continue;
+		let i = e[r];
+		i && (t[r] = { ...i });
+	}
+	return t;
+}, Qt = ({ 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) {
+		if (!Object.prototype.hasOwnProperty.call(e, a)) continue;
+		let o = Number(a);
+		if (!Number.isFinite(o)) continue;
+		let s = e[o];
+		if (!s) continue;
+		let c = { ...s };
+		if (typeof s.fontSize == "number") {
+			let e = Math.min(8, s.fontSize);
+			c.fontSize = Math.max(e, s.fontSize * t), i = !0;
+		}
+		n[o] = c, r = !0;
+	}
+	if (!(!r || !i)) return n;
+}, $t = ({ 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;
+}, en = ({ origin: e, size: t }) => e === "left" || e === "top" || e === "start" || e === 0 ? 0 : e === "right" || e === "bottom" || e === "end" || e === 1 ? t : t / 2, tn = ({ textbox: e, originX: t = e.originX ?? "center", originY: n = e.originY ?? "center" }) => {
+	let r = e.width ?? e.calcTextWidth() ?? 0, i = e.height ?? e.calcTextHeight() ?? 0, a = e.paddingTop ?? 0, o = e.paddingRight ?? 0, s = e.paddingBottom ?? 0, c = e.paddingLeft ?? 0, l = -r / 2 + (c - o) / 2, u = -i / 2 + (a - s) / 2, d = new p(l + en({
+		origin: t,
+		size: r
+	}), u + en({
+		origin: n,
+		size: i
+	})), f = e.getPointByOrigin("center", "center"), m = e, h = typeof m.calcTransformMatrix == "function" ? m.calcTransformMatrix() : null, g = Array.isArray(h) ? new p(d.x * h[0] + d.y * h[2] + f.x, d.x * h[1] + d.y * h[3] + f.y) : new p(f.x + d.x, f.y + d.y);
+	return {
+		left: g.x,
+		top: g.y,
+		originX: t,
+		originY: n
+	};
+}, nn = ({ 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);
+}, rn = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, an = ({ stylesList: e }) => {
+	let t = e.length;
+	if (!t) return !1;
+	for (let n = 0; n < t; n += 1) {
+		let t = e[n];
+		if (!t) continue;
+		let { fontFamily: r, fontSize: i, fontWeight: a, fontStyle: o, lineHeight: s, charSpacing: c } = t;
+		if (r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0 || c !== void 0) return !0;
+	}
+	return !1;
+}, on = ({ 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 = rn({
+		rawValue: t,
+		calculatedValue: a
+	}), c = rn({
+		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;
+}, sn = ({ 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,
+		fontSize: n,
+		padding: {
+			top: a,
+			right: o,
+			bottom: s,
+			left: c
+		},
+		radii: {
+			topLeft: l,
+			topRight: u,
+			bottomRight: d,
+			bottomLeft: f
+		},
+		styles: JSON.parse(JSON.stringify(r)),
+		lineFontDefaults: Zt({ lineFontDefaults: i })
+	};
+}, cn = ({ base: e }) => {
+	let t = 1 / Math.max(1, e.width), n = [e.fontSize];
+	Object.values(e.styles).forEach((e) => {
+		Object.values(e).forEach((e) => {
+			let { fontSize: t } = e;
+			typeof t != "number" || !Number.isFinite(t) || t <= 0 || n.push(t);
+		});
+	}), Object.values(e.lineFontDefaults ?? {}).forEach((e) => {
+		let { fontSize: t } = e;
+		typeof t != "number" || !Number.isFinite(t) || t <= 0 || n.push(t);
+	});
+	let r = n.reduce((e, t) => Math.max(e, Math.min(8, t) / t), 0);
+	return {
+		widthScale: t,
+		fontScale: r,
+		proportionalScale: Math.max(t, r)
+	};
+}, ln = ({ textbox: e, base: t, scale: n, shouldScaleFontSize: r = !0, shouldScalePadding: i = !0, shouldScaleRadii: a = !0 }) => {
+	let { fontSize: o, padding: s, radii: c, styles: l, lineFontDefaults: u } = t, d = Math.max(Math.min(8, o), o * n), f = Object.keys(l).length > 0, p;
+	if (r && f) {
+		let e = {};
+		Object.entries(l).forEach(([t, r]) => {
+			if (!r) return;
+			let i = {};
+			Object.entries(r).forEach(([e, t]) => {
+				if (!t) return;
+				let r = { ...t };
+				if (typeof t.fontSize == "number") {
+					let e = Math.min(8, t.fontSize);
+					r.fontSize = Math.max(e, t.fontSize * n);
+				}
+				i[e] = r;
+			}), Object.keys(i).length && (e[t] = i);
+		}), Object.keys(e).length && (p = e);
+	}
+	let m;
+	r && (m = Qt({
+		lineFontDefaults: u,
+		scale: n
+	}));
+	let h = i ? {
+		top: Math.max(0, s.top * n),
+		right: Math.max(0, s.right * n),
+		bottom: Math.max(0, s.bottom * n),
+		left: Math.max(0, s.left * n)
+	} : s, g = a ? {
+		topLeft: Math.max(0, c.topLeft * n),
+		topRight: Math.max(0, c.topRight * n),
+		bottomRight: Math.max(0, c.bottomRight * n),
+		bottomLeft: Math.max(0, c.bottomLeft * n)
+	} : c;
+	p && (e.styles = p), m && (e.lineFontDefaults = m), e.set({
+		fontSize: r ? d : o,
+		paddingTop: h.top,
+		paddingRight: h.right,
+		paddingBottom: h.bottom,
+		paddingLeft: h.left,
+		radiusTopLeft: g.topLeft,
+		radiusTopRight: g.topRight,
+		radiusBottomRight: g.bottomRight,
+		radiusBottomLeft: g.bottomLeft
+	});
+}, un = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, anchorPlacement: o, shouldScaleFontSize: s, shouldScalePadding: c, shouldScaleRadii: l, shouldDisableAutoExpandOnHorizontalChange: u = !1, shouldRoundDimensions: d = !0 }) => {
+	let { width: f } = n, m = Math.max(1, f * r), h = d ? Math.max(1, Math.round(m)) : m, g = e.width ?? f, _ = Math.abs(h - g) > Jt;
+	u && _ && (e.autoExpand = !1), ln({
+		textbox: e,
+		base: n,
+		scale: i,
+		shouldScaleFontSize: s,
+		shouldScalePadding: c,
+		shouldScaleRadii: l
+	}), e.set({
+		width: h,
+		scaleX: 1,
+		scaleY: 1
+	});
+	let v = e.shouldRoundDimensionsOnInit;
+	e.shouldRoundDimensionsOnInit = d;
+	try {
+		e.initDimensions();
+	} finally {
+		e.shouldRoundDimensionsOnInit = v;
+	}
+	let y = d ? on({ textbox: e }) : !1;
+	return y && (e.dirty = !0), o ? (e.set({
+		originX: a.originX,
+		originY: a.originY
+	}), e.setPositionByOrigin(new p(o.left, o.top), o.originX, o.originY), e.setCoords(), {
+		appliedWidth: e.width ?? h,
+		dimensionsRounded: y
+	}) : (t.applyObjectPlacement({
+		object: e,
+		placement: a
+	}), e.setCoords(), {
+		appliedWidth: e.width ?? h,
+		dimensionsRounded: y
+	});
+}, dn = 1, fn = 1e-4;
 function J({ value: e }) {
 	return Number(e.toFixed(4));
 }
-function Xt({ rounding: e }) {
+function pn({ rounding: e }) {
 	return B({ rounding: e }) > 0;
 }
-function Zt({ width: e, height: t, strokeWidth: n }) {
+function mn({ width: e, height: t, strokeWidth: n }) {
 	let r = Math.max(0, n ?? 0);
 	return {
-		width: Math.max(Jt, e - r),
-		height: Math.max(Jt, t - r)
+		width: Math.max(dn, e - r),
+		height: Math.max(dn, t - r)
 	};
 }
-function Qt({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
-	let a = Zt({
-		width: Math.max(Jt, t),
-		height: Math.max(Jt, n),
+function hn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
+	let a = mn({
+		width: Math.max(dn, t),
+		height: Math.max(dn, n),
 		strokeWidth: i
 	});
 	if (e instanceof g) {
@@ -4049,7 +4284,7 @@ function Qt({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		}), e.setCoords();
 		return;
 	}
-	let { width: o = Jt, height: s = Jt } = e, c = Math.max(Jt, o), l = Math.max(Jt, s);
+	let { width: o = dn, height: s = dn } = e, c = Math.max(dn, o), l = Math.max(dn, s);
 	e.set({
 		scaleX: a.width / c,
 		scaleY: a.height / l,
@@ -4059,11 +4294,11 @@ function Qt({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		originY: "center"
 	}), e.setCoords();
 }
-function $t({ shape: e, style: t }) {
+function gn({ 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) $t({
+		for (let e = 0; e < n.length; e += 1) gn({
 			shape: n[e],
 			style: t
 		});
@@ -4077,7 +4312,7 @@ function $t({ shape: e, style: t }) {
 	};
 	n !== void 0 && (s.fill = n), r !== void 0 && (s.stroke = r), i !== void 0 && (s.strokeWidth = i), a !== void 0 && (s.strokeDashArray = a), o !== void 0 && (s.opacity = o), e.set(s), e.setCoords();
 }
-function en({ points: e, closed: t }) {
+function _n({ points: e, closed: t }) {
 	if (e.length === 0) return "";
 	let n = `M ${J({ value: e[0].x })} ${J({ value: e[0].y })}`;
 	for (let t = 1; t < e.length; t += 1) {
@@ -4086,7 +4321,7 @@ function en({ points: e, closed: t }) {
 	}
 	return t && (n += " Z"), n;
 }
-function tn({ previous: e, current: t, next: n, roundingRatio: r }) {
+function vn({ previous: e, current: t, next: n, roundingRatio: r }) {
 	let i = {
 		x: e.x - t.x,
 		y: e.y - t.y
@@ -4094,7 +4329,7 @@ function tn({ previous: e, current: t, next: n, roundingRatio: r }) {
 		x: n.x - t.x,
 		y: n.y - t.y
 	}, o = Math.hypot(i.x, i.y), s = Math.hypot(a.x, a.y);
-	if (o <= Yt || s <= Yt) return {
+	if (o <= fn || s <= fn) return {
 		start: {
 			x: J({ value: t.x }),
 			y: J({ value: t.y })
@@ -4116,14 +4351,14 @@ function tn({ previous: e, current: t, next: n, roundingRatio: r }) {
 		}
 	};
 }
-function nn({ points: e, roundingRatio: t, closed: n }) {
+function yn({ points: e, roundingRatio: t, closed: n }) {
 	let r = e.length;
 	if (r === 0) return "";
 	if (!n && r === 1) {
 		let t = e[0];
 		return `M ${J({ value: t.x })} ${J({ value: t.y })}`;
 	}
-	if (t <= 0) return en({
+	if (t <= 0) return _n({
 		points: e,
 		closed: n
 	});
@@ -4131,7 +4366,7 @@ function nn({ points: e, roundingRatio: t, closed: n }) {
 		let n = [];
 		for (let i = 0; i < r; i += 1) {
 			let a = i === 0 ? r - 1 : i - 1, o = i === r - 1 ? 0 : i + 1;
-			n.push(tn({
+			n.push(vn({
 				previous: e[a],
 				current: e[i],
 				next: e[o],
@@ -4145,13 +4380,13 @@ function nn({ points: e, roundingRatio: t, closed: n }) {
 		}
 		return a += " Z", a;
 	}
-	if (r === 2) return en({
+	if (r === 2) return _n({
 		points: e,
 		closed: !1
 	});
 	let i = `M ${J({ value: e[0].x })} ${J({ value: e[0].y })}`;
 	for (let n = 1; n < r - 1; n += 1) {
-		let r = tn({
+		let r = vn({
 			previous: e[n - 1],
 			current: e[n],
 			next: e[n + 1],
@@ -4162,8 +4397,8 @@ function nn({ points: e, roundingRatio: t, closed: n }) {
 	let a = e[r - 1];
 	return i += ` L ${J({ value: a.x })} ${J({ value: a.y })}`, i;
 }
-function rn({ points: e, rounding: t, closed: n }) {
-	return new d(nn({
+function bn({ points: e, rounding: t, closed: n }) {
+	return new d(yn({
 		points: e,
 		roundingRatio: V({ rounding: t }),
 		closed: n
@@ -4174,8 +4409,8 @@ function rn({ points: e, rounding: t, closed: n }) {
 		top: 0
 	});
 }
-function an({ rounding: e }) {
-	return Xt({ rounding: e }) ? rn({
+function xn({ rounding: e }) {
+	return pn({ rounding: e }) ? bn({
 		points: [
 			{
 				x: 50,
@@ -4201,7 +4436,7 @@ function an({ rounding: e }) {
 		top: 0
 	});
 }
-function on({ path: e }) {
+function Sn({ path: e }) {
 	return new d(e, {
 		originX: "center",
 		originY: "center",
@@ -4209,8 +4444,8 @@ function on({ path: e }) {
 		top: 0
 	});
 }
-function sn({ path: e, rounding: t }) {
-	let n = on({ path: e }).path ?? [], r = C.makePathSimpler(n), i = [], a = !1;
+function Cn({ path: e, rounding: t }) {
+	let n = Sn({ 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;
@@ -4230,19 +4465,19 @@ function sn({ path: e, rounding: t }) {
 		}
 		return null;
 	}
-	return i.length < 2 || a && i.length < 3 ? null : rn({
+	return i.length < 2 || a && i.length < 3 ? null : bn({
 		points: i,
 		rounding: t,
 		closed: a
 	});
 }
-function cn({ path: e, rounding: t }) {
-	return Xt({ rounding: t }) && sn({
+function wn({ path: e, rounding: t }) {
+	return pn({ rounding: t }) && Cn({
 		path: e,
 		rounding: B({ rounding: t })
-	}) || on({ path: e });
+	}) || Sn({ path: e });
 }
-function ln({ points: e, type: t, rounding: n }) {
+function Tn({ points: e, type: t, rounding: n }) {
 	let r = e.length > 0 ? e : [
 		{
 			x: 0,
@@ -4258,12 +4493,12 @@ function ln({ points: e, type: t, rounding: n }) {
 		}
 	], i = B({ rounding: n });
 	if (i > 0) {
-		if (t === "polygon" && r.length >= 3) return rn({
+		if (t === "polygon" && r.length >= 3) return bn({
 			points: r,
 			rounding: i,
 			closed: !0
 		});
-		if (t === "polyline" && r.length >= 2) return rn({
+		if (t === "polyline" && r.length >= 2) return bn({
 			points: r,
 			rounding: i,
 			closed: !1
@@ -4276,7 +4511,7 @@ function ln({ points: e, type: t, rounding: n }) {
 		top: 0
 	});
 }
-async function un({ svg: e }) {
+async function En({ svg: e }) {
 	let t = await x(e), n = C.groupSVGElements(t.objects, t.options);
 	return n.set({
 		originX: "center",
@@ -4285,7 +4520,7 @@ async function un({ svg: e }) {
 		top: 0
 	}), n.setCoords(), n;
 }
-async function dn({ preset: e, rounding: t }) {
+async function Dn({ preset: e, rounding: t }) {
 	switch (e.type) {
 		case "rect": return new g({
 			width: 100,
@@ -4303,22 +4538,22 @@ async function dn({ preset: e, rounding: t }) {
 			left: 0,
 			top: 0
 		});
-		case "triangle": return an({ rounding: t });
-		case "polygon": return ln({
+		case "triangle": return xn({ rounding: t });
+		case "polygon": return Tn({
 			points: e.points,
 			type: "polygon",
 			rounding: t
 		});
-		case "polyline": return ln({
+		case "polyline": return Tn({
 			points: e.points,
 			type: "polyline",
 			rounding: t
 		});
-		case "path": return cn({
+		case "path": return wn({
 			path: e.path,
 			rounding: t
 		});
-		case "svg": return un({ svg: e.svg });
+		case "svg": return En({ svg: e.svg });
 		default: return new g({
 			width: 100,
 			height: 100,
@@ -4329,21 +4564,22 @@ async function dn({ preset: e, rounding: t }) {
 		});
 	}
 }
-async function fn({ preset: e, width: t, height: n, style: r, rounding: i }) {
-	let a = await dn({
+async function On({ preset: e, width: t, height: n, style: r, rounding: i }) {
+	let a = await Dn({
 		preset: e,
 		rounding: i
 	});
-	return $t({
+	return gn({
 		shape: a,
 		style: r
-	}), Qt({
+	}), hn({
 		shape: a,
 		width: t,
 		height: n,
 		rounding: i,
 		strokeWidth: r.strokeWidth
 	}), a.set({
+		id: `${a.type}-${D()}`,
 		selectable: !1,
 		evented: !1,
 		hasControls: !1,
@@ -4353,17 +4589,17 @@ async function fn({ preset: e, width: t, height: n, style: r, rounding: i }) {
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-layout-padding.ts
-var pn = .5, mn = 12;
-function hn({ width: e, padding: t }) {
+var kn = .5, An = 12;
+function jn({ width: e, padding: t }) {
 	let n = Math.max(0, t.left), r = Math.max(0, t.right);
 	return Math.max(1, e - n - r);
 }
-function gn({ text: e }) {
+function Mn({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function _n({ start: e, end: t, maxTotalPadding: n, startChanged: r, endChanged: i }) {
+function Nn({ 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 + pn) return {
+	if (a + o <= s + kn) return {
 		start: a,
 		end: o
 	};
@@ -4392,8 +4628,8 @@ function _n({ start: e, end: t, maxTotalPadding: n, startChanged: r, endChanged:
 		end: o * l
 	};
 }
-function vn({ start: e, end: t, insetStart: n, insetEnd: r, maxTotalPadding: i, startChanged: a, endChanged: o }) {
-	let s = Math.max(0, n), c = Math.max(0, r), l = Math.max(0, i - s - c), u = _n({
+function Pn({ 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 = Nn({
 		start: Math.max(0, e),
 		end: Math.max(0, t),
 		maxTotalPadding: l,
@@ -4407,23 +4643,23 @@ function vn({ start: e, end: t, insetStart: n, insetEnd: r, maxTotalPadding: i,
 		appliedUserPaddingEnd: f
 	};
 }
-function yn({ text: e, minFrameWidth: t, maxFrameWidth: n, frameHeight: r, measureTextboxHeightForFrame: i }) {
+function Fn({ 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 (!gn({ text: e }) || i({
+	if (!Mn({ text: e }) || i({
 		text: e,
 		frameWidth: a
-	}) <= s + pn) return a;
+	}) <= s + kn) return a;
 	if (i({
 		text: e,
 		frameWidth: o
-	}) > s + pn) return o;
+	}) > s + kn) return o;
 	let c = a, l = o;
-	for (let t = 0; t < mn; t += 1) {
+	for (let t = 0; t < An; t += 1) {
 		let t = (c + l) / 2;
 		if (i({
 			text: e,
 			frameWidth: t
-		}) <= s + pn) {
+		}) <= s + kn) {
 			l = t;
 			continue;
 		}
@@ -4431,16 +4667,16 @@ function yn({ text: e, minFrameWidth: t, maxFrameWidth: n, frameHeight: r, measu
 	}
 	return l;
 }
-function bn({ 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 = gn({ text: e }) ? c({ text: e }) : 1, f = i.top + i.bottom, p = Math.max(1, u - f), m = d;
-	a || (m = yn({
+function In({ 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 = Mn({ text: e }) ? c({ text: e }) : 1, f = i.top + i.bottom, p = Math.max(1, u - f), m = d;
+	a || (m = Fn({
 		text: e,
 		minFrameWidth: d,
 		maxFrameWidth: l,
 		frameHeight: p,
 		measureTextboxHeightForFrame: s
 	}));
-	let h = m + i.left + i.right, g = Math.max(0, l - m), _ = vn({
+	let h = m + i.left + i.right, g = Math.max(0, l - m), _ = Pn({
 		start: r.left,
 		end: r.right,
 		insetStart: i.left,
@@ -4461,8 +4697,8 @@ function bn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		requiredWidth: h
 	};
 }
-function xn({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, changedPadding: i }) {
-	let a = Math.max(0, Math.max(1, n) - Math.max(1, r)), o = vn({
+function Ln({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, changedPadding: i }) {
+	let a = Math.max(0, Math.max(1, n) - Math.max(1, r)), o = Pn({
 		start: e.top,
 		end: e.bottom,
 		insetStart: t.top,
@@ -4482,8 +4718,8 @@ function xn({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, c
 		}
 	};
 }
-function Sn({ 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 = K({ padding: r }), f = K({ padding: i }), p = bn({
+function Rn({ 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 = K({ padding: r }), f = K({ padding: i }), p = In({
 		text: e,
 		width: l,
 		height: u,
@@ -4493,7 +4729,7 @@ function Sn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		changedPadding: o,
 		measureTextboxHeightForFrame: s,
 		resolveMinimumTextFrameWidth: c
-	}), m = hn({
+	}), m = jn({
 		width: l,
 		padding: {
 			top: 0,
@@ -4501,10 +4737,10 @@ function Sn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			bottom: 0,
 			left: p.appliedPadding.left
 		}
-	}), h = gn({ text: e }) ? s({
+	}), h = Mn({ text: e }) ? s({
 		text: e,
 		frameWidth: m
-	}) : 1, g = f.top + f.bottom, _ = a ? Math.max(u, h + g) : u, v = xn({
+	}) : 1, g = f.top + f.bottom, _ = a ? Math.max(u, h + g) : u, v = Ln({
 		padding: d,
 		internalShapeTextInset: f,
 		height: _,
@@ -4530,9 +4766,9 @@ function Sn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-layout.ts
-var Y = 1, Cn = .5, wn = 8, Tn = 20, En = 16;
-function Dn({ text: e, alignV: t, width: n, height: r, appliedPadding: i, appliedUserPadding: a }) {
-	let { frame: o, splitByGrapheme: s, textTop: c } = Pn({
+var Y = 1, zn = .5, Bn = 8, Vn = 20, Hn = 16;
+function Un({ text: e, alignV: t, width: n, height: r, appliedPadding: i, appliedUserPadding: a }) {
+	let { frame: o, splitByGrapheme: s, textTop: c } = Xn({
 		text: e,
 		width: n,
 		height: r,
@@ -4549,8 +4785,8 @@ function Dn({ text: e, alignV: t, width: n, height: r, appliedPadding: i, applie
 		textTop: c
 	};
 }
-var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, preserveAspectRatio: s, shapeTextAutoExpandEnabled: c, montageAreaWidth: l, expandShapeHeightToFitText: u = !0, changedPadding: d }) => {
-	let { width: f, height: p, appliedPadding: m, appliedUserPadding: h } = s ? jn({
+var Wn = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, preserveAspectRatio: s, shapeTextAutoExpandEnabled: c, montageAreaWidth: l, expandShapeHeightToFitText: u = !0, changedPadding: d }) => {
+	let { width: f, height: p, appliedPadding: m, appliedUserPadding: h } = s ? qn({
 		text: e,
 		width: t,
 		height: n,
@@ -4561,7 +4797,7 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		montageAreaWidth: l,
 		expandShapeHeightToFitText: u,
 		changedPadding: d
-	}) : Bn({
+	}) : nr({
 		text: e,
 		width: t,
 		height: n,
@@ -4571,7 +4807,7 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		expandShapeHeightToFitText: u,
 		changedPadding: d
 	});
-	return Dn({
+	return Un({
 		text: e,
 		alignV: r,
 		width: f,
@@ -4579,13 +4815,13 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		appliedPadding: m,
 		appliedUserPadding: h
 	});
-}, kn = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) => {
-	let l = Se({ padding: i }), u = K({ padding: a }), d = Math.max(Y, t), f = Math.max(Y, n), p = Sn({
+}, Gn = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) => {
+	let l = Se({ padding: i }), u = K({ padding: a }), d = Math.max(Y, t), f = Math.max(Y, n), p = Rn({
 		text: e,
 		width: d,
 		height: f,
 		padding: l,
-		internalShapeTextInset: zn({
+		internalShapeTextInset: tr({
 			width: d,
 			height: f,
 			internalShapeTextInset: u,
@@ -4593,18 +4829,18 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		}),
 		expandShapeHeightToFitText: s,
 		changedPadding: c,
-		measureTextboxHeightForFrame: Kn,
-		resolveMinimumTextFrameWidth: qn
+		measureTextboxHeightForFrame: cr,
+		resolveMinimumTextFrameWidth: lr
 	});
-	for (let t = 0; t < wn; t += 1) {
+	for (let t = 0; t < Bn; t += 1) {
 		let t = Math.max(f, p.requiredHeight);
-		if (t <= f + Cn) break;
-		f = t, p = Sn({
+		if (t <= f + zn) break;
+		f = t, p = Rn({
 			text: e,
 			width: d,
 			height: f,
 			padding: l,
-			internalShapeTextInset: zn({
+			internalShapeTextInset: tr({
 				width: d,
 				height: f,
 				internalShapeTextInset: u,
@@ -4612,11 +4848,11 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 			}),
 			expandShapeHeightToFitText: s,
 			changedPadding: c,
-			measureTextboxHeightForFrame: Kn,
-			resolveMinimumTextFrameWidth: qn
+			measureTextboxHeightForFrame: cr,
+			resolveMinimumTextFrameWidth: lr
 		});
 	}
-	return Dn({
+	return Un({
 		text: e,
 		alignV: r,
 		width: d,
@@ -4624,8 +4860,8 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		appliedPadding: p.appliedPadding,
 		appliedUserPadding: p.appliedUserPadding
 	});
-}, An = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, internalShapeTextInset: c, resolveInternalShapeTextInset: l, preserveAspectRatio: u, shapeTextAutoExpandEnabled: d, montageAreaWidth: f, expandShapeHeightToFitText: p = !0, changedPadding: m }) => {
-	let h = Math.max(Y, e.shapeManualBaseWidth ?? r), g = Math.max(Y, e.shapeManualBaseHeight ?? i), { width: _, height: v, appliedUserPadding: y, frame: b, splitByGrapheme: x, textTop: S } = On({
+}, Kn = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, internalShapeTextInset: c, resolveInternalShapeTextInset: l, preserveAspectRatio: u, shapeTextAutoExpandEnabled: d, montageAreaWidth: f, expandShapeHeightToFitText: p = !0, changedPadding: m }) => {
+	let h = Math.max(Y, e.shapeManualBaseWidth ?? r), g = Math.max(Y, e.shapeManualBaseHeight ?? i), { width: _, height: v, appliedUserPadding: y, frame: b, splitByGrapheme: x, textTop: S } = Wn({
 		text: n,
 		width: r,
 		height: i,
@@ -4639,7 +4875,7 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		expandShapeHeightToFitText: p,
 		changedPadding: m
 	});
-	Qt({
+	hn({
 		shape: t,
 		width: _,
 		height: v,
@@ -4668,9 +4904,9 @@ var On = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTe
 		scaleY: 1
 	}), e.set("dirty", !0), e.setCoords();
 };
-function jn({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, shapeTextAutoExpandEnabled: o = !0, montageAreaWidth: s, expandShapeHeightToFitText: c = !0, changedPadding: l }) {
+function qn({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, shapeTextAutoExpandEnabled: o = !0, montageAreaWidth: s, expandShapeHeightToFitText: c = !0, changedPadding: l }) {
 	let u = Math.max(Y, t), d = Math.max(Y, n), f = Number.isFinite(s) && (s ?? 0) > 0 ? Math.max(Y, s ?? Y) : null;
-	if (!In({ text: e })) return Bn({
+	if (!Qn({ text: e })) return nr({
 		text: e,
 		width: u,
 		height: d,
@@ -4681,7 +4917,7 @@ function jn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		changedPadding: l
 	});
 	let p = d / u, m = ({ width: t }) => {
-		let n = Math.max(Y, t * p), o = Bn({
+		let n = Math.max(Y, t * p), o = nr({
 			text: e,
 			width: t,
 			height: n,
@@ -4693,13 +4929,13 @@ function jn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		});
 		return {
 			candidateHeight: n,
-			frameWidth: hn({
+			frameWidth: jn({
 				width: t,
 				padding: o.appliedPadding
 			}),
 			layoutResolution: o
 		};
-	}, h = ({ candidateWidth: e, candidateHeight: t, layoutResolution: n }) => !(n.width > e + Cn || n.height > t + Cn);
+	}, h = ({ candidateWidth: e, candidateHeight: t, layoutResolution: n }) => !(n.width > e + zn || n.height > t + zn);
 	if (!o) {
 		let e = ({ width: e }) => {
 			let { candidateHeight: t, layoutResolution: n } = m({ width: e });
@@ -4709,11 +4945,11 @@ function jn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 				layoutResolution: n
 			});
 		}, t = f ? Math.max(u, f) : u;
-		e({ width: t }) || (t = Vn({
+		e({ width: t }) || (t = rr({
 			minimumWidth: t,
 			isWidthValid: e
 		}));
-		let { layoutResolution: n } = m({ width: Hn({
+		let { layoutResolution: n } = m({ width: ir({
 			minimumWidth: u,
 			maximumWidth: t,
 			isWidthValid: e
@@ -4726,19 +4962,19 @@ function jn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			candidateWidth: t,
 			candidateHeight: r,
 			layoutResolution: a
-		}) || n !== void 0 && i < n - Cn ? !1 : !Gn({
+		}) || n !== void 0 && i < n - zn ? !1 : !sr({
 			text: e,
 			frameWidth: i
 		}).hasWrappedLines;
-	}, _ = f ? Math.max(u, f) : Vn({
+	}, _ = f ? Math.max(u, f) : rr({
 		minimumWidth: u,
 		isWidthValid: ({ width: e }) => g({ width: e })
-	}), v = m({ width: _ }), y = Gn({
+	}), v = m({ width: _ }), y = sr({
 		text: e,
 		frameWidth: v.frameWidth
 	});
 	if (y.hasWrappedLines) return v.layoutResolution;
-	let b = Math.max(Y, y.longestLineWidth), { layoutResolution: x } = m({ width: Hn({
+	let b = Math.max(Y, y.longestLineWidth), { layoutResolution: x } = m({ width: ir({
 		minimumWidth: u,
 		maximumWidth: _,
 		isWidthValid: ({ width: e }) => g({
@@ -4748,67 +4984,67 @@ function jn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 	}) });
 	return x;
 }
-var Mn = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i, resolvePaddingForWidth: a }) => {
+var Jn = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i, resolvePaddingForWidth: a }) => {
 	let o = Math.max(Y, t), s = Math.max(Y, n);
-	if (!In({ text: e })) return s;
-	let c = Math.max(s, Number.isFinite(i) && i > 0 ? Math.max(Y, i) : Math.max(o, s)), l = hn({
+	if (!Qn({ text: e })) return s;
+	let c = Math.max(s, Number.isFinite(i) && i > 0 ? Math.max(Y, i) : Math.max(o, s)), l = jn({
 		width: c,
-		padding: Ln({
+		padding: $n({
 			width: c,
 			padding: r,
 			resolvePaddingForWidth: a
 		})
-	}), u = c, d = Gn({
+	}), u = c, d = sr({
 		text: e,
 		frameWidth: l
 	});
 	if (d.hasWrappedLines) return u;
 	let f = Math.max(Y, d.longestLineWidth);
-	return Hn({
+	return ir({
 		minimumWidth: s,
 		maximumWidth: u,
 		isWidthValid: ({ width: t }) => {
-			let n = hn({
+			let n = jn({
 				width: t,
-				padding: Ln({
+				padding: $n({
 					width: t,
 					padding: r,
 					resolvePaddingForWidth: a
 				})
 			});
-			return n < f - Cn ? !1 : !Gn({
+			return n < f - zn ? !1 : !sr({
 				text: e,
 				frameWidth: n
 			}).hasWrappedLines;
 		}
 	});
-}, Nn = ({ text: e, padding: t, resolvePaddingForWidth: n }) => {
-	if (!In({ text: e })) return Y;
-	let r = qn({ text: e }), i = Math.max(Y, r), a = ({ width: e }) => hn({
+}, Yn = ({ text: e, padding: t, resolvePaddingForWidth: n }) => {
+	if (!Qn({ text: e })) return Y;
+	let r = lr({ text: e }), i = Math.max(Y, r), a = ({ width: e }) => jn({
 		width: e,
-		padding: Ln({
+		padding: $n({
 			width: e,
 			padding: t,
 			resolvePaddingForWidth: n
 		})
-	}) >= r - Cn;
-	return Hn({
+	}) >= r - zn;
+	return ir({
 		minimumWidth: i,
-		maximumWidth: Vn({
+		maximumWidth: rr({
 			minimumWidth: i,
 			isWidthValid: a
 		}),
 		isWidthValid: a
 	});
-}, Pn = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
-	let a = Un({
+}, Xn = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
+	let a = ar({
 		width: Math.max(Y, t),
 		height: Math.max(Y, n),
 		padding: K({ padding: i })
-	}), o = Xn({
+	}), o = fr({
 		text: e,
 		frameWidth: a.width
-	}), s = Kn({
+	}), s = cr({
 		text: e,
 		frameWidth: a.width,
 		splitByGrapheme: o
@@ -4816,60 +5052,60 @@ var Mn = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWi
 	return {
 		frame: a,
 		splitByGrapheme: o,
-		textTop: Yn({
+		textTop: dr({
 			alignV: r,
 			frameHeight: a.height,
 			frameTop: a.top,
 			textHeight: s
 		})
 	};
-}, Fn = ({ text: e, width: t, height: n, padding: r, resolvePaddingForSize: i }) => {
+}, Zn = ({ text: e, width: t, height: n, padding: r, resolvePaddingForSize: i }) => {
 	let a = Math.max(Y, n);
-	if (!In({ text: e })) return a;
+	if (!Qn({ text: e })) return a;
 	let o = Math.max(Y, t), s = a;
-	for (let t = 0; t < wn; t += 1) {
-		let t = Rn({
+	for (let t = 0; t < Bn; t += 1) {
+		let t = er({
 			width: o,
 			height: s,
 			padding: r,
 			resolvePaddingForSize: i
-		}), n = Kn({
+		}), n = cr({
 			text: e,
-			frameWidth: hn({
+			frameWidth: jn({
 				width: o,
 				padding: t
 			})
 		}), c = Math.max(a, n + t.top + t.bottom);
-		if (c <= s + Cn) return c;
+		if (c <= s + zn) return c;
 		s = c;
 	}
 	return s;
 };
-function In({ text: e }) {
+function Qn({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function Ln({ width: e, padding: t, resolvePaddingForWidth: n }) {
+function $n({ width: e, padding: t, resolvePaddingForWidth: n }) {
 	return K(n ? { padding: n({ width: Math.max(Y, e) }) } : { padding: t });
 }
-function Rn({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
+function er({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
 	return K(r ? { padding: r({
 		width: Math.max(Y, e),
 		height: Math.max(Y, t)
 	}) } : { padding: n });
 }
-function zn({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
+function tr({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
 	return K(r ? { padding: r({
 		width: Math.max(Y, e),
 		height: Math.max(Y, t)
 	}) } : { padding: n });
 }
-function Bn({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, expandShapeHeightToFitText: o = !0, changedPadding: s }) {
-	let c = Se({ padding: r }), l = K({ padding: i }), u = Math.max(Y, t), d = Math.max(Y, n), f = Sn({
+function nr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, expandShapeHeightToFitText: o = !0, changedPadding: s }) {
+	let c = Se({ padding: r }), l = K({ padding: i }), u = Math.max(Y, t), d = Math.max(Y, n), f = Rn({
 		text: e,
 		width: u,
 		height: d,
 		padding: c,
-		internalShapeTextInset: zn({
+		internalShapeTextInset: tr({
 			width: u,
 			height: d,
 			internalShapeTextInset: l,
@@ -4877,18 +5113,18 @@ function Bn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		}),
 		expandShapeHeightToFitText: o,
 		changedPadding: s,
-		measureTextboxHeightForFrame: Kn,
-		resolveMinimumTextFrameWidth: qn
+		measureTextboxHeightForFrame: cr,
+		resolveMinimumTextFrameWidth: lr
 	});
-	for (let t = 0; t < wn; t += 1) {
+	for (let t = 0; t < Bn; t += 1) {
 		let t = Math.max(u, f.requiredWidth), n = Math.max(d, f.requiredHeight);
-		if (t <= u + Cn && n <= d + Cn) break;
-		u = t, d = n, f = Sn({
+		if (t <= u + zn && n <= d + zn) break;
+		u = t, d = n, f = Rn({
 			text: e,
 			width: u,
 			height: d,
 			padding: c,
-			internalShapeTextInset: zn({
+			internalShapeTextInset: tr({
 				width: u,
 				height: d,
 				internalShapeTextInset: l,
@@ -4896,8 +5132,8 @@ function Bn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			}),
 			expandShapeHeightToFitText: o,
 			changedPadding: s,
-			measureTextboxHeightForFrame: Kn,
-			resolveMinimumTextFrameWidth: qn
+			measureTextboxHeightForFrame: cr,
+			resolveMinimumTextFrameWidth: lr
 		});
 	}
 	return {
@@ -4907,17 +5143,17 @@ function Bn({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		appliedUserPadding: f.appliedUserPadding
 	};
 }
-function Vn({ minimumWidth: e, isWidthValid: t }) {
+function rr({ minimumWidth: e, isWidthValid: t }) {
 	let n = Math.max(Y, e);
 	if (t({ width: n })) return n;
-	for (let e = 0; e < En; e += 1) if (n = Math.max(n + 1, n * 2), t({ width: n })) return n;
+	for (let e = 0; e < Hn; e += 1) if (n = Math.max(n + 1, n * 2), t({ width: n })) return n;
 	return n;
 }
-function Hn({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
+function ir({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
 	let r = Math.max(Y, e), i = Math.max(r, t);
 	if (n({ width: r })) return r;
 	if (!n({ width: i })) return i;
-	for (let e = 0; e < Tn && !(i - r <= Cn); e += 1) {
+	for (let e = 0; e < Vn && !(i - r <= zn); e += 1) {
 		let e = r + (i - r) / 2;
 		if (n({ width: e })) {
 			i = e;
@@ -4927,7 +5163,7 @@ function Hn({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
 	}
 	return i;
 }
-function Un({ width: e, height: t, padding: n }) {
+function ar({ 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,
@@ -4936,7 +5172,7 @@ function Un({ width: e, height: t, padding: n }) {
 		height: Math.max(Y, t - a - o)
 	};
 }
-function Wn({ text: e }) {
+function or({ text: e }) {
 	let { height: t } = e;
 	if (typeof t == "number" && Number.isFinite(t)) return t;
 	if (typeof e.calcTextHeight == "function") {
@@ -4945,18 +5181,18 @@ function Wn({ text: e }) {
 	}
 	return Y;
 }
-function Gn({ text: e, frameWidth: t }) {
-	let n = Qn({ text: e }), r = Xn({
+function sr({ text: e, frameWidth: t }) {
+	let n = mr({ text: e }), r = fr({
 		text: e,
 		frameWidth: t
-	}), i = tr({ text: e });
+	}), i = _r({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(Y, t),
 		splitByGrapheme: r
 	}), e.initDimensions();
-	let a = $n({ text: e }) > n, o = Math.ceil(Zn({ text: e }));
-	return nr({
+	let a = hr({ text: e }) > n, o = Math.ceil(pr({ text: e }));
+	return vr({
 		text: e,
 		state: i
 	}), {
@@ -4964,8 +5200,8 @@ function Gn({ text: e, frameWidth: t }) {
 		longestLineWidth: o
 	};
 }
-function Kn({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = tr({ text: e }), i = n ?? Xn({
+function cr({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = _r({ text: e }), i = n ?? fr({
 		text: e,
 		frameWidth: t
 	});
@@ -4974,71 +5210,71 @@ function Kn({ text: e, frameWidth: t, splitByGrapheme: n }) {
 		width: Math.max(Y, t),
 		splitByGrapheme: i
 	}), e.initDimensions();
-	let a = Wn({ text: e });
-	return nr({
+	let a = or({ text: e });
+	return vr({
 		text: e,
 		state: r
 	}), a;
 }
-function qn({ text: e }) {
-	let t = Jn({
+function lr({ text: e }) {
+	let t = ur({
 		text: e,
 		frameWidth: Y,
 		splitByGrapheme: !0
 	});
 	return Math.max(Y, t);
 }
-function Jn({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = tr({ text: e });
+function ur({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = _r({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(Y, t),
 		splitByGrapheme: n
 	}), e.initDimensions();
-	let i = Zn({ text: e });
-	return nr({
+	let i = pr({ text: e });
+	return vr({
 		text: e,
 		state: r
 	}), i;
 }
-function Yn({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
+function dr({ 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 Xn({ text: e, frameWidth: t }) {
-	let n = Math.max(Y, t), r = tr({ text: e });
+function fr({ text: e, frameWidth: t }) {
+	let n = Math.max(Y, t), r = _r({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: n,
 		splitByGrapheme: !1
 	}), e.initDimensions();
-	let i = rr({ text: e }) > n + Cn;
-	return nr({
+	let i = yr({ text: e }) > n + zn;
+	return vr({
 		text: e,
 		state: r
 	}), i;
 }
-function Zn({ text: e }) {
-	let t = $n({ text: e });
-	if (t > 0) return er({
+function pr({ text: e }) {
+	let t = hr({ text: e });
+	if (t > 0) return gr({
 		text: e,
 		lineCount: t
 	});
 	let n = e.text ?? "";
-	return er({
+	return gr({
 		text: e,
 		lineCount: Math.max(n.split("\n").length, 1)
 	});
 }
-function Qn({ text: e }) {
+function mr({ text: e }) {
 	let t = e.text ?? "";
 	return Math.max(t.split("\n").length, 1);
 }
-function $n({ text: e }) {
+function hr({ text: e }) {
 	let t = e;
 	return Array.isArray(t.textLines) ? t.textLines.length : 0;
 }
-function er({ text: e, lineCount: t }) {
+function gr({ text: e, lineCount: t }) {
 	let n = Y;
 	for (let r = 0; r < t; r += 1) {
 		let t = e.getLineWidth(r);
@@ -5046,7 +5282,7 @@ function er({ text: e, lineCount: t }) {
 	}
 	return n;
 }
-function tr({ text: e }) {
+function _r({ text: e }) {
 	let { autoExpand: t, splitByGrapheme: n, width: r } = e;
 	return {
 		autoExpand: t,
@@ -5054,22 +5290,22 @@ function tr({ text: e }) {
 		width: typeof r == "number" ? r : void 0
 	};
 }
-function nr({ text: e, state: t }) {
+function vr({ 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 rr({ text: e }) {
+function yr({ text: e }) {
 	let { dynamicMinWidth: t } = e;
 	return typeof t == "number" && Number.isFinite(t) ? t : 0;
 }
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-scaling-transform.ts
-var ir = ({ transform: e, key: t }) => {
+var br = ({ transform: e, key: t }) => {
 	let n = e?.original;
 	if (!n || typeof n != "object") return null;
 	let r = n[t];
 	return typeof r != "number" || !Number.isFinite(r) ? null : r;
-}, ar = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, or = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, sr = ({ transform: e }) => {
+}, xr = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Sr = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, Cr = ({ 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,
@@ -5077,37 +5313,37 @@ var ir = ({ transform: e, key: t }) => {
 		isCornerScaleAction: r,
 		isVerticalOnlyScale: s && !o
 	};
-}, cr = ({ event: e, group: t, transform: n, canvas: r }) => {
+}, wr = ({ event: e, group: t, transform: n, canvas: r }) => {
 	if (!e) return null;
 	let i = t.canvas ?? r, a = i.getScenePoint(e), o = t.getRelativeCenterPoint(), s = t.translateToGivenOrigin(o, "center", "center", n.originX, n.originY), c = t.angle ?? 0, l = (c === 0 ? a : a.rotate(-c * Math.PI / 180, o)).subtract(s), u = t.controls[n.corner], d = i.getZoom() || 1, f = (t.padding ?? 0) / d;
 	return l.x >= f && (l.x -= f), l.x <= -f && (l.x += f), l.y >= f && (l.y -= f), l.y <= -f && (l.y += f), l.x -= u?.offsetX ?? 0, l.y -= u?.offsetY ?? 0, l;
-}, lr = ({ group: e, originX: t, originY: n }) => {
+}, Tr = ({ 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;
-}, ur = ({ state: e, transform: t }) => {
+}, Er = ({ state: e, transform: t }) => {
 	if (!t || e.startTransformOriginX === null && e.startTransformOriginY === null) return !1;
-	let n = ar({ value: t.originX }), r = or({ value: t.originY });
+	let n = xr({ value: t.originX }), r = Sr({ value: t.originY });
 	return n !== e.startTransformOriginX || r !== e.startTransformOriginY;
-}, dr = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
+}, Dr = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-scaling-preview.ts
-function fr({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i }) {
+function Or({ 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 pr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
+function kr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
 	let c = Math.max(0, e.shapeStrokeWidth ?? 0);
-	Qt({
+	hn({
 		shape: t,
-		width: fr({
+		width: Or({
 			size: n,
 			scale: i,
 			strokeWidth: c,
 			minSize: o,
 			scaleEpsilon: s
 		}),
-		height: fr({
+		height: Or({
 			size: r,
 			scale: a,
 			strokeWidth: c,
@@ -5118,7 +5354,7 @@ function pr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, min
 		strokeWidth: c
 	});
 }
-function mr({ text: e, layout: t, alignH: n, scaleX: r, scaleY: i, scaleEpsilon: a }) {
+function Ar({ text: e, layout: t, alignH: n, scaleX: r, scaleY: i, scaleEpsilon: a }) {
 	let o = Math.max(a, Math.abs(r) || 1), s = Math.max(a, Math.abs(i) || 1), c = n ?? "center";
 	e.set({
 		autoExpand: !1,
@@ -5133,13 +5369,13 @@ function mr({ text: e, layout: t, alignH: n, scaleX: r, scaleY: i, scaleEpsilon:
 		scaleY: 1 / s
 	}), e.initDimensions(), e.setCoords();
 }
-var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY: o, minSize: s, scaleEpsilon: c }) => {
+var jr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY: o, minSize: s, scaleEpsilon: c }) => {
 	let l = Math.max(c, Math.abs(a) || 1), u = Math.max(c, Math.abs(o) || 1);
 	e.set({
 		width: r.width / l,
 		height: r.height / u,
 		dirty: !0
-	}), pr({
+	}), kr({
 		group: e,
 		shape: t,
 		width: r.width,
@@ -5148,7 +5384,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		scaleY: o,
 		minSize: s,
 		scaleEpsilon: c
-	}), mr({
+	}), Ar({
 		text: n,
 		layout: r,
 		alignH: i,
@@ -5156,7 +5392,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		scaleY: o,
 		scaleEpsilon: c
 	});
-}, X = 1, Z = 1e-4, gr = .5, _r = class e {
+}, X = 1, Z = 1e-4, Mr = .5, Nr = class e {
 	constructor({ canvas: t }) {
 		this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
@@ -5172,7 +5408,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				text: o,
 				constraintPadding: s,
 				transform: r
-			}), { isCornerScaleAction: l } = sr({ transform: r }), u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
+			}), { isCornerScaleAction: l } = Cr({ transform: r }), u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
 			c.isProportionalScaling = l && u;
 			let d = i.left ?? 0, f = i.top ?? 0, p = !!i.flipX, m = !!i.flipY, h = i.shapeAlignHorizontal ?? "center", g = this._resolveScalingDecision({
 				group: i,
@@ -5194,7 +5430,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				shouldHandleAsNoop: g.shouldHandleAsNoop,
 				scaleX: g.appliedScaleX,
 				scaleY: g.appliedScaleY
-			}), hr({
+			}), jr({
 				group: i,
 				shape: a,
 				text: o,
@@ -5222,7 +5458,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			if (!n) return;
 			let { target: r } = n;
 			if (!q(r)) return;
-			let { canScaleHeight: i, canScaleWidth: a } = sr({ transform: n });
+			let { canScaleHeight: i, canScaleWidth: a } = Cr({ transform: n });
 			if (!a && !i) return;
 			let o = r, s = this.scalingState.get(o);
 			if (!s || s.isProportionalScaling) return;
@@ -5237,7 +5473,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				group: o,
 				axis: "x"
 			})) {
-				let t = Nn({
+				let t = Yn({
 					text: l,
 					padding: u,
 					resolvePaddingForWidth: ({ width: t }) => e._resolveScalingConstraintPadding({
@@ -5285,7 +5521,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				shouldHandleAsNoop: !1,
 				scaleX: h,
 				scaleY: g
-			}), hr({
+			}), jr({
 				group: o,
 				shape: c,
 				text: l,
@@ -5329,7 +5565,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				this.scalingState.delete(r);
 				return;
 			}
-			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolveScalingConstraintPadding({ group: r }), g = t.transform ? sr({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = i?.lastAllowedScaleX ?? a, b = i?.lastAllowedScaleY ?? o, x = Nn({
+			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolveScalingConstraintPadding({ group: r }), g = t.transform ? Cr({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = i?.lastAllowedScaleX ?? a, b = i?.lastAllowedScaleY ?? o, x = Yn({
 				text: f,
 				padding: h,
 				resolvePaddingForWidth: ({ width: t }) => e._resolveScalingConstraintPadding({
@@ -5358,7 +5594,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 					state: i
 				}) && (b = Math.max(X / c, e / c));
 			}
-			let S = _ ? Math.max(X, s * y) : s, C = v ? Math.max(X, c * b) : u, w = Math.abs(S - s) > gr, T = Math.abs(C - c) > gr, E = w || T, D = S, O = C;
+			let S = _ ? Math.max(X, s * y) : s, C = v ? Math.max(X, c * b) : u, w = Math.abs(S - s) > Mr, T = Math.abs(C - c) > Mr, E = w || T, D = S, O = C;
 			if (!E && i) {
 				this._restoreShapeStateWithoutResize({
 					group: r,
@@ -5391,7 +5627,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				width: D,
 				height: O
 			});
-			An({
+			Kn({
 				group: r,
 				shape: d,
 				text: f,
@@ -5420,10 +5656,10 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}, this.canvas = t, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	_resolveScalingDecision({ group: e, text: t, constraintPadding: n, state: r, transform: i }) {
-		let a = e.scaleX ?? 1, o = e.scaleY ?? 1, s = Math.abs(a) || 1, c = Math.abs(o) || 1, l = a < 0 || o < 0, u = ur({
+		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 = Er({
 			state: r,
 			transform: i
-		}), d = dr({
+		}), d = Dr({
 			state: r,
 			transform: i
 		});
@@ -5457,7 +5693,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		};
 	}
 	_resolveScalingConstraintState({ group: t, text: n, constraintPadding: r, state: i, transform: a, scaleX: o, scaleY: s }) {
-		let { startHeight: c, startWidth: l, cannotScaleDownAtStart: u, crossedOppositeCorner: d, isProportionalScaling: f, lastAllowedScaleX: p, lastAllowedScaleY: m, startScaleY: h } = i, g = Math.max(X, l * o), _ = Math.max(X, c * s), v = o < p - Z, y = s < m - Z, b = s < h - Z, { canScaleHeight: x, canScaleWidth: S, isVerticalOnlyScale: C } = sr({ transform: a }), w = S && v ? Nn({
+		let { startHeight: c, startWidth: l, cannotScaleDownAtStart: u, crossedOppositeCorner: d, isProportionalScaling: f, lastAllowedScaleX: p, lastAllowedScaleY: m, startScaleY: h } = i, g = Math.max(X, l * o), _ = Math.max(X, c * s), v = o < p - Z, y = s < m - Z, b = s < h - Z, { canScaleHeight: x, canScaleWidth: S, isVerticalOnlyScale: C } = Cr({ transform: a }), w = S && v ? Yn({
 			text: n,
 			padding: r,
 			resolvePaddingForWidth: ({ width: n }) => e._resolveScalingConstraintPadding({
@@ -5482,7 +5718,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		};
 	}
 	_resolvePreviewDimensions({ group: t, text: n, constraintPadding: r, state: i, appliedScaleX: a, appliedScaleY: o, minimumHeight: s }) {
-		let c = i.canScaleWidth ? Math.max(X, i.startWidth * a) : i.startWidth, l = i.canScaleHeight ? Math.max(X, i.startHeight * o) : i.startManualBaseHeight, u = s ?? Fn({
+		let c = i.canScaleWidth ? Math.max(X, i.startWidth * a) : i.startWidth, l = i.canScaleHeight ? Math.max(X, i.startHeight * o) : i.startManualBaseHeight, u = s ?? Zn({
 			text: n,
 			width: c,
 			height: l,
@@ -5500,7 +5736,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_resolvePreviewLayout({ group: t, text: n, state: r, appliedScaleX: i, appliedScaleY: a, minimumHeight: o }) {
 		let s = r.canScaleWidth ? Math.max(X, r.startWidth * i) : r.startWidth, c = r.canScaleHeight ? Math.max(X, r.startHeight * a) : r.startManualBaseHeight;
-		return kn({
+		return Gn({
 			text: n,
 			width: s,
 			height: o == null ? c : Math.max(c, o),
@@ -5535,7 +5771,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleWidth: a } = sr({ transform: i });
+		let { canScaleWidth: a } = Cr({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -5548,7 +5784,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleHeight: a } = sr({ transform: i });
+		let { canScaleHeight: a } = Cr({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -5562,7 +5798,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		if (!r) return !1;
 		let i = r, a = n === "x" ? i.signX : i.signY;
 		if (typeof a != "number" || !Number.isFinite(a)) return !1;
-		let o = cr({
+		let o = wr({
 			event: e.e,
 			group: t,
 			transform: r,
@@ -5579,19 +5815,19 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			let a = this._resolveScalingStartDimensions({
 				group: e,
 				transform: r
-			}), o = ir({
+			}), o = br({
 				transform: r,
 				key: "scaleX"
-			}), s = ir({
+			}), s = br({
 				transform: r,
 				key: "scaleY"
-			}), c = ir({
+			}), c = br({
 				transform: r,
 				key: "left"
-			}), l = ir({
+			}), l = br({
 				transform: r,
 				key: "top"
-			}), u = Math.abs(o ?? e.scaleX ?? 1) || 1, d = Math.abs(s ?? e.scaleY ?? 1) || 1, f = c ?? e.left ?? 0, p = l ?? e.top ?? 0, m = ar({ value: r?.original?.originX ?? r?.originX }), h = or({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = lr({
+			}), 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 = xr({ value: r?.original?.originX ?? r?.originX }), h = Sr({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = Tr({
 				group: e,
 				originX: m,
 				originY: h
@@ -5634,7 +5870,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		return i;
 	}
 	_resolveMinimumTextFitHeight({ group: t, text: n, width: r, padding: i }) {
-		return Fn({
+		return Zn({
 			text: n,
 			width: r,
 			height: X,
@@ -5688,7 +5924,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			width: u,
 			height: d
 		});
-		An({
+		Kn({
 			group: t,
 			shape: n,
 			text: r,
@@ -5717,7 +5953,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_restoreGroupTransformOnly({ group: e, shape: t, text: n, state: r }) {
 		let i = Math.max(X, e.shapeBaseWidth ?? e.width ?? r.startWidth), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? r.startHeight);
-		t && (Qt({
+		t && (hn({
 			shape: t,
 			width: i,
 			height: a,
@@ -5741,7 +5977,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 	}
 	_resolveScalingStartDimensions({ group: e, transform: t }) {
-		let { canScaleWidth: n, canScaleHeight: r } = sr({ 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 } = Cr({ 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,
@@ -5760,7 +5996,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			height: s
 		};
 	}
-}, vr = class {
+}, Pr = class {
 	constructor({ canvas: e }) {
 		this.handleMouseDown = (e) => {
 			let { target: t, e: n, subTargets: r = [] } = e, i = Ue({
@@ -5884,7 +6120,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let t = this.canvas;
 		t.findTarget = e.findTarget, this.editingTargetResolverState = void 0;
 	}
-}, yr = class e {
+}, Fr = class e {
 	constructor({ canvas: e }) {
 		this.canvas = e, this.textEditingSnapshots = /* @__PURE__ */ new WeakMap(), this.pendingTextUpdates = /* @__PURE__ */ new WeakMap(), this.resizeStartSnapshots = /* @__PURE__ */ new Map(), this.pendingResizeUpdates = /* @__PURE__ */ new WeakMap();
 	}
@@ -6080,7 +6316,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			}
 		}), I;
 	}
-}, br = "#B4B7BD", xr = 0, Sr = 1, Cr = class {
+}, Ir = "#B4B7BD", Lr = 0, Rr = 1, zr = class {
 	constructor({ editor: e }) {
 		this._handleObjectScaling = (e) => {
 			let t = e.target && q(e.target) ? e.target : null;
@@ -6145,7 +6381,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			if (!(t instanceof _)) return;
 			let n = t;
 			this.lifecycleController.finishTextUpdate({ textNode: n });
-		}, this.editor = e, He(), this.scalingController = new _r({ canvas: e.canvas }), this.editingController = new vr({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new yr({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
+		}, this.editor = e, He(), this.scalingController = new Nr({ canvas: e.canvas }), this.editingController = new Pr({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new Fr({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
 	}
 	async add({ presetKey: e = ce, options: t = {} } = {}) {
 		let n = pe({ presetKey: e });
@@ -6243,7 +6479,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 				addition: k
 			})
 		}));
-		let I = await fn({
+		let I = await On({
 			preset: m,
 			width: F,
 			height: x,
@@ -6373,7 +6609,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let be = U({
 			width: _e,
 			height: ye
-		}), xe = await fn({
+		}), xe = await On({
 			preset: A,
 			width: _e,
 			height: ye,
@@ -6473,7 +6709,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 		this._beginMutation();
 		try {
-			$t({
+			gn({
 				shape: i,
 				style: { fill: t }
 			}), r.shapeFill = t, r.setCoords(), this.lifecycleController.fireBefore({ lifecycle: a }), this.editor.canvas.requestRenderAll();
@@ -6495,7 +6731,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 		this._beginMutation();
 		try {
-			if ($t({
+			if (gn({
 				shape: o,
 				style: {
 					stroke: t,
@@ -6531,7 +6767,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		});
 		this._beginMutation();
 		try {
-			$t({
+			gn({
 				shape: a,
 				style: { opacity: t }
 			}), n && o && (o.set({ opacity: t }), o.setCoords()), i.shapeOpacity = t, i.setCoords(), this.lifecycleController.fireBefore({ lifecycle: s }), this.editor.canvas.requestRenderAll();
@@ -6625,6 +6861,37 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			}
 		});
 	}
+	commitRehydratedShapeLayout({ target: e, textScale: t = 1 }) {
+		let n = this._resolveShapeGroup({ target: e });
+		if (!n) return !1;
+		let { shape: r, text: i } = Ke({ group: n });
+		if (!r || !i) return !1;
+		let a = this.editor.canvasManager.getObjectPlacement({ object: n }), { shapeAlignHorizontal: o = le, shapeAlignVertical: s = ue, shapeBaseWidth: c, shapeBaseHeight: l, shapeManualBaseWidth: u, shapeManualBaseHeight: d, shapeReplaceBoxWidth: f, shapeReplaceBoxHeight: p, shapePaddingTop: m = 0, shapePaddingRight: h = 0, shapePaddingBottom: g = 0, shapePaddingLeft: _ = 0, width: v, height: y } = n, b = Math.abs(n.scaleX ?? 1) || 1, x = Math.abs(n.scaleY ?? 1) || 1, S = Number.isFinite(t) && t > 0 ? t : 1, C = Math.max(1, c ?? v ?? 1), w = Math.max(1, l ?? y ?? 1), T = {
+			width: Math.max(1, C * b),
+			height: Math.max(1, w * x)
+		}, E = {
+			width: Math.max(1, (u ?? C) * b),
+			height: Math.max(1, (d ?? w) * x)
+		}, D = {
+			width: Math.max(1, (f ?? C) * b),
+			height: Math.max(1, (p ?? w) * x)
+		};
+		return Math.abs(S - 1) > 1e-4 && (ln({
+			textbox: i,
+			base: sn({ textbox: i }),
+			scale: S
+		}), n.shapePaddingTop = Math.max(0, m * S), n.shapePaddingRight = Math.max(0, h * S), n.shapePaddingBottom = Math.max(0, g * S), n.shapePaddingLeft = Math.max(0, _ * S)), this._detachShapeGroupAutoLayout({ group: n }), n.shapeManualBaseWidth = E.width, n.shapeManualBaseHeight = E.height, this._applyCurrentLayout({
+			group: n,
+			shape: r,
+			text: i,
+			placement: a,
+			width: T.width,
+			height: T.height,
+			alignH: o,
+			alignV: s,
+			minimumReplaceBox: D
+		}), !0;
+	}
 	destroy() {
 		let { canvas: e } = this.editor;
 		e.off("object:scaling", this._handleObjectScaling), e.off("object:modified", this._handleObjectModified), e.off("mouse:move", this._handleMouseMove), e.off("mouse:down", this._handleMouseDown), e.off("mouse:up", this._handleMouseUp), e.off("text:editing:entered", this._handleTextEditingEntered), e.off("text:editing:exited", this._handleTextEditingExited), e.off("text:changed", this._handleTextChanged), e.off("editor:before:text-updated", this._handleBeforeTextUpdated), e.off("editor:text-updated", this._handleTextUpdated);
@@ -6657,7 +6924,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			padding: h,
 			style: y,
 			rounding: b
-		}), x.rehydrateRuntimeState(), qe({ group: x }), ke({ text: i }), An({
+		}), x.rehydrateRuntimeState(), qe({ group: x }), ke({ text: i }), Kn({
 			group: x,
 			shape: r,
 			text: i,
@@ -6832,7 +7099,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	}
 	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r, resolvePaddingForWidth: i }) {
 		let a = this._resolveMontageAreaWidth();
-		return a ? Mn({
+		return a ? Jn({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
@@ -6888,7 +7155,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			width: y,
 			height: b
 		}), S = r ?? this.editor.canvasManager.getObjectPlacement({ object: e }), C = u ? this._resolveMontageAreaWidth() : void 0;
-		An({
+		Kn({
 			group: e,
 			shape: t,
 			text: n,
@@ -6951,11 +7218,11 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	_resolveShapeStyle({ options: e, fallback: t }) {
 		let { fill: n, stroke: r, strokeWidth: i, strokeDashArray: a, opacity: o } = e, s = a === void 0 ? t?.shapeStrokeDashArray : a;
 		return {
-			fill: n ?? t?.shapeFill ?? br,
+			fill: n ?? t?.shapeFill ?? Ir,
 			stroke: r ?? t?.shapeStroke ?? null,
-			strokeWidth: i ?? t?.shapeStrokeWidth ?? xr,
+			strokeWidth: i ?? t?.shapeStrokeWidth ?? Lr,
 			strokeDashArray: s ?? null,
-			opacity: o ?? t?.shapeOpacity ?? Sr
+			opacity: o ?? t?.shapeOpacity ?? Rr
 		};
 	}
 	_collectShapeGroupsFromTarget({ target: t, subTargets: n = [] }) {
@@ -7011,7 +7278,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}
 		return null;
 	}
-}, wr = class {
+}, Br = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.clipboard = null;
 	}
@@ -7031,7 +7298,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let { canvas: t, errorManager: n } = this.editor;
 		try {
 			let n = await e.clone(kt);
-			this._rehydrateStandaloneTextOnClone({ clonedObject: n }), this.clipboard = n, t.fire("editor:object-copied", { object: n });
+			this._materializeCloneGeometry({ clonedObject: n }), this.clipboard = n, t.fire("editor:object-copied", { object: n });
 		} catch (e) {
 			n.emitError({
 				origin: "ClipboardManager",
@@ -7104,17 +7371,25 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}
 		n.add(t), n.setActiveObject(t), n.requestRenderAll();
 	}
-	_rehydrateStandaloneTextOnClone({ clonedObject: t }) {
-		let { textManager: n } = this.editor;
-		if (n) {
-			if (t instanceof e) {
-				t.forEachObject((e) => {
-					n.commitStandaloneTextScale({ target: e });
-				}), t.setCoords();
-				return;
-			}
-			n.commitStandaloneTextScale({ target: t });
+	_materializeCloneGeometry({ clonedObject: t }) {
+		let { shapeManager: n, textManager: r } = this.editor;
+		if (t instanceof e) {
+			t.forEachObject((e) => {
+				r.commitStandaloneTextScale({ target: e }), n.commitRehydratedShapeLayout({ target: e });
+			}), t.setCoords();
+			return;
 		}
+		r.commitStandaloneTextScale({ target: t }), n.commitRehydratedShapeLayout({ target: t });
+	}
+	_materializeCloneIdentity({ clonedObject: t, enableEvented: n = !0 }) {
+		t.set({ id: `${t.type}-${D()}` }), n && t.set({ evented: !0 });
+		let r = t instanceof e;
+		(r || t instanceof l) && t.getObjects().forEach((e) => {
+			this._materializeCloneIdentity({
+				clonedObject: e,
+				enableEvented: r
+			});
+		});
 	}
 	async _handleImageImport(e) {
 		let { canvas: t, errorManager: n } = this.editor, r = !1, i = !1, a = null, o = null, s = new Promise((e, t) => {
@@ -7162,24 +7437,17 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			object: i
 		});
 	}
-	async copyPaste(t) {
-		let { canvas: n } = this.editor, r = t || n.getActiveObject();
-		if (!r || r.locked) return !1;
+	async copyPaste(e) {
+		let { canvas: t } = this.editor, n = e || t.getActiveObject();
+		if (!n || n.locked) return !1;
 		try {
-			let t = await r.clone(kt);
-			return t instanceof e && t.forEachObject((e) => {
-				e.set({
-					id: `${e.type}-${D()}`,
-					evented: !0
-				});
-			}), t.set({
-				id: `${t.type}-${D()}`,
-				left: t.left + 10,
-				top: t.top + 10,
-				evented: !0
-			}), this._rehydrateStandaloneTextOnClone({ clonedObject: t }), this._addClonedObjectToCanvas(t), n.fire("editor:object-duplicated", {
-				targetObject: r,
-				clonedObject: t
+			let e = await n.clone(kt);
+			return this._materializeCloneIdentity({ clonedObject: e }), e.set({
+				left: e.left + 10,
+				top: e.top + 10
+			}), this._materializeCloneGeometry({ clonedObject: e }), this._addClonedObjectToCanvas(e), t.fire("editor:object-duplicated", {
+				targetObject: n,
+				clonedObject: e
 			}), !0;
 		} catch (e) {
 			let { errorManager: t } = this.editor;
@@ -7237,24 +7505,17 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		this.paste();
 	}
 	async paste() {
-		let { canvas: t } = this.editor;
+		let { canvas: e } = this.editor;
 		if (!this.clipboard) return !1;
 		try {
-			let n = await this.clipboard.clone(kt);
-			return t.discardActiveObject(), n instanceof e && n.forEachObject((e) => {
-				e.set({
-					id: `${e.type}-${D()}`,
-					evented: !0
-				});
-			}), n.set({
-				id: `${n.type}-${D()}`,
-				left: n.left + 10,
-				top: n.top + 10,
-				evented: !0
-			}), this._rehydrateStandaloneTextOnClone({ clonedObject: n }), this._addClonedObjectToCanvas(n), t.fire("editor:object-pasted", {
+			let t = await this.clipboard.clone(kt);
+			return e.discardActiveObject(), this._materializeCloneIdentity({ clonedObject: t }), t.set({
+				left: t.left + 10,
+				top: t.top + 10
+			}), this._materializeCloneGeometry({ clonedObject: t }), this._addClonedObjectToCanvas(t), e.fire("editor:object-pasted", {
 				fromInternalClipboard: !0,
 				clipboardObject: this.clipboard,
-				object: n
+				object: t
 			}), !0;
 		} catch (e) {
 			let { errorManager: t } = this.editor;
@@ -7267,7 +7528,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			}), !1;
 		}
 	}
-}, Tr = class t {
+}, Vr = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7332,7 +7593,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			!(n instanceof _) || !n.isEditing || n.exitEditing();
 		}
 	}
-}, Er = class {
+}, Hr = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7398,7 +7659,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 			i.resumeHistory(), n || i.saveState();
 		}
 	}
-}, Dr = class t {
+}, Ur = 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();
 	}
@@ -7592,7 +7853,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let { options: e } = this.editor, { selectionKey: t } = e;
 		return t === void 0 ? ["ctrlKey", "metaKey"] : t;
 	}
-}, Or = class e {
+}, Wr = class e {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7632,7 +7893,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		};
 		return i.fire("editor:objects-deleted", l), l;
 	}
-}, kr = {
+}, Gr = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -7670,7 +7931,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, Ar = class e {
+}, Kr = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -7728,9 +7989,9 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		}), this.editor.canvas.fire("editor:warning", s);
 	}
 	static isValidErrorCode(e) {
-		return e ? Object.values(kr).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(Gr).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, jr = class {
+}, qr = class {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -7779,32 +8040,32 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, Mr = ({ textbox: e }) => {
+}, Jr = ({ 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)
 	};
-}, Nr = ({ textbox: e }) => {
+}, Yr = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, Pr = ({ textbox: e, range: t }) => {
+}, Xr = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, Fr = ({ textbox: e, styles: t, range: n }) => {
+}, Zr = ({ 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);
-}, Ir = ({ textbox: e, range: t, property: n }) => {
+}, Qr = ({ 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];
-}, Lr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", Rr = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, zr = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Br = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Vr = class e extends _ {
+}, $r = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", ei = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, ti = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", ni = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), ri = class e extends _ {
 	static {
 		this.type = "background-textbox";
 	}
@@ -7938,7 +8199,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		this._removeShadow(e);
 	}
 	_getDecorationColorAt(e, t) {
-		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = Rr({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Lr({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = ei({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : $r({
 			strokeColor: i,
 			width: r
 		});
@@ -7954,22 +8215,22 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	_getCornerRadii({ width: e, height: t }) {
 		let n = e / 2, r = t / 2, i = Math.min(n, r);
 		return {
-			bottomLeft: Br({
+			bottomLeft: ni({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: Br({
+			bottomRight: ni({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: Br({
+			topLeft: ni({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: Br({
+			topRight: ni({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -7987,7 +8248,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = Br({
+		let t = ni({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
@@ -7995,7 +8256,7 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		try {
 			r = new n(e);
 		} catch (t) {
-			return Ar.emitError({
+			return Kr.emitError({
 				origin: "BackgroundTextbox",
 				method: "_getEffectiveBackgroundFill",
 				code: "INVALID_COLOR_VALUE",
@@ -8009,19 +8270,19 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		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 = Br({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = ni({
 			value: c,
 			min: 0,
 			max: a
-		}), p = Br({
+		}), p = ni({
 			value: l,
 			min: 0,
 			max: a
-		}), m = Br({
+		}), m = ni({
 			value: u,
 			min: 0,
 			max: a
-		}), h = Br({
+		}), h = ni({
 			value: d,
 			min: 0,
 			max: a
@@ -8032,244 +8293,20 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		let { width: e = 0, height: t = 0 } = this, n = Math.round(e), r = Math.round(t);
 		n !== e && (this.width = Math.max(0, n)), r !== t && (this.height = Math.max(0, r));
 	}
-}, Hr = () => {
-	y?.setClass && y.setClass(Vr, "background-textbox");
-}, Ur = .01, Wr = ({ 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;
-	let { lineFontDefaults: s } = e, c = s ?? {}, l = !1, u = !1;
-	for (let e = 0; e < t.length; e += 1) {
-		let n = t[e];
-		if (!Number.isFinite(n)) continue;
-		let d = u ? c[n] : s?.[n], f = d ? { ...d } : {}, p = !1;
-		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 }) => {
-	let r = e.length;
-	if (r === 0) return {
-		lineStyles: t,
-		changed: !1
-	};
-	let { fontFamily: i, fontSize: a, fill: o, stroke: s } = n;
-	if (!(i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0)) return {
-		lineStyles: t,
-		changed: !1
-	};
-	let c = {};
-	i !== void 0 && (c.fontFamily = i), a !== void 0 && (c.fontSize = a), o !== void 0 && (c.fill = o), s !== void 0 && (c.stroke = s);
-	let l = t, u = !1, d = !1;
-	if (t) for (let e in t) {
-		if (!Object.prototype.hasOwnProperty.call(t, e)) continue;
-		let n = Number(e);
-		Number.isInteger(n) && n >= 0 && n < r || (d ||= (l = { ...t }, !0), l && Object.prototype.hasOwnProperty.call(l, e) && delete l[e], u = !0);
-	}
-	for (let e = 0; e < r; e += 1) {
-		let n = l ?? t, r = n ? n[e] : void 0;
-		if (!r) {
-			l || (l = {}, d = !0), d ||= (l = { ...l }, !0), l[e] = { ...c }, u = !0;
-			continue;
-		}
-		let f = null;
-		i !== void 0 && r.fontFamily === void 0 && (f = { ...r }, f.fontFamily = i), a !== void 0 && r.fontSize === void 0 && (f ||= { ...r }, f.fontSize = a), o !== void 0 && r.fill === void 0 && (f ||= { ...r }, f.fill = o), s !== void 0 && r.stroke === void 0 && (f ||= { ...r }, f.stroke = s), f && (l || (l = {}, d = !0), d ||= (l = { ...l }, !0), l[e] = f, u = !0);
-	}
-	return {
-		lineStyles: l,
-		changed: u
-	};
-}, Kr = ({ lineFontDefaults: e }) => {
-	if (!e) return;
-	let t = {};
-	for (let n in e) {
-		if (!Object.prototype.hasOwnProperty.call(e, n)) continue;
-		let r = Number(n);
-		if (!Number.isFinite(r)) continue;
-		let i = e[r];
-		i && (t[r] = { ...i });
-	}
-	return t;
-}, qr = ({ 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) {
-		if (!Object.prototype.hasOwnProperty.call(e, a)) continue;
-		let o = Number(a);
-		if (!Number.isFinite(o)) continue;
-		let s = e[o];
-		if (!s) continue;
-		let c = { ...s };
-		if (typeof s.fontSize == "number") {
-			let e = Math.min(8, s.fontSize);
-			c.fontSize = Math.max(e, s.fontSize * t), i = !0;
-		}
-		n[o] = c, r = !0;
-	}
-	if (!(!r || !i)) return n;
-}, Jr = ({ 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;
-}, Yr = ({ origin: e, size: t }) => e === "left" || e === "top" || e === "start" || e === 0 ? 0 : e === "right" || e === "bottom" || e === "end" || e === 1 ? t : t / 2, Xr = ({ textbox: e, originX: t = e.originX ?? "center", originY: n = e.originY ?? "center" }) => {
-	let r = e.width ?? e.calcTextWidth() ?? 0, i = e.height ?? e.calcTextHeight() ?? 0, a = e.paddingTop ?? 0, o = e.paddingRight ?? 0, s = e.paddingBottom ?? 0, c = e.paddingLeft ?? 0, l = -r / 2 + (c - o) / 2, u = -i / 2 + (a - s) / 2, d = new p(l + Yr({
-		origin: t,
-		size: r
-	}), u + Yr({
-		origin: n,
-		size: i
-	})), f = e.getPointByOrigin("center", "center"), m = e, h = typeof m.calcTransformMatrix == "function" ? m.calcTransformMatrix() : null, g = Array.isArray(h) ? new p(d.x * h[0] + d.y * h[2] + f.x, d.x * h[1] + d.y * h[3] + f.y) : new p(f.x + d.x, f.y + d.y);
-	return {
-		left: g.x,
-		top: g.y,
-		originX: t,
-		originY: n
-	};
-}, Zr = ({ 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);
-}, Qr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, $r = ({ stylesList: e }) => {
-	let t = e.length;
-	if (!t) return !1;
-	for (let n = 0; n < t; n += 1) {
-		let t = e[n];
-		if (!t) continue;
-		let { fontFamily: r, fontSize: i, fontWeight: a, fontStyle: o, lineHeight: s, charSpacing: c } = t;
-		if (r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0 || c !== void 0) return !0;
-	}
-	return !1;
-}, ei = ({ 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 = Qr({
-		rawValue: t,
-		calculatedValue: a
-	}), c = Qr({
-		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;
-}, ti = ({ 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,
-		fontSize: n,
-		padding: {
-			top: a,
-			right: o,
-			bottom: s,
-			left: c
-		},
-		radii: {
-			topLeft: l,
-			topRight: u,
-			bottomRight: d,
-			bottomLeft: f
-		},
-		styles: JSON.parse(JSON.stringify(r)),
-		lineFontDefaults: Kr({ lineFontDefaults: i })
-	};
-}, ni = ({ base: e }) => {
-	let t = 1 / Math.max(1, e.width), n = [e.fontSize];
-	Object.values(e.styles).forEach((e) => {
-		Object.values(e).forEach((e) => {
-			let { fontSize: t } = e;
-			typeof t != "number" || !Number.isFinite(t) || t <= 0 || n.push(t);
-		});
-	}), Object.values(e.lineFontDefaults ?? {}).forEach((e) => {
-		let { fontSize: t } = e;
-		typeof t != "number" || !Number.isFinite(t) || t <= 0 || n.push(t);
-	});
-	let r = n.reduce((e, t) => Math.max(e, Math.min(8, t) / t), 0);
-	return {
-		widthScale: t,
-		fontScale: r,
-		proportionalScale: Math.max(t, r)
-	};
-}, ri = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, anchorPlacement: o, shouldScaleFontSize: s, shouldScalePadding: c, shouldScaleRadii: l, shouldDisableAutoExpandOnHorizontalChange: u = !1, shouldRoundDimensions: d = !0 }) => {
-	let { width: f, fontSize: m, padding: h, radii: g, styles: _, lineFontDefaults: v } = n, y = Math.max(1, f * r), b = d ? Math.max(1, Math.round(y)) : y, x = Math.max(Math.min(8, m), m * i), S = Object.keys(_).length > 0, C;
-	if (s && S) {
-		let e = {};
-		Object.entries(_).forEach(([t, n]) => {
-			if (!n) return;
-			let r = {};
-			Object.entries(n).forEach(([e, t]) => {
-				if (!t) return;
-				let n = { ...t };
-				if (typeof t.fontSize == "number") {
-					let e = Math.min(8, t.fontSize);
-					n.fontSize = Math.max(e, t.fontSize * i);
-				}
-				r[e] = n;
-			}), Object.keys(r).length && (e[t] = r);
-		}), Object.keys(e).length && (C = e);
-	}
-	let w;
-	s && (w = qr({
-		lineFontDefaults: v,
-		scale: i
-	}));
-	let T = c ? {
-		top: Math.max(0, h.top * i),
-		right: Math.max(0, h.right * i),
-		bottom: Math.max(0, h.bottom * i),
-		left: Math.max(0, h.left * i)
-	} : h, E = l ? {
-		topLeft: Math.max(0, g.topLeft * i),
-		topRight: Math.max(0, g.topRight * i),
-		bottomRight: Math.max(0, g.bottomRight * i),
-		bottomLeft: Math.max(0, g.bottomLeft * i)
-	} : g, D = e.width ?? f, O = Math.abs(b - D) > Ur;
-	u && O && (e.autoExpand = !1), C && (e.styles = C), w && (e.lineFontDefaults = w), e.set({
-		width: b,
-		fontSize: s ? x : m,
-		paddingTop: T.top,
-		paddingRight: T.right,
-		paddingBottom: T.bottom,
-		paddingLeft: T.left,
-		radiusTopLeft: E.topLeft,
-		radiusTopRight: E.topRight,
-		radiusBottomRight: E.bottomRight,
-		radiusBottomLeft: E.bottomLeft,
-		scaleX: 1,
-		scaleY: 1
-	});
-	let k = e.shouldRoundDimensionsOnInit;
-	e.shouldRoundDimensionsOnInit = d;
-	try {
-		e.initDimensions();
-	} finally {
-		e.shouldRoundDimensionsOnInit = k;
-	}
-	let A = d ? ei({ textbox: e }) : !1;
-	return A && (e.dirty = !0), o ? (e.set({
-		originX: a.originX,
-		originY: a.originY
-	}), e.setPositionByOrigin(new p(o.left, o.top), o.originX, o.originY), e.setCoords(), {
-		appliedWidth: e.width ?? b,
-		dimensionsRounded: A
-	}) : (t.applyObjectPlacement({
-		object: e,
-		placement: a
-	}), e.setCoords(), {
-		appliedWidth: e.width ?? b,
-		dimensionsRounded: A
-	});
-}, ii = ({ transform: e }) => {
+}, ii = () => {
+	y?.setClass && y.setClass(ri, "background-textbox");
+}, ai = ({ 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"
 	};
-}, ai = ({ textbox: e, transform: t, appliedWidth: n }) => {
+}, oi = ({ 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);
-}, oi = ({ textbox: e, transform: t, scenePoint: n }) => {
+}, si = ({ 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);
@@ -8279,27 +8316,27 @@ var hr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY
 		stepScaleX: l,
 		stepScaleY: u
 	};
-}, si = 1e-4;
-function ci(e) {
+}, ci = 1e-4;
+function li(e) {
 	return !!e && e instanceof _;
 }
-function li(e) {
-	if (!ci(e)) return !1;
+function ui(e) {
+	if (!li(e)) return !1;
 	let t = e.group;
 	return e.shapeNodeType === "text" && t?.shapeComposite === !0;
 }
-var ui = class {
+var di = class {
 	constructor({ canvas: t, canvasManager: n, persistScaledTextbox: r }) {
 		this.handleMouseMove = (e) => {
 			let t = this.canvas._currentTransform;
 			if (!t) return;
 			let { target: n } = t;
-			if (!ci(n) || li(n)) return;
+			if (!li(n) || ui(n)) return;
 			let r = this.scalingState.get(n);
 			if (!r || !e.e) return;
-			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = ii({ transform: t });
+			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = ai({ transform: t });
 			if (!a && !o && !i) return;
-			let s = oi({
+			let s = si({
 				textbox: n,
 				transform: t,
 				scenePoint: this.canvas.getScenePoint(e.e)
@@ -8322,20 +8359,20 @@ var ui = 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) <= si) return;
+				if (Math.abs(t - r.lastAllowedScaleX) <= ci) 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) > si && (j = t);
+					Math.abs(t - r.lastAllowedScaleX) > ci && (j = t);
 				}
 				if (o) {
 					let e = r.lastAllowedScaleY * d, t = l ? r.minimumFontScale : Math.max(r.minimumFontScale, e);
-					Math.abs(t - r.lastAllowedScaleY) > si && (M = t);
+					Math.abs(t - r.lastAllowedScaleY) > ci && (M = t);
 				}
-				if (Math.abs(j - r.lastAllowedScaleX) <= si && Math.abs(M - r.lastAllowedScaleY) <= si) return;
+				if (Math.abs(j - r.lastAllowedScaleX) <= ci && Math.abs(M - r.lastAllowedScaleY) <= ci) return;
 			}
-			let { appliedWidth: N, dimensionsRounded: P } = ri({
+			let { appliedWidth: N, dimensionsRounded: P } = un({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: r.startBase,
@@ -8349,7 +8386,7 @@ var ui = class {
 				shouldDisableAutoExpandOnHorizontalChange: a,
 				shouldRoundDimensions: !i
 			});
-			ai({
+			oi({
 				textbox: n,
 				transform: t,
 				appliedWidth: N
@@ -8370,12 +8407,12 @@ var ui = class {
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
-			if (n instanceof e || !ci(n) || li(n) || !r) return;
+			if (n instanceof e || !li(n) || ui(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 } = ii({ transform: r }), d = r.corner ?? "", f = c || u;
+			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = ai({ 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,
@@ -8390,7 +8427,7 @@ var ui = class {
 					N = e, P = e;
 				}
 			} else l && (N = Math.max(i.minimumWidthScale, i.lastAllowedScaleX * h)), u && (P = Math.max(i.minimumFontScale, i.lastAllowedScaleY * g));
-			let { appliedWidth: ee, dimensionsRounded: te } = ri({
+			let { appliedWidth: ee, dimensionsRounded: te } = un({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: a,
@@ -8404,7 +8441,7 @@ var ui = class {
 				shouldDisableAutoExpandOnHorizontalChange: l,
 				shouldRoundDimensions: !c
 			});
-			ai({
+			oi({
 				textbox: n,
 				transform: r,
 				appliedWidth: ee
@@ -8437,7 +8474,7 @@ var ui = class {
 			let { target: n } = t;
 			if (n instanceof e) {
 				let t = n.getObjects();
-				if (!t.some((e) => ci(e))) return;
+				if (!t.some((e) => li(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) => {
@@ -8447,7 +8484,7 @@ var ui = class {
 				this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
 				return;
 			}
-			if (!ci(n) || li(n)) return;
+			if (!li(n) || ui(n)) return;
 			n.isScaling = !1;
 			let r = this.scalingState.get(n);
 			if (this.scalingState.delete(n), !r?.hasScalingChange) return;
@@ -8472,11 +8509,11 @@ var ui = class {
 		}, this.canvas = t, this.canvasManager = n, this.persistScaledTextbox = r, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
-		if (!ci(e) || li(e)) return !1;
+		if (!li(e) || ui(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 = ti({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
-		return ri({
+		let i = sn({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
+		return un({
 			textbox: e,
 			canvasManager: this.canvasManager,
 			base: i,
@@ -8492,7 +8529,7 @@ var ui = class {
 	_ensureScalingState({ textbox: e, transform: t }) {
 		let n = this.scalingState.get(e);
 		if (!n) {
-			let r = ti({ textbox: e }), i = this.canvasManager.getObjectPlacement({ object: e }), a = ni({ base: r }), o = t.original?.originX ?? t.originX ?? e.originX ?? "center", s = t.original?.originY ?? t.originY ?? e.originY ?? "center";
+			let r = sn({ textbox: e }), i = this.canvasManager.getObjectPlacement({ object: e }), a = cn({ base: r }), o = t.original?.originX ?? t.originX ?? e.originX ?? "center", s = t.original?.originY ?? t.originY ?? e.originY ?? "center";
 			n = {
 				startBase: r,
 				startObjectPlacement: i,
@@ -8525,7 +8562,7 @@ var ui = class {
 			topRight: e.radiusTopRight ?? 0,
 			bottomRight: e.radiusBottomRight ?? 0,
 			bottomLeft: e.radiusBottomLeft ?? 0
-		}, v = Math.abs(n - o) > Ur, y = Math.abs(h - r) > Ur, 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) > Jt, y = Math.abs(h - r) > Jt, 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;
@@ -8546,7 +8583,7 @@ var ui = class {
 			originY: a
 		});
 	}
-}, di = ({ textbox: e }) => {
+}, fi = ({ textbox: e }) => {
 	let t = e.text ?? "";
 	if (!t.length) return [];
 	let n = t.split("\n"), r = [], i = 0;
@@ -8558,7 +8595,7 @@ var ui = class {
 		});
 	}
 	return r;
-}, fi = ({ range: e, text: t }) => {
+}, pi = ({ range: e, text: t }) => {
 	if (!e) return null;
 	let n = t.length;
 	if (n <= 0) return null;
@@ -8567,8 +8604,8 @@ var ui = class {
 		start: l,
 		end: u
 	};
-}, pi = ({ textbox: e, range: t }) => {
-	let n = di({ textbox: e });
+}, mi = ({ textbox: e, range: t }) => {
+	let n = fi({ textbox: e });
 	if (!n.length) return t;
 	let { start: r } = t, { end: i } = t;
 	for (let e = 0; e < n.length; e += 1) {
@@ -8581,7 +8618,7 @@ var ui = class {
 		start: r,
 		end: i
 	};
-}, mi = ({ textbox: e, range: t }) => {
+}, hi = ({ 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;
@@ -8590,7 +8627,7 @@ var ui = class {
 		i > n && r < c && o.push(e), s = c + 1;
 	}
 	return o;
-}, hi = ({ textbox: e, range: t }) => {
+}, gi = ({ 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;
@@ -8599,20 +8636,20 @@ var ui = class {
 		r <= n && i >= c && o.push(e), s = c + 1;
 	}
 	return o;
-}, gi = ({ previous: e, next: t }) => {
+}, _i = ({ 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;
-}, _i = ({ text: e, charIndex: t }) => {
+}, vi = ({ 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;
-}, vi = ({ text: e, lineIndex: t }) => {
+}, yi = ({ 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;
-}, yi = class e {
+}, bi = class e {
 	constructor({ editor: t }) {
 		this._handleTextEditingEntered = (t) => {
 			this.isTextEditingActive = !0;
@@ -8625,7 +8662,7 @@ var ui = 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 = zr({ value: l });
+				let e = ti({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
@@ -8643,7 +8680,7 @@ var ui = 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 || (ei({ 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 || (on({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
 				lockMovementX: !1,
 				lockMovementY: !1
 			}));
@@ -8670,7 +8707,7 @@ var ui = class {
 				transform: r,
 				event: i ?? null
 			});
-		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new ui({
+		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new di({
 			canvas: t.canvas,
 			canvasManager: t.canvasManager,
 			persistScaledTextbox: ({ target: e, style: t }) => {
@@ -8679,12 +8716,12 @@ var ui = class {
 					style: t
 				});
 			}
-		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), Hr();
+		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), ii();
 	}
-	addText({ id: t = `text-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1, emitLifecycleEvents: j = !0 } = {}) {
+	addText({ id: t = `background-textbox-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1, emitLifecycleEvents: j = !0 } = {}) {
 		let { canvasManager: M, historyManager: N } = this.editor, { canvas: P } = this;
 		N.suspendHistory();
-		let F = i ?? this._getDefaultFontFamily(), I = Rr({ width: m }), ee = Lr({
+		let F = i ?? this._getDefaultFontFamily(), I = ei({ width: m }), ee = $r({
 			strokeColor: p,
 			width: I
 		}), te = {
@@ -8713,14 +8750,14 @@ var ui = class {
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, L = new Vr(n, te), ne = r !== !1;
+		}, L = new ri(n, te), ne = r !== !1;
 		L.autoExpand = ne;
 		let re = E.left !== void 0 || E.top !== void 0;
 		if (L.textCaseRaw = L.text ?? "", l) {
-			let e = zr({ value: L.textCaseRaw });
+			let e = ti({ value: L.textCaseRaw });
 			e !== L.text && L.set({ text: e });
 		}
-		ei({ textbox: L }) && (L.dirty = !0);
+		on({ textbox: L }) && (L.dirty = !0);
 		let R;
 		re && (R = M.resolveObjectPlacement({
 			object: L,
@@ -8767,13 +8804,13 @@ var ui = class {
 			top: te,
 			originX: L,
 			originY: ne
-		}), z = a === void 0 ? Mr({ textbox: s }) : fi({
+		}), z = a === void 0 ? Jr({ textbox: s }) : pi({
 			text: c,
 			range: a
-		}), B = z ? pi({
+		}), B = z ? mi({
 			textbox: s,
 			range: z
-		}) : null, V = {}, H = {}, U = {}, ae, oe, W = Pr({
+		}) : null, V = {}, H = {}, U = {}, ae, oe, W = Xr({
 			textbox: s,
 			range: z
 		}), se = !z || W, G = !z;
@@ -8786,24 +8823,24 @@ var ui = class {
 			z && (V.fontStyle = e), se && (R.fontStyle = e, G && (U.fontStyle = e));
 		}
 		if (y !== void 0 && (z && (V.underline = y), se && (R.underline = y, G && (U.underline = y))), x !== void 0 && (z && (V.linethrough = x), se && (R.linethrough = x, G && (U.linethrough = x))), S !== void 0 && (R.textAlign = S), C !== void 0 && (z && (V.fill = C), se && (R.fill = C, G && (U.fill = C))), w !== void 0 || T !== void 0) {
-			let e = z ? Ir({
+			let e = z ? Qr({
 				textbox: s,
 				range: z,
 				property: "strokeWidth"
-			}) : void 0, t = z ? Ir({
+			}) : void 0, t = z ? Qr({
 				textbox: s,
 				range: z,
 				property: "stroke"
 			}) : void 0;
-			oe = Rr({ width: T ?? e ?? s.strokeWidth ?? 0 }), ae = Lr({
+			oe = ei({ width: T ?? e ?? s.strokeWidth ?? 0 }), ae = $r({
 				strokeColor: w ?? t ?? s.stroke ?? void 0,
 				width: oe
 			}), z && (V.stroke = ae, V.strokeWidth = oe), se && (R.stroke = ae, R.strokeWidth = oe, G && (U.stroke = ae, U.strokeWidth = oe));
 		}
 		E !== void 0 && (R.opacity = E), D !== void 0 && (R.backgroundColor = D), O !== void 0 && (R.backgroundOpacity = O), k !== void 0 && (R.paddingTop = k), A !== void 0 && (R.paddingRight = A), j !== void 0 && (R.paddingBottom = j), M !== void 0 && (R.paddingLeft = M), N !== void 0 && (R.radiusTopLeft = N), P !== void 0 && (R.radiusTopRight = P), F !== void 0 && (R.radiusBottomRight = F), I !== void 0 && (R.radiusBottomLeft = I);
 		let ce = s.textCaseRaw ?? c, le = !!s.uppercase, ue = p !== void 0, de = ue ? p ?? "" : ce, fe = b ?? le, pe = fe !== le;
-		ue || pe ? (R.text = fe ? zr({ value: de }) : de, s.textCaseRaw = de) : s.textCaseRaw === void 0 && (s.textCaseRaw = ce);
-		let me = $r({ stylesList: [
+		ue || pe ? (R.text = fe ? ti({ value: de }) : de, s.textCaseRaw = de) : s.textCaseRaw === void 0 && (s.textCaseRaw = ce);
+		let me = an({ stylesList: [
 			R,
 			V,
 			H,
@@ -8819,53 +8856,53 @@ var ui = class {
 			j,
 			M
 		], _e = he.some((e) => e !== void 0), ve = ge.some((e) => e !== void 0), ye = Object.prototype.hasOwnProperty.call(R, "width"), be = ve && !_e && !ue && !pe && !me && !ye, xe = null;
-		be && (xe = Xr({
+		be && (xe = tn({
 			textbox: s,
 			originX: ie.originX,
 			originY: ie.originY
 		})), s.uppercase = fe, s.set(R);
 		let K = !1;
 		if (z) {
-			let e = Fr({
+			let e = Zr({
 				textbox: s,
 				styles: V,
 				range: z
-			}), t = B ? Fr({
+			}), t = B ? Zr({
 				textbox: s,
 				styles: H,
 				range: B
 			}) : !1;
 			K = e || t;
 		} else if (Object.keys(U).length) {
-			let e = Nr({ textbox: s });
-			e && (K = Fr({
+			let e = Yr({ textbox: s });
+			e && (K = Zr({
 				textbox: s,
 				styles: U,
 				range: e
 			}));
 		}
-		let Se = K && $r({ stylesList: [
+		let Se = K && an({ stylesList: [
 			V,
 			H,
 			U
 		] });
 		if (K && (s.dirty = !0), B && (h !== void 0 || g !== void 0)) {
-			let e = mi({
+			let e = hi({
 				textbox: s,
 				range: B
 			}), t = {};
-			h !== void 0 && (t.fontFamily = h), g !== void 0 && (t.fontSize = g), Wr({
+			h !== void 0 && (t.fontFamily = h), g !== void 0 && (t.fontSize = g), Yt({
 				textbox: s,
 				lineIndices: e,
 				updates: t
 			});
 		}
 		if (z && (C !== void 0 || w !== void 0 || T !== void 0)) {
-			let e = hi({
+			let e = gi({
 				textbox: s,
 				range: z
 			}), t = {};
-			C !== void 0 && (t.fill = C), (w !== void 0 || T !== void 0) && (ae === null && (t.stroke = null), ae != null && (t.stroke = ae)), Wr({
+			C !== void 0 && (t.fill = C), (w !== void 0 || T !== void 0) && (ae === null && (t.stroke = null), ae != null && (t.stroke = ae)), Yt({
 				textbox: s,
 				lineIndices: e,
 				updates: t
@@ -8971,7 +9008,7 @@ var ui = class {
 			clampToMontage: r
 		}));
 		let a = !1;
-		i || (a = ei({ textbox: e }));
+		i || (a = on({ textbox: e }));
 		let o = !1;
 		return !i && t && (this.editor.canvasManager.applyObjectPlacement({
 			object: e,
@@ -8979,7 +9016,7 @@ var ui = class {
 		}), o = !0), (i || a) && (e.dirty = !0), (i || a || o) && e.setCoords(), i || a;
 	}
 	_restoreTextboxContentPlacement({ textbox: e, contentPlacement: t }) {
-		let n = Xr({
+		let n = tn({
 			textbox: e,
 			originX: t.originX,
 			originY: t.originY
@@ -8999,15 +9036,15 @@ var ui = 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 = gi({
+			let e = _i({
 				previous: d,
 				next: u
-			}), t = _i({
+			}), t = vi({
 				text: d,
 				charIndex: e
 			});
 			if (h > 0) {
-				let r = vi({
+				let r = yi({
 					text: d,
 					lineIndex: t
 				}), i = t + 1;
@@ -9048,7 +9085,7 @@ var ui = 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 = Xt({
 						lineText: t,
 						lineStyles: S ? S[e] : void 0,
 						lineDefaults: n
@@ -9088,16 +9125,16 @@ var ui = 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(Jr({
+		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil($t({
 			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), ei({ 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), on({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
 			object: e,
 			placement: t
 		});
 		let b = !1;
-		return n && (b = Zr({
+		return n && (b = nn({
 			textbox: e,
 			montageLeft: o,
 			montageRight: o + s
@@ -9155,7 +9192,7 @@ var ui = class {
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, bi = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, xi = (e) => {
+}, xi = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, Si = (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",
@@ -9166,7 +9203,7 @@ var ui = 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: bi({
+			angle: xi({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -9194,7 +9231,7 @@ var ui = class {
 		};
 	}
 	return null;
-}, Si = "_templateAnchorX", Ci = "_templateAnchorY", wi = class t {
+}, Ci = "_templateAnchorX", wi = "_templateAnchorY", Ti = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -9203,7 +9240,7 @@ var ui = class {
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: kr.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: Gr.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
@@ -9228,80 +9265,83 @@ var ui = class {
 		};
 	}
 	async applyTemplate({ template: e }) {
-		let { canvas: n, montageArea: r, historyManager: i, errorManager: a, backgroundManager: o } = this.editor, { objects: s, meta: c, id: l } = e ?? {};
-		if (!s?.length) return a.emitWarning({
+		let { canvas: n, montageArea: r, historyManager: i, errorManager: a, backgroundManager: o, shapeManager: s, textManager: c } = this.editor, { objects: l, meta: u, id: d } = e ?? {};
+		if (!l?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: kr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: Gr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
-		let u = t._getBounds(r);
-		if (!u) return a.emitWarning({
+		let f = t._getBounds(r);
+		if (!f) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: kr.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: Gr.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
-		let d = t._getMontageSize({
+		let p = t._getMontageSize({
 			montageArea: r,
-			bounds: u
-		}), f = t._normalizeMeta({
-			meta: c,
-			fallback: d
-		}), p = t._calculateScale({
-			meta: f,
-			target: d
-		}), m = !!f.positionsNormalized, h = !1, g = !1;
+			bounds: f
+		}), m = t._normalizeMeta({
+			meta: u,
+			fallback: p
+		}), h = t._calculateScale({
+			meta: m,
+			target: p
+		}), g = !!m.positionsNormalized, _ = !1, v = !1;
 		i.suspendHistory();
 		try {
-			let r = await t._enlivenObjects(s);
+			let r = await t._enlivenObjects(l);
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: kr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: Gr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
-			let { backgroundObject: i, contentObjects: c } = t._extractBackgroundObject(r);
-			i && (g = await t._applyBackgroundFromObject({
+			let { backgroundObject: i, contentObjects: u } = t._extractBackgroundObject(r);
+			i && (v = await t._applyBackgroundFromObject({
 				backgroundObject: i,
 				backgroundManager: o,
 				errorManager: a
 			}));
-			let l = c.map((e) => (this._adaptTextboxWidth({
+			let d = u.map((e) => (this._adaptTextboxWidth({
 				object: e,
-				baseWidth: f.baseWidth
+				baseWidth: m.baseWidth
 			}), this._transformObject({
 				object: e,
-				scale: p,
-				bounds: u,
-				baseWidth: f.baseWidth,
-				baseHeight: f.baseHeight,
-				useRelativePositions: m
-			}), this.editor.textManager?.commitStandaloneTextScale({ target: e }), Vt({ object: e }), e.set({
+				scale: h,
+				bounds: f,
+				baseWidth: m.baseWidth,
+				baseHeight: m.baseHeight,
+				useRelativePositions: g
+			}), c.commitStandaloneTextScale({ target: e }), s.commitRehydratedShapeLayout({
+				target: e,
+				textScale: h
+			}), Vt({ object: e }), e.set({
 				id: `${e.type}-${D()}`,
 				evented: !0
 			}), n.add(e), e));
-			return !l.length && !g ? null : (h = l.length > 0 || g, l.length && t._activateObjects({
+			return !d.length && !v ? null : (_ = d.length > 0 || v, d.length && t._activateObjects({
 				canvas: n,
-				objects: l
+				objects: d
 			}), n.requestRenderAll(), n.fire("editor:template-applied", {
 				template: e,
-				objects: l,
-				bounds: u
-			}), l);
+				objects: d,
+				bounds: f
+			}), d);
 		} catch (e) {
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: kr.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Gr.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
-					templateId: l,
+					templateId: d,
 					error: e
 				}
 			}), null;
 		} finally {
-			i.resumeHistory(), h && i.saveState();
+			i.resumeHistory(), _ && i.saveState();
 		}
 	}
 	static _collectObjects(t) {
@@ -9447,8 +9487,8 @@ var ui = class {
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, Si),
-				anchorY: t._resolveAnchor(s, Ci)
+				anchorX: t._resolveAnchor(s, Ci),
+				anchorY: t._resolveAnchor(s, wi)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
@@ -9462,7 +9502,7 @@ var ui = class {
 				originX: _,
 				originY: v
 			}
-		}), delete s[Si], delete s[Ci];
+		}), delete s[Ci], delete s[wi];
 	}
 	static _getPositioningBounds({ bounds: e, baseWidth: n, baseHeight: r, scale: i, useRelativePositions: a, anchorX: o, anchorY: s }) {
 		if (!a) return e;
@@ -9526,7 +9566,7 @@ var ui = class {
 		});
 		if (!i || !s || !o) return;
 		e.setCoords();
-		let c = e, l = t._resolveAnchor(c, Si), 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, Ci), u = typeof c.left == "number" ? c.left : null, d = e.originX ?? "center", f = e.originY ?? "center", p = e.getPointByOrigin(d, f), m = e.getBoundingRect(!1, !0), h = m.left + m.width;
 		e.set("width", i), e.initDimensions();
 		let g = t._getLongestLineWidth({
 			textbox: e,
@@ -9555,10 +9595,10 @@ var ui = 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[Si] = t._detectAnchor({
+		return a[Ci] = t._detectAnchor({
 			start: h,
 			end: _
-		}), a[Ci] = t._detectAnchor({
+		}), a[wi] = t._detectAnchor({
 			start: g,
 			end: v
 		}), a.left = m.x, a.top = m.y, a;
@@ -9583,7 +9623,7 @@ var ui = class {
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = xi(r);
+				let e = Si(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -9604,7 +9644,7 @@ var ui = class {
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: kr.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Gr.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -9640,29 +9680,29 @@ var ui = class {
 	enlivenObjectEnlivables(e) {
 		return C.enlivenObjectEnlivables(e);
 	}
-}, Ti = "#3D8BF4", Ei = .5, Di = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, Oi = ({ firstDistance: e, secondDistance: t }) => {
-	let n = Di({ distance: e }), r = Di({ distance: t });
+}, Ei = "#3D8BF4", Di = .5, Oi = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, ki = ({ firstDistance: e, secondDistance: t }) => {
+	let n = Oi({ distance: e }), r = Oi({ distance: t });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, ki = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), Ai = ({ step: e }) => {
+}, Ai = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), ji = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, ji = ({ value: e, step: t }) => {
+}, Mi = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = Ai({ step: t }), r = Math.round(e / t) * t;
+	let n = ji({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, Mi = ({ value: e, step: t }) => {
+}, Ni = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = ji({
+	let n = Mi({
 		value: e,
 		step: t
-	}), r = 10 ** -(Ai({ step: t }) + 4);
+	}), r = 10 ** -(ji({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, Ni = ({ bounds: e, axis: t }) => {
+}, Pi = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -9671,7 +9711,7 @@ var ui = class {
 		start: n,
 		end: r
 	};
-}, Pi = ({ items: e, axis: t }) => {
+}, Fi = ({ 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;) {
@@ -9681,10 +9721,10 @@ var ui = class {
 		}
 		e[o + 1] = r;
 	}
-}, Fi = ({ items: e, index: t, axis: n, direction: r }) => {
+}, Ii = ({ 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 } = Pi({
 		bounds: a,
 		axis: n
 	});
@@ -9692,7 +9732,7 @@ var ui = 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 } = Pi({
 				bounds: i,
 				axis: n
 			});
@@ -9703,26 +9743,26 @@ var ui = 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 } = Pi({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, Ii = ({ items: e }) => {
+}, Li = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, Li = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, Ri = ({ 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;
-}, Ri = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, zi = ({ baseOption: e, candidateOption: t }) => {
+}, zi = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Bi = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, Bi = ({ options: e }) => {
+}, Vi = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -9733,11 +9773,11 @@ var ui = class {
 		r.diff === t.diff && Math.abs(r.delta) < Math.abs(t.delta) && (t = r);
 	}
 	return t;
-}, Vi = ({ currentOption: e, nextOption: t }) => {
+}, Hi = ({ 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);
-}, Hi = ({ options: e }) => {
+}, Ui = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -9745,18 +9785,18 @@ var ui = class {
 			t.push(i);
 			continue;
 		}
-		a === "before" && Vi({
+		a === "before" && Hi({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && Vi({
+		}) && (n = i), a === "after" && Hi({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, Ui = ({ options: e, side: t, baseOption: n }) => {
+}, Wi = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && zi({
+	for (let i of e) if (i.side === t && Bi({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -9767,63 +9807,63 @@ var ui = class {
 		!r || i.diff !== r.diff || Math.abs(i.delta) < Math.abs(r.delta) && (r = i);
 	}
 	return r;
-}, Wi = ({ option: e }) => {
+}, Gi = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, Gi = ({ option: e, context: t }) => {
+}, Ki = ({ 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;
-}, Ki = ({ options: e, context: t }) => {
+}, qi = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (Gi({
+	for (let n of e) if (Ki({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, qi = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = Ki({
+}, Ji = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = qi({
 		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;
-}, Ji = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, Yi = ({ 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));
-}, Yi = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, Xi = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = Hi({ options: e }), i = [];
+	let r = Ui({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = qi({
+	let a = i.length > 0, o = a ? i : r, s = Ji({
 		options: o,
-		bestOption: Bi({ options: o }),
+		bestOption: Vi({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = Ui({
+	}), c = Wi({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = Ui({
+	}), l = Wi({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = Ui({
+	}), u = Wi({
 		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) Ji({
+	for (let e of d) Yi({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -9831,15 +9871,15 @@ var ui = class {
 	return {
 		delta: s.delta,
 		guides: f,
-		context: Wi({ option: s })
+		context: Gi({ option: s })
 	};
-}, Xi = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = ji({
+}, Zi = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = Mi({
 		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: _ } = Oi({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = ki({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -9854,13 +9894,13 @@ var ui = class {
 		});
 	}
 	return u;
-}, Zi = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = Oi({
+}, Qi = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = ki({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, Qi = ({ anchors: e, positions: t, threshold: n }) => {
+}, $i = ({ 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);
@@ -9870,8 +9910,8 @@ var ui = class {
 		delta: r,
 		guidePosition: a
 	};
-}, $i = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Qi({
+}, ea = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = $i({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -9879,7 +9919,7 @@ var ui = class {
 			i
 		],
 		threshold: t
-	}), u = Qi({
+	}), u = $i({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -9899,11 +9939,11 @@ var ui = class {
 		deltaY: u.delta,
 		guides: d
 	};
-}, ea = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, ta = ({ 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;
-		ki({
+		Ai({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -9923,22 +9963,22 @@ var ui = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), Pi({
+	}), Fi({
 		items: f,
 		axis: "top"
 	});
-	let p = Ii({ items: f });
+	let p = Li({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = Fi({
+	let m = [], h = c - s, g = Ii({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = Fi({
+	}), _ = Ii({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -9947,19 +9987,19 @@ var ui = 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 = ji({
+			let e = Mi({
 				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 = Xi({
+				let t = Zi({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Ei
+					step: Di
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -9996,16 +10036,16 @@ var ui = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!Mi({
+		if (!Ni({
 			value: a,
 			step: .5
-		}) || !Li({
+		}) || !Ri({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = Ri({
+		let d = zi({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -10013,12 +10053,12 @@ var ui = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = ji({
+				let e = Mi({
 					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 = Zi({
+				let d = Qi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10042,12 +10082,12 @@ var ui = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = ji({
+				let e = Mi({
 					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 = Zi({
+				let d = Qi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10072,16 +10112,16 @@ var ui = class {
 			}
 		}
 	}
-	return Yi({
+	return Xi({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, ta = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, na = ({ 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;
-		ki({
+		Ai({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -10101,22 +10141,22 @@ var ui = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), Pi({
+	}), Fi({
 		items: f,
 		axis: "left"
 	});
-	let p = Ii({ items: f });
+	let p = Li({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = Fi({
+	let m = [], h = c - s, g = Ii({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = Fi({
+	}), _ = Ii({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -10125,19 +10165,19 @@ var ui = 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 = ji({
+			let e = Mi({
 				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 = Xi({
+				let t = Zi({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Ei
+					step: Di
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -10174,16 +10214,16 @@ var ui = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!Mi({
+		if (!Ni({
 			value: a,
 			step: .5
-		}) || !Li({
+		}) || !Ri({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = Ri({
+		let d = zi({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -10191,12 +10231,12 @@ var ui = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = ji({
+				let e = Mi({
 					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 = Zi({
+				let d = Qi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10220,12 +10260,12 @@ var ui = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = ji({
+				let e = Mi({
 					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 = Zi({
+				let d = Qi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -10250,20 +10290,20 @@ var ui = class {
 			}
 		}
 	}
-	return Yi({
+	return Xi({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, na = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = ea({
+}, ra = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = ta({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = ta({
+	}), l = na({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -10282,14 +10322,14 @@ var ui = class {
 			horizontal: l.context
 		}
 	};
-}, ra = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, ia = ({ 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();
-}, ia = ({ 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 }) => {
+}, aa = ({ context: e, type: t, axis: n, start: r, end: i, text: a, zoom: o, color: s, textColor: c = "#ffffff", fontFamily: l = "sans-serif", lineWidth: u = 1, padding: d = 4, radius: f = 4, offsetAlongAxis: p = 0, offsetPerpendicular: m = 0 }) => {
 	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(), ra({
+	e.beginPath(), ia({
 		context: e,
 		x: w,
 		y: T,
@@ -10297,11 +10337,11 @@ var ui = class {
 		height: C,
 		radius: v
 	}), e.fill(), e.fillStyle = c, e.fillText(a, b, x), e.restore();
-}, aa = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = Di({ distance: l }).toString();
+}, oa = ({ context: e, guide: t, zoom: n }) => {
+	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = Oi({ 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 = Ti;
-	ia({
+	let d = Ei;
+	aa({
 		context: e,
 		type: r,
 		axis: i,
@@ -10311,7 +10351,7 @@ var ui = class {
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), ia({
+	}), aa({
 		context: e,
 		type: r,
 		axis: i,
@@ -10322,10 +10362,10 @@ var ui = class {
 		color: d,
 		lineWidth: 1
 	});
-}, oa = ({ anchors: e, bounds: t }) => {
+}, sa = ({ 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);
-}, sa = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, ca = ({ 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;
@@ -10346,35 +10386,35 @@ var ui = class {
 		});
 	}
 	return i;
-}, ca = ({ bounds: e }) => ({
-	vertical: sa({
+}, la = ({ bounds: e }) => ({
+	vertical: ca({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: sa({
+	horizontal: ca({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), la = [
+}), ua = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], ua = ({ activeObject: t }) => {
+], da = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, da = ({ object: e, excluded: t, ignoredIds: n = la }) => {
+}, fa = ({ object: e, excluded: t, ignoredIds: n = ua }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, fa = class e {
+}, pa = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -10427,7 +10467,7 @@ var ui = class {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
 		}
-		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = $i({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = ea({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -10439,7 +10479,7 @@ var ui = class {
 				top: t + u
 			}), n.setCoords(), a = Ht({ object: n }) ?? a;
 		}
-		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = na({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = ra({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -10460,11 +10500,11 @@ var ui = class {
 			target: n,
 			transform: i
 		});
-		let h = Ht({ object: n }) ?? a, g = $i({
+		let h = Ht({ object: n }) ?? a, g = ea({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = na({
+		}), _ = ra({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -10695,9 +10735,9 @@ var ui = 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 = Ti, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = Ei, 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) aa({
+		for (let e of this.activeSpacingGuides) oa({
 			context: n,
 			guide: e,
 			zoom: c
@@ -10908,14 +10948,14 @@ var ui = class {
 		}, r = [];
 		for (let e of t) {
 			let t = Ht({ object: e });
-			t && (oa({
+			t && (sa({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
 		let { montageArea: i } = this.editor, a = Ht({ object: i });
 		if (a) {
-			oa({
+			sa({
 				anchors: n,
 				bounds: a
 			});
@@ -10927,12 +10967,12 @@ var ui = class {
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = ca({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = la({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = ua({ activeObject: e }), n = [];
+		let t = da({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			da({
+			fa({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -10955,7 +10995,7 @@ var ui = class {
 			bottom: (r - s) / a
 		};
 	}
-}, pa = "#3D8BF4", ma = class e {
+}, ma = "#3D8BF4", ha = 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();
 	}
@@ -11048,8 +11088,8 @@ var ui = class {
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = ua({ activeObject: t });
-		return n && !da({
+		let { target: n } = e, r = da({ activeObject: t });
+		return n && !fa({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -11166,18 +11206,18 @@ var ui = 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 = pa, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = ma, 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(), ia({
+			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), aa({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: Di({ distance: l }).toString(),
+				text: Oi({ distance: l }).toString(),
 				zoom: r,
-				color: pa,
+				color: ma,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -11195,13 +11235,13 @@ var ui = class {
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, ha = class e {
+}, ga = class e {
 	constructor(e, t) {
 		this.options = t, this.containerId = e, this.editorId = `${e}-${D()}`, this.init();
 	}
 	async init() {
 		let { editorContainerWidth: e, editorContainerHeight: n, canvasWrapperWidth: r, canvasWrapperHeight: i, canvasCSSWidth: a, canvasCSSHeight: o, initialImage: s, initialState: c, scaleType: l, showRotationAngle: u, _onReadyCallback: d } = this.options;
-		if (ie.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new Ar({ editor: this }), this.historyManager = new wt({ editor: this }), this.toolbar = new Ye({ editor: this }), this.transformManager = new Ft({ editor: this }), this.zoomManager = new It({ editor: this }), this.canvasManager = new Pt({ editor: this }), this.imageManager = new At({ editor: this }), this.layerManager = new qt({ editor: this }), this.shapeManager = new Cr({ editor: this }), this.interactionBlocker = new Gt({ editor: this }), this.backgroundManager = new Kt({ editor: this }), this.clipboardManager = new wr({ editor: this }), this.objectLockManager = new Tr({ editor: this }), this.groupingManager = new Er({ editor: this }), this.selectionManager = new Dr({ editor: this }), this.deletionManager = new Or({ editor: this }), this.panConstraintManager = new jr({ editor: this }), this.snappingManager = new fa({ editor: this }), this.measurementManager = new ma({ editor: this }), this.fontManager = new z(this.options.fonts ?? []), this.textManager = new yi({ editor: this }), this.templateManager = new wi({ editor: this }), u && (this.angleIndicator = new Qe({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
+		if (ie.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new Kr({ editor: this }), this.historyManager = new wt({ editor: this }), this.toolbar = new Ye({ editor: this }), this.transformManager = new Ft({ editor: this }), this.zoomManager = new It({ editor: this }), this.canvasManager = new Pt({ editor: this }), this.imageManager = new At({ editor: this }), this.layerManager = new qt({ editor: this }), this.shapeManager = new zr({ editor: this }), this.interactionBlocker = new Gt({ editor: this }), this.backgroundManager = new Kt({ editor: this }), this.clipboardManager = new Br({ editor: this }), this.objectLockManager = new Vr({ editor: this }), this.groupingManager = new Hr({ editor: this }), this.selectionManager = new Ur({ editor: this }), this.deletionManager = new Wr({ editor: this }), this.panConstraintManager = new qr({ editor: this }), this.snappingManager = new pa({ editor: this }), this.measurementManager = new ha({ editor: this }), this.fontManager = new z(this.options.fonts ?? []), this.textManager = new bi({ editor: this }), this.templateManager = new Ti({ editor: this }), u && (this.angleIndicator = new Qe({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
 			editor: this,
 			options: this.options
 		}), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(n), this.canvasManager.setCanvasWrapperWidth(r), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(a), this.canvasManager.setCanvasCSSHeight(o), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), await this.fontManager.loadFonts(), c) {
@@ -11309,7 +11349,7 @@ var ui = class {
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), ga = {
+].join(", "), _a = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -12163,20 +12203,20 @@ var ui = class {
 };
 //#endregion
 //#region src/main.ts
-function _a(e, t = {}) {
+function va(e, t = {}) {
 	let n = {
-		...ga,
+		..._a,
 		...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 ha(i.id, n);
+		let r = new ga(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { _a as default };
+export { va as default };
 
 //# sourceMappingURL=main.js.map