@inweb/markup 26.12.0 → 26.12.1

package/lib/markup/Konva/KonvaMarkup.d.ts

@@ -36,6 +36,7 @@ export declare class KonvaMarkup implements IMarkup {
     resizeContainer: () => void;
     pan: () => void;
     zoomAt: () => void;
+    changeCameraMode: () => void;
     redirectToViewer: (event: any) => void;
     syncOverlay(): void;
     clearOverlay(): void;
@@ -59,6 +60,7 @@ export declare class KonvaMarkup implements IMarkup {
     private konvaLayerFind;
     private getRelativePointPosition;
     private getRelativePointerPosition;
+    private updateScreenCoordinatesForAll;
     private initializeKonva;
     private destroyKonva;
     private getMarkupLines;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/markup",
-  "version": "26.12.0",
+  "version": "26.12.1",
   "description": "JavaScript 2D markups",
   "homepage": "https://cloud.opendesign.com/docs/index.html",
   "license": "SEE LICENSE IN LICENSE",
@@ -26,8 +26,8 @@
     "docs": "typedoc"
   },
   "dependencies": {
-    "@inweb/eventemitter2": "~26.12.0",
-    "@inweb/viewer-core": "~26.12.0"
+    "@inweb/eventemitter2": "~26.12.1",
+    "@inweb/viewer-core": "~26.12.1"
   },
   "devDependencies": {
     "konva": "^10.0.2"

package/src/markup/Konva/KonvaMarkup.ts

@@ -143,11 +143,13 @@ export class KonvaMarkup implements IMarkup {
       this._viewer.addEventListener("changeactivedragger", this.changeActiveDragger);
       this._viewer.addEventListener("pan", this.pan);
       this._viewer.addEventListener("zoomat", this.zoomAt);
+      this._viewer.addEventListener("changecameramode", this.changeCameraMode);
     }
   }
 
   dispose(): void {
     if (this._viewer) {
+      this._viewer.removeEventListener("changecameramode", this.changeCameraMode);
       this._viewer.removeEventListener("zoomat", this.zoomAt);
       this._viewer.removeEventListener("pan", this.pan);
       this._viewer.removeEventListener("changeactivedragger", this.changeActiveDragger);
@@ -201,15 +203,15 @@ export class KonvaMarkup implements IMarkup {
   };
 
   pan = () => {
-    this.getObjects().forEach((markupObject) => {
-      markupObject.updateScreenCoordinates();
-    });
+    this.updateScreenCoordinatesForAll();
   };
 
   zoomAt = () => {
-    this.getObjects().forEach((markupObject) => {
-      markupObject.updateScreenCoordinates();
-    });
+    this.updateScreenCoordinatesForAll();
+  };
+
+  changeCameraMode = () => {
+    this.clearOverlay();
   };
 
   redirectToViewer = (event: any) => {
@@ -426,6 +428,12 @@ export class KonvaMarkup implements IMarkup {
     return this.getRelativePointPosition(node.getStage().getPointerPosition(), node);
   };
 
+  private updateScreenCoordinatesForAll() {
+    this.getObjects().forEach((markupObject) => {
+      markupObject.updateScreenCoordinates();
+    });
+  }
+
   private initializeKonva(): any {
     // first we need Konva core things: stage and layer
     const stage = new Konva.Stage({