@anu3ev/fabric-image-editor 0.8.23 → 0.8.25

package/dist/main.js

@@ -7254,7 +7254,7 @@ var Si = class {
 		}, this._handleTextChanged = (e) => {
 			if (!(e.target instanceof v)) return;
 			let t = e.target;
-			U(t.group) && this.runtime.syncShapeTextLayoutAfterTextMutation({ textNode: t }) && this.runtime.editor.canvas.requestRenderAll();
+			U(t.group) && (this.runtime.editor.textManager.syncLineStylesWithText({ textbox: t }), this.runtime.syncShapeTextLayoutAfterTextMutation({ textNode: t }) && this.runtime.editor.canvas.requestRenderAll());
 		}, this._handleBeforeTextUpdated = (e) => {
 			let { textbox: t, style: n } = e;
 			if (!(t instanceof v)) return;
@@ -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) {
@@ -11173,14 +11179,15 @@ var Wa = class {
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
-				this._syncLineStylesWithText({ textbox: n });
+				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;
@@ -11230,7 +11237,7 @@ var Wa = class {
 			resolveTextObject: (e) => this._resolveTextObject(e),
 			normalizeTextboxAfterContentChange: (e) => this._normalizeTextboxAfterContentChange(e),
 			restoreTextboxContentPlacement: (e) => this._restoreTextboxContentPlacement(e),
-			syncLineStylesWithText: (e) => this._syncLineStylesWithText(e),
+			syncLineStylesWithText: (e) => this.syncLineStylesWithText(e),
 			getSnapshot: (t) => e._getSnapshot(t)
 		} }), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.isTextEditingActive = !1, this._bindEvents(), Ia();
 	}
@@ -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({
@@ -11403,7 +11414,7 @@ var Wa = class {
 		let { canvas: e } = this;
 		e.on("object:scaling", this.scalingController.handleObjectScaling), e.on("object:resizing", this._handleObjectResizing), e.on("object:modified", this.scalingController.handleObjectModified), e.on("mouse:move", this.scalingController.handleMouseMove), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged);
 	}
-	_syncLineStylesWithText({ textbox: e, previousText: t, currentText: n }) {
+	syncLineStylesWithText({ textbox: e, previousText: t, currentText: n }) {
 		let r = n ?? e.text ?? "", i = Xi({
 			textbox: e,
 			previousText: t ?? e.__lineDefaultsPrevText ?? r,

package/package.json

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