@inweb/viewer-three 26.11.0 → 26.11.1

package/dist/plugins/loaders/PotreeLoader.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PotreeLoader.module.js","sources":["../../../plugins/loaders/Potree/PotreeModelImpl.ts","../../../plugins/loaders/Potree/PotreeFileLoader.ts","../../../plugins/loaders/Potree/index.ts"],"sourcesContent":["///////////////////////////////////////////////////////////////////////////////\n// Copyright (C) 2002-2025, Open Design Alliance (the \"Alliance\").\n// All rights reserved.\n//\n// This software and its documentation and related materials are owned by\n// the Alliance. The software may only be incorporated into application\n// programs owned by members of the Alliance, subject to a signed\n// Membership Agreement and Supplemental Software License Agreement with the\n// Alliance. The structure and organization of this software are the valuable\n// trade secrets of the Alliance and its suppliers. The software is also\n// protected by copyright law and international treaty provisions. Application\n// programs incorporating this software must include the following statement\n// with their copyright notices:\n//\n//   This application incorporates Open Design Alliance software pursuant to a\n//   license agreement with Open Design Alliance.\n//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.\n//   All rights reserved.\n//\n// By use of this software, its documentation or related materials, you\n// acknowledge and accept the above terms.\n///////////////////////////////////////////////////////////////////////////////\n\nimport { Box3 } from \"three\";\nimport { PointCloudOctree } from \"potree-core\";\nimport { ModelImpl } from \"@inweb/viewer-three\";\n\n// Potree model implementation.\n\nexport class PotreeModelImpl extends ModelImpl {\n  public pco: PointCloudOctree;\n\n  override getExtents(target: Box3): Box3 {\n    return target.union(this.pco.pcoGeometry.boundingBox);\n  }\n}\n","///////////////////////////////////////////////////////////////////////////////\n// Copyright (C) 2002-2025, Open Design Alliance (the \"Alliance\").\n// All rights reserved.\n//\n// This software and its documentation and related materials are owned by\n// the Alliance. The software may only be incorporated into application\n// programs owned by members of the Alliance, subject to a signed\n// Membership Agreement and Supplemental Software License Agreement with the\n// Alliance. The structure and organization of this software are the valuable\n// trade secrets of the Alliance and its suppliers. The software is also\n// protected by copyright law and international treaty provisions. Application\n// programs incorporating this software must include the following statement\n// with their copyright notices:\n//\n//   This application incorporates Open Design Alliance software pursuant to a\n//   license agreement with Open Design Alliance.\n//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.\n//   All rights reserved.\n//\n// By use of this software, its documentation or related materials, you\n// acknowledge and accept the above terms.\n///////////////////////////////////////////////////////////////////////////////\n\nimport { Euler, Vector3 } from \"three\";\nimport { PointColorType, PointCloudOctree, PointSizeType, PointShape, Potree } from \"potree-core\";\nimport { Loader, LoadParams, Viewer } from \"@inweb/viewer-three\";\n\nimport { PotreeModelImpl } from \"./PotreeModelImpl\";\n\nexport type PotreeLoadParams = LoadParams & {\n  path?: string;\n  position?: Vector3;\n  rotation?: Euler;\n  scale?: Vector3;\n};\n\nexport class PotreeFileLoader extends Loader {\n  public viewer: Viewer;\n  public potree: Potree;\n  public pointClouds: PointCloudOctree[];\n\n  constructor(viewer: Viewer) {\n    super();\n    this.viewer = viewer;\n\n    this.potree = new Potree();\n    this.pointClouds = [];\n\n    this.viewer.addEventListener(\"render\", this.updatePointClouds);\n    this.viewer.addEventListener(\"changecamera\", this.updatePointClouds);\n  }\n\n  override dispose() {\n    this.pointClouds.forEach((pco) => pco.dispose());\n\n    this.viewer.removeEventListener(\"render\", this.updatePointClouds);\n    this.viewer.removeEventListener(\"changecamera\", this.updatePointClouds);\n  }\n\n  override isSupport(file: any, format?: string): boolean {\n    return typeof file === \"string\" && /(cloud.js|metadata.json)$/i.test(file);\n  }\n\n  override async load(file: any, format?: string, params: PotreeLoadParams = {}): Promise<this> {\n    const path = (params.path || \"\") + file;\n    const index = path.lastIndexOf(\"/\");\n    const baseUrl = path.slice(0, index + 1);\n    const url = path.slice(index + 1);\n\n    const pco = await this.potree.loadPointCloud(url, baseUrl);\n    pco.material.size = 1.0;\n    pco.material.shape = 2;\n    pco.material.inputColorEncoding = 1;\n    pco.material.outputColorEncoding = 1;\n    pco.material.pointColorType = PointColorType.RGB; // RGB | DEPTH | HEIGHT | POINT_INDEX | LOD | CLASSIFICATION\n    pco.material.pointSizeType = PointSizeType.ADAPTIVE; // ADAPTIVE | FIXED\n    pco.material.shape = PointShape.CIRCLE; // CIRCLE | SQUARE\n\n    if (params.position) pco.position.copy(params.position);\n    if (params.rotation) pco.rotation.copy(params.rotation);\n    if (params.scale) pco.scale.copy(params.scale);\n\n    this.pointClouds.push(pco);\n\n    const modelImpl = new PotreeModelImpl(pco);\n    modelImpl.id = params.modelId || this.extractFileName(file);\n    modelImpl.pco = pco;\n\n    this.viewer.scene.add(pco);\n    this.viewer.models.push(modelImpl);\n\n    this.viewer.syncOptions();\n    this.viewer.syncOverlay();\n    this.viewer.update();\n\n    this.viewer.emitEvent({ type: \"databasechunk\", data: pco, file });\n\n    return this;\n  }\n\n  updatePointClouds = () => {\n    const result = this.potree.updatePointClouds(this.pointClouds, this.viewer.camera, this.viewer.renderer);\n    if (result.exceededMaxLoadsToGPU || result.nodeLoadPromises.length > 0) this.viewer.update();\n  };\n}\n","///////////////////////////////////////////////////////////////////////////////\n// Copyright (C) 2002-2025, Open Design Alliance (the \"Alliance\").\n// All rights reserved.\n//\n// This software and its documentation and related materials are owned by\n// the Alliance. The software may only be incorporated into application\n// programs owned by members of the Alliance, subject to a signed\n// Membership Agreement and Supplemental Software License Agreement with the\n// Alliance. The structure and organization of this software are the valuable\n// trade secrets of the Alliance and its suppliers. The software is also\n// protected by copyright law and international treaty provisions. Application\n// programs incorporating this software must include the following statement\n// with their copyright notices:\n//\n//   This application incorporates Open Design Alliance software pursuant to a\n//   license agreement with Open Design Alliance.\n//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.\n//   All rights reserved.\n//\n// By use of this software, its documentation or related materials, you\n// acknowledge and accept the above terms.\n///////////////////////////////////////////////////////////////////////////////\n\nimport { loaders } from \"@inweb/viewer-three\";\n\nimport { PotreeFileLoader } from \"./PotreeFileLoader\";\n\nloaders.registerLoader(\"potree-file\", (viewer: any) => new PotreeFileLoader(viewer));\n"],"names":[],"mappings":"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"}

package/dist/viewer-three.js

@@ -244,7 +244,6 @@
             enableGestures: true,
             geometryType: "vsfx",
             rulerUnit: "Default",
-            rulerPrecision: 2,
             cameraMode: "perspective",
         };
     }
@@ -501,13 +500,6 @@
             this._data.rulerUnit = value;
             this.change();
         }
-        get rulerPrecision() {
-            return this._data.rulerPrecision;
-        }
-        set rulerPrecision(value) {
-            this._data.rulerPrecision = value;
-            this.change();
-        }
         get cameraMode() {
             return this._data.cameraMode || "perspective";
         }
@@ -33892,91 +33884,116 @@ void main() {
         }
     }
 
-    const ModelUnits = {
-        Meters: { name: "Meters", type: "m", scale: 1.0 },
-        Centimeters: { name: "Centimeters", type: "cm", scale: 0.01 },
-        Millimeters: { name: "Millimeters", type: "mm", scale: 0.001 },
-        Feet: { name: "Feet", type: "ft", scale: 0.3048 },
-        Inches: { name: "Inches", type: "in", scale: 0.0254 },
-        Yards: { name: "Yards", type: "yd", scale: 0.9144 },
-        Kilometers: { name: "Kilometers", type: "km", scale: 1000.0 },
-        Miles: { name: "Miles", type: "mi", scale: 1609.344 },
-        Micrometers: { name: "Micrometers", type: "µm", scale: 0.000001 },
-        Mils: { name: "Mils", type: "mil", scale: 0.0000254 },
-        MicroInches: { name: "Micro-inches", type: "µin", scale: 0.0000000254 },
-        Default: { name: "File units", type: "unit", scale: 1.0 },
-    };
-    function convertUnits(fromUnits, toUnits, distance) {
-        const fromFactor = 1 / (ModelUnits[fromUnits] || ModelUnits.Default).scale;
-        const toFactor = (ModelUnits[toUnits] || ModelUnits.Default).scale || 1;
-        return distance * fromFactor * toFactor;
-    }
-
-    function getDisplayUnit(units) {
-        return (ModelUnits[units] || ModelUnits.Default).type;
-    }
-    function calculatePrecision(value) {
-        const distance = Math.abs(value);
-        if (distance >= 1000)
-            return 0;
-        if (distance >= 10)
-            return 1;
-        if (distance >= 0.1)
-            return 2;
-        if (distance >= 0.001)
-            return 3;
-        return distance > 0 ? Math.floor(-Math.log10(distance)) + 1 : 2;
-    }
-    function formatNumber(distance, digits, precision) {
-        let result = distance.toFixed(digits);
-        if (precision === "Auto")
-            result = result.replace(/\.0+$/, "").replace(/\.$/, "");
-        if (+result !== distance)
-            result = "~ " + result;
-        return result;
-    }
-    function formatDistance(distance, units, precision = 2) {
-        let digits;
-        if (precision === "Auto")
-            digits = calculatePrecision(distance);
-        else if (Number.isFinite(precision))
-            digits = precision;
-        else
-            digits = parseFloat(precision);
-        if (!Number.isFinite(digits))
-            digits = 2;
-        else if (digits < 0)
-            digits = 0;
-        else if (digits > 10)
-            digits = 10;
-        if (ModelUnits[units]) {
-            return formatNumber(distance, digits, precision) + " " + ModelUnits[units].type;
-        }
-        else if (units) {
-            return formatNumber(distance, digits, precision) + " " + units;
+    const PRECISION = 0.01;
+    const DESKTOP_SNAP_DISTANCE = 10;
+    const MOBILE_SNAP_DISTANCE = 50;
+    class MeasureLineDragger extends OrbitDragger {
+        constructor(viewer) {
+            super(viewer);
+            this.onPointerDown = (event) => {
+                if (event.button !== 0)
+                    return;
+                this.line.startPoint = this.snapper.getSnapPoint(event);
+                this.line.render();
+                this.viewer.canvas.setPointerCapture(event.pointerId);
+                this.orbit.enabled = !this.line.startPoint;
+            };
+            this.onPointerMove = (event) => {
+                if (this.orbit.enabled && this.orbit.state !== -1)
+                    return;
+                const snapPoint = this.snapper.getSnapPoint(event);
+                if (snapPoint && this.line.endPoint && snapPoint.equals(this.line.endPoint))
+                    return;
+                this.line.endPoint = snapPoint;
+                this.line.render();
+                if (this.line.startPoint)
+                    this.changed = true;
+            };
+            this.onPointerUp = (event) => {
+                if (this.line.startPoint && this.line.endPoint && this.line.getDistance() >= PRECISION) {
+                    this.line = new MeasureLine(this.overlay);
+                    this.overlay.addLine(this.line);
+                }
+                else {
+                    this.line.startPoint = undefined;
+                    this.line.endPoint = undefined;
+                    this.line.render();
+                }
+                this.viewer.canvas.releasePointerCapture(event.pointerId);
+                this.orbit.enabled = true;
+            };
+            this.onPointerCancel = (event) => {
+                this.viewer.canvas.dispatchEvent(new PointerEvent("pointerup", event));
+            };
+            this.onPointerLeave = () => {
+                this.line.endPoint = undefined;
+                this.line.render();
+            };
+            this.renderOverlay = () => {
+                this.overlay.render();
+            };
+            this.updateSnapper = () => {
+                this.snapper.setFromViewer(this.viewer);
+            };
+            this.updateSnapperCamera = () => {
+                this.snapper.camera = this.viewer.camera;
+                this.overlay.camera = this.viewer.camera;
+            };
+            this.overlay = new MeasureOverlay(viewer.camera, viewer.canvas);
+            this.overlay.attach();
+            this.line = new MeasureLine(this.overlay);
+            this.overlay.addLine(this.line);
+            this.snapper = new MeasureSnapper(viewer.camera, viewer.canvas);
+            this.updateSnapper();
+            this.viewer.canvas.addEventListener("pointerdown", this.onPointerDown);
+            this.viewer.canvas.addEventListener("pointermove", this.onPointerMove);
+            this.viewer.canvas.addEventListener("pointerup", this.onPointerUp);
+            this.viewer.canvas.addEventListener("pointercancel", this.onPointerCancel);
+            this.viewer.canvas.addEventListener("pointerleave", this.onPointerLeave);
+            this.viewer.addEventListener("render", this.renderOverlay);
+            this.viewer.addEventListener("hide", this.updateSnapper);
+            this.viewer.addEventListener("isolate", this.updateSnapper);
+            this.viewer.addEventListener("show", this.updateSnapper);
+            this.viewer.addEventListener("showall", this.updateSnapper);
+            this.viewer.addEventListener("changecameramode", this.updateSnapperCamera);
         }
-        else {
-            return formatNumber(distance, digits, precision);
+        dispose() {
+            this.viewer.canvas.removeEventListener("pointerdown", this.onPointerDown);
+            this.viewer.canvas.removeEventListener("pointermove", this.onPointerMove);
+            this.viewer.canvas.removeEventListener("pointerup", this.onPointerUp);
+            this.viewer.canvas.removeEventListener("pointercancel", this.onPointerCancel);
+            this.viewer.canvas.removeEventListener("pointerleave", this.onPointerLeave);
+            this.viewer.removeEventListener("render", this.renderOverlay);
+            this.viewer.removeEventListener("hide", this.updateSnapper);
+            this.viewer.removeEventListener("isolate", this.updateSnapper);
+            this.viewer.removeEventListener("show", this.updateSnapper);
+            this.viewer.removeEventListener("showall", this.updateSnapper);
+            this.viewer.removeEventListener("changecameramode", this.updateSnapperCamera);
+            this.snapper.dispose();
+            this.overlay.detach();
+            this.overlay.dispose();
+            super.dispose();
         }
     }
-
-    const DESKTOP_SNAP_DISTANCE = 10;
-    const MOBILE_SNAP_DISTANCE = 50;
     const _vertex = new Vector3();
     const _start$1 = new Vector3();
     const _end$1 = new Vector3();
     const _line = new Line3();
     const _center = new Vector3();
     const _projection = new Vector3();
-    class Snapper {
-        constructor(camera, renderer, canvas) {
+    class MeasureSnapper {
+        constructor(camera, canvas) {
             this.camera = camera;
-            this.renderer = renderer;
             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();
         }
+        dispose() {
+            this.objects = [];
+        }
         isMobile() {
             if (typeof navigator === "undefined")
                 return false;
@@ -33985,7 +34002,7 @@ void main() {
         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;
@@ -33999,8 +34016,8 @@ void main() {
                 Points: { threshold: 0.01 },
                 Sprite: {},
             };
-            let intersects = this.raycaster.intersectObjects(objects, false);
-            (this.renderer.clippingPlanes || []).forEach((plane) => {
+            let intersects = this.raycaster.intersectObjects(this.objects, false);
+            this.clippingPlanes.forEach((plane) => {
                 intersects = intersects.filter((intersect) => plane.distanceToPoint(intersect.point) >= 0);
             });
             return intersects;
@@ -34022,8 +34039,9 @@ void main() {
             }
             return 0.1;
         }
-        getSnapPoint(mouse, objects) {
-            const intersections = this.getPointerIntersects(mouse, objects);
+        getSnapPoint(event) {
+            const mouse = this.getMousePosition(event, new Vector2());
+            const intersections = this.getPointerIntersects(mouse);
             if (intersections.length === 0)
                 return undefined;
             const object = intersections[0].object;
@@ -34071,133 +34089,13 @@ void main() {
                 return object.localToWorld(snapPoint);
             return intersectionPoint.clone();
         }
-    }
-
-    const _downPoint = new Vector2();
-    class MeasureLineDragger extends OrbitDragger {
-        constructor(viewer) {
-            super(viewer);
-            this.scale = 1.0;
-            this.units = "";
-            this.precision = 2;
-            this.onPointerDown = (event) => {
-                if (event.button !== 0)
-                    return;
-                const mouse = this.snapper.getMousePosition(event, _downPoint);
-                this.line.startPoint = this.snapper.getSnapPoint(mouse, this.objects);
-                this.line.render();
-                this.viewer.canvas.setPointerCapture(event.pointerId);
-                this.orbit.enabled = !this.line.startPoint;
-            };
-            this.onPointerMove = (event) => {
-                if (this.orbit.enabled && this.orbit.state !== -1)
-                    return;
-                const mouse = this.snapper.getMousePosition(event, _downPoint);
-                const snapPoint = this.snapper.getSnapPoint(mouse, this.objects);
-                if (snapPoint && this.line.endPoint && snapPoint.equals(this.line.endPoint))
-                    return;
-                this.line.endPoint = snapPoint;
-                this.line.render();
-                if (this.line.startPoint)
-                    this.changed = true;
-            };
-            this.onPointerUp = (event) => {
-                if (this.line.startPoint && this.line.endPoint && this.line.getDistance() > 0) {
-                    this.line = new MeasureLine(this.overlay, this.scale, this.units, this.precision);
-                    this.overlay.addLine(this.line);
-                }
-                else {
-                    this.line.startPoint = undefined;
-                    this.line.endPoint = undefined;
-                    this.line.render();
-                }
-                this.viewer.canvas.releasePointerCapture(event.pointerId);
-                this.orbit.enabled = true;
-            };
-            this.onPointerCancel = (event) => {
-                this.viewer.canvas.dispatchEvent(new PointerEvent("pointerup", event));
-            };
-            this.onPointerLeave = () => {
-                this.line.endPoint = undefined;
-                this.line.render();
-            };
-            this.clearOverlay = () => {
-                this.overlay.clear();
-                this.line = new MeasureLine(this.overlay, this.scale, this.units, this.precision);
-                this.overlay.addLine(this.line);
-            };
-            this.renderOverlay = () => {
-                this.overlay.render();
-            };
-            this.updateObjects = () => {
-                this.objects.length = 0;
-                this.viewer.models.forEach((model) => {
-                    model.getVisibleObjects().forEach((object) => this.objects.push(object));
-                });
-            };
-            this.updateSnapperCamera = () => {
-                this.snapper.camera = this.viewer.camera;
-                this.overlay.camera = this.viewer.camera;
-            };
-            this.updateUnits = () => {
-                var _a, _b;
-                const model = this.viewer.models[0];
-                const units = (_a = this.viewer.options.rulerUnit) !== null && _a !== void 0 ? _a : "Default";
-                const precision = (_b = this.viewer.options.rulerPrecision) !== null && _b !== void 0 ? _b : "Default";
-                if (units === "Default") {
-                    this.scale = model.getUnitScale();
-                    this.units = model.getUnitString();
-                }
-                else {
-                    this.scale = convertUnits(model.getUnits(), units, 1);
-                    this.units = units;
-                }
-                if (precision === "Default") {
-                    this.precision = model.getPrecision();
-                }
-                else {
-                    this.precision = precision;
-                }
-                this.overlay.updateLineUnits(this.scale, this.units, this.precision);
-            };
-            this.overlay = new MeasureOverlay(viewer.camera, viewer.canvas);
-            this.overlay.attach();
-            this.line = new MeasureLine(this.overlay, this.scale, this.units, this.precision);
-            this.overlay.addLine(this.line);
-            this.snapper = new Snapper(viewer.camera, viewer.renderer, viewer.canvas);
-            this.objects = [];
-            this.updateObjects();
-            this.updateUnits();
-            this.viewer.canvas.addEventListener("pointerdown", this.onPointerDown);
-            this.viewer.canvas.addEventListener("pointermove", this.onPointerMove);
-            this.viewer.canvas.addEventListener("pointerup", this.onPointerUp);
-            this.viewer.canvas.addEventListener("pointercancel", this.onPointerCancel);
-            this.viewer.canvas.addEventListener("pointerleave", this.onPointerLeave);
-            this.viewer.addEventListener("render", this.renderOverlay);
-            this.viewer.addEventListener("hide", this.updateObjects);
-            this.viewer.addEventListener("isolate", this.updateObjects);
-            this.viewer.addEventListener("show", this.updateObjects);
-            this.viewer.addEventListener("showall", this.updateObjects);
-            this.viewer.addEventListener("changecameramode", this.updateSnapperCamera);
-            this.viewer.addEventListener("optionschange", this.updateUnits);
-        }
-        dispose() {
-            this.viewer.canvas.removeEventListener("pointerdown", this.onPointerDown);
-            this.viewer.canvas.removeEventListener("pointermove", this.onPointerMove);
-            this.viewer.canvas.removeEventListener("pointerup", this.onPointerUp);
-            this.viewer.canvas.removeEventListener("pointercancel", this.onPointerCancel);
-            this.viewer.canvas.removeEventListener("pointerleave", this.onPointerLeave);
-            this.viewer.removeEventListener("render", this.renderOverlay);
-            this.viewer.removeEventListener("hide", this.updateObjects);
-            this.viewer.removeEventListener("isolate", this.updateObjects);
-            this.viewer.removeEventListener("show", this.updateObjects);
-            this.viewer.removeEventListener("showall", this.updateObjects);
-            this.viewer.removeEventListener("changecameramode", this.updateSnapperCamera);
-            this.viewer.removeEventListener("optionschange", this.updateUnits);
+        setFromViewer(viewer) {
             this.objects.length = 0;
-            this.overlay.detach();
-            this.overlay.dispose();
-            super.dispose();
+            viewer.models.forEach((model) => {
+                model.getVisibleObjects().forEach((object) => this.objects.push(object));
+            });
+            this.camera = viewer.camera;
+            this.clippingPlanes = viewer.renderer.clippingPlanes || [];
         }
     }
     class MeasureOverlay {
@@ -34217,9 +34115,6 @@ void main() {
             this.projector = new MeasureProjector(camera, canvas);
             this.resizeObserver = new ResizeObserver(this.resizeContainer);
         }
-        dispose() {
-            this.clear();
-        }
         attach() {
             this.container = document.createElement("div");
             this.container.id = "measure-container";
@@ -34232,6 +34127,9 @@ void main() {
             this.canvas.parentElement.appendChild(this.container);
             this.resizeObserver.observe(this.canvas);
         }
+        dispose() {
+            this.clear();
+        }
         detach() {
             this.resizeObserver.disconnect();
             this.container.remove();
@@ -34239,7 +34137,7 @@ void main() {
         }
         clear() {
             this.lines.forEach((line) => line.dispose());
-            this.lines.length = 0;
+            this.lines = [];
         }
         render() {
             this.projector.setFromCamera(this.camera);
@@ -34254,18 +34152,13 @@ void main() {
         removeLine(line) {
             this.lines = this.lines.filter((x) => x !== line);
         }
-        updateLineUnits(scale, units, precision) {
-            this.lines.forEach((line) => {
-                line.scale = scale;
-                line.units = units;
-                line.precision = precision;
-            });
-        }
     }
     const _middlePoint = new Vector3();
     class MeasureLine {
-        constructor(overlay, scale, units, precision) {
+        constructor(overlay) {
             this.id = MathUtils.generateUUID();
+            this.unit = "";
+            this.scale = 1.0;
             this.size = 10.0;
             this.lineWidth = 2;
             this.style = {
@@ -34276,9 +34169,6 @@ void main() {
                 font: "1rem system-ui",
             };
             this.overlay = overlay;
-            this.scale = scale;
-            this.units = units;
-            this.precision = precision;
             this.elementStartPoint = overlay.container.appendChild(document.createElement("div"));
             this.elementEndPoint = overlay.container.appendChild(document.createElement("div"));
             this.elementLine = overlay.container.appendChild(document.createElement("div"));
@@ -34333,10 +34223,10 @@ void main() {
                 _middlePoint.lerpVectors(this.startPoint, this.endPoint, 0.5);
                 const { point, visible } = projector.projectPoint(_middlePoint);
                 const distance = this.getDistance();
-                this.elementLabel.style.display = visible && distance > 0 ? "block" : "none";
+                this.elementLabel.style.display = visible && distance >= PRECISION ? "block" : "none";
                 this.elementLabel.style.left = `${point.x}px`;
                 this.elementLabel.style.top = `${point.y}px`;
-                this.elementLabel.innerHTML = formatDistance(distance, this.units, this.precision);
+                this.elementLabel.innerHTML = `${distance.toFixed(2)} ${this.unit}`;
             }
             else {
                 this.elementLabel.style.display = "none";
@@ -36498,11 +36388,10 @@ void main() {
                 const upPosition = this.getMousePosition(event, new Vector2());
                 if (upPosition.distanceTo(this.downPosition) !== 0)
                     return;
-                const snapper = new Snapper(this.viewer.camera, this.viewer.renderer, this.viewer.canvas);
                 let intersections = [];
                 this.viewer.models.forEach((model) => {
                     const objects = model.getVisibleObjects();
-                    const intersects = snapper.getPointerIntersects(upPosition, objects);
+                    const intersects = this.getPointerIntersects(upPosition, objects);
                     if (intersects.length > 0)
                         intersections.push({ ...intersects[0], model });
                 });
@@ -36531,6 +36420,7 @@ void main() {
                 this.highlighter = this.viewer.getComponent("HighlighterComponent");
             };
             this.viewer = viewer;
+            this.raycaster = new Raycaster();
             this.downPosition = new Vector2();
             this.viewer.addEventListener("pointerdown", this.onPointerDown);
             this.viewer.addEventListener("pointerup", this.onPointerUp);
@@ -36546,6 +36436,26 @@ void main() {
         getMousePosition(event, target) {
             return target.set(event.clientX, event.clientY);
         }
+        getPointerIntersects(mouse, objects) {
+            const rect = this.viewer.canvas.getBoundingClientRect();
+            const x = ((mouse.x - rect.left) / rect.width) * 2 - 1;
+            const y = (-(mouse.y - rect.top) / rect.height) * 2 + 1;
+            const coords = new Vector2(x, y);
+            this.raycaster.setFromCamera(coords, this.viewer.camera);
+            this.raycaster.params = {
+                Mesh: {},
+                Line: { threshold: 0.05 },
+                Line2: { threshold: 0.05 },
+                LOD: {},
+                Points: { threshold: 0.01 },
+                Sprite: {},
+            };
+            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) {
                 this.viewer.models.forEach((model) => this.select(objects, model));
@@ -36765,18 +36675,6 @@ void main() {
             this.scene.traverse(disposeObject);
             this.scene.clear();
         }
-        getUnits() {
-            return "Meters";
-        }
-        getUnitScale() {
-            return convertUnits(this.getUnits(), "Meters", 1);
-        }
-        getUnitString() {
-            return getDisplayUnit(this.getUnits());
-        }
-        getPrecision() {
-            return 2;
-        }
         getExtents(target) {
             this.scene.traverseVisible((object) => !object.children.length && target.expandByObject(object));
             return target;
@@ -37024,7 +36922,6 @@ void main() {
         this.textureCache = new Map();
         this.materialCache = new Map();
         this.uri = "";
-        this._nextObjectId = 0;
       }
       async initialize(loader) {
         this.json = await this.loadController.loadJson();
@@ -38044,7 +37941,7 @@ void main() {
             if (node.handle) {
               mesh.userData.handle = node.handle;
             } else {
-              mesh.userData.handle = this.getFullHandle(node.structure.id, mesh.userData.handle);
+              mesh.userData.handle = `${node.structure.id}${STRUCTURE_ID_SEPARATOR}${mesh.userData.handle}`;
             }
             if (mesh.material.name === "edges") {
               mesh.userData.isEdge = true;
@@ -38185,15 +38082,12 @@ void main() {
           })),
         });
       }
-      getFullHandle(structureId, originalHandle) {
-        return `${structureId}${STRUCTURE_ID_SEPARATOR}${originalHandle}`;
-      }
       async processNodeHierarchy(structure, nodeId, parentGroup) {
         const nodeDef = structure.json.nodes[nodeId];
         let nodeGroup = null;
         let handle = null;
         if (nodeDef.extras?.handle) {
-          handle = this.getFullHandle(structure.id, nodeDef.extras.handle);
+          handle = `${structure.id}${STRUCTURE_ID_SEPARATOR}${nodeDef.extras.handle}`;
         }
         if (nodeDef.camera !== undefined) {
           const camera = this.loadCamera(structure, nodeDef.camera, nodeDef);
@@ -38210,7 +38104,7 @@ void main() {
           if (nodeDef.extras) {
             nodeGroup.userData = { ...nodeDef.extras };
             if (nodeGroup.userData.handle) {
-              nodeGroup.userData.handle = this.getFullHandle(structure.id, nodeGroup.userData.handle);
+              nodeGroup.userData.handle = `${structure.id}${STRUCTURE_ID_SEPARATOR}${nodeGroup.userData.handle}`;
             }
           }
           if (nodeDef.matrix) {
@@ -38255,7 +38149,7 @@ void main() {
             this.edgeNodes.push(uniqueNodeId);
           }
           if (meshDef.extras && meshDef.extras.handle) {
-            handle = this.getFullHandle(structure.id, meshDef.extras.handle);
+            handle = `${structure.id}${STRUCTURE_ID_SEPARATOR}${meshDef.extras.handle}`;
           }
           this.nodes.set(uniqueNodeId, {
             position: nodeGroup ? nodeGroup.position.clone() : new Vector3().setFromMatrixPosition(nodeMatrix),
@@ -38268,7 +38162,7 @@ void main() {
             structure,
             extras: nodeDef.extras,
             geometryExtents,
-            handle: handle || this.getFullHandle(structure.id, structure._nextObjectId++),
+            handle,
           });
         }
         if (nodeDef.children) {
@@ -38851,6 +38745,8 @@ void main() {
             let currentVertexOffset = 0;
             for (const mesh of group.objects) {
               const geometry = mesh.geometry.clone();
+              mesh.updateWorldMatrix(true, false);
+              geometry.applyMatrix4(mesh.matrixWorld);
               const handle = mesh.userData.handle;
               if (!this.objectIdToIndex.has(handle)) {
                 this.objectIdToIndex.set(handle, this.maxObjectId++);
@@ -38956,9 +38852,12 @@ void main() {
               vertexCount,
             });
             currentVertexOffset += vertexCount;
+            line.updateWorldMatrix(true, false);
+            const matrix = line.matrixWorld;
             const vector = new Vector3();
             for (let i = 0; i < vertexCount; i++) {
               vector.fromBufferAttribute(positionAttr, i);
+              vector.applyMatrix4(matrix);
               positions[posOffset++] = vector.x;
               positions[posOffset++] = vector.y;
               positions[posOffset++] = vector.z;
@@ -39037,6 +38936,8 @@ void main() {
             for (const line of group.objects) {
               isEdge = line.userData.isEdge;
               const geometry = line.geometry.clone();
+              line.updateWorldMatrix(true, false);
+              geometry.applyMatrix4(line.matrixWorld);
               const handle = line.userData.handle;
               if (!this.objectIdToIndex.has(handle)) {
                 this.objectIdToIndex.set(handle, this.maxObjectId++);
@@ -39121,6 +39022,8 @@ void main() {
             const handles = new Set();
             for (const points of group.objects) {
               const geometry = points.geometry.clone();
+              points.updateWorldMatrix(true, false);
+              geometry.applyMatrix4(points.matrixWorld);
               geometries.push(geometry);
               optimizedObjects.push(points);
               handles.add(points.userData.handle);
@@ -39171,6 +39074,7 @@ void main() {
           const hasNormals = lineSegmentsArray.some((segment) => segment.geometry.attributes.normal !== undefined);
           lineSegmentsArray.forEach((segment) => {
             const clonedGeometry = segment.geometry.clone();
+            segment.updateWorldMatrix(true, false);
             clonedGeometry.applyMatrix4(segment.matrixWorld);
             if (hasNormals && !clonedGeometry.attributes.normal) {
               clonedGeometry.computeVertexNormals();