@anu3ev/fabric-image-editor 0.8.23 → 0.8.24

package/dist/main.js

@@ -10785,11 +10785,14 @@ var pa = {
 		});
 	}
 	_applyPostStyleLayout({ textbox: e, placement: t, style: n, styleMaps: r, contentUpdate: i, contentPlacement: a, syncLineStylesWithText: o }) {
-		let s = e.text ?? "", c = this._hasBackgroundStyleUpdate({ style: n }), l = this._resolveShouldAutoExpand({
+		let s = e.text ?? "", c = this._hasBackgroundStyleUpdate({ style: n }), l = this._shouldRefreshDimensions({
+			contentUpdate: i,
+			styleMaps: r
+		}), u = this._resolveShouldAutoExpand({
 			textbox: e,
 			style: n,
 			styleMaps: r,
-			contentUpdate: i
+			shouldRefreshDimensions: l
 		});
 		c && (e.dirty = !0), this._applyAutoExpandPreference({
 			textbox: e,
@@ -10802,7 +10805,8 @@ var pa = {
 		}), this.runtime.normalizeTextboxAfterContentChange({
 			textbox: e,
 			placement: t,
-			shouldAutoExpand: l
+			shouldAutoExpand: u,
+			shouldRefreshDimensions: l
 		}), a && this.runtime.restoreTextboxContentPlacement({
 			textbox: e,
 			contentPlacement: a
@@ -10822,14 +10826,16 @@ var pa = {
 			e.radiusBottomLeft
 		].some((e) => e !== void 0);
 	}
-	_resolveShouldAutoExpand({ textbox: e, style: t, styleMaps: n, contentUpdate: r }) {
-		let i = t.autoExpand ?? e.autoExpand, a = aa({ stylesList: [
-			n.updates,
-			n.selectionStyles,
-			n.lineSelectionStyles,
-			n.wholeTextStyles
+	_resolveShouldAutoExpand({ textbox: e, style: t, styleMaps: n, shouldRefreshDimensions: r }) {
+		return (t.autoExpand ?? e.autoExpand) !== !1 && !Object.prototype.hasOwnProperty.call(n.updates, "width") && r;
+	}
+	_shouldRefreshDimensions({ contentUpdate: e, styleMaps: t }) {
+		return e.hasTextUpdate || e.uppercaseChanged || aa({ stylesList: [
+			t.updates,
+			t.selectionStyles,
+			t.lineSelectionStyles,
+			t.wholeTextStyles
 		] });
-		return i !== !1 && !Object.prototype.hasOwnProperty.call(n.updates, "width") && (r.hasTextUpdate || r.uppercaseChanged || a);
 	}
 	_applyAutoExpandPreference({ textbox: e, autoExpand: t }) {
 		if (t !== void 0) {
@@ -11176,11 +11182,12 @@ var Wa = class {
 				this._syncLineStylesWithText({ textbox: n });
 				return;
 			}
-			this._normalizeTextboxAfterContentChange({
+			this._syncLineStylesWithText({ textbox: n }), this._normalizeTextboxAfterContentChange({
 				textbox: n,
 				placement: u,
-				shouldAutoExpand: c
-			}), this._syncLineStylesWithText({ textbox: n });
+				shouldAutoExpand: c,
+				shouldRefreshDimensions: !0
+			});
 		}, this._handleTextEditingExited = (t) => {
 			let { target: n } = t;
 			if (!e._isTextbox(n)) return;
@@ -11371,19 +11378,23 @@ var Wa = class {
 		let n = t.split("\n").length, { textLines: r } = e;
 		return Array.isArray(r) && r.length > n;
 	}
-	_normalizeTextboxAfterContentChange({ textbox: e, placement: t, shouldAutoExpand: n, clampToMontage: r = !0 }) {
-		let i = !1;
-		n && (i = this._autoExpandTextboxWidth(e, {
+	_normalizeTextboxAfterContentChange({ textbox: e, placement: t, shouldAutoExpand: n, clampToMontage: r = !0, shouldRefreshDimensions: i = !1 }) {
+		let a = !1;
+		n && (a = this._autoExpandTextboxWidth(e, {
 			placement: t ?? void 0,
 			clampToMontage: r
 		}));
-		let a = !1;
-		i || (a = oa({ textbox: e }));
-		let o = !1;
-		return !i && t && (this.editor.canvasManager.applyObjectPlacement({
+		let o = !1, s = !1;
+		if (!a && i) {
+			let t = e.width ?? 0, n = e.height ?? 0;
+			e.initDimensions(), o = Math.abs((e.width ?? 0) - t) > .01 || Math.abs((e.height ?? 0) - n) > .01;
+		}
+		a || (s = oa({ textbox: e }));
+		let c = !1;
+		return !a && t && (this.editor.canvasManager.applyObjectPlacement({
 			object: e,
 			placement: t
-		}), o = !0), (i || a) && (e.dirty = !0), (i || a || o) && e.setCoords(), i || a;
+		}), c = !0), (a || o || s) && (e.dirty = !0), (a || o || s || c) && e.setCoords(), a || o || s;
 	}
 	_restoreTextboxContentPlacement({ textbox: e, contentPlacement: t }) {
 		let n = na({

package/package.json

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