@inweb/viewer-visualize 25.4.7 → 25.4.10

package/dist/viewer-visualize.js

@@ -14689,6 +14689,7 @@
                 draggable: true,
                 rotation: (_c = params.rotation) !== null && _c !== void 0 ? _c : 0,
             });
+            this._ref.width(this._ref.getTextWidth());
             this._ref.on("transform", (e) => {
                 const attrs = e.target.attrs;
                 if (attrs.rotation !== this.getRotation())
@@ -14696,10 +14697,10 @@
                 const newWidth = this._ref.width() * attrs.scaleX;
                 const newHeight = this._ref.height() * attrs.scaleY;
                 if (Math.abs(attrs.scaleX - 1) > 10e-6) {
-                    this.setFontSize(Math.round((this.getFontSize() * newWidth) / this._ref.width()));
+                    this._ref.width(newWidth);
                 }
                 if (Math.abs(attrs.scaleY - 1) > 10e-6) {
-                    this.setFontSize(Math.round((this.getFontSize() * newHeight) / this._ref.height()));
+                    this._ref.height(newHeight);
                 }
                 this._ref.scale({ x: 1, y: 1 });
             });
@@ -15822,25 +15823,29 @@
                     transformer.nodes([]);
                     return;
                 }
-                if (e.target.className === "Text" && transformer.nodes().length === 1 && transformer.nodes()[0] === e.target) {
-                    if (this._textInputRef && this._textInputRef.value)
-                        this.addText(this._textInputRef.value, this._textInputPos, this._textInputAngle);
-                    else
-                        this.createTextInput({ x: e.target.attrs.x, y: e.target.attrs.y }, e.evt.pageX, e.evt.pageY, e.target.attrs.rotation, e.target.attrs.text);
-                    return;
-                }
-                else {
-                    this.removeTextInput();
-                }
-                if (e.target.className === "Image" && transformer.nodes().length === 1 && transformer.nodes()[0] === e.target) {
-                    if (this._imageInputRef && this._imageInputRef.value)
-                        this.addImage(this._imageInputPos, this._imageInputRef.value, 0, 0);
-                    else
-                        this.createImageInput({ x: e.target.attrs.x, y: e.target.attrs.y });
-                    return;
+                if (this._markupMode === MarkupMode.Text) {
+                    if (e.target.className === "Text" && transformer.nodes().length === 1 && transformer.nodes()[0] === e.target) {
+                        if (this._textInputRef && this._textInputRef.value)
+                            this.addText(this._textInputRef.value, this._textInputPos, this._textInputAngle);
+                        else
+                            this.createTextInput({ x: e.target.attrs.x, y: e.target.attrs.y }, e.evt.pageX, e.evt.pageY, e.target.attrs.rotation, e.target.attrs.text);
+                        return;
+                    }
+                    else {
+                        this.removeTextInput();
+                    }
                 }
-                else {
-                    this.removeImageInput();
+                if (this._markupMode === MarkupMode.Image) {
+                    if (e.target.className === "Image" && transformer.nodes().length === 1 && transformer.nodes()[0] === e.target) {
+                        if (this._imageInputRef && this._imageInputRef.value)
+                            this.addImage(this._imageInputPos, this._imageInputRef.value, 0, 0);
+                        else
+                            this.createImageInput({ x: e.target.attrs.x, y: e.target.attrs.y });
+                        return;
+                    }
+                    else {
+                        this.removeImageInput();
+                    }
                 }
                 if (transformer.nodes().filter((x) => x.className === "Cloud").length > 0 || e.target.className === "Cloud") {
                     transformer.rotateEnabled(false);
@@ -16130,7 +16135,7 @@
                 this._textInputRef.style.top = inputY + "px";
                 this._textInputRef.style.left = inputX + "px";
                 this._textInputRef.onkeydown = (event) => {
-                    if (event.key === "Enter") {
+                    if (event.key === "Enter" && !event.shiftKey) {
                         event.preventDefault();
                         this.addText(this._textInputRef.value, this._textInputPos, this._textInputAngle);
                     }