@inweb/viewer-three 26.11.0 → 26.12.0

package/dist/extensions/components/AxesHelperComponent.js

@@ -60,7 +60,7 @@
             this.axesHelper1 = new three.AxesHelper(1);
             this.axesHelper2 = new three.AxesHelper(1);
             this.modelHelpers = [];
-            this.axesHelper1.setColors("#ccc", "#ccc", "#cccb");
+            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\", \"#cccb\");\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 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

@@ -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","#cccb"),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(),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/extensions/components/AxesHelperComponent.module.js

@@ -57,7 +57,7 @@ class AxesHelperComponent {
         this.axesHelper1 = new AxesHelper(1);
         this.axesHelper2 = new AxesHelper(1);
         this.modelHelpers = [];
-        this.axesHelper1.setColors("#ccc", "#ccc", "#cccb");
+        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\", \"#cccb\");\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 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/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))});

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

@@ -0,0 +1,164 @@
+///////////////////////////////////////////////////////////////////////////////
+// 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.
+///////////////////////////////////////////////////////////////////////////////
+
+import { components } from '@inweb/viewer-three';
+
+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";
+        }
+    }
+}
+components.registerComponent("InfoPanelComponent", (viewer) => new InfoPanelComponent(viewer));
+//# sourceMappingURL=InfoPanelComponent.module.js.map

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

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

package/dist/extensions/components/StatsPanelComponent.js

@@ -126,17 +126,23 @@
 	class StatsPanelComponent {
 	    constructor(viewer) {
 	        this.updateStats = () => {
-	            this.viewer.render(null, true);
 	            this.stats.update();
 	        };
+	        this.updateViewer = () => {
+	            this.viewer.update();
+	        };
 	        this.stats = new Stats();
 	        this.stats.dom.style.position = "absolute";
+	        this.stats.dom.style.left = "0px";
+	        this.stats.dom.style.top = "0px";
 	        viewer.canvas.parentElement.appendChild(this.stats.dom);
 	        this.viewer = viewer;
-	        this.viewer.on("animate", this.updateStats);
+	        this.viewer.addEventListener("render", this.updateStats);
+	        this.viewer.addEventListener("animate", this.updateViewer);
 	    }
 	    dispose() {
-	        this.viewer.off("animate", this.updateStats);
+	        this.viewer.removeEventListener("render", this.updateStats);
+	        this.viewer.removeEventListener("animate", this.updateViewer);
 	        this.stats.dom.remove();
 	        this.stats = undefined;
 	    }