@inweb/viewer-three 26.4.1 → 26.4.2

package/dist/viewer-three.js

@@ -68,25 +68,22 @@
 
     class DraggersRegistry {
         constructor() {
-            this._draggers = new Map;
+            this._providers = new Map;
         }
         registerDragger(name, provider) {
-            this._draggers.set(name, provider);
+            this._providers.set(name, provider);
         }
         registerDraggerAlias(name, alias) {
-            const provider = this.getDragger(name);
+            const provider = this._providers.get(name);
             if (provider) this.registerDragger(alias, (viewer => provider(viewer)));
         }
-        getDragger(name) {
-            return this._draggers.get(name);
-        }
         getDraggers() {
             const map = new Map;
-            this._draggers.forEach(((value, key) => map.set(key, value)));
+            this._providers.forEach(((value, key) => map.set(key, value)));
             return map;
         }
         createDragger(name, viewer) {
-            const provider = this.getDragger(name);
+            const provider = this._providers.get(name);
             if (!provider) return null;
             const dragger = provider(viewer);
             dragger.name = name;
@@ -114,25 +111,22 @@
 
     class Components {
         constructor() {
-            this._components = new Map;
+            this._providers = new Map;
         }
         registerComponent(name, provider) {
-            this._components.set(name, provider);
+            this._providers.set(name, provider);
         }
         registerComponentAlias(name, alias) {
-            const provider = this.getComponent(name);
+            const provider = this._providers.get(name);
             if (provider) this.registerComponent(alias, (viewer => provider(viewer)));
         }
-        getComponent(name) {
-            return this._components.get(name);
-        }
         getComponents() {
             const map = new Map;
-            this._components.forEach(((value, key) => map.set(key, value)));
+            this._providers.forEach(((value, key) => map.set(key, value)));
             return map;
         }
         createComponent(name, viewer) {
-            const provider = this.getComponent(name);
+            const provider = this._providers.get(name);
             if (!provider) return null;
             const component = provider(viewer);
             component.name = name;
@@ -58048,7 +58042,7 @@ void main() {
     // acknowledge and accept the above terms.
     ///////////////////////////////////////////////////////////////////////////////
     /**
-     * A commands registry. Use this registry to register custom commands.
+     * Viewer commands registry. Use this registry to register custom commands.
      *
      * To implement custom command:
      *
@@ -58122,6 +58116,45 @@ void main() {
     commands.registerCommandAlias("ne", "k3DViewNE");
     commands.registerCommandAlias("nw", "k3DViewNW");
 
+    ///////////////////////////////////////////////////////////////////////////////
+    // 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 BackgroundComponent {
+        constructor(viewer) {
+            this.syncOptions = () => {
+                this.backgroundColor.setHex(0xffffff);
+            };
+            this.viewer = viewer;
+            this.backgroundColor = new Color(0xffffff);
+            this.viewer.renderer.setClearColor(this.backgroundColor);
+            this.viewer.scene.background = this.backgroundColor;
+            this.viewer.addEventListener("optionschange", this.syncOptions);
+        }
+        dispose() {
+            this.viewer.removeEventListener("optionschange", this.syncOptions);
+            this.viewer.scene.background = undefined;
+        }
+    }
+
     /**
      * https://github.com/google/model-viewer/blob/master/packages/model-viewer/src/three-components/EnvironmentScene.ts
      */
@@ -58278,25 +58311,16 @@ void main() {
     // By use of this software, its documentation or related materials, you
     // acknowledge and accept the above terms.
     ///////////////////////////////////////////////////////////////////////////////
-    class BackgroundComponent {
+    class RoomEnvironmentComponent {
         constructor(viewer) {
-            this.syncOptions = () => {
-                this.backgroundColor.setHex(0xffffff);
-            };
             this.viewer = viewer;
-            this.backgroundColor = new Color(0xffffff);
             const environment = new RoomEnvironment();
             const pmremGenerator = new PMREMGenerator(this.viewer.renderer);
-            this.viewer.renderer.setClearColor(this.backgroundColor);
-            this.viewer.scene.background = this.backgroundColor;
             this.viewer.scene.environment = pmremGenerator.fromScene(environment).texture;
-            this.viewer.addEventListener("optionschange", this.syncOptions);
             environment.dispose();
         }
         dispose() {
-            this.viewer.removeEventListener("optionschange", this.syncOptions);
             this.viewer.scene.environment = undefined;
-            this.viewer.scene.background = undefined;
         }
     }
 
@@ -58325,9 +58349,11 @@ void main() {
     class CameraComponent {
         constructor(viewer) {
             this.geometryEnd = () => {
+                const extentsCenter = this.viewer.extents.getCenter(new Vector3());
                 const extentsSize = this.viewer.extents.getBoundingSphere(new Sphere()).radius * 2;
                 const rendererSize = this.viewer.renderer.getSize(new Vector2());
                 const aspect = rendererSize.x / rendererSize.y;
+                // TODO: do not change the camera and target after opening the second model in "append" mode
                 let sceneCamera;
                 this.viewer.scene.traverse((object) => {
                     if (object.isCamera)
@@ -58355,6 +58381,7 @@ void main() {
                     camera.far = extentsSize * 100;
                     camera.updateProjectionMatrix();
                 }
+                this.viewer.target.copy(extentsCenter);
                 if (!sceneCamera) {
                     this.viewer.executeCommand("setDefaultViewPosition");
                 }
@@ -58395,7 +58422,6 @@ void main() {
                 const extents = new Box3();
                 this.viewer.scene.traverseVisible((object) => !object.children.length && extents.expandByObject(object));
                 this.viewer.extents.copy(extents);
-                this.viewer.target.copy(extents.getCenter(new Vector3()));
             };
             this.viewer = viewer;
             this.viewer.addEventListener("databasechunk", this.syncExtents);
@@ -58700,6 +58726,7 @@ void main() {
     components.registerComponent("ExtentsComponent", (viewer) => new ExtentsComponent(viewer));
     components.registerComponent("CameraComponent", (viewer) => new CameraComponent(viewer));
     components.registerComponent("BackgroundComponent", (viewer) => new BackgroundComponent(viewer));
+    components.registerComponent("RoomEnvironmentComponent", (viewer) => new RoomEnvironmentComponent(viewer));
     // components.registerComponent("LightComponent", (viewer) => new LightComponent(viewer));
     components.registerComponent("ResizeCanvasComponent", (viewer) => new ResizeCanvasComponent(viewer));
     components.registerComponent("RenderLoopComponent", (viewer) => new RenderLoopComponent(viewer));