@inweb/viewer-three 27.1.0 → 27.1.2

package/dist/extensions/components/AxesHelperComponent.js

@@ -37,22 +37,24 @@
                 this.modelHelpers.length = 0;
                 this.axesHelper1.removeFromParent();
                 this.axesHelper2.removeFromParent();
-                const size = this.viewer.extents.getSize(new three.Vector3()).length();
-                const center = this.viewer.extents.getCenter(new three.Vector3());
+                const extentsSize = this.viewer.extents.getSize(new three.Vector3()).length() || 1;
+                const extentsCenter = this.viewer.extents.getCenter(new three.Vector3());
                 this.axesHelper1.position.set(0, 0, 0);
-                this.axesHelper1.scale.setScalar(size * 1.25);
-                this.axesHelper2.position.copy(center);
-                this.axesHelper2.scale.setScalar(size);
+                this.axesHelper1.scale.setScalar(extentsSize * 1.5);
                 this.viewer.helpers.add(this.axesHelper1);
+                if (this.viewer.models.length < 1)
+                    return;
+                this.axesHelper2.position.copy(extentsCenter);
+                this.axesHelper2.scale.setScalar(extentsSize);
                 this.viewer.helpers.add(this.axesHelper2);
                 if (this.viewer.models.length < 2)
                     return;
                 this.viewer.models.forEach((model) => {
-                    const extents = model.getExtents(new three.Box3());
-                    const size = extents.getSize(new three.Vector3()).length();
-                    const center = extents.getCenter(new three.Vector3());
-                    const helper = new three.AxesHelper(size);
-                    helper.position.copy(center);
+                    const modelExtents = model.getExtents(new three.Box3());
+                    const modelSize = modelExtents.getSize(new three.Vector3()).length() || 1;
+                    const modelCenter = modelExtents.getCenter(new three.Vector3());
+                    const helper = new three.AxesHelper(modelSize);
+                    helper.position.copy(modelCenter);
                     this.modelHelpers.push(helper);
                     this.viewer.helpers.add(helper);
                 });
@@ -60,7 +62,6 @@
             this.axesHelper1 = new three.AxesHelper(1);
             this.axesHelper2 = new three.AxesHelper(1);
             this.modelHelpers = [];
-            this.axesHelper1.setColors("#ccc", "#ccc", "#ccc");
             this.viewer = viewer;
             this.viewer.addEventListener("initialize", this.syncHelper);
             this.viewer.addEventListener("geometryend", this.syncHelper);

package/dist/extensions/components/AxesHelperComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AxesHelperComponent.js","sources":["../../../extensions/components/AxesHelperComponent.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 { AxesHelper, Box3, Vector3 } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass AxesHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private axesHelper1: AxesHelper;\n  private axesHelper2: AxesHelper;\n  private modelHelpers: AxesHelper[];\n\n  constructor(viewer: Viewer) {\n    this.axesHelper1 = new AxesHelper(1);\n    this.axesHelper2 = new AxesHelper(1);\n    this.modelHelpers = [];\n\n    this.axesHelper1.setColors(\"#ccc\", \"#ccc\", \"#ccc\");\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"initialize\", this.syncHelper);\n    this.viewer.addEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.addEventListener(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n\n    this.axesHelper1.removeFromParent();\n    this.axesHelper1.dispose();\n\n    this.axesHelper2.removeFromParent();\n    this.axesHelper2.dispose();\n\n    this.viewer.removeEventListener(\"initialize\", this.syncHelper);\n    this.viewer.removeEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.removeEventListener(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n    this.modelHelpers.length = 0;\n\n    this.axesHelper1.removeFromParent();\n    this.axesHelper2.removeFromParent();\n\n    const size = this.viewer.extents.getSize(new Vector3()).length();\n    const center = this.viewer.extents.getCenter(new Vector3());\n\n    this.axesHelper1.position.set(0, 0, 0);\n    this.axesHelper1.scale.setScalar(size * 1.25);\n\n    this.axesHelper2.position.copy(center);\n    this.axesHelper2.scale.setScalar(size);\n\n    this.viewer.helpers.add(this.axesHelper1);\n    this.viewer.helpers.add(this.axesHelper2);\n\n    if (this.viewer.models.length < 2) return;\n\n    this.viewer.models.forEach((model) => {\n      const extents = model.getExtents(new Box3());\n      const size = extents.getSize(new Vector3()).length();\n      const center = extents.getCenter(new Vector3());\n\n      const helper = new AxesHelper(size);\n      helper.position.copy(center);\n\n      this.modelHelpers.push(helper);\n      this.viewer.helpers.add(helper);\n    });\n  };\n}\n\ncomponents.registerComponent(\"AxesHelperComponent\", (viewer) => new AxesHelperComponent(viewer));\n"],"names":["Vector3","Box3","AxesHelper","components"],"mappings":"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"}
+{"version":3,"file":"AxesHelperComponent.js","sources":["../../../extensions/components/AxesHelperComponent.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 { AxesHelper, Box3, Vector3 } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass AxesHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private axesHelper1: AxesHelper;\n  private axesHelper2: AxesHelper;\n  private modelHelpers: AxesHelper[];\n\n  constructor(viewer: Viewer) {\n    this.axesHelper1 = new AxesHelper(1);\n    this.axesHelper2 = new AxesHelper(1);\n    this.modelHelpers = [];\n\n    // this.axesHelper1.setColors(\"#ccc\", \"#ccc\", \"#ccc\");\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"initialize\", this.syncHelper);\n    this.viewer.addEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.addEventListener(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n\n    this.axesHelper1.removeFromParent();\n    this.axesHelper1.dispose();\n\n    this.axesHelper2.removeFromParent();\n    this.axesHelper2.dispose();\n\n    this.viewer.removeEventListener(\"initialize\", this.syncHelper);\n    this.viewer.removeEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.removeEventListener(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n    this.modelHelpers.length = 0;\n\n    this.axesHelper1.removeFromParent();\n    this.axesHelper2.removeFromParent();\n\n    const extentsSize = this.viewer.extents.getSize(new Vector3()).length() || 1;\n    const extentsCenter = this.viewer.extents.getCenter(new Vector3());\n\n    this.axesHelper1.position.set(0, 0, 0);\n    this.axesHelper1.scale.setScalar(extentsSize * 1.5);\n    this.viewer.helpers.add(this.axesHelper1);\n\n    if (this.viewer.models.length < 1) return;\n\n    this.axesHelper2.position.copy(extentsCenter);\n    this.axesHelper2.scale.setScalar(extentsSize);\n    this.viewer.helpers.add(this.axesHelper2);\n\n    if (this.viewer.models.length < 2) return;\n\n    this.viewer.models.forEach((model) => {\n      const modelExtents = model.getExtents(new Box3());\n      const modelSize = modelExtents.getSize(new Vector3()).length() || 1;\n      const modelCenter = modelExtents.getCenter(new Vector3());\n\n      const helper = new AxesHelper(modelSize);\n      helper.position.copy(modelCenter);\n\n      this.modelHelpers.push(helper);\n      this.viewer.helpers.add(helper);\n    });\n  };\n}\n\ncomponents.registerComponent(\"AxesHelperComponent\", (viewer) => new AxesHelperComponent(viewer));\n"],"names":["Vector3","Box3","AxesHelper","components"],"mappings":"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"}

package/dist/extensions/components/AxesHelperComponent.min.js

@@ -21,4 +21,4 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?s(require("three"),require("@inweb/viewer-three")):"function"==typeof define&&define.amd?define(["three","@inweb/viewer-three"],s):s((e="undefined"!=typeof globalThis?globalThis:e||self).THREE,e.ODA.Three)}(this,function(e,s){"use strict";class t{constructor(s){this.syncHelper=()=>{this.modelHelpers.forEach(e=>{e.removeFromParent(),e.dispose()}),this.modelHelpers.length=0,this.axesHelper1.removeFromParent(),this.axesHelper2.removeFromParent();const s=this.viewer.extents.getSize(new e.Vector3).length(),t=this.viewer.extents.getCenter(new e.Vector3);this.axesHelper1.position.set(0,0,0),this.axesHelper1.scale.setScalar(1.25*s),this.axesHelper2.position.copy(t),this.axesHelper2.scale.setScalar(s),this.viewer.helpers.add(this.axesHelper1),this.viewer.helpers.add(this.axesHelper2),this.viewer.models.length<2||this.viewer.models.forEach(s=>{const t=s.getExtents(new e.Box3),r=t.getSize(new e.Vector3).length(),i=t.getCenter(new e.Vector3),n=new e.AxesHelper(r);n.position.copy(i),this.modelHelpers.push(n),this.viewer.helpers.add(n)})},this.axesHelper1=new e.AxesHelper(1),this.axesHelper2=new e.AxesHelper(1),this.modelHelpers=[],this.axesHelper1.setColors("#ccc","#ccc","#ccc"),this.viewer=s,this.viewer.addEventListener("initialize",this.syncHelper),this.viewer.addEventListener("geometryend",this.syncHelper),this.viewer.addEventListener("clear",this.syncHelper)}dispose(){this.modelHelpers.forEach(e=>{e.removeFromParent(),e.dispose()}),this.axesHelper1.removeFromParent(),this.axesHelper1.dispose(),this.axesHelper2.removeFromParent(),this.axesHelper2.dispose(),this.viewer.removeEventListener("initialize",this.syncHelper),this.viewer.removeEventListener("geometryend",this.syncHelper),this.viewer.removeEventListener("clear",this.syncHelper)}}s.components.registerComponent("AxesHelperComponent",e=>new t(e))});
+!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?s(require("three"),require("@inweb/viewer-three")):"function"==typeof define&&define.amd?define(["three","@inweb/viewer-three"],s):s((e="undefined"!=typeof globalThis?globalThis:e||self).THREE,e.ODA.Three)}(this,function(e,s){"use strict";class t{constructor(s){this.syncHelper=()=>{this.modelHelpers.forEach(e=>{e.removeFromParent(),e.dispose()}),this.modelHelpers.length=0,this.axesHelper1.removeFromParent(),this.axesHelper2.removeFromParent();const s=this.viewer.extents.getSize(new e.Vector3).length()||1,t=this.viewer.extents.getCenter(new e.Vector3);this.axesHelper1.position.set(0,0,0),this.axesHelper1.scale.setScalar(1.5*s),this.viewer.helpers.add(this.axesHelper1),this.viewer.models.length<1||(this.axesHelper2.position.copy(t),this.axesHelper2.scale.setScalar(s),this.viewer.helpers.add(this.axesHelper2),this.viewer.models.length<2||this.viewer.models.forEach(s=>{const t=s.getExtents(new e.Box3),r=t.getSize(new e.Vector3).length()||1,i=t.getCenter(new e.Vector3),n=new e.AxesHelper(r);n.position.copy(i),this.modelHelpers.push(n),this.viewer.helpers.add(n)}))},this.axesHelper1=new e.AxesHelper(1),this.axesHelper2=new e.AxesHelper(1),this.modelHelpers=[],this.viewer=s,this.viewer.addEventListener("initialize",this.syncHelper),this.viewer.addEventListener("geometryend",this.syncHelper),this.viewer.addEventListener("clear",this.syncHelper)}dispose(){this.modelHelpers.forEach(e=>{e.removeFromParent(),e.dispose()}),this.axesHelper1.removeFromParent(),this.axesHelper1.dispose(),this.axesHelper2.removeFromParent(),this.axesHelper2.dispose(),this.viewer.removeEventListener("initialize",this.syncHelper),this.viewer.removeEventListener("geometryend",this.syncHelper),this.viewer.removeEventListener("clear",this.syncHelper)}}s.components.registerComponent("AxesHelperComponent",e=>new t(e))});

package/dist/extensions/components/AxesHelperComponent.module.js

@@ -34,22 +34,24 @@ class AxesHelperComponent {
             this.modelHelpers.length = 0;
             this.axesHelper1.removeFromParent();
             this.axesHelper2.removeFromParent();
-            const size = this.viewer.extents.getSize(new Vector3()).length();
-            const center = this.viewer.extents.getCenter(new Vector3());
+            const extentsSize = this.viewer.extents.getSize(new Vector3()).length() || 1;
+            const extentsCenter = this.viewer.extents.getCenter(new Vector3());
             this.axesHelper1.position.set(0, 0, 0);
-            this.axesHelper1.scale.setScalar(size * 1.25);
-            this.axesHelper2.position.copy(center);
-            this.axesHelper2.scale.setScalar(size);
+            this.axesHelper1.scale.setScalar(extentsSize * 1.5);
             this.viewer.helpers.add(this.axesHelper1);
+            if (this.viewer.models.length < 1)
+                return;
+            this.axesHelper2.position.copy(extentsCenter);
+            this.axesHelper2.scale.setScalar(extentsSize);
             this.viewer.helpers.add(this.axesHelper2);
             if (this.viewer.models.length < 2)
                 return;
             this.viewer.models.forEach((model) => {
-                const extents = model.getExtents(new Box3());
-                const size = extents.getSize(new Vector3()).length();
-                const center = extents.getCenter(new Vector3());
-                const helper = new AxesHelper(size);
-                helper.position.copy(center);
+                const modelExtents = model.getExtents(new Box3());
+                const modelSize = modelExtents.getSize(new Vector3()).length() || 1;
+                const modelCenter = modelExtents.getCenter(new Vector3());
+                const helper = new AxesHelper(modelSize);
+                helper.position.copy(modelCenter);
                 this.modelHelpers.push(helper);
                 this.viewer.helpers.add(helper);
             });
@@ -57,7 +59,6 @@ class AxesHelperComponent {
         this.axesHelper1 = new AxesHelper(1);
         this.axesHelper2 = new AxesHelper(1);
         this.modelHelpers = [];
-        this.axesHelper1.setColors("#ccc", "#ccc", "#ccc");
         this.viewer = viewer;
         this.viewer.addEventListener("initialize", this.syncHelper);
         this.viewer.addEventListener("geometryend", this.syncHelper);

package/dist/extensions/components/AxesHelperComponent.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"AxesHelperComponent.module.js","sources":["../../../extensions/components/AxesHelperComponent.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 { AxesHelper, Box3, Vector3 } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass AxesHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private axesHelper1: AxesHelper;\n  private axesHelper2: AxesHelper;\n  private modelHelpers: AxesHelper[];\n\n  constructor(viewer: Viewer) {\n    this.axesHelper1 = new AxesHelper(1);\n    this.axesHelper2 = new AxesHelper(1);\n    this.modelHelpers = [];\n\n    this.axesHelper1.setColors(\"#ccc\", \"#ccc\", \"#ccc\");\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"initialize\", this.syncHelper);\n    this.viewer.addEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.addEventListener(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n\n    this.axesHelper1.removeFromParent();\n    this.axesHelper1.dispose();\n\n    this.axesHelper2.removeFromParent();\n    this.axesHelper2.dispose();\n\n    this.viewer.removeEventListener(\"initialize\", this.syncHelper);\n    this.viewer.removeEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.removeEventListener(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n    this.modelHelpers.length = 0;\n\n    this.axesHelper1.removeFromParent();\n    this.axesHelper2.removeFromParent();\n\n    const size = this.viewer.extents.getSize(new Vector3()).length();\n    const center = this.viewer.extents.getCenter(new Vector3());\n\n    this.axesHelper1.position.set(0, 0, 0);\n    this.axesHelper1.scale.setScalar(size * 1.25);\n\n    this.axesHelper2.position.copy(center);\n    this.axesHelper2.scale.setScalar(size);\n\n    this.viewer.helpers.add(this.axesHelper1);\n    this.viewer.helpers.add(this.axesHelper2);\n\n    if (this.viewer.models.length < 2) return;\n\n    this.viewer.models.forEach((model) => {\n      const extents = model.getExtents(new Box3());\n      const size = extents.getSize(new Vector3()).length();\n      const center = extents.getCenter(new Vector3());\n\n      const helper = new AxesHelper(size);\n      helper.position.copy(center);\n\n      this.modelHelpers.push(helper);\n      this.viewer.helpers.add(helper);\n    });\n  };\n}\n\ncomponents.registerComponent(\"AxesHelperComponent\", (viewer) => new AxesHelperComponent(viewer));\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AxesHelperComponent.module.js","sources":["../../../extensions/components/AxesHelperComponent.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 { AxesHelper, Box3, Vector3 } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass AxesHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private axesHelper1: AxesHelper;\n  private axesHelper2: AxesHelper;\n  private modelHelpers: AxesHelper[];\n\n  constructor(viewer: Viewer) {\n    this.axesHelper1 = new AxesHelper(1);\n    this.axesHelper2 = new AxesHelper(1);\n    this.modelHelpers = [];\n\n    // this.axesHelper1.setColors(\"#ccc\", \"#ccc\", \"#ccc\");\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"initialize\", this.syncHelper);\n    this.viewer.addEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.addEventListener(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n\n    this.axesHelper1.removeFromParent();\n    this.axesHelper1.dispose();\n\n    this.axesHelper2.removeFromParent();\n    this.axesHelper2.dispose();\n\n    this.viewer.removeEventListener(\"initialize\", this.syncHelper);\n    this.viewer.removeEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.removeEventListener(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n    this.modelHelpers.length = 0;\n\n    this.axesHelper1.removeFromParent();\n    this.axesHelper2.removeFromParent();\n\n    const extentsSize = this.viewer.extents.getSize(new Vector3()).length() || 1;\n    const extentsCenter = this.viewer.extents.getCenter(new Vector3());\n\n    this.axesHelper1.position.set(0, 0, 0);\n    this.axesHelper1.scale.setScalar(extentsSize * 1.5);\n    this.viewer.helpers.add(this.axesHelper1);\n\n    if (this.viewer.models.length < 1) return;\n\n    this.axesHelper2.position.copy(extentsCenter);\n    this.axesHelper2.scale.setScalar(extentsSize);\n    this.viewer.helpers.add(this.axesHelper2);\n\n    if (this.viewer.models.length < 2) return;\n\n    this.viewer.models.forEach((model) => {\n      const modelExtents = model.getExtents(new Box3());\n      const modelSize = modelExtents.getSize(new Vector3()).length() || 1;\n      const modelCenter = modelExtents.getCenter(new Vector3());\n\n      const helper = new AxesHelper(modelSize);\n      helper.position.copy(modelCenter);\n\n      this.modelHelpers.push(helper);\n      this.viewer.helpers.add(helper);\n    });\n  };\n}\n\ncomponents.registerComponent(\"AxesHelperComponent\", (viewer) => new AxesHelperComponent(viewer));\n"],"names":[],"mappings":"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"}

package/dist/extensions/components/GridHelperComponent.js

@@ -31,14 +31,12 @@
         constructor(viewer) {
             this.syncHelper = () => {
                 this.gridHelper.removeFromParent();
-                if (this.viewer.extents.isEmpty())
-                    return;
-                const size = this.viewer.extents.getSize(new three.Vector3()).multiply(this.viewer.camera.up).length();
-                const center = this.viewer.extents.getCenter(new three.Vector3());
+                const extentsSizeUp = this.viewer.extents.getSize(new three.Vector3()).multiply(this.viewer.camera.up).length() || 1;
+                const extentsCenter = this.viewer.extents.getCenter(new three.Vector3());
                 const upY = new three.Vector3(0, 1, 0);
                 const up = new three.Vector3().copy(this.viewer.camera.up);
-                this.gridHelper.scale.setScalar(size);
-                this.gridHelper.position.copy(center);
+                this.gridHelper.scale.setScalar(extentsSizeUp);
+                this.gridHelper.position.copy(extentsCenter);
                 this.gridHelper.quaternion.setFromUnitVectors(upY, up);
                 this.viewer.helpers.add(this.gridHelper);
             };

package/dist/extensions/components/GridHelperComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridHelperComponent.js","sources":["../../../extensions/components/GridHelperComponent.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 { GridHelper, Vector3 } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass GridHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private gridHelper: GridHelper;\n\n  constructor(viewer: Viewer) {\n    this.gridHelper = new GridHelper(10, 20, 0x444444, 0xaaaaaa);\n    this.viewer = viewer;\n    this.viewer.on(\"initialize\", this.syncHelper);\n    this.viewer.on(\"geometryend\", this.syncHelper);\n    this.viewer.on(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.gridHelper.removeFromParent();\n    this.gridHelper.dispose();\n\n    this.viewer.off(\"initialize\", this.syncHelper);\n    this.viewer.off(\"geometryend\", this.syncHelper);\n    this.viewer.off(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.gridHelper.removeFromParent();\n\n    if (this.viewer.extents.isEmpty()) return;\n\n    const size = this.viewer.extents.getSize(new Vector3()).multiply(this.viewer.camera.up).length();\n    const center = this.viewer.extents.getCenter(new Vector3());\n\n    const upY = new Vector3(0, 1, 0);\n    const up = new Vector3().copy(this.viewer.camera.up);\n\n    this.gridHelper.scale.setScalar(size);\n    this.gridHelper.position.copy(center);\n    this.gridHelper.quaternion.setFromUnitVectors(upY, up);\n\n    this.viewer.helpers.add(this.gridHelper);\n  };\n}\n\ncomponents.registerComponent(\"GridHelperComponent\", (viewer) => new GridHelperComponent(viewer));\n"],"names":["Vector3","GridHelper","components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BA,MAAM,mBAAmB,CAAA;IAIvB,IAAA,WAAA,CAAY,MAAc,EAAA;YAiB1B,IAAA,CAAA,UAAU,GAAG,MAAK;IAChB,YAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;IAElC,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE;oBAAE;IAEnC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAIA,aAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE;IAChG,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAIA,aAAO,EAAE,CAAC;gBAE3D,MAAM,GAAG,GAAG,IAAIA,aAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAChC,YAAA,MAAM,EAAE,GAAG,IAAIA,aAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;gBAEpD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;gBACrC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;gBACrC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,CAAC;gBAEtD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IAC1C,QAAA,CAAC;IAhCC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAIC,gBAAU,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC;IAC5D,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;YACpB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;YAC7C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;YAC9C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;QAC1C;QAEA,OAAO,GAAA;IACL,QAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;IAClC,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YAEzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;YAC9C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;YAC/C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;QAC3C;IAmBD;AAEDC,0BAAU,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,MAAM,KAAK,IAAI,mBAAmB,CAAC,MAAM,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"GridHelperComponent.js","sources":["../../../extensions/components/GridHelperComponent.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 { GridHelper, Vector3 } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass GridHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private gridHelper: GridHelper;\n\n  constructor(viewer: Viewer) {\n    this.gridHelper = new GridHelper(10, 20, 0x444444, 0xaaaaaa);\n    this.viewer = viewer;\n    this.viewer.on(\"initialize\", this.syncHelper);\n    this.viewer.on(\"geometryend\", this.syncHelper);\n    this.viewer.on(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.gridHelper.removeFromParent();\n    this.gridHelper.dispose();\n\n    this.viewer.off(\"initialize\", this.syncHelper);\n    this.viewer.off(\"geometryend\", this.syncHelper);\n    this.viewer.off(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.gridHelper.removeFromParent();\n\n    const extentsSizeUp = this.viewer.extents.getSize(new Vector3()).multiply(this.viewer.camera.up).length() || 1;\n    const extentsCenter = this.viewer.extents.getCenter(new Vector3());\n\n    const upY = new Vector3(0, 1, 0);\n    const up = new Vector3().copy(this.viewer.camera.up);\n\n    this.gridHelper.scale.setScalar(extentsSizeUp);\n    this.gridHelper.position.copy(extentsCenter);\n    this.gridHelper.quaternion.setFromUnitVectors(upY, up);\n\n    this.viewer.helpers.add(this.gridHelper);\n  };\n}\n\ncomponents.registerComponent(\"GridHelperComponent\", (viewer) => new GridHelperComponent(viewer));\n"],"names":["Vector3","GridHelper","components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BA,MAAM,mBAAmB,CAAA;IAIvB,IAAA,WAAA,CAAY,MAAc,EAAA;YAiB1B,IAAA,CAAA,UAAU,GAAG,MAAK;IAChB,YAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;IAElC,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAIA,aAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC;IAC9G,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAIA,aAAO,EAAE,CAAC;gBAElE,MAAM,GAAG,GAAG,IAAIA,aAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAChC,YAAA,MAAM,EAAE,GAAG,IAAIA,aAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;gBAEpD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;gBAC9C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;gBAC5C,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,CAAC;gBAEtD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IAC1C,QAAA,CAAC;IA9BC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAIC,gBAAU,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC;IAC5D,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;YACpB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;YAC7C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;YAC9C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;QAC1C;QAEA,OAAO,GAAA;IACL,QAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;IAClC,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YAEzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;YAC9C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;YAC/C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;QAC3C;IAiBD;AAEDC,0BAAU,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,MAAM,KAAK,IAAI,mBAAmB,CAAC,MAAM,CAAC,CAAC;;;;;;"}

package/dist/extensions/components/GridHelperComponent.min.js

@@ -21,4 +21,4 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(require("three"),require("@inweb/viewer-three")):"function"==typeof define&&define.amd?define(["three","@inweb/viewer-three"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self).THREE,e.ODA.Three)}(this,function(e,i){"use strict";class r{constructor(i){this.syncHelper=()=>{if(this.gridHelper.removeFromParent(),this.viewer.extents.isEmpty())return;const i=this.viewer.extents.getSize(new e.Vector3).multiply(this.viewer.camera.up).length(),r=this.viewer.extents.getCenter(new e.Vector3),t=new e.Vector3(0,1,0),s=(new e.Vector3).copy(this.viewer.camera.up);this.gridHelper.scale.setScalar(i),this.gridHelper.position.copy(r),this.gridHelper.quaternion.setFromUnitVectors(t,s),this.viewer.helpers.add(this.gridHelper)},this.gridHelper=new e.GridHelper(10,20,4473924,11184810),this.viewer=i,this.viewer.on("initialize",this.syncHelper),this.viewer.on("geometryend",this.syncHelper),this.viewer.on("clear",this.syncHelper)}dispose(){this.gridHelper.removeFromParent(),this.gridHelper.dispose(),this.viewer.off("initialize",this.syncHelper),this.viewer.off("geometryend",this.syncHelper),this.viewer.off("clear",this.syncHelper)}}i.components.registerComponent("GridHelperComponent",e=>new r(e))});
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(require("three"),require("@inweb/viewer-three")):"function"==typeof define&&define.amd?define(["three","@inweb/viewer-three"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self).THREE,e.ODA.Three)}(this,function(e,i){"use strict";class r{constructor(i){this.syncHelper=()=>{this.gridHelper.removeFromParent();const i=this.viewer.extents.getSize(new e.Vector3).multiply(this.viewer.camera.up).length()||1,r=this.viewer.extents.getCenter(new e.Vector3),t=new e.Vector3(0,1,0),s=(new e.Vector3).copy(this.viewer.camera.up);this.gridHelper.scale.setScalar(i),this.gridHelper.position.copy(r),this.gridHelper.quaternion.setFromUnitVectors(t,s),this.viewer.helpers.add(this.gridHelper)},this.gridHelper=new e.GridHelper(10,20,4473924,11184810),this.viewer=i,this.viewer.on("initialize",this.syncHelper),this.viewer.on("geometryend",this.syncHelper),this.viewer.on("clear",this.syncHelper)}dispose(){this.gridHelper.removeFromParent(),this.gridHelper.dispose(),this.viewer.off("initialize",this.syncHelper),this.viewer.off("geometryend",this.syncHelper),this.viewer.off("clear",this.syncHelper)}}i.components.registerComponent("GridHelperComponent",e=>new r(e))});

package/dist/extensions/components/GridHelperComponent.module.js

@@ -28,14 +28,12 @@ class GridHelperComponent {
     constructor(viewer) {
         this.syncHelper = () => {
             this.gridHelper.removeFromParent();
-            if (this.viewer.extents.isEmpty())
-                return;
-            const size = this.viewer.extents.getSize(new Vector3()).multiply(this.viewer.camera.up).length();
-            const center = this.viewer.extents.getCenter(new Vector3());
+            const extentsSizeUp = this.viewer.extents.getSize(new Vector3()).multiply(this.viewer.camera.up).length() || 1;
+            const extentsCenter = this.viewer.extents.getCenter(new Vector3());
             const upY = new Vector3(0, 1, 0);
             const up = new Vector3().copy(this.viewer.camera.up);
-            this.gridHelper.scale.setScalar(size);
-            this.gridHelper.position.copy(center);
+            this.gridHelper.scale.setScalar(extentsSizeUp);
+            this.gridHelper.position.copy(extentsCenter);
             this.gridHelper.quaternion.setFromUnitVectors(upY, up);
             this.viewer.helpers.add(this.gridHelper);
         };

package/dist/extensions/components/GridHelperComponent.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridHelperComponent.module.js","sources":["../../../extensions/components/GridHelperComponent.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 { GridHelper, Vector3 } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass GridHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private gridHelper: GridHelper;\n\n  constructor(viewer: Viewer) {\n    this.gridHelper = new GridHelper(10, 20, 0x444444, 0xaaaaaa);\n    this.viewer = viewer;\n    this.viewer.on(\"initialize\", this.syncHelper);\n    this.viewer.on(\"geometryend\", this.syncHelper);\n    this.viewer.on(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.gridHelper.removeFromParent();\n    this.gridHelper.dispose();\n\n    this.viewer.off(\"initialize\", this.syncHelper);\n    this.viewer.off(\"geometryend\", this.syncHelper);\n    this.viewer.off(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.gridHelper.removeFromParent();\n\n    if (this.viewer.extents.isEmpty()) return;\n\n    const size = this.viewer.extents.getSize(new Vector3()).multiply(this.viewer.camera.up).length();\n    const center = this.viewer.extents.getCenter(new Vector3());\n\n    const upY = new Vector3(0, 1, 0);\n    const up = new Vector3().copy(this.viewer.camera.up);\n\n    this.gridHelper.scale.setScalar(size);\n    this.gridHelper.position.copy(center);\n    this.gridHelper.quaternion.setFromUnitVectors(upY, up);\n\n    this.viewer.helpers.add(this.gridHelper);\n  };\n}\n\ncomponents.registerComponent(\"GridHelperComponent\", (viewer) => new GridHelperComponent(viewer));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,mBAAmB,CAAA;AAIvB,IAAA,WAAA,CAAY,MAAc,EAAA;QAiB1B,IAAA,CAAA,UAAU,GAAG,MAAK;AAChB,YAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;AAElC,YAAA,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE;gBAAE;AAEnC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE;AAChG,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,OAAO,EAAE,CAAC;YAE3D,MAAM,GAAG,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChC,YAAA,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YAEpD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,CAAC;YAEtD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;AAC1C,QAAA,CAAC;AAhCC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC;AAC5D,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACpB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;QAC9C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;IAC1C;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;AAClC,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;QAEzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;QAC9C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;QAC/C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;IAC3C;AAmBD;AAED,UAAU,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,MAAM,KAAK,IAAI,mBAAmB,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"GridHelperComponent.module.js","sources":["../../../extensions/components/GridHelperComponent.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 { GridHelper, Vector3 } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass GridHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private gridHelper: GridHelper;\n\n  constructor(viewer: Viewer) {\n    this.gridHelper = new GridHelper(10, 20, 0x444444, 0xaaaaaa);\n    this.viewer = viewer;\n    this.viewer.on(\"initialize\", this.syncHelper);\n    this.viewer.on(\"geometryend\", this.syncHelper);\n    this.viewer.on(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.gridHelper.removeFromParent();\n    this.gridHelper.dispose();\n\n    this.viewer.off(\"initialize\", this.syncHelper);\n    this.viewer.off(\"geometryend\", this.syncHelper);\n    this.viewer.off(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.gridHelper.removeFromParent();\n\n    const extentsSizeUp = this.viewer.extents.getSize(new Vector3()).multiply(this.viewer.camera.up).length() || 1;\n    const extentsCenter = this.viewer.extents.getCenter(new Vector3());\n\n    const upY = new Vector3(0, 1, 0);\n    const up = new Vector3().copy(this.viewer.camera.up);\n\n    this.gridHelper.scale.setScalar(extentsSizeUp);\n    this.gridHelper.position.copy(extentsCenter);\n    this.gridHelper.quaternion.setFromUnitVectors(upY, up);\n\n    this.viewer.helpers.add(this.gridHelper);\n  };\n}\n\ncomponents.registerComponent(\"GridHelperComponent\", (viewer) => new GridHelperComponent(viewer));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,mBAAmB,CAAA;AAIvB,IAAA,WAAA,CAAY,MAAc,EAAA;QAiB1B,IAAA,CAAA,UAAU,GAAG,MAAK;AAChB,YAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;AAElC,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC;AAC9G,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,OAAO,EAAE,CAAC;YAElE,MAAM,GAAG,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChC,YAAA,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YAEpD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;YAC9C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;YAC5C,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,CAAC;YAEtD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;AAC1C,QAAA,CAAC;AA9BC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC;AAC5D,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACpB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;QAC9C,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;IAC1C;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;AAClC,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;QAEzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC;QAC9C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;QAC/C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;IAC3C;AAiBD;AAED,UAAU,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,MAAM,KAAK,IAAI,mBAAmB,CAAC,MAAM,CAAC,CAAC"}

package/dist/extensions/components/InfoPanelComponent.js

@@ -68,17 +68,13 @@
     }
     class InfoPanelComponent {
         constructor(viewer) {
-            this.updatePreformanceInfo = () => {
+            this.updateRenderInfo = () => {
                 const info = this.viewer.info;
                 const text = [];
                 text.push(`FPS: ${info.performance.fps}`);
                 text.push(`Frame Time: ${info.performance.frameTime} ms`);
                 this.performancePanel.update(text.join("\n"));
-                this.viewer.update();
-            };
-            this.updateRenderInfo = () => {
-                const info = this.viewer.info;
-                const text = [];
+                text.length = 0;
                 text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);
                 text.push(`Antialiasing: ${info.render.antialiasing}`);
                 text.push(`Draw Calls: ${info.render.drawCalls}`);
@@ -111,6 +107,9 @@
                 text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);
                 this.memoryPanel.update(text.join("\n"));
             };
+            this.updateViewer = () => {
+                this.viewer.update();
+            };
             this.container = document.createElement("div");
             this.container.id = "info-container";
             this.container.style.position = "absolute";
@@ -135,8 +134,7 @@
             this.viewer.addEventListener("clear", this.updateSceneInfo);
             this.viewer.addEventListener("geometryend", this.updateSceneInfo);
             this.viewer.addEventListener("render", this.updateRenderInfo);
-            this.viewer.addEventListener("animate", this.updatePreformanceInfo);
-            this.updatePreformanceInfo();
+            this.viewer.addEventListener("animate", this.updateViewer);
             this.updateRenderInfo();
             this.updateSceneInfo();
         }
@@ -144,7 +142,7 @@
             this.viewer.removeEventListener("clear", this.updateSceneInfo);
             this.viewer.removeEventListener("geometryend", this.updateSceneInfo);
             this.viewer.removeEventListener("render", this.updateRenderInfo);
-            this.viewer.removeEventListener("animate", this.updatePreformanceInfo);
+            this.viewer.removeEventListener("animate", this.updateViewer);
             this.performancePanel = undefined;
             this.renderPanel = undefined;
             this.optimizedPanel = undefined;

package/dist/extensions/components/InfoPanelComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoPanelComponent.js","sources":["../../../extensions/components/InfoPanelComponent.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 { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nconst map = {\n  B: 1,\n  KB: 1 << 10,\n  MB: 1 << 20,\n  GB: 1 << 30,\n};\n\nfunction formatBytes(bytes: number): string {\n  if (!bytes) return \"-\";\n\n  let unit: string;\n  if (bytes >= map.GB) unit = \"GB\";\n  else if (bytes >= map.MB) unit = \"MB\";\n  else if (bytes >= map.KB) unit = \"KB\";\n  else unit = \"B\";\n\n  const value = bytes / map[unit];\n  return value.toFixed() + \" \" + unit;\n}\n\nclass Panel {\n  public dom: HTMLElement;\n  private label: HTMLElement;\n  private text: HTMLElement;\n\n  constructor(label: string) {\n    this.dom = document.createElement(\"div\");\n\n    this.label = document.createElement(\"div\");\n    this.label.style.padding = \"0.25rem 0\";\n    this.label.style.fontWeight = \"600\";\n    this.label.innerText = label;\n    this.dom.appendChild(this.label);\n\n    this.text = document.createElement(\"small\");\n    this.text.style.display = \"block\";\n    this.text.style.padding = \"0 0.5rem\";\n    this.dom.appendChild(this.text);\n  }\n\n  update(text: string) {\n    if (this.text.innerText !== text) this.text.innerText = text;\n  }\n}\n\nclass InfoPanelComponent implements IComponent {\n  private viewer: Viewer;\n  private container: HTMLElement;\n  private performancePanel: Panel;\n  private renderPanel: Panel;\n  private optimizedPanel: Panel;\n  private scenePanel: Panel;\n  private memoryPanel: Panel;\n\n  constructor(viewer: Viewer) {\n    this.container = document.createElement(\"div\");\n    this.container.id = \"info-container\";\n    this.container.style.position = \"absolute\";\n    this.container.style.left = \"0px\";\n    this.container.style.top = \"0px\";\n    this.container.style.maxHeight = \"100%\";\n    this.container.style.overflow = \"auto\";\n    this.container.style.padding = \"1rem\";\n\n    this.setTheme(\"dark\");\n\n    this.performancePanel = new Panel(\"Performance\");\n    this.renderPanel = new Panel(\"Render\");\n    this.optimizedPanel = new Panel(\"Optimized Scene\");\n    this.scenePanel = new Panel(\"Scene\");\n    this.memoryPanel = new Panel(\"Memory\");\n\n    this.container.appendChild(this.performancePanel.dom);\n    this.container.appendChild(this.renderPanel.dom);\n    this.container.appendChild(this.optimizedPanel.dom);\n    this.container.appendChild(this.scenePanel.dom);\n    this.container.appendChild(this.memoryPanel.dom);\n\n    viewer.canvas.parentElement.appendChild(this.container);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.addEventListener(\"animate\", this.updatePreformanceInfo);\n\n    this.updatePreformanceInfo();\n    this.updateRenderInfo();\n    this.updateSceneInfo();\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.removeEventListener(\"animate\", this.updatePreformanceInfo);\n\n    this.performancePanel = undefined;\n    this.renderPanel = undefined;\n    this.optimizedPanel = undefined;\n    this.scenePanel = undefined;\n    this.memoryPanel = undefined;\n\n    this.container.remove();\n    this.container = undefined;\n  }\n\n  setTheme(value: string) {\n    if (value === \"light\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.025)\";\n      this.container.style.color = \"#3d3d3d\";\n    }\n    if (value === \"dark\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.88)\";\n      this.container.style.color = \"#ebebeb\";\n    }\n  }\n\n  updatePreformanceInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`FPS: ${info.performance.fps}`);\n    text.push(`Frame Time: ${info.performance.frameTime} ms`);\n    this.performancePanel.update(text.join(\"\\n\"));\n\n    this.viewer.update();\n  };\n\n  updateRenderInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);\n    text.push(`Antialiasing: ${info.render.antialiasing}`);\n    text.push(`Draw Calls: ${info.render.drawCalls}`);\n    text.push(`Triangles: ${info.render.triangles}`);\n    text.push(`Points: ${info.render.points}`);\n    text.push(`Lines: ${info.render.lines}`);\n    this.renderPanel.update(text.join(\"\\n\"));\n  };\n\n  updateSceneInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Objects: ${info.optimizedScene.objects}`);\n    text.push(`Triangles: ${info.optimizedScene.triangles}`);\n    text.push(`Points: ${info.optimizedScene.points}`);\n    text.push(`Lines: ${info.optimizedScene.lines}`);\n    text.push(`Edges: ${info.optimizedScene.edges}`);\n    this.optimizedPanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Objects: ${info.scene.objects}`);\n    text.push(`Triangles: ${info.scene.triangles}`);\n    text.push(`Points: ${info.scene.points}`);\n    text.push(`Lines: ${info.scene.lines}`);\n    text.push(`Edges: ${info.scene.edges}`);\n    this.scenePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Geometries: ${info.memory.geometries}`);\n    text.push(`Textures: ${info.memory.textures}`);\n    text.push(`Materials: ${info.memory.materials}`);\n    text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);\n    text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);\n    this.memoryPanel.update(text.join(\"\\n\"));\n  };\n}\n\ncomponents.registerComponent(\"InfoPanelComponent\", (viewer) => new InfoPanelComponent(viewer));\n"],"names":["components"],"mappings":"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"}
+{"version":3,"file":"InfoPanelComponent.js","sources":["../../../extensions/components/InfoPanelComponent.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 { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nconst map = {\n  B: 1,\n  KB: 1 << 10,\n  MB: 1 << 20,\n  GB: 1 << 30,\n};\n\nfunction formatBytes(bytes: number): string {\n  if (!bytes) return \"-\";\n\n  let unit: string;\n  if (bytes >= map.GB) unit = \"GB\";\n  else if (bytes >= map.MB) unit = \"MB\";\n  else if (bytes >= map.KB) unit = \"KB\";\n  else unit = \"B\";\n\n  const value = bytes / map[unit];\n  return value.toFixed() + \" \" + unit;\n}\n\nclass Panel {\n  public dom: HTMLElement;\n  private label: HTMLElement;\n  private text: HTMLElement;\n\n  constructor(label: string) {\n    this.dom = document.createElement(\"div\");\n\n    this.label = document.createElement(\"div\");\n    this.label.style.padding = \"0.25rem 0\";\n    this.label.style.fontWeight = \"600\";\n    this.label.innerText = label;\n    this.dom.appendChild(this.label);\n\n    this.text = document.createElement(\"small\");\n    this.text.style.display = \"block\";\n    this.text.style.padding = \"0 0.5rem\";\n    this.dom.appendChild(this.text);\n  }\n\n  update(text: string) {\n    if (this.text.innerText !== text) this.text.innerText = text;\n  }\n}\n\nclass InfoPanelComponent implements IComponent {\n  private viewer: Viewer;\n  private container: HTMLElement;\n  private performancePanel: Panel;\n  private renderPanel: Panel;\n  private optimizedPanel: Panel;\n  private scenePanel: Panel;\n  private memoryPanel: Panel;\n\n  constructor(viewer: Viewer) {\n    this.container = document.createElement(\"div\");\n    this.container.id = \"info-container\";\n    this.container.style.position = \"absolute\";\n    this.container.style.left = \"0px\";\n    this.container.style.top = \"0px\";\n    this.container.style.maxHeight = \"100%\";\n    this.container.style.overflow = \"auto\";\n    this.container.style.padding = \"1rem\";\n\n    this.setTheme(\"dark\");\n\n    this.performancePanel = new Panel(\"Performance\");\n    this.renderPanel = new Panel(\"Render\");\n    this.optimizedPanel = new Panel(\"Optimized Scene\");\n    this.scenePanel = new Panel(\"Scene\");\n    this.memoryPanel = new Panel(\"Memory\");\n\n    this.container.appendChild(this.performancePanel.dom);\n    this.container.appendChild(this.renderPanel.dom);\n    this.container.appendChild(this.optimizedPanel.dom);\n    this.container.appendChild(this.scenePanel.dom);\n    this.container.appendChild(this.memoryPanel.dom);\n\n    viewer.canvas.parentElement.appendChild(this.container);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.addEventListener(\"animate\", this.updateViewer);\n\n    this.updateRenderInfo();\n    this.updateSceneInfo();\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.removeEventListener(\"animate\", this.updateViewer);\n\n    this.performancePanel = undefined;\n    this.renderPanel = undefined;\n    this.optimizedPanel = undefined;\n    this.scenePanel = undefined;\n    this.memoryPanel = undefined;\n\n    this.container.remove();\n    this.container = undefined;\n  }\n\n  setTheme(value: string) {\n    if (value === \"light\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.025)\";\n      this.container.style.color = \"#3d3d3d\";\n    }\n    if (value === \"dark\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.88)\";\n      this.container.style.color = \"#ebebeb\";\n    }\n  }\n\n  updateRenderInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`FPS: ${info.performance.fps}`);\n    text.push(`Frame Time: ${info.performance.frameTime} ms`);\n    this.performancePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);\n    text.push(`Antialiasing: ${info.render.antialiasing}`);\n    text.push(`Draw Calls: ${info.render.drawCalls}`);\n    text.push(`Triangles: ${info.render.triangles}`);\n    text.push(`Points: ${info.render.points}`);\n    text.push(`Lines: ${info.render.lines}`);\n    this.renderPanel.update(text.join(\"\\n\"));\n  };\n\n  updateSceneInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Objects: ${info.optimizedScene.objects}`);\n    text.push(`Triangles: ${info.optimizedScene.triangles}`);\n    text.push(`Points: ${info.optimizedScene.points}`);\n    text.push(`Lines: ${info.optimizedScene.lines}`);\n    text.push(`Edges: ${info.optimizedScene.edges}`);\n    this.optimizedPanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Objects: ${info.scene.objects}`);\n    text.push(`Triangles: ${info.scene.triangles}`);\n    text.push(`Points: ${info.scene.points}`);\n    text.push(`Lines: ${info.scene.lines}`);\n    text.push(`Edges: ${info.scene.edges}`);\n    this.scenePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Geometries: ${info.memory.geometries}`);\n    text.push(`Textures: ${info.memory.textures}`);\n    text.push(`Materials: ${info.memory.materials}`);\n    text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);\n    text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);\n    this.memoryPanel.update(text.join(\"\\n\"));\n  };\n\n  updateViewer = () => {\n    this.viewer.update();\n  };\n}\n\ncomponents.registerComponent(\"InfoPanelComponent\", (viewer) => new InfoPanelComponent(viewer));\n"],"names":["components"],"mappings":"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"}

package/dist/extensions/components/InfoPanelComponent.min.js

@@ -21,4 +21,4 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("@inweb/viewer-three")):"function"==typeof define&&define.amd?define(["@inweb/viewer-three"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ODA.Three)}(this,function(e){"use strict";const t={B:1,KB:1024,MB:1<<20,GB:1<<30};function n(e){if(!e)return"-";let n;n=e>=t.GB?"GB":e>=t.MB?"MB":e>=t.KB?"KB":"B";return(e/t[n]).toFixed()+" "+n}class i{constructor(e){this.dom=document.createElement("div"),this.label=document.createElement("div"),this.label.style.padding="0.25rem 0",this.label.style.fontWeight="600",this.label.innerText=e,this.dom.appendChild(this.label),this.text=document.createElement("small"),this.text.style.display="block",this.text.style.padding="0 0.5rem",this.dom.appendChild(this.text)}update(e){this.text.innerText!==e&&(this.text.innerText=e)}}class s{constructor(e){this.updatePreformanceInfo=()=>{const e=this.viewer.info,t=[];t.push(`FPS: ${e.performance.fps}`),t.push(`Frame Time: ${e.performance.frameTime} ms`),this.performancePanel.update(t.join("\n")),this.viewer.update()},this.updateRenderInfo=()=>{const e=this.viewer.info,t=[];t.push(`Viewport: ${e.render.viewport.width} x ${e.render.viewport.height}`),t.push(`Antialiasing: ${e.render.antialiasing}`),t.push(`Draw Calls: ${e.render.drawCalls}`),t.push(`Triangles: ${e.render.triangles}`),t.push(`Points: ${e.render.points}`),t.push(`Lines: ${e.render.lines}`),this.renderPanel.update(t.join("\n"))},this.updateSceneInfo=()=>{const e=this.viewer.info,t=[];t.push(`Objects: ${e.optimizedScene.objects}`),t.push(`Triangles: ${e.optimizedScene.triangles}`),t.push(`Points: ${e.optimizedScene.points}`),t.push(`Lines: ${e.optimizedScene.lines}`),t.push(`Edges: ${e.optimizedScene.edges}`),this.optimizedPanel.update(t.join("\n")),t.length=0,t.push(`Objects: ${e.scene.objects}`),t.push(`Triangles: ${e.scene.triangles}`),t.push(`Points: ${e.scene.points}`),t.push(`Lines: ${e.scene.lines}`),t.push(`Edges: ${e.scene.edges}`),this.scenePanel.update(t.join("\n")),t.length=0,t.push(`Geometries: ${e.memory.geometries}`),t.push(`Textures: ${e.memory.textures}`),t.push(`Materials: ${e.memory.materials}`),t.push(`GPU Used: ${n(e.memory.totalEstimatedGpuBytes)}`),t.push(`JS Heap Used: ${n(e.memory.usedJSHeapSize)}`),this.memoryPanel.update(t.join("\n"))},this.container=document.createElement("div"),this.container.id="info-container",this.container.style.position="absolute",this.container.style.left="0px",this.container.style.top="0px",this.container.style.maxHeight="100%",this.container.style.overflow="auto",this.container.style.padding="1rem",this.setTheme("dark"),this.performancePanel=new i("Performance"),this.renderPanel=new i("Render"),this.optimizedPanel=new i("Optimized Scene"),this.scenePanel=new i("Scene"),this.memoryPanel=new i("Memory"),this.container.appendChild(this.performancePanel.dom),this.container.appendChild(this.renderPanel.dom),this.container.appendChild(this.optimizedPanel.dom),this.container.appendChild(this.scenePanel.dom),this.container.appendChild(this.memoryPanel.dom),e.canvas.parentElement.appendChild(this.container),this.viewer=e,this.viewer.addEventListener("clear",this.updateSceneInfo),this.viewer.addEventListener("geometryend",this.updateSceneInfo),this.viewer.addEventListener("render",this.updateRenderInfo),this.viewer.addEventListener("animate",this.updatePreformanceInfo),this.updatePreformanceInfo(),this.updateRenderInfo(),this.updateSceneInfo()}dispose(){this.viewer.removeEventListener("clear",this.updateSceneInfo),this.viewer.removeEventListener("geometryend",this.updateSceneInfo),this.viewer.removeEventListener("render",this.updateRenderInfo),this.viewer.removeEventListener("animate",this.updatePreformanceInfo),this.performancePanel=void 0,this.renderPanel=void 0,this.optimizedPanel=void 0,this.scenePanel=void 0,this.memoryPanel=void 0,this.container.remove(),this.container=void 0}setTheme(e){"light"===e&&(this.container.style.background="rgba(0, 0, 0, 0.025)",this.container.style.color="#3d3d3d"),"dark"===e&&(this.container.style.background="rgba(0, 0, 0, 0.88)",this.container.style.color="#ebebeb")}}e.components.registerComponent("InfoPanelComponent",e=>new s(e))});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("@inweb/viewer-three")):"function"==typeof define&&define.amd?define(["@inweb/viewer-three"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ODA.Three)}(this,function(e){"use strict";const t={B:1,KB:1024,MB:1<<20,GB:1<<30};function n(e){if(!e)return"-";let n;n=e>=t.GB?"GB":e>=t.MB?"MB":e>=t.KB?"KB":"B";return(e/t[n]).toFixed()+" "+n}class i{constructor(e){this.dom=document.createElement("div"),this.label=document.createElement("div"),this.label.style.padding="0.25rem 0",this.label.style.fontWeight="600",this.label.innerText=e,this.dom.appendChild(this.label),this.text=document.createElement("small"),this.text.style.display="block",this.text.style.padding="0 0.5rem",this.dom.appendChild(this.text)}update(e){this.text.innerText!==e&&(this.text.innerText=e)}}class s{constructor(e){this.updateRenderInfo=()=>{const e=this.viewer.info,t=[];t.push(`FPS: ${e.performance.fps}`),t.push(`Frame Time: ${e.performance.frameTime} ms`),this.performancePanel.update(t.join("\n")),t.length=0,t.push(`Viewport: ${e.render.viewport.width} x ${e.render.viewport.height}`),t.push(`Antialiasing: ${e.render.antialiasing}`),t.push(`Draw Calls: ${e.render.drawCalls}`),t.push(`Triangles: ${e.render.triangles}`),t.push(`Points: ${e.render.points}`),t.push(`Lines: ${e.render.lines}`),this.renderPanel.update(t.join("\n"))},this.updateSceneInfo=()=>{const e=this.viewer.info,t=[];t.push(`Objects: ${e.optimizedScene.objects}`),t.push(`Triangles: ${e.optimizedScene.triangles}`),t.push(`Points: ${e.optimizedScene.points}`),t.push(`Lines: ${e.optimizedScene.lines}`),t.push(`Edges: ${e.optimizedScene.edges}`),this.optimizedPanel.update(t.join("\n")),t.length=0,t.push(`Objects: ${e.scene.objects}`),t.push(`Triangles: ${e.scene.triangles}`),t.push(`Points: ${e.scene.points}`),t.push(`Lines: ${e.scene.lines}`),t.push(`Edges: ${e.scene.edges}`),this.scenePanel.update(t.join("\n")),t.length=0,t.push(`Geometries: ${e.memory.geometries}`),t.push(`Textures: ${e.memory.textures}`),t.push(`Materials: ${e.memory.materials}`),t.push(`GPU Used: ${n(e.memory.totalEstimatedGpuBytes)}`),t.push(`JS Heap Used: ${n(e.memory.usedJSHeapSize)}`),this.memoryPanel.update(t.join("\n"))},this.updateViewer=()=>{this.viewer.update()},this.container=document.createElement("div"),this.container.id="info-container",this.container.style.position="absolute",this.container.style.left="0px",this.container.style.top="0px",this.container.style.maxHeight="100%",this.container.style.overflow="auto",this.container.style.padding="1rem",this.setTheme("dark"),this.performancePanel=new i("Performance"),this.renderPanel=new i("Render"),this.optimizedPanel=new i("Optimized Scene"),this.scenePanel=new i("Scene"),this.memoryPanel=new i("Memory"),this.container.appendChild(this.performancePanel.dom),this.container.appendChild(this.renderPanel.dom),this.container.appendChild(this.optimizedPanel.dom),this.container.appendChild(this.scenePanel.dom),this.container.appendChild(this.memoryPanel.dom),e.canvas.parentElement.appendChild(this.container),this.viewer=e,this.viewer.addEventListener("clear",this.updateSceneInfo),this.viewer.addEventListener("geometryend",this.updateSceneInfo),this.viewer.addEventListener("render",this.updateRenderInfo),this.viewer.addEventListener("animate",this.updateViewer),this.updateRenderInfo(),this.updateSceneInfo()}dispose(){this.viewer.removeEventListener("clear",this.updateSceneInfo),this.viewer.removeEventListener("geometryend",this.updateSceneInfo),this.viewer.removeEventListener("render",this.updateRenderInfo),this.viewer.removeEventListener("animate",this.updateViewer),this.performancePanel=void 0,this.renderPanel=void 0,this.optimizedPanel=void 0,this.scenePanel=void 0,this.memoryPanel=void 0,this.container.remove(),this.container=void 0}setTheme(e){"light"===e&&(this.container.style.background="rgba(0, 0, 0, 0.025)",this.container.style.color="#3d3d3d"),"dark"===e&&(this.container.style.background="rgba(0, 0, 0, 0.88)",this.container.style.color="#ebebeb")}}e.components.registerComponent("InfoPanelComponent",e=>new s(e))});

package/dist/extensions/components/InfoPanelComponent.module.js

@@ -64,17 +64,13 @@ class Panel {
 }
 class InfoPanelComponent {
     constructor(viewer) {
-        this.updatePreformanceInfo = () => {
+        this.updateRenderInfo = () => {
             const info = this.viewer.info;
             const text = [];
             text.push(`FPS: ${info.performance.fps}`);
             text.push(`Frame Time: ${info.performance.frameTime} ms`);
             this.performancePanel.update(text.join("\n"));
-            this.viewer.update();
-        };
-        this.updateRenderInfo = () => {
-            const info = this.viewer.info;
-            const text = [];
+            text.length = 0;
             text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);
             text.push(`Antialiasing: ${info.render.antialiasing}`);
             text.push(`Draw Calls: ${info.render.drawCalls}`);
@@ -107,6 +103,9 @@ class InfoPanelComponent {
             text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);
             this.memoryPanel.update(text.join("\n"));
         };
+        this.updateViewer = () => {
+            this.viewer.update();
+        };
         this.container = document.createElement("div");
         this.container.id = "info-container";
         this.container.style.position = "absolute";
@@ -131,8 +130,7 @@ class InfoPanelComponent {
         this.viewer.addEventListener("clear", this.updateSceneInfo);
         this.viewer.addEventListener("geometryend", this.updateSceneInfo);
         this.viewer.addEventListener("render", this.updateRenderInfo);
-        this.viewer.addEventListener("animate", this.updatePreformanceInfo);
-        this.updatePreformanceInfo();
+        this.viewer.addEventListener("animate", this.updateViewer);
         this.updateRenderInfo();
         this.updateSceneInfo();
     }
@@ -140,7 +138,7 @@ class InfoPanelComponent {
         this.viewer.removeEventListener("clear", this.updateSceneInfo);
         this.viewer.removeEventListener("geometryend", this.updateSceneInfo);
         this.viewer.removeEventListener("render", this.updateRenderInfo);
-        this.viewer.removeEventListener("animate", this.updatePreformanceInfo);
+        this.viewer.removeEventListener("animate", this.updateViewer);
         this.performancePanel = undefined;
         this.renderPanel = undefined;
         this.optimizedPanel = undefined;

package/dist/extensions/components/InfoPanelComponent.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoPanelComponent.module.js","sources":["../../../extensions/components/InfoPanelComponent.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 { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nconst map = {\n  B: 1,\n  KB: 1 << 10,\n  MB: 1 << 20,\n  GB: 1 << 30,\n};\n\nfunction formatBytes(bytes: number): string {\n  if (!bytes) return \"-\";\n\n  let unit: string;\n  if (bytes >= map.GB) unit = \"GB\";\n  else if (bytes >= map.MB) unit = \"MB\";\n  else if (bytes >= map.KB) unit = \"KB\";\n  else unit = \"B\";\n\n  const value = bytes / map[unit];\n  return value.toFixed() + \" \" + unit;\n}\n\nclass Panel {\n  public dom: HTMLElement;\n  private label: HTMLElement;\n  private text: HTMLElement;\n\n  constructor(label: string) {\n    this.dom = document.createElement(\"div\");\n\n    this.label = document.createElement(\"div\");\n    this.label.style.padding = \"0.25rem 0\";\n    this.label.style.fontWeight = \"600\";\n    this.label.innerText = label;\n    this.dom.appendChild(this.label);\n\n    this.text = document.createElement(\"small\");\n    this.text.style.display = \"block\";\n    this.text.style.padding = \"0 0.5rem\";\n    this.dom.appendChild(this.text);\n  }\n\n  update(text: string) {\n    if (this.text.innerText !== text) this.text.innerText = text;\n  }\n}\n\nclass InfoPanelComponent implements IComponent {\n  private viewer: Viewer;\n  private container: HTMLElement;\n  private performancePanel: Panel;\n  private renderPanel: Panel;\n  private optimizedPanel: Panel;\n  private scenePanel: Panel;\n  private memoryPanel: Panel;\n\n  constructor(viewer: Viewer) {\n    this.container = document.createElement(\"div\");\n    this.container.id = \"info-container\";\n    this.container.style.position = \"absolute\";\n    this.container.style.left = \"0px\";\n    this.container.style.top = \"0px\";\n    this.container.style.maxHeight = \"100%\";\n    this.container.style.overflow = \"auto\";\n    this.container.style.padding = \"1rem\";\n\n    this.setTheme(\"dark\");\n\n    this.performancePanel = new Panel(\"Performance\");\n    this.renderPanel = new Panel(\"Render\");\n    this.optimizedPanel = new Panel(\"Optimized Scene\");\n    this.scenePanel = new Panel(\"Scene\");\n    this.memoryPanel = new Panel(\"Memory\");\n\n    this.container.appendChild(this.performancePanel.dom);\n    this.container.appendChild(this.renderPanel.dom);\n    this.container.appendChild(this.optimizedPanel.dom);\n    this.container.appendChild(this.scenePanel.dom);\n    this.container.appendChild(this.memoryPanel.dom);\n\n    viewer.canvas.parentElement.appendChild(this.container);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.addEventListener(\"animate\", this.updatePreformanceInfo);\n\n    this.updatePreformanceInfo();\n    this.updateRenderInfo();\n    this.updateSceneInfo();\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.removeEventListener(\"animate\", this.updatePreformanceInfo);\n\n    this.performancePanel = undefined;\n    this.renderPanel = undefined;\n    this.optimizedPanel = undefined;\n    this.scenePanel = undefined;\n    this.memoryPanel = undefined;\n\n    this.container.remove();\n    this.container = undefined;\n  }\n\n  setTheme(value: string) {\n    if (value === \"light\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.025)\";\n      this.container.style.color = \"#3d3d3d\";\n    }\n    if (value === \"dark\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.88)\";\n      this.container.style.color = \"#ebebeb\";\n    }\n  }\n\n  updatePreformanceInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`FPS: ${info.performance.fps}`);\n    text.push(`Frame Time: ${info.performance.frameTime} ms`);\n    this.performancePanel.update(text.join(\"\\n\"));\n\n    this.viewer.update();\n  };\n\n  updateRenderInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);\n    text.push(`Antialiasing: ${info.render.antialiasing}`);\n    text.push(`Draw Calls: ${info.render.drawCalls}`);\n    text.push(`Triangles: ${info.render.triangles}`);\n    text.push(`Points: ${info.render.points}`);\n    text.push(`Lines: ${info.render.lines}`);\n    this.renderPanel.update(text.join(\"\\n\"));\n  };\n\n  updateSceneInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Objects: ${info.optimizedScene.objects}`);\n    text.push(`Triangles: ${info.optimizedScene.triangles}`);\n    text.push(`Points: ${info.optimizedScene.points}`);\n    text.push(`Lines: ${info.optimizedScene.lines}`);\n    text.push(`Edges: ${info.optimizedScene.edges}`);\n    this.optimizedPanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Objects: ${info.scene.objects}`);\n    text.push(`Triangles: ${info.scene.triangles}`);\n    text.push(`Points: ${info.scene.points}`);\n    text.push(`Lines: ${info.scene.lines}`);\n    text.push(`Edges: ${info.scene.edges}`);\n    this.scenePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Geometries: ${info.memory.geometries}`);\n    text.push(`Textures: ${info.memory.textures}`);\n    text.push(`Materials: ${info.memory.materials}`);\n    text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);\n    text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);\n    this.memoryPanel.update(text.join(\"\\n\"));\n  };\n}\n\ncomponents.registerComponent(\"InfoPanelComponent\", (viewer) => new InfoPanelComponent(viewer));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,GAAG,GAAG;AACV,IAAA,CAAC,EAAE,CAAC;IACJ,EAAE,EAAE,CAAC,IAAI,EAAE;IACX,EAAE,EAAE,CAAC,IAAI,EAAE;IACX,EAAE,EAAE,CAAC,IAAI,EAAE;CACZ;AAED,SAAS,WAAW,CAAC,KAAa,EAAA;AAChC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,GAAG;AAEtB,IAAA,IAAI,IAAY;AAChB,IAAA,IAAI,KAAK,IAAI,GAAG,CAAC,EAAE;QAAE,IAAI,GAAG,IAAI;AAC3B,SAAA,IAAI,KAAK,IAAI,GAAG,CAAC,EAAE;QAAE,IAAI,GAAG,IAAI;AAChC,SAAA,IAAI,KAAK,IAAI,GAAG,CAAC,EAAE;QAAE,IAAI,GAAG,IAAI;;QAChC,IAAI,GAAG,GAAG;IAEf,MAAM,KAAK,GAAG,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC;IAC/B,OAAO,KAAK,CAAC,OAAO,EAAE,GAAG,GAAG,GAAG,IAAI;AACrC;AAEA,MAAM,KAAK,CAAA;AAKT,IAAA,WAAA,CAAY,KAAa,EAAA;QACvB,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAExC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW;QACtC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK;AACnC,QAAA,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK;QAC5B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;QAEhC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;QAC3C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU;QACpC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;IACjC;AAEA,IAAA,MAAM,CAAC,IAAY,EAAA;AACjB,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI;IAC9D;AACD;AAED,MAAM,kBAAkB,CAAA;AAStB,IAAA,WAAA,CAAY,MAAc,EAAA;QAgE1B,IAAA,CAAA,qBAAqB,GAAG,MAAK;AAC3B,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI;YAE7B,MAAM,IAAI,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAC,WAAW,CAAC,GAAG,CAAA,CAAE,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,WAAW,CAAC,SAAS,CAAA,GAAA,CAAK,CAAC;AACzD,YAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAE7C,YAAA,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AACtB,QAAA,CAAC;QAED,IAAA,CAAA,gBAAgB,GAAG,MAAK;AACtB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI;YAE7B,MAAM,IAAI,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,UAAA,EAAa,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAA,GAAA,EAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA,CAAE,CAAC;YACrF,IAAI,CAAC,IAAI,CAAC,CAAA,cAAA,EAAiB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAA,CAAE,CAAC;YACtD,IAAI,CAAC,IAAI,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,MAAM,CAAC,SAAS,CAAA,CAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAC,SAAS,CAAA,CAAE,CAAC;YAChD,IAAI,CAAC,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA,CAAE,CAAC;YAC1C,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,MAAM,CAAC,KAAK,CAAA,CAAE,CAAC;AACxC,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1C,QAAA,CAAC;QAED,IAAA,CAAA,eAAe,GAAG,MAAK;AACrB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI;YAE7B,MAAM,IAAI,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,SAAA,EAAY,IAAI,CAAC,cAAc,CAAC,OAAO,CAAA,CAAE,CAAC;YACpD,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,cAAc,CAAC,SAAS,CAAA,CAAE,CAAC;YACxD,IAAI,CAAC,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,cAAc,CAAC,MAAM,CAAA,CAAE,CAAC;YAClD,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA,CAAE,CAAC;YAChD,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA,CAAE,CAAC;AAChD,YAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAE3C,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,SAAA,EAAY,IAAI,CAAC,KAAK,CAAC,OAAO,CAAA,CAAE,CAAC;YAC3C,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA,CAAE,CAAC;YAC/C,IAAI,CAAC,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA,CAAE,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAE,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAE,CAAC;AACvC,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEvC,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,MAAM,CAAC,UAAU,CAAA,CAAE,CAAC;YAClD,IAAI,CAAC,IAAI,CAAC,CAAA,UAAA,EAAa,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAA,CAAE,CAAC;YAC9C,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAC,SAAS,CAAA,CAAE,CAAC;AAChD,YAAA,IAAI,CAAC,IAAI,CAAC,CAAA,UAAA,EAAa,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAA,CAAE,CAAC;AACzE,YAAA,IAAI,CAAC,IAAI,CAAC,CAAA,cAAA,EAAiB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA,CAAE,CAAC;AACrE,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1C,QAAA,CAAC;QAjHC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC9C,QAAA,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,gBAAgB;QACpC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;QAC1C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK;QACjC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK;QAChC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM;QACvC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM;QACtC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAErC,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QAErB,IAAI,CAAC,gBAAgB,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC;QAChD,IAAI,CAAC,WAAW,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC;QACtC,IAAI,CAAC,cAAc,GAAG,IAAI,KAAK,CAAC,iBAAiB,CAAC;QAClD,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC;QACpC,IAAI,CAAC,WAAW,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC;QAEtC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC;QACrD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;QAChD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;QACnD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;QAC/C,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;QAEhD,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;AAEvD,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACpB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC;QAC3D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC;QACjE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC;QAC7D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC;QAEnE,IAAI,CAAC,qBAAqB,EAAE;QAC5B,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,eAAe,EAAE;IACxB;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC;QAC9D,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC;QACpE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC;AAEtE,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;AACjC,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAC5B,QAAA,IAAI,CAAC,cAAc,GAAG,SAAS;AAC/B,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC3B,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAE5B,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;IAC5B;AAEA,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,KAAK,KAAK,OAAO,EAAE;YACrB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,sBAAsB;YACxD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS;QACxC;AACA,QAAA,IAAI,KAAK,KAAK,MAAM,EAAE;YACpB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,qBAAqB;YACvD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS;QACxC;IACF;AAqDD;AAED,UAAU,CAAC,iBAAiB,CAAC,oBAAoB,EAAE,CAAC,MAAM,KAAK,IAAI,kBAAkB,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"InfoPanelComponent.module.js","sources":["../../../extensions/components/InfoPanelComponent.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 { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nconst map = {\n  B: 1,\n  KB: 1 << 10,\n  MB: 1 << 20,\n  GB: 1 << 30,\n};\n\nfunction formatBytes(bytes: number): string {\n  if (!bytes) return \"-\";\n\n  let unit: string;\n  if (bytes >= map.GB) unit = \"GB\";\n  else if (bytes >= map.MB) unit = \"MB\";\n  else if (bytes >= map.KB) unit = \"KB\";\n  else unit = \"B\";\n\n  const value = bytes / map[unit];\n  return value.toFixed() + \" \" + unit;\n}\n\nclass Panel {\n  public dom: HTMLElement;\n  private label: HTMLElement;\n  private text: HTMLElement;\n\n  constructor(label: string) {\n    this.dom = document.createElement(\"div\");\n\n    this.label = document.createElement(\"div\");\n    this.label.style.padding = \"0.25rem 0\";\n    this.label.style.fontWeight = \"600\";\n    this.label.innerText = label;\n    this.dom.appendChild(this.label);\n\n    this.text = document.createElement(\"small\");\n    this.text.style.display = \"block\";\n    this.text.style.padding = \"0 0.5rem\";\n    this.dom.appendChild(this.text);\n  }\n\n  update(text: string) {\n    if (this.text.innerText !== text) this.text.innerText = text;\n  }\n}\n\nclass InfoPanelComponent implements IComponent {\n  private viewer: Viewer;\n  private container: HTMLElement;\n  private performancePanel: Panel;\n  private renderPanel: Panel;\n  private optimizedPanel: Panel;\n  private scenePanel: Panel;\n  private memoryPanel: Panel;\n\n  constructor(viewer: Viewer) {\n    this.container = document.createElement(\"div\");\n    this.container.id = \"info-container\";\n    this.container.style.position = \"absolute\";\n    this.container.style.left = \"0px\";\n    this.container.style.top = \"0px\";\n    this.container.style.maxHeight = \"100%\";\n    this.container.style.overflow = \"auto\";\n    this.container.style.padding = \"1rem\";\n\n    this.setTheme(\"dark\");\n\n    this.performancePanel = new Panel(\"Performance\");\n    this.renderPanel = new Panel(\"Render\");\n    this.optimizedPanel = new Panel(\"Optimized Scene\");\n    this.scenePanel = new Panel(\"Scene\");\n    this.memoryPanel = new Panel(\"Memory\");\n\n    this.container.appendChild(this.performancePanel.dom);\n    this.container.appendChild(this.renderPanel.dom);\n    this.container.appendChild(this.optimizedPanel.dom);\n    this.container.appendChild(this.scenePanel.dom);\n    this.container.appendChild(this.memoryPanel.dom);\n\n    viewer.canvas.parentElement.appendChild(this.container);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.addEventListener(\"animate\", this.updateViewer);\n\n    this.updateRenderInfo();\n    this.updateSceneInfo();\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.removeEventListener(\"animate\", this.updateViewer);\n\n    this.performancePanel = undefined;\n    this.renderPanel = undefined;\n    this.optimizedPanel = undefined;\n    this.scenePanel = undefined;\n    this.memoryPanel = undefined;\n\n    this.container.remove();\n    this.container = undefined;\n  }\n\n  setTheme(value: string) {\n    if (value === \"light\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.025)\";\n      this.container.style.color = \"#3d3d3d\";\n    }\n    if (value === \"dark\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.88)\";\n      this.container.style.color = \"#ebebeb\";\n    }\n  }\n\n  updateRenderInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`FPS: ${info.performance.fps}`);\n    text.push(`Frame Time: ${info.performance.frameTime} ms`);\n    this.performancePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);\n    text.push(`Antialiasing: ${info.render.antialiasing}`);\n    text.push(`Draw Calls: ${info.render.drawCalls}`);\n    text.push(`Triangles: ${info.render.triangles}`);\n    text.push(`Points: ${info.render.points}`);\n    text.push(`Lines: ${info.render.lines}`);\n    this.renderPanel.update(text.join(\"\\n\"));\n  };\n\n  updateSceneInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Objects: ${info.optimizedScene.objects}`);\n    text.push(`Triangles: ${info.optimizedScene.triangles}`);\n    text.push(`Points: ${info.optimizedScene.points}`);\n    text.push(`Lines: ${info.optimizedScene.lines}`);\n    text.push(`Edges: ${info.optimizedScene.edges}`);\n    this.optimizedPanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Objects: ${info.scene.objects}`);\n    text.push(`Triangles: ${info.scene.triangles}`);\n    text.push(`Points: ${info.scene.points}`);\n    text.push(`Lines: ${info.scene.lines}`);\n    text.push(`Edges: ${info.scene.edges}`);\n    this.scenePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Geometries: ${info.memory.geometries}`);\n    text.push(`Textures: ${info.memory.textures}`);\n    text.push(`Materials: ${info.memory.materials}`);\n    text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);\n    text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);\n    this.memoryPanel.update(text.join(\"\\n\"));\n  };\n\n  updateViewer = () => {\n    this.viewer.update();\n  };\n}\n\ncomponents.registerComponent(\"InfoPanelComponent\", (viewer) => new InfoPanelComponent(viewer));\n"],"names":[],"mappings":"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"}

package/dist/extensions/components/LightHelperComponent.js

@@ -35,16 +35,16 @@
                     helper.dispose();
                 });
                 this.lightHelpers.length = 0;
-                const extentsSize = this.viewer.extents.getBoundingSphere(new three.Sphere()).radius * 2;
-                const size = extentsSize / 20;
+                const extentsSize = this.viewer.extents.getSize(new three.Vector3()).length() || 1;
+                const helperSize = extentsSize / 20;
                 this.viewer.scene.traverse((object) => {
                     let helper;
                     if (object.isDirectionalLight)
-                        helper = new three.DirectionalLightHelper(object, size, "#aa0000");
+                        helper = new three.DirectionalLightHelper(object, helperSize, "#aa0000");
                     else if (object.isHemisphereLight)
-                        helper = new three.HemisphereLightHelper(object, size, "#ff9800");
+                        helper = new three.HemisphereLightHelper(object, helperSize, "#ff9800");
                     else if (object.isPointLight)
-                        helper = new three.PointLightHelper(object, size, "#ff9800");
+                        helper = new three.PointLightHelper(object, helperSize, "#ff9800");
                     if (helper) {
                         this.lightHelpers.push(helper);
                         this.viewer.helpers.add(helper);