@inweb/viewer-visualize 25.4.6 → 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,