@anu3ev/fabric-image-editor 0.9.11 → 0.9.12

package/dist/main.js

@@ -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

package/package.json

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