@anu3ev/fabric-image-editor 0.8.10 → 0.8.11

package/dist/main.js

@@ -3322,7 +3322,7 @@ var Nt = class {
 				});
 				let r = new e(t, { canvas: a });
 				a.setActiveObject(r);
-			} else this._fitSingleObject(s, n);
+			} else this._fitSingleObject(s, n), s instanceof e && i && this._materializeFittedSelection({ selection: s });
 			a.renderAll(), r || o.saveState(), a.fire("editor:object-fitted", {
 				object: s,
 				type: n,
@@ -3336,7 +3336,26 @@ var Nt = class {
 		v = t === "contain" ? Math.min(g / m, _ / h) : Math.max(g / m, _ / h), e.set({
 			scaleX: o * v,
 			scaleY: s * v
-		}), n.centerObjectToMontageArea({ object: e });
+		}), n.centerObjectToMontageArea({ object: e }), this._materializeFittedObject({ object: e }) || e.setCoords?.();
+	}
+	_materializeFittedObject({ object: e }) {
+		let { shapeManager: t, textManager: n } = this.editor, r = { target: e };
+		e.shapeComposite === !0 && (r.textScale = Math.abs(e.scaleX ?? 1) || 1);
+		let i = n.commitStandaloneTextScale({ target: e }), a = t.commitRehydratedShapeLayout(r);
+		return i || a;
+	}
+	_requiresFittedObjectMaterialization({ object: e }) {
+		let t = e.type === "textbox" || e.type === "background-textbox", n = "shapeComposite" in e && e.shapeComposite === !0;
+		return t || n;
+	}
+	_materializeFittedSelection({ selection: t }) {
+		let { canvas: n } = this.editor, r = t.getObjects();
+		if (!r.some((e) => this._requiresFittedObjectMaterialization({ object: e }))) return;
+		n.discardActiveObject(), r.forEach((e) => {
+			this._materializeFittedObject({ object: e }) || e.setCoords?.();
+		});
+		let i = new e(r, { canvas: n });
+		n.setActiveObject(i);
 	}
 	resetObjects() {
 		this.editor.canvasManager.getObjects().forEach((e) => {

package/package.json

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