@inweb/viewer-three 26.3.2 → 26.4.0

package/dist/viewer-three.js

@@ -12418,8 +12418,8 @@
             }
             if (!params) params = {};
             if (!params.points) params.points = [ {
-                x: 50,
-                y: 50
+                x: 0,
+                y: 0
             }, {
                 x: 100,
                 y: 100
@@ -12527,8 +12527,8 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 100,
-                y: 100
+                x: 0,
+                y: 0
             };
             if (!params.text) params.text = "default";
             this._ref = new Konva.Text({
@@ -12634,8 +12634,8 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 100,
-                y: 100
+                x: 0,
+                y: 0
             };
             this._ref = new Konva.Rect({
                 stroke: (_a = params.color) !== null && _a !== undefined ? _a : "#ff0000",
@@ -12748,8 +12748,8 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 100,
-                y: 100
+                x: 0,
+                y: 0
             };
             if (!params.radius) params.radius = {
                 x: 25,
@@ -12878,8 +12878,8 @@
             }
             if (!params) params = {};
             if (!params.start) params.start = {
-                x: 50,
-                y: 50
+                x: 0,
+                y: 0
             };
             if (!params.end) params.end = {
                 x: 100,
@@ -12994,8 +12994,8 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 50,
-                y: 50
+                x: 0,
+                y: 0
             };
             if (!params.src || !params.src.startsWith(this.BASE64_HEADER_START)) params.src = this.BASE64_NOT_FOUND;
             this._canvasImage = new Image;
@@ -13131,8 +13131,8 @@
             }
             if (!params) params = {};
             if (!params.position) params.position = {
-                x: 100,
-                y: 100
+                x: 0,
+                y: 0
             };
             const arcRadius = 16;
             this._ref = new Konva.Shape({
@@ -56684,117 +56684,6 @@ void main() {
         viewer.clearOverlay();
     }
 
-    ///////////////////////////////////////////////////////////////////////////////
-    // Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
-    // All rights reserved.
-    //
-    // This software and its documentation and related materials are owned by
-    // the Alliance. The software may only be incorporated into application
-    // programs owned by members of the Alliance, subject to a signed
-    // Membership Agreement and Supplemental Software License Agreement with the
-    // Alliance. The structure and organization of this software are the valuable
-    // trade secrets of the Alliance and its suppliers. The software is also
-    // protected by copyright law and international treaty provisions. Application
-    // programs incorporating this software must include the following statement
-    // with their copyright notices:
-    //
-    //   This application incorporates Open Design Alliance software pursuant to a
-    //   license agreement with Open Design Alliance.
-    //   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
-    //   All rights reserved.
-    //
-    // By use of this software, its documentation or related materials, you
-    // acknowledge and accept the above terms.
-    ///////////////////////////////////////////////////////////////////////////////
-    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, 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, 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: 0.25 },
-                Line2: { threshold: 0.25 },
-                LOD: {},
-                Points: { threshold: 0.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;
-        }
-    }
-
     ///////////////////////////////////////////////////////////////////////////////
     // Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
     // All rights reserved.
@@ -56818,9 +56707,10 @@ void main() {
     // acknowledge and accept the above terms.
     ///////////////////////////////////////////////////////////////////////////////
     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", data: undefined, handles: [] });
     }
@@ -57127,6 +57017,117 @@ void main() {
         return viewer.selected.map((object) => { var _a; return (_a = object.userData) === null || _a === undefined ? undefined : _a.handle; }).filter((handle) => handle);
     }
 
+    ///////////////////////////////////////////////////////////////////////////////
+    // Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
+    // All rights reserved.
+    //
+    // This software and its documentation and related materials are owned by
+    // the Alliance. The software may only be incorporated into application
+    // programs owned by members of the Alliance, subject to a signed
+    // Membership Agreement and Supplemental Software License Agreement with the
+    // Alliance. The structure and organization of this software are the valuable
+    // trade secrets of the Alliance and its suppliers. The software is also
+    // protected by copyright law and international treaty provisions. Application
+    // programs incorporating this software must include the following statement
+    // with their copyright notices:
+    //
+    //   This application incorporates Open Design Alliance software pursuant to a
+    //   license agreement with Open Design Alliance.
+    //   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
+    //   All rights reserved.
+    //
+    // By use of this software, its documentation or related materials, you
+    // acknowledge and accept the above terms.
+    ///////////////////////////////////////////////////////////////////////////////
+    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, 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, 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: 0.25 },
+                Line2: { threshold: 0.25 },
+                LOD: {},
+                Points: { threshold: 0.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;
+        }
+    }
+
     ///////////////////////////////////////////////////////////////////////////////
     // Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
     // All rights reserved.
@@ -57362,10 +57363,11 @@ void main() {
             if (handleSet.has((_a = child.userData) === null || _a === undefined ? undefined : _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", data: undefined, handles });
     }