@inweb/viewer-three 26.12.4 → 26.12.6

package/dist/viewer-three.module.js

@@ -1766,7 +1766,7 @@ class JoyStickControls extends Controls {
         this.overlayElement.style.position = "fixed";
         this.overlayElement.style.zIndex = "0";
         this.overlayElement.style.touchAction = "none";
-        document.body.appendChild(this.overlayElement);
+        canvasElement.parentElement.appendChild(this.overlayElement);
         this.joyStickCanvas = document.createElement("canvas");
         this.joyStickCanvas.id = "joyStickCanvas";
         this.joyStickCanvas.width = this.CANVAS_SIZE;
@@ -2289,7 +2289,6 @@ function regenerateAll(viewer) {
 }
 
 function resetView(viewer) {
-    const reset = viewer.getComponent("ResetComponent");
     viewer.executeCommand("setActiveDragger");
     viewer.executeCommand("clearSlices");
     viewer.executeCommand("clearOverlay");
@@ -2298,7 +2297,6 @@ function resetView(viewer) {
     viewer.executeCommand("showAll");
     viewer.executeCommand("explode", 0);
     viewer.executeCommand("zoomToExtents", true);
-    reset.resetCameraPosition();
     viewer.emit({ type: "resetview" });
 }
 
@@ -3233,19 +3231,22 @@ class ResetComponent {
                 direction: this.viewer.camera.getWorldDirection(new Vector3()),
             };
         };
+        this.resetCameraPosition = () => {
+            if (this.savedCameraPosition) {
+                this.viewer.camera.position.copy(this.savedCameraPosition.position);
+                this.viewer.camera.up.copy(this.savedCameraPosition.up);
+                this.viewer.camera.lookAt(this.savedCameraPosition.position.clone().add(this.savedCameraPosition.direction));
+                this.viewer.camera.updateProjectionMatrix();
+            }
+        };
         this.viewer = viewer;
         this.viewer.addEventListener("databasechunk", this.onDatabaseChunk);
+        this.viewer.on("resetview", this.resetCameraPosition);
     }
     dispose() {
+        this.viewer.off("resetview", this.resetCameraPosition);
         this.viewer.removeEventListener("databasechunk", this.onDatabaseChunk);
     }
-    resetCameraPosition() {
-        if (this.savedCameraPosition) {
-            this.viewer.camera.position.copy(this.savedCameraPosition.position);
-            this.viewer.camera.up.copy(this.savedCameraPosition.up);
-            this.viewer.camera.lookAt(this.savedCameraPosition.position.clone().add(this.savedCameraPosition.direction));
-        }
-    }
 }
 
 const components = componentsRegistry("threejs");