@inweb/viewer-three 26.10.6 → 26.12.0

package/README.md

@@ -4,10 +4,13 @@
 
 Core capabilities:
 
-- Visualize files stored on the [Open Cloud Server](https://cloud.opendesign.com/docs/index.html#/opencloud_server), on the web, or on your local computer.
-- Add user interaction with scenes.
-- Create markups.
-- Save and load viewpoints.
+- Rendering CAD/BIM files from [Open Cloud Server](https://cloud.opendesign.com/docs/index.html#/opencloud_server), web, or local files
+- Interactive scene navigation (Orbit, Pan, Zoom, Walk, Fly modes)
+- Model selection and highlighting
+- Cutting planes and slicing
+- Markups and measurements
+- Viewpoint management
+- Extension system for extending functionality
 
 This library is a part of [CDE SDK](https://www.opendesign.com/products/cde) by [Open Design Alliance](https://opendesign.com).
 

package/dist/{plugins → extensions}/components/AxesHelperComponent.js

@@ -30,25 +30,47 @@
     class AxesHelperComponent {
         constructor(viewer) {
             this.syncHelper = () => {
+                this.modelHelpers.forEach((helper) => {
+                    helper.removeFromParent();
+                    helper.dispose();
+                });
+                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());
                 this.axesHelper1.position.set(0, 0, 0);
-                this.axesHelper1.scale.setScalar(size);
+                this.axesHelper1.scale.setScalar(size * 1.25);
                 this.axesHelper2.position.copy(center);
                 this.axesHelper2.scale.setScalar(size);
                 this.viewer.helpers.add(this.axesHelper1);
                 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);
+                    this.modelHelpers.push(helper);
+                    this.viewer.helpers.add(helper);
+                });
             };
             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);
             this.viewer.addEventListener("clear", this.syncHelper);
         }
         dispose() {
+            this.modelHelpers.forEach((helper) => {
+                helper.removeFromParent();
+                helper.dispose();
+            });
             this.axesHelper1.removeFromParent();
             this.axesHelper1.dispose();
             this.axesHelper2.removeFromParent();

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,24 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
+// All rights reserved.
+// 
+// This software and its documentation and related materials are owned by
+// the Alliance. The software may only be incorporated into application
+// programs owned by members of the Alliance, subject to a signed
+// Membership Agreement and Supplemental Software License Agreement with the
+// Alliance. The structure and organization of this software are the valuable
+// trade secrets of the Alliance and its suppliers. The software is also
+// protected by copyright law and international treaty provisions. Application
+// programs incorporating this software must include the following statement
+// with their copyright notices:
+// 
+//   This application incorporates Open Design Alliance software pursuant to a
+//   license agreement with Open Design Alliance.
+//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
+//   All rights reserved.
+// 
+// By use of this software, its documentation or related materials, you
+// acknowledge and accept the above terms.
+///////////////////////////////////////////////////////////////////////////////
+
+!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))});

package/dist/{plugins → extensions}/components/AxesHelperComponent.module.js

@@ -21,31 +21,53 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { Vector3, AxesHelper } from 'three';
+import { Vector3, Box3, AxesHelper } from 'three';
 import { components } from '@inweb/viewer-three';
 
 class AxesHelperComponent {
     constructor(viewer) {
         this.syncHelper = () => {
+            this.modelHelpers.forEach((helper) => {
+                helper.removeFromParent();
+                helper.dispose();
+            });
+            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());
             this.axesHelper1.position.set(0, 0, 0);
-            this.axesHelper1.scale.setScalar(size);
+            this.axesHelper1.scale.setScalar(size * 1.25);
             this.axesHelper2.position.copy(center);
             this.axesHelper2.scale.setScalar(size);
             this.viewer.helpers.add(this.axesHelper1);
             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);
+                this.modelHelpers.push(helper);
+                this.viewer.helpers.add(helper);
+            });
         };
         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);
         this.viewer.addEventListener("clear", this.syncHelper);
     }
     dispose() {
+        this.modelHelpers.forEach((helper) => {
+            helper.removeFromParent();
+            helper.dispose();
+        });
         this.axesHelper1.removeFromParent();
         this.axesHelper1.dispose();
         this.axesHelper2.removeFromParent();

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

@@ -0,0 +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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"}

package/dist/{plugins → extensions}/components/ExtentsHelperComponent.js

@@ -30,13 +30,27 @@
     class ExtentsHelperComponent {
         constructor(viewer) {
             this.syncHelper = () => {
+                this.modelHelpers.forEach((helper) => {
+                    helper.removeFromParent();
+                    helper.dispose();
+                });
+                this.modelHelpers.length = 0;
                 this.boxHelper.removeFromParent();
                 if (this.viewer.extents.isEmpty())
                     return;
                 this.boxHelper.box = this.viewer.extents.clone();
                 this.viewer.helpers.add(this.boxHelper);
+                if (this.viewer.models.length < 2)
+                    return;
+                this.viewer.models.forEach((model) => {
+                    const extents = model.getExtents(new three.Box3());
+                    const helper = new three.Box3Helper(extents, "#ff0000");
+                    this.modelHelpers.push(helper);
+                    this.viewer.helpers.add(helper);
+                });
             };
             this.boxHelper = new three.Box3Helper(new three.Box3(), "#ff0000");
+            this.modelHelpers = [];
             this.viewer = viewer;
             this.viewer.on("geometryend", this.syncHelper);
             this.viewer.on("clear", this.syncHelper);
@@ -47,6 +61,10 @@
             this.viewer.on("showall", this.syncHelper);
         }
         dispose() {
+            this.modelHelpers.forEach((helper) => {
+                helper.removeFromParent();
+                helper.dispose();
+            });
             this.boxHelper.removeFromParent();
             this.boxHelper.dispose();
             this.viewer.off("geometryend", this.syncHelper);

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtentsHelperComponent.js","sources":["../../../extensions/components/ExtentsHelperComponent.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 { Box3, Box3Helper } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass ExtentsHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private boxHelper: Box3Helper;\n  private modelHelpers: Box3Helper[];\n\n  constructor(viewer: Viewer) {\n    this.boxHelper = new Box3Helper(new Box3(), \"#ff0000\");\n    this.modelHelpers = [];\n\n    this.viewer = viewer;\n    this.viewer.on(\"geometryend\", this.syncHelper);\n    this.viewer.on(\"clear\", this.syncHelper);\n    this.viewer.on(\"explode\", this.syncHelper);\n    this.viewer.on(\"hide\", this.syncHelper);\n    this.viewer.on(\"isolate\", this.syncHelper);\n    this.viewer.on(\"show\", this.syncHelper);\n    this.viewer.on(\"showall\", this.syncHelper);\n  }\n\n  dispose() {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n\n    this.boxHelper.removeFromParent();\n    this.boxHelper.dispose();\n\n    this.viewer.off(\"geometryend\", this.syncHelper);\n    this.viewer.off(\"clear\", this.syncHelper);\n    this.viewer.off(\"explode\", this.syncHelper);\n    this.viewer.off(\"hide\", this.syncHelper);\n    this.viewer.off(\"isolate\", this.syncHelper);\n    this.viewer.off(\"show\", this.syncHelper);\n    this.viewer.off(\"showall\", 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.boxHelper.removeFromParent();\n\n    if (this.viewer.extents.isEmpty()) return;\n\n    this.boxHelper.box = this.viewer.extents.clone();\n    this.viewer.helpers.add(this.boxHelper);\n\n    if (this.viewer.models.length < 2) return;\n\n    this.viewer.models.forEach((model) => {\n      const extents = model.getExtents(new Box3());\n\n      const helper = new Box3Helper(extents, \"#ff0000\");\n\n      this.modelHelpers.push(helper);\n      this.viewer.helpers.add(helper);\n    });\n  };\n}\n\ncomponents.registerComponent(\"ExtentsHelperComponent\", (viewer) => new ExtentsHelperComponent(viewer));\n"],"names":["Box3","Box3Helper","components"],"mappings":"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"}

package/dist/{plugins/components/AxesHelperComponent.min.js → extensions/components/ExtentsHelperComponent.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.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(s),this.axesHelper2.position.copy(t),this.axesHelper2.scale.setScalar(s),this.viewer.helpers.add(this.axesHelper1),this.viewer.helpers.add(this.axesHelper2)},this.axesHelper1=new e.AxesHelper(1),this.axesHelper2=new e.AxesHelper(1),this.viewer=s,this.viewer.addEventListener("initialize",this.syncHelper),this.viewer.addEventListener("geometryend",this.syncHelper),this.viewer.addEventListener("clear",this.syncHelper)}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 i{constructor(s){this.syncHelper=()=>{this.modelHelpers.forEach(e=>{e.removeFromParent(),e.dispose()}),this.modelHelpers.length=0,this.boxHelper.removeFromParent(),this.viewer.extents.isEmpty()||(this.boxHelper.box=this.viewer.extents.clone(),this.viewer.helpers.add(this.boxHelper),this.viewer.models.length<2||this.viewer.models.forEach(s=>{const i=s.getExtents(new e.Box3),t=new e.Box3Helper(i,"#ff0000");this.modelHelpers.push(t),this.viewer.helpers.add(t)}))},this.boxHelper=new e.Box3Helper(new e.Box3,"#ff0000"),this.modelHelpers=[],this.viewer=s,this.viewer.on("geometryend",this.syncHelper),this.viewer.on("clear",this.syncHelper),this.viewer.on("explode",this.syncHelper),this.viewer.on("hide",this.syncHelper),this.viewer.on("isolate",this.syncHelper),this.viewer.on("show",this.syncHelper),this.viewer.on("showall",this.syncHelper)}dispose(){this.modelHelpers.forEach(e=>{e.removeFromParent(),e.dispose()}),this.boxHelper.removeFromParent(),this.boxHelper.dispose(),this.viewer.off("geometryend",this.syncHelper),this.viewer.off("clear",this.syncHelper),this.viewer.off("explode",this.syncHelper),this.viewer.off("hide",this.syncHelper),this.viewer.off("isolate",this.syncHelper),this.viewer.off("show",this.syncHelper),this.viewer.off("showall",this.syncHelper)}}s.components.registerComponent("ExtentsHelperComponent",e=>new i(e))});

package/dist/{plugins → extensions}/components/ExtentsHelperComponent.module.js

@@ -21,19 +21,33 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { Box3Helper, Box3 } from 'three';
+import { Box3, Box3Helper } from 'three';
 import { components } from '@inweb/viewer-three';
 
 class ExtentsHelperComponent {
     constructor(viewer) {
         this.syncHelper = () => {
+            this.modelHelpers.forEach((helper) => {
+                helper.removeFromParent();
+                helper.dispose();
+            });
+            this.modelHelpers.length = 0;
             this.boxHelper.removeFromParent();
             if (this.viewer.extents.isEmpty())
                 return;
             this.boxHelper.box = this.viewer.extents.clone();
             this.viewer.helpers.add(this.boxHelper);
+            if (this.viewer.models.length < 2)
+                return;
+            this.viewer.models.forEach((model) => {
+                const extents = model.getExtents(new Box3());
+                const helper = new Box3Helper(extents, "#ff0000");
+                this.modelHelpers.push(helper);
+                this.viewer.helpers.add(helper);
+            });
         };
         this.boxHelper = new Box3Helper(new Box3(), "#ff0000");
+        this.modelHelpers = [];
         this.viewer = viewer;
         this.viewer.on("geometryend", this.syncHelper);
         this.viewer.on("clear", this.syncHelper);
@@ -44,6 +58,10 @@ class ExtentsHelperComponent {
         this.viewer.on("showall", this.syncHelper);
     }
     dispose() {
+        this.modelHelpers.forEach((helper) => {
+            helper.removeFromParent();
+            helper.dispose();
+        });
         this.boxHelper.removeFromParent();
         this.boxHelper.dispose();
         this.viewer.off("geometryend", this.syncHelper);

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtentsHelperComponent.module.js","sources":["../../../extensions/components/ExtentsHelperComponent.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 { Box3, Box3Helper } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass ExtentsHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private boxHelper: Box3Helper;\n  private modelHelpers: Box3Helper[];\n\n  constructor(viewer: Viewer) {\n    this.boxHelper = new Box3Helper(new Box3(), \"#ff0000\");\n    this.modelHelpers = [];\n\n    this.viewer = viewer;\n    this.viewer.on(\"geometryend\", this.syncHelper);\n    this.viewer.on(\"clear\", this.syncHelper);\n    this.viewer.on(\"explode\", this.syncHelper);\n    this.viewer.on(\"hide\", this.syncHelper);\n    this.viewer.on(\"isolate\", this.syncHelper);\n    this.viewer.on(\"show\", this.syncHelper);\n    this.viewer.on(\"showall\", this.syncHelper);\n  }\n\n  dispose() {\n    this.modelHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n\n    this.boxHelper.removeFromParent();\n    this.boxHelper.dispose();\n\n    this.viewer.off(\"geometryend\", this.syncHelper);\n    this.viewer.off(\"clear\", this.syncHelper);\n    this.viewer.off(\"explode\", this.syncHelper);\n    this.viewer.off(\"hide\", this.syncHelper);\n    this.viewer.off(\"isolate\", this.syncHelper);\n    this.viewer.off(\"show\", this.syncHelper);\n    this.viewer.off(\"showall\", 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.boxHelper.removeFromParent();\n\n    if (this.viewer.extents.isEmpty()) return;\n\n    this.boxHelper.box = this.viewer.extents.clone();\n    this.viewer.helpers.add(this.boxHelper);\n\n    if (this.viewer.models.length < 2) return;\n\n    this.viewer.models.forEach((model) => {\n      const extents = model.getExtents(new Box3());\n\n      const helper = new Box3Helper(extents, \"#ff0000\");\n\n      this.modelHelpers.push(helper);\n      this.viewer.helpers.add(helper);\n    });\n  };\n}\n\ncomponents.registerComponent(\"ExtentsHelperComponent\", (viewer) => new ExtentsHelperComponent(viewer));\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +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;;;;;;"}

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

@@ -0,0 +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"}

package/dist/extensions/components/InfoPanelComponent.js

@@ -0,0 +1,170 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
+// All rights reserved.
+// 
+// This software and its documentation and related materials are owned by
+// the Alliance. The software may only be incorporated into application
+// programs owned by members of the Alliance, subject to a signed
+// Membership Agreement and Supplemental Software License Agreement with the
+// Alliance. The structure and organization of this software are the valuable
+// trade secrets of the Alliance and its suppliers. The software is also
+// protected by copyright law and international treaty provisions. Application
+// programs incorporating this software must include the following statement
+// with their copyright notices:
+// 
+//   This application incorporates Open Design Alliance software pursuant to a
+//   license agreement with Open Design Alliance.
+//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
+//   All rights reserved.
+// 
+// By use of this software, its documentation or related materials, you
+// acknowledge and accept the above terms.
+///////////////////////////////////////////////////////////////////////////////
+
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@inweb/viewer-three')) :
+    typeof define === 'function' && define.amd ? define(['@inweb/viewer-three'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ODA.Three));
+})(this, (function (viewerThree) { 'use strict';
+
+    const map = {
+        B: 1,
+        KB: 1 << 10,
+        MB: 1 << 20,
+        GB: 1 << 30,
+    };
+    function formatBytes(bytes) {
+        if (!bytes)
+            return "-";
+        let unit;
+        if (bytes >= map.GB)
+            unit = "GB";
+        else if (bytes >= map.MB)
+            unit = "MB";
+        else if (bytes >= map.KB)
+            unit = "KB";
+        else
+            unit = "B";
+        const value = bytes / map[unit];
+        return value.toFixed() + " " + unit;
+    }
+    class Panel {
+        constructor(label) {
+            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 = label;
+            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(text) {
+            if (this.text.innerText !== text)
+                this.text.innerText = text;
+        }
+    }
+    class InfoPanelComponent {
+        constructor(viewer) {
+            this.updatePreformanceInfo = () => {
+                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.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);
+                text.push(`Antialiasing: ${info.render.antialiasing}`);
+                text.push(`Draw Calls: ${info.render.drawCalls}`);
+                text.push(`Triangles: ${info.render.triangles}`);
+                text.push(`Points: ${info.render.points}`);
+                text.push(`Lines: ${info.render.lines}`);
+                this.renderPanel.update(text.join("\n"));
+            };
+            this.updateSceneInfo = () => {
+                const info = this.viewer.info;
+                const text = [];
+                text.push(`Objects: ${info.optimizedScene.objects}`);
+                text.push(`Triangles: ${info.optimizedScene.triangles}`);
+                text.push(`Points: ${info.optimizedScene.points}`);
+                text.push(`Lines: ${info.optimizedScene.lines}`);
+                text.push(`Edges: ${info.optimizedScene.edges}`);
+                this.optimizedPanel.update(text.join("\n"));
+                text.length = 0;
+                text.push(`Objects: ${info.scene.objects}`);
+                text.push(`Triangles: ${info.scene.triangles}`);
+                text.push(`Points: ${info.scene.points}`);
+                text.push(`Lines: ${info.scene.lines}`);
+                text.push(`Edges: ${info.scene.edges}`);
+                this.scenePanel.update(text.join("\n"));
+                text.length = 0;
+                text.push(`Geometries: ${info.memory.geometries}`);
+                text.push(`Textures: ${info.memory.textures}`);
+                text.push(`Materials: ${info.memory.materials}`);
+                text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);
+                text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);
+                this.memoryPanel.update(text.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 Panel("Performance");
+            this.renderPanel = new Panel("Render");
+            this.optimizedPanel = new Panel("Optimized Scene");
+            this.scenePanel = new Panel("Scene");
+            this.memoryPanel = new Panel("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);
+            viewer.canvas.parentElement.appendChild(this.container);
+            this.viewer = viewer;
+            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 = undefined;
+            this.renderPanel = undefined;
+            this.optimizedPanel = undefined;
+            this.scenePanel = undefined;
+            this.memoryPanel = undefined;
+            this.container.remove();
+            this.container = undefined;
+        }
+        setTheme(value) {
+            if (value === "light") {
+                this.container.style.background = "rgba(0, 0, 0, 0.025)";
+                this.container.style.color = "#3d3d3d";
+            }
+            if (value === "dark") {
+                this.container.style.background = "rgba(0, 0, 0, 0.88)";
+                this.container.style.color = "#ebebeb";
+            }
+        }
+    }
+    viewerThree.components.registerComponent("InfoPanelComponent", (viewer) => new InfoPanelComponent(viewer));
+
+}));
+//# sourceMappingURL=InfoPanelComponent.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,24 @@
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2002-2025, Open Design Alliance (the "Alliance").
+// All rights reserved.
+// 
+// This software and its documentation and related materials are owned by
+// the Alliance. The software may only be incorporated into application
+// programs owned by members of the Alliance, subject to a signed
+// Membership Agreement and Supplemental Software License Agreement with the
+// Alliance. The structure and organization of this software are the valuable
+// trade secrets of the Alliance and its suppliers. The software is also
+// protected by copyright law and international treaty provisions. Application
+// programs incorporating this software must include the following statement
+// with their copyright notices:
+// 
+//   This application incorporates Open Design Alliance software pursuant to a
+//   license agreement with Open Design Alliance.
+//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.
+//   All rights reserved.
+// 
+// By use of this software, its documentation or related materials, you
+// acknowledge and accept the above terms.
+///////////////////////////////////////////////////////////////////////////////
+
+!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))});