@anu3ev/fabric-image-editor 0.9.20 → 0.9.21

package/dist/main.js

@@ -16412,16 +16412,14 @@ var dd = {
 		this._handleCropFrameChanged = (e) => {
 			let { _session: t } = this;
 			if (!t) return;
+			t.effectivePreserveAspectRatio = this._getEffectivePreserveAspectRatio(e);
 			let n = this._restoreSourceBoundFrameIfNeeded({
 				session: t,
 				event: e
 			});
 			this._clampFrameIfNeeded({
 				session: t,
-				preserveAspectRatio: this._shouldPreserveAspectRatioOnFrameClamp({
-					session: t,
-					event: e
-				})
+				preserveAspectRatio: t.effectivePreserveAspectRatio
 			}), this._restoreFrameScaleAnchorFromEventIfNeeded({
 				session: t,
 				event: e
@@ -16457,6 +16455,13 @@ var dd = {
 			})
 		};
 	}
+	get effectivePreserveAspectRatio() {
+		return this._session?.effectivePreserveAspectRatio ?? !0;
+	}
+	_getEffectivePreserveAspectRatio(e) {
+		let { _session: t } = this;
+		return t ? this._isSourceScaleClamped({ event: e }) ? e?.transform?.cropSourceScalePreserveAspectRatio ?? !0 : e?.e?.shiftKey ? !t.options.preserveAspectRatio : t.options.preserveAspectRatio : !0;
+	}
 	isFrameOverflowingSource({ target: e }) {
 		let { _session: t } = this;
 		if (!t || !e || t.options.allowFrameOverflow || t.frame !== e) return !1;
@@ -16545,7 +16550,7 @@ var dd = {
 	}
 	setPreserveAspectRatio({ preserveAspectRatio: e }) {
 		let { _session: t } = this;
-		return t ? (t.options.preserveAspectRatio = e, this._setFramePreserveAspectRatio({
+		return t ? (t.options.preserveAspectRatio = e, t.effectivePreserveAspectRatio = e, this._setFramePreserveAspectRatio({
 			frame: t.frame,
 			preserveAspectRatio: e
 		}), this.editor.canvas.requestRenderAll(), this.getState()) : null;
@@ -16589,7 +16594,8 @@ var dd = {
 			options: n,
 			previousActiveObject: this.editor.canvas.getActiveObject() ?? null,
 			interactivity: [],
-			sourceBoundFrameState: null
+			sourceBoundFrameState: null,
+			effectivePreserveAspectRatio: n.preserveAspectRatio
 		};
 	}
 	_createImageSession({ target: e, options: t }) {
@@ -16606,7 +16612,8 @@ var dd = {
 			options: n,
 			previousActiveObject: this.editor.canvas.getActiveObject() ?? null,
 			interactivity: [],
-			sourceBoundFrameState: null
+			sourceBoundFrameState: null,
+			effectivePreserveAspectRatio: n.preserveAspectRatio
 		};
 	}
 	_resolveSessionOptions({ options: e }) {
@@ -16804,9 +16811,6 @@ var dd = {
 	_getTransformAnchorY({ 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";
 	}
-	_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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.9.20",
+  "version": "0.9.21",
   "description": "TypeScript image editor library built on FabricJS, allowing you to create instances with an integrated montage area and providing an API to modify and manage state.",
   "module": "dist/main.js",
   "files": [