@inweb/viewer-visualize 25.4.11 → 25.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/viewer-visualize",
-  "version": "25.4.11",
+  "version": "25.5.4",
   "description": "3D CAD and BIM data Viewer powered by Visualize",
   "homepage": "https://cloud.opendesign.com/docs/index.html",
   "license": "SEE LICENSE IN LICENSE",
@@ -29,9 +29,9 @@
     "ts-docs": "typedoc"
   },
   "dependencies": {
-    "@inweb/client": "~25.4.7",
-    "@inweb/eventemitter2": "~25.4.7",
-    "@inweb/viewer-core": "~25.4.7"
+    "@inweb/client": "~25.4.10",
+    "@inweb/eventemitter2": "~25.4.10",
+    "@inweb/viewer-core": "~25.4.10"
   },
   "devDependencies": {
     "canvas": "^2.11.2",
@@ -41,5 +41,5 @@
     "canvas": "^2.11.2",
     "konva": "^9.2.0"
   },
-  "visualizeJS": "https://opencloud.azureedge.net/libs/visualizejs/25.4/Visualize.js"
+  "visualizeJS": "https://opencloud.azureedge.net/libs/visualizejs/master/Visualize.js"
 }

package/src/Viewer/Markup/Api/Impl/Konva/KonvaText.ts

@@ -36,6 +36,8 @@ export class KonvaText implements IMarkupText, IMarkupColorable {
       rotation: params.rotation ?? 0,
     });
 
+    this._ref.width(this._ref.getTextWidth());
+
     this._ref.on("transform", (e) => {
       const attrs = e.target.attrs;
 
@@ -45,11 +47,11 @@ export class KonvaText implements IMarkupText, IMarkupColorable {
       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 });

package/src/Viewer/Markup/Impl/Konva/KonvaMarkup.ts

@@ -656,29 +656,33 @@ export class KonvaMarkup implements IMarkup {
         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 (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();
+        }
       }
 
-      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 (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") {
@@ -1073,7 +1077,7 @@ export class KonvaMarkup implements IMarkup {
       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);
         }