@inweb/viewer-three 27.5.0 → 27.6.0

package/dist/viewer-three.module.js

@@ -815,7 +815,7 @@ class Snapper {
         const object = intersections[0].object;
         const intersectionPoint = intersections[0].point;
         const localPoint = object.worldToLocal(intersectionPoint.clone());
-        let snapPoint;
+        let snapPoint = undefined;
         let snapDistance = this.getDetectRadius(intersectionPoint);
         const geometry = object.geometry;
         const positions = geometry.attributes.position.array;
@@ -2700,7 +2700,7 @@ class BackgroundComponent {
     }
     dispose() {
         this.viewer.removeEventListener("optionschange", this.syncOptions);
-        this.viewer.scene.background = undefined;
+        this.viewer.scene.background = null;
     }
 }
 
@@ -2776,7 +2776,7 @@ class CameraComponent {
         if (mode === this.getCameraMode(currentCamera))
             return;
         const target = this.viewer.target.clone();
-        let camera;
+        let camera = null;
         if (currentCamera.isOrthographicCamera) {
             const fov = currentCamera.userData.fov || 45;
             const fieldHeight = (currentCamera.top - currentCamera.bottom) / currentCamera.zoom;
@@ -3067,7 +3067,6 @@ class CanvasRemoveComponent {
     }
     dispose() {
         this.mutationObserver.disconnect();
-        this.mutationObserver = undefined;
     }
 }
 
@@ -4276,11 +4275,13 @@ class WCSHelper extends Object3D {
         canvas.width = 64;
         canvas.height = 64;
         const context = canvas.getContext("2d");
-        context.clearRect(0, 0, 64, 64);
-        context.font = "24px Arial";
-        context.textAlign = "center";
-        context.fillStyle = color.getStyle();
-        context.fillText(text, 32, 41);
+        if (context) {
+            context.clearRect(0, 0, 64, 64);
+            context.font = "24px Arial";
+            context.textAlign = "center";
+            context.fillStyle = color.getStyle();
+            context.fillText(text, 32, 41);
+        }
         const texture = new CanvasTexture(canvas);
         texture.colorSpace = SRGBColorSpace;
         return new SpriteMaterial({ map: texture, toneMapped: false });
@@ -4409,8 +4410,8 @@ class ModelImpl {
             if (object.material)
                 disposeMaterials(object.material);
         }
-        this.handleToObjects = undefined;
-        this.originalObjects = undefined;
+        this.handleToObjects.clear();
+        this.originalObjects.clear();
         this.scene.traverse(disposeObject);
         this.scene.clear();
     }
@@ -4676,44 +4677,54 @@ class ModelImpl {
             centersCache.set(handle, target.clone());
             return target;
         };
-        function calcExplodeDepth(object, depth) {
-            let result = depth;
-            object.children.forEach((x) => {
-                const objectDepth = calcExplodeDepth(x, depth + 1);
-                if (result < objectDepth)
-                    result = objectDepth;
-            });
+        const calcObjectOffset = (object, target) => {
+            const parent = object.parent;
+            if (!parent || parent.userData.originalCenter === undefined)
+                return target;
+            return target.subVectors(object.userData.originalCenter, parent.userData.originalCenter);
+        };
+        const calcObjectDepth = (object) => {
+            if (object.userData.depth !== undefined)
+                return object.userData.depth;
+            const parent = object.parent;
+            const depth = parent && object !== explodeRoot ? calcObjectDepth(parent) + 1 : 0;
+            object.userData.depth = depth;
             object.userData.originalPosition = object.position.clone();
             object.userData.originalCenter = calcObjectCenter(object, new Vector3());
-            return result;
-        }
+            object.userData.originalOffset = calcObjectOffset(object, new Vector3());
+            return depth;
+        };
         const explodeScale = scale / 100;
         const explodeRoot = this.scene;
-        if (!explodeRoot.userData.explodeDepth) {
-            explodeRoot.userData.explodeDepth = calcExplodeDepth(explodeRoot, 1);
+        const explodeObjects = this.getObjects();
+        if (explodeRoot.userData.explodeDepth === undefined) {
+            let maxDepth = 0;
+            explodeObjects.forEach((object) => {
+                const depth = calcObjectDepth(object);
+                if (depth > maxDepth)
+                    maxDepth = depth;
+            });
+            explodeRoot.userData.explodeDepth = maxDepth;
         }
         const maxDepth = explodeRoot.userData.explodeDepth;
         const scaledExplodeDepth = explodeScale * maxDepth + 1;
         const explodeDepth = 0 | scaledExplodeDepth;
         const currentSegmentFraction = scaledExplodeDepth - explodeDepth;
-        function explodeObject(object, depth) {
+        const explodeObject = (object) => {
             if (object.isCamera)
                 return;
-            if (object.userData.isHighlightWireframe)
-                return;
             object.position.copy(object.userData.originalPosition);
+            const depth = object.userData.depth;
             if (depth > 0 && depth <= explodeDepth) {
                 let objectScale = explodeScale * coeff;
                 if (depth === explodeDepth)
                     objectScale *= currentSegmentFraction;
-                const parentCenter = object.parent.userData.originalCenter;
-                const objectCenter = object.userData.originalCenter;
-                const localOffset = objectCenter.clone().sub(parentCenter).multiplyScalar(objectScale);
-                object.position.add(localOffset);
+                object.position.addScaledVector(object.userData.originalOffset, objectScale);
             }
-            object.children.forEach((x) => explodeObject(x, depth + 1));
-        }
-        explodeObject(explodeRoot, 0);
+        };
+        explodeObjects.forEach((object) => {
+            explodeObject(object);
+        });
         this.scene.updateMatrixWorld();
         return this;
     }
@@ -4816,6 +4827,12 @@ class DynamicModelImpl extends ModelImpl {
             centersCache.set(handle, target.clone());
             return target;
         };
+        const calcObjectOffset = (object, target) => {
+            const parent = object.parent;
+            if (!parent || parent.userData.originalCenter === undefined)
+                return target;
+            return target.subVectors(object.userData.originalCenter, parent.userData.originalCenter);
+        };
         const calcObjectDepth = (object) => {
             if (object.userData.depth !== undefined)
                 return object.userData.depth;
@@ -4824,13 +4841,15 @@ class DynamicModelImpl extends ModelImpl {
             object.userData.depth = depth;
             object.userData.originalPosition = object.position.clone();
             object.userData.originalCenter = calcObjectCenter(object, new Vector3());
+            object.userData.originalOffset = calcObjectOffset(object, new Vector3());
             return depth;
         };
         const explodeScale = scale / 100;
         const explodeRoot = this.scene.children[0];
-        if (!explodeRoot.userData.explodeDepth) {
+        const explodeObjects = this.getObjects();
+        if (explodeRoot.userData.explodeDepth === undefined) {
             let maxDepth = 0;
-            this.gltfLoader.originalObjects.forEach((object) => {
+            explodeObjects.forEach((object) => {
                 const depth = calcObjectDepth(object);
                 if (depth > maxDepth)
                     maxDepth = depth;
@@ -4842,29 +4861,26 @@ class DynamicModelImpl extends ModelImpl {
         const explodeDepth = 0 | scaledExplodeDepth;
         const currentSegmentFraction = scaledExplodeDepth - explodeDepth;
         const offsetCache = new Map();
-        const calcObjectOffset = (object, target) => {
+        const calcExplodeOffset = (object, target) => {
             if (offsetCache.has(object))
                 return target.copy(offsetCache.get(object));
             const parent = object.parent;
             if (parent && object !== explodeRoot)
-                calcObjectOffset(parent, target);
+                calcExplodeOffset(parent, target);
             const depth = object.userData.depth;
             if (depth > 0 && depth <= explodeDepth) {
                 let objectScale = explodeScale * coeff;
                 if (depth === explodeDepth)
                     objectScale *= currentSegmentFraction;
-                const parentCenter = parent.userData.originalCenter;
-                const objectCenter = object.userData.originalCenter;
-                const localOffset = objectCenter.clone().sub(parentCenter).multiplyScalar(objectScale);
-                target.add(localOffset);
+                target.addScaledVector(object.userData.originalOffset, objectScale);
             }
             offsetCache.set(object, target.clone());
             return target;
         };
         const transformMap = new Map();
-        this.gltfLoader.originalObjects.forEach((object) => {
-            const globalOffset = calcObjectOffset(object, new Vector3());
-            transformMap.set(object, new Matrix4().makeTranslation(globalOffset));
+        explodeObjects.forEach((object) => {
+            const offset = calcExplodeOffset(object, new Vector3());
+            transformMap.set(object, new Matrix4().makeTranslation(offset));
         });
         this.gltfLoader.applyObjectTransforms(transformMap);
         this.scene.updateMatrixWorld();
@@ -8074,10 +8090,10 @@ class GLTFBinaryParser {
             }
             offset += chunkLength;
         }
-        if (typeof this.content === "undefined") {
+        if (this.content === undefined) {
             throw new Error("GLTFBinaryParser: JSON content not found.");
         }
-        if (typeof this.body === "undefined") {
+        if (this.body === undefined) {
             throw new Error("GLTFBinaryParser: Binary buffer chunk not found or type not supported.");
         }
     }
@@ -8160,11 +8176,11 @@ class GLTFFileDynamicLoader extends Loader {
         if (this.manager)
             this.manager.dispose();
     }
-    isSupport(file, format) {
+    isSupport(file, format = "") {
         return ((typeof file === "string" || file instanceof globalThis.File || file instanceof ArrayBuffer) &&
             /(gltf|glb)$/i.test(format));
     }
-    async load(file, format, params) {
+    async load(file, format, params = {}) {
         this.manager = new GLTFLoadingManager(file, params);
         const scene = new Group();
         this.gltfLoader = new DynamicGltfLoader(this.viewer.camera, scene, this.viewer.renderer);
@@ -8399,7 +8415,9 @@ class Viewer extends EventEmitter2 {
         this.canvasEvents.forEach((x) => canvas.addEventListener(x, this.canvaseventlistener));
         this._markup.initialize(this.canvas, this.canvasEvents, this, this);
         for (const name of components.getComponents().keys()) {
-            this._components.push(components.createComponent(name, this));
+            const component = components.createComponent(name, this);
+            if (component)
+                this._components.push(component);
         }
         this.syncOptions();
         this.syncOverlay();
@@ -8421,10 +8439,7 @@ class Viewer extends EventEmitter2 {
         this.setActiveDragger();
         this._components.forEach((component) => component.dispose());
         this._components.length = 0;
-        if (this._markup) {
-            this._markup.dispose();
-            this._markup = undefined;
-        }
+        this._markup.dispose();
         if (this.canvas) {
             this.canvasEvents.forEach((x) => this.canvas.removeEventListener(x, this.canvaseventlistener));
             this.canvas = undefined;
@@ -8677,7 +8692,7 @@ class Viewer extends EventEmitter2 {
         }
     }
     getComponent(name) {
-        return this._components.find((component) => component.name === name);
+        return this._components.find((component) => component.name === name) || null;
     }
     drawViewpoint(viewpoint) {
         var _a, _b, _c, _d;