@inweb/viewer-visualize 25.4.4 → 25.4.7

package/dist/viewer-visualize.module.js

@@ -3060,6 +3060,10 @@ class KonvaLine {
             strokeScaleEnabled: false,
             dash: LineTypeSpecs.get(params.type) || []
         });
+        this._ref.on("transform", (e => {
+            const attrs = e.target.attrs;
+            if (attrs.rotation !== this.getRotation()) this.setRotation(attrs.rotation);
+        }));
         this._ref.id(this._ref._id.toString());
     }
     ref() {
@@ -3156,6 +3160,22 @@ class KonvaText {
             draggable: true,
             rotation: (_c = params.rotation) !== null && _c !== void 0 ? _c : 0
         });
+        this._ref.on("transform", (e => {
+            const attrs = e.target.attrs;
+            if (attrs.rotation !== this.getRotation()) this.setRotation(attrs.rotation);
+            const newWidth = this._ref.width() * attrs.scaleX;
+            const newHeight = this._ref.height() * attrs.scaleY;
+            if (Math.abs(attrs.scaleX - 1) > 1e-5) {
+                this.setFontSize(Math.round(this.getFontSize() * newWidth / this._ref.width()));
+            }
+            if (Math.abs(attrs.scaleY - 1) > 1e-5) {
+                this.setFontSize(Math.round(this.getFontSize() * newHeight / this._ref.height()));
+            }
+            this._ref.scale({
+                x: 1,
+                y: 1
+            });
+        }));
         this._ref.id(this._ref._id.toString());
     }
     ref() {
@@ -3236,6 +3256,22 @@ class KonvaRectangle {
             draggable: true,
             strokeScaleEnabled: false
         });
+        this._ref.on("transform", (e => {
+            const attrs = e.target.attrs;
+            if (attrs.rotation !== this.getRotation()) this.setRotation(attrs.rotation);
+            const newWidth = this._ref.width() * attrs.scaleX;
+            const newHeight = this._ref.height() * attrs.scaleY;
+            if (Math.abs(attrs.scaleX - 1) > 1e-5) {
+                this.setWidth(newWidth);
+            }
+            if (Math.abs(attrs.scaleY - 1) > 1e-5) {
+                this.setHeight(newHeight);
+            }
+            this._ref.scale({
+                x: 1,
+                y: 1
+            });
+        }));
         this._ref.id(this._ref._id.toString());
     }
     getPosition() {
@@ -3322,6 +3358,22 @@ class KonvaEllipse {
             draggable: true,
             strokeScaleEnabled: false
         });
+        this._ref.on("transform", (e => {
+            const attrs = e.target.attrs;
+            if (attrs.rotation !== this.getRotation()) this.setRotation(attrs.rotation);
+            const newRadiusX = this._ref.radiusX() * attrs.scaleX;
+            const newRadiusY = this._ref.radiusY() * attrs.scaleY;
+            if (Math.abs(attrs.scaleX - 1) > 1e-5) {
+                this.setRadiusX(newRadiusX);
+            }
+            if (Math.abs(attrs.scaleY - 1) > 1e-5) {
+                this.setRadiusY(newRadiusY);
+            }
+            this._ref.scale({
+                x: 1,
+                y: 1
+            });
+        }));
         this._ref.id(this._ref._id.toString());
     }
     getPosition() {
@@ -3337,19 +3389,13 @@ class KonvaEllipse {
         return this._ref.radiusX();
     }
     setRadiusX(r) {
-        this._ref.radius({
-            x: r,
-            y: this._ref.radiusY()
-        });
+        this._ref.radiusX(r);
     }
     getRadiusY() {
         return this._ref.radiusY();
     }
     setRadiusY(r) {
-        this._ref.radius({
-            x: this._ref.radiusX(),
-            y: r
-        });
+        this._ref.radiusY(r);
     }
     getLineWidth() {
         return this._ref.strokeWidth();
@@ -3412,6 +3458,10 @@ class KonvaArrow {
             draggable: true,
             strokeScaleEnabled: false
         });
+        this._ref.on("transform", (e => {
+            const attrs = e.target.attrs;
+            if (attrs.rotation !== this.getRotation()) this.setRotation(attrs.rotation);
+        }));
         this._ref.id(this._ref._id.toString());
     }
     ref() {
@@ -3431,6 +3481,7 @@ class KonvaArrow {
     }
     setColor(hex) {
         this._ref.stroke(hex);
+        this._ref.fill(hex);
     }
     getRotation() {
         return this._ref.rotation();
@@ -3514,6 +3565,22 @@ class KonvaImage {
             this._ratio = this._ref.height() === 0 || this._ref.width() === 0 ? 1 : this._ref.height() / this._ref.width();
         };
         this._canvasImage.src = params.src;
+        this._ref.on("transform", (e => {
+            const attrs = e.target.attrs;
+            if (attrs.rotation !== this.getRotation()) this.setRotation(attrs.rotation);
+            const newWidth = this._ref.width() * attrs.scaleX;
+            const newHeight = this._ref.height() * attrs.scaleY;
+            if (Math.abs(attrs.scaleX - 1) > 1e-5) {
+                this.setWidth(newWidth);
+            }
+            if (Math.abs(attrs.scaleY - 1) > 1e-5) {
+                this.setHeight(newHeight);
+            }
+            this._ref.scale({
+                x: 1,
+                y: 1
+            });
+        }));
         this._ref.id(this._ref._id.toString());
     }
     getSrc() {
@@ -3657,10 +3724,11 @@ class KonvaCloud {
         this._ref.className = "Cloud";
         this._ref.on("transform", (e => {
             const attrs = e.target.attrs;
-            const minWidth = 100;
-            const minHeight = 100;
+            if (attrs.rotation !== this.getRotation()) this.setRotation(attrs.rotation);
             const newWidth = this._ref.width() * attrs.scaleX;
             const newHeight = this._ref.height() * attrs.scaleY;
+            const minWidth = 100;
+            const minHeight = 100;
             if (newWidth < minWidth || newHeight < minHeight) {
                 this._ref.scale({
                     x: 1,
@@ -3669,10 +3737,10 @@ class KonvaCloud {
                 return;
             }
             if (Math.abs(attrs.scaleX - 1) > 1e-5) {
-                this._ref.width(newWidth);
+                this.setWidth(newWidth);
             }
             if (Math.abs(attrs.scaleY - 1) > 1e-5) {
-                this._ref.height(newHeight);
+                this.setHeight(newHeight);
             }
             this._ref.scale({
                 x: 1,
@@ -3913,7 +3981,7 @@ class KonvaMarkup {
     createObject(type, params) {
         let object;
         let zIndex = this._zIndex;
-        switch (type) {
+        switch (type.toLocaleLowerCase()) {
           case "line":
             object = new KonvaLine(params);
             zIndex = 1;
@@ -4701,8 +4769,9 @@ class KonvaMarkup {
     }
     addImage(position, src, width, height, id) {
         if (!position) return;
+        let konvaImage;
         if (src) {
-            const konvaImage = new KonvaImage({
+            konvaImage = new KonvaImage({
                 position: position,
                 src: src,
                 width: width,
@@ -4718,7 +4787,7 @@ class KonvaMarkup {
             }
         }
         this.removeImageInput();
-        return;
+        return konvaImage;
     }
 }
 
@@ -5011,9 +5080,6 @@ class VisualizeMarkup {
         viewpoint.description = (new Date).toDateString();
         return viewpoint;
     }
-    getLayer() {
-        throw new Error("Not implemented yet");
-    }
     createObject(type, params) {
         throw new Error("Not implemented yet");
     }