@inweb/viewer-three 26.10.2 → 26.10.3

package/dist/viewer-three.module.js

@@ -958,7 +958,7 @@ class MeasureLineDragger extends OrbitDragger {
             this.overlay.render();
         };
         this.updateSnapper = () => {
-            this.snapper.update(this.viewer);
+            this.snapper.setFromViewer(this.viewer);
         };
         this.updateSnapperCamera = () => {
             this.snapper.camera = this.viewer.camera;
@@ -995,7 +995,6 @@ class MeasureLineDragger extends OrbitDragger {
         this.viewer.removeEventListener("showall", this.updateSnapper);
         this.viewer.removeEventListener("changecameramode", this.updateSnapperCamera);
         this.snapper.dispose();
-        this.snapper.dispose();
         this.overlay.detach();
         this.overlay.dispose();
         super.dispose();
@@ -1012,6 +1011,7 @@ class MeasureSnapper {
         this.camera = camera;
         this.canvas = canvas;
         this.objects = [];
+        this.clippingPlanes = [];
         this.raycaster = new Raycaster();
         this.detectRadiusInPixels = this.isMobile() ? MOBILE_SNAP_DISTANCE : DESKTOP_SNAP_DISTANCE;
         this.edgesCache = new WeakMap();
@@ -1027,7 +1027,7 @@ class MeasureSnapper {
     getMousePosition(event, target) {
         return target.set(event.clientX, event.clientY);
     }
-    getPointerIntersects(mouse, objects) {
+    getPointerIntersects(mouse) {
         const rect = this.canvas.getBoundingClientRect();
         const x = ((mouse.x - rect.left) / rect.width) * 2 - 1;
         const y = (-(mouse.y - rect.top) / rect.height) * 2 + 1;
@@ -1041,7 +1041,11 @@ class MeasureSnapper {
             Points: { threshold: 0.01 },
             Sprite: {},
         };
-        return this.raycaster.intersectObjects(objects, false);
+        let intersects = this.raycaster.intersectObjects(this.objects, false);
+        this.clippingPlanes.forEach((plane) => {
+            intersects = intersects.filter((intersect) => plane.distanceToPoint(intersect.point) >= 0);
+        });
+        return intersects;
     }
     getDetectRadius(point) {
         const camera = this.camera;
@@ -1062,7 +1066,7 @@ class MeasureSnapper {
     }
     getSnapPoint(event) {
         const mouse = this.getMousePosition(event, new Vector2());
-        const intersections = this.getPointerIntersects(mouse, this.objects);
+        const intersections = this.getPointerIntersects(mouse);
         if (intersections.length === 0)
             return undefined;
         const object = intersections[0].object;
@@ -1110,40 +1114,47 @@ class MeasureSnapper {
             return object.localToWorld(snapPoint);
         return intersectionPoint.clone();
     }
-    update(viewer) {
+    setFromViewer(viewer) {
         this.objects.length = 0;
         viewer.models.forEach((model) => {
             model.getVisibleObjects().forEach((object) => this.objects.push(object));
         });
+        this.camera = viewer.camera;
+        this.clippingPlanes = viewer.renderer.clippingPlanes || [];
     }
 }
 class MeasureOverlay {
     constructor(camera, canvas) {
         this.lines = [];
+        this.resizeContainer = (entries) => {
+            const { width, height } = entries[0].contentRect;
+            if (!width || !height)
+                return;
+            this.container.style.width = `${width}px`;
+            this.container.style.height = `${height}px`;
+        };
         this.camera = camera;
         this.canvas = canvas;
         this.projector = new MeasureProjector(camera, canvas);
+        this.resizeObserver = new ResizeObserver(this.resizeContainer);
     }
     attach() {
         this.container = document.createElement("div");
         this.container.id = "measure-container";
-        this.container.style.background = "rgba(0,0,0,0)";
         this.container.style.position = "absolute";
-        this.container.style.top = "0px";
-        this.container.style.left = "0px";
-        this.container.style.width = "100%";
-        this.container.style.height = "100%";
         this.container.style.outline = "none";
         this.container.style.pointerEvents = "none";
         this.container.style.overflow = "hidden";
         if (!this.canvas.parentElement)
             return;
         this.canvas.parentElement.appendChild(this.container);
+        this.resizeObserver.observe(this.canvas.parentElement);
     }
     dispose() {
         this.clear();
     }
     detach() {
+        this.resizeObserver.disconnect();
         this.container.remove();
         this.container = undefined;
     }
@@ -2583,7 +2594,11 @@ class SelectionComponent {
             Points: { threshold: 0.01 },
             Sprite: {},
         };
-        return this.raycaster.intersectObjects(objects, false);
+        let intersects = this.raycaster.intersectObjects(objects, false);
+        (this.viewer.renderer.clippingPlanes || []).forEach((plane) => {
+            intersects = intersects.filter((intersect) => plane.distanceToPoint(intersect.point) >= 0);
+        });
+        return intersects;
     }
     select(objects, model) {
         if (!model) {