@anu3ev/fabric-image-editor 0.8.11 → 0.8.12

package/dist/main.js

@@ -8577,7 +8577,21 @@ var bi = class {
 		}
 		return null;
 	}
-}, ki = class {
+}, ki = ({ rootObject: t, enableEvented: n = !0 }) => {
+	let r = [{
+		object: t,
+		enableEvented: n
+	}];
+	for (let t = 0; t < r.length; t += 1) {
+		let n = r[t], i = { id: `${n.object.type}-${O()}` };
+		n.enableEvented && (i.evented = !0), n.object.set(i);
+		let a = null, o = !1;
+		if (n.object instanceof e ? (a = n.object.getObjects(), o = !0) : n.object instanceof l && (a = n.object.getObjects()), a) for (let e = 0; e < a.length; e += 1) r.push({
+			object: a[e],
+			enableEvented: o
+		});
+	}
+}, Ai = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.clipboard = null;
 	}
@@ -8680,16 +8694,6 @@ var bi = class {
 		}
 		r.commitStandaloneTextScale({ target: t }), n.commitRehydratedShapeLayout({ target: t });
 	}
-	_materializeCloneIdentity({ clonedObject: t, enableEvented: n = !0 }) {
-		t.set({ id: `${t.type}-${O()}` }), 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) => {
 			a = (t) => {
@@ -8710,6 +8714,10 @@ var bi = class {
 		}
 		try {
 			let t = await s;
+			if (t === null) {
+				await this._importExternalImage({ source: e });
+				return;
+			}
 			await this._importExternalImage({
 				source: e,
 				importOptions: t
@@ -8741,7 +8749,7 @@ var bi = class {
 		if (!n || n.locked) return !1;
 		try {
 			let e = await n.clone(Ot);
-			return this._materializeCloneIdentity({ clonedObject: e }), e.set({
+			return ki({ rootObject: e }), e.set({
 				left: e.left + 10,
 				top: e.top + 10
 			}), this._materializeCloneGeometry({ clonedObject: e }), this._addClonedObjectToCanvas(e), t.fire("editor:object-duplicated", {
@@ -8808,7 +8816,7 @@ var bi = class {
 		if (!this.clipboard) return !1;
 		try {
 			let t = await this.clipboard.clone(Ot);
-			return e.discardActiveObject(), this._materializeCloneIdentity({ clonedObject: t }), t.set({
+			return e.discardActiveObject(), ki({ rootObject: t }), t.set({
 				left: t.left + 10,
 				top: t.top + 10
 			}), this._materializeCloneGeometry({ clonedObject: t }), this._addClonedObjectToCanvas(t), e.fire("editor:object-pasted", {
@@ -8827,7 +8835,7 @@ var bi = class {
 			}), !1;
 		}
 	}
-}, Ai = class t {
+}, ji = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -8892,7 +8900,7 @@ var bi = class {
 			!(n instanceof v) || !n.isEditing || n.exitEditing();
 		}
 	}
-}, ji = class {
+}, Mi = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -8958,7 +8966,7 @@ var bi = class {
 			i.resumeHistory(), n || i.saveState();
 		}
 	}
-}, Mi = class t {
+}, Ni = 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();
 	}
@@ -9152,7 +9160,7 @@ var bi = class {
 		let { options: e } = this.editor, { selectionKey: t } = e;
 		return t === void 0 ? ["ctrlKey", "metaKey"] : t;
 	}
-}, Ni = class e {
+}, Pi = class e {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -9192,7 +9200,7 @@ var bi = class {
 		};
 		return i.fire("editor:objects-deleted", l), l;
 	}
-}, Pi = {
+}, Fi = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -9230,7 +9238,7 @@ var bi = class {
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, Fi = class e {
+}, Ii = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -9288,9 +9296,9 @@ var bi = class {
 		}), this.editor.canvas.fire("editor:warning", s);
 	}
 	static isValidErrorCode(e) {
-		return e ? Object.values(Pi).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(Fi).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, Ii = class {
+}, Li = class {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -9339,32 +9347,32 @@ var bi = class {
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, Li = ({ textbox: e }) => {
+}, Ri = ({ 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)
 	};
-}, Ri = ({ textbox: e }) => {
+}, zi = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, zi = ({ textbox: e, range: t }) => {
+}, Bi = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, Bi = ({ textbox: e, styles: t, range: n }) => {
+}, Vi = ({ 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);
-}, Vi = ({ textbox: e, range: t, property: n }) => {
+}, Hi = ({ 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];
-}, Hi = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", Ui = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, Wi = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Gi = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Ki = class e extends v {
+}, Ui = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", Wi = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, Gi = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Ki = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), qi = class e extends v {
 	static {
 		this.type = "background-textbox";
 	}
@@ -9508,7 +9516,7 @@ var bi = class {
 		this._removeShadow(e);
 	}
 	_getDecorationColorAt(e, t) {
-		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = Ui({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Hi({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = Wi({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Ui({
 			strokeColor: i,
 			width: r
 		});
@@ -9524,22 +9532,22 @@ var bi = class {
 	_getCornerRadii({ width: e, height: t }) {
 		let n = e / 2, r = t / 2, i = Math.min(n, r);
 		return {
-			bottomLeft: Gi({
+			bottomLeft: Ki({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: Gi({
+			bottomRight: Ki({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: Gi({
+			topLeft: Ki({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: Gi({
+			topRight: Ki({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -9557,7 +9565,7 @@ var bi = class {
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = Gi({
+		let t = Ki({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
@@ -9570,19 +9578,19 @@ var bi = class {
 		return r.setAlpha(t), r.toRgba();
 	}
 	static _renderRoundedRect({ ctx: e, height: t, left: n, radii: r, top: i, width: a }) {
-		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = Gi({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = Ki({
 			value: c,
 			min: 0,
 			max: a
-		}), p = Gi({
+		}), p = Ki({
 			value: l,
 			min: 0,
 			max: a
-		}), m = Gi({
+		}), m = Ki({
 			value: u,
 			min: 0,
 			max: a
-		}), h = Gi({
+		}), h = Ki({
 			value: d,
 			min: 0,
 			max: a
@@ -9593,20 +9601,20 @@ var bi = class {
 		let { width: e = 0, height: t = 0 } = this, n = Math.round(e), r = Math.round(t);
 		n !== e && (this.width = Math.max(0, n)), r !== t && (this.height = Math.max(0, r));
 	}
-}, qi = () => {
-	b?.setClass && b.setClass(Ki, "background-textbox");
-}, Ji = ({ transform: e }) => {
+}, Ji = () => {
+	b?.setClass && b.setClass(qi, "background-textbox");
+}, Yi = ({ 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"
 	};
-}, Yi = ({ textbox: e, transform: t, appliedWidth: n }) => {
+}, Xi = ({ textbox: e, transform: t, appliedWidth: n }) => {
 	t.scaleX = 1, t.scaleY = 1;
 	let r = t.original;
 	r && (r.scaleX = 1, r.scaleY = 1, r.width = n, r.height = e.height, r.left = e.left, r.top = e.top);
-}, Xi = ({ textbox: e, transform: t, scenePoint: n }) => {
+}, Zi = ({ textbox: e, transform: t, scenePoint: n }) => {
 	let { x: r, y: i } = e._getTransformedDimensions();
 	if (r <= 0 || i <= 0) return null;
 	let a = x.getLocalPoint(t, t.originX, t.originY, n.x, n.y), o = t, s = typeof o.signX == "number" && a.x * o.signX <= 0, c = typeof o.signY == "number" && a.y * o.signY <= 0, l = Math.abs(a.x / r), u = Math.abs(a.y / i);
@@ -9616,27 +9624,27 @@ var bi = class {
 		stepScaleX: l,
 		stepScaleY: u
 	};
-}, Zi = 1e-4;
-function Qi(e) {
+}, Qi = 1e-4;
+function $i(e) {
 	return !!e && e instanceof v;
 }
-function $i(e) {
-	if (!Qi(e)) return !1;
+function ea(e) {
+	if (!$i(e)) return !1;
 	let t = e.group;
 	return e.shapeNodeType === "text" && t?.shapeComposite === !0;
 }
-var ea = class {
+var ta = class {
 	constructor({ canvas: t, canvasManager: n, persistScaledTextbox: r }) {
 		this.handleMouseMove = (e) => {
 			let t = this.canvas._currentTransform;
 			if (!t) return;
 			let { target: n } = t;
-			if (!Qi(n) || $i(n)) return;
+			if (!$i(n) || ea(n)) return;
 			let r = this.scalingState.get(n);
 			if (!r || !e.e) return;
-			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Ji({ transform: t });
+			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Yi({ transform: t });
 			if (!a && !o && !i) return;
-			let s = Xi({
+			let s = Zi({
 				textbox: n,
 				transform: t,
 				scenePoint: this.canvas.getScenePoint(e.e)
@@ -9659,18 +9667,18 @@ var ea = 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) <= Zi) return;
+				if (Math.abs(t - r.lastAllowedScaleX) <= Qi) 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) > Zi && (j = t);
+					Math.abs(t - r.lastAllowedScaleX) > Qi && (j = t);
 				}
 				if (o) {
 					let e = r.lastAllowedScaleY * d, t = l ? r.minimumFontScale : Math.max(r.minimumFontScale, e);
-					Math.abs(t - r.lastAllowedScaleY) > Zi && (M = t);
+					Math.abs(t - r.lastAllowedScaleY) > Qi && (M = t);
 				}
-				if (Math.abs(j - r.lastAllowedScaleX) <= Zi && Math.abs(M - r.lastAllowedScaleY) <= Zi) return;
+				if (Math.abs(j - r.lastAllowedScaleX) <= Qi && Math.abs(M - r.lastAllowedScaleY) <= Qi) return;
 			}
 			let { appliedWidth: N, dimensionsRounded: P } = kn({
 				textbox: n,
@@ -9686,7 +9694,7 @@ var ea = class {
 				shouldDisableAutoExpandOnHorizontalChange: a,
 				shouldRoundDimensions: !i
 			});
-			Yi({
+			Xi({
 				textbox: n,
 				transform: t,
 				appliedWidth: N
@@ -9707,12 +9715,12 @@ var ea = class {
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
-			if (n instanceof e || !Qi(n) || $i(n) || !r) return;
+			if (n instanceof e || !$i(n) || ea(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 } = Ji({ transform: r }), d = r.corner ?? "", f = c || u;
+			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = Yi({ 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,
@@ -9741,7 +9749,7 @@ var ea = class {
 				shouldDisableAutoExpandOnHorizontalChange: l,
 				shouldRoundDimensions: !c
 			});
-			Yi({
+			Xi({
 				textbox: n,
 				transform: r,
 				appliedWidth: L
@@ -9774,7 +9782,7 @@ var ea = class {
 			let { target: n } = t;
 			if (n instanceof e) {
 				let t = n.getObjects();
-				if (!t.some((e) => Qi(e))) return;
+				if (!t.some((e) => $i(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) => {
@@ -9784,7 +9792,7 @@ var ea = class {
 				this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
 				return;
 			}
-			if (!Qi(n) || $i(n)) return;
+			if (!$i(n) || ea(n)) return;
 			n.isScaling = !1;
 			let r = this.scalingState.get(n);
 			if (this.scalingState.delete(n), !r?.hasScalingChange) return;
@@ -9809,7 +9817,7 @@ var ea = class {
 		}, this.canvas = t, this.canvasManager = n, this.persistScaledTextbox = r, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
-		if (!Qi(e) || $i(e)) return !1;
+		if (!$i(e) || ea(e)) return !1;
 		let n = Math.abs(e.scaleX ?? 1) || 1, r = Math.abs(e.scaleY ?? 1) || 1;
 		if (!(Math.abs(n - 1) > .01 || Math.abs(r - 1) > .01)) return !1;
 		let i = En({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
@@ -9883,7 +9891,7 @@ var ea = class {
 			originY: a
 		});
 	}
-}, ta = class e {
+}, na = class e {
 	constructor({ editor: t }) {
 		this._handleTextEditingEntered = (t) => {
 			this.isTextEditingActive = !0;
@@ -9896,7 +9904,7 @@ var ea = class {
 			if (!e._isTextbox(n)) return;
 			let r = e._isShapeOwnedTextbox(n), { text: i = "", uppercase: a, autoExpand: o } = n, s = !!a, c = o !== !1, l = i.toLocaleLowerCase(), u = r ? null : this.editingPlacementState?.get(n) ?? this.editor.canvasManager.getObjectPlacement({ object: n });
 			if (s) {
-				let e = Wi({ value: l });
+				let e = Gi({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
@@ -9941,7 +9949,7 @@ var ea = class {
 				transform: r,
 				event: i ?? null
 			});
-		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new ea({
+		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new ta({
 			canvas: t.canvas,
 			canvasManager: t.canvasManager,
 			persistScaledTextbox: ({ target: e, style: t }) => {
@@ -9950,12 +9958,12 @@ var ea = class {
 					style: t
 				});
 			}
-		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), qi();
+		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), Ji();
 	}
 	addText({ id: t = `background-textbox-${O()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: D = !1, withoutSave: k = !1, withoutAdding: A = !1, emitLifecycleEvents: j = !0 } = {}) {
 		let { canvasManager: M, historyManager: N } = this.editor, { canvas: P } = this;
 		N.suspendHistory();
-		let F = i ?? this._getDefaultFontFamily(), I = Ui({ width: m }), L = Hi({
+		let F = i ?? this._getDefaultFontFamily(), I = Wi({ width: m }), L = Ui({
 			strokeColor: p,
 			width: I
 		}), ee = {
@@ -9984,11 +9992,11 @@ var ea = class {
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, R = new Ki(n, ee), te = r !== !1;
+		}, R = new qi(n, ee), te = r !== !1;
 		R.autoExpand = te;
 		let ne = E.left !== void 0 || E.top !== void 0;
 		if (R.textCaseRaw = R.text ?? "", l) {
-			let e = Wi({ value: R.textCaseRaw });
+			let e = Gi({ value: R.textCaseRaw });
 			e !== R.text && R.set({ text: e });
 		}
 		Tn({ textbox: R }) && (R.dirty = !0);
@@ -10038,37 +10046,37 @@ var ea = class {
 			top: R,
 			originX: te,
 			originY: ne
-		}), B = a === void 0 ? Li({ textbox: c }) : Yt({
+		}), B = a === void 0 ? Ri({ textbox: c }) : Yt({
 			text: l,
 			range: a
 		}), ae = B ? Xt({
 			textbox: c,
 			range: B
-		}) : null, V = {}, oe = {}, H = {}, U, se, W, G, K = zi({
+		}) : null, V = {}, oe = {}, H = {}, U, se, W, G, K = Bi({
 			textbox: c,
 			range: B
-		}), ce = zi({
+		}), ce = Bi({
 			textbox: c,
 			range: ae
 		}), le = !B || K, ue = le || ce, q = !B;
 		if (g !== void 0 && (ae && (oe.fontFamily = g), ue && (z.fontFamily = g, q && (H.fontFamily = g))), _ !== void 0 && (ae && (oe.fontSize = _), ue && (z.fontSize = _, q && (H.fontSize = _))), v !== void 0 && (U = v ? "bold" : "normal", B && (V.fontWeight = U), le && (z.fontWeight = U, q && (H.fontWeight = U))), y !== void 0 && (se = y ? "italic" : "normal", B && (V.fontStyle = se), le && (z.fontStyle = se, q && (H.fontStyle = se))), b !== void 0 && (B && (V.underline = b), le && (z.underline = b, q && (H.underline = b))), S !== void 0 && (B && (V.linethrough = S), le && (z.linethrough = S, q && (H.linethrough = S))), C !== void 0 && (z.textAlign = C), w !== void 0 && (B && (V.fill = w), le && (z.fill = w, q && (H.fill = w))), T !== void 0 || E !== void 0) {
-			let e = B ? Vi({
+			let e = B ? Hi({
 				textbox: c,
 				range: B,
 				property: "strokeWidth"
-			}) : void 0, t = B ? Vi({
+			}) : void 0, t = B ? Hi({
 				textbox: c,
 				range: B,
 				property: "stroke"
 			}) : void 0, n = typeof e == "number" ? e : void 0, r = typeof t == "string" ? t : void 0, i = typeof c.stroke == "string" ? c.stroke : void 0;
-			G = Ui({ width: E ?? n ?? c.strokeWidth ?? 0 }), W = Hi({
+			G = Wi({ width: E ?? n ?? c.strokeWidth ?? 0 }), W = Ui({
 				strokeColor: T ?? r ?? i,
 				width: G
 			}), B && (V.stroke = W, V.strokeWidth = G), le && (z.stroke = W, z.strokeWidth = G, q && (H.stroke = W, H.strokeWidth = G));
 		}
 		D !== void 0 && (z.opacity = D), O !== void 0 && (z.backgroundColor = O), k !== void 0 && (z.backgroundOpacity = k), A !== void 0 && (z.paddingTop = A), j !== void 0 && (z.paddingRight = j), M !== void 0 && (z.paddingBottom = M), N !== void 0 && (z.paddingLeft = N), P !== void 0 && (z.radiusTopLeft = P), F !== void 0 && (z.radiusTopRight = F), I !== void 0 && (z.radiusBottomRight = I), L !== void 0 && (z.radiusBottomLeft = L);
 		let de = c.textCaseRaw ?? l, fe = !!c.uppercase, pe = m !== void 0, me = pe ? m ?? "" : de, he = x ?? fe, ge = he !== fe, _e = c.text ?? "";
-		pe || ge ? (z.text = he ? Wi({ value: me }) : me, c.textCaseRaw = me) : c.textCaseRaw === void 0 && (c.textCaseRaw = de);
+		pe || ge ? (z.text = he ? Gi({ value: me }) : me, c.textCaseRaw = me) : c.textCaseRaw === void 0 && (c.textCaseRaw = de);
 		let ve = wn({ stylesList: [
 			z,
 			V,
@@ -10092,19 +10100,19 @@ var ea = class {
 		})), c.uppercase = he, c.set(z);
 		let Ee = !1;
 		if (B) {
-			let e = Bi({
+			let e = Vi({
 				textbox: c,
 				styles: V,
 				range: B
-			}), t = ae ? Bi({
+			}), t = ae ? Vi({
 				textbox: c,
 				styles: oe,
 				range: ae
 			}) : !1;
 			Ee = e || t;
 		} else if (Object.keys(H).length) {
-			let e = Ri({ textbox: c });
-			e && (Ee = Bi({
+			let e = zi({ textbox: c });
+			e && (Ee = Vi({
 				textbox: c,
 				styles: H,
 				range: e
@@ -10354,7 +10362,7 @@ var ea = class {
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, na = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, ra = (e) => {
+}, ra = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, ia = (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",
@@ -10365,7 +10373,7 @@ var ea = 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: na({
+			angle: ra({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -10393,7 +10401,7 @@ var ea = class {
 		};
 	}
 	return null;
-}, ia = "_templateAnchorX", aa = "_templateAnchorY", oa = class t {
+}, aa = "_templateAnchorX", oa = "_templateAnchorY", sa = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -10402,7 +10410,7 @@ var ea = class {
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: Pi.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: Fi.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
@@ -10431,14 +10439,14 @@ var ea = class {
 		if (!l?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: Pi.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: Fi.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
 		let f = t._getBounds(r);
 		if (!f) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: Pi.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: Fi.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
 		let p = t._getMontageSize({
@@ -10457,7 +10465,7 @@ var ea = class {
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: Pi.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: Fi.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
 			let { backgroundObject: i, contentObjects: u } = t._extractBackgroundObject(r);
@@ -10479,10 +10487,7 @@ var ea = class {
 			}), c.commitStandaloneTextScale({ target: e }), s.commitRehydratedShapeLayout({
 				target: e,
 				textScale: h
-			}), Bt({ object: e }), e.set({
-				id: `${e.type}-${O()}`,
-				evented: !0
-			}), n.add(e), e));
+			}), Bt({ object: e }), ki({ rootObject: e }), n.add(e), e));
 			return !d.length && !v ? null : (_ = d.length > 0 || v, d.length && t._activateObjects({
 				canvas: n,
 				objects: d
@@ -10495,7 +10500,7 @@ var ea = class {
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: Pi.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Fi.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
 					templateId: d,
@@ -10652,8 +10657,8 @@ var ea = class {
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, ia),
-				anchorY: t._resolveAnchor(s, aa)
+				anchorX: t._resolveAnchor(s, aa),
+				anchorY: t._resolveAnchor(s, oa)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
@@ -10728,7 +10733,7 @@ var ea = class {
 		});
 		if (!i || !a) return;
 		e.setCoords();
-		let o = e, s = t._resolveAnchor(o, ia), c = typeof e.left == "number" ? e.left : null, l = e.originX ?? "center", u = e.originY ?? "center", d = e.getPointByOrigin(l, u), f = t._getBoundingRect(e), p = f.left + f.width / 2, m = f.left + f.width;
+		let o = e, s = t._resolveAnchor(o, aa), c = typeof e.left == "number" ? e.left : null, l = e.originX ?? "center", u = e.originY ?? "center", d = e.getPointByOrigin(l, u), f = t._getBoundingRect(e), p = f.left + f.width / 2, m = f.left + f.width;
 		e.set("width", i), e.initDimensions();
 		let h = t._getLongestLineWidth({
 			textbox: e,
@@ -10757,10 +10762,10 @@ var ea = 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[ia] = t._detectAnchor({
+		return a[aa] = t._detectAnchor({
 			start: h,
 			end: _
-		}), a[aa] = t._detectAnchor({
+		}), a[oa] = t._detectAnchor({
 			start: g,
 			end: v
 		}), a.left = m.x, a.top = m.y, a;
@@ -10785,7 +10790,7 @@ var ea = class {
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = ra(r);
+				let e = ia(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -10806,7 +10811,7 @@ var ea = class {
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: Pi.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Fi.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -10842,29 +10847,29 @@ var ea = class {
 	enlivenObjectEnlivables(e) {
 		return w.enlivenObjectEnlivables(e);
 	}
-}, sa = "#3D8BF4", ca = .5, la = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, ua = ({ firstDistance: e, secondDistance: t }) => {
-	let n = la({ distance: e }), r = la({ distance: t });
+}, ca = "#3D8BF4", la = .5, ua = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, da = ({ firstDistance: e, secondDistance: t }) => {
+	let n = ua({ distance: e }), r = ua({ distance: t });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, da = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), fa = ({ step: e }) => {
+}, fa = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), pa = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, pa = ({ value: e, step: t }) => {
+}, ma = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = fa({ step: t }), r = Math.round(e / t) * t;
+	let n = pa({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, ma = ({ value: e, step: t }) => {
+}, ha = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = pa({
+	let n = ma({
 		value: e,
 		step: t
-	}), r = 10 ** -(fa({ step: t }) + 4);
+	}), r = 10 ** -(pa({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, ha = ({ bounds: e, axis: t }) => {
+}, ga = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -10873,7 +10878,7 @@ var ea = class {
 		start: n,
 		end: r
 	};
-}, ga = ({ items: e, axis: t }) => {
+}, _a = ({ 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;) {
@@ -10883,10 +10888,10 @@ var ea = class {
 		}
 		e[o + 1] = r;
 	}
-}, _a = ({ items: e, index: t, axis: n, direction: r }) => {
+}, va = ({ items: e, index: t, axis: n, direction: r }) => {
 	let i = e[t];
 	if (!i) return null;
-	let { bounds: a } = i, { start: o, end: s } = ha({
+	let { bounds: a } = i, { start: o, end: s } = ga({
 		bounds: a,
 		axis: n
 	});
@@ -10894,7 +10899,7 @@ var ea = class {
 		for (let r = t - 1; r >= 0; --r) {
 			let t = e[r];
 			if (!t) continue;
-			let { bounds: i } = t, { end: a } = ha({
+			let { bounds: i } = t, { end: a } = ga({
 				bounds: i,
 				axis: n
 			});
@@ -10905,26 +10910,26 @@ var ea = class {
 	for (let r = t + 1; r < e.length; r += 1) {
 		let t = e[r];
 		if (!t) continue;
-		let { bounds: i } = t, { start: a } = ha({
+		let { bounds: i } = t, { start: a } = ga({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, va = ({ items: e }) => {
+}, ya = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, ya = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, ba = ({ 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;
-}, ba = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, xa = ({ baseOption: e, candidateOption: t }) => {
+}, xa = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Sa = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, Sa = ({ options: e }) => {
+}, Ca = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -10935,11 +10940,11 @@ var ea = class {
 		r.diff === t.diff && Math.abs(r.delta) < Math.abs(t.delta) && (t = r);
 	}
 	return t;
-}, Ca = ({ currentOption: e, nextOption: t }) => {
+}, wa = ({ 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);
-}, wa = ({ options: e }) => {
+}, Ta = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -10947,18 +10952,18 @@ var ea = class {
 			t.push(i);
 			continue;
 		}
-		a === "before" && Ca({
+		a === "before" && wa({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && Ca({
+		}) && (n = i), a === "after" && wa({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, Ta = ({ options: e, side: t, baseOption: n }) => {
+}, Ea = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && xa({
+	for (let i of e) if (i.side === t && Sa({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -10969,63 +10974,63 @@ var ea = class {
 		!r || i.diff !== r.diff || Math.abs(i.delta) < Math.abs(r.delta) && (r = i);
 	}
 	return r;
-}, Ea = ({ option: e }) => {
+}, Da = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, Da = ({ option: e, context: t }) => {
+}, Oa = ({ 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;
-}, Oa = ({ options: e, context: t }) => {
+}, ka = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (Da({
+	for (let n of e) if (Oa({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, ka = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = Oa({
+}, Aa = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = ka({
 		options: e,
 		context: n
 	});
 	if (!i) return t;
 	let a = Math.max(0, r);
 	return a === 0 || Math.abs(t.delta - i.delta) >= a ? t : i;
-}, Aa = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, ja = ({ 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));
-}, ja = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, Ma = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = wa({ options: e }), i = [];
+	let r = Ta({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = ka({
+	let a = i.length > 0, o = a ? i : r, s = Aa({
 		options: o,
-		bestOption: Sa({ options: o }),
+		bestOption: Ca({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = Ta({
+	}), c = Ea({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = Ta({
+	}), l = Ea({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = Ta({
+	}), u = Ea({
 		options: a ? r : o,
 		side: "center",
 		baseOption: s
 	}), d = [];
 	c && l ? d.push(c, l) : (d.push(s), s.side === "before" && l && d.push(l), s.side === "after" && c && d.push(c), s.side === "center" && (c && !l && d.push(c), l && !c && d.push(l)), a && s.side === "before" && !l && u && d.push(u), a && s.side === "after" && !c && u && d.push(u)), !d.length && u && d.push(u);
 	let f = [], p = /* @__PURE__ */ new Set();
-	for (let e of d) Aa({
+	for (let e of d) ja({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -11033,15 +11038,15 @@ var ea = class {
 	return {
 		delta: s.delta,
 		guides: f,
-		context: Ea({ option: s })
+		context: Da({ option: s })
 	};
-}, Ma = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = pa({
+}, Na = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = ma({
 		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: _ } = ua({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = da({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -11056,13 +11061,13 @@ var ea = class {
 		});
 	}
 	return u;
-}, Na = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = ua({
+}, Pa = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = da({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, Pa = ({ anchors: e, positions: t, threshold: n }) => {
+}, Fa = ({ 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);
@@ -11072,8 +11077,8 @@ var ea = class {
 		delta: r,
 		guidePosition: a
 	};
-}, Fa = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Pa({
+}, Ia = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Fa({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -11081,7 +11086,7 @@ var ea = class {
 			i
 		],
 		threshold: t
-	}), u = Pa({
+	}), u = Fa({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -11101,11 +11106,11 @@ var ea = class {
 		deltaY: u.delta,
 		guides: d
 	};
-}, Ia = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, La = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
 	let { centerX: o, top: s, bottom: c, left: l, right: u } = e, d = [];
 	for (let e of t) {
 		let { left: t, right: n } = e;
-		da({
+		fa({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -11125,22 +11130,22 @@ var ea = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), ga({
+	}), _a({
 		items: f,
 		axis: "top"
 	});
-	let p = va({ items: f });
+	let p = ya({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = _a({
+	let m = [], h = c - s, g = va({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = _a({
+	}), _ = va({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -11149,19 +11154,19 @@ var ea = 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 = pa({
+			let e = ma({
 				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 = Ma({
+				let t = Na({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: ca
+					step: la
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -11198,16 +11203,16 @@ var ea = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!ma({
+		if (!ha({
 			value: a,
 			step: .5
-		}) || !ya({
+		}) || !ba({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = ba({
+		let d = xa({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -11215,12 +11220,12 @@ var ea = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = pa({
+				let e = ma({
 					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 = Na({
+				let d = Pa({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -11244,12 +11249,12 @@ var ea = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = pa({
+				let e = ma({
 					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 = Na({
+				let d = Pa({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -11274,16 +11279,16 @@ var ea = class {
 			}
 		}
 	}
-	return ja({
+	return Ma({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, La = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, Ra = ({ 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;
-		da({
+		fa({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -11303,22 +11308,22 @@ var ea = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), ga({
+	}), _a({
 		items: f,
 		axis: "left"
 	});
-	let p = va({ items: f });
+	let p = ya({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = _a({
+	let m = [], h = c - s, g = va({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = _a({
+	}), _ = va({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -11327,19 +11332,19 @@ var ea = 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 = pa({
+			let e = ma({
 				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 = Ma({
+				let t = Na({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: ca
+					step: la
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -11376,16 +11381,16 @@ var ea = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!ma({
+		if (!ha({
 			value: a,
 			step: .5
-		}) || !ya({
+		}) || !ba({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = ba({
+		let d = xa({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -11393,12 +11398,12 @@ var ea = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = pa({
+				let e = ma({
 					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 = Na({
+				let d = Pa({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -11422,12 +11427,12 @@ var ea = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = pa({
+				let e = ma({
 					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 = Na({
+				let d = Pa({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -11452,20 +11457,20 @@ var ea = class {
 			}
 		}
 	}
-	return ja({
+	return Ma({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, Ra = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Ia({
+}, za = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = La({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = La({
+	}), l = Ra({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -11484,14 +11489,14 @@ var ea = class {
 			horizontal: l.context
 		}
 	};
-}, za = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, Ba = ({ 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();
-}, Ba = ({ context: e, type: t, axis: n, start: r, end: i, text: a, zoom: o, color: s, textColor: c = "#ffffff", fontFamily: l = "sans-serif", lineWidth: u = 1, padding: d = 4, radius: f = 4, offsetAlongAxis: p = 0, offsetPerpendicular: m = 0 }) => {
+}, Va = ({ 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(), za({
+	e.beginPath(), Ba({
 		context: e,
 		x: w,
 		y: T,
@@ -11499,11 +11504,11 @@ var ea = class {
 		height: C,
 		radius: v
 	}), e.fill(), e.fillStyle = c, e.fillText(a, b, x), e.restore();
-}, Va = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = la({ distance: l }).toString();
+}, Ha = ({ context: e, guide: t, zoom: n }) => {
+	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = ua({ 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 = sa;
-	Ba({
+	let d = ca;
+	Va({
 		context: e,
 		type: r,
 		axis: i,
@@ -11513,7 +11518,7 @@ var ea = class {
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), Ba({
+	}), Va({
 		context: e,
 		type: r,
 		axis: i,
@@ -11524,10 +11529,10 @@ var ea = class {
 		color: d,
 		lineWidth: 1
 	});
-}, Ha = ({ anchors: e, bounds: t }) => {
+}, Ua = ({ 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);
-}, Ua = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, Wa = ({ 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;
@@ -11548,35 +11553,35 @@ var ea = class {
 		});
 	}
 	return i;
-}, Wa = ({ bounds: e }) => ({
-	vertical: Ua({
+}, Ga = ({ bounds: e }) => ({
+	vertical: Wa({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: Ua({
+	horizontal: Wa({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), Ga = [
+}), Ka = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], Ka = ({ activeObject: t }) => {
+], qa = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, qa = ({ object: e, excluded: t, ignoredIds: n = Ga }) => {
+}, Ja = ({ object: e, excluded: t, ignoredIds: n = Ka }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Ja = class e {
+}, Ya = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -11629,7 +11634,7 @@ var ea = class {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
 		}
-		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Fa({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Ia({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -11641,7 +11646,7 @@ var ea = class {
 				top: t + u
 			}), n.setCoords(), a = Vt({ object: n }) ?? a;
 		}
-		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Ra({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = za({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -11662,11 +11667,11 @@ var ea = class {
 			target: n,
 			transform: i
 		});
-		let h = Vt({ object: n }) ?? a, g = Fa({
+		let h = Vt({ object: n }) ?? a, g = Ia({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = Ra({
+		}), _ = za({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -11897,9 +11902,9 @@ var ea = 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 = sa, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = ca, 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) Va({
+		for (let e of this.activeSpacingGuides) Ha({
 			context: n,
 			guide: e,
 			zoom: c
@@ -12110,14 +12115,14 @@ var ea = class {
 		}, r = [];
 		for (let e of t) {
 			let t = Vt({ object: e });
-			t && (Ha({
+			t && (Ua({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
 		let { montageArea: i } = this.editor, a = Vt({ object: i });
 		if (a) {
-			Ha({
+			Ua({
 				anchors: n,
 				bounds: a
 			});
@@ -12129,12 +12134,12 @@ var ea = class {
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = Wa({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = Ga({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = Ka({ activeObject: e }), n = [];
+		let t = qa({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			qa({
+			Ja({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -12157,7 +12162,7 @@ var ea = class {
 			bottom: (r - s) / a
 		};
 	}
-}, Ya = "#3D8BF4", Xa = class e {
+}, Xa = "#3D8BF4", Za = 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();
 	}
@@ -12250,8 +12255,8 @@ var ea = class {
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = Ka({ activeObject: t });
-		return n && !qa({
+		let { target: n } = e, r = qa({ activeObject: t });
+		return n && !Ja({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -12368,18 +12373,18 @@ var ea = 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 = Ya, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = Xa, 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(), Ba({
+			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), Va({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: la({ distance: l }).toString(),
+				text: ua({ distance: l }).toString(),
 				zoom: r,
-				color: Ya,
+				color: Xa,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -12397,13 +12402,13 @@ var ea = class {
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, Za = class e {
+}, Qa = class e {
 	constructor(e, t) {
 		this.options = t, this.containerId = e, this.editorId = `${e}-${O()}`, this.init();
 	}
 	async init() {
 		let { editorContainerWidth: e, editorContainerHeight: n, canvasWrapperWidth: r, canvasWrapperHeight: i, canvasCSSWidth: a, canvasCSSHeight: o, initialImage: s, initialState: c, scaleType: l, showRotationAngle: u, _onReadyCallback: d } = this.options;
-		if (U.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new j(), this.workerManager = new N(), this.errorManager = new Fi({ editor: this }), this.historyManager = new Ct({ editor: this }), this.toolbar = new Je({ editor: this }), this.transformManager = new Pt({ editor: this }), this.zoomManager = new Ft({ editor: this }), this.canvasManager = new Nt({ editor: this }), this.imageManager = new kt({ editor: this }), this.layerManager = new Kt({ editor: this }), this.shapeManager = new Oi({ editor: this }), this.interactionBlocker = new Wt({ editor: this }), this.backgroundManager = new Gt({ editor: this }), this.clipboardManager = new ki({ editor: this }), this.objectLockManager = new Ai({ editor: this }), this.groupingManager = new ji({ editor: this }), this.selectionManager = new Mi({ editor: this }), this.deletionManager = new Ni({ editor: this }), this.panConstraintManager = new Ii({ editor: this }), this.snappingManager = new Ja({ editor: this }), this.measurementManager = new Xa({ editor: this }), this.fontManager = new se(this.options.fonts ?? []), this.textManager = new ta({ editor: this }), this.templateManager = new oa({ editor: this }), u && (this.angleIndicator = new Ze({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new A({
+		if (U.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new j(), this.workerManager = new N(), this.errorManager = new Ii({ editor: this }), this.historyManager = new Ct({ editor: this }), this.toolbar = new Je({ editor: this }), this.transformManager = new Pt({ editor: this }), this.zoomManager = new Ft({ editor: this }), this.canvasManager = new Nt({ editor: this }), this.imageManager = new kt({ editor: this }), this.layerManager = new Kt({ editor: this }), this.shapeManager = new Oi({ editor: this }), this.interactionBlocker = new Wt({ editor: this }), this.backgroundManager = new Gt({ editor: this }), this.clipboardManager = new Ai({ editor: this }), this.objectLockManager = new ji({ editor: this }), this.groupingManager = new Mi({ editor: this }), this.selectionManager = new Ni({ editor: this }), this.deletionManager = new Pi({ editor: this }), this.panConstraintManager = new Li({ editor: this }), this.snappingManager = new Ya({ editor: this }), this.measurementManager = new Za({ editor: this }), this.fontManager = new se(this.options.fonts ?? []), this.textManager = new na({ editor: this }), this.templateManager = new sa({ editor: this }), u && (this.angleIndicator = new Ze({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new A({
 			editor: this,
 			options: this.options
 		}), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(n), this.canvasManager.setCanvasWrapperWidth(r), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(a), this.canvasManager.setCanvasCSSHeight(o), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), await this.fontManager.loadFonts(), c) {
@@ -12511,7 +12516,7 @@ var ea = class {
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), Qa = {
+].join(", "), $a = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -13365,20 +13370,20 @@ var ea = class {
 };
 //#endregion
 //#region src/main.ts
-function $a(e, t = {}) {
+function eo(e, t = {}) {
 	let n = {
-		...Qa,
+		...$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 Za(i.id, n);
+		let r = new Qa(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { $a as default };
+export { eo as default };
 
 //# sourceMappingURL=main.js.map