@inweb/viewer-three 27.1.4 → 27.1.5

package/dist/viewer-three.js

@@ -36134,7 +36134,7 @@ void main() {
             if (camera.isOrthographicCamera) {
                 camera.left = camera.bottom * aspectRatio;
                 camera.right = camera.top * aspectRatio;
-                camera.near = 0;
+                camera.near = -extentsSize * 1000;
                 camera.far = extentsSize * 1000;
             }
             camera.updateProjectionMatrix();
@@ -36400,22 +36400,7 @@ void main() {
         }
     }
 
-    class RenderLoopComponent {
-        constructor(viewer) {
-            this.animate = (time) => {
-                this.requestId = requestAnimationFrame(this.animate);
-                this.viewer.render(time);
-                this.viewer.emitEvent({ type: "animate", time });
-            };
-            this.viewer = viewer;
-            this.requestId = requestAnimationFrame(this.animate);
-        }
-        dispose() {
-            cancelAnimationFrame(this.requestId);
-        }
-    }
-
-    class ResizeCanvasComponent {
+    class CanvasResizeComponent {
         constructor(viewer) {
             this.resizeViewer = (entries) => {
                 const { width, height } = entries[0].contentRect;
@@ -36432,6 +36417,46 @@ void main() {
         }
     }
 
+    class CanvasRemoveComponent {
+        constructor(viewer) {
+            this.cleanupViewer = (mutations) => {
+                for (const mutation of mutations) {
+                    if (mutation.type === "childList" && mutation.removedNodes.length > 0) {
+                        for (const node of mutation.removedNodes) {
+                            if (node === this.viewer.canvas || node.contains(this.viewer.canvas)) {
+                                this.viewer.emitEvent({ type: "canvasremoved" });
+                                this.viewer.dispose();
+                                return;
+                            }
+                        }
+                    }
+                }
+            };
+            this.viewer = viewer;
+            this.mutationObserver = new MutationObserver(this.cleanupViewer);
+            this.mutationObserver.observe(document, { childList: true, subtree: true });
+        }
+        dispose() {
+            this.mutationObserver.disconnect();
+            this.mutationObserver = undefined;
+        }
+    }
+
+    class RenderLoopComponent {
+        constructor(viewer) {
+            this.animate = (time) => {
+                this.requestId = requestAnimationFrame(this.animate);
+                this.viewer.render(time);
+                this.viewer.emitEvent({ type: "animate", time });
+            };
+            this.viewer = viewer;
+            this.requestId = requestAnimationFrame(this.animate);
+        }
+        dispose() {
+            cancelAnimationFrame(this.requestId);
+        }
+    }
+
     const _box = new Box3();
     const _vector = new Vector3();
     class LineSegmentsGeometry extends InstancedBufferGeometry {
@@ -37527,7 +37552,8 @@ void main() {
     components.registerComponent("BackgroundComponent", (viewer) => new BackgroundComponent(viewer));
     components.registerComponent("LightComponent", (viewer) => new LightComponent(viewer));
     components.registerComponent("InfoComponent", (viewer) => new InfoComponent(viewer));
-    components.registerComponent("ResizeCanvasComponent", (viewer) => new ResizeCanvasComponent(viewer));
+    components.registerComponent("CanvasResizeComponent", (viewer) => new CanvasResizeComponent(viewer));
+    components.registerComponent("CanvasRemoveComponent", (viewer) => new CanvasRemoveComponent(viewer));
     components.registerComponent("RenderLoopComponent", (viewer) => new RenderLoopComponent(viewer));
     components.registerComponent("HighlighterComponent", (viewer) => new HighlighterComponent(viewer));
     components.registerComponent("SelectionComponent", (viewer) => new SelectionComponent(viewer));
@@ -57652,7 +57678,7 @@ js: import "konva/skia-backend";
                     camera.bottom = -orthogonal_camera.field_height / 2;
                     camera.left = camera.bottom * aspectRatio;
                     camera.right = camera.top * aspectRatio;
-                    camera.near = 0;
+                    camera.near = -extentsSize * 1000;
                     camera.far = extentsSize * 1000;
                     camera.zoom = orthogonal_camera.view_to_world_scale;
                     camera.updateProjectionMatrix();