@inweb/viewer-three 26.12.7 → 27.1.1

package/dist/extensions/components/InfoPanelComponent.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"InfoPanelComponent.js","sources":["../../../extensions/components/InfoPanelComponent.ts"],"sourcesContent":["///////////////////////////////////////////////////////////////////////////////\n// Copyright (C) 2002-2025, Open Design Alliance (the \"Alliance\").\n// All rights reserved.\n//\n// This software and its documentation and related materials are owned by\n// the Alliance. The software may only be incorporated into application\n// programs owned by members of the Alliance, subject to a signed\n// Membership Agreement and Supplemental Software License Agreement with the\n// Alliance. The structure and organization of this software are the valuable\n// trade secrets of the Alliance and its suppliers. The software is also\n// protected by copyright law and international treaty provisions. Application\n// programs incorporating this software must include the following statement\n// with their copyright notices:\n//\n//   This application incorporates Open Design Alliance software pursuant to a\n//   license agreement with Open Design Alliance.\n//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.\n//   All rights reserved.\n//\n// By use of this software, its documentation or related materials, you\n// acknowledge and accept the above terms.\n///////////////////////////////////////////////////////////////////////////////\n\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nconst map = {\n  B: 1,\n  KB: 1 << 10,\n  MB: 1 << 20,\n  GB: 1 << 30,\n};\n\nfunction formatBytes(bytes: number): string {\n  if (!bytes) return \"-\";\n\n  let unit: string;\n  if (bytes >= map.GB) unit = \"GB\";\n  else if (bytes >= map.MB) unit = \"MB\";\n  else if (bytes >= map.KB) unit = \"KB\";\n  else unit = \"B\";\n\n  const value = bytes / map[unit];\n  return value.toFixed() + \" \" + unit;\n}\n\nclass Panel {\n  public dom: HTMLElement;\n  private label: HTMLElement;\n  private text: HTMLElement;\n\n  constructor(label: string) {\n    this.dom = document.createElement(\"div\");\n\n    this.label = document.createElement(\"div\");\n    this.label.style.padding = \"0.25rem 0\";\n    this.label.style.fontWeight = \"600\";\n    this.label.innerText = label;\n    this.dom.appendChild(this.label);\n\n    this.text = document.createElement(\"small\");\n    this.text.style.display = \"block\";\n    this.text.style.padding = \"0 0.5rem\";\n    this.dom.appendChild(this.text);\n  }\n\n  update(text: string) {\n    if (this.text.innerText !== text) this.text.innerText = text;\n  }\n}\n\nclass InfoPanelComponent implements IComponent {\n  private viewer: Viewer;\n  private container: HTMLElement;\n  private performancePanel: Panel;\n  private renderPanel: Panel;\n  private optimizedPanel: Panel;\n  private scenePanel: Panel;\n  private memoryPanel: Panel;\n\n  constructor(viewer: Viewer) {\n    this.container = document.createElement(\"div\");\n    this.container.id = \"info-container\";\n    this.container.style.position = \"absolute\";\n    this.container.style.left = \"0px\";\n    this.container.style.top = \"0px\";\n    this.container.style.maxHeight = \"100%\";\n    this.container.style.overflow = \"auto\";\n    this.container.style.padding = \"1rem\";\n\n    this.setTheme(\"dark\");\n\n    this.performancePanel = new Panel(\"Performance\");\n    this.renderPanel = new Panel(\"Render\");\n    this.optimizedPanel = new Panel(\"Optimized Scene\");\n    this.scenePanel = new Panel(\"Scene\");\n    this.memoryPanel = new Panel(\"Memory\");\n\n    this.container.appendChild(this.performancePanel.dom);\n    this.container.appendChild(this.renderPanel.dom);\n    this.container.appendChild(this.optimizedPanel.dom);\n    this.container.appendChild(this.scenePanel.dom);\n    this.container.appendChild(this.memoryPanel.dom);\n\n    viewer.canvas.parentElement.appendChild(this.container);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.addEventListener(\"animate\", this.updatePreformanceInfo);\n\n    this.updatePreformanceInfo();\n    this.updateRenderInfo();\n    this.updateSceneInfo();\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.removeEventListener(\"animate\", this.updatePreformanceInfo);\n\n    this.performancePanel = undefined;\n    this.renderPanel = undefined;\n    this.optimizedPanel = undefined;\n    this.scenePanel = undefined;\n    this.memoryPanel = undefined;\n\n    this.container.remove();\n    this.container = undefined;\n  }\n\n  setTheme(value: string) {\n    if (value === \"light\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.025)\";\n      this.container.style.color = \"#3d3d3d\";\n    }\n    if (value === \"dark\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.88)\";\n      this.container.style.color = \"#ebebeb\";\n    }\n  }\n\n  updatePreformanceInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`FPS: ${info.performance.fps}`);\n    text.push(`Frame Time: ${info.performance.frameTime} ms`);\n    this.performancePanel.update(text.join(\"\\n\"));\n\n    this.viewer.update();\n  };\n\n  updateRenderInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);\n    text.push(`Antialiasing: ${info.render.antialiasing}`);\n    text.push(`Draw Calls: ${info.render.drawCalls}`);\n    text.push(`Triangles: ${info.render.triangles}`);\n    text.push(`Points: ${info.render.points}`);\n    text.push(`Lines: ${info.render.lines}`);\n    this.renderPanel.update(text.join(\"\\n\"));\n  };\n\n  updateSceneInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Objects: ${info.optimizedScene.objects}`);\n    text.push(`Triangles: ${info.optimizedScene.triangles}`);\n    text.push(`Points: ${info.optimizedScene.points}`);\n    text.push(`Lines: ${info.optimizedScene.lines}`);\n    text.push(`Edges: ${info.optimizedScene.edges}`);\n    this.optimizedPanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Objects: ${info.scene.objects}`);\n    text.push(`Triangles: ${info.scene.triangles}`);\n    text.push(`Points: ${info.scene.points}`);\n    text.push(`Lines: ${info.scene.lines}`);\n    text.push(`Edges: ${info.scene.edges}`);\n    this.scenePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Geometries: ${info.memory.geometries}`);\n    text.push(`Textures: ${info.memory.textures}`);\n    text.push(`Materials: ${info.memory.materials}`);\n    text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);\n    text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);\n    this.memoryPanel.update(text.join(\"\\n\"));\n  };\n}\n\ncomponents.registerComponent(\"InfoPanelComponent\", (viewer) => new InfoPanelComponent(viewer));\n"],"names":["components"],"mappings":"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"}
+{"version":3,"file":"InfoPanelComponent.js","sources":["../../../extensions/components/InfoPanelComponent.ts"],"sourcesContent":["///////////////////////////////////////////////////////////////////////////////\n// Copyright (C) 2002-2025, Open Design Alliance (the \"Alliance\").\n// All rights reserved.\n//\n// This software and its documentation and related materials are owned by\n// the Alliance. The software may only be incorporated into application\n// programs owned by members of the Alliance, subject to a signed\n// Membership Agreement and Supplemental Software License Agreement with the\n// Alliance. The structure and organization of this software are the valuable\n// trade secrets of the Alliance and its suppliers. The software is also\n// protected by copyright law and international treaty provisions. Application\n// programs incorporating this software must include the following statement\n// with their copyright notices:\n//\n//   This application incorporates Open Design Alliance software pursuant to a\n//   license agreement with Open Design Alliance.\n//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.\n//   All rights reserved.\n//\n// By use of this software, its documentation or related materials, you\n// acknowledge and accept the above terms.\n///////////////////////////////////////////////////////////////////////////////\n\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nconst map = {\n  B: 1,\n  KB: 1 << 10,\n  MB: 1 << 20,\n  GB: 1 << 30,\n};\n\nfunction formatBytes(bytes: number): string {\n  if (!bytes) return \"-\";\n\n  let unit: string;\n  if (bytes >= map.GB) unit = \"GB\";\n  else if (bytes >= map.MB) unit = \"MB\";\n  else if (bytes >= map.KB) unit = \"KB\";\n  else unit = \"B\";\n\n  const value = bytes / map[unit];\n  return value.toFixed() + \" \" + unit;\n}\n\nclass Panel {\n  public dom: HTMLElement;\n  private label: HTMLElement;\n  private text: HTMLElement;\n\n  constructor(label: string) {\n    this.dom = document.createElement(\"div\");\n\n    this.label = document.createElement(\"div\");\n    this.label.style.padding = \"0.25rem 0\";\n    this.label.style.fontWeight = \"600\";\n    this.label.innerText = label;\n    this.dom.appendChild(this.label);\n\n    this.text = document.createElement(\"small\");\n    this.text.style.display = \"block\";\n    this.text.style.padding = \"0 0.5rem\";\n    this.dom.appendChild(this.text);\n  }\n\n  update(text: string) {\n    if (this.text.innerText !== text) this.text.innerText = text;\n  }\n}\n\nclass InfoPanelComponent implements IComponent {\n  private viewer: Viewer;\n  private container: HTMLElement;\n  private performancePanel: Panel;\n  private renderPanel: Panel;\n  private optimizedPanel: Panel;\n  private scenePanel: Panel;\n  private memoryPanel: Panel;\n\n  constructor(viewer: Viewer) {\n    this.container = document.createElement(\"div\");\n    this.container.id = \"info-container\";\n    this.container.style.position = \"absolute\";\n    this.container.style.left = \"0px\";\n    this.container.style.top = \"0px\";\n    this.container.style.maxHeight = \"100%\";\n    this.container.style.overflow = \"auto\";\n    this.container.style.padding = \"1rem\";\n\n    this.setTheme(\"dark\");\n\n    this.performancePanel = new Panel(\"Performance\");\n    this.renderPanel = new Panel(\"Render\");\n    this.optimizedPanel = new Panel(\"Optimized Scene\");\n    this.scenePanel = new Panel(\"Scene\");\n    this.memoryPanel = new Panel(\"Memory\");\n\n    this.container.appendChild(this.performancePanel.dom);\n    this.container.appendChild(this.renderPanel.dom);\n    this.container.appendChild(this.optimizedPanel.dom);\n    this.container.appendChild(this.scenePanel.dom);\n    this.container.appendChild(this.memoryPanel.dom);\n\n    viewer.canvas.parentElement.appendChild(this.container);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.addEventListener(\"animate\", this.updateViewer);\n\n    this.updateRenderInfo();\n    this.updateSceneInfo();\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.removeEventListener(\"animate\", this.updateViewer);\n\n    this.performancePanel = undefined;\n    this.renderPanel = undefined;\n    this.optimizedPanel = undefined;\n    this.scenePanel = undefined;\n    this.memoryPanel = undefined;\n\n    this.container.remove();\n    this.container = undefined;\n  }\n\n  setTheme(value: string) {\n    if (value === \"light\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.025)\";\n      this.container.style.color = \"#3d3d3d\";\n    }\n    if (value === \"dark\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.88)\";\n      this.container.style.color = \"#ebebeb\";\n    }\n  }\n\n  updateRenderInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`FPS: ${info.performance.fps}`);\n    text.push(`Frame Time: ${info.performance.frameTime} ms`);\n    this.performancePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);\n    text.push(`Antialiasing: ${info.render.antialiasing}`);\n    text.push(`Draw Calls: ${info.render.drawCalls}`);\n    text.push(`Triangles: ${info.render.triangles}`);\n    text.push(`Points: ${info.render.points}`);\n    text.push(`Lines: ${info.render.lines}`);\n    this.renderPanel.update(text.join(\"\\n\"));\n  };\n\n  updateSceneInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Objects: ${info.optimizedScene.objects}`);\n    text.push(`Triangles: ${info.optimizedScene.triangles}`);\n    text.push(`Points: ${info.optimizedScene.points}`);\n    text.push(`Lines: ${info.optimizedScene.lines}`);\n    text.push(`Edges: ${info.optimizedScene.edges}`);\n    this.optimizedPanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Objects: ${info.scene.objects}`);\n    text.push(`Triangles: ${info.scene.triangles}`);\n    text.push(`Points: ${info.scene.points}`);\n    text.push(`Lines: ${info.scene.lines}`);\n    text.push(`Edges: ${info.scene.edges}`);\n    this.scenePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Geometries: ${info.memory.geometries}`);\n    text.push(`Textures: ${info.memory.textures}`);\n    text.push(`Materials: ${info.memory.materials}`);\n    text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);\n    text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);\n    this.memoryPanel.update(text.join(\"\\n\"));\n  };\n\n  updateViewer = () => {\n    this.viewer.update();\n  };\n}\n\ncomponents.registerComponent(\"InfoPanelComponent\", (viewer) => new InfoPanelComponent(viewer));\n"],"names":["components"],"mappings":"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"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InfoPanelComponent.module.js","sources":["../../../extensions/components/InfoPanelComponent.ts"],"sourcesContent":["///////////////////////////////////////////////////////////////////////////////\n// Copyright (C) 2002-2025, Open Design Alliance (the \"Alliance\").\n// All rights reserved.\n//\n// This software and its documentation and related materials are owned by\n// the Alliance. The software may only be incorporated into application\n// programs owned by members of the Alliance, subject to a signed\n// Membership Agreement and Supplemental Software License Agreement with the\n// Alliance. The structure and organization of this software are the valuable\n// trade secrets of the Alliance and its suppliers. The software is also\n// protected by copyright law and international treaty provisions. Application\n// programs incorporating this software must include the following statement\n// with their copyright notices:\n//\n//   This application incorporates Open Design Alliance software pursuant to a\n//   license agreement with Open Design Alliance.\n//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.\n//   All rights reserved.\n//\n// By use of this software, its documentation or related materials, you\n// acknowledge and accept the above terms.\n///////////////////////////////////////////////////////////////////////////////\n\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nconst map = {\n  B: 1,\n  KB: 1 << 10,\n  MB: 1 << 20,\n  GB: 1 << 30,\n};\n\nfunction formatBytes(bytes: number): string {\n  if (!bytes) return \"-\";\n\n  let unit: string;\n  if (bytes >= map.GB) unit = \"GB\";\n  else if (bytes >= map.MB) unit = \"MB\";\n  else if (bytes >= map.KB) unit = \"KB\";\n  else unit = \"B\";\n\n  const value = bytes / map[unit];\n  return value.toFixed() + \" \" + unit;\n}\n\nclass Panel {\n  public dom: HTMLElement;\n  private label: HTMLElement;\n  private text: HTMLElement;\n\n  constructor(label: string) {\n    this.dom = document.createElement(\"div\");\n\n    this.label = document.createElement(\"div\");\n    this.label.style.padding = \"0.25rem 0\";\n    this.label.style.fontWeight = \"600\";\n    this.label.innerText = label;\n    this.dom.appendChild(this.label);\n\n    this.text = document.createElement(\"small\");\n    this.text.style.display = \"block\";\n    this.text.style.padding = \"0 0.5rem\";\n    this.dom.appendChild(this.text);\n  }\n\n  update(text: string) {\n    if (this.text.innerText !== text) this.text.innerText = text;\n  }\n}\n\nclass InfoPanelComponent implements IComponent {\n  private viewer: Viewer;\n  private container: HTMLElement;\n  private performancePanel: Panel;\n  private renderPanel: Panel;\n  private optimizedPanel: Panel;\n  private scenePanel: Panel;\n  private memoryPanel: Panel;\n\n  constructor(viewer: Viewer) {\n    this.container = document.createElement(\"div\");\n    this.container.id = \"info-container\";\n    this.container.style.position = \"absolute\";\n    this.container.style.left = \"0px\";\n    this.container.style.top = \"0px\";\n    this.container.style.maxHeight = \"100%\";\n    this.container.style.overflow = \"auto\";\n    this.container.style.padding = \"1rem\";\n\n    this.setTheme(\"dark\");\n\n    this.performancePanel = new Panel(\"Performance\");\n    this.renderPanel = new Panel(\"Render\");\n    this.optimizedPanel = new Panel(\"Optimized Scene\");\n    this.scenePanel = new Panel(\"Scene\");\n    this.memoryPanel = new Panel(\"Memory\");\n\n    this.container.appendChild(this.performancePanel.dom);\n    this.container.appendChild(this.renderPanel.dom);\n    this.container.appendChild(this.optimizedPanel.dom);\n    this.container.appendChild(this.scenePanel.dom);\n    this.container.appendChild(this.memoryPanel.dom);\n\n    viewer.canvas.parentElement.appendChild(this.container);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.addEventListener(\"animate\", this.updatePreformanceInfo);\n\n    this.updatePreformanceInfo();\n    this.updateRenderInfo();\n    this.updateSceneInfo();\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.removeEventListener(\"animate\", this.updatePreformanceInfo);\n\n    this.performancePanel = undefined;\n    this.renderPanel = undefined;\n    this.optimizedPanel = undefined;\n    this.scenePanel = undefined;\n    this.memoryPanel = undefined;\n\n    this.container.remove();\n    this.container = undefined;\n  }\n\n  setTheme(value: string) {\n    if (value === \"light\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.025)\";\n      this.container.style.color = \"#3d3d3d\";\n    }\n    if (value === \"dark\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.88)\";\n      this.container.style.color = \"#ebebeb\";\n    }\n  }\n\n  updatePreformanceInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`FPS: ${info.performance.fps}`);\n    text.push(`Frame Time: ${info.performance.frameTime} ms`);\n    this.performancePanel.update(text.join(\"\\n\"));\n\n    this.viewer.update();\n  };\n\n  updateRenderInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);\n    text.push(`Antialiasing: ${info.render.antialiasing}`);\n    text.push(`Draw Calls: ${info.render.drawCalls}`);\n    text.push(`Triangles: ${info.render.triangles}`);\n    text.push(`Points: ${info.render.points}`);\n    text.push(`Lines: ${info.render.lines}`);\n    this.renderPanel.update(text.join(\"\\n\"));\n  };\n\n  updateSceneInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Objects: ${info.optimizedScene.objects}`);\n    text.push(`Triangles: ${info.optimizedScene.triangles}`);\n    text.push(`Points: ${info.optimizedScene.points}`);\n    text.push(`Lines: ${info.optimizedScene.lines}`);\n    text.push(`Edges: ${info.optimizedScene.edges}`);\n    this.optimizedPanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Objects: ${info.scene.objects}`);\n    text.push(`Triangles: ${info.scene.triangles}`);\n    text.push(`Points: ${info.scene.points}`);\n    text.push(`Lines: ${info.scene.lines}`);\n    text.push(`Edges: ${info.scene.edges}`);\n    this.scenePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Geometries: ${info.memory.geometries}`);\n    text.push(`Textures: ${info.memory.textures}`);\n    text.push(`Materials: ${info.memory.materials}`);\n    text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);\n    text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);\n    this.memoryPanel.update(text.join(\"\\n\"));\n  };\n}\n\ncomponents.registerComponent(\"InfoPanelComponent\", (viewer) => new InfoPanelComponent(viewer));\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"InfoPanelComponent.module.js","sources":["../../../extensions/components/InfoPanelComponent.ts"],"sourcesContent":["///////////////////////////////////////////////////////////////////////////////\n// Copyright (C) 2002-2025, Open Design Alliance (the \"Alliance\").\n// All rights reserved.\n//\n// This software and its documentation and related materials are owned by\n// the Alliance. The software may only be incorporated into application\n// programs owned by members of the Alliance, subject to a signed\n// Membership Agreement and Supplemental Software License Agreement with the\n// Alliance. The structure and organization of this software are the valuable\n// trade secrets of the Alliance and its suppliers. The software is also\n// protected by copyright law and international treaty provisions. Application\n// programs incorporating this software must include the following statement\n// with their copyright notices:\n//\n//   This application incorporates Open Design Alliance software pursuant to a\n//   license agreement with Open Design Alliance.\n//   Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance.\n//   All rights reserved.\n//\n// By use of this software, its documentation or related materials, you\n// acknowledge and accept the above terms.\n///////////////////////////////////////////////////////////////////////////////\n\nimport { IComponent, components, Viewer } from \"@inweb/viewer-three\";\n\nconst map = {\n  B: 1,\n  KB: 1 << 10,\n  MB: 1 << 20,\n  GB: 1 << 30,\n};\n\nfunction formatBytes(bytes: number): string {\n  if (!bytes) return \"-\";\n\n  let unit: string;\n  if (bytes >= map.GB) unit = \"GB\";\n  else if (bytes >= map.MB) unit = \"MB\";\n  else if (bytes >= map.KB) unit = \"KB\";\n  else unit = \"B\";\n\n  const value = bytes / map[unit];\n  return value.toFixed() + \" \" + unit;\n}\n\nclass Panel {\n  public dom: HTMLElement;\n  private label: HTMLElement;\n  private text: HTMLElement;\n\n  constructor(label: string) {\n    this.dom = document.createElement(\"div\");\n\n    this.label = document.createElement(\"div\");\n    this.label.style.padding = \"0.25rem 0\";\n    this.label.style.fontWeight = \"600\";\n    this.label.innerText = label;\n    this.dom.appendChild(this.label);\n\n    this.text = document.createElement(\"small\");\n    this.text.style.display = \"block\";\n    this.text.style.padding = \"0 0.5rem\";\n    this.dom.appendChild(this.text);\n  }\n\n  update(text: string) {\n    if (this.text.innerText !== text) this.text.innerText = text;\n  }\n}\n\nclass InfoPanelComponent implements IComponent {\n  private viewer: Viewer;\n  private container: HTMLElement;\n  private performancePanel: Panel;\n  private renderPanel: Panel;\n  private optimizedPanel: Panel;\n  private scenePanel: Panel;\n  private memoryPanel: Panel;\n\n  constructor(viewer: Viewer) {\n    this.container = document.createElement(\"div\");\n    this.container.id = \"info-container\";\n    this.container.style.position = \"absolute\";\n    this.container.style.left = \"0px\";\n    this.container.style.top = \"0px\";\n    this.container.style.maxHeight = \"100%\";\n    this.container.style.overflow = \"auto\";\n    this.container.style.padding = \"1rem\";\n\n    this.setTheme(\"dark\");\n\n    this.performancePanel = new Panel(\"Performance\");\n    this.renderPanel = new Panel(\"Render\");\n    this.optimizedPanel = new Panel(\"Optimized Scene\");\n    this.scenePanel = new Panel(\"Scene\");\n    this.memoryPanel = new Panel(\"Memory\");\n\n    this.container.appendChild(this.performancePanel.dom);\n    this.container.appendChild(this.renderPanel.dom);\n    this.container.appendChild(this.optimizedPanel.dom);\n    this.container.appendChild(this.scenePanel.dom);\n    this.container.appendChild(this.memoryPanel.dom);\n\n    viewer.canvas.parentElement.appendChild(this.container);\n\n    this.viewer = viewer;\n    this.viewer.addEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.addEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.addEventListener(\"animate\", this.updateViewer);\n\n    this.updateRenderInfo();\n    this.updateSceneInfo();\n  }\n\n  dispose() {\n    this.viewer.removeEventListener(\"clear\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"geometryend\", this.updateSceneInfo);\n    this.viewer.removeEventListener(\"render\", this.updateRenderInfo);\n    this.viewer.removeEventListener(\"animate\", this.updateViewer);\n\n    this.performancePanel = undefined;\n    this.renderPanel = undefined;\n    this.optimizedPanel = undefined;\n    this.scenePanel = undefined;\n    this.memoryPanel = undefined;\n\n    this.container.remove();\n    this.container = undefined;\n  }\n\n  setTheme(value: string) {\n    if (value === \"light\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.025)\";\n      this.container.style.color = \"#3d3d3d\";\n    }\n    if (value === \"dark\") {\n      this.container.style.background = \"rgba(0, 0, 0, 0.88)\";\n      this.container.style.color = \"#ebebeb\";\n    }\n  }\n\n  updateRenderInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`FPS: ${info.performance.fps}`);\n    text.push(`Frame Time: ${info.performance.frameTime} ms`);\n    this.performancePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Viewport: ${info.render.viewport.width} x ${info.render.viewport.height}`);\n    text.push(`Antialiasing: ${info.render.antialiasing}`);\n    text.push(`Draw Calls: ${info.render.drawCalls}`);\n    text.push(`Triangles: ${info.render.triangles}`);\n    text.push(`Points: ${info.render.points}`);\n    text.push(`Lines: ${info.render.lines}`);\n    this.renderPanel.update(text.join(\"\\n\"));\n  };\n\n  updateSceneInfo = () => {\n    const info = this.viewer.info;\n\n    const text = [];\n    text.push(`Objects: ${info.optimizedScene.objects}`);\n    text.push(`Triangles: ${info.optimizedScene.triangles}`);\n    text.push(`Points: ${info.optimizedScene.points}`);\n    text.push(`Lines: ${info.optimizedScene.lines}`);\n    text.push(`Edges: ${info.optimizedScene.edges}`);\n    this.optimizedPanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Objects: ${info.scene.objects}`);\n    text.push(`Triangles: ${info.scene.triangles}`);\n    text.push(`Points: ${info.scene.points}`);\n    text.push(`Lines: ${info.scene.lines}`);\n    text.push(`Edges: ${info.scene.edges}`);\n    this.scenePanel.update(text.join(\"\\n\"));\n\n    text.length = 0;\n    text.push(`Geometries: ${info.memory.geometries}`);\n    text.push(`Textures: ${info.memory.textures}`);\n    text.push(`Materials: ${info.memory.materials}`);\n    text.push(`GPU Used: ${formatBytes(info.memory.totalEstimatedGpuBytes)}`);\n    text.push(`JS Heap Used: ${formatBytes(info.memory.usedJSHeapSize)}`);\n    this.memoryPanel.update(text.join(\"\\n\"));\n  };\n\n  updateViewer = () => {\n    this.viewer.update();\n  };\n}\n\ncomponents.registerComponent(\"InfoPanelComponent\", (viewer) => new InfoPanelComponent(viewer));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,GAAG,GAAG;AACV,IAAA,CAAC,EAAE,CAAC;IACJ,EAAE,EAAE,CAAC,IAAI,EAAE;IACX,EAAE,EAAE,CAAC,IAAI,EAAE;IACX,EAAE,EAAE,CAAC,IAAI,EAAE;CACZ;AAED,SAAS,WAAW,CAAC,KAAa,EAAA;AAChC,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,GAAG;AAEtB,IAAA,IAAI,IAAY;AAChB,IAAA,IAAI,KAAK,IAAI,GAAG,CAAC,EAAE;QAAE,IAAI,GAAG,IAAI;AAC3B,SAAA,IAAI,KAAK,IAAI,GAAG,CAAC,EAAE;QAAE,IAAI,GAAG,IAAI;AAChC,SAAA,IAAI,KAAK,IAAI,GAAG,CAAC,EAAE;QAAE,IAAI,GAAG,IAAI;;QAChC,IAAI,GAAG,GAAG;IAEf,MAAM,KAAK,GAAG,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC;IAC/B,OAAO,KAAK,CAAC,OAAO,EAAE,GAAG,GAAG,GAAG,IAAI;AACrC;AAEA,MAAM,KAAK,CAAA;AAKT,IAAA,WAAA,CAAY,KAAa,EAAA;QACvB,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAExC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW;QACtC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK;AACnC,QAAA,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK;QAC5B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;QAEhC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;QAC3C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU;QACpC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;IACjC;AAEA,IAAA,MAAM,CAAC,IAAY,EAAA;AACjB,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI;AAAE,YAAA,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI;IAC9D;AACD;AAED,MAAM,kBAAkB,CAAA;AAStB,IAAA,WAAA,CAAY,MAAc,EAAA;QA+D1B,IAAA,CAAA,gBAAgB,GAAG,MAAK;AACtB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI;YAE7B,MAAM,IAAI,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAC,WAAW,CAAC,GAAG,CAAA,CAAE,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,WAAW,CAAC,SAAS,CAAA,GAAA,CAAK,CAAC;AACzD,YAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAE7C,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,UAAA,EAAa,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAA,GAAA,EAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA,CAAE,CAAC;YACrF,IAAI,CAAC,IAAI,CAAC,CAAA,cAAA,EAAiB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAA,CAAE,CAAC;YACtD,IAAI,CAAC,IAAI,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,MAAM,CAAC,SAAS,CAAA,CAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAC,SAAS,CAAA,CAAE,CAAC;YAChD,IAAI,CAAC,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA,CAAE,CAAC;YAC1C,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,MAAM,CAAC,KAAK,CAAA,CAAE,CAAC;AACxC,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1C,QAAA,CAAC;QAED,IAAA,CAAA,eAAe,GAAG,MAAK;AACrB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI;YAE7B,MAAM,IAAI,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,SAAA,EAAY,IAAI,CAAC,cAAc,CAAC,OAAO,CAAA,CAAE,CAAC;YACpD,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,cAAc,CAAC,SAAS,CAAA,CAAE,CAAC;YACxD,IAAI,CAAC,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,cAAc,CAAC,MAAM,CAAA,CAAE,CAAC;YAClD,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA,CAAE,CAAC;YAChD,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA,CAAE,CAAC;AAChD,YAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAE3C,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,SAAA,EAAY,IAAI,CAAC,KAAK,CAAC,OAAO,CAAA,CAAE,CAAC;YAC3C,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA,CAAE,CAAC;YAC/C,IAAI,CAAC,IAAI,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA,CAAE,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAE,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAE,CAAC;AACvC,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEvC,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,CAAA,YAAA,EAAe,IAAI,CAAC,MAAM,CAAC,UAAU,CAAA,CAAE,CAAC;YAClD,IAAI,CAAC,IAAI,CAAC,CAAA,UAAA,EAAa,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAA,CAAE,CAAC;YAC9C,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAC,SAAS,CAAA,CAAE,CAAC;AAChD,YAAA,IAAI,CAAC,IAAI,CAAC,CAAA,UAAA,EAAa,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAA,CAAE,CAAC;AACzE,YAAA,IAAI,CAAC,IAAI,CAAC,CAAA,cAAA,EAAiB,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA,CAAE,CAAC;AACrE,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1C,QAAA,CAAC;QAED,IAAA,CAAA,YAAY,GAAG,MAAK;AAClB,YAAA,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AACtB,QAAA,CAAC;QA9GC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC9C,QAAA,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,gBAAgB;QACpC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;QAC1C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK;QACjC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK;QAChC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM;QACvC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM;QACtC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAErC,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QAErB,IAAI,CAAC,gBAAgB,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC;QAChD,IAAI,CAAC,WAAW,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC;QACtC,IAAI,CAAC,cAAc,GAAG,IAAI,KAAK,CAAC,iBAAiB,CAAC;QAClD,IAAI,CAAC,UAAU,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC;QACpC,IAAI,CAAC,WAAW,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC;QAEtC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC;QACrD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;QAChD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;QACnD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;QAC/C,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;QAEhD,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;AAEvD,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;QACpB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC;QAC3D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC;QACjE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC;QAC7D,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC;QAE1D,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,eAAe,EAAE;IACxB;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC;QAC9D,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC;QACpE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC;AAE7D,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;AACjC,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAC5B,QAAA,IAAI,CAAC,cAAc,GAAG,SAAS;AAC/B,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAC3B,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;AAE5B,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;IAC5B;AAEA,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,KAAK,KAAK,OAAO,EAAE;YACrB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,sBAAsB;YACxD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS;QACxC;AACA,QAAA,IAAI,KAAK,KAAK,MAAM,EAAE;YACpB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,qBAAqB;YACvD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS;QACxC;IACF;AAmDD;AAED,UAAU,CAAC,iBAAiB,CAAC,oBAAoB,EAAE,CAAC,MAAM,KAAK,IAAI,kBAAkB,CAAC,MAAM,CAAC,CAAC"}

package/dist/extensions/loaders/GLTFCloudLoader.js

@@ -2477,8 +2477,8 @@
 	        this.viewer.models.push(modelImpl);
 	        this.viewer.syncOptions();
 	        this.viewer.syncOverlay();
-	        this.viewer.update();
 	        this.viewer.emitEvent({ type: "databasechunk", data: gltf.scene, file: model.file, model });
+	        this.viewer.update(true);
 	        return this;
 	    }
 	}