@inweb/viewer-three 26.6.3 → 26.6.5

package/dist/plugins/components/StatsPanelComponent.js

@@ -0,0 +1,216 @@
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@inweb/viewer-three')) :
+	typeof define === 'function' && define.amd ? define(['@inweb/viewer-three'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ODA.Three));
+})(this, (function (viewerThree) { 'use strict';
+
+	var Stats = function () {
+
+		var mode = 0;
+
+		var container = document.createElement( 'div' );
+		container.style.cssText = 'position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000';
+		container.addEventListener( 'click', function ( event ) {
+
+			event.preventDefault();
+			showPanel( ++ mode % container.children.length );
+
+		}, false );
+
+		//
+
+		function addPanel( panel ) {
+
+			container.appendChild( panel.dom );
+			return panel;
+
+		}
+
+		function showPanel( id ) {
+
+			for ( var i = 0; i < container.children.length; i ++ ) {
+
+				container.children[ i ].style.display = i === id ? 'block' : 'none';
+
+			}
+
+			mode = id;
+
+		}
+
+		//
+
+		var beginTime = ( performance || Date ).now(), prevTime = beginTime, frames = 0;
+
+		var fpsPanel = addPanel( new Stats.Panel( 'FPS', '#0ff', '#002' ) );
+		var msPanel = addPanel( new Stats.Panel( 'MS', '#0f0', '#020' ) );
+
+		if ( self.performance && self.performance.memory ) {
+
+			var memPanel = addPanel( new Stats.Panel( 'MB', '#f08', '#201' ) );
+
+		}
+
+		showPanel( 0 );
+
+		return {
+
+			REVISION: 16,
+
+			dom: container,
+
+			addPanel: addPanel,
+			showPanel: showPanel,
+
+			begin: function () {
+
+				beginTime = ( performance || Date ).now();
+
+			},
+
+			end: function () {
+
+				frames ++;
+
+				var time = ( performance || Date ).now();
+
+				msPanel.update( time - beginTime, 200 );
+
+				if ( time >= prevTime + 1000 ) {
+
+					fpsPanel.update( ( frames * 1000 ) / ( time - prevTime ), 100 );
+
+					prevTime = time;
+					frames = 0;
+
+					if ( memPanel ) {
+
+						var memory = performance.memory;
+						memPanel.update( memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576 );
+
+					}
+
+				}
+
+				return time;
+
+			},
+
+			update: function () {
+
+				beginTime = this.end();
+
+			},
+
+			// Backwards Compatibility
+
+			domElement: container,
+			setMode: showPanel
+
+		};
+
+	};
+
+	Stats.Panel = function ( name, fg, bg ) {
+
+		var min = Infinity, max = 0, round = Math.round;
+		var PR = round( window.devicePixelRatio || 1 );
+
+		var WIDTH = 80 * PR, HEIGHT = 48 * PR,
+			TEXT_X = 3 * PR, TEXT_Y = 2 * PR,
+			GRAPH_X = 3 * PR, GRAPH_Y = 15 * PR,
+			GRAPH_WIDTH = 74 * PR, GRAPH_HEIGHT = 30 * PR;
+
+		var canvas = document.createElement( 'canvas' );
+		canvas.width = WIDTH;
+		canvas.height = HEIGHT;
+		canvas.style.cssText = 'width:80px;height:48px';
+
+		var context = canvas.getContext( '2d' );
+		context.font = 'bold ' + ( 9 * PR ) + 'px Helvetica,Arial,sans-serif';
+		context.textBaseline = 'top';
+
+		context.fillStyle = bg;
+		context.fillRect( 0, 0, WIDTH, HEIGHT );
+
+		context.fillStyle = fg;
+		context.fillText( name, TEXT_X, TEXT_Y );
+		context.fillRect( GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT );
+
+		context.fillStyle = bg;
+		context.globalAlpha = 0.9;
+		context.fillRect( GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT );
+
+		return {
+
+			dom: canvas,
+
+			update: function ( value, maxValue ) {
+
+				min = Math.min( min, value );
+				max = Math.max( max, value );
+
+				context.fillStyle = bg;
+				context.globalAlpha = 1;
+				context.fillRect( 0, 0, WIDTH, GRAPH_Y );
+				context.fillStyle = fg;
+				context.fillText( round( value ) + ' ' + name + ' (' + round( min ) + '-' + round( max ) + ')', TEXT_X, TEXT_Y );
+
+				context.drawImage( canvas, GRAPH_X + PR, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT, GRAPH_X, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT );
+
+				context.fillRect( GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, GRAPH_HEIGHT );
+
+				context.fillStyle = bg;
+				context.globalAlpha = 0.9;
+				context.fillRect( GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, round( ( 1 - ( value / maxValue ) ) * GRAPH_HEIGHT ) );
+
+			}
+
+		};
+
+	};
+
+	///////////////////////////////////////////////////////////////////////////////
+	// 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.
+	///////////////////////////////////////////////////////////////////////////////
+	class StatsPanelComponent {
+	    constructor(viewer) {
+	        this.updateStats = () => {
+	            this.stats.update();
+	            this.viewer.update();
+	        };
+	        this.stats = new Stats();
+	        this.stats.dom.style.position = "absolute";
+	        viewer.canvas.parentElement.appendChild(this.stats.dom);
+	        this.viewer = viewer;
+	        this.viewer.on("animate", this.updateStats);
+	    }
+	    dispose() {
+	        this.viewer.off("animate", this.updateStats);
+	        this.stats.dom.remove();
+	        this.stats = undefined;
+	    }
+	}
+	viewerThree.components.registerComponent("StatsPanelComponent", (viewer) => new StatsPanelComponent(viewer));
+
+}));
+//# sourceMappingURL=StatsPanelComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsPanelComponent.js","sources":["../../../../../node_modules/three/examples/jsm/libs/stats.module.js","../../../plugins/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    viewer.canvas.parentElement.appendChild(this.stats.dom);\n\n    this.viewer = viewer;\n    this.viewer.on(\"animate\", this.updateStats);\n  }\n\n  dispose() {\n    this.viewer.off(\"animate\", this.updateStats);\n\n    this.stats.dom.remove();\n    this.stats = undefined;\n  }\n\n  updateStats = () => {\n    this.stats.update();\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/plugins/components/StatsPanelComponent.min.js

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

package/dist/plugins/components/StatsPanelComponent.module.js

@@ -0,0 +1,25 @@
+import Stats from "three/examples/jsm/libs/stats.module.js";
+
+import { components } from "@inweb/viewer-three";
+
+class StatsPanelComponent {
+    constructor(viewer) {
+        this.updateStats = () => {
+            this.stats.update();
+            this.viewer.update();
+        };
+        this.stats = new Stats;
+        this.stats.dom.style.position = "absolute";
+        viewer.canvas.parentElement.appendChild(this.stats.dom);
+        this.viewer = viewer;
+        this.viewer.on("animate", this.updateStats);
+    }
+    dispose() {
+        this.viewer.off("animate", this.updateStats);
+        this.stats.dom.remove();
+        this.stats = undefined;
+    }
+}
+
+components.registerComponent("StatsPanelComponent", (viewer => new StatsPanelComponent(viewer)));
+//# sourceMappingURL=StatsPanelComponent.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsPanelComponent.module.js","sources":["../../../plugins/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    viewer.canvas.parentElement.appendChild(this.stats.dom);\n\n    this.viewer = viewer;\n    this.viewer.on(\"animate\", this.updateStats);\n  }\n\n  dispose() {\n    this.viewer.off(\"animate\", this.updateStats);\n\n    this.stats.dom.remove();\n    this.stats = undefined;\n  }\n\n  updateStats = () => {\n    this.stats.update();\n    this.viewer.update();\n  };\n}\n\ncomponents.registerComponent(\"StatsPanelComponent\", (viewer) => new StatsPanelComponent(viewer));\n"],"names":["StatsPanelComponent","constructor","viewer","this","updateStats","stats","update","Stats","dom","style","position","canvas","parentElement","appendChild","on","dispose","off","remove","undefined","components","registerComponent"],"mappings":";;;;AA0BA,MAAMA;IAIJ,WAAAC,CAAYC;QAgBZC,KAAWC,cAAG;YACZD,KAAKE,MAAMC;YACXH,KAAKD,OAAOI;AAAQ;QAjBpBH,KAAKE,QAAQ,IAAIE;QACjBJ,KAAKE,MAAMG,IAAIC,MAAMC,WAAW;QAChCR,OAAOS,OAAOC,cAAcC,YAAYV,KAAKE,MAAMG;QAEnDL,KAAKD,SAASA;QACdC,KAAKD,OAAOY,GAAG,WAAWX,KAAKC;;IAGjC,OAAAW;QACEZ,KAAKD,OAAOc,IAAI,WAAWb,KAAKC;QAEhCD,KAAKE,MAAMG,IAAIS;QACfd,KAAKE,QAAQa;;;;AASjBC,WAAWC,kBAAkB,wBAAwBlB,UAAW,IAAIF,oBAAoBE"}

package/dist/viewer-three.js

@@ -60512,6 +60512,7 @@ void main() {
             this.animate = (time = 0) => {
                 this.requestId = requestAnimationFrame(this.animate);
                 this.viewer.render(time);
+                this.viewer.emitEvent({ type: "animate", time });
             };
             this.viewer = viewer;
             this.animate();