@anu3ev/fabric-image-editor 0.9.16 → 0.9.18

package/dist/main.js

@@ -10652,7 +10652,7 @@ var Ra = {
 		};
 		return i.fire("editor:objects-deleted", l), l;
 	}
-}, X = {
+}, Ja = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -10695,7 +10695,7 @@ var Ra = {
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, Ja = class e {
+}, Ya = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -10753,9 +10753,9 @@ var Ra = {
 		}), this.editor.canvas.fire("editor:warning", s);
 	}
 	static isValidErrorCode(e) {
-		return e ? Object.values(X).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(Ja).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, Ya = 48, Xa = class e {
+}, Xa = 48, Za = class e {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -10859,7 +10859,7 @@ var Ra = {
 		};
 	}
 	static _getScrollDistance({ contentSize: e, viewportSize: t }) {
-		let n = Math.max(1, t - Ya * 2);
+		let n = Math.max(1, t - Xa * 2);
 		return Math.max(0, e - n);
 	}
 	static _createLockedAxisState({ contentSize: e, current: t, viewportSize: n }) {
@@ -10891,32 +10891,32 @@ var Ra = {
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, Za = ({ textbox: e }) => {
+}, Qa = ({ 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)
 	};
-}, Qa = ({ textbox: e }) => {
+}, $a = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, $a = ({ textbox: e, range: t }) => {
+}, eo = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, eo = ({ textbox: e, styles: t, range: n }) => {
+}, to = ({ 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);
-}, to = ({ textbox: e, range: t, property: n }) => {
+}, no = ({ 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];
-}, no = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", ro = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, io = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", ao = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), oo = class e extends v {
+}, ro = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", io = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, ao = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", X = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), oo = class e extends v {
 	static {
 		this.type = "background-textbox";
 	}
@@ -11060,7 +11060,7 @@ var Ra = {
 		this._removeShadow(e);
 	}
 	_getDecorationColorAt(e, t) {
-		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = ro({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : no({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = io({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : ro({
 			strokeColor: i,
 			width: r
 		});
@@ -11076,22 +11076,22 @@ var Ra = {
 	_getCornerRadii({ width: e, height: t }) {
 		let n = e / 2, r = t / 2, i = Math.min(n, r);
 		return {
-			bottomLeft: ao({
+			bottomLeft: X({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: ao({
+			bottomRight: X({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: ao({
+			topLeft: X({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: ao({
+			topRight: X({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -11109,7 +11109,7 @@ var Ra = {
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = ao({
+		let t = X({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
@@ -11122,19 +11122,19 @@ var Ra = {
 		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 = ao({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = X({
 			value: c,
 			min: 0,
 			max: a
-		}), p = ao({
+		}), p = X({
 			value: l,
 			min: 0,
 			max: a
-		}), m = ao({
+		}), m = X({
 			value: u,
 			min: 0,
 			max: a
-		}), h = ao({
+		}), h = X({
 			value: d,
 			min: 0,
 			max: a
@@ -11211,16 +11211,16 @@ var Ra = {
 		};
 	}
 	_createSelectionContext({ textbox: e, currentText: t, selectionRangeOverride: n }) {
-		let r = n === void 0 ? Za({ textbox: e }) : Zi({
+		let r = n === void 0 ? Qa({ textbox: e }) : Zi({
 			text: t,
 			range: n
 		}), i = r ? Qi({
 			textbox: e,
 			range: r
-		}) : null, a = $a({
+		}) : null, a = eo({
 			textbox: e,
 			range: r
-		}), o = $a({
+		}), o = eo({
 			textbox: e,
 			range: i
 		}), s = !r || a;
@@ -11308,17 +11308,17 @@ var Ra = {
 		t.resolvedStrokeColor = i.stroke, t.resolvedStrokeWidth = i.strokeWidth, r.selectionRange && (t.selectionStyles.stroke = i.stroke, t.selectionStyles.strokeWidth = i.strokeWidth), r.shouldUpdateWholeObject && (t.updates.stroke = i.stroke, t.updates.strokeWidth = i.strokeWidth, r.shouldApplyWholeTextStyles && (t.wholeTextStyles.stroke = i.stroke, t.wholeTextStyles.strokeWidth = i.strokeWidth));
 	}
 	_resolveStrokeUpdate({ textbox: e, selectionRange: t, strokeColor: n, strokeWidth: r }) {
-		let i = t ? to({
+		let i = t ? no({
 			textbox: e,
 			range: t,
 			property: "strokeWidth"
-		}) : void 0, a = t ? to({
+		}) : void 0, a = t ? no({
 			textbox: e,
 			range: t,
 			property: "stroke"
-		}) : void 0, o = typeof i == "number" ? i : void 0, s = typeof a == "string" ? a : void 0, c = typeof e.stroke == "string" ? e.stroke : void 0, l = ro({ width: r ?? o ?? e.strokeWidth ?? 0 });
+		}) : void 0, o = typeof i == "number" ? i : void 0, s = typeof a == "string" ? a : void 0, c = typeof e.stroke == "string" ? e.stroke : void 0, l = io({ width: r ?? o ?? e.strokeWidth ?? 0 });
 		return {
-			stroke: no({
+			stroke: ro({
 				strokeColor: n ?? s ?? c,
 				width: l
 			}) ?? null,
@@ -11330,7 +11330,7 @@ var Ra = {
 	}
 	_applyTextContentUpdate({ textbox: e, style: t, updates: n, currentText: r }) {
 		let i = e.textCaseRaw ?? r, a = !!e.uppercase, o = t.text !== void 0, s = o ? t.text ?? "" : i, c = t.uppercase ?? a, l = c !== a, u = e.text ?? "";
-		return o || l ? (n.text = c ? io({ value: s }) : s, e.textCaseRaw = s) : e.textCaseRaw === void 0 && (e.textCaseRaw = i), e.uppercase = c, {
+		return o || l ? (n.text = c ? ao({ value: s }) : s, e.textCaseRaw = s) : e.textCaseRaw === void 0 && (e.textCaseRaw = i), e.uppercase = c, {
 			hasTextUpdate: o,
 			uppercaseChanged: l,
 			previousRenderedText: u
@@ -11386,8 +11386,8 @@ var Ra = {
 	}
 	_applyWholeTextStyles({ textbox: e, selection: t, styleMaps: n }) {
 		if (t.selectionRange || Object.keys(n.wholeTextStyles).length === 0) return;
-		let r = Qa({ textbox: e });
-		r && eo({
+		let r = $a({ textbox: e });
+		r && to({
 			textbox: e,
 			styles: n.wholeTextStyles,
 			range: r
@@ -11395,11 +11395,11 @@ var Ra = {
 	}
 	_applySelectionStyles({ textbox: e, selection: t, styleMaps: n }) {
 		if (!t.selectionRange) return;
-		let r = eo({
+		let r = to({
 			textbox: e,
 			styles: n.selectionStyles,
 			range: t.selectionRange
-		}), i = t.fontSelectionRange ? eo({
+		}), i = t.fontSelectionRange ? to({
 			textbox: e,
 			styles: n.lineSelectionStyles,
 			range: t.fontSelectionRange
@@ -11837,7 +11837,7 @@ var go = 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 = io({ value: l });
+				let e = ao({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
@@ -11906,7 +11906,7 @@ var go = class {
 	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(), ee = ro({ width: m }), te = no({
+		let F = i ?? this._getDefaultFontFamily(), ee = io({ width: m }), te = ro({
 			strokeColor: p,
 			width: ee
 		}), ne = {
@@ -11939,7 +11939,7 @@ var go = class {
 		I.autoExpand = re;
 		let ie = E.left !== void 0 || E.top !== void 0;
 		if (I.textCaseRaw = I.text ?? "", l) {
-			let e = io({ value: I.textCaseRaw });
+			let e = ao({ value: I.textCaseRaw });
 			e !== I.text && I.set({ text: e });
 		}
 		Ea({ textbox: I }) && (I.dirty = !0);
@@ -12210,7 +12210,7 @@ var go = class {
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: X.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: Ja.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
@@ -12239,14 +12239,14 @@ var go = class {
 		if (!l?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: X.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: Ja.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
 		let f = t._getBounds(r);
 		if (!f) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: X.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: Ja.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
 		let p = t._getMontageSize({
@@ -12270,7 +12270,7 @@ var go = class {
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: X.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: Ja.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
 			let { backgroundObject: i, contentObjects: u } = t._extractBackgroundObject(r);
@@ -12305,7 +12305,7 @@ var go = class {
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: X.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Ja.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
 					templateId: d,
@@ -12737,7 +12737,7 @@ var go = class {
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: X.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Ja.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -13455,46 +13455,345 @@ var go = class {
 		color: d,
 		lineWidth: 1
 	});
-};
-//#endregion
-//#region src/editor/snapping-manager/pixel-grid.ts
-function is({ target: e }) {
+}, is = .01, as = .1, os = 1e-6;
+function ss({ target: e }) {
 	let t = typeof e.type == "string" ? e.type.toLowerCase() : "", n = e instanceof v || t === "textbox" || t === "background-textbox";
 	return !(e instanceof a) && !n;
 }
-function as({ target: e, transform: t }) {
+function cs({ target: e, transform: t }) {
 	let { left: n = 0, top: r = 0 } = e, i = Math.round(n / 1) * 1, a = Math.round(r / 1) * 1, o = typeof t?.original?.left == "number" ? t.original.left : null, s = typeof t?.original?.top == "number" ? t.original.top : null, c = o === null || o !== n, l = s === null || s !== r, u = {};
 	c && i !== n && (u.left = i), l && a !== r && (u.top = a), !(!("left" in u) && !("top" in u)) && (e.set(u), e.setCoords());
 }
-function os({ target: e }) {
+function ls({ target: e }) {
 	let { width: t = 0, height: n = 0, paddingTop: r = 0, paddingRight: i = 0, paddingBottom: a = 0, paddingLeft: o = 0, strokeWidth: s = 0 } = e;
 	return {
 		width: t + o + i + s,
 		height: n + r + a + s
 	};
 }
-function ss({ target: e }) {
-	if (e instanceof v) return os({ target: e });
-	let { width: t = 0, height: n = 0, strokeWidth: r = 0, strokeUniform: i = !1 } = e, a = i ? 0 : r;
+function us({ target: e, scaleX: t, scaleY: n }) {
+	let r = e.getObjectDisplaySize?.();
+	if (!r) return null;
+	let i = Math.abs(t), a = Math.abs(n);
+	return i <= 0 || a <= 0 || !Number.isFinite(r.width) || !Number.isFinite(r.height) || r.width <= 0 || r.height <= 0 ? null : {
+		width: r.width / i,
+		height: r.height / a
+	};
+}
+function ds({ target: e, scaleX: t, scaleY: n }) {
+	let r = us({
+		target: e,
+		scaleX: t,
+		scaleY: n
+	});
+	if (r) return r;
+	if (e instanceof v) return ls({ target: e });
+	let { width: i = 0, height: a = 0, strokeWidth: o = 0, strokeUniform: s = !1 } = e, c = s ? 0 : o;
 	return {
-		width: t + a,
-		height: n + a
+		width: i + c,
+		height: a + c
 	};
 }
-function cs({ target: e, transform: t }) {
-	let { scaleX: n = 1, scaleY: r = 1 } = e, { width: i, height: a } = ss({ target: e }), o = n === r, s = n, c = r;
-	if (o) {
-		let e = i > 0 ? Math.max(1, Math.round(i * n)) / i : n, t = a > 0 ? Math.max(1, Math.round(a * r)) / a : r, o = Math.abs(e - n) <= Math.abs(t - r) ? e : t;
-		s = o, c = o;
+function fs({ target: e, transform: t, preservePlacement: n, snapGuards: r = [] }) {
+	let { scaleX: i = 1, scaleY: a = 1 } = e, o = ps({
+		transform: t,
+		rawScaleX: i,
+		rawScaleY: a
+	});
+	if (!o.shouldRoundScaleX && !o.shouldRoundScaleY) return;
+	let { width: s, height: c } = ds({
+		target: e,
+		scaleX: i,
+		scaleY: a
+	}), l = ms({
+		rawScaleX: i,
+		rawScaleY: a,
+		snappedScale: _s({
+			target: e,
+			rawScaleX: i,
+			rawScaleY: a,
+			effectiveWidth: s,
+			effectiveHeight: c,
+			preservePlacement: n,
+			snapGuards: r
+		}),
+		roundingState: o
+	});
+	l.scaleX === i && l.scaleY === a || hs({
+		target: e,
+		transform: t,
+		preservePlacement: n,
+		scale: l
+	});
+}
+function ps({ transform: e, rawScaleX: t, rawScaleY: n }) {
+	return {
+		shouldRoundScaleX: gs({
+			transform: e,
+			axis: "x",
+			rawScale: t
+		}),
+		shouldRoundScaleY: gs({
+			transform: e,
+			axis: "y",
+			rawScale: n
+		})
+	};
+}
+function ms({ rawScaleX: e, rawScaleY: t, snappedScale: n, roundingState: r }) {
+	let i = { ...n };
+	return r.shouldRoundScaleX || (i.scaleX = e), r.shouldRoundScaleY || (i.scaleY = t), i;
+}
+function hs({ target: e, transform: t, preservePlacement: n, scale: r }) {
+	e.set({
+		scaleX: r.scaleX,
+		scaleY: r.scaleY
+	}), n && n.applyPlacement(n.placement), t && (t.scaleX = r.scaleX, t.scaleY = r.scaleY), e.setCoords();
+}
+function gs({ transform: e, axis: t, rawScale: n }) {
+	if (!e) return !0;
+	let r = t === "x" ? e.original?.scaleX : e.original?.scaleY;
+	return typeof r == "number" ? r !== n : !0;
+}
+function _s({ target: e, rawScaleX: t, rawScaleY: n, effectiveWidth: r, effectiveHeight: i, preservePlacement: a, snapGuards: o }) {
+	let s = vs({
+		rawScaleX: t,
+		rawScaleY: n,
+		effectiveWidth: r,
+		effectiveHeight: i
+	});
+	return o.length === 0 ? s : xs({
+		target: e,
+		rawScaleX: t,
+		rawScaleY: n,
+		effectiveWidth: r,
+		effectiveHeight: i,
+		fallbackScale: s,
+		isUniform: t === n,
+		preservePlacement: a,
+		snapGuards: o
+	});
+}
+function vs({ rawScaleX: e, rawScaleY: t, effectiveWidth: n, effectiveHeight: r }) {
+	return e === t ? ys({
+		rawScale: e,
+		effectiveWidth: n,
+		effectiveHeight: r
+	}) : {
+		scaleX: bs({
+			rawScale: e,
+			effectiveSize: n
+		}),
+		scaleY: bs({
+			rawScale: t,
+			effectiveSize: r
+		})
+	};
+}
+function ys({ rawScale: e, effectiveWidth: t, effectiveHeight: n }) {
+	let r = bs({
+		rawScale: e,
+		effectiveSize: t
+	}), i = bs({
+		rawScale: e,
+		effectiveSize: n
+	}), a = Math.abs(r - e) <= Math.abs(i - e) ? r : i;
+	return {
+		scaleX: a,
+		scaleY: a
+	};
+}
+function bs({ rawScale: e, effectiveSize: t }) {
+	return t <= 0 ? e : Math.max(1, Math.round(t * e)) / t;
+}
+function xs({ target: e, rawScaleX: t, rawScaleY: n, effectiveWidth: r, effectiveHeight: i, fallbackScale: a, isUniform: o, preservePlacement: s, snapGuards: c }) {
+	if (Cs({
+		target: e,
+		snapGuards: c
+	})) return {
+		scaleX: t,
+		scaleY: n
+	};
+	let l = js({
+		rawScaleX: t,
+		rawScaleY: n,
+		effectiveWidth: r,
+		effectiveHeight: i,
+		isUniform: o
+	}), u = Ss({
+		target: e,
+		snapGuards: c
+	}), d = null, f = null;
+	for (let t of l) {
+		let n = Is({
+			target: e,
+			candidate: t,
+			preservePlacement: s,
+			snapGuards: c
+		});
+		if (n === "on-guide") {
+			if (!u) return t;
+			d ||= t;
+		}
+		n === "inside" && !f && (f = t);
 	}
-	o || (s = i > 0 ? Math.max(1, Math.round(i * n)) / i : n, c = a > 0 ? Math.max(1, Math.round(a * r)) / a : r), !(s === n && c === r) && (e.set({
-		scaleX: s,
-		scaleY: c
-	}), t && (t.scaleX = s, t.scaleY = c), e.setCoords());
+	return f || d || a;
+}
+function Ss({ target: e, snapGuards: t }) {
+	return ws({
+		target: e,
+		snapGuards: t
+	}) ? !Ts({
+		target: e,
+		snapGuards: t
+	}) : !1;
+}
+function Cs({ target: e, snapGuards: t }) {
+	if (ws({
+		target: e,
+		snapGuards: t
+	})) return !1;
+	let n = W({ object: e });
+	if (!n) return !1;
+	for (let e of t) if (!ks({ snapGuard: e }) || !Rs({
+		bounds: n,
+		snapGuard: e
+	}) || !As({
+		bounds: n,
+		snapGuard: e
+	})) return !1;
+	return !0;
+}
+function ws({ target: e, snapGuards: t }) {
+	if (typeof e.getObjectDisplaySize != "function") return !1;
+	let n = e, r = t.some((e) => e.type === "vertical" && !Os({ scale: n.cropSourceScaleX })), i = t.some((e) => e.type === "horizontal" && !Os({ scale: n.cropSourceScaleY }));
+	return r || i;
+}
+function Ts({ target: e, snapGuards: t }) {
+	let { cropSource: n } = e;
+	if (!n) return !1;
+	let r = W({ object: n });
+	return r ? t.some((e) => Es({
+		snapGuard: e,
+		sourceBounds: r
+	})) : !1;
+}
+function Es({ snapGuard: e, sourceBounds: t }) {
+	let { edge: n, position: r } = e, i = t.bottom;
+	return n === "left" && (i = t.left), n === "right" && (i = t.right), n === "top" && (i = t.top), Ds({
+		position: r,
+		boundary: i
+	});
+}
+function Ds({ position: e, boundary: t }) {
+	return Math.abs(e - t) <= as;
+}
+function Os({ scale: e }) {
+	return Math.abs(Math.abs(e ?? 1) - 1) <= os;
+}
+function ks({ snapGuard: e }) {
+	let t = Math.round(e.position);
+	return Math.abs(e.position - t) <= is;
+}
+function As({ bounds: e, snapGuard: t }) {
+	let n = t.type === "vertical" ? e.right - e.left : e.bottom - e.top;
+	return !Number.isFinite(n) || n <= 0 ? !1 : Math.round(n) > 0;
+}
+function js({ rawScaleX: e, rawScaleY: t, effectiveWidth: n, effectiveHeight: r, isUniform: i }) {
+	let a = Ms({
+		rawScale: e,
+		effectiveSize: n
+	}), o = Ms({
+		rawScale: t,
+		effectiveSize: r
+	});
+	return i ? Ps({
+		scaleXCandidates: a,
+		scaleYCandidates: o,
+		rawScale: e
+	}) : Fs({
+		scaleXCandidates: a,
+		scaleYCandidates: o,
+		rawScaleX: e,
+		rawScaleY: t
+	});
+}
+function Ms({ rawScale: e, effectiveSize: t }) {
+	if (t <= 0) return [e];
+	let n = e < 0 ? -1 : 1, r = Math.abs(e) * t, i = Math.round(r), a = Math.floor(r), o = Math.ceil(r), s = [
+		i,
+		a,
+		o,
+		a - 1,
+		o + 1
+	], c = [];
+	for (let e of s) Ns({
+		candidates: c,
+		scale: Math.max(1, e) / t * n
+	});
+	return c.sort((t, n) => Math.abs(t - e) - Math.abs(n - e)), c;
+}
+function Ns({ candidates: e, scale: t }) {
+	Number.isFinite(t) && (e.includes(t) || e.push(t));
+}
+function Ps({ scaleXCandidates: e, scaleYCandidates: t, rawScale: n }) {
+	let r = [...e];
+	for (let e of t) Ns({
+		candidates: r,
+		scale: e
+	});
+	return r.sort((e, t) => Math.abs(e - n) - Math.abs(t - n)), r.map((e) => ({
+		scaleX: e,
+		scaleY: e
+	}));
+}
+function Fs({ scaleXCandidates: e, scaleYCandidates: t, rawScaleX: n, rawScaleY: r }) {
+	let i = [];
+	for (let n of e) for (let e of t) i.push({
+		scaleX: n,
+		scaleY: e
+	});
+	return i.sort((e, t) => Math.abs(e.scaleX - n) + Math.abs(e.scaleY - r) - (Math.abs(t.scaleX - n) + Math.abs(t.scaleY - r))), i;
+}
+function Is({ target: e, candidate: t, preservePlacement: n, snapGuards: r }) {
+	let i = e.scaleX ?? 1, a = e.scaleY ?? 1, o = null;
+	try {
+		e.set({
+			scaleX: t.scaleX,
+			scaleY: t.scaleY
+		}), n ? n.applyPlacement(n.placement) : e.setCoords(), o = W({ object: e });
+	} finally {
+		e.set({
+			scaleX: i,
+			scaleY: a
+		}), n ? n.applyPlacement(n.placement) : e.setCoords();
+	}
+	if (!o) return "outside";
+	let s = !0;
+	for (let e of r) {
+		if (!Ls({
+			bounds: o,
+			snapGuard: e
+		})) return "outside";
+		Rs({
+			bounds: o,
+			snapGuard: e
+		}) || (s = !1);
+	}
+	return s ? "on-guide" : "inside";
+}
+function Ls({ bounds: e, snapGuard: t }) {
+	let { edge: n, position: r } = t;
+	return n === "left" ? e.left >= r - as : n === "right" ? e.right <= r + as : n === "top" ? e.top >= r - as : e.bottom <= r + as;
+}
+function Rs({ bounds: e, snapGuard: t }) {
+	let { edge: n, position: r } = t;
+	return n === "left" ? Math.abs(e.left - r) <= as : n === "right" ? Math.abs(e.right - r) <= as : n === "top" ? Math.abs(e.top - r) <= as : Math.abs(e.bottom - r) <= as;
 }
 //#endregion
 //#region src/editor/snapping-manager/scaling.ts
-function ls({ transform: e }) {
+var zs = 1e-6;
+function Bs({ transform: e }) {
 	let { corner: t = "", action: n = "" } = e, r = t === "ml" || t === "mr" || n === "scaleX", i = t === "mt" || t === "mb" || n === "scaleY", a = t === "tl" || t === "tr" || t === "bl" || t === "br" || n === "scale";
 	return {
 		isCornerHandle: a,
@@ -13502,7 +13801,7 @@ function ls({ transform: e }) {
 		shouldSnapY: i || a
 	};
 }
-function us({ target: e, transform: t }) {
+function Vs({ target: e, transform: t }) {
 	let { originX: n, originY: r } = t, { originX: i = "left", originY: a = "top", scaleX: o = 1, scaleY: s = 1 } = e;
 	return {
 		originX: n ?? i,
@@ -13511,43 +13810,46 @@ function us({ target: e, transform: t }) {
 		scaleY: s
 	};
 }
-function ds({ target: e, event: t, isCornerHandle: n }) {
-	if (n) return !0;
+function Hs({ target: e, event: t, isCornerHandle: n }) {
 	let r = e;
-	if (!r.cropSource) return !1;
-	let i = r.preserveAspectRatio ?? !0;
-	return t.e?.shiftKey ? !i : i;
+	if (r.cropSource) {
+		let e = r.preserveAspectRatio ?? !0;
+		return t.e?.shiftKey ? !e : e;
+	}
+	return n;
 }
-function fs({ bounds: e, originX: t, originY: n, shouldSnapX: r, shouldSnapY: i, threshold: a, anchors: o }) {
-	let s = ys({
+function Us({ bounds: e, corner: t, originX: n, originY: r, shouldSnapX: i, shouldSnapY: a, threshold: o, anchors: s }) {
+	let c = Xs({
 		bounds: e,
-		originX: t,
-		shouldSnapX: r
-	}), c = bs({
+		corner: t,
+		originX: n,
+		shouldSnapX: i
+	}), l = Zs({
 		bounds: e,
-		originY: n,
-		shouldSnapY: i
-	}), l = xs({
-		anchors: o.vertical,
-		candidates: s,
-		threshold: a
-	}), u = xs({
-		anchors: o.horizontal,
+		corner: t,
+		originY: r,
+		shouldSnapY: a
+	}), u = ec({
+		anchors: s.vertical,
 		candidates: c,
-		threshold: a
+		threshold: o
+	}), d = ec({
+		anchors: s.horizontal,
+		candidates: l,
+		threshold: o
 	});
-	return l.guidePosition === null && u.guidePosition === null ? null : {
-		verticalSnap: l,
-		horizontalSnap: u
+	return u.guidePosition === null && d.guidePosition === null ? null : {
+		verticalSnap: u,
+		horizontalSnap: d
 	};
 }
-function ps(e) {
-	return e.shouldUseUniformScaleSnap ? hs(e) : gs(e);
+function Ws(e) {
+	return e.shouldUseUniformScaleSnap ? Ks(e) : qs(e);
 }
-function ms({ target: e, bounds: t, originX: n, verticalAnchors: r, threshold: i }) {
-	let a = xs({
+function Gs({ target: e, bounds: t, originX: n, verticalAnchors: r, threshold: i }) {
+	let a = ec({
 		anchors: r,
-		candidates: ys({
+		candidates: Xs({
 			bounds: t,
 			originX: n,
 			shouldSnapX: !0
@@ -13555,13 +13857,13 @@ function ms({ target: e, bounds: t, originX: n, verticalAnchors: r, threshold: i
 		threshold: i
 	}), { guidePosition: o } = a;
 	if (o === null) return null;
-	let s = Es({
+	let s = lc({
 		bounds: t,
 		originX: n,
 		snap: a
 	});
 	if (s === null) return null;
-	let c = js({
+	let c = mc({
 		target: e,
 		boundsWidth: s
 	});
@@ -13573,8 +13875,8 @@ function ms({ target: e, bounds: t, originX: n, verticalAnchors: r, threshold: i
 		}
 	};
 }
-function hs({ bounds: e, originX: t, originY: n, scaleX: r, scaleY: i, verticalSnap: a, horizontalSnap: o }) {
-	let s = Ss({
+function Ks({ bounds: e, originX: t, originY: n, scaleX: r, scaleY: i, verticalSnap: a, horizontalSnap: o }) {
+	let s = tc({
 		bounds: e,
 		originX: t,
 		originY: n,
@@ -13582,108 +13884,138 @@ function hs({ bounds: e, originX: t, originY: n, scaleX: r, scaleY: i, verticalS
 		horizontalSnap: o
 	});
 	if (!s) return null;
-	let { guide: c, scaleFactor: l } = s;
+	let { guide: c, scaleFactor: l, snapGuards: u } = s;
 	return {
 		guides: [c],
+		snapGuards: u,
 		nextScaleX: r * l,
 		nextScaleY: i * l
 	};
 }
-function gs(e) {
-	let t = _s(e), n = vs(e);
+function qs(e) {
+	let t = Js(e), n = Ys(e);
 	if (!t && !n) return null;
-	let r = [], i = null, a = null;
-	return t && (r.push(t.guide), i = t.nextScale), n && (r.push(n.guide), a = n.nextScale), {
+	let r = [], i = [], a = null, o = null;
+	return t && (r.push(t.guide), i.push(t.snapGuard), a = t.nextScale), n && (r.push(n.guide), i.push(n.snapGuard), o = n.nextScale), {
 		guides: r,
-		nextScaleX: i,
-		nextScaleY: a
+		snapGuards: i,
+		nextScaleX: a,
+		nextScaleY: o
 	};
 }
-function _s({ target: e, bounds: t, originX: n, scaleX: r, scaleY: i, verticalSnap: a }) {
+function Js({ target: e, bounds: t, originX: n, scaleX: r, scaleY: i, verticalSnap: a }) {
 	let { guidePosition: o } = a;
 	if (o === null) return null;
-	let s = Es({
+	let s = lc({
 		bounds: t,
 		originX: n,
 		snap: a
 	});
 	if (s === null) return null;
-	let { angle: c = 0 } = e, { width: l, height: u } = Os({ target: e }), d = ks({
+	let { angle: c = 0 } = e, { width: l, height: u } = dc({ target: e }), d = fc({
 		desiredWidth: s,
 		baseWidth: l,
 		baseHeight: u,
 		scaleY: Math.abs(i) || 1,
 		angle: c
 	});
-	return d === null ? null : {
+	if (d === null) return null;
+	let f = ac({
+		type: "vertical",
+		snap: a
+	});
+	return f ? {
 		nextScale: d * (r < 0 ? -1 : 1),
+		snapGuard: f,
 		guide: {
 			type: "vertical",
 			position: o
 		}
-	};
+	} : null;
 }
-function vs({ target: e, bounds: t, originY: n, scaleX: r, scaleY: i, horizontalSnap: a }) {
+function Ys({ target: e, bounds: t, originY: n, scaleX: r, scaleY: i, horizontalSnap: a }) {
 	let { guidePosition: o } = a;
 	if (o === null) return null;
-	let s = Ds({
+	let s = uc({
 		bounds: t,
 		originY: n,
 		snap: a
 	});
 	if (s === null) return null;
-	let { angle: c = 0 } = e, { width: l, height: u } = Os({ target: e }), d = As({
+	let { angle: c = 0 } = e, { width: l, height: u } = dc({ target: e }), d = pc({
 		desiredHeight: s,
 		baseWidth: l,
 		baseHeight: u,
 		scaleX: Math.abs(r) || 1,
 		angle: c
 	});
-	return d === null ? null : {
+	if (d === null) return null;
+	let f = ac({
+		type: "horizontal",
+		snap: a
+	});
+	return f ? {
 		nextScale: d * (i < 0 ? -1 : 1),
+		snapGuard: f,
 		guide: {
 			type: "horizontal",
 			position: o
 		}
-	};
+	} : null;
 }
-function ys({ bounds: e, originX: t, shouldSnapX: n }) {
-	let r = [];
-	if (!n) return r;
-	let { left: i, right: a } = e, o = "left";
-	return (t === "center" || t === "right") && (o = t), o === "left" && r.push({
+function Xs({ bounds: e, corner: t = "", originX: n, shouldSnapX: r }) {
+	let i = [];
+	if (!r) return i;
+	let { left: a, right: o } = e, s = "left";
+	(n === "center" || n === "right") && (s = n);
+	let c = Qs({ controlKey: t });
+	return c && s !== "center" ? (i.push({
+		edge: c,
+		position: c === "left" ? a : o
+	}), i) : (s === "left" && i.push({
 		edge: "right",
-		position: a
-	}), o === "right" && r.push({
+		position: o
+	}), s === "right" && i.push({
 		edge: "left",
-		position: i
-	}), o === "center" && (r.push({
+		position: a
+	}), s === "center" && (i.push({
 		edge: "left",
-		position: i
-	}), r.push({
-		edge: "right",
 		position: a
-	})), r;
+	}), i.push({
+		edge: "right",
+		position: o
+	})), i);
 }
-function bs({ bounds: e, originY: t, shouldSnapY: n }) {
-	let r = [];
-	if (!n) return r;
-	let { top: i, bottom: a } = e, o = "top";
-	return (t === "center" || t === "bottom") && (o = t), o === "top" && r.push({
+function Zs({ bounds: e, corner: t = "", originY: n, shouldSnapY: r }) {
+	let i = [];
+	if (!r) return i;
+	let { top: a, bottom: o } = e, s = "top";
+	(n === "center" || n === "bottom") && (s = n);
+	let c = $s({ controlKey: t });
+	return c && s !== "center" ? (i.push({
+		edge: c,
+		position: c === "top" ? a : o
+	}), i) : (s === "top" && i.push({
 		edge: "bottom",
-		position: a
-	}), o === "bottom" && r.push({
+		position: o
+	}), s === "bottom" && i.push({
 		edge: "top",
-		position: i
-	}), o === "center" && (r.push({
+		position: a
+	}), s === "center" && (i.push({
 		edge: "top",
-		position: i
-	}), r.push({
-		edge: "bottom",
 		position: a
-	})), r;
+	}), i.push({
+		edge: "bottom",
+		position: o
+	})), i);
 }
-function xs({ anchors: e, candidates: t, threshold: n }) {
+function Qs({ controlKey: e }) {
+	return e === "tl" || e === "bl" || e === "ml" ? "left" : e === "tr" || e === "br" || e === "mr" ? "right" : null;
+}
+function $s({ controlKey: e }) {
+	return e === "tl" || e === "tr" || e === "mt" ? "top" : e === "bl" || e === "br" || e === "mb" ? "bottom" : null;
+}
+function ec({ anchors: e, candidates: t, threshold: n }) {
 	let r = 0, i = n + 1, a = null, o = null;
 	for (let s of t) {
 		let { position: t } = s;
@@ -13698,39 +14030,95 @@ function xs({ anchors: e, candidates: t, threshold: n }) {
 		candidate: o
 	};
 }
-function Ss({ bounds: e, originX: t, originY: n, verticalSnap: r, horizontalSnap: i }) {
-	let a = Cs({
+function tc({ bounds: e, originX: t, originY: n, verticalSnap: r, horizontalSnap: i }) {
+	let a = oc({
 		bounds: e,
 		originX: t,
 		snap: r
-	}), o = ws({
+	}), o = sc({
 		bounds: e,
 		originY: n,
 		snap: i
-	}), s = Ts({
+	}), s = cc({
 		scaleFactorX: a,
 		scaleFactorY: o,
 		verticalSnap: r,
 		horizontalSnap: i
-	});
-	return s === "x" && a !== null && r.guidePosition !== null ? {
+	}), c = null;
+	if (s === "x" && (c = nc({
+		type: "vertical",
 		scaleFactor: a,
-		guide: {
-			type: "vertical",
-			position: r.guidePosition
-		}
-	} : s === "y" && o !== null && i.guidePosition !== null ? {
+		snap: r
+	})), s === "y" && (c = nc({
+		type: "horizontal",
 		scaleFactor: o,
+		snap: i
+	})), !c) return null;
+	let l = rc({
+		scaleFactor: c.scaleFactor,
+		scaleFactorX: a,
+		scaleFactorY: o,
+		verticalSnap: r,
+		horizontalSnap: i
+	});
+	return l.length === 0 ? null : {
+		guide: c.guide,
+		snapGuards: l,
+		scaleFactor: c.scaleFactor
+	};
+}
+function nc({ type: e, scaleFactor: t, snap: n }) {
+	let { guidePosition: r } = n;
+	if (t === null || r === null) return null;
+	let i = ac({
+		type: e,
+		snap: n
+	});
+	return i ? {
+		scaleFactor: t,
+		snapGuard: i,
 		guide: {
-			type: "horizontal",
-			position: i.guidePosition
+			type: e,
+			position: r
 		}
 	} : null;
 }
-function Cs({ bounds: e, originX: t, snap: n }) {
+function rc({ scaleFactor: e, scaleFactorX: t, scaleFactorY: n, verticalSnap: r, horizontalSnap: i }) {
+	let a = [];
+	return ic({
+		snapGuards: a,
+		scaleFactor: e,
+		axisScaleFactor: t,
+		type: "vertical",
+		snap: r
+	}), ic({
+		snapGuards: a,
+		scaleFactor: e,
+		axisScaleFactor: n,
+		type: "horizontal",
+		snap: i
+	}), a;
+}
+function ic({ snapGuards: e, scaleFactor: t, axisScaleFactor: n, type: r, snap: i }) {
+	if (n === null || Math.abs(n - t) > zs) return;
+	let a = ac({
+		type: r,
+		snap: i
+	});
+	a && e.push(a);
+}
+function ac({ type: e, snap: t }) {
+	let { candidate: n, guidePosition: r } = t;
+	return !n || r === null ? null : {
+		type: e,
+		edge: n.edge,
+		position: r
+	};
+}
+function oc({ bounds: e, originX: t, snap: n }) {
 	let { left: r, right: i } = e, a = i - r;
 	if (n.guidePosition === null || a <= 0) return null;
-	let o = Es({
+	let o = lc({
 		bounds: e,
 		originX: t,
 		snap: n
@@ -13739,10 +14127,10 @@ function Cs({ bounds: e, originX: t, snap: n }) {
 	let s = o / a;
 	return !Number.isFinite(s) || s <= 0 ? null : s;
 }
-function ws({ bounds: e, originY: t, snap: n }) {
+function sc({ bounds: e, originY: t, snap: n }) {
 	let { top: r, bottom: i } = e, a = i - r;
 	if (n.guidePosition === null || a <= 0) return null;
-	let o = Ds({
+	let o = uc({
 		bounds: e,
 		originY: t,
 		snap: n
@@ -13751,26 +14139,26 @@ function ws({ bounds: e, originY: t, snap: n }) {
 	let s = o / a;
 	return !Number.isFinite(s) || s <= 0 ? null : s;
 }
-function Ts({ scaleFactorX: e, scaleFactorY: t, verticalSnap: n, horizontalSnap: r }) {
+function cc({ scaleFactorX: e, scaleFactorY: t, verticalSnap: n, horizontalSnap: r }) {
 	return e !== null && t === null ? "x" : t !== null && e === null ? "y" : e === null || t === null ? null : Math.abs(n.delta) <= Math.abs(r.delta) ? "x" : "y";
 }
-function Es({ bounds: e, originX: t, snap: n }) {
+function lc({ bounds: e, originX: t, snap: n }) {
 	let { left: r, right: i, centerX: a } = e, { candidate: o, guidePosition: s } = n;
 	if (!o || s === null) return null;
 	let c = "left";
 	(t === "center" || t === "right") && (c = t);
 	let { edge: l } = o, u = null;
-	return c === "left" && l === "right" && (u = s - r), c === "right" && l === "left" && (u = i - s), c === "center" && l === "left" && (u = (a - s) * 2), c === "center" && l === "right" && (u = (s - a) * 2), u === null || !Number.isFinite(u) || u <= 0 ? null : u;
+	return c !== "center" && l === "left" && (u = i - s), c !== "center" && l === "right" && (u = s - r), c === "center" && l === "left" && (u = (a - s) * 2), c === "center" && l === "right" && (u = (s - a) * 2), u === null || !Number.isFinite(u) || u <= 0 ? null : u;
 }
-function Ds({ bounds: e, originY: t, snap: n }) {
+function uc({ bounds: e, originY: t, snap: n }) {
 	let { top: r, bottom: i, centerY: a } = e, { candidate: o, guidePosition: s } = n;
 	if (!o || s === null) return null;
 	let c = "top";
 	(t === "center" || t === "bottom") && (c = t);
 	let { edge: l } = o, u = null;
-	return c === "top" && l === "bottom" && (u = s - r), c === "bottom" && l === "top" && (u = i - s), c === "center" && l === "top" && (u = (a - s) * 2), c === "center" && l === "bottom" && (u = (s - a) * 2), u === null || !Number.isFinite(u) || u <= 0 ? null : u;
+	return c !== "center" && l === "top" && (u = i - s), c !== "center" && l === "bottom" && (u = s - r), c === "center" && l === "top" && (u = (a - s) * 2), c === "center" && l === "bottom" && (u = (s - a) * 2), u === null || !Number.isFinite(u) || u <= 0 ? null : u;
 }
-function Os({ target: e }) {
+function dc({ target: e }) {
 	let { width: t = 0, height: n = 0 } = e, r = t, i = n;
 	if (e instanceof v) {
 		let { paddingTop: a = 0, paddingRight: o = 0, paddingBottom: s = 0, paddingLeft: c = 0, strokeWidth: l = 0 } = e;
@@ -13781,28 +14169,28 @@ function Os({ target: e }) {
 		height: i
 	};
 }
-function ks({ desiredWidth: e, baseWidth: t, baseHeight: n, scaleY: r, angle: i }) {
+function fc({ desiredWidth: e, baseWidth: t, baseHeight: n, scaleY: r, angle: i }) {
 	let a = i * Math.PI / 180, o = Math.abs(Math.cos(a)), s = Math.abs(Math.sin(a)), c = t * o, l = n * r * s;
 	if (c <= 0) return null;
 	let u = (e - l) / c;
 	return !Number.isFinite(u) || u <= 0 ? null : u;
 }
-function As({ desiredHeight: e, baseWidth: t, baseHeight: n, scaleX: r, angle: i }) {
+function pc({ desiredHeight: e, baseWidth: t, baseHeight: n, scaleX: r, angle: i }) {
 	let a = i * Math.PI / 180, o = Math.abs(Math.cos(a)), s = Math.abs(Math.sin(a)), c = n * o, l = t * r * s;
 	if (c <= 0) return null;
 	let u = (e - l) / c;
 	return !Number.isFinite(u) || u <= 0 ? null : u;
 }
-function js({ target: e, boundsWidth: t }) {
+function mc({ target: e, boundsWidth: t }) {
 	let { paddingLeft: n = 0, paddingRight: r = 0, strokeWidth: i = 0 } = e, a = t - n - r - i;
 	return !Number.isFinite(a) || a <= 0 ? null : Math.max(1, Math.round(a));
 }
 //#endregion
 //#region src/editor/snapping-manager/utils.ts
-var Ms = ({ anchors: e, bounds: t }) => {
+var hc = ({ 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);
-}, Ns = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, gc = ({ 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;
@@ -13823,35 +14211,35 @@ var Ms = ({ anchors: e, bounds: t }) => {
 		});
 	}
 	return i;
-}, Ps = ({ bounds: e }) => ({
-	vertical: Ns({
+}, _c = ({ bounds: e }) => ({
+	vertical: gc({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: Ns({
+	horizontal: gc({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), Fs = [
+}), vc = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], Is = ({ activeObject: t }) => {
+], yc = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, Ls = ({ object: e, excluded: t, ignoredIds: n = Fs }) => {
+}, bc = ({ object: e, excluded: t, ignoredIds: n = vc }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Rs = class {
+}, xc = class {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -13895,7 +14283,7 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			target: t,
 			event: e
 		})) return;
-		as({
+		cs({
 			target: t,
 			transform: n
 		}), !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: t });
@@ -13927,7 +14315,7 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			activeBounds: r,
 			deltaX: s.deltaX,
 			deltaY: s.deltaY
-		}), c || as({
+		}), c || cs({
 			target: t,
 			transform: n
 		});
@@ -13944,7 +14332,7 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			this._clearGuides();
 			return;
 		}
-		let r = is({ target: t });
+		let r = ss({ target: t });
 		if (this._shouldAbortObjectScaling({
 			target: t,
 			transform: n,
@@ -13954,23 +14342,39 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			this._clearGuides();
 			return;
 		}
-		let { shouldSnapX: i, shouldSnapY: a, isCornerHandle: o } = ls({ transform: n });
-		if (!i && !a) {
+		if (!this._hasObjectScaleChanged({
+			target: t,
+			transform: n
+		})) {
 			this._clearGuides();
 			return;
 		}
+		let { shouldSnapX: i, shouldSnapY: a, isCornerHandle: o } = Bs({ transform: n });
+		if (!i && !a) {
+			this._finishObjectScalingWithoutSnap({
+				target: t,
+				transform: n,
+				canApplyPixelScalingStep: r
+			});
+			return;
+		}
 		let { anchors: s } = this, { vertical: c, horizontal: l } = s;
 		!c.length && !l.length && this._cacheAnchors({ activeObject: t });
 		let u = W({ object: t });
 		if (!u) {
-			this._clearGuides();
+			this._finishObjectScalingWithoutSnap({
+				target: t,
+				transform: n,
+				canApplyPixelScalingStep: r
+			});
 			return;
 		}
-		let d = 5 / (this.canvas.getZoom() || 1), { originX: f, originY: p, scaleX: m, scaleY: h } = us({
+		let d = 5 / (this.canvas.getZoom() || 1), { originX: f, originY: p, scaleX: m, scaleY: h } = Vs({
 			target: t,
 			transform: n
-		}), g = fs({
+		}), g = Us({
 			bounds: u,
+			corner: n.corner,
 			originX: f,
 			originY: p,
 			shouldSnapX: i,
@@ -13979,17 +14383,21 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			anchors: this.anchors
 		});
 		if (!g) {
-			this._clearGuides();
+			this._finishObjectScalingWithoutSnap({
+				target: t,
+				transform: n,
+				canApplyPixelScalingStep: r
+			});
 			return;
 		}
-		let _ = ps({
+		let _ = Ws({
 			target: t,
 			bounds: u,
 			originX: f,
 			originY: p,
 			scaleX: m,
 			scaleY: h,
-			shouldUseUniformScaleSnap: ds({
+			shouldUseUniformScaleSnap: Hs({
 				target: t,
 				event: e,
 				isCornerHandle: o
@@ -13998,7 +14406,11 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			horizontalSnap: g.horizontalSnap
 		});
 		if (!_) {
-			this._clearGuides();
+			this._finishObjectScalingWithoutSnap({
+				target: t,
+				transform: n,
+				canApplyPixelScalingStep: r
+			});
 			return;
 		}
 		this._applyScaleUpdatePlan({
@@ -14007,10 +14419,24 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			originX: f,
 			originY: p,
 			plan: _
-		}), r && cs({
+		}), r && fs({
 			target: t,
-			transform: n
-		}), this._applyGuides({
+			transform: n,
+			preservePlacement: {
+				placement: this.editor.canvasManager.getObjectPlacement({
+					object: t,
+					originX: f,
+					originY: p
+				}),
+				applyPlacement: (e) => {
+					this.editor.canvasManager.applyObjectPlacement({
+						object: t,
+						placement: e
+					});
+				}
+			},
+			snapGuards: _.snapGuards
+		}), !this._shouldHideOverflowingCropFrameGuides({ target: t }) && this._applyGuides({
 			guides: _.guides,
 			spacingGuides: []
 		});
@@ -14022,13 +14448,23 @@ var Ms = ({ anchors: e, bounds: t }) => {
 		});
 	}
 	_shouldAbortObjectScaling({ target: e, transform: t, event: n, canApplyPixelScalingStep: r }) {
-		return n.e?.ctrlKey ? (this._clearGuides(), r && cs({
+		return this.editor.cropManager.isFrameSourceScaleClamped({
+			target: e,
+			transform: t
+		}) ? (this._clearGuides(), !0) : n.e?.ctrlKey ? (this._clearGuides(), r && fs({
 			target: e,
 			transform: t
-		}), !0) : (r && cs({
+		}), !0) : !1;
+	}
+	_finishObjectScalingWithoutSnap({ target: e, transform: t, canApplyPixelScalingStep: n }) {
+		n && fs({
 			target: e,
 			transform: t
-		}), this._shouldHideOverflowingCropFrameGuides({ target: e }));
+		}), this._clearGuides();
+	}
+	_hasObjectScaleChanged({ target: e, transform: t }) {
+		let n = t.original?.scaleX, r = t.original?.scaleY;
+		return typeof n != "number" || typeof r != "number" ? !0 : e.scaleX !== n || e.scaleY !== r;
 	}
 	_shouldHideOverflowingCropFrameGuides({ target: e, clearSpacingContexts: t = !1 }) {
 		return this.editor.cropManager.isFrameOverflowingSource({ target: e }) ? (t && this._clearSpacingContexts(), this._clearGuides(), !0) : !1;
@@ -14106,7 +14542,7 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			this._clearGuides();
 			return;
 		}
-		let { canvas: c } = this, l = 5 / (c.getZoom() || 1), { originX: u, originY: d } = t, { originX: f = "left", originY: p = "top" } = e, m = u ?? f, h = d ?? p, g = ms({
+		let { canvas: c } = this, l = 5 / (c.getZoom() || 1), { originX: u, originY: d } = t, { originX: f = "left", originY: p = "top" } = e, m = u ?? f, h = d ?? p, g = Gs({
 			target: e,
 			bounds: s,
 			originX: m,
@@ -14187,14 +14623,14 @@ var Ms = ({ anchors: e, bounds: t }) => {
 		}, r = [];
 		for (let e of t) {
 			let t = W({ object: e });
-			t && (Ms({
+			t && (hc({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
 		let { montageArea: i } = this.editor, a = W({ object: i });
 		if (a) {
-			Ms({
+			hc({
 				anchors: n,
 				bounds: a
 			});
@@ -14206,12 +14642,12 @@ var Ms = ({ anchors: e, bounds: t }) => {
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = Ps({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = _c({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = Is({ activeObject: e }), n = [];
+		let t = yc({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			Ls({
+			bc({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -14234,7 +14670,7 @@ var Ms = ({ anchors: e, bounds: t }) => {
 			bottom: (r - s) / a
 		};
 	}
-}, zs = "#3D8BF4", Bs = class e {
+}, Sc = "#3D8BF4", Cc = 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();
 	}
@@ -14327,8 +14763,8 @@ var Ms = ({ anchors: e, bounds: t }) => {
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = Is({ activeObject: t });
-		return n && !Ls({
+		let { target: n } = e, r = yc({ activeObject: t });
+		return n && !bc({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -14445,7 +14881,7 @@ var Ms = ({ anchors: e, bounds: t }) => {
 		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 = zs, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = Sc, 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(), ns({
@@ -14456,7 +14892,7 @@ var Ms = ({ anchors: e, bounds: t }) => {
 				end: c,
 				text: To({ distance: l }).toString(),
 				zoom: r,
-				color: zs,
+				color: Sc,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -14474,13 +14910,13 @@ var Ms = ({ anchors: e, bounds: t }) => {
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, Vs = 16, Hs = 16, Us = Gt, Ws = Kt, Gs = Vs;
-function Ks({ sourceSize: e, size: t, aspectRatio: n, allowOverflow: r }) {
-	return t ? $s({
+}, wc = 16, Tc = 16, Ec = Gt, Dc = Kt, Oc = wc;
+function kc({ sourceSize: e, size: t, aspectRatio: n, allowOverflow: r }) {
+	return t ? Ic({
 		size: t,
 		sourceSize: e,
 		allowOverflow: r
-	}) : n ? Qs({
+	}) : n ? Fc({
 		aspectRatio: n,
 		sourceSize: e
 	}) : {
@@ -14494,29 +14930,29 @@ function Z({ source: e }) {
 		height: e.height
 	};
 }
-function qs({ source: e, frame: t }) {
+function Ac({ source: e, frame: t }) {
 	let n = e.calcTransformMatrix(), r = w.invertTransform(n), i = t.calcTransformMatrix();
-	return Xs({ points: Zs({ frame: t }).map((e) => e.transform(i).transform(r)) });
+	return Nc({ points: Pc({ frame: t }).map((e) => e.transform(i).transform(r)) });
 }
-function Js({ source: e, frame: t }) {
-	ec({
+function jc({ source: e, frame: t }) {
+	Lc({
 		source: e,
 		frame: t
-	}), nc({
+	}), zc({
 		source: e,
 		frame: t
 	});
 }
-function Ys({ source: e, frame: t }) {
-	tc({
+function Mc({ source: e, frame: t }) {
+	Rc({
 		source: e,
 		frame: t
-	}), nc({
+	}), zc({
 		source: e,
 		frame: t
 	});
 }
-function Xs({ points: e }) {
+function Nc({ points: e }) {
 	let t = Math.min(...e.map((e) => e.x)), n = Math.min(...e.map((e) => e.y)), r = Math.max(...e.map((e) => e.x)), i = Math.max(...e.map((e) => e.y));
 	return {
 		left: t,
@@ -14525,7 +14961,7 @@ function Xs({ points: e }) {
 		height: i - n
 	};
 }
-function Zs({ frame: e }) {
+function Pc({ frame: e }) {
 	let t = e.width / 2, n = e.height / 2;
 	return [
 		new m(-t, -n),
@@ -14534,7 +14970,7 @@ function Zs({ frame: e }) {
 		new m(-t, n)
 	];
 }
-function Qs({ sourceSize: e, aspectRatio: t }) {
+function Fc({ sourceSize: e, aspectRatio: t }) {
 	let n = e.width / e.height, r = t.width / t.height;
 	return r >= n ? {
 		width: e.width,
@@ -14544,49 +14980,49 @@ function Qs({ sourceSize: e, aspectRatio: t }) {
 		height: e.height
 	};
 }
-function $s({ size: e, sourceSize: t, allowOverflow: n }) {
-	let r = n ? Us : Math.min(t.width, Us), i = n ? Ws : Math.min(t.height, Ws);
+function Ic({ size: e, sourceSize: t, allowOverflow: n }) {
+	let r = n ? Ec : Math.min(t.width, Ec), i = n ? Dc : Math.min(t.height, Dc);
 	return {
-		width: oc({
+		width: Uc({
 			value: e.width,
-			min: Vs,
+			min: wc,
 			max: r
 		}),
-		height: oc({
+		height: Uc({
 			value: e.height,
-			min: Hs,
+			min: Tc,
 			max: i
 		})
 	};
 }
-function ec({ source: e, frame: t }) {
-	let n = qs({
+function Lc({ source: e, frame: t }) {
+	let n = Ac({
 		source: e,
 		frame: t
-	}), r = Z({ source: e }), i = r.width / Math.max(n.width, Vs), a = r.height / Math.max(n.height, Hs);
+	}), r = Z({ source: e }), i = r.width / Math.max(n.width, wc), a = r.height / Math.max(n.height, Tc);
 	i < 1 && t.set({ scaleX: (t.scaleX ?? 1) * i }), a < 1 && t.set({ scaleY: (t.scaleY ?? 1) * a }), t.setCoords();
 }
-function tc({ source: e, frame: t }) {
-	let n = qs({
+function Rc({ source: e, frame: t }) {
+	let n = Ac({
 		source: e,
 		frame: t
-	}), r = Z({ source: e }), i = r.width / Math.max(n.width, Vs), a = r.height / Math.max(n.height, Hs), o = Math.min(i, a);
+	}), r = Z({ source: e }), i = r.width / Math.max(n.width, wc), a = r.height / Math.max(n.height, Tc), o = Math.min(i, a);
 	o < 1 && t.set({
 		scaleX: (t.scaleX ?? 1) * o,
 		scaleY: (t.scaleY ?? 1) * o
 	}), t.setCoords();
 }
-function nc({ source: e, frame: t }) {
-	let n = qs({
+function zc({ source: e, frame: t }) {
+	let n = Ac({
 		source: e,
 		frame: t
-	}), r = rc({ sourceSize: Z({ source: e }) }), i = ic({ rect: n }), a = ac({
+	}), r = Bc({ sourceSize: Z({ source: e }) }), i = Vc({ rect: n }), a = Hc({
 		rect: n,
 		sourceBounds: r
 	}), o = new m(i.x + a.x, i.y + a.y).transform(e.calcTransformMatrix());
 	t.setPositionByOrigin(o, "center", "center"), t.setCoords();
 }
-function rc({ sourceSize: e }) {
+function Bc({ sourceSize: e }) {
 	return {
 		left: -e.width / 2,
 		top: -e.height / 2,
@@ -14594,19 +15030,19 @@ function rc({ sourceSize: e }) {
 		height: e.height
 	};
 }
-function ic({ rect: e }) {
+function Vc({ rect: e }) {
 	return new m(e.left + e.width / 2, e.top + e.height / 2);
 }
-function ac({ rect: e, sourceBounds: t }) {
+function Hc({ rect: e, sourceBounds: t }) {
 	let n = t.left + t.width, r = t.top + t.height, i = 0, a = 0;
 	return e.left < t.left && (i = t.left - e.left), e.left + e.width > n && (i = n - e.left - e.width), e.top < t.top && (a = t.top - e.top), e.top + e.height > r && (a = r - e.top - e.height), new m(i, a);
 }
-function oc({ value: e, min: t, max: n }) {
+function Uc({ value: e, min: t, max: n }) {
 	return Math.max(t, Math.min(n, e));
 }
 //#endregion
 //#region src/editor/crop-manager/domain/crop-frame-size.ts
-function sc({ frame: e, scaleX: t = e.scaleX ?? 1, scaleY: n = e.scaleY ?? 1 }) {
+function Wc({ frame: e, scaleX: t = e.scaleX ?? 1, scaleY: n = e.scaleY ?? 1 }) {
 	let r = Math.abs(e.cropSourceScaleX ?? 1) || 1, i = Math.abs(e.cropSourceScaleY ?? 1) || 1;
 	return {
 		width: Math.max(1, e.width * Math.abs(t) / r),
@@ -14614,175 +15050,237 @@ function sc({ frame: e, scaleX: t = e.scaleX ?? 1, scaleY: n = e.scaleY ?? 1 })
 	};
 }
 //#endregion
-//#region src/editor/crop-manager/domain/crop-proportional-source-scale.ts
-var cc = 1;
-function lc({ sourceSize: e, startRect: t, anchorX: n, anchorY: r }) {
-	let i = uc({
+//#region src/editor/crop-manager/domain/crop-source-scale.ts
+var Gc = 1;
+function Kc({ sourceSize: e, startRect: t, anchorX: n, anchorY: r }) {
+	let i = Math.max(1, t.width), a = Math.max(1, t.height);
+	if (Jc({
+		sourceSize: e,
+		rect: t,
+		axis: "x"
+	}) || Jc({
+		sourceSize: e,
+		rect: t,
+		axis: "y"
+	})) return 1;
+	let o = Zc({
 		sourceSize: e,
 		rect: t,
 		axis: "x",
 		anchor: n
-	}), a = uc({
+	}), s = Zc({
 		sourceSize: e,
 		rect: t,
 		axis: "y",
 		anchor: r
-	}), o = Math.max(1, t.width), s = Math.max(1, t.height), c = Math.min(i / o, a / s), l = Math.min(e.width / o, e.height / s), u = Math.min(c, l);
-	return (u - 1) * Math.min(o, s) <= cc ? 1 : Math.max(1, u);
+	}), c = Math.min(o / i, s / a), l = Math.min(e.width / i, e.height / a), u = Math.min(c, l);
+	return (u - 1) * Math.min(i, a) <= Gc ? 1 : Math.max(1, u);
 }
-function uc({ sourceSize: e, rect: t, axis: n, anchor: r }) {
+function qc({ sourceSize: e, startRect: t, axis: n, anchor: r }) {
+	let i = Math.max(1, Xc({
+		rect: t,
+		axis: n
+	}));
+	if (Jc({
+		sourceSize: e,
+		rect: t,
+		axis: n
+	})) return 1;
+	let a = Zc({
+		sourceSize: e,
+		rect: t,
+		axis: n,
+		anchor: r
+	}), o = Yc({
+		sourceSize: e,
+		axis: n
+	}), s = Math.min(a, o) / i;
+	return (s - 1) * i <= Gc ? 1 : Math.max(1, s);
+}
+function Jc({ sourceSize: e, rect: t, axis: n }) {
+	let r = Yc({
+		sourceSize: e,
+		axis: n
+	}), i = Xc({
+		rect: t,
+		axis: n
+	});
+	return Math.round(i) >= Math.round(r);
+}
+function Yc({ sourceSize: e, axis: t }) {
+	return t === "x" ? e.width : e.height;
+}
+function Xc({ rect: e, axis: t }) {
+	return t === "x" ? e.width : e.height;
+}
+function Zc({ sourceSize: e, rect: t, axis: n, anchor: r }) {
 	let i = n === "x" ? e.width : e.height, a = n === "x" ? t.left : t.top, o = n === "x" ? t.width : t.height, s = -i / 2, c = i / 2, l = a + o, u = a + o / 2;
-	return r === "min" ? c - a : r === "max" ? l - s : Math.min(u - s, c - u) * 2;
+	return r === "min" ? c - Qc({
+		value: a,
+		boundary: s
+	}) : r === "max" ? Qc({
+		value: l,
+		boundary: c
+	}) - s : Math.min(u - s, c - u) * 2;
+}
+function Qc({ value: e, boundary: t }) {
+	return Math.abs(e - t) <= Gc ? t : e;
 }
 //#endregion
 //#region src/editor/crop-manager/interaction/crop-controls.ts
-var dc = .001, fc = [
+var $c = .001, el = 1, tl = 1e-6, nl = 1e-9, rl = [
 	"tl",
 	"tr",
 	"bl",
 	"br"
-], pc = [
+], il = [
 	"ml",
 	"mr",
 	"mt",
 	"mb"
-], mc = {
+], al = {
 	ml: "w-resize",
 	mr: "e-resize",
 	mt: "n-resize",
 	mb: "s-resize"
 };
-function hc({ transform: e }) {
+function ol({ transform: e }) {
 	let { originX: t, originY: n } = e;
 	return (t === "center" || t === .5) && (n === "center" || n === .5);
 }
-function gc({ transform: e, x: t, y: n }) {
+function sl({ transform: e, x: t, y: n }) {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i;
-	if (bc({
+	if (dl({
 		transform: r,
 		x: t,
 		y: n
-	})) return xc({ transform: r }), !0;
+	})) return fl({ transform: r }), !0;
 	let s = x.getLocalPoint(r, r.originX, r.originY, t, n);
-	return Cc({ transform: r }), Dc({
+	return ml({ transform: r }), vl({
 		transform: r,
 		localPoint: s
 	}), a !== i.scaleX || o !== i.scaleY;
 }
-function _c({ transform: e, x: t, y: n }) {
+function cl({ transform: e, x: t, y: n }) {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i;
-	if (bc({
+	if (dl({
 		transform: r,
 		x: t,
 		y: n
-	})) return xc({ transform: r }), !0;
+	})) return fl({ transform: r }), !0;
 	let s = x.getLocalPoint(r, r.originX, r.originY, t, n);
-	return Cc({ transform: r }), jc({
+	return ml({ transform: r }), kl({
 		transform: r,
 		localPoint: s
 	}), a !== i.scaleX || o !== i.scaleY;
 }
-function vc({ transform: e, axis: t, x: n, y: r }) {
+function ll({ transform: e, axis: t, x: n, y: r }) {
 	let i = e, { target: a } = i, o = t === "x" ? a.scaleX ?? 1 : a.scaleY ?? 1;
-	if (bc({
+	if (dl({
 		transform: i,
 		x: n,
 		y: r
-	})) return Sc({
+	})) return pl({
 		transform: i,
 		axis: t
 	}), !0;
 	let s = x.getLocalPoint(i, i.originX, i.originY, n, r);
-	return Cc({ transform: i }), Oc({
+	return ml({ transform: i }), yl({
 		transform: i,
 		axis: t,
 		localPoint: s
 	}), t === "x" ? o !== a.scaleX : o !== a.scaleY;
 }
-function yc({ transform: e, axis: t, x: n, y: r }) {
+function ul({ transform: e, axis: t, x: n, y: r }) {
 	let i = e, { target: a } = i, { scaleX: o = 1, scaleY: s = 1 } = a;
-	if (bc({
+	if (dl({
 		transform: i,
 		x: n,
 		y: r
-	})) return xc({ transform: i }), !0;
+	})) return fl({ transform: i }), !0;
 	let c = x.getLocalPoint(i, i.originX, i.originY, n, r);
-	return Cc({ transform: i }), kc({
+	return ml({ transform: i }), bl({
 		transform: i,
 		axis: t,
 		localPoint: c
 	}), o !== a.scaleX || s !== a.scaleY;
 }
-function bc({ transform: e, x: t, y: n }) {
-	return Math.abs(t - e.ex) <= dc && Math.abs(n - e.ey) <= dc;
+function dl({ transform: e, x: t, y: n }) {
+	return Math.abs(t - e.ex) <= $c && Math.abs(n - e.ey) <= $c;
 }
-function xc({ transform: e }) {
+function fl({ transform: e }) {
 	e.target.set({
 		scaleX: e.original.scaleX,
 		scaleY: e.original.scaleY
 	});
 }
-function Sc({ transform: e, axis: t }) {
+function pl({ transform: e, axis: t }) {
 	if (t === "x") {
 		e.target.set("scaleX", e.original.scaleX);
 		return;
 	}
 	e.target.set("scaleY", e.original.scaleY);
 }
-function Cc({ transform: e }) {
-	let { signX: t, signY: n } = wc({ controlKey: e.corner });
+function ml({ transform: e }) {
+	let { signX: t, signY: n } = hl({ controlKey: e.corner });
 	e.signX === void 0 && (e.signX = t), e.signY === void 0 && (e.signY = n);
 }
-function wc({ controlKey: e }) {
+function hl({ controlKey: e }) {
 	return {
-		signX: Tc({ controlKey: e }),
-		signY: Ec({ controlKey: e })
+		signX: gl({ controlKey: e }),
+		signY: _l({ controlKey: e })
 	};
 }
-function Tc({ controlKey: e }) {
+function gl({ controlKey: e }) {
 	return e === "tl" || e === "bl" || e === "ml" ? -1 : 1;
 }
-function Ec({ controlKey: e }) {
+function _l({ controlKey: e }) {
 	return e === "tl" || e === "tr" || e === "mt" ? -1 : 1;
 }
-function Dc({ transform: e, localPoint: t }) {
-	let { target: n } = e, r = Ac({
+function vl({ transform: e, localPoint: t }) {
+	let { target: n } = e;
+	Sl({ transform: e });
+	let r = xl({
 		transform: e,
 		axis: "x",
 		localPoint: t
-	}), i = Ac({
+	}), i = xl({
 		transform: e,
 		axis: "y",
 		localPoint: t
 	});
-	n.lockScalingX || n.set("scaleX", r), n.lockScalingY || n.set("scaleY", i);
+	n.lockScalingX || n.set("scaleX", r.scale), n.lockScalingY || n.set("scaleY", i.scale), (r.sourceClamped || i.sourceClamped) && Cl({
+		transform: e,
+		preserveAspectRatio: !1
+	});
 }
-function Oc({ transform: e, axis: t, localPoint: n }) {
+function yl({ transform: e, axis: t, localPoint: n }) {
 	let { target: r } = e;
 	if (t === "x" && r.lockScalingX || t === "y" && r.lockScalingY) return;
-	let i = Ac({
+	Sl({ transform: e });
+	let i = xl({
 		transform: e,
 		axis: t,
 		localPoint: n
 	});
-	if (t === "x") {
-		r.set("scaleX", i);
-		return;
-	}
-	r.set("scaleY", i);
+	t === "x" ? r.set("scaleX", i.scale) : r.set("scaleY", i.scale), i.sourceClamped && Cl({
+		transform: e,
+		preserveAspectRatio: !1
+	});
 }
-function kc({ transform: e, axis: t, localPoint: n }) {
+function bl({ transform: e, axis: t, localPoint: n }) {
 	let { target: r } = e;
 	if (r.lockScalingX || r.lockScalingY) return;
-	let i = Ac({
+	let i = xl({
 		transform: e,
 		axis: t,
-		localPoint: n
-	}), a = t === "x" ? e.original.scaleX : e.original.scaleY, o = Fc({
+		localPoint: n,
+		constrainToSource: !1
+	}), a = t === "x" ? e.original.scaleX : e.original.scaleY, o = Nl({
 		target: r,
 		transform: e,
-		scale: a > 0 ? i / a : 1,
-		forceMinimum: Vc({
+		scale: a > 0 ? i.scale / a : 1,
+		forceMinimum: Bl({
 			transform: e,
 			axis: t,
 			localPoint: n
@@ -14790,173 +15288,254 @@ function kc({ transform: e, axis: t, localPoint: n }) {
 	});
 	r.set("scaleX", o.scaleX), r.set("scaleY", o.scaleY);
 }
-function Ac({ transform: e, axis: t, localPoint: n }) {
-	let { target: r } = e, i = Pc({ target: r }), a = Bc({ target: r }), o = t === "x" ? r.scaleX ?? 1 : r.scaleY ?? 1, s = t === "x" ? n.x : n.y, c = t === "x" ? i.x : i.y, l = t === "x" ? a.minScaleX : a.minScaleY, u = t === "x" ? a.maxScaleX : a.maxScaleY;
-	if (Vc({
+function xl({ transform: e, axis: t, localPoint: n, constrainToSource: r = !0 }) {
+	let { target: i } = e, a = Ml({ target: i }), o = zl({ target: i }), s = t === "x" ? i.scaleX ?? 1 : i.scaleY ?? 1, c = t === "x" ? e.original.scaleX : e.original.scaleY, l = t === "x" ? n.x : n.y, u = t === "x" ? a.x : a.y, d = t === "x" ? o.minScaleX : o.minScaleY, f = r ? Dl({
+		target: i,
+		transform: e,
+		axis: t
+	}) : null, p = El({
+		axis: t,
+		limits: o,
+		sourceMaximumScale: f
+	});
+	if (Bl({
 		transform: e,
 		axis: t,
 		localPoint: n
-	})) return l;
-	let d = Math.abs((s || 0) * o / c);
-	return hc({ transform: e }) && (d *= 2), Kc({
-		value: d,
-		min: l,
-		max: u
+	})) return {
+		scale: d,
+		sourceClamped: !1
+	};
+	let m = Math.abs((l || 0) * s / u);
+	ol({ transform: e }) && (m *= 2);
+	let h = Tl({
+		target: i,
+		axis: t,
+		scale: Gl({
+			value: m,
+			min: d,
+			max: p
+		}),
+		maximumScale: p,
+		sourceMaximumScale: f
 	});
+	return {
+		scale: h,
+		sourceClamped: wl({
+			scale: h,
+			maximumScale: p,
+			sourceMaximumScale: f,
+			originalScale: c
+		})
+	};
 }
-function jc({ transform: e, localPoint: t }) {
+function Sl({ transform: e }) {
+	e.cropSourceScaleClamped = !1, e.cropSourceBoundScale = null, e.cropSourceScalePreserveAspectRatio = void 0;
+}
+function Cl({ transform: e, preserveAspectRatio: t }) {
+	let { target: n } = e;
+	e.cropSourceScaleClamped = !0, e.cropSourceScalePreserveAspectRatio = t, e.cropSourceBoundScale = {
+		scaleX: n.scaleX ?? 1,
+		scaleY: n.scaleY ?? 1
+	};
+}
+function wl({ scale: e, maximumScale: t, sourceMaximumScale: n, originalScale: r }) {
+	return n === null || Math.abs(t - n) > nl || Math.abs(e - n) > nl ? !1 : Math.abs(Math.abs(r) - n) > nl;
+}
+function Tl({ target: e, axis: t, scale: n, maximumScale: r, sourceMaximumScale: i }) {
+	return i === null || Math.abs(r - i) > nl ? n : Ol({
+		target: e,
+		axis: t,
+		fromScale: n,
+		toScale: i
+	}) <= el + tl ? i : n;
+}
+function El({ axis: e, limits: t, sourceMaximumScale: n }) {
+	let r = e === "x" ? t.minScaleX : t.minScaleY, i = e === "x" ? t.maxScaleX : t.maxScaleY;
+	return n === null ? i : Math.max(r, Math.min(i, n));
+}
+function Dl({ target: e, transform: t, axis: n }) {
+	let r = Fl({
+		target: e,
+		transform: t
+	});
+	if (!r) return null;
+	let i = n === "x" ? t.original.scaleX : t.original.scaleY, a = qc({
+		sourceSize: r.sourceSize,
+		startRect: r.startRect,
+		axis: n,
+		anchor: Il({
+			transform: t,
+			axis: n
+		})
+	});
+	return Math.abs(i) * a;
+}
+function Ol({ target: e, axis: t, fromScale: n, toScale: r }) {
+	let i = e, a = t === "x" ? Math.abs(i.cropSourceScaleX ?? 1) || 1 : Math.abs(i.cropSourceScaleY ?? 1) || 1, o = t === "x" ? e.width : e.height;
+	return Math.abs(r - n) * Math.max(1, o) / a;
+}
+function kl({ transform: e, localPoint: t }) {
 	let { target: n } = e;
 	if (n.lockScalingX || n.lockScalingY) return;
-	let r = Fc({
+	let r = Nl({
 		target: n,
 		transform: e,
-		scale: Mc({
+		scale: Al({
 			transform: e,
 			localPoint: t,
-			dimensions: Pc({ target: n })
+			dimensions: Ml({ target: n })
 		}),
-		forceMinimum: Hc({
+		forceMinimum: Vl({
 			transform: e,
 			localPoint: t
 		})
 	});
 	n.set("scaleX", r.scaleX), n.set("scaleY", r.scaleY);
 }
-function Mc({ transform: e, localPoint: t, dimensions: n }) {
+function Al({ transform: e, localPoint: t, dimensions: n }) {
 	let r = "gestureScale" in e && typeof e.gestureScale == "number" ? e.gestureScale : null;
 	if (r !== null) return r;
-	let i = Math.abs(t.x) + Math.abs(t.y), a = Nc({
+	let i = Math.abs(t.x) + Math.abs(t.y), a = jl({
 		transform: e,
 		dimensions: n
 	}), o = a > 0 ? i / a : 1;
-	return hc({ transform: e }) && (o *= 2), o;
+	return ol({ transform: e }) && (o *= 2), o;
 }
-function Nc({ transform: e, dimensions: t }) {
+function jl({ transform: e, dimensions: t }) {
 	let { target: n, original: r } = e, i = n.scaleX ?? 1, a = n.scaleY ?? 1;
 	return Math.abs(t.x * r.scaleX / i) + Math.abs(t.y * r.scaleY / a);
 }
-function Pc({ target: e }) {
+function Ml({ target: e }) {
 	let t = Math.abs(e.scaleX ?? 1), n = Math.abs(e.scaleY ?? 1);
 	return {
 		x: Math.max(1, e.width * t),
 		y: Math.max(1, e.height * n)
 	};
 }
-function Fc({ target: e, transform: t, scale: n, forceMinimum: r }) {
-	let i = sc({
+function Nl({ target: e, transform: t, scale: n, forceMinimum: r }) {
+	let i = Wc({
 		frame: e,
 		scaleX: t.original.scaleX,
 		scaleY: t.original.scaleY
-	}), a = Math.max(Vs / i.width, Hs / i.height), o = Math.min(Us / i.width, Ws / i.height), s = Ic({
+	}), a = Math.max(wc / i.width, Tc / i.height), o = Math.min(Ec / i.width, Dc / i.height), s = Pl({
 		target: e,
 		transform: t
 	}), c = Math.max(a, Math.min(o, s ?? o));
-	t.cropSourceScaleClamped = !r && n > c;
+	t.cropSourceScaleClamped = !r && n > c, t.cropSourceScalePreserveAspectRatio = t.cropSourceScaleClamped;
 	let l = a;
-	return r || (l = Kc({
+	r || (l = Gl({
 		value: n,
 		min: a,
 		max: c
-	})), {
-		scaleX: t.original.scaleX * l,
-		scaleY: t.original.scaleY * l
+	}));
+	let u = t.original.scaleX * l, d = t.original.scaleY * l;
+	return t.cropSourceScaleClamped ? t.cropSourceBoundScale = {
+		scaleX: u,
+		scaleY: d
+	} : (t.cropSourceBoundScale = null, t.cropSourceScalePreserveAspectRatio = void 0), {
+		scaleX: u,
+		scaleY: d
 	};
 }
-function Ic({ target: e, transform: t }) {
-	let n = Lc({
+function Pl({ target: e, transform: t }) {
+	let n = Fl({
 		target: e,
 		transform: t
 	});
-	return n ? lc({
+	return n ? Kc({
 		sourceSize: n.sourceSize,
 		startRect: n.startRect,
-		anchorX: Rc({ transform: t }),
-		anchorY: zc({ transform: t })
+		anchorX: Ll({ transform: t }),
+		anchorY: Rl({ transform: t })
 	}) : null;
 }
-function Lc({ target: e, transform: t }) {
-	if (t.cropProportionalSourceBounds !== void 0) return t.cropProportionalSourceBounds;
+function Fl({ target: e, transform: t }) {
+	if (t.cropSourceScaleBounds !== void 0) return t.cropSourceScaleBounds;
 	let n = e;
-	return n.cropAllowFrameOverflow !== !1 || !n.cropSource ? (t.cropProportionalSourceBounds = null, null) : (t.cropProportionalSourceBounds = {
+	return n.cropAllowFrameOverflow !== !1 || !n.cropSource ? (t.cropSourceScaleBounds = null, null) : (t.cropSourceScaleBounds = {
 		sourceSize: Z({ source: n.cropSource }),
-		startRect: qs({
+		startRect: Ac({
 			source: n.cropSource,
 			frame: n
 		})
-	}, t.cropProportionalSourceBounds);
+	}, t.cropSourceScaleBounds);
+}
+function Il({ transform: e, axis: t }) {
+	return t === "x" ? Ll({ transform: e }) : Rl({ transform: e });
 }
-function Rc({ transform: e }) {
+function Ll({ transform: e }) {
 	return e.corner === "tl" || e.corner === "bl" || e.corner === "ml" ? "max" : e.corner === "tr" || e.corner === "br" || e.corner === "mr" || e.originX === "left" || e.originX === 0 ? "min" : e.originX === "right" || e.originX === 1 ? "max" : "center";
 }
-function zc({ transform: e }) {
+function Rl({ transform: e }) {
 	return e.corner === "tl" || e.corner === "tr" || e.corner === "mt" ? "max" : e.corner === "bl" || e.corner === "br" || e.corner === "mb" || e.originY === "top" || e.originY === 0 ? "min" : e.originY === "bottom" || e.originY === 1 ? "max" : "center";
 }
-function Bc({ target: e }) {
+function zl({ target: e }) {
 	let t = e, n = Math.abs(t.cropSourceScaleX ?? 1) || 1, r = Math.abs(t.cropSourceScaleY ?? 1) || 1, i = Math.max(1, e.width), a = Math.max(1, e.height);
 	return {
-		minScaleX: Vs * n / i,
-		maxScaleX: Us * n / i,
-		minScaleY: Hs * r / a,
-		maxScaleY: Ws * r / a
+		minScaleX: wc * n / i,
+		maxScaleX: Ec * n / i,
+		minScaleY: Tc * r / a,
+		maxScaleY: Dc * r / a
 	};
 }
-function Vc({ transform: e, axis: t, localPoint: n }) {
+function Bl({ transform: e, axis: t, localPoint: n }) {
 	let { target: r } = e;
 	if (!r.lockScalingFlip) return !1;
 	let i = t === "x" ? e.signX ?? 1 : e.signY ?? 1, a = t === "x" ? n.x : n.y;
 	return i !== Math.sign(a || i);
 }
-function Hc({ transform: e, localPoint: t }) {
-	return Vc({
+function Vl({ transform: e, localPoint: t }) {
+	return Bl({
 		transform: e,
 		axis: "x",
 		localPoint: t
-	}) || Vc({
+	}) || Bl({
 		transform: e,
 		axis: "y",
 		localPoint: t
 	});
 }
-function Uc({ eventData: e, target: t }) {
+function Hl({ eventData: e, target: t }) {
 	let n = t.preserveAspectRatio ?? !0;
 	return e.shiftKey ? !n : n;
 }
-function Wc() {
-	let e = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => gc({
+function Ul() {
+	let e = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => sl({
 		transform: t,
 		x: n,
 		y: r
-	}))), t = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => _c({
+	}))), t = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((e, t, n, r) => cl({
 		transform: t,
 		x: n,
 		y: r
 	})));
-	return (n, r, i, a) => Uc({
+	return (n, r, i, a) => Hl({
 		eventData: n,
 		target: r.target
 	}) ? t(n, r, i, a) : e(n, r, i, a);
 }
-function Gc({ axis: e }) {
-	let t = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((t, n, r, i) => vc({
+function Wl({ axis: e }) {
+	let t = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((t, n, r, i) => ll({
 		transform: n,
 		axis: e,
 		x: r,
 		y: i
-	}))), n = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((t, n, r, i) => yc({
+	}))), n = x.wrapWithFireEvent("scaling", x.wrapWithFixedAnchor((t, n, r, i) => ul({
 		transform: n,
 		axis: e,
 		x: r,
 		y: i
 	})));
-	return (e, r, i, a) => Uc({
+	return (e, r, i, a) => Hl({
 		eventData: e,
 		target: r.target
 	}) ? n(e, r, i, a) : t(e, r, i, a);
 }
-function Kc({ value: e, min: t, max: n }) {
+function Gl({ value: e, min: t, max: n }) {
 	return Math.max(t, Math.min(n, e));
 }
-function qc({ control: e, actionHandler: t, cursorStyleHandler: n, getActionName: i }) {
+function Kl({ control: e, actionHandler: t, cursorStyleHandler: n, getActionName: i }) {
 	let a = {
 		...e,
 		actionHandler: t
@@ -14965,55 +15544,55 @@ function qc({ control: e, actionHandler: t, cursorStyleHandler: n, getActionName
 	let o = new r(a);
 	return o.cropResizeControl = !0, o;
 }
-function Jc({ controlKey: e }) {
-	return mc[e];
+function ql({ controlKey: e }) {
+	return al[e];
 }
-function Yc({ axis: e }) {
+function Jl({ axis: e }) {
 	return e === "x" ? "scaleX" : "scaleY";
 }
-function Xc({ target: e }) {
-	let t = { ...e.controls }, n = !1, r = Wc(), i = Gc({ axis: "x" }), a = Gc({ axis: "y" });
-	fc.forEach((i) => {
+function Yl({ target: e }) {
+	let t = { ...e.controls }, n = !1, r = Ul(), i = Wl({ axis: "x" }), a = Wl({ axis: "y" });
+	rl.forEach((i) => {
 		let a = e.controls[i];
-		a && (a.cropResizeControl || (t[i] = qc({
+		a && (a.cropResizeControl || (t[i] = Kl({
 			control: a,
 			actionHandler: r
 		}), n = !0));
-	}), pc.forEach((r) => {
+	}), il.forEach((r) => {
 		let o = e.controls[r];
 		if (!o || o.cropResizeControl) return;
 		let s = r === "ml" || r === "mr", c = s ? i : a, l = s ? "x" : "y";
-		t[r] = qc({
+		t[r] = Kl({
 			control: o,
 			actionHandler: c,
-			cursorStyleHandler: () => Jc({ controlKey: r }),
-			getActionName: () => Yc({ axis: l })
+			cursorStyleHandler: () => ql({ controlKey: r }),
+			getActionName: () => Jl({ axis: l })
 		}), n = !0;
 	}), n && (e.controls = t);
 }
 //#endregion
 //#region src/editor/crop-manager/domain/crop-frame.ts
-var Zc = "rgba(47, 128, 237, 0.42)", Qc = class extends _ {
+var Xl = "rgba(47, 128, 237, 0.42)", Zl = class extends _ {
 	constructor(e) {
 		let { showGrid: t, source: n = null, allowFrameOverflow: r = !0, sourceScaleX: i = 1, sourceScaleY: a = 1, preserveAspectRatio: o = !0, ...s } = e;
 		super(s), this._showGrid = t, this.cropSource = n, this.cropAllowFrameOverflow = r, this.cropSourceScaleX = i, this.cropSourceScaleY = a, this.preserveAspectRatio = o;
 	}
 	_render(e) {
-		super._render(e), this._showGrid && el({
+		super._render(e), this._showGrid && $l({
 			ctx: e,
 			width: this.width,
 			height: this.height
 		});
 	}
 	getObjectDisplaySize() {
-		return sc({ frame: this });
+		return Wc({ frame: this });
 	}
 	getObjectSnappingBounds() {
-		return nl({ frame: this });
+		return tu({ frame: this });
 	}
 };
-function $c({ source: e, cropSize: t, showGrid: n, allowFrameOverflow: r, preserveAspectRatio: i }) {
-	let a = e.getCenterPoint(), o = e.scaleX ?? 1, s = e.scaleY ?? 1, c = new Qc({
+function Ql({ source: e, cropSize: t, showGrid: n, allowFrameOverflow: r, preserveAspectRatio: i }) {
+	let a = e.getCenterPoint(), o = e.scaleX ?? 1, s = e.scaleY ?? 1, c = new Zl({
 		id: `crop-frame-${D()}`,
 		left: a.x,
 		top: a.y,
@@ -15045,18 +15624,18 @@ function $c({ source: e, cropSize: t, showGrid: n, allowFrameOverflow: r, preser
 		sourceScaleX: o,
 		sourceScaleY: s
 	});
-	return c.setControlsVisibility({ mtr: !1 }), Xc({ target: c }), c;
+	return c.setControlsVisibility({ mtr: !1 }), Yl({ target: c }), c;
 }
-function el({ ctx: e, width: t, height: n }) {
+function $l({ ctx: e, width: t, height: n }) {
 	if (!(t <= 0 || n <= 0)) {
-		e.save(), e.strokeStyle = Zc, e.lineWidth = 1, e.setLineDash([]);
+		e.save(), e.strokeStyle = Xl, e.lineWidth = 1, e.setLineDash([]);
 		for (let r = 1; r <= 2; r += 1) {
 			let i = -t / 2 + t * r / 3, a = -n / 2 + n * r / 3;
-			tl({
+			eu({
 				ctx: e,
 				x: i,
 				height: n
-			}), il({
+			}), ru({
 				ctx: e,
 				y: a,
 				width: t
@@ -15065,19 +15644,19 @@ function el({ ctx: e, width: t, height: n }) {
 		e.restore();
 	}
 }
-function tl({ ctx: e, x: t, height: n }) {
+function eu({ ctx: e, x: t, height: n }) {
 	e.beginPath(), e.moveTo(t, -n / 2), e.lineTo(t, n / 2), e.stroke();
 }
-function nl({ frame: e }) {
+function tu({ frame: e }) {
 	let t = e.calcTransformMatrix(), n = e.width / 2, r = e.height / 2;
-	return rl({ points: [
+	return nu({ points: [
 		new m(-n, -r),
 		new m(n, -r),
 		new m(n, r),
 		new m(-n, r)
 	].map((e) => e.transform(t)) });
 }
-function rl({ points: e }) {
+function nu({ points: e }) {
 	let t = Math.min(...e.map((e) => e.x)), n = Math.max(...e.map((e) => e.x)), r = Math.min(...e.map((e) => e.y)), i = Math.max(...e.map((e) => e.y));
 	return {
 		left: t,
@@ -15088,18 +15667,18 @@ function rl({ points: e }) {
 		centerY: r + (i - r) / 2
 	};
 }
-function il({ ctx: e, y: t, width: n }) {
+function ru({ ctx: e, y: t, width: n }) {
 	e.beginPath(), e.moveTo(-n / 2, t), e.lineTo(n / 2, t), e.stroke();
 }
 //#endregion
 //#region src/editor/crop-manager/domain/crop-result.ts
-function al({ session: e }) {
-	return e.mode === "canvas" ? cl({ session: e }) : ll({
+function iu({ session: e }) {
+	return e.mode === "canvas" ? su({ session: e }) : cu({
 		target: e.target,
 		frame: e.frame
 	});
 }
-function ol({ rect: e }) {
+function au({ rect: e }) {
 	return {
 		left: Math.round(e.left),
 		top: Math.round(e.top),
@@ -15107,11 +15686,11 @@ function ol({ rect: e }) {
 		height: Math.round(e.height)
 	};
 }
-function sl({ rect: e }) {
-	return e.width >= Gs && e.height >= Gs;
+function ou({ rect: e }) {
+	return e.width >= Oc && e.height >= Oc;
 }
-function cl({ session: e }) {
-	let t = qs({
+function su({ session: e }) {
+	let t = Ac({
 		source: e.source,
 		frame: e.frame
 	}), n = Z({ source: e.source });
@@ -15122,8 +15701,8 @@ function cl({ session: e }) {
 		height: t.height
 	};
 }
-function ll({ target: e, frame: t }) {
-	let n = qs({
+function cu({ target: e, frame: t }) {
+	let n = Ac({
 		source: e,
 		frame: t
 	}), r = -e.width / 2, i = -e.height / 2;
@@ -15136,8 +15715,8 @@ function ll({ target: e, frame: t }) {
 }
 //#endregion
 //#region src/editor/crop-manager/mutation/crop-apply.ts
-function ul({ editor: e, frame: t, rect: n }) {
-	return sl({ rect: n }) ? (vl({
+function lu({ editor: e, frame: t, rect: n }) {
+	return ou({ rect: n }) ? (_u({
 		editor: e,
 		frame: t,
 		offset: new m(-n.left, -n.top)
@@ -15147,9 +15726,9 @@ function ul({ editor: e, frame: t, rect: n }) {
 		rect: n
 	}) : null;
 }
-function dl({ editor: e, target: t, frame: n, rect: r }) {
-	if (!sl({ rect: r })) return null;
-	let i = fl({
+function uu({ editor: e, target: t, frame: n, rect: r }) {
+	if (!ou({ rect: r })) return null;
+	let i = du({
 		target: t,
 		frame: n,
 		rect: r
@@ -15160,21 +15739,21 @@ function dl({ editor: e, target: t, frame: n, rect: r }) {
 		rect: i
 	}) : null;
 }
-function fl({ target: e, frame: t, rect: n }) {
-	let r = Math.max(Gs, n.width), i = Math.max(Gs, n.height), a = {
+function du({ target: e, frame: t, rect: n }) {
+	let r = Math.max(Oc, n.width), i = Math.max(Oc, n.height), a = {
 		width: r,
 		height: i
 	};
-	if (pl({
+	if (fu({
 		target: e,
 		rect: n
-	})) ml({
+	})) pu({
 		target: e,
 		size: a,
 		rect: n
 	});
 	else {
-		let t = hl({
+		let t = mu({
 			target: e,
 			size: a,
 			rect: n
@@ -15194,10 +15773,10 @@ function fl({ target: e, frame: t, rect: n }) {
 		height: i
 	};
 }
-function pl({ target: e, rect: t }) {
+function fu({ target: e, rect: t }) {
 	return t.left >= 0 && t.top >= 0 && t.left + t.width <= e.width && t.top + t.height <= e.height;
 }
-function ml({ target: e, size: t, rect: n }) {
+function pu({ target: e, size: t, rect: n }) {
 	let r = (e.cropX ?? 0) + n.left, i = (e.cropY ?? 0) + n.top;
 	e.set({
 		cropX: r,
@@ -15206,25 +15785,25 @@ function ml({ target: e, size: t, rect: n }) {
 		height: t.height
 	});
 }
-function hl({ target: e, size: t, rect: n }) {
-	let r = e.getElement(), i = gl({ target: e });
+function mu({ target: e, size: t, rect: n }) {
+	let r = e.getElement(), i = hu({ target: e });
 	if (!r || !i) return null;
 	let a = i.createElement("canvas");
 	a.width = Math.round(t.width), a.height = Math.round(t.height);
 	let o = a.getContext("2d");
 	if (!o) return null;
-	let s = _l({
+	let s = gu({
 		target: e,
 		size: t,
 		rect: n
 	});
 	return s && o.drawImage(r, s.sourceX, s.sourceY, s.sourceWidth, s.sourceHeight, s.destinationX, s.destinationY, s.sourceWidth, s.sourceHeight), a;
 }
-function gl({ target: e }) {
+function hu({ target: e }) {
 	let t = e.canvas?.getElement();
 	return t?.ownerDocument ? t.ownerDocument : typeof document < "u" ? document : null;
 }
-function _l({ target: e, size: t, rect: n }) {
+function gu({ target: e, size: t, rect: n }) {
 	let r = Math.max(0, n.left), i = Math.max(0, n.top), a = Math.min(e.width, n.left + t.width), o = Math.min(e.height, n.top + t.height), s = a - r, c = o - i;
 	return s <= 0 || c <= 0 ? null : {
 		sourceX: (e.cropX ?? 0) + r,
@@ -15235,7 +15814,7 @@ function _l({ target: e, size: t, rect: n }) {
 		destinationY: i - n.top
 	};
 }
-function vl({ editor: e, frame: t, offset: n }) {
+function _u({ editor: e, frame: t, offset: n }) {
 	e.canvasManager.getObjects().forEach((e) => {
 		e !== t && (e.set({
 			left: (e.left ?? 0) + n.x,
@@ -15245,12 +15824,12 @@ function vl({ editor: e, frame: t, offset: n }) {
 }
 //#endregion
 //#region src/editor/crop-manager/index.ts
-var yl = {
+var vu = {
 	allowFrameOverflow: !0,
 	showGrid: !0,
 	cancelOnSelectionClear: !0,
 	preserveAspectRatio: !0
-}, bl = class {
+}, yu = .5, bu = class {
 	constructor({ editor: e }) {
 		this._handleCropFrameChanged = (e) => {
 			let { _session: t } = this;
@@ -15261,7 +15840,10 @@ var yl = {
 			});
 			this._clampFrameIfNeeded({
 				session: t,
-				preserveAspectRatio: this._isSourceScaleClamped({ event: e })
+				preserveAspectRatio: this._shouldPreserveAspectRatioOnFrameClamp({
+					session: t,
+					event: e
+				})
 			}), n || this._rememberSourceBoundFrameIfNeeded({
 				session: t,
 				event: e
@@ -15286,18 +15868,22 @@ var yl = {
 			frame: e.frame,
 			options: e.options,
 			target: e.target,
-			rect: al({ session: e })
+			rect: iu({ session: e })
 		} : null;
 	}
 	isFrameOverflowingSource({ target: e }) {
 		let { _session: t } = this;
 		if (!t || !e || t.options.allowFrameOverflow || t.frame !== e) return !1;
-		let n = qs({
+		let n = Ac({
 			source: t.source,
 			frame: t.frame
-		}), r = Z({ source: t.source }), i = -r.width / 2, a = -r.height / 2, o = r.width / 2, s = r.height / 2;
+		}), r = Z({ source: t.source }), i = -r.width / 2 - yu, a = -r.height / 2 - yu, o = r.width / 2 + yu, s = r.height / 2 + yu;
 		return n.left < i || n.top < a || n.left + n.width > o || n.top + n.height > s;
 	}
+	isFrameSourceScaleClamped({ target: e, transform: t }) {
+		let { _session: n } = this;
+		return !n || !e || !t || n.frame !== e ? !1 : t.cropSourceScaleClamped === !0;
+	}
 	startCanvasCrop(e = {}) {
 		this.cancel();
 		let t = this._createCanvasSession({
@@ -15320,7 +15906,7 @@ var yl = {
 	setAspectRatio({ aspectRatio: e }) {
 		let { _session: t } = this;
 		if (!t) return null;
-		let n = Ks({
+		let n = kc({
 			sourceSize: Z({ source: t.source }),
 			aspectRatio: e ?? void 0,
 			allowOverflow: t.options.allowFrameOverflow
@@ -15333,7 +15919,7 @@ var yl = {
 	setSize({ size: e }) {
 		let { _session: t } = this;
 		if (!t) return null;
-		let n = Ks({
+		let n = kc({
 			sourceSize: Z({ source: t.source }),
 			size: e,
 			allowOverflow: t.options.allowFrameOverflow
@@ -15411,16 +15997,16 @@ var yl = {
 	}
 	_resolveSessionOptions({ options: e }) {
 		return {
-			allowFrameOverflow: e.allowFrameOverflow ?? yl.allowFrameOverflow,
-			showGrid: e.showGrid ?? yl.showGrid,
-			cancelOnSelectionClear: e.cancelOnSelectionClear ?? yl.cancelOnSelectionClear,
-			preserveAspectRatio: e.preserveAspectRatio ?? yl.preserveAspectRatio
+			allowFrameOverflow: e.allowFrameOverflow ?? vu.allowFrameOverflow,
+			showGrid: e.showGrid ?? vu.showGrid,
+			cancelOnSelectionClear: e.cancelOnSelectionClear ?? vu.cancelOnSelectionClear,
+			preserveAspectRatio: e.preserveAspectRatio ?? vu.preserveAspectRatio
 		};
 	}
 	_createCropFrameForSource({ source: e, options: t, sessionOptions: n }) {
-		return $c({
+		return Ql({
 			source: e,
-			cropSize: Ks({
+			cropSize: kc({
 				sourceSize: Z({ source: e }),
 				size: t.size,
 				aspectRatio: t.aspectRatio,
@@ -15432,7 +16018,7 @@ var yl = {
 		});
 	}
 	_setFramePreserveAspectRatio({ frame: e, preserveAspectRatio: t }) {
-		if (!(e instanceof Qc)) throw Error("Crop session frame должен быть CropFrame");
+		if (!(e instanceof Zl)) throw Error("Crop session frame должен быть CropFrame");
 		e.preserveAspectRatio = t;
 	}
 	_activateSession({ session: e }) {
@@ -15452,10 +16038,24 @@ var yl = {
 		this.editor.canvas.off("mouse:down:before", this._handleCanvasMouseDownBefore), this.editor.canvas.off("selection:cleared", this._handleCanvasSelectionChanged), this.editor.canvas.off("selection:updated", this._handleCanvasSelectionChanged);
 	}
 	_restoreSourceBoundFrameIfNeeded({ session: e, event: t }) {
-		return this._isSourceScaleClamped({ event: t }) ? e.sourceBoundFrameState ? (this._applyFrameTransformState({
+		if (!this._isSourceScaleClamped({ event: t })) return e.sourceBoundFrameState = null, !1;
+		let n = e.sourceBoundFrameState ?? this._getSourceBoundFrameStateFromEvent({
 			session: e,
-			state: e.sourceBoundFrameState
-		}), !0) : !1 : (e.sourceBoundFrameState = null, !1);
+			event: t
+		});
+		return n ? (this._applyFrameTransformState({
+			session: e,
+			state: n
+		}), !0) : !1;
+	}
+	_getSourceBoundFrameStateFromEvent({ session: e, event: t }) {
+		let n = t?.transform?.cropSourceBoundScale;
+		return !n || !Number.isFinite(n.scaleX) || !Number.isFinite(n.scaleY) ? null : {
+			left: e.frame.left,
+			top: e.frame.top,
+			scaleX: n.scaleX,
+			scaleY: n.scaleY
+		};
 	}
 	_rememberSourceBoundFrameIfNeeded({ session: e, event: t }) {
 		if (!this._isSourceScaleClamped({ event: t })) {
@@ -15467,6 +16067,9 @@ var yl = {
 	_isSourceScaleClamped({ event: e }) {
 		return e?.transform?.cropSourceScaleClamped === !0;
 	}
+	_shouldPreserveAspectRatioOnFrameClamp({ session: e, event: t }) {
+		return this._isSourceScaleClamped({ event: t }) ? t?.transform?.cropSourceScalePreserveAspectRatio ?? !0 : t?.e?.shiftKey ? !e.options.preserveAspectRatio : e.options.preserveAspectRatio;
+	}
 	_getFrameTransformState({ session: e }) {
 		return {
 			left: e.frame.left,
@@ -15523,25 +16126,25 @@ var yl = {
 	_clampFrameIfNeeded({ session: e, preserveAspectRatio: t = !1 }) {
 		if (!e.options.allowFrameOverflow) {
 			if (t) {
-				Ys({
+				Mc({
 					source: e.source,
 					frame: e.frame
 				});
 				return;
 			}
-			Js({
+			jc({
 				source: e.source,
 				frame: e.frame
 			});
 		}
 	}
 	_applySessionCrop({ session: e }) {
-		let t = ol({ rect: al({ session: e }) });
-		return e.mode === "canvas" ? ul({
+		let t = au({ rect: iu({ session: e }) });
+		return e.mode === "canvas" ? lu({
 			editor: this.editor,
 			frame: e.frame,
 			rect: t
-		}) : dl({
+		}) : uu({
 			editor: this.editor,
 			target: e.target,
 			frame: e.frame,
@@ -15589,7 +16192,7 @@ var yl = {
 		this.editor.errorManager.emitError({
 			origin: "CropManager",
 			method: "startImageCrop",
-			code: X.CROP_MANAGER.INVALID_IMAGE_TARGET,
+			code: Ja.CROP_MANAGER.INVALID_IMAGE_TARGET,
 			message: "Для кропа изображения нужно выбрать raster image объект.",
 			data: {
 				targetType: e?.type,
@@ -15601,7 +16204,7 @@ var yl = {
 		this.editor.errorManager.emitError({
 			origin: "CropManager",
 			method: "startImageCrop",
-			code: X.CROP_MANAGER.LOCKED_IMAGE_TARGET,
+			code: Ja.CROP_MANAGER.LOCKED_IMAGE_TARGET,
 			message: "Заблокированное изображение нельзя обрезать.",
 			data: {
 				targetType: e.type,
@@ -15609,13 +16212,13 @@ var yl = {
 			}
 		});
 	}
-}, xl = class e {
+}, xu = 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, showObjectSizeOnScale: d, showViewportScrollbars: f, _onReadyCallback: p } = this.options;
-		if (ve.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new ee(), this.workerManager = new ne(), this.errorManager = new Ja({ editor: this }), this.historyManager = new Ut({ editor: this }), this.toolbar = new at({ editor: this }), this.transformManager = new en({ editor: this }), this.zoomManager = new tn({ editor: this }), this.canvasManager = new $t({ editor: this }), this.imageManager = new Yt({ editor: this }), this.layerManager = new Vn({ editor: this }), this.shapeManager = new Va({ editor: this }), this.interactionBlocker = new zn({ editor: this }), this.backgroundManager = new Bn({ editor: this }), this.clipboardManager = new Ua({ editor: this }), this.objectLockManager = new Wa({ editor: this }), this.groupingManager = new Ga({ editor: this }), this.selectionManager = new Ka({ editor: this }), this.deletionManager = new qa({ editor: this }), this.panConstraintManager = new Xa({ editor: this }), this.snappingManager = new Rs({ editor: this }), this.measurementManager = new Bs({ editor: this }), this.fontManager = new ye(this.options.fonts ?? []), this.textManager = new _o({ editor: this }), this.templateManager = new So({ editor: this }), this.cropManager = new bl({ editor: this }), u && (this.angleIndicator = new lt({ editor: this })), d && (this.objectSizeIndicator = new dt({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new F({
+		if (ve.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new ee(), this.workerManager = new ne(), this.errorManager = new Ya({ editor: this }), this.historyManager = new Ut({ editor: this }), this.toolbar = new at({ editor: this }), this.transformManager = new en({ editor: this }), this.zoomManager = new tn({ editor: this }), this.canvasManager = new $t({ editor: this }), this.imageManager = new Yt({ editor: this }), this.layerManager = new Vn({ editor: this }), this.shapeManager = new Va({ editor: this }), this.interactionBlocker = new zn({ editor: this }), this.backgroundManager = new Bn({ editor: this }), this.clipboardManager = new Ua({ editor: this }), this.objectLockManager = new Wa({ editor: this }), this.groupingManager = new Ga({ editor: this }), this.selectionManager = new Ka({ editor: this }), this.deletionManager = new qa({ editor: this }), this.panConstraintManager = new Za({ editor: this }), this.snappingManager = new xc({ editor: this }), this.measurementManager = new Cc({ editor: this }), this.fontManager = new ye(this.options.fonts ?? []), this.textManager = new _o({ editor: this }), this.templateManager = new So({ editor: this }), this.cropManager = new bu({ editor: this }), u && (this.angleIndicator = new lt({ editor: this })), d && (this.objectSizeIndicator = new dt({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new F({
 			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(), f && (this.viewportScrollbars = new _t({ editor: this })), await this.fontManager.loadFonts(), c) {
@@ -15723,7 +16326,7 @@ var yl = {
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), Sl = {
+].join(", "), Su = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -16581,20 +17184,20 @@ var yl = {
 };
 //#endregion
 //#region src/main.ts
-function Cl(e, t = {}) {
+function Cu(e, t = {}) {
 	let n = {
-		...Sl,
+		...Su,
 		...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 xl(i.id, n);
+		let r = new xu(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { Cl as default };
+export { Cu as default };
 
 //# sourceMappingURL=main.js.map