@inweb/viewer-visualize 25.7.4 → 25.7.6

package/dist/viewer-visualize.js

@@ -12143,19 +12143,6 @@
     var libExports = lib$1.exports;
     var Konva = /*@__PURE__*/getDefaultExportFromCjs(libExports);
 
-    exports.MarkupMode = void 0;
-
-    (function(MarkupMode) {
-        MarkupMode["SelectMarkup"] = "SelectMarkup";
-        MarkupMode["Line"] = "Line";
-        MarkupMode["Text"] = "Text";
-        MarkupMode["Rectangle"] = "Rectangle";
-        MarkupMode["Ellipse"] = "Ellipse";
-        MarkupMode["Arrow"] = "Arrow";
-        MarkupMode["Image"] = "Image";
-        MarkupMode["Cloud"] = "Cloud";
-    })(exports.MarkupMode || (exports.MarkupMode = {}));
-
     class MarkupColor {
         get HexColor() {
             return "#" + this._hex;
@@ -13015,31 +13002,40 @@
         }
     }
 
-    const MarkupMode2Konva = new Map([ [ exports.MarkupMode.SelectMarkup, {
-        name: "SelectMarkup",
-        initializer: () => {}
-    } ], [ exports.MarkupMode.Line, {
-        name: "Line",
-        initializer: ref => new KonvaLine(null, ref)
-    } ], [ exports.MarkupMode.Text, {
-        name: "Text",
-        initializer: ref => new KonvaText(null, ref)
-    } ], [ exports.MarkupMode.Rectangle, {
-        name: "Rect",
-        initializer: ref => new KonvaRectangle(null, ref)
-    } ], [ exports.MarkupMode.Ellipse, {
-        name: "Ellipse",
-        initializer: ref => new KonvaEllipse(null, ref)
-    } ], [ exports.MarkupMode.Arrow, {
-        name: "Arrow",
-        initializer: ref => new KonvaArrow(null, ref)
-    } ], [ exports.MarkupMode.Image, {
-        name: "Image",
-        initializer: ref => new KonvaImage(null, ref)
-    } ], [ exports.MarkupMode.Cloud, {
-        name: "Cloud",
-        initializer: ref => new KonvaCloud(null, ref)
-    } ] ]);
+    const MarkupMode2Konva = {
+        SelectMarkup: {
+            name: "SelectMarkup",
+            initializer: null
+        },
+        Line: {
+            name: "Line",
+            initializer: ref => new KonvaLine(null, ref)
+        },
+        Text: {
+            name: "Text",
+            initializer: ref => new KonvaText(null, ref)
+        },
+        Rectangle: {
+            name: "Rect",
+            initializer: ref => new KonvaRectangle(null, ref)
+        },
+        Ellipse: {
+            name: "Ellipse",
+            initializer: ref => new KonvaEllipse(null, ref)
+        },
+        Arrow: {
+            name: "Arrow",
+            initializer: ref => new KonvaArrow(null, ref)
+        },
+        Image: {
+            name: "Image",
+            initializer: ref => new KonvaImage(null, ref)
+        },
+        Cloud: {
+            name: "Cloud",
+            initializer: ref => new KonvaCloud(null, ref)
+        }
+    };
 
     class KonvaMarkup {
         constructor() {
@@ -13056,10 +13052,9 @@
                 this._markupContainer.className = this._canvasOriginal.className.split(" ").filter((x => !x.startsWith("oda-cursor-"))).filter((x => x)).concat(`oda-cursor-${draggerName.toLowerCase()}`).join(" ");
                 this.removeTextInput();
                 this.removeImageInput();
-                const markupMode = exports.MarkupMode[draggerName];
-                const konvaMode = MarkupMode2Konva.get(markupMode);
-                if (konvaMode) {
-                    this._markupMode = markupMode;
+                const konvaShape = MarkupMode2Konva[draggerName];
+                if (konvaShape) {
+                    this._markupMode = draggerName;
                     this._markupIsActive = true;
                 } else {
                     this._markupIsActive = false;
@@ -13074,7 +13069,7 @@
             this.pan = event => {
                 const dX = event.dX / window.devicePixelRatio;
                 const dY = event.dY / window.devicePixelRatio;
-                Object.values(exports.MarkupMode).forEach((mode => this.konvaLayerFind(mode).forEach((x => x.move({
+                Object.keys(MarkupMode2Konva).forEach((mode => this.konvaLayerFind(mode).forEach((ref => ref.move({
                     x: dX,
                     y: dY
                 })))));
@@ -13130,7 +13125,7 @@
             this.removeTextInput();
             this.removeImageInput();
             this._konvaTransformer.nodes([]);
-            Object.values(exports.MarkupMode).forEach((mode => this.konvaLayerFind(mode).forEach((x => x.destroy()))));
+            Object.keys(MarkupMode2Konva).forEach((mode => this.konvaLayerFind(mode).forEach((ref => ref.destroy()))));
         }
         getMarkupColor() {
             return this._markupColor.RGB;
@@ -13140,11 +13135,11 @@
         }
         colorizeAllMarkup(r = 255, g = 0, b = 0) {
             const hex = new MarkupColor(r, g, b).HexColor;
-            Object.values(exports.MarkupMode).forEach((mode => {
-                this.konvaLayerFind(mode).forEach((x => {
-                    var _a;
-                    const konvaObj = (_a = MarkupMode2Konva.get(mode)) === null || _a === void 0 ? void 0 : _a.initializer(x);
-                    if (konvaObj && konvaObj.setColor) konvaObj.setColor(hex);
+            Object.keys(MarkupMode2Konva).forEach((mode => {
+                this.konvaLayerFind(mode).forEach((ref => {
+                    const konvaShape = MarkupMode2Konva[mode];
+                    const konvaObj = konvaShape.initializer(ref);
+                    if (konvaObj.setColor) konvaObj.setColor(hex);
                 }));
             }));
             this._konvaLayer.draw();
@@ -13233,25 +13228,25 @@
         }
         getObjects() {
             const objects = [];
-            this.konvaLayerFind(exports.MarkupMode.Line).forEach((line => {
+            this.konvaLayerFind("Line").forEach((line => {
                 objects.push(new KonvaLine(null, line));
             }));
-            this.konvaLayerFind(exports.MarkupMode.Text).forEach((text => {
+            this.konvaLayerFind("Text").forEach((text => {
                 objects.push(new KonvaText(null, text));
             }));
-            this.konvaLayerFind(exports.MarkupMode.Rectangle).forEach((rectangle => {
+            this.konvaLayerFind("Rectangle").forEach((rectangle => {
                 objects.push(new KonvaRectangle(null, rectangle));
             }));
-            this.konvaLayerFind(exports.MarkupMode.Ellipse).forEach((ellipse => {
+            this.konvaLayerFind("Ellipse").forEach((ellipse => {
                 objects.push(new KonvaEllipse(null, ellipse));
             }));
-            this.konvaLayerFind(exports.MarkupMode.Arrow).forEach((arrow => {
+            this.konvaLayerFind("Arrow").forEach((arrow => {
                 objects.push(new KonvaArrow(null, arrow));
             }));
-            this.konvaLayerFind(exports.MarkupMode.Image).forEach((image => {
+            this.konvaLayerFind("Image").forEach((image => {
                 objects.push(new KonvaImage(null, image));
             }));
-            this.konvaLayerFind(exports.MarkupMode.Cloud).forEach((cloud => {
+            this.konvaLayerFind("Cloud").forEach((cloud => {
                 objects.push(new KonvaCloud(null, cloud));
             }));
             return objects;
@@ -13354,10 +13349,9 @@
             this._konvaLayer.add(object.ref());
         }
         konvaLayerFind(markupShape) {
-            const konvaShape = MarkupMode2Konva.get(markupShape);
-            if (konvaShape) {
-                const konvaShapes = this._konvaLayer.find(konvaShape.name).filter((x => x.parent instanceof Konva.Layer));
-                return konvaShapes;
+            const konvaShape = MarkupMode2Konva[markupShape];
+            if (konvaShape && konvaShape.initializer) {
+                return this._konvaLayer.find(konvaShape.name).filter((ref => ref.parent === this._konvaLayer));
             }
             return [];
         }
@@ -13385,15 +13379,15 @@
             let mouseDownPos;
             let lastObj;
             stage.on("mousedown touchstart", (e => {
-                if (!this._markupIsActive || e.target !== stage || this._markupMode === exports.MarkupMode.Text || this._markupMode === exports.MarkupMode.Image) return;
+                if (!this._markupIsActive || e.target !== stage || this._markupMode === "Text" || this._markupMode === "Image") return;
                 if (e.target === stage && transformer.nodes().length > 0) {
                     transformer.nodes([]);
                     return;
                 }
                 const pos = stage.getPointerPosition();
                 mouseDownPos = pos;
-                isPaint = [ exports.MarkupMode.Arrow, exports.MarkupMode.Cloud, exports.MarkupMode.Ellipse, exports.MarkupMode.Line, exports.MarkupMode.Rectangle ].some((m => m === this._markupMode));
-                if (this._markupMode === exports.MarkupMode.Line) {
+                isPaint = [ "Arrow", "Cloud", "Ellipse", "Line", "Rectangle" ].some((m => m === this._markupMode));
+                if (this._markupMode === "Line") {
                     lastLine = this.addLine([ pos.x, pos.y, pos.x, pos.y ]);
                 }
             }));
@@ -13407,12 +13401,12 @@
                     const dX = defParams ? 200 : Math.abs(mouseDownPos.x - pos.x);
                     const dY = defParams ? 200 : Math.abs(mouseDownPos.y - pos.y);
                     if (defParams) {
-                        if (this._markupMode === exports.MarkupMode.Rectangle) {
+                        if (this._markupMode === "Rectangle") {
                             this.addRectangle({
                                 x: startX,
                                 y: startY
                             }, dX, dY);
-                        } else if (this._markupMode === exports.MarkupMode.Ellipse) {
+                        } else if (this._markupMode === "Ellipse") {
                             this.addEllipse({
                                 x: startX,
                                 y: startY
@@ -13420,7 +13414,7 @@
                                 x: dX / 2,
                                 y: dY / 2
                             });
-                        } else if (this._markupMode === exports.MarkupMode.Arrow) {
+                        } else if (this._markupMode === "Arrow") {
                             this.addArrow({
                                 x: mouseDownPos.x,
                                 y: mouseDownPos.y
@@ -13428,7 +13422,7 @@
                                 x: defParams ? mouseDownPos.x + 200 : pos.x,
                                 y: defParams ? startY : pos.y
                             });
-                        } else if (this._markupMode === exports.MarkupMode.Cloud) {
+                        } else if (this._markupMode === "Cloud") {
                             this.addCloud({
                                 x: startX,
                                 y: startY
@@ -13450,12 +13444,12 @@
                 const startY = defParams ? mouseDownPos.y : Math.min(mouseDownPos.y, pos.y);
                 const dX = defParams ? 200 : Math.abs(mouseDownPos.x - pos.x);
                 const dY = defParams ? 200 : Math.abs(mouseDownPos.y - pos.y);
-                if (this._markupMode === exports.MarkupMode.Line) {
+                if (this._markupMode === "Line") {
                     lastLine.addPoints([ {
                         x: pos.x,
                         y: pos.y
                     } ]);
-                } else if (this._markupMode === exports.MarkupMode.Arrow) {
+                } else if (this._markupMode === "Arrow") {
                     if (lastObj) lastObj.setEndPoint(pos.x, pos.y); else lastObj = this.addArrow({
                         x: mouseDownPos.x,
                         y: mouseDownPos.y
@@ -13463,7 +13457,7 @@
                         x: pos.x,
                         y: pos.y
                     });
-                } else if (this._markupMode === exports.MarkupMode.Rectangle) {
+                } else if (this._markupMode === "Rectangle") {
                     if (lastObj) {
                         lastObj.setPosition(startX, startY);
                         lastObj.setWidth(dX);
@@ -13472,7 +13466,7 @@
                         x: startX,
                         y: startY
                     }, dX, dY);
-                } else if (this._markupMode === exports.MarkupMode.Ellipse) {
+                } else if (this._markupMode === "Ellipse") {
                     if (lastObj) {
                         lastObj.setPosition(startX, startY);
                         lastObj.setRadiusX(dX);
@@ -13484,7 +13478,7 @@
                         x: dX,
                         y: dY
                     });
-                } else if (this._markupMode === exports.MarkupMode.Cloud) {
+                } else if (this._markupMode === "Cloud") {
                     if (lastObj) {
                         lastObj.setPosition(startX, startY);
                         lastObj.setWidth(Math.max(100, dX));
@@ -13498,12 +13492,12 @@
             stage.on("click tap", (e => {
                 if (!this._markupIsActive) return;
                 if (e.target === stage) {
-                    if (this._markupMode === exports.MarkupMode.Text) {
+                    if (this._markupMode === "Text") {
                         if (this._textInputRef && this._textInputRef.value) this.addText(this._textInputRef.value, this._textInputPos, this._textInputAngle); else if (transformer.nodes().length === 0) {
                             const pos = stage.getPointerPosition();
                             this.createTextInput(pos, e.evt.pageX, e.evt.pageY, 0, null);
                         }
-                    } else if (this._markupMode === exports.MarkupMode.Image) {
+                    } else if (this._markupMode === "Image") {
                         if (this._imageInputRef && this._imageInputRef.value) this.addImage({
                             x: this._imageInputPos.x,
                             y: this._imageInputPos.y
@@ -13515,7 +13509,7 @@
                     transformer.nodes([]);
                     return;
                 }
-                if (this._markupMode === exports.MarkupMode.Text || this._markupMode === exports.MarkupMode.SelectMarkup) {
+                if (this._markupMode === "Text" || this._markupMode === "SelectMarkup") {
                     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,
@@ -13526,7 +13520,7 @@
                         this.removeTextInput();
                     }
                 }
-                if (this._markupMode === exports.MarkupMode.Image || this._markupMode === exports.MarkupMode.SelectMarkup) {
+                if (this._markupMode === "Image" || this._markupMode === "SelectMarkup") {
                     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,
@@ -13581,7 +13575,7 @@
         }
         getMarkupLines() {
             const lines = [];
-            this.konvaLayerFind(exports.MarkupMode.Line).forEach((line => {
+            this.konvaLayerFind("Line").forEach((line => {
                 const linePoints = line.points();
                 if (!linePoints) return;
                 const worldPoints = [];
@@ -13609,7 +13603,7 @@
             const texts = [];
             const textSize = .02;
             const textScale = this._worldTransformer.getScale();
-            this.konvaLayerFind(exports.MarkupMode.Text).forEach((text => {
+            this.konvaLayerFind("Text").forEach((text => {
                 if (!text) return;
                 const position = this._worldTransformer.screenToWorld({
                     x: text.x(),
@@ -13630,7 +13624,7 @@
         }
         getMarkupRectangles() {
             const rectangles = [];
-            this.konvaLayerFind(exports.MarkupMode.Rectangle).forEach((rect => {
+            this.konvaLayerFind("Rectangle").forEach((rect => {
                 const position = rect.position();
                 const worldPoint = this._worldTransformer.screenToWorld(position);
                 const shape = new KonvaRectangle(null, rect);
@@ -13647,7 +13641,7 @@
         }
         getMarkupEllipses() {
             const ellipses = [];
-            this.konvaLayerFind(exports.MarkupMode.Ellipse).forEach((ellipse => {
+            this.konvaLayerFind("Ellipse").forEach((ellipse => {
                 const position = ellipse.position();
                 const worldPoint = this._worldTransformer.screenToWorld(position);
                 const shape = new KonvaEllipse(null, ellipse);
@@ -13666,7 +13660,7 @@
         }
         getMarkupArrows() {
             const arrows = [];
-            this.konvaLayerFind(exports.MarkupMode.Arrow).forEach((arrow => {
+            this.konvaLayerFind("Arrow").forEach((arrow => {
                 const absoluteTransform = arrow.getAbsoluteTransform();
                 const atStartPoint = absoluteTransform.point({
                     x: arrow.points()[0],
@@ -13690,7 +13684,7 @@
         }
         getMarkupImages() {
             const images = [];
-            this.konvaLayerFind(exports.MarkupMode.Image).forEach((image => {
+            this.konvaLayerFind("Image").forEach((image => {
                 const position = image.position();
                 const worldPoint = this._worldTransformer.screenToWorld(position);
                 const shape = new KonvaImage(null, image);
@@ -13706,7 +13700,7 @@
         }
         getMarkupClouds() {
             const clouds = [];
-            this.konvaLayerFind(exports.MarkupMode.Cloud).forEach((cloud => {
+            this.konvaLayerFind("Cloud").forEach((cloud => {
                 const position = cloud.position();
                 const worldPoint = this._worldTransformer.screenToWorld(position);
                 const shape = new KonvaCloud(null, cloud);