@inweb/viewer-three 26.12.0 → 26.12.1

package/dist/viewer-three.js

@@ -54214,14 +54214,13 @@ js: import "konva/skia-backend";
                 });
             };
             this.pan = () => {
-                this.getObjects().forEach((markupObject) => {
-                    markupObject.updateScreenCoordinates();
-                });
+                this.updateScreenCoordinatesForAll();
             };
             this.zoomAt = () => {
-                this.getObjects().forEach((markupObject) => {
-                    markupObject.updateScreenCoordinates();
-                });
+                this.updateScreenCoordinatesForAll();
+            };
+            this.changeCameraMode = () => {
+                this.clearOverlay();
             };
             this.redirectToViewer = (event) => {
                 if (this._viewer)
@@ -54255,11 +54254,13 @@ js: import "konva/skia-backend";
                 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() {
             var _a, _b;
             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);
@@ -54434,6 +54435,11 @@ js: import "konva/skia-backend";
                 ref.parent === this._groupGeometry ||
                 ref.parent === this._groupTexts);
         }
+        updateScreenCoordinatesForAll() {
+            this.getObjects().forEach((markupObject) => {
+                markupObject.updateScreenCoordinates();
+            });
+        }
         initializeKonva() {
             const stage = new Konva.Stage({
                 container: this._markupContainer,
@@ -55531,9 +55537,27 @@ js: import "konva/skia-backend";
             const rect = this.canvas.getBoundingClientRect();
             const x = position.x / (rect.width / 2) - 1;
             const y = -position.y / (rect.height / 2) + 1;
-            const point = new Vector3(x, y, -1);
-            point.unproject(this.camera);
-            return { x: point.x, y: point.y, z: point.z };
+            if (this.camera["isPerspectiveCamera"]) {
+                const raycaster = new Raycaster();
+                const mouse = new Vector2(x, y);
+                raycaster.setFromCamera(mouse, this.camera);
+                const cameraDirection = new Vector3();
+                this.camera.getWorldDirection(cameraDirection);
+                const targetPlane = new Plane().setFromNormalAndCoplanarPoint(cameraDirection, this.target);
+                const intersectionPoint = new Vector3();
+                raycaster.ray.intersectPlane(targetPlane, intersectionPoint);
+                if (!intersectionPoint) {
+                    const point = new Vector3(x, y, -1);
+                    point.unproject(this.camera);
+                    return { x: point.x, y: point.y, z: point.z };
+                }
+                return { x: intersectionPoint.x, y: intersectionPoint.y, z: intersectionPoint.z };
+            }
+            else {
+                const point = new Vector3(x, y, -1);
+                point.unproject(this.camera);
+                return { x: point.x, y: point.y, z: point.z };
+            }
         }
         worldToScreen(position) {
             if (!this.renderer)