@anu3ev/fabric-image-editor 0.9.11 → 0.9.13

package/dist/main.js

@@ -278,7 +278,7 @@ var E = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", D =
 	}
 	handleResetObjectFit(e) {
 		let { target: t, e: n } = e;
-		n && (n.ctrlKey || n.metaKey) || !t || t instanceof v || t.shapeComposite || this.editor.transformManager.resetObject({ object: t });
+		n && (n.ctrlKey || n.metaKey) || this.editor.cropManager.resetFrameToSource({ target: t }) || !t || t instanceof v || t.shapeComposite || this.editor.transformManager.resetObject({ object: t });
 	}
 	_shouldIgnoreKeyboardEvent(e) {
 		let t = document.activeElement, n = e.target, r = [
@@ -3955,6 +3955,14 @@ var $t = class {
 		}
 		return !1;
 	}
+	_constrainViewportToPanBounds() {
+		let { canvas: e, montageArea: t, panConstraintManager: n } = this.editor, r = e.viewportTransform;
+		n.updateBounds();
+		let i = n.constrainPan(r[4], r[5]);
+		if (!(i.x !== r[4] || i.y !== r[5])) return;
+		let a = [...r];
+		a[4] = i.x, a[5] = i.y, e.setViewportTransform(a), t.setCoords();
+	}
 	updateDefaultZoom(e = this.options.defaultScale) {
 		return this.defaultZoom = this._calculateDefaultZoom(e), this.defaultZoom;
 	}
@@ -3998,7 +4006,7 @@ var $t = class {
 		let { minZoom: n, maxZoom: r } = this, { canvas: i } = this.editor, a = e < 0, o = i.getZoom(), s = i.getCenterPoint(), c = new m(t.pointX ?? s.x, t.pointY ?? s.y);
 		this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
 		let l = o + Number(e);
-		l > r && (l = r), l < n && (l = n), i.zoomToPoint(c, l), this.editor.panConstraintManager.updateBounds(), this._applyViewportCentering(l, a, e), i.fire("editor:zoom-changed", {
+		l > r && (l = r), l < n && (l = n), i.zoomToPoint(c, l), this._applyViewportCentering(l, a, e), this._constrainViewportToPanBounds(), i.fire("editor:zoom-changed", {
 			currentZoom: i.getZoom(),
 			zoom: l,
 			point: c
@@ -15129,6 +15137,15 @@ var Fc = {
 			size: n
 		}), this.getState();
 	}
+	resetFrameToSource({ target: e }) {
+		let { _session: t } = this;
+		if (!t || t.frame !== e) return null;
+		let n = Cs({ source: t.source });
+		return this._applyFrameSize({
+			session: t,
+			size: n
+		}), this.getState();
+	}
 	apply() {
 		let { _session: e } = this;
 		if (!e) return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.9.11",
+  "version": "0.9.13",
   "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": [