@inweb/viewer-visualize 25.8.20 → 25.8.21

package/dist/viewer-visualize.module.js

@@ -767,24 +767,24 @@ async function autoTransformAllModelsToCentralPoint(viewer, model) {
 commands("VisualizeJS").registerCommand("autoTransformAllModelsToCentralPoint", autoTransformAllModelsToCentralPoint);
 
 class MarkupColor {
-    get HexColor() {
-        return "#" + this._hex;
+    constructor(r, g, b) {
+        this.setColor(r, g, b);
+    }
+    asHex() {
+        return "#" + this.HEX;
     }
-    get RGB() {
+    asRGB() {
         return {
             r: this.R,
             g: this.G,
             b: this.B
         };
     }
-    constructor(r, g, b) {
-        this.setColor(r, g, b);
-    }
     setColor(r, g, b) {
         this.R = r;
         this.G = g;
         this.B = b;
-        this._hex = this.rgbToHex(r, g, b);
+        this.HEX = this.rgbToHex(r, g, b);
     }
     rgbToHex(r, g, b) {
         const valueToHex = c => {
@@ -1749,7 +1749,7 @@ const MarkupMode2Konva = {
 
 class KonvaMarkup {
     constructor() {
-        this._pointerEvents = [];
+        this._containerEvents = [];
         this._markupIsActive = false;
         this._markupColor = new MarkupColor(255, 0, 0);
         this.lineWidth = 4;
@@ -1781,12 +1781,12 @@ class KonvaMarkup {
             if (this._viewer) this._viewer.emit(event);
         };
     }
-    initialize(container, pointerEvents, viewer, worldTransformer) {
+    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._container = container;
-        this._pointerEvents = pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : [];
+        this._containerEvents = containerEvents !== null && containerEvents !== void 0 ? containerEvents : [];
         this._markupContainer = document.createElement("div");
         this._markupContainer.id = "markup-container";
         this._markupContainer.style.position = "absolute";
@@ -1800,7 +1800,7 @@ class KonvaMarkup {
         this._markupColor.setColor(255, 0, 0);
         this.initializeKonva();
         if (this._viewer) {
-            this._pointerEvents.forEach((x => this._markupContainer.addEventListener(x, this.redirectToViewer)));
+            this._containerEvents.forEach((x => this._markupContainer.addEventListener(x, this.redirectToViewer)));
             this._viewer.addEventListener("changeactivedragger", this.changeActiveDragger);
             this._viewer.addEventListener("pan", this.pan);
         }
@@ -1810,7 +1810,7 @@ class KonvaMarkup {
         if (this._viewer) {
             this._viewer.removeEventListener("pan", this.pan);
             this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
-            this._pointerEvents.forEach((x => this._markupContainer.removeEventListener(x, this.redirectToViewer)));
+            this._containerEvents.forEach((x => this._markupContainer.removeEventListener(x, this.redirectToViewer)));
         }
         this.destroyKonva();
         (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -1830,20 +1830,20 @@ class KonvaMarkup {
         this.getObjects().forEach((obj => obj.delete()));
     }
     getMarkupColor() {
-        return this._markupColor.RGB;
+        return this._markupColor.asRGB();
     }
     setMarkupColor(r, g, b) {
         this._markupColor.setColor(r, g, b);
     }
     colorizeAllMarkup(r, g, b) {
-        const hexColor = new MarkupColor(r, g, b).HexColor;
+        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);
         }));
     }
     colorizeSelectedMarkups(r, g, b) {
-        const hexColor = new MarkupColor(r, g, b).HexColor;
+        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);
@@ -2367,7 +2367,7 @@ class KonvaMarkup {
             points: points,
             type: type || this.lineType,
             width: width || this.lineWidth,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaLine);
@@ -2384,7 +2384,7 @@ class KonvaMarkup {
             this._textInputRef.style.top = inputY + "px";
             this._textInputRef.style.left = inputX + "px";
             this._textInputRef.style.fontSize = `${this.fontSize}px`;
-            this._textInputRef.style.color = `${this._markupColor.HexColor}`;
+            this._textInputRef.style.color = `${this._markupColor.asHex()}`;
             this._textInputRef.style.fontFamily = "Calibri";
             this._textInputRef.onkeydown = event => {
                 if (event.key === "Enter" && !event.shiftKey) {
@@ -2474,7 +2474,7 @@ class KonvaMarkup {
             text: text,
             rotation: angle,
             fontSize: fontSize || this.fontSize,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaText);
@@ -2487,7 +2487,7 @@ class KonvaMarkup {
             width: width,
             height: height,
             lineWidth: lineWidth || this.lineWidth,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaRectangle);
@@ -2499,7 +2499,7 @@ class KonvaMarkup {
             position: position,
             radius: radius,
             lineWidth: lineWidth,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaEllipse);
@@ -2510,7 +2510,7 @@ class KonvaMarkup {
         const konvaArrow = new KonvaArrow({
             start: start,
             end: end,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             id: id
         });
         this.addObject(konvaArrow);
@@ -2522,7 +2522,7 @@ class KonvaMarkup {
             position: position,
             width: width,
             height: height,
-            color: color || this._markupColor.HexColor,
+            color: color || this._markupColor.asHex(),
             lineWidth: lineWidth || this.lineWidth,
             id: id
         });
@@ -4985,7 +4985,7 @@ class VisualizeMarkup {
         this.lineWidth = 4;
         this.fontSize = 34;
     }
-    initialize(canvas, canvasEvents, viewer, worldTransformer) {
+    initialize(container, containerEvents, viewer, worldTransformer) {
         this._viewer = viewer;
         this._viewer.registerDragger("Line", OdaLineDragger);
         this._viewer.registerDragger("Text", OdaTextDragger);