@inweb/markup 26.3.3 → 26.4.0

package/dist/markup.module.js

@@ -72,8 +72,8 @@ class KonvaLine {
         const konvaPoints = [];
         params.points.forEach((point => konvaPoints.push(point.x, point.y)));
         this._ref = new Konva.Line({
-            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
-            strokeWidth: (_b = params.width) !== null && _b !== void 0 ? _b : 4,
+            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
+            strokeWidth: (_b = params.width) !== null && _b !== undefined ? _b : 4,
             globalCompositeOperation: "source-over",
             lineCap: "round",
             lineJoin: "round",
@@ -180,12 +180,12 @@ class KonvaText {
             x: params.position.x,
             y: params.position.y,
             text: params.text,
-            fontSize: (_a = params.fontSize) !== null && _a !== void 0 ? _a : 34,
+            fontSize: (_a = params.fontSize) !== null && _a !== undefined ? _a : 34,
             fontFamily: this.TEXT_FONT_FAMILY,
-            fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
+            fill: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
             align: "left",
             draggable: true,
-            rotation: (_c = params.rotation) !== null && _c !== void 0 ? _c : 0
+            rotation: (_c = params.rotation) !== null && _c !== undefined ? _c : 0
         });
         this._ref.width(this._ref.getTextWidth());
         this._ref.on("transform", (e => {
@@ -283,15 +283,15 @@ class KonvaRectangle {
             y: 0
         };
         this._ref = new Konva.Rect({
-            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
-            strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
+            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
+            strokeWidth: (_b = params.lineWidth) !== null && _b !== undefined ? _b : 4,
             globalCompositeOperation: "source-over",
             lineCap: "round",
             lineJoin: "round",
             x: params.position.x,
             y: params.position.y,
-            width: (_c = params.width) !== null && _c !== void 0 ? _c : 200,
-            height: (_d = params.height) !== null && _d !== void 0 ? _d : 200,
+            width: (_c = params.width) !== null && _c !== undefined ? _c : 200,
+            height: (_d = params.height) !== null && _d !== undefined ? _d : 200,
             draggable: true,
             strokeScaleEnabled: false
         });
@@ -401,8 +401,8 @@ class KonvaEllipse {
             y: 25
         };
         this._ref = new Konva.Ellipse({
-            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
-            strokeWidth: (_b = params.lineWidth) !== null && _b !== void 0 ? _b : 4,
+            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
+            strokeWidth: (_b = params.lineWidth) !== null && _b !== undefined ? _b : 4,
             globalCompositeOperation: "source-over",
             lineCap: "round",
             lineJoin: "round",
@@ -531,8 +531,8 @@ class KonvaArrow {
             y: 100
         };
         this._ref = new Konva.Arrow({
-            stroke: (_a = params.color) !== null && _a !== void 0 ? _a : "#ff0000",
-            fill: (_b = params.color) !== null && _b !== void 0 ? _b : "#ff0000",
+            stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
+            fill: (_b = params.color) !== null && _b !== undefined ? _b : "#ff0000",
             strokeWidth: 4,
             globalCompositeOperation: "source-over",
             lineCap: "round",
@@ -672,8 +672,8 @@ class KonvaImage {
             x: params.position.x,
             y: params.position.y,
             image: this._canvasImage,
-            width: (_a = params.width) !== null && _a !== void 0 ? _a : 0,
-            height: (_b = params.height) !== null && _b !== void 0 ? _b : 0,
+            width: (_a = params.width) !== null && _a !== undefined ? _a : 0,
+            height: (_b = params.height) !== null && _b !== undefined ? _b : 0,
             draggable: true
         });
         this._ref.on("transform", (e => {
@@ -783,10 +783,10 @@ class KonvaCloud {
         this._ref = new Konva.Shape({
             x: params.position.x,
             y: params.position.y,
-            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,
+            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,
             draggable: true,
             strokeScaleEnabled: false,
             globalCompositeOperation: "source-over",
@@ -1035,9 +1035,9 @@ 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 !== void 0 ? worldTransformer : new WorldTransform;
+        this._worldTransformer = worldTransformer !== null && worldTransformer !== undefined ? worldTransformer : new WorldTransform;
         this._container = container;
-        this._containerEvents = containerEvents !== null && containerEvents !== void 0 ? containerEvents : [];
+        this._containerEvents = containerEvents !== null && containerEvents !== undefined ? containerEvents : [];
         this._markupContainer = document.createElement("div");
         this._markupContainer.id = "markup-container";
         this._markupContainer.style.position = "absolute";
@@ -1065,9 +1065,9 @@ class KonvaMarkup {
             this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
         }
         this.destroyKonva();
-        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_a = this._resizeObserver) === null || _a === undefined ? undefined : _a.disconnect();
         this._resizeObserver = undefined;
-        (_b = this._markupContainer) === null || _b === void 0 ? void 0 : _b.remove();
+        (_b = this._markupContainer) === null || _b === undefined ? undefined : _b.remove();
         this._markupContainer = undefined;
         this._container = undefined;
         this._viewer = undefined;
@@ -1099,14 +1099,14 @@ class KonvaMarkup {
         const hexColor = new MarkupColor(r, g, b).asHex();
         this.getObjects().filter((obj => {
             var _a;
-            return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor);
+            return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor);
         }));
     }
     colorizeSelectedMarkups(r, g, b) {
         const hexColor = new MarkupColor(r, g, b).asHex();
         this.getSelectedObjects().filter((obj => {
             var _a;
-            return (_a = obj.setColor) === null || _a === void 0 ? void 0 : _a.call(obj, hexColor);
+            return (_a = obj.setColor) === null || _a === undefined ? undefined : _a.call(obj, hexColor);
         }));
     }
     setViewpoint(viewpoint) {
@@ -1122,13 +1122,13 @@ class KonvaMarkup {
             x: 0,
             y: 0
         });
-        const markupColor = ((_a = viewpoint.custom_fields) === null || _a === void 0 ? void 0 : _a.markup_color) || {
+        const markupColor = ((_a = viewpoint.custom_fields) === null || _a === undefined ? undefined : _a.markup_color) || {
             r: 255,
             g: 0,
             b: 0
         };
         this.setMarkupColor(markupColor.r, markupColor.g, markupColor.b);
-        (_b = viewpoint.lines) === null || _b === void 0 ? void 0 : _b.forEach((line => {
+        (_b = viewpoint.lines) === null || _b === undefined ? undefined : _b.forEach((line => {
             const linePoints = [];
             line.points.forEach((point => {
                 const screenPoint = this._worldTransformer.worldToScreen(point);
@@ -1137,28 +1137,28 @@ class KonvaMarkup {
             }));
             this.addLine(linePoints, line.color, line.type, line.width, line.id);
         }));
-        (_c = viewpoint.texts) === null || _c === void 0 ? void 0 : _c.forEach((text => {
+        (_c = viewpoint.texts) === null || _c === undefined ? undefined : _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 === void 0 ? void 0 : _d.forEach((rect => {
+        (_d = viewpoint.rectangles) === null || _d === undefined ? undefined : _d.forEach((rect => {
             const screenPoint = this._worldTransformer.worldToScreen(rect.position);
             this.addRectangle(screenPoint, rect.width, rect.height, rect.line_width, rect.color, rect.id);
         }));
-        (_e = viewpoint.ellipses) === null || _e === void 0 ? void 0 : _e.forEach((ellipse => {
+        (_e = viewpoint.ellipses) === null || _e === undefined ? undefined : _e.forEach((ellipse => {
             const screenPoint = this._worldTransformer.worldToScreen(ellipse.position);
             this.addEllipse(screenPoint, ellipse.radius, ellipse.line_width, ellipse.color, ellipse.id);
         }));
-        (_f = viewpoint.arrows) === null || _f === void 0 ? void 0 : _f.forEach((arrow => {
+        (_f = viewpoint.arrows) === null || _f === undefined ? undefined : _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 === void 0 ? void 0 : _g.forEach((cloud => {
+        (_g = viewpoint.clouds) === null || _g === undefined ? undefined : _g.forEach((cloud => {
             const screenPoint = this._worldTransformer.worldToScreen(cloud.position);
             this.addCloud(screenPoint, cloud.width, cloud.height, cloud.line_width, cloud.color, cloud.id);
         }));
-        (_h = viewpoint.images) === null || _h === void 0 ? void 0 : _h.forEach((image => {
+        (_h = viewpoint.images) === null || _h === undefined ? undefined : _h.forEach((image => {
             const screenPoint = this._worldTransformer.worldToScreen(image.position);
             this.addImage(screenPoint, image.src, image.width, image.height, image.id);
         }));
@@ -1452,7 +1452,7 @@ class KonvaMarkup {
         this.removeTextInput();
         this.removeImageInput();
         this.clearOverlay();
-        (_a = this._konvaStage) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_a = this._konvaStage) === null || _a === undefined ? undefined : _a.destroy();
         this._groupImages = undefined;
         this._groupGeometry = undefined;
         this._groupTexts = undefined;
@@ -1702,7 +1702,7 @@ class KonvaMarkup {
     }
     removeTextInput() {
         var _a;
-        (_a = this._textInputRef) === null || _a === void 0 ? void 0 : _a.remove();
+        (_a = this._textInputRef) === null || _a === undefined ? undefined : _a.remove();
         this._textInputRef = null;
         this._textInputPos = null;
         this._textInputAngle = 0;
@@ -1745,14 +1745,14 @@ class KonvaMarkup {
     }
     removeImageInput() {
         var _a;
-        (_a = this._imageInputRef) === null || _a === void 0 ? void 0 : _a.remove();
+        (_a = this._imageInputRef) === null || _a === undefined ? undefined : _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 === void 0 ? void 0 : _a.delete();
+        (_a = this.getSelectedObjects().at(0)) === null || _a === undefined ? undefined : _a.delete();
         this.clearSelected();
         this.removeTextInput();
         const tolerance = 1e-6;
@@ -1827,7 +1827,7 @@ class KonvaMarkup {
     addImage(position, src, width, height, id) {
         var _a;
         if (!position || !src) return;
-        (_a = this.getSelectedObjects().at(0)) === null || _a === void 0 ? void 0 : _a.delete();
+        (_a = this.getSelectedObjects().at(0)) === null || _a === undefined ? undefined : _a.delete();
         this.clearSelected();
         this.removeImageInput();
         const konvaImage = new KonvaImage({