@inweb/markup 26.9.1 → 26.9.3

package/dist/markup.module.js

@@ -90,7 +90,7 @@ class KonvaLine {
         } ];
         const konvaPoints = [];
         const wcsPoints = [];
-        params.points.forEach((point => {
+        params.points.forEach(point => {
             konvaPoints.push(point.x, point.y);
             const wcsPoint = this._worldTransformer.screenToWorld({
                 x: point.x,
@@ -101,10 +101,10 @@ class KonvaLine {
                 y: wcsPoint.y,
                 z: wcsPoint.z
             });
-        }));
+        });
         this._ref = new Konva.Line({
-            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-            strokeWidth: (_b = params.width) !== null && _b !== undefined ? _b : 4,
+            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+            strokeWidth: (_b = params.width) !== null && _b !== void 0 ? _b : 4,
             globalCompositeOperation: "source-over",
             lineCap: "round",
             lineJoin: "round",
@@ -114,11 +114,11 @@ class KonvaLine {
             dash: LineTypeSpecs.get(params.type) || []
         });
         this._ref.setAttr("wcsPoints", wcsPoints);
-        this._ref.on("transform", (e => {
+        this._ref.on("transform", e => {
             const attrs = e.target.attrs;
             if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
-        }));
-        this._ref.on("transformend", (() => {
+        });
+        this._ref.on("transformend", () => {
             const absoluteTransform = this._ref.getAbsoluteTransform();
             const wcsPoints = [];
             const points = this._ref.points();
@@ -139,8 +139,8 @@ class KonvaLine {
                 });
             }
             this._ref.setAttr("wcsPoints", wcsPoints);
-        }));
-        this._ref.on("dragend", (() => {
+        });
+        this._ref.on("dragend", () => {
             const absoluteTransform = this._ref.getAbsoluteTransform();
             const wcsPoints = [];
             const points = this._ref.points();
@@ -161,7 +161,7 @@ class KonvaLine {
                 });
             }
             this._ref.setAttr("wcsPoints", wcsPoints);
-        }));
+        });
         this._ref.id(this._ref._id.toString());
     }
     ref() {
@@ -232,11 +232,11 @@ class KonvaLine {
     addPoints(points) {
         let newPoints = this._ref.points();
         const wcsPoints = this._ref.getAttr("wcsPoints");
-        points.forEach((point => {
+        points.forEach(point => {
             newPoints = newPoints.concat([ point.x, point.y ]);
             const wcsPoint = this._worldTransformer.screenToWorld(point);
             wcsPoints.push(wcsPoint);
-        }));
+        });
         this._ref.points(newPoints);
     }
     updateScreenCoordinates() {
@@ -244,7 +244,7 @@ class KonvaLine {
         const points = [];
         let invert = this._ref.getAbsoluteTransform().copy();
         invert = invert.invert();
-        wcsPoints.forEach((point => {
+        wcsPoints.forEach(point => {
             let screenPoint = this._worldTransformer.worldToScreen(point);
             screenPoint = invert.point({
                 x: screenPoint.x,
@@ -252,7 +252,7 @@ class KonvaLine {
             });
             points.push(screenPoint.x);
             points.push(screenPoint.y);
-        }));
+        });
         this._ref.points([]);
         this._ref.points(points);
         this._ref.clearCache();
@@ -285,19 +285,19 @@ class KonvaText {
             x: params.position.x,
             y: params.position.y,
             text: params.text,
-            fontSize: (_a = params.fontSize) !== null && _a !== undefined ? _a : 34,
+            fontSize: (_a = params.fontSize) !== null && _a !== void 0 ? _a : 34,
             fontFamily: this.TEXT_FONT_FAMILY,
-            fill: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
+            fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
             align: "left",
             draggable: true,
-            rotation: (_c = params.rotation) !== null && _c !== undefined ? _c : 0
+            rotation: (_c = params.rotation) !== null && _c !== void 0 ? _c : 0
         });
         this._ref.width(this._ref.getTextWidth());
         this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld({
             x: params.position.x,
             y: params.position.y
         }));
-        this._ref.on("transform", (e => {
+        this._ref.on("transform", e => {
             const attrs = e.target.attrs;
             if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
             const scaleByX = Math.abs(attrs.scaleX - 1) > 1e-5;
@@ -319,8 +319,8 @@ class KonvaText {
                 x: 1,
                 y: 1
             });
-        }));
-        this._ref.on("transformend", (e => {
+        });
+        this._ref.on("transformend", e => {
             const attrs = e.target.attrs;
             if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
@@ -329,15 +329,15 @@ class KonvaText {
                 y: this._ref.y()
             });
             this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));
-        }));
-        this._ref.on("dragend", (() => {
+        });
+        this._ref.on("dragend", () => {
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
             const position = absoluteTransform.point({
                 x: this._ref.x(),
                 y: this._ref.y()
             });
             this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));
-        }));
+        });
         this._ref.id(this._ref._id.toString());
     }
     ref() {
@@ -461,15 +461,15 @@ class KonvaRectangle {
             }
         }
         this._ref = new Konva.Rect({
-            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-            strokeWidth: (_b = params.lineWidth) !== null && _b !== undefined ? _b : 4,
+            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+            strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
             globalCompositeOperation: "source-over",
             lineCap: "round",
             lineJoin: "round",
             x: params.position.x,
             y: params.position.y,
-            width: (_c = params.width) !== null && _c !== undefined ? _c : 200,
-            height: (_d = params.height) !== null && _d !== undefined ? _d : 200,
+            width: (_c = params.width) !== null && _c !== void 0 ? _c : 200,
+            height: (_d = params.height) !== null && _d !== void 0 ? _d : 200,
             draggable: true,
             strokeScaleEnabled: false
         });
@@ -481,7 +481,7 @@ class KonvaRectangle {
             x: params.position2.x,
             y: params.position2.y
         }));
-        this._ref.on("transform", (e => {
+        this._ref.on("transform", e => {
             const attrs = e.target.attrs;
             const scaleByX = Math.abs(attrs.scaleX - 1) > 1e-5;
             const scaleByY = Math.abs(attrs.scaleY - 1) > 1e-5;
@@ -503,8 +503,8 @@ class KonvaRectangle {
                 x: 1,
                 y: 1
             });
-        }));
-        this._ref.on("transformend", (e => {
+        });
+        this._ref.on("transformend", e => {
             const attrs = e.target.attrs;
             if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
@@ -517,8 +517,8 @@ class KonvaRectangle {
                 x: position.x + this._ref.width(),
                 y: position.y + this._ref.height()
             }));
-        }));
-        this._ref.on("dragend", (() => {
+        });
+        this._ref.on("dragend", () => {
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
             const position = absoluteTransform.point({
                 x: this._ref.x(),
@@ -529,7 +529,7 @@ class KonvaRectangle {
                 x: position.x + this._ref.width(),
                 y: position.y + this._ref.height()
             }));
-        }));
+        });
         this._ref.id(this._ref._id.toString());
     }
     getPosition() {
@@ -670,7 +670,7 @@ class KonvaEllipse {
             y: 0
         };
         if (params.position2) {
-            (_a = params.radius) !== null && _a !== undefined ? _a : params.radius = {
+            (_a = params.radius) !== null && _a !== void 0 ? _a : params.radius = {
                 x: 0,
                 y: 0
             };
@@ -683,8 +683,8 @@ class KonvaEllipse {
             };
         }
         this._ref = new Konva.Ellipse({
-            stroke: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
-            strokeWidth: (_c = params.lineWidth) !== null && _c !== undefined ? _c : 4,
+            stroke: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
+            strokeWidth: (_c = params.lineWidth) !== null && _c !== void 0 ? _c : 4,
             globalCompositeOperation: "source-over",
             lineCap: "round",
             lineJoin: "round",
@@ -707,7 +707,7 @@ class KonvaEllipse {
             x: this._ref.x(),
             y: this._ref.y() + params.radius.y
         }));
-        this._ref.on("transform", (e => {
+        this._ref.on("transform", e => {
             const attrs = e.target.attrs;
             if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
             const scaleByX = Math.abs(attrs.scaleX - 1) > 1e-5;
@@ -742,8 +742,8 @@ class KonvaEllipse {
                 x: 1,
                 y: 1
             });
-        }));
-        this._ref.on("transformend", (() => {
+        });
+        this._ref.on("transformend", () => {
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
             const position = absoluteTransform.point({
                 x: this._ref.x(),
@@ -760,8 +760,8 @@ class KonvaEllipse {
                 y: this._ref.y() + this._ref.radiusY()
             });
             this._ref.setAttr("wcsRadiusY", this._worldTransformer.screenToWorld(radiusY));
-        }));
-        this._ref.on("dragend", (() => {
+        });
+        this._ref.on("dragend", () => {
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
             const position = absoluteTransform.point({
                 x: this._ref.x(),
@@ -778,7 +778,7 @@ class KonvaEllipse {
                 y: this._ref.y() + this._ref.radiusY()
             });
             this._ref.setAttr("wcsRadiusY", this._worldTransformer.screenToWorld(radiusY));
-        }));
+        });
         this._ref.id(this._ref._id.toString());
     }
     getPosition() {
@@ -903,8 +903,8 @@ class KonvaArrow {
             y: 100
         };
         this._ref = new Konva.Arrow({
-            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
-            fill: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
+            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
+            fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
             strokeWidth: 4,
             globalCompositeOperation: "source-over",
             lineCap: "round",
@@ -921,7 +921,7 @@ class KonvaArrow {
             x: params.end.x,
             y: params.end.y
         }));
-        this._ref.on("transformend", (e => {
+        this._ref.on("transformend", e => {
             const attrs = e.target.attrs;
             if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
             const points = this._ref.points();
@@ -936,8 +936,8 @@ class KonvaArrow {
             });
             this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(transformStart));
             this._ref.setAttr("wcsEnd", this._worldTransformer.screenToWorld(transformEnd));
-        }));
-        this._ref.on("dragend", (e => {
+        });
+        this._ref.on("dragend", e => {
             const points = this._ref.points();
             const absoluteTransform = e.target.getAbsoluteTransform();
             const transformStart = absoluteTransform.point({
@@ -950,7 +950,7 @@ class KonvaArrow {
             });
             this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(transformStart));
             this._ref.setAttr("wcsEnd", this._worldTransformer.screenToWorld(transformEnd));
-        }));
+        });
         this._ref.id(this._ref._id.toString());
     }
     ref() {
@@ -1137,15 +1137,15 @@ class KonvaImage {
             x: params.position.x,
             y: params.position.y,
             image: this._canvasImage,
-            width: (_a = params.width) !== null && _a !== undefined ? _a : 0,
-            height: (_b = params.height) !== null && _b !== undefined ? _b : 0,
+            width: (_a = params.width) !== null && _a !== void 0 ? _a : 0,
+            height: (_b = params.height) !== null && _b !== void 0 ? _b : 0,
             draggable: true
         });
         this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld({
             x: params.position.x,
             y: params.position.y
         }));
-        this._ref.on("transform", (e => {
+        this._ref.on("transform", e => {
             const attrs = e.target.attrs;
             if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
             const scaleByX = Math.abs(attrs.scaleX - 1) > 1e-5;
@@ -1174,8 +1174,8 @@ class KonvaImage {
                 x: 1,
                 y: 1
             });
-        }));
-        this._ref.on("transformend", (() => {
+        });
+        this._ref.on("transformend", () => {
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
             const position = absoluteTransform.point({
                 x: this._ref.x(),
@@ -1186,8 +1186,8 @@ class KonvaImage {
                 x: position.x + this._ref.width(),
                 y: position.y + this._ref.height()
             }));
-        }));
-        this._ref.on("dragend", (() => {
+        });
+        this._ref.on("dragend", () => {
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
             const position = absoluteTransform.point({
                 x: this._ref.x(),
@@ -1198,7 +1198,7 @@ class KonvaImage {
                 x: position.x + this._ref.width(),
                 y: position.y + this._ref.height()
             }));
-        }));
+        });
         this._ref.id(this._ref._id.toString());
     }
     getSrc() {
@@ -1352,10 +1352,10 @@ class KonvaCloud {
         this._ref = new Konva.Shape({
             x: params.position.x,
             y: params.position.y,
-            width: (_a = params.width) !== null && _a !== undefined ? _a : 200,
-            height: (_b = params.height) !== null && _b !== undefined ? _b : 200,
-            stroke: (_c = params.color) !== null && _c !== undefined ? _c : "#ff0000",
-            strokeWidth: (_d = params.lineWidth) !== null && _d !== undefined ? _d : 4,
+            width: (_a = params.width) !== null && _a !== void 0 ? _a : 200,
+            height: (_b = params.height) !== null && _b !== void 0 ? _b : 200,
+            stroke: (_c = params.color) !== null && _c !== void 0 ? _c : "#ff0000",
+            strokeWidth: (_d = params.lineWidth) !== null && _d !== void 0 ? _d : 4,
             draggable: true,
             strokeScaleEnabled: false,
             globalCompositeOperation: "source-over",
@@ -1441,7 +1441,7 @@ class KonvaCloud {
             x: params.position2.x,
             y: params.position2.y
         }));
-        this._ref.on("transform", (e => {
+        this._ref.on("transform", e => {
             const attrs = e.target.attrs;
             const scaleByX = Math.abs(attrs.scaleX - 1) > 1e-5;
             const scaleByY = Math.abs(attrs.scaleY - 1) > 1e-5;
@@ -1461,8 +1461,8 @@ class KonvaCloud {
                 x: 1,
                 y: 1
             });
-        }));
-        this._ref.on("transformend", (e => {
+        });
+        this._ref.on("transformend", e => {
             const attrs = e.target.attrs;
             if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
@@ -1475,8 +1475,8 @@ class KonvaCloud {
                 x: position.x + this._ref.width(),
                 y: position.y + this._ref.height()
             }));
-        }));
-        this._ref.on("dragend", (() => {
+        });
+        this._ref.on("dragend", () => {
             const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
             const position = absoluteTransform.point({
                 x: this._ref.x(),
@@ -1487,7 +1487,7 @@ class KonvaCloud {
                 x: position.x + this._ref.width(),
                 y: position.y + this._ref.height()
             }));
-        }));
+        });
         this._ref.getSelfRect = () => ({
             x: 0 - ARC_RADIUS,
             y: 0 - ARC_RADIUS,
@@ -1636,10 +1636,10 @@ function debounce(func, wait) {
         if (timeout) {
             clearTimeout(timeout);
         }
-        timeout = setTimeout((() => {
+        timeout = setTimeout(() => {
             timeout = null;
             func(...args);
-        }), wait);
+        }, wait);
     };
 }
 
@@ -1652,7 +1652,7 @@ class KonvaMarkup {
         this.fontSize = 34;
         this.changeActiveDragger = event => {
             const draggerName = event.data;
-            this._markupContainer.className = this._container.className.split(" ").filter((x => !x.startsWith("oda-cursor-"))).filter((x => x)).concat(`oda-cursor-${draggerName.toLowerCase()}`).join(" ");
+            this._markupContainer.className = this._container.className.split(" ").filter(x => !x.startsWith("oda-cursor-")).filter(x => x).concat(`oda-cursor-${draggerName.toLowerCase()}`).join(" ");
             this.removeTextInput();
             this.removeImageInput();
             this.enableEditMode(draggerName);
@@ -1664,9 +1664,9 @@ class KonvaMarkup {
             if (!this._konvaStage) return;
             this._konvaStage.width(width);
             this._konvaStage.height(height);
-            this.getObjects().forEach((markupObject => {
+            this.getObjects().forEach(markupObject => {
                 markupObject.updateScreenCoordinates();
-            }));
+            });
         };
         this.resizeViewer = event => {
             const {width: width, height: height} = event;
@@ -1674,19 +1674,19 @@ class KonvaMarkup {
             if (!this._konvaStage) return;
             this._konvaStage.width(width);
             this._konvaStage.height(height);
-            this.getObjects().forEach((markupObject => {
+            this.getObjects().forEach(markupObject => {
                 markupObject.updateScreenCoordinates();
-            }));
+            });
         };
         this.pan = () => {
-            this.getObjects().forEach((markupObject => {
+            this.getObjects().forEach(markupObject => {
                 markupObject.updateScreenCoordinates();
-            }));
+            });
         };
         this.zoomAt = () => {
-            this.getObjects().forEach((markupObject => {
+            this.getObjects().forEach(markupObject => {
                 markupObject.updateScreenCoordinates();
-            }));
+            });
         };
         this.redirectToViewer = event => {
             if (this._viewer) this._viewer.emit(event);
@@ -1701,7 +1701,7 @@ class KonvaMarkup {
     initialize(container, containerEvents, viewer, worldTransformer) {
         if (!Konva) throw new Error('Markup error: Konva is not initialized. Forgot to add <script src="https://unpkg.com/konva@9/konva.min.js"><\/script> to your page?');
         this._viewer = viewer;
-        this._worldTransformer = worldTransformer !== null && worldTransformer !== undefined ? worldTransformer : new WorldTransform;
+        this._worldTransformer = worldTransformer !== null && worldTransformer !== void 0 ? worldTransformer : new WorldTransform;
         this._container = container;
         this._markupContainer = document.createElement("div");
         this._markupContainer.id = "markup-container";
@@ -1729,9 +1729,9 @@ class KonvaMarkup {
             this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
         }
         this.destroyKonva();
-        (_a = this._resizeObserver) === null || _a === undefined ? undefined : _a.disconnect();
+        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         this._resizeObserver = undefined;
-        (_b = this._markupContainer) === null || _b === undefined ? undefined : _b.remove();
+        (_b = this._markupContainer) === null || _b === void 0 ? void 0 : _b.remove();
         this._markupContainer = undefined;
         this._container = undefined;
         this._viewer = undefined;
@@ -1743,7 +1743,7 @@ class KonvaMarkup {
         this.removeTextInput();
         this.removeImageInput();
         this.clearSelected();
-        this.getObjects().forEach((obj => obj.delete()));
+        this.getObjects().forEach(obj => obj.delete());
     }
     getMarkupColor() {
         return this._markupColor.asRGB();
@@ -1762,17 +1762,17 @@ class KonvaMarkup {
     colorizeAllMarkup(r, g, b) {
         this.setMarkupColor(r, g, b);
         const hexColor = new MarkupColor(r, g, b).asHex();
-        this.getObjects().filter((obj => {
+        this.getObjects().filter(obj => {
             var _a;
-            return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor);
-        }));
+            return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor);
+        });
     }
     colorizeSelectedMarkups(r, g, b) {
         const hexColor = new MarkupColor(r, g, b).asHex();
-        this.getSelectedObjects().filter((obj => {
+        this.getSelectedObjects().filter(obj => {
             var _a;
-            return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor);
-        }));
+            return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor);
+        });
     }
     setViewpoint(viewpoint) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -1787,51 +1787,51 @@ class KonvaMarkup {
             x: 0,
             y: 0
         });
-        const markupColor = ((_a = viewpoint.custom_fields) === null || _a === undefined ? undefined : _a.markup_color) || {
+        const markupColor = ((_a = viewpoint.custom_fields) === null || _a === void 0 ? void 0 : _a.markup_color) || {
             r: 255,
             g: 0,
             b: 0
         };
         this.setMarkupColor(markupColor.r, markupColor.g, markupColor.b);
-        (_b = viewpoint.lines) === null || _b === undefined ? undefined : _b.forEach((line => {
+        (_b = viewpoint.lines) === null || _b === void 0 ? void 0 : _b.forEach(line => {
             const linePoints = [];
-            line.points.forEach((point => {
+            line.points.forEach(point => {
                 const screenPoint = this._worldTransformer.worldToScreen(point);
                 linePoints.push(screenPoint.x);
                 linePoints.push(screenPoint.y);
-            }));
+            });
             this.addLine(linePoints, line.color, line.type, line.width, line.id);
-        }));
-        (_c = viewpoint.texts) === null || _c === undefined ? undefined : _c.forEach((text => {
+        });
+        (_c = viewpoint.texts) === null || _c === void 0 ? void 0 : _c.forEach(text => {
             const screenPoint = this._worldTransformer.worldToScreen(text.position);
             this.addText(text.text, screenPoint, text.angle, text.color, text.text_size, text.font_size, text.id);
-        }));
-        (_d = viewpoint.rectangles) === null || _d === undefined ? undefined : _d.forEach((rect => {
+        });
+        (_d = viewpoint.rectangles) === null || _d === void 0 ? void 0 : _d.forEach(rect => {
             const screenPoint = this._worldTransformer.worldToScreen(rect.position);
             const screenPoint2 = rect.position2 ? this._worldTransformer.worldToScreen(rect.position2) : null;
             this.addRectangle(screenPoint, screenPoint2, rect.width, rect.height, rect.line_width, rect.color, rect.id);
-        }));
-        (_e = viewpoint.ellipses) === null || _e === undefined ? undefined : _e.forEach((ellipse => {
+        });
+        (_e = viewpoint.ellipses) === null || _e === void 0 ? void 0 : _e.forEach(ellipse => {
             const screenPoint = this._worldTransformer.worldToScreen(ellipse.position);
             const screenPoint2 = ellipse.position2 ? this._worldTransformer.worldToScreen(ellipse.position2) : null;
             const screenPoint3 = ellipse.position3 ? this._worldTransformer.worldToScreen(ellipse.position3) : null;
             this.addEllipse(screenPoint, screenPoint2, screenPoint3, ellipse.radius, ellipse.line_width, ellipse.color, ellipse.id);
-        }));
-        (_f = viewpoint.arrows) === null || _f === undefined ? undefined : _f.forEach((arrow => {
+        });
+        (_f = viewpoint.arrows) === null || _f === void 0 ? void 0 : _f.forEach(arrow => {
             const startPoint = this._worldTransformer.worldToScreen(arrow.start);
             const endPoint = this._worldTransformer.worldToScreen(arrow.end);
             this.addArrow(startPoint, endPoint, arrow.color, arrow.id);
-        }));
-        (_g = viewpoint.clouds) === null || _g === undefined ? undefined : _g.forEach((cloud => {
+        });
+        (_g = viewpoint.clouds) === null || _g === void 0 ? void 0 : _g.forEach(cloud => {
             const screenPoint = this._worldTransformer.worldToScreen(cloud.position);
             const screenPoint2 = cloud.position2 ? this._worldTransformer.worldToScreen(cloud.position2) : null;
             this.addCloud(screenPoint, screenPoint2, cloud.width, cloud.height, cloud.line_width, cloud.color, cloud.id);
-        }));
-        (_h = viewpoint.images) === null || _h === undefined ? undefined : _h.forEach((image => {
+        });
+        (_h = viewpoint.images) === null || _h === void 0 ? void 0 : _h.forEach(image => {
             const screenPoint = this._worldTransformer.worldToScreen(image.position);
             const screenPoint2 = image.position2 ? this._worldTransformer.worldToScreen(image.position2) : null;
             this.addImage(screenPoint, screenPoint2, image.src, image.width, image.height, image.id);
-        }));
+        });
     }
     getViewpoint(viewpoint) {
         if (!viewpoint) viewpoint = {};
@@ -1873,23 +1873,23 @@ class KonvaMarkup {
     }
     getObjects() {
         const objects = [];
-        Object.keys(MarkupMode2Konva).forEach((type => {
+        Object.keys(MarkupMode2Konva).forEach(type => {
             const konvaShape = MarkupMode2Konva[type];
-            this.konvaLayerFind(type).forEach((ref => objects.push(konvaShape.initializer(ref, null, this._worldTransformer))));
-        }));
+            this.konvaLayerFind(type).forEach(ref => objects.push(konvaShape.initializer(ref, null, this._worldTransformer)));
+        });
         return objects;
     }
     getSelectedObjects() {
         if (!this._konvaTransformer) return [];
-        return this._konvaTransformer.nodes().map((ref => {
+        return this._konvaTransformer.nodes().map(ref => {
             const name = ref.className;
-            const konvaShape = Object.values(MarkupMode2Konva).find((shape => shape.name === name));
+            const konvaShape = Object.values(MarkupMode2Konva).find(shape => shape.name === name);
             return konvaShape ? konvaShape.initializer(ref, null, this._worldTransformer) : null;
-        })).filter((x => x));
+        }).filter(x => x);
     }
     selectObjects(objects) {
         if (!this._konvaTransformer) return;
-        const selectedObjs = this._konvaTransformer.nodes().concat(objects.map((x => x.ref())));
+        const selectedObjs = this._konvaTransformer.nodes().concat(objects.map(x => x.ref()));
         this._konvaTransformer.nodes(selectedObjs);
     }
     clearSelected() {
@@ -1902,7 +1902,7 @@ class KonvaMarkup {
         if (!this._konvaLayer) return [];
         const konvaShape = MarkupMode2Konva[type];
         if (!konvaShape || !konvaShape.initializer) return [];
-        return this._konvaLayer.find(konvaShape.name).filter((ref => ref.parent === this._konvaLayer || ref.parent === this._groupImages || ref.parent === this._groupGeometry || ref.parent === this._groupTexts));
+        return this._konvaLayer.find(konvaShape.name).filter(ref => ref.parent === this._konvaLayer || ref.parent === this._groupImages || ref.parent === this._groupGeometry || ref.parent === this._groupTexts);
     }
     initializeKonva() {
         const stage = new Konva.Stage({
@@ -1933,7 +1933,7 @@ class KonvaMarkup {
         let lastLine;
         let mouseDownPos;
         let lastObj;
-        stage.on("mousedown touchstart", (e => {
+        stage.on("mousedown touchstart", e => {
             if (!this._markupIsActive || e.target !== stage || this._markupMode === "Text" || this._markupMode === "Image") return;
             if (e.target === stage && transformer.nodes().length > 0) {
                 transformer.nodes([]);
@@ -1941,12 +1941,12 @@ class KonvaMarkup {
             }
             const pos = this.getRelativePointerPosition(stage);
             mouseDownPos = pos;
-            isPaint = [ "Arrow", "Cloud", "Ellipse", "Line", "Rectangle" ].some((m => m === this._markupMode));
+            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 ]);
             }
-        }));
-        stage.on("mouseup touchend", (() => {
+        });
+        stage.on("mouseup touchend", () => {
             if (!this._markupIsActive) return;
             if (isPaint) {
                 const pos = this.getRelativePointerPosition(stage);
@@ -1987,8 +1987,8 @@ class KonvaMarkup {
             }
             lastObj = undefined;
             isPaint = false;
-        }));
-        stage.on("mousemove touchmove", (() => {
+        });
+        stage.on("mousemove touchmove", () => {
             if (!this._markupIsActive) return;
             if (!isPaint) {
                 return;
@@ -2043,8 +2043,8 @@ class KonvaMarkup {
                     y: startY
                 }, null, dX, dY);
             }
-        }));
-        stage.on("click tap", (e => {
+        });
+        stage.on("click tap", e => {
             if (!this._markupIsActive) return;
             if (e.target === stage) {
                 if (this._markupMode === "Text") {
@@ -2086,7 +2086,7 @@ class KonvaMarkup {
                     this.removeImageInput();
                 }
             }
-            if (transformer.nodes().filter((x => x.className === "Cloud" || x.className === "Image")).length > 0 || e.target.className === "Cloud" || e.target.className === "Image") {
+            if (transformer.nodes().filter(x => x.className === "Cloud" || x.className === "Image").length > 0 || e.target.className === "Cloud" || e.target.className === "Image") {
                 transformer.rotateEnabled(false);
             } else {
                 transformer.rotateEnabled(true);
@@ -2103,26 +2103,26 @@ class KonvaMarkup {
                 const nodes = transformer.nodes().concat([ e.target ]);
                 transformer.nodes(nodes);
             }
-        }));
+        });
         const container = stage.container();
         container.tabIndex = 1;
         container.focus();
-        container.addEventListener("keydown", (e => {
+        container.addEventListener("keydown", e => {
             if (!this._markupIsActive) return;
             if (e.code === "Delete") {
-                this.getSelectedObjects().forEach((obj => obj.delete()));
+                this.getSelectedObjects().forEach(obj => obj.delete());
                 this.clearSelected();
                 return;
             }
             e.preventDefault();
-        }));
+        });
     }
     destroyKonva() {
         var _a;
         this.removeTextInput();
         this.removeImageInput();
         this.clearOverlay();
-        (_a = this._konvaStage) === null || _a === undefined ? undefined : _a.destroy();
+        (_a = this._konvaStage) === null || _a === void 0 ? void 0 : _a.destroy();
         this._groupImages = undefined;
         this._groupGeometry = undefined;
         this._groupTexts = undefined;
@@ -2132,7 +2132,7 @@ class KonvaMarkup {
     }
     getMarkupLines() {
         const lines = [];
-        this.konvaLayerFind("Line").forEach((ref => {
+        this.konvaLayerFind("Line").forEach(ref => {
             const wcsPoints = ref.getAttr("wcsPoints");
             if (!wcsPoints) return;
             const konvaLine = new KonvaLine(null, ref, this._worldTransformer);
@@ -2144,12 +2144,12 @@ class KonvaMarkup {
                 width: konvaLine.getLineWidth() || this.lineWidth
             };
             lines.push(line);
-        }));
+        });
         return lines;
     }
     getMarkupTexts() {
         const texts = [];
-        this.konvaLayerFind("Text").forEach((ref => {
+        this.konvaLayerFind("Text").forEach(ref => {
             const textSize = .02;
             const textScale = this._worldTransformer.getScale();
             const wcsPosition = ref.getAttr("wcsStart");
@@ -2165,12 +2165,12 @@ class KonvaMarkup {
                 font_size: shape.getFontSize() * stageAbsoluteTransform.getMatrix()[0]
             };
             texts.push(text);
-        }));
+        });
         return texts;
     }
     getMarkupRectangles() {
         const rectangles = [];
-        this.konvaLayerFind("Rectangle").forEach((ref => {
+        this.konvaLayerFind("Rectangle").forEach(ref => {
             const wcsStart = ref.getAttr("wcsStart");
             const wcsEnd = ref.getAttr("wcsEnd");
             const screenStart = this._worldTransformer.worldToScreen(wcsStart);
@@ -2186,12 +2186,12 @@ class KonvaMarkup {
                 color: shape.getColor()
             };
             rectangles.push(rectangle);
-        }));
+        });
         return rectangles;
     }
     getMarkupEllipses() {
         const ellipses = [];
-        this.konvaLayerFind("Ellipse").forEach((ref => {
+        this.konvaLayerFind("Ellipse").forEach(ref => {
             const wcsPosition = ref.getAttr("wcsPosition");
             const wcsPosition2 = ref.getAttr("wcsRadiusX");
             const wcsPosition3 = ref.getAttr("wcsRadiusY");
@@ -2211,12 +2211,12 @@ class KonvaMarkup {
                 color: shape.getColor()
             };
             ellipses.push(ellipse);
-        }));
+        });
         return ellipses;
     }
     getMarkupArrows() {
         const arrows = [];
-        this.konvaLayerFind("Arrow").forEach((ref => {
+        this.konvaLayerFind("Arrow").forEach(ref => {
             const wcsStart = ref.getAttr("wcsStart");
             const wcsEnd = ref.getAttr("wcsEnd");
             const shape = new KonvaArrow(null, ref, this._worldTransformer);
@@ -2227,12 +2227,12 @@ class KonvaMarkup {
                 color: shape.getColor()
             };
             arrows.push(arrow);
-        }));
+        });
         return arrows;
     }
     getMarkupImages() {
         const images = [];
-        this.konvaLayerFind("Image").forEach((ref => {
+        this.konvaLayerFind("Image").forEach(ref => {
             const wcsStart = ref.getAttr("wcsStart");
             const wcsEnd = ref.getAttr("wcsEnd");
             const stageAbsoluteTransform = this._konvaStage.getAbsoluteTransform();
@@ -2247,12 +2247,12 @@ class KonvaMarkup {
                 height: shape.getHeight() * scale
             };
             images.push(image);
-        }));
+        });
         return images;
     }
     getMarkupClouds() {
         const clouds = [];
-        this.konvaLayerFind("Cloud").forEach((ref => {
+        this.konvaLayerFind("Cloud").forEach(ref => {
             const wcsStart = ref.getAttr("wcsStart");
             const wcsEnd = ref.getAttr("wcsEnd");
             const screenStart = this._worldTransformer.worldToScreen(wcsStart);
@@ -2268,7 +2268,7 @@ class KonvaMarkup {
                 color: shape.getColor()
             };
             clouds.push(cloud);
-        }));
+        });
         return clouds;
     }
     combineMarkupWithDrawing() {
@@ -2329,23 +2329,23 @@ class KonvaMarkup {
             };
             if (text) this._textInputRef.value = text;
             document.body.appendChild(this._textInputRef);
-            setTimeout((() => {
+            setTimeout(() => {
                 this._textInputRef.focus();
-            }), 50);
+            }, 50);
         } else {
             this.removeTextInput();
         }
     }
     removeTextInput() {
         var _a;
-        (_a = this._textInputRef) === null || _a === undefined ? undefined : _a.remove();
+        (_a = this._textInputRef) === null || _a === void 0 ? void 0 : _a.remove();
         this._textInputRef = null;
         this._textInputPos = null;
         this._textInputAngle = 0;
     }
     createImageInput(pos) {
         if (!this._imageInputRef) {
-            const convertBase64 = file => new Promise(((resolve, reject) => {
+            const convertBase64 = file => new Promise((resolve, reject) => {
                 const fileReader = new FileReader;
                 fileReader.readAsDataURL(file);
                 fileReader.onload = () => {
@@ -2354,7 +2354,7 @@ class KonvaMarkup {
                 fileReader.onerror = error => {
                     reject(error);
                 };
-            }));
+            });
             this._imageInputPos = pos;
             this._imageInputRef = document.createElement("input");
             this._imageInputRef.style.display = "none";
@@ -2372,23 +2372,23 @@ class KonvaMarkup {
                 this.removeImageInput();
             };
             document.body.appendChild(this._imageInputRef);
-            setTimeout((() => {
+            setTimeout(() => {
                 this._imageInputRef.click();
-            }), 50);
+            }, 50);
         } else {
             this.removeImageInput();
         }
     }
     removeImageInput() {
         var _a;
-        (_a = this._imageInputRef) === null || _a === undefined ? undefined : _a.remove();
+        (_a = this._imageInputRef) === null || _a === void 0 ? void 0 : _a.remove();
         this._imageInputRef = null;
         this._imageInputPos = null;
     }
     addText(text, position, angle, color, textSize, fontSize, id) {
         var _a;
         if (!text) return;
-        (_a = this.getSelectedObjects().at(0)) === null || _a === undefined ? undefined : _a.delete();
+        (_a = this.getSelectedObjects().shift()) === null || _a === void 0 ? void 0 : _a.delete();
         this.clearSelected();
         this.removeTextInput();
         const tolerance = 1e-6;
@@ -2467,7 +2467,7 @@ class KonvaMarkup {
     addImage(position, position2, src, width, height, id) {
         var _a;
         if (!position || !src) return;
-        (_a = this.getSelectedObjects().at(0)) === null || _a === undefined ? undefined : _a.delete();
+        (_a = this.getSelectedObjects().shift()) === null || _a === void 0 ? void 0 : _a.delete();
         this.clearSelected();
         this.removeImageInput();
         const konvaImage = new KonvaImage({