@inweb/viewer-three 26.10.6 → 26.12.0

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/LightHelperComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightHelperComponent.js","sources":["../../../extensions/components/LightHelperComponent.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 { DirectionalLightHelper, HemisphereLightHelper, PointLightHelper, Sphere } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass LightHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private lightHelpers: (DirectionalLightHelper | HemisphereLightHelper | PointLightHelper)[];\n\n  constructor(viewer: Viewer) {\n    this.lightHelpers = [];\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.addEventListener(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.lightHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n    this.lightHelpers.length = 0;\n\n    this.viewer.removeEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.removeEventListener(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.lightHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n    this.lightHelpers.length = 0;\n\n    const extentsSize = this.viewer.extents.getBoundingSphere(new Sphere()).radius * 2;\n    const size = extentsSize / 20;\n\n    this.viewer.scene.traverse((object: any) => {\n      let helper: DirectionalLightHelper | HemisphereLightHelper | PointLightHelper;\n\n      if (object.isDirectionalLight) helper = new DirectionalLightHelper(object, size, \"#aa0000\");\n      else if (object.isHemisphereLight) helper = new HemisphereLightHelper(object, size, \"#ff9800\");\n      else if (object.isPointLight) helper = new PointLightHelper(object, size, \"#ff9800\");\n\n      if (helper) {\n        this.lightHelpers.push(helper);\n        this.viewer.helpers.add(helper);\n      }\n    });\n  };\n}\n\ncomponents.registerComponent(\"LightHelperComponent\", (viewer) => new LightHelperComponent(viewer));\n"],"names":["Sphere","DirectionalLightHelper","HemisphereLightHelper","PointLightHelper","components"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BA,MAAM,oBAAoB,CAAA;IAIxB,IAAA,WAAA,CAAY,MAAc,EAAA;YAkB1B,IAAA,CAAA,UAAU,GAAG,MAAK;gBAChB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;oBACnC,MAAM,CAAC,gBAAgB,EAAE;oBACzB,MAAM,CAAC,OAAO,EAAE;IAClB,YAAA,CAAC,CAAC;IACF,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;IAE5B,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAIA,YAAM,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;IAClF,YAAA,MAAM,IAAI,GAAG,WAAW,GAAG,EAAE;gBAE7B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAW,KAAI;IACzC,gBAAA,IAAI,MAAyE;oBAE7E,IAAI,MAAM,CAAC,kBAAkB;wBAAE,MAAM,GAAG,IAAIC,4BAAsB,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC;yBACtF,IAAI,MAAM,CAAC,iBAAiB;wBAAE,MAAM,GAAG,IAAIC,2BAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC;yBACzF,IAAI,MAAM,CAAC,YAAY;wBAAE,MAAM,GAAG,IAAIC,sBAAgB,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC;oBAEpF,IAAI,MAAM,EAAE;IACV,oBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;wBAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;oBACjC;IACF,YAAA,CAAC,CAAC;IACJ,QAAA,CAAC;IAvCC,QAAA,IAAI,CAAC,YAAY,GAAG,EAAE;IACtB,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;YACpB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;YAC5D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;QACxD;QAEA,OAAO,GAAA;YACL,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;gBACnC,MAAM,CAAC,gBAAgB,EAAE;gBACzB,MAAM,CAAC,OAAO,EAAE;IAClB,QAAA,CAAC,CAAC;IACF,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;YAE5B,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;YAC/D,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;QAC3D;IAyBD;AAEDC,0BAAU,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,CAAC,MAAM,KAAK,IAAI,oBAAoB,CAAC,MAAM,CAAC,CAAC;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"LightHelperComponent.module.js","sources":["../../../extensions/components/LightHelperComponent.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 { DirectionalLightHelper, HemisphereLightHelper, PointLightHelper, Sphere } from \"three\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass LightHelperComponent implements IComponent {\n  private viewer: Viewer;\n  private lightHelpers: (DirectionalLightHelper | HemisphereLightHelper | PointLightHelper)[];\n\n  constructor(viewer: Viewer) {\n    this.lightHelpers = [];\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.addEventListener(\"clear\", this.syncHelper);\n  }\n\n  dispose() {\n    this.lightHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n    this.lightHelpers.length = 0;\n\n    this.viewer.removeEventListener(\"geometryend\", this.syncHelper);\n    this.viewer.removeEventListener(\"clear\", this.syncHelper);\n  }\n\n  syncHelper = () => {\n    this.lightHelpers.forEach((helper) => {\n      helper.removeFromParent();\n      helper.dispose();\n    });\n    this.lightHelpers.length = 0;\n\n    const extentsSize = this.viewer.extents.getBoundingSphere(new Sphere()).radius * 2;\n    const size = extentsSize / 20;\n\n    this.viewer.scene.traverse((object: any) => {\n      let helper: DirectionalLightHelper | HemisphereLightHelper | PointLightHelper;\n\n      if (object.isDirectionalLight) helper = new DirectionalLightHelper(object, size, \"#aa0000\");\n      else if (object.isHemisphereLight) helper = new HemisphereLightHelper(object, size, \"#ff9800\");\n      else if (object.isPointLight) helper = new PointLightHelper(object, size, \"#ff9800\");\n\n      if (helper) {\n        this.lightHelpers.push(helper);\n        this.viewer.helpers.add(helper);\n      }\n    });\n  };\n}\n\ncomponents.registerComponent(\"LightHelperComponent\", (viewer) => new LightHelperComponent(viewer));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,oBAAoB,CAAA;AAIxB,IAAA,WAAA,CAAY,MAAc,EAAA;QAkB1B,IAAA,CAAA,UAAU,GAAG,MAAK;YAChB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;gBACnC,MAAM,CAAC,gBAAgB,EAAE;gBACzB,MAAM,CAAC,OAAO,EAAE;AAClB,YAAA,CAAC,CAAC;AACF,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;AAE5B,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;AAClF,YAAA,MAAM,IAAI,GAAG,WAAW,GAAG,EAAE;YAE7B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAW,KAAI;AACzC,gBAAA,IAAI,MAAyE;gBAE7E,IAAI,MAAM,CAAC,kBAAkB;oBAAE,MAAM,GAAG,IAAI,sBAAsB,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC;qBACtF,IAAI,MAAM,CAAC,iBAAiB;oBAAE,MAAM,GAAG,IAAI,qBAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC;qBACzF,IAAI,MAAM,CAAC,YAAY;oBAAE,MAAM,GAAG,IAAI,gBAAgB,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC;gBAEpF,IAAI,MAAM,EAAE;AACV,oBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;oBAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;gBACjC;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC;AAvCC,QAAA,IAAI,CAAC,YAAY,GAAG,EAAE;AACtB,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACpB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;QAC5D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;IACxD;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;YACnC,MAAM,CAAC,gBAAgB,EAAE;YACzB,MAAM,CAAC,OAAO,EAAE;AAClB,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;QAE5B,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC;QAC/D,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;IAC3D;AAyBD;AAED,UAAU,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,CAAC,MAAM,KAAK,IAAI,oBAAoB,CAAC,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoomEnvironmentComponent.js","sources":["../../../../../node_modules/three/examples/jsm/environments/RoomEnvironment.js","../../../extensions/components/RoomEnvironmentComponent.ts"],"sourcesContent":["import {\n \tBackSide,\n \tBoxGeometry,\n \tInstancedMesh,\n \tMesh,\n\tMeshLambertMaterial,\n \tMeshStandardMaterial,\n \tPointLight,\n \tScene,\n \tObject3D,\n} from 'three';\n\n/**\n * This class represents a scene with a basic room setup that can be used as\n * input for {@link PMREMGenerator#fromScene}. The resulting PMREM represents the room's\n * lighting and can be used for Image Based Lighting by assigning it to {@link Scene#environment}\n * or directly as an environment map to PBR materials.\n *\n * The implementation is based on the [EnvironmentScene](https://github.com/google/model-viewer/blob/master/packages/model-viewer/src/three-components/EnvironmentScene.ts)\n * component from the `model-viewer` project.\n *\n * ```js\n * const environment = new RoomEnvironment();\n * const pmremGenerator = new THREE.PMREMGenerator( renderer );\n *\n * const envMap = pmremGenerator.fromScene( environment ).texture;\n * scene.environment = envMap;\n * ```\n *\n * @augments Scene\n * @three_import import { RoomEnvironment } from 'three/addons/environments/RoomEnvironment.js';\n */\nclass RoomEnvironment extends Scene {\n\n\tconstructor() {\n\n\t\tsuper();\n\n\t\tconst geometry = new BoxGeometry();\n\t\tgeometry.deleteAttribute( 'uv' );\n\n\t\tconst roomMaterial = new MeshStandardMaterial( { side: BackSide } );\n\t\tconst boxMaterial = new MeshStandardMaterial();\n\n\t\tconst mainLight = new PointLight( 0xffffff, 900, 28, 2 );\n\t\tmainLight.position.set( 0.418, 16.199, 0.300 );\n\t\tthis.add( mainLight );\n\n\t\tconst room = new Mesh( geometry, roomMaterial );\n\t\troom.position.set( - 0.757, 13.219, 0.717 );\n\t\troom.scale.set( 31.713, 28.305, 28.591 );\n\t\tthis.add( room );\n\n\t\tconst boxes = new InstancedMesh( geometry, boxMaterial, 6 );\n\t\tconst transform = new Object3D();\n\n\t\t// box1\n\t\ttransform.position.set( - 10.906, 2.009, 1.846 );\n\t\ttransform.rotation.set( 0, - 0.195, 0 );\n\t\ttransform.scale.set( 2.328, 7.905, 4.651 );\n\t\ttransform.updateMatrix();\n\t\tboxes.setMatrixAt( 0, transform.matrix );\n\n\t\t// box2\n\t\ttransform.position.set( - 5.607, - 0.754, - 0.758 );\n\t\ttransform.rotation.set( 0, 0.994, 0 );\n\t\ttransform.scale.set( 1.970, 1.534, 3.955 );\n\t\ttransform.updateMatrix();\n\t\tboxes.setMatrixAt( 1, transform.matrix );\n\n\t\t// box3\n\t\ttransform.position.set( 6.167, 0.857, 7.803 );\n\t\ttransform.rotation.set( 0, 0.561, 0 );\n\t\ttransform.scale.set( 3.927, 6.285, 3.687 );\n\t\ttransform.updateMatrix();\n\t\tboxes.setMatrixAt( 2, transform.matrix );\n\n\t\t// box4\n\t\ttransform.position.set( - 2.017, 0.018, 6.124 );\n\t\ttransform.rotation.set( 0, 0.333, 0 );\n\t\ttransform.scale.set( 2.002, 4.566, 2.064 );\n\t\ttransform.updateMatrix();\n\t\tboxes.setMatrixAt( 3, transform.matrix );\n\n\t\t// box5\n\t\ttransform.position.set( 2.291, - 0.756, - 2.621 );\n\t\ttransform.rotation.set( 0, - 0.286, 0 );\n\t\ttransform.scale.set( 1.546, 1.552, 1.496 );\n\t\ttransform.updateMatrix();\n\t\tboxes.setMatrixAt( 4, transform.matrix );\n\n\t\t// box6\n\t\ttransform.position.set( - 2.193, - 0.369, - 5.547 );\n\t\ttransform.rotation.set( 0, 0.516, 0 );\n\t\ttransform.scale.set( 3.875, 3.487, 2.986 );\n\t\ttransform.updateMatrix();\n\t\tboxes.setMatrixAt( 5, transform.matrix );\n\n\t\tthis.add( boxes );\n\n\n\t\t// -x right\n\t\tconst light1 = new Mesh( geometry, createAreaLightMaterial( 50 ) );\n\t\tlight1.position.set( - 16.116, 14.37, 8.208 );\n\t\tlight1.scale.set( 0.1, 2.428, 2.739 );\n\t\tthis.add( light1 );\n\n\t\t// -x left\n\t\tconst light2 = new Mesh( geometry, createAreaLightMaterial( 50 ) );\n\t\tlight2.position.set( - 16.109, 18.021, - 8.207 );\n\t\tlight2.scale.set( 0.1, 2.425, 2.751 );\n\t\tthis.add( light2 );\n\n\t\t// +x\n\t\tconst light3 = new Mesh( geometry, createAreaLightMaterial( 17 ) );\n\t\tlight3.position.set( 14.904, 12.198, - 1.832 );\n\t\tlight3.scale.set( 0.15, 4.265, 6.331 );\n\t\tthis.add( light3 );\n\n\t\t// +z\n\t\tconst light4 = new Mesh( geometry, createAreaLightMaterial( 43 ) );\n\t\tlight4.position.set( - 0.462, 8.89, 14.520 );\n\t\tlight4.scale.set( 4.38, 5.441, 0.088 );\n\t\tthis.add( light4 );\n\n\t\t// -z\n\t\tconst light5 = new Mesh( geometry, createAreaLightMaterial( 20 ) );\n\t\tlight5.position.set( 3.235, 11.486, - 12.541 );\n\t\tlight5.scale.set( 2.5, 2.0, 0.1 );\n\t\tthis.add( light5 );\n\n\t\t// +y\n\t\tconst light6 = new Mesh( geometry, createAreaLightMaterial( 100 ) );\n\t\tlight6.position.set( 0.0, 20.0, 0.0 );\n\t\tlight6.scale.set( 1.0, 0.1, 1.0 );\n\t\tthis.add( light6 );\n\n\t}\n\n\t/**\n\t * Frees internal resources. This method should be called\n\t * when the environment is no longer required.\n\t */\n\tdispose() {\n\n\t\tconst resources = new Set();\n\n\t\tthis.traverse( ( object ) => {\n\n\t\t\tif ( object.isMesh ) {\n\n\t\t\t\tresources.add( object.geometry );\n\t\t\t\tresources.add( object.material );\n\n\t\t\t}\n\n\t\t} );\n\n\t\tfor ( const resource of resources ) {\n\n\t\t\tresource.dispose();\n\n\t\t}\n\n\t}\n\n}\n\nfunction createAreaLightMaterial( intensity ) {\n\n\t// create an emissive-only material. see #31348\n\tconst material = new MeshLambertMaterial( {\n\t\tcolor: 0x000000,\n\t\temissive: 0xffffff,\n\t\temissiveIntensity: intensity\n\t} );\n\n\treturn material;\n\n}\n\nexport { RoomEnvironment };\n","///////////////////////////////////////////////////////////////////////////////\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 { PMREMGenerator } from \"three\";\nimport { RoomEnvironment } from \"three/examples/jsm/environments/RoomEnvironment.js\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass RoomEnvironmentComponent implements IComponent {\n  protected viewer: Viewer;\n\n  constructor(viewer: Viewer) {\n    this.viewer = viewer;\n\n    const environment = new RoomEnvironment();\n    const pmremGenerator = new PMREMGenerator(this.viewer.renderer);\n\n    this.viewer.scene.environment = pmremGenerator.fromScene(environment).texture;\n\n    environment.dispose();\n  }\n\n  dispose() {\n    this.viewer.scene.environment = undefined;\n  }\n}\n\ncomponents.registerComponent(\"LightComponent\", (viewer) => new RoomEnvironmentComponent(viewer));\n"],"names":["Scene","BoxGeometry","MeshStandardMaterial","BackSide","PointLight","Mesh","InstancedMesh","Object3D","MeshLambertMaterial","PMREMGenerator","components"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoomEnvironmentComponent.module.js","sources":["../../../extensions/components/RoomEnvironmentComponent.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 { PMREMGenerator } from \"three\";\nimport { RoomEnvironment } from \"three/examples/jsm/environments/RoomEnvironment.js\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass RoomEnvironmentComponent implements IComponent {\n  protected viewer: Viewer;\n\n  constructor(viewer: Viewer) {\n    this.viewer = viewer;\n\n    const environment = new RoomEnvironment();\n    const pmremGenerator = new PMREMGenerator(this.viewer.renderer);\n\n    this.viewer.scene.environment = pmremGenerator.fromScene(environment).texture;\n\n    environment.dispose();\n  }\n\n  dispose() {\n    this.viewer.scene.environment = undefined;\n  }\n}\n\ncomponents.registerComponent(\"LightComponent\", (viewer) => new RoomEnvironmentComponent(viewer));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,wBAAwB,CAAA;AAG5B,IAAA,WAAA,CAAY,MAAc,EAAA;AACxB,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;AAEpB,QAAA,MAAM,WAAW,GAAG,IAAI,eAAe,EAAE;QACzC,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;AAE/D,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO;QAE7E,WAAW,CAAC,OAAO,EAAE;IACvB;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS;IAC3C;AACD;AAED,UAAU,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,CAAC,MAAM,KAAK,IAAI,wBAAwB,CAAC,MAAM,CAAC,CAAC"}

package/dist/{plugins → 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;
 	    }

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsPanelComponent.js","sources":["../../../../../node_modules/three/examples/jsm/libs/stats.module.js","../../../extensions/components/StatsPanelComponent.ts"],"sourcesContent":["var Stats = function () {\n\n\tvar mode = 0;\n\n\tvar container = document.createElement( 'div' );\n\tcontainer.style.cssText = 'position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000';\n\tcontainer.addEventListener( 'click', function ( event ) {\n\n\t\tevent.preventDefault();\n\t\tshowPanel( ++ mode % container.children.length );\n\n\t}, false );\n\n\t//\n\n\tfunction addPanel( panel ) {\n\n\t\tcontainer.appendChild( panel.dom );\n\t\treturn panel;\n\n\t}\n\n\tfunction showPanel( id ) {\n\n\t\tfor ( var i = 0; i < container.children.length; i ++ ) {\n\n\t\t\tcontainer.children[ i ].style.display = i === id ? 'block' : 'none';\n\n\t\t}\n\n\t\tmode = id;\n\n\t}\n\n\t//\n\n\tvar beginTime = ( performance || Date ).now(), prevTime = beginTime, frames = 0;\n\n\tvar fpsPanel = addPanel( new Stats.Panel( 'FPS', '#0ff', '#002' ) );\n\tvar msPanel = addPanel( new Stats.Panel( 'MS', '#0f0', '#020' ) );\n\n\tif ( self.performance && self.performance.memory ) {\n\n\t\tvar memPanel = addPanel( new Stats.Panel( 'MB', '#f08', '#201' ) );\n\n\t}\n\n\tshowPanel( 0 );\n\n\treturn {\n\n\t\tREVISION: 16,\n\n\t\tdom: container,\n\n\t\taddPanel: addPanel,\n\t\tshowPanel: showPanel,\n\n\t\tbegin: function () {\n\n\t\t\tbeginTime = ( performance || Date ).now();\n\n\t\t},\n\n\t\tend: function () {\n\n\t\t\tframes ++;\n\n\t\t\tvar time = ( performance || Date ).now();\n\n\t\t\tmsPanel.update( time - beginTime, 200 );\n\n\t\t\tif ( time >= prevTime + 1000 ) {\n\n\t\t\t\tfpsPanel.update( ( frames * 1000 ) / ( time - prevTime ), 100 );\n\n\t\t\t\tprevTime = time;\n\t\t\t\tframes = 0;\n\n\t\t\t\tif ( memPanel ) {\n\n\t\t\t\t\tvar memory = performance.memory;\n\t\t\t\t\tmemPanel.update( memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576 );\n\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\treturn time;\n\n\t\t},\n\n\t\tupdate: function () {\n\n\t\t\tbeginTime = this.end();\n\n\t\t},\n\n\t\t// Backwards Compatibility\n\n\t\tdomElement: container,\n\t\tsetMode: showPanel\n\n\t};\n\n};\n\nStats.Panel = function ( name, fg, bg ) {\n\n\tvar min = Infinity, max = 0, round = Math.round;\n\tvar PR = round( window.devicePixelRatio || 1 );\n\n\tvar WIDTH = 80 * PR, HEIGHT = 48 * PR,\n\t\tTEXT_X = 3 * PR, TEXT_Y = 2 * PR,\n\t\tGRAPH_X = 3 * PR, GRAPH_Y = 15 * PR,\n\t\tGRAPH_WIDTH = 74 * PR, GRAPH_HEIGHT = 30 * PR;\n\n\tvar canvas = document.createElement( 'canvas' );\n\tcanvas.width = WIDTH;\n\tcanvas.height = HEIGHT;\n\tcanvas.style.cssText = 'width:80px;height:48px';\n\n\tvar context = canvas.getContext( '2d' );\n\tcontext.font = 'bold ' + ( 9 * PR ) + 'px Helvetica,Arial,sans-serif';\n\tcontext.textBaseline = 'top';\n\n\tcontext.fillStyle = bg;\n\tcontext.fillRect( 0, 0, WIDTH, HEIGHT );\n\n\tcontext.fillStyle = fg;\n\tcontext.fillText( name, TEXT_X, TEXT_Y );\n\tcontext.fillRect( GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT );\n\n\tcontext.fillStyle = bg;\n\tcontext.globalAlpha = 0.9;\n\tcontext.fillRect( GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT );\n\n\treturn {\n\n\t\tdom: canvas,\n\n\t\tupdate: function ( value, maxValue ) {\n\n\t\t\tmin = Math.min( min, value );\n\t\t\tmax = Math.max( max, value );\n\n\t\t\tcontext.fillStyle = bg;\n\t\t\tcontext.globalAlpha = 1;\n\t\t\tcontext.fillRect( 0, 0, WIDTH, GRAPH_Y );\n\t\t\tcontext.fillStyle = fg;\n\t\t\tcontext.fillText( round( value ) + ' ' + name + ' (' + round( min ) + '-' + round( max ) + ')', TEXT_X, TEXT_Y );\n\n\t\t\tcontext.drawImage( canvas, GRAPH_X + PR, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT, GRAPH_X, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT );\n\n\t\t\tcontext.fillRect( GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, GRAPH_HEIGHT );\n\n\t\t\tcontext.fillStyle = bg;\n\t\t\tcontext.globalAlpha = 0.9;\n\t\t\tcontext.fillRect( GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, round( ( 1 - ( value / maxValue ) ) * GRAPH_HEIGHT ) );\n\n\t\t}\n\n\t};\n\n};\n\nexport default Stats;\n","///////////////////////////////////////////////////////////////////////////////\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 Stats from \"three/examples/jsm/libs/stats.module.js\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass StatsPanelComponent implements IComponent {\n  protected viewer: Viewer;\n  protected stats: Stats;\n\n  constructor(viewer: Viewer) {\n    this.stats = new Stats();\n    this.stats.dom.style.position = \"absolute\";\n    this.stats.dom.style.left = \"0px\";\n    this.stats.dom.style.top = \"0px\";\n    viewer.canvas.parentElement.appendChild(this.stats.dom);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"render\", this.updateStats);\n    this.viewer.addEventListener(\"animate\", this.updateViewer);\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"render\", this.updateStats);\n    this.viewer.removeEventListener(\"animate\", this.updateViewer);\n\n    this.stats.dom.remove();\n    this.stats = undefined;\n  }\n\n  updateStats = () => {\n    this.stats.update();\n  };\n\n  updateViewer = () => {\n    this.viewer.update();\n  };\n}\n\ncomponents.registerComponent(\"StatsPanelComponent\", (viewer) => new StatsPanelComponent(viewer));\n"],"names":["components"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/extensions/components/StatsPanelComponent.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";var t=function(){var e=0,i=document.createElement("div");function n(e){return i.appendChild(e.dom),e}function a(t){for(var n=0;n<i.children.length;n++)i.children[n].style.display=n===t?"block":"none";e=t}i.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000",i.addEventListener("click",function(t){t.preventDefault(),a(++e%i.children.length)},!1);var l=(performance||Date).now(),s=l,o=0,r=n(new t.Panel("FPS","#0ff","#002")),d=n(new t.Panel("MS","#0f0","#020"));if(self.performance&&self.performance.memory)var f=n(new t.Panel("MB","#f08","#201"));return a(0),{REVISION:16,dom:i,addPanel:n,showPanel:a,begin:function(){l=(performance||Date).now()},end:function(){o++;var e=(performance||Date).now();if(d.update(e-l,200),e>=s+1e3&&(r.update(1e3*o/(e-s),100),s=e,o=0,f)){var t=performance.memory;f.update(t.usedJSHeapSize/1048576,t.jsHeapSizeLimit/1048576)}return e},update:function(){l=this.end()},domElement:i,setMode:a}};t.Panel=function(e,t,i){var n=1/0,a=0,l=Math.round,s=l(window.devicePixelRatio||1),o=80*s,r=48*s,d=3*s,f=2*s,p=3*s,c=15*s,h=74*s,u=30*s,m=document.createElement("canvas");m.width=o,m.height=r,m.style.cssText="width:80px;height:48px";var v=m.getContext("2d");return v.font="bold "+9*s+"px Helvetica,Arial,sans-serif",v.textBaseline="top",v.fillStyle=i,v.fillRect(0,0,o,r),v.fillStyle=t,v.fillText(e,d,f),v.fillRect(p,c,h,u),v.fillStyle=i,v.globalAlpha=.9,v.fillRect(p,c,h,u),{dom:m,update:function(r,w){n=Math.min(n,r),a=Math.max(a,r),v.fillStyle=i,v.globalAlpha=1,v.fillRect(0,0,o,c),v.fillStyle=t,v.fillText(l(r)+" "+e+" ("+l(n)+"-"+l(a)+")",d,f),v.drawImage(m,p+s,c,h-s,u,p,c,h-s,u),v.fillRect(p+h-s,c,s,u),v.fillStyle=i,v.globalAlpha=.9,v.fillRect(p+h-s,c,s,l((1-r/w)*u))}}};class i{constructor(e){this.updateStats=()=>{this.stats.update()},this.updateViewer=()=>{this.viewer.update()},this.stats=new t,this.stats.dom.style.position="absolute",this.stats.dom.style.left="0px",this.stats.dom.style.top="0px",e.canvas.parentElement.appendChild(this.stats.dom),this.viewer=e,this.viewer.addEventListener("render",this.updateStats),this.viewer.addEventListener("animate",this.updateViewer)}dispose(){this.viewer.removeEventListener("render",this.updateStats),this.viewer.removeEventListener("animate",this.updateViewer),this.stats.dom.remove(),this.stats=void 0}}e.components.registerComponent("StatsPanelComponent",e=>new i(e))});

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

@@ -27,17 +27,23 @@ import { components } from '@inweb/viewer-three';
 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;
     }

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsPanelComponent.module.js","sources":["../../../extensions/components/StatsPanelComponent.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 Stats from \"three/examples/jsm/libs/stats.module.js\";\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nclass StatsPanelComponent implements IComponent {\n  protected viewer: Viewer;\n  protected stats: Stats;\n\n  constructor(viewer: Viewer) {\n    this.stats = new Stats();\n    this.stats.dom.style.position = \"absolute\";\n    this.stats.dom.style.left = \"0px\";\n    this.stats.dom.style.top = \"0px\";\n    viewer.canvas.parentElement.appendChild(this.stats.dom);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"render\", this.updateStats);\n    this.viewer.addEventListener(\"animate\", this.updateViewer);\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"render\", this.updateStats);\n    this.viewer.removeEventListener(\"animate\", this.updateViewer);\n\n    this.stats.dom.remove();\n    this.stats = undefined;\n  }\n\n  updateStats = () => {\n    this.stats.update();\n  };\n\n  updateViewer = () => {\n    this.viewer.update();\n  };\n}\n\ncomponents.registerComponent(\"StatsPanelComponent\", (viewer) => new StatsPanelComponent(viewer));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,mBAAmB,CAAA;AAIvB,IAAA,WAAA,CAAY,MAAc,EAAA;QAoB1B,IAAA,CAAA,WAAW,GAAG,MAAK;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACrB,QAAA,CAAC;QAED,IAAA,CAAA,YAAY,GAAG,MAAK;AAClB,YAAA,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AACtB,QAAA,CAAC;AAzBC,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;QAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK;QACjC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK;AAChC,QAAA,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAEvD,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACpB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC;QACxD,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC;IAC5D;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC;QAC3D,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC;AAE7D,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,SAAS;IACxB;AASD;AAED,UAAU,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,MAAM,KAAK,IAAI,mBAAmB,CAAC,MAAM,CAAC,CAAC"}

package/dist/{plugins → extensions}/loaders/GLTFCloudLoader.js

@@ -2472,9 +2472,8 @@
 	        if (!this.viewer.scene)
 	            return this;
 	        const modelImpl = new viewerThree.ModelImpl(gltf.scene);
-	        modelImpl.loader = this;
-	        modelImpl.viewer = this.viewer;
-	        this.viewer.scene.add(modelImpl.scene);
+	        modelImpl.id = model.file.id;
+	        this.viewer.scene.add(gltf.scene);
 	        this.viewer.models.push(modelImpl);
 	        this.viewer.syncOptions();
 	        this.viewer.syncOverlay();