@inweb/viewer-three 26.3.2 → 26.3.3

package/dist/viewer-three.module.js

@@ -1486,103 +1486,10 @@ function clearMarkup(viewer) {
     viewer.clearOverlay();
 }
 
-class SelectionComponent {
-    constructor(viewer) {
-        this.onPointerDown = event => {
-            if (!event.isPrimary || event.button !== 0) return;
-            this.getMousePosition(event, this.downPosition);
-        };
-        this.onPointerUp = event => {
-            if (!event.isPrimary) return;
-            const upPosition = this.getMousePosition(event, new Vector2);
-            if (this.downPosition.distanceTo(upPosition) !== 0) return;
-            const intersects = this.getPointerIntersects(upPosition);
-            this.clearSelection();
-            if (intersects.length > 0) this.select(intersects[0].object);
-            this.viewer.update();
-            this.viewer.emitEvent({
-                type: "select",
-                data: undefined,
-                handles: this.viewer.getSelected()
-            });
-        };
-        this.onDoubleClick = event => {
-            if (event.button !== 0) return;
-            this.viewer.executeCommand("zoomToSelected");
-        };
-        this.optionsChange = () => {
-            const {facesColor: facesColor, facesTransparancy: facesTransparancy} = this.viewer.options;
-            this.facesMaterial.color.setRGB(facesColor.r / 255, facesColor.g / 255, facesColor.b / 255);
-            this.facesMaterial.opacity = (255 - facesTransparancy) / 255;
-            this.viewer.update();
-        };
-        this.viewer = viewer;
-        this.raycaster = new Raycaster;
-        this.downPosition = new Vector2;
-        const {facesColor: facesColor, facesTransparancy: facesTransparancy} = this.viewer.options;
-        this.facesMaterial = new MeshBasicMaterial;
-        this.facesMaterial.color.setRGB(facesColor.r / 255, facesColor.g / 255, facesColor.b / 255);
-        this.facesMaterial.opacity = (255 - facesTransparancy) / 255;
-        this.facesMaterial.transparent = true;
-        this.viewer.addEventListener("pointerdown", this.onPointerDown);
-        this.viewer.addEventListener("pointerup", this.onPointerUp);
-        this.viewer.addEventListener("dblclick", this.onDoubleClick);
-        this.viewer.addEventListener("optionschange", this.optionsChange);
-    }
-    dispose() {
-        this.facesMaterial.dispose();
-        this.viewer.removeEventListener("pointerdown", this.onPointerDown);
-        this.viewer.removeEventListener("pointerup", this.onPointerUp);
-        this.viewer.removeEventListener("dblclick", this.onDoubleClick);
-        this.viewer.removeEventListener("optionschange", this.optionsChange);
-    }
-    getMousePosition(event, target) {
-        return target.set(event.clientX, event.clientY);
-    }
-    getPointerIntersects(mouse) {
-        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);
-        const objects = [];
-        this.viewer.scene.traverseVisible((child => objects.push(child)));
-        this.raycaster.params = this.raycaster.params = {
-            Mesh: {},
-            Line: {
-                threshold: .25
-            },
-            Line2: {
-                threshold: .25
-            },
-            LOD: {},
-            Points: {
-                threshold: .1
-            },
-            Sprite: {}
-        };
-        return this.raycaster.intersectObjects(objects, false);
-    }
-    select(object) {
-        if (object.isSelected) return;
-        object.isSelected = true;
-        object.originalMaterial = object.material;
-        object.material = this.facesMaterial;
-        this.viewer.selected.push(object);
-    }
-    clearSelection() {
-        this.viewer.selected.forEach((object => {
-            object.isSelected = false;
-            object.material = object.originalMaterial;
-        }));
-        this.viewer.selected.length = 0;
-    }
-}
-
 function clearSelected(viewer) {
-    const selection = new SelectionComponent(viewer);
+    const selection = viewer.getComponent("SelectionComponent");
+    if (!selection) return;
     selection.clearSelection();
-    selection.dispose();
     viewer.update();
     viewer.emitEvent({
         type: "select",
@@ -1720,17 +1627,110 @@ function getDefaultViewPositions() {
 function getModels(viewer) {
     return viewer.models.map((model => {
         var _a;
-        return ((_a = model.userData) === null || _a === undefined ? undefined : _a.handle) || "";
+        return ((_a = model.userData) === null || _a === void 0 ? void 0 : _a.handle) || "";
     })).filter((handle => handle));
 }
 
 function getSelected(viewer) {
     return viewer.selected.map((object => {
         var _a;
-        return (_a = object.userData) === null || _a === undefined ? undefined : _a.handle;
+        return (_a = object.userData) === null || _a === void 0 ? void 0 : _a.handle;
     })).filter((handle => handle));
 }
 
+class SelectionComponent {
+    constructor(viewer) {
+        this.onPointerDown = event => {
+            if (!event.isPrimary || event.button !== 0) return;
+            this.getMousePosition(event, this.downPosition);
+        };
+        this.onPointerUp = event => {
+            if (!event.isPrimary) return;
+            const upPosition = this.getMousePosition(event, new Vector2);
+            if (this.downPosition.distanceTo(upPosition) !== 0) return;
+            const intersects = this.getPointerIntersects(upPosition);
+            this.clearSelection();
+            if (intersects.length > 0) this.select(intersects[0].object);
+            this.viewer.update();
+            this.viewer.emitEvent({
+                type: "select",
+                data: undefined,
+                handles: this.viewer.getSelected()
+            });
+        };
+        this.onDoubleClick = event => {
+            if (event.button !== 0) return;
+            this.viewer.executeCommand("zoomToSelected");
+        };
+        this.optionsChange = () => {
+            const {facesColor: facesColor, facesTransparancy: facesTransparancy} = this.viewer.options;
+            this.facesMaterial.color.setRGB(facesColor.r / 255, facesColor.g / 255, facesColor.b / 255);
+            this.facesMaterial.opacity = (255 - facesTransparancy) / 255;
+            this.viewer.update();
+        };
+        this.viewer = viewer;
+        this.raycaster = new Raycaster;
+        this.downPosition = new Vector2;
+        const {facesColor: facesColor, facesTransparancy: facesTransparancy} = this.viewer.options;
+        this.facesMaterial = new MeshBasicMaterial;
+        this.facesMaterial.color.setRGB(facesColor.r / 255, facesColor.g / 255, facesColor.b / 255);
+        this.facesMaterial.opacity = (255 - facesTransparancy) / 255;
+        this.facesMaterial.transparent = true;
+        this.viewer.addEventListener("pointerdown", this.onPointerDown);
+        this.viewer.addEventListener("pointerup", this.onPointerUp);
+        this.viewer.addEventListener("dblclick", this.onDoubleClick);
+        this.viewer.addEventListener("optionschange", this.optionsChange);
+    }
+    dispose() {
+        this.facesMaterial.dispose();
+        this.viewer.removeEventListener("pointerdown", this.onPointerDown);
+        this.viewer.removeEventListener("pointerup", this.onPointerUp);
+        this.viewer.removeEventListener("dblclick", this.onDoubleClick);
+        this.viewer.removeEventListener("optionschange", this.optionsChange);
+    }
+    getMousePosition(event, target) {
+        return target.set(event.clientX, event.clientY);
+    }
+    getPointerIntersects(mouse) {
+        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);
+        const objects = [];
+        this.viewer.scene.traverseVisible((child => objects.push(child)));
+        this.raycaster.params = this.raycaster.params = {
+            Mesh: {},
+            Line: {
+                threshold: .25
+            },
+            Line2: {
+                threshold: .25
+            },
+            LOD: {},
+            Points: {
+                threshold: .1
+            },
+            Sprite: {}
+        };
+        return this.raycaster.intersectObjects(objects, false);
+    }
+    select(object) {
+        if (object.isSelected) return;
+        object.isSelected = true;
+        object.originalMaterial = object.material;
+        object.material = this.facesMaterial;
+        this.viewer.selected.push(object);
+    }
+    clearSelection() {
+        this.viewer.selected.forEach((object => {
+            object.isSelected = false;
+            object.material = object.originalMaterial;
+        }));
+        this.viewer.selected.length = 0;
+    }
+}
+
 function hideSelected(viewer) {
     viewer.selected.forEach((object => object.visible = false));
     const selection = new SelectionComponent(viewer);
@@ -1802,12 +1802,12 @@ function setSelected(viewer, handles = []) {
     const objects = [];
     viewer.scene.traverseVisible((child => {
         var _a;
-        if (handleSet.has((_a = child.userData) === null || _a === undefined ? undefined : _a.handle)) objects.push(child);
+        if (handleSet.has((_a = child.userData) === null || _a === void 0 ? void 0 : _a.handle)) objects.push(child);
     }));
-    const selection = new SelectionComponent(viewer);
+    const selection = viewer.getComponent("SelectionComponent");
+    if (!selection) return;
     selection.clearSelection();
     objects.forEach((object => selection.select(object)));
-    selection.dispose();
     viewer.update();
     viewer.emitEvent({
         type: "select",
@@ -1833,7 +1833,7 @@ function zoomToObjects(viewer, handles = []) {
     const objects = [];
     viewer.scene.traverseVisible((child => {
         var _a;
-        if (handleSet.has((_a = child.userData) === null || _a === undefined ? undefined : _a.handle)) objects.push(child);
+        if (handleSet.has((_a = child.userData) === null || _a === void 0 ? void 0 : _a.handle)) objects.push(child);
     }));
     const extents = objects.reduce(((result, object) => result.expandByObject(object)), new Box3);
     if (extents.isEmpty()) extents.copy(viewer.extents);
@@ -2220,7 +2220,7 @@ class GLTFLoadingManager extends LoadingManager {
         this.setURLModifier((url => {
             const key = decodeURI(url).replace(this.path, "").replace(this.resourcePath, "").replace(/^(\.?\/)/, "");
             const dataURL = this.dataURLs.get(key);
-            return dataURL !== null && dataURL !== undefined ? dataURL : url;
+            return dataURL !== null && dataURL !== void 0 ? dataURL : url;
         }));
     }
     dispose() {
@@ -2340,7 +2340,7 @@ class Viewer extends EventEmitter2 {
         this.renderer.autoClear = false;
         this.renderer.render(this.helpers, this.camera);
         this.renderer.clippingPlanes = clippingPlanes;
-        (_b = (_a = this._activeDragger) === null || _a === undefined ? undefined : _a.updatePreview) === null || _b === undefined ? undefined : _b.call(_a);
+        (_b = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.updatePreview) === null || _b === void 0 ? void 0 : _b.call(_a);
         const deltaTime = (time - this.renderTime) / 1e3;
         this.renderTime = time;
         this.emitEvent({
@@ -2530,7 +2530,7 @@ class Viewer extends EventEmitter2 {
                 newDragger = draggers.createDragger(name, this);
                 if (newDragger) {
                     this._activeDragger = newDragger;
-                    (_b = (_a = this._activeDragger).initialize) === null || _b === undefined ? undefined : _b.call(_a);
+                    (_b = (_a = this._activeDragger).initialize) === null || _b === void 0 ? void 0 : _b.call(_a);
                 }
             }
             const canvas = this.canvas;
@@ -2643,7 +2643,7 @@ class Viewer extends EventEmitter2 {
             }
         };
         const setClippingPlanes = clipping_planes => {
-            clipping_planes === null || clipping_planes === undefined ? undefined : clipping_planes.forEach((clipping_plane => {
+            clipping_planes === null || clipping_planes === void 0 ? void 0 : clipping_planes.forEach((clipping_plane => {
                 const plane = new Plane;
                 plane.setFromNormalAndCoplanarPoint(getVector3FromPoint3d(clipping_plane.direction), getVector3FromPoint3d(clipping_plane.location));
                 this.renderer.clippingPlanes.push(plane);
@@ -2652,7 +2652,7 @@ class Viewer extends EventEmitter2 {
         const setSelection = selection => {
             if (selection) this.setSelected(selection.map((component => component.handle)));
         };
-        const draggerName = (_a = this._activeDragger) === null || _a === undefined ? undefined : _a.name;
+        const draggerName = (_a = this._activeDragger) === null || _a === void 0 ? void 0 : _a.name;
         this.setActiveDragger();
         this.clearSlices();
         this.clearOverlay();
@@ -2664,7 +2664,7 @@ class Viewer extends EventEmitter2 {
         setClippingPlanes(viewpoint.clipping_planes);
         setSelection(viewpoint.selection);
         this._markup.setViewpoint(viewpoint);
-        this.target = getVector3FromPoint3d((_c = (_b = viewpoint.custom_fields) === null || _b === undefined ? undefined : _b.camera_target) !== null && _c !== undefined ? _c : this.target);
+        this.target = getVector3FromPoint3d((_c = (_b = viewpoint.custom_fields) === null || _b === void 0 ? void 0 : _b.camera_target) !== null && _c !== void 0 ? _c : this.target);
         this.setActiveDragger(draggerName);
         this.emitEvent({
             type: "drawviewpoint",