3d-force-graph 1.72.1 → 1.72.3

package/dist/3d-force-graph.d.ts

@@ -78,4 +78,4 @@ type ForceGraph3DInstance = ForceGraph3DGenericInstance<ForceGraph3DInstance>;
 
 declare function ForceGraph3D(configOptions?: ConfigOptions): ForceGraph3DInstance;
 
-export { ConfigOptions, ForceGraph3DGenericInstance, ForceGraph3DInstance, ForceGraph3D as default };
+export { type ConfigOptions, type ForceGraph3DGenericInstance, type ForceGraph3DInstance, ForceGraph3D as default };

package/dist/3d-force-graph.js

@@ -1,4 +1,4 @@
-// Version 1.72.1 3d-force-graph - https://github.com/vasturiano/3d-force-graph
+// Version 1.72.3 3d-force-graph - https://github.com/vasturiano/3d-force-graph
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -35,26 +35,26 @@
   var css_248z$1 = ".graph-info-msg {\n  top: 50%;\n  width: 100%;\n  text-align: center;\n  color: lavender;\n  opacity: 0.7;\n  font-size: 22px;\n  position: absolute;\n  font-family: Sans-serif;\n}\n\n.scene-container .clickable {\n  cursor: pointer;\n}\n\n.scene-container .grabbable {\n  cursor: move;\n  cursor: grab;\n  cursor: -moz-grab;\n  cursor: -webkit-grab;\n}\n\n.scene-container .grabbable:active {\n  cursor: grabbing;\n  cursor: -moz-grabbing;\n  cursor: -webkit-grabbing;\n}";
   styleInject$1(css_248z$1);
 
-  function ownKeys$2(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$2(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
     }
-    return keys;
+    return t;
   }
-  function _objectSpread2$2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) {
-        _defineProperty$3(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  function _objectSpread2$2(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) {
+        _defineProperty$3(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
   function _defineProperty$3(obj, key, value) {
     key = _toPropertyKey$5(key);
@@ -115,7 +115,7 @@
    * Copyright 2010-2023 Three.js Authors
    * SPDX-License-Identifier: MIT
    */
-  const REVISION = '155';
+  const REVISION = '156';
 
   const MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2, ROTATE: 0, DOLLY: 1, PAN: 2 };
   const TOUCH = { ROTATE: 0, PAN: 1, DOLLY_PAN: 2, DOLLY_ROTATE: 3 };
@@ -232,6 +232,8 @@
   const RGBA_ASTC_12x10_Format = 37820;
   const RGBA_ASTC_12x12_Format = 37821;
   const RGBA_BPTC_Format = 36492;
+  const RGB_BPTC_SIGNED_Format = 36494;
+  const RGB_BPTC_UNSIGNED_Format = 36495;
   const RED_RGTC1_Format = 36283;
   const SIGNED_RED_RGTC1_Format = 36284;
   const RED_GREEN_RGTC2_Format = 36285;
@@ -984,8 +986,8 @@
 
   	roundToZero() {
 
-  		this.x = ( this.x < 0 ) ? Math.ceil( this.x ) : Math.floor( this.x );
-  		this.y = ( this.y < 0 ) ? Math.ceil( this.y ) : Math.floor( this.y );
+  		this.x = Math.trunc( this.x );
+  		this.y = Math.trunc( this.y );
 
   		return this;
 
@@ -1575,6 +1577,14 @@
 
   }
 
+  function createCanvasElement() {
+
+  	const canvas = createElementNS( 'canvas' );
+  	canvas.style.display = 'block';
+  	return canvas;
+
+  }
+
   const _cache = {};
 
   function warnOnce( message ) {
@@ -1966,7 +1976,7 @@
 
   }
 
-  let textureId = 0;
+  let _textureId = 0;
 
   class Texture extends EventDispatcher {
 
@@ -1976,7 +1986,7 @@
 
   		this.isTexture = true;
 
-  		Object.defineProperty( this, 'id', { value: textureId ++ } );
+  		Object.defineProperty( this, 'id', { value: _textureId ++ } );
 
   		this.uuid = generateUUID();
 
@@ -2786,10 +2796,10 @@
 
   	roundToZero() {
 
-  		this.x = ( this.x < 0 ) ? Math.ceil( this.x ) : Math.floor( this.x );
-  		this.y = ( this.y < 0 ) ? Math.ceil( this.y ) : Math.floor( this.y );
-  		this.z = ( this.z < 0 ) ? Math.ceil( this.z ) : Math.floor( this.z );
-  		this.w = ( this.w < 0 ) ? Math.ceil( this.w ) : Math.floor( this.w );
+  		this.x = Math.trunc( this.x );
+  		this.y = Math.trunc( this.y );
+  		this.z = Math.trunc( this.z );
+  		this.w = Math.trunc( this.w );
 
   		return this;
 
@@ -4182,9 +4192,9 @@
 
   	roundToZero() {
 
-  		this.x = ( this.x < 0 ) ? Math.ceil( this.x ) : Math.floor( this.x );
-  		this.y = ( this.y < 0 ) ? Math.ceil( this.y ) : Math.floor( this.y );
-  		this.z = ( this.z < 0 ) ? Math.ceil( this.z ) : Math.floor( this.z );
+  		this.x = Math.trunc( this.x );
+  		this.y = Math.trunc( this.y );
+  		this.z = Math.trunc( this.z );
 
   		return this;
 
@@ -7414,20 +7424,7 @@
 
   	clear() {
 
-  		for ( let i = 0; i < this.children.length; i ++ ) {
-
-  			const object = this.children[ i ];
-
-  			object.parent = null;
-
-  			object.dispatchEvent( _removedEvent );
-
-  		}
-
-  		this.children.length = 0;
-
-  		return this;
-
+  		return this.remove( ... this.children );
 
   	}
 
@@ -8318,7 +8315,7 @@
 
   }
 
-  let materialId = 0;
+  let _materialId = 0;
 
   class Material extends EventDispatcher {
 
@@ -8328,7 +8325,7 @@
 
   		this.isMaterial = true;
 
-  		Object.defineProperty( this, 'id', { value: materialId ++ } );
+  		Object.defineProperty( this, 'id', { value: _materialId ++ } );
 
   		this.uuid = generateUUID();
 
@@ -9914,7 +9911,7 @@
 
   }
 
-  let _id$1 = 0;
+  let _id$2 = 0;
 
   const _m1 = /*@__PURE__*/ new Matrix4();
   const _obj = /*@__PURE__*/ new Object3D();
@@ -9931,7 +9928,7 @@
 
   		this.isBufferGeometry = true;
 
-  		Object.defineProperty( this, 'id', { value: _id$1 ++ } );
+  		Object.defineProperty( this, 'id', { value: _id$2 ++ } );
 
   		this.uuid = generateUUID();
 
@@ -11036,7 +11033,7 @@
 
   		}
 
-  		this.material = source.material;
+  		this.material = Array.isArray( source.material ) ? source.material.slice() : source.material;
   		this.geometry = source.geometry;
 
   		return this;
@@ -13326,7 +13323,7 @@
 
   var logdepthbuf_vertex = "#ifdef USE_LOGDEPTHBUF\n\t#ifdef USE_LOGDEPTHBUF_EXT\n\t\tvFragDepth = 1.0 + gl_Position.w;\n\t\tvIsPerspective = float( isPerspectiveMatrix( projectionMatrix ) );\n\t#else\n\t\tif ( isPerspectiveMatrix( projectionMatrix ) ) {\n\t\t\tgl_Position.z = log2( max( EPSILON, gl_Position.w + 1.0 ) ) * logDepthBufFC - 1.0;\n\t\t\tgl_Position.z *= gl_Position.w;\n\t\t}\n\t#endif\n#endif";
 
-  var map_fragment = "#ifdef USE_MAP\n\tdiffuseColor *= texture2D( map, vMapUv );\n#endif";
+  var map_fragment = "#ifdef USE_MAP\n\tvec4 sampledDiffuseColor = texture2D( map, vMapUv );\n\t#ifdef DECODE_VIDEO_TEXTURE\n\t\tsampledDiffuseColor = vec4( mix( pow( sampledDiffuseColor.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), sampledDiffuseColor.rgb * 0.0773993808, vec3( lessThanEqual( sampledDiffuseColor.rgb, vec3( 0.04045 ) ) ) ), sampledDiffuseColor.w );\n\t\n\t#endif\n\tdiffuseColor *= sampledDiffuseColor;\n#endif";
 
   var map_pars_fragment = "#ifdef USE_MAP\n\tuniform sampler2D map;\n#endif";
 
@@ -13420,7 +13417,7 @@
 
   const vertex$h = "varying vec2 vUv;\nuniform mat3 uvTransform;\nvoid main() {\n\tvUv = ( uvTransform * vec3( uv, 1 ) ).xy;\n\tgl_Position = vec4( position.xy, 1.0, 1.0 );\n}";
 
-  const fragment$h = "uniform sampler2D t2D;\nuniform float backgroundIntensity;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\ttexColor.rgb *= backgroundIntensity;\n\tgl_FragColor = texColor;\n\t#include <tonemapping_fragment>\n\t#include <colorspace_fragment>\n}";
+  const fragment$h = "uniform sampler2D t2D;\nuniform float backgroundIntensity;\nvarying vec2 vUv;\nvoid main() {\n\tvec4 texColor = texture2D( t2D, vUv );\n\t#ifdef DECODE_VIDEO_TEXTURE\n\t\ttexColor = vec4( mix( pow( texColor.rgb * 0.9478672986 + vec3( 0.0521327014 ), vec3( 2.4 ) ), texColor.rgb * 0.0773993808, vec3( lessThanEqual( texColor.rgb, vec3( 0.04045 ) ) ) ), texColor.w );\n\t#endif\n\ttexColor.rgb *= backgroundIntensity;\n\tgl_FragColor = texColor;\n\t#include <tonemapping_fragment>\n\t#include <colorspace_fragment>\n}";
 
   const vertex$g = "varying vec3 vWorldDirection;\n#include <common>\nvoid main() {\n\tvWorldDirection = transformDirection( position, modelMatrix );\n\t#include <begin_vertex>\n\t#include <project_vertex>\n\tgl_Position.z = gl_Position.w;\n}";
 
@@ -14240,24 +14237,15 @@
 
   		}
 
-  		const xr = renderer.xr;
-  		const environmentBlendMode = xr.getEnvironmentBlendMode();
+  		const environmentBlendMode = renderer.xr.getEnvironmentBlendMode();
 
-  		switch ( environmentBlendMode ) {
+  		if ( environmentBlendMode === 'additive' ) {
 
-  			case 'opaque':
-  				forceClear = true;
-  				break;
+  			state.buffers.color.setClear( 0, 0, 0, 1, premultipliedAlpha );
 
-  			case 'additive':
-  				state.buffers.color.setClear( 0, 0, 0, 1, premultipliedAlpha );
-  				forceClear = true;
-  				break;
+  		} else if ( environmentBlendMode === 'alpha-blend' ) {
 
-  			case 'alpha-blend':
-  				state.buffers.color.setClear( 0, 0, 0, 0, premultipliedAlpha );
-  				forceClear = true;
-  				break;
+  			state.buffers.color.setClear( 0, 0, 0, 0, premultipliedAlpha );
 
   		}
 
@@ -19372,6 +19360,8 @@
 
   			parameters.useLegacyLights ? '#define LEGACY_LIGHTS' : '',
 
+  			parameters.decodeVideoTexture ? '#define DECODE_VIDEO_TEXTURE' : '',
+
   			parameters.logarithmicDepthBuffer ? '#define USE_LOGDEPTHBUF' : '',
   			( parameters.logarithmicDepthBuffer && parameters.rendererExtensionFragDepth ) ? '#define USE_LOGDEPTHBUF_EXT' : '',
 
@@ -19606,7 +19596,7 @@
 
   }
 
-  let _id = 0;
+  let _id$1 = 0;
 
   class WebGLShaderCache {
 
@@ -19720,7 +19710,7 @@
 
   	constructor( code ) {
 
-  		this.id = _id ++;
+  		this.id = _id$1 ++;
 
   		this.code = code;
   		this.usedTimes = 0;
@@ -20059,6 +20049,8 @@
   			toneMapping: toneMapping,
   			useLegacyLights: renderer._useLegacyLights,
 
+  			decodeVideoTexture: HAS_MAP && ( material.map.isVideoTexture === true ) && ( material.map.colorSpace === SRGBColorSpace ),
+
   			premultipliedAlpha: material.premultipliedAlpha,
 
   			doubleSided: material.side === DoubleSide,
@@ -20260,6 +20252,8 @@
   			_programLayers.enable( 17 );
   		if ( parameters.pointsUvs )
   			_programLayers.enable( 18 );
+  		if ( parameters.decodeVideoTexture )
+  			_programLayers.enable( 19 );
 
   		array.push( _programLayers.mask );
 
@@ -23820,7 +23814,7 @@
   				glFormat = utils.convert( texture.format, texture.colorSpace );
 
   			let glType = utils.convert( texture.type ),
-  				glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.colorSpace );
+  				glInternalFormat = getInternalFormat( texture.internalFormat, glFormat, glType, texture.colorSpace, texture.isVideoTexture );
 
   			setTextureParameters( textureType, texture, supportsMips );
 
@@ -25099,13 +25093,13 @@
   		const format = texture.format;
   		const type = texture.type;
 
-  		if ( texture.isCompressedTexture === true || texture.format === _SRGBAFormat ) return image;
+  		if ( texture.isCompressedTexture === true || texture.isVideoTexture === true || texture.format === _SRGBAFormat ) return image;
 
   		if ( colorSpace !== LinearSRGBColorSpace && colorSpace !== NoColorSpace ) {
 
   			// sRGB
 
-  			if ( colorSpace === SRGBColorSpace ) {
+  			if ( colorSpace === SRGBColorSpace || colorSpace === DisplayP3ColorSpace ) {
 
   				if ( isWebGL2 === false ) {
 
@@ -25171,6 +25165,9 @@
 
   }
 
+  const LinearTransferFunction = 0;
+  const SRGBTransferFunction = 1;
+
   function WebGLUtils( gl, extensions, capabilities ) {
 
   	const isWebGL2 = capabilities.isWebGL2;
@@ -25179,6 +25176,8 @@
 
   		let extension;
 
+  		const transferFunction = ( colorSpace === SRGBColorSpace || colorSpace === DisplayP3ColorSpace ) ? SRGBTransferFunction : LinearTransferFunction;
+
   		if ( p === UnsignedByteType ) return gl.UNSIGNED_BYTE;
   		if ( p === UnsignedShort4444Type ) return gl.UNSIGNED_SHORT_4_4_4_4;
   		if ( p === UnsignedShort5551Type ) return gl.UNSIGNED_SHORT_5_5_5_1;
@@ -25245,7 +25244,7 @@
 
   		if ( p === RGB_S3TC_DXT1_Format || p === RGBA_S3TC_DXT1_Format || p === RGBA_S3TC_DXT3_Format || p === RGBA_S3TC_DXT5_Format ) {
 
-  			if ( colorSpace === SRGBColorSpace ) {
+  			if ( transferFunction === SRGBTransferFunction ) {
 
   				extension = extensions.get( 'WEBGL_compressed_texture_s3tc_srgb' );
 
@@ -25330,8 +25329,8 @@
 
   			if ( extension !== null ) {
 
-  				if ( p === RGB_ETC2_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ETC2 : extension.COMPRESSED_RGB8_ETC2;
-  				if ( p === RGBA_ETC2_EAC_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC : extension.COMPRESSED_RGBA8_ETC2_EAC;
+  				if ( p === RGB_ETC2_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ETC2 : extension.COMPRESSED_RGB8_ETC2;
+  				if ( p === RGBA_ETC2_EAC_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ETC2_EAC : extension.COMPRESSED_RGBA8_ETC2_EAC;
 
   			} else {
 
@@ -25353,20 +25352,20 @@
 
   			if ( extension !== null ) {
 
-  				if ( p === RGBA_ASTC_4x4_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR : extension.COMPRESSED_RGBA_ASTC_4x4_KHR;
-  				if ( p === RGBA_ASTC_5x4_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR : extension.COMPRESSED_RGBA_ASTC_5x4_KHR;
-  				if ( p === RGBA_ASTC_5x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR : extension.COMPRESSED_RGBA_ASTC_5x5_KHR;
-  				if ( p === RGBA_ASTC_6x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR : extension.COMPRESSED_RGBA_ASTC_6x5_KHR;
-  				if ( p === RGBA_ASTC_6x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR : extension.COMPRESSED_RGBA_ASTC_6x6_KHR;
-  				if ( p === RGBA_ASTC_8x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR : extension.COMPRESSED_RGBA_ASTC_8x5_KHR;
-  				if ( p === RGBA_ASTC_8x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR : extension.COMPRESSED_RGBA_ASTC_8x6_KHR;
-  				if ( p === RGBA_ASTC_8x8_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR : extension.COMPRESSED_RGBA_ASTC_8x8_KHR;
-  				if ( p === RGBA_ASTC_10x5_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR : extension.COMPRESSED_RGBA_ASTC_10x5_KHR;
-  				if ( p === RGBA_ASTC_10x6_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR : extension.COMPRESSED_RGBA_ASTC_10x6_KHR;
-  				if ( p === RGBA_ASTC_10x8_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR : extension.COMPRESSED_RGBA_ASTC_10x8_KHR;
-  				if ( p === RGBA_ASTC_10x10_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR : extension.COMPRESSED_RGBA_ASTC_10x10_KHR;
-  				if ( p === RGBA_ASTC_12x10_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR : extension.COMPRESSED_RGBA_ASTC_12x10_KHR;
-  				if ( p === RGBA_ASTC_12x12_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR : extension.COMPRESSED_RGBA_ASTC_12x12_KHR;
+  				if ( p === RGBA_ASTC_4x4_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR : extension.COMPRESSED_RGBA_ASTC_4x4_KHR;
+  				if ( p === RGBA_ASTC_5x4_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x4_KHR : extension.COMPRESSED_RGBA_ASTC_5x4_KHR;
+  				if ( p === RGBA_ASTC_5x5_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_5x5_KHR : extension.COMPRESSED_RGBA_ASTC_5x5_KHR;
+  				if ( p === RGBA_ASTC_6x5_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x5_KHR : extension.COMPRESSED_RGBA_ASTC_6x5_KHR;
+  				if ( p === RGBA_ASTC_6x6_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_6x6_KHR : extension.COMPRESSED_RGBA_ASTC_6x6_KHR;
+  				if ( p === RGBA_ASTC_8x5_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x5_KHR : extension.COMPRESSED_RGBA_ASTC_8x5_KHR;
+  				if ( p === RGBA_ASTC_8x6_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x6_KHR : extension.COMPRESSED_RGBA_ASTC_8x6_KHR;
+  				if ( p === RGBA_ASTC_8x8_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_8x8_KHR : extension.COMPRESSED_RGBA_ASTC_8x8_KHR;
+  				if ( p === RGBA_ASTC_10x5_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x5_KHR : extension.COMPRESSED_RGBA_ASTC_10x5_KHR;
+  				if ( p === RGBA_ASTC_10x6_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x6_KHR : extension.COMPRESSED_RGBA_ASTC_10x6_KHR;
+  				if ( p === RGBA_ASTC_10x8_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x8_KHR : extension.COMPRESSED_RGBA_ASTC_10x8_KHR;
+  				if ( p === RGBA_ASTC_10x10_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_10x10_KHR : extension.COMPRESSED_RGBA_ASTC_10x10_KHR;
+  				if ( p === RGBA_ASTC_12x10_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x10_KHR : extension.COMPRESSED_RGBA_ASTC_12x10_KHR;
+  				if ( p === RGBA_ASTC_12x12_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB8_ALPHA8_ASTC_12x12_KHR : extension.COMPRESSED_RGBA_ASTC_12x12_KHR;
 
   			} else {
 
@@ -25378,13 +25377,15 @@
 
   		// BPTC
 
-  		if ( p === RGBA_BPTC_Format ) {
+  		if ( p === RGBA_BPTC_Format || p === RGB_BPTC_SIGNED_Format || p === RGB_BPTC_UNSIGNED_Format ) {
 
   			extension = extensions.get( 'EXT_texture_compression_bptc' );
 
   			if ( extension !== null ) {
 
-  				if ( p === RGBA_BPTC_Format ) return ( colorSpace === SRGBColorSpace ) ? extension.COMPRESSED_SRGB_ALPHA_BPTC_UNORM_EXT : extension.COMPRESSED_RGBA_BPTC_UNORM_EXT;
+  				if ( p === RGBA_BPTC_Format ) return ( transferFunction === SRGBTransferFunction ) ? extension.COMPRESSED_SRGB_ALPHA_BPTC_UNORM_EXT : extension.COMPRESSED_RGBA_BPTC_UNORM_EXT;
+  				if ( p === RGB_BPTC_SIGNED_Format ) return extension.COMPRESSED_RGB_BPTC_SIGNED_FLOAT_EXT;
+  				if ( p === RGB_BPTC_UNSIGNED_Format ) return extension.COMPRESSED_RGB_BPTC_UNSIGNED_FLOAT_EXT;
 
   			} else {
 
@@ -26426,14 +26427,6 @@
   			camera.matrix.decompose( camera.position, camera.quaternion, camera.scale );
   			camera.updateMatrixWorld( true );
 
-  			const children = camera.children;
-
-  			for ( let i = 0, l = children.length; i < l; i ++ ) {
-
-  				children[ i ].updateMatrixWorld( true );
-
-  			}
-
   			camera.projectionMatrix.copy( cameraXR.projectionMatrix );
   			camera.projectionMatrixInverse.copy( cameraXR.projectionMatrixInverse );
 
@@ -27596,14 +27589,6 @@
 
   }
 
-  function createCanvasElement() {
-
-  	const canvas = createElementNS( 'canvas' );
-  	canvas.style.display = 'block';
-  	return canvas;
-
-  }
-
   class WebGLRenderer {
 
   	constructor( parameters = {} ) {
@@ -29329,48 +29314,28 @@
 
   			if ( refreshProgram || _currentCamera !== camera ) {
 
-  				p_uniforms.setValue( _gl, 'projectionMatrix', camera.projectionMatrix );
-
-  				if ( capabilities.logarithmicDepthBuffer ) {
-
-  					p_uniforms.setValue( _gl, 'logDepthBufFC',
-  						2.0 / ( Math.log( camera.far + 1.0 ) / Math.LN2 ) );
-
-  				}
+  				// common camera uniforms
 
-  				if ( _currentCamera !== camera ) {
+  				p_uniforms.setValue( _gl, 'projectionMatrix', camera.projectionMatrix );
+  				p_uniforms.setValue( _gl, 'viewMatrix', camera.matrixWorldInverse );
 
-  					_currentCamera = camera;
+  				const uCamPos = p_uniforms.map.cameraPosition;
 
-  					// lighting uniforms depend on the camera so enforce an update
-  					// now, in case this material supports lights - or later, when
-  					// the next material that does gets activated:
+  				if ( uCamPos !== undefined ) {
 
-  					refreshMaterial = true;		// set to true on material change
-  					refreshLights = true;		// remains set until update done
+  					uCamPos.setValue( _gl, _vector3.setFromMatrixPosition( camera.matrixWorld ) );
 
   				}
 
-  				// load material specific uniforms
-  				// (shader material also gets them for the sake of genericity)
-
-  				if ( material.isShaderMaterial ||
-  					material.isMeshPhongMaterial ||
-  					material.isMeshToonMaterial ||
-  					material.isMeshStandardMaterial ||
-  					material.envMap ) {
-
-  					const uCamPos = p_uniforms.map.cameraPosition;
-
-  					if ( uCamPos !== undefined ) {
-
-  						uCamPos.setValue( _gl,
-  							_vector3.setFromMatrixPosition( camera.matrixWorld ) );
+  				if ( capabilities.logarithmicDepthBuffer ) {
 
-  					}
+  					p_uniforms.setValue( _gl, 'logDepthBufFC',
+  						2.0 / ( Math.log( camera.far + 1.0 ) / Math.LN2 ) );
 
   				}
 
+  				// consider moving isOrthographic to UniformLib and WebGLMaterials, see https://github.com/mrdoob/three.js/pull/26467#issuecomment-1645185067
+
   				if ( material.isMeshPhongMaterial ||
   					material.isMeshToonMaterial ||
   					material.isMeshLambertMaterial ||
@@ -29382,16 +29347,16 @@
 
   				}
 
-  				if ( material.isMeshPhongMaterial ||
-  					material.isMeshToonMaterial ||
-  					material.isMeshLambertMaterial ||
-  					material.isMeshBasicMaterial ||
-  					material.isMeshStandardMaterial ||
-  					material.isShaderMaterial ||
-  					material.isShadowMaterial ||
-  					object.isSkinnedMesh ) {
+  				if ( _currentCamera !== camera ) {
 
-  					p_uniforms.setValue( _gl, 'viewMatrix', camera.matrixWorldInverse );
+  					_currentCamera = camera;
+
+  					// lighting uniforms depend on the camera so enforce an update
+  					// now, in case this material supports lights - or later, when
+  					// the next material that does gets activated:
+
+  					refreshMaterial = true;		// set to true on material change
+  					refreshLights = true;		// remains set until update done
 
   				}
 
@@ -30161,7 +30126,7 @@
 
   		super.copy( source, recursive );
 
-  		this.material = source.material;
+  		this.material = Array.isArray( source.material ) ? source.material.slice() : source.material;
   		this.geometry = source.geometry;
 
   		return this;
@@ -43168,7 +43133,7 @@ function InsertStackElement(node, body) {
 
   			const twoPI = 2 * Math.PI;
 
-  			return function update() {
+  			return function update( deltaTime = null ) {
 
   				const position = scope.object.position;
 
@@ -43182,7 +43147,7 @@ function InsertStackElement(node, body) {
 
   				if ( scope.autoRotate && state === STATE.NONE ) {
 
-  					rotateLeft( getAutoRotationAngle() );
+  					rotateLeft( getAutoRotationAngle( deltaTime ) );
 
   				}
 
@@ -43461,9 +43426,17 @@ function InsertStackElement(node, body) {
   		const pointers = [];
   		const pointerPositions = {};
 
-  		function getAutoRotationAngle() {
+  		function getAutoRotationAngle( deltaTime ) {
 
-  			return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
+  			if ( deltaTime !== null ) {
+
+  				return ( 2 * Math.PI / 60 * scope.autoRotateSpeed ) * deltaTime;
+
+  			} else {
+
+  				return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
+
+  			}
 
   		}
 
@@ -43615,7 +43588,7 @@ function InsertStackElement(node, body) {
   			mouse.x = ( x / w ) * 2 - 1;
   			mouse.y = - ( y / h ) * 2 + 1;
 
-  			dollyDirection.set( mouse.x, mouse.y, 1 ).unproject( object ).sub( object.position ).normalize();
+  			dollyDirection.set( mouse.x, mouse.y, 1 ).unproject( scope.object ).sub( scope.object.position ).normalize();
 
   		}
 
@@ -45181,7 +45154,7 @@ function InsertStackElement(node, body) {
 
   class RenderPass extends Pass {
 
-  	constructor( scene, camera, overrideMaterial, clearColor, clearAlpha ) {
+  	constructor( scene, camera, overrideMaterial = null, clearColor = null, clearAlpha = null ) {
 
   		super();
 
@@ -45191,7 +45164,7 @@ function InsertStackElement(node, body) {
   		this.overrideMaterial = overrideMaterial;
 
   		this.clearColor = clearColor;
-  		this.clearAlpha = ( clearAlpha !== undefined ) ? clearAlpha : 0;
+  		this.clearAlpha = clearAlpha;
 
   		this.clear = true;
   		this.clearDepth = false;
@@ -45207,7 +45180,7 @@ function InsertStackElement(node, body) {
 
   		let oldClearAlpha, oldOverrideMaterial;
 
-  		if ( this.overrideMaterial !== undefined ) {
+  		if ( this.overrideMaterial !== null ) {
 
   			oldOverrideMaterial = this.scene.overrideMaterial;
 
@@ -45215,16 +45188,21 @@ function InsertStackElement(node, body) {
 
   		}
 
-  		if ( this.clearColor ) {
+  		if ( this.clearColor !== null ) {
 
   			renderer.getClearColor( this._oldClearColor );
-  			oldClearAlpha = renderer.getClearAlpha();
+  			renderer.setClearColor( this.clearColor );
+
+  		}
 
-  			renderer.setClearColor( this.clearColor, this.clearAlpha );
+  		if ( this.clearAlpha !== null ) {
+
+  			oldClearAlpha = renderer.getClearAlpha();
+  			renderer.setClearAlpha( this.clearAlpha );
 
   		}
 
-  		if ( this.clearDepth ) {
+  		if ( this.clearDepth == true ) {
 
   			renderer.clearDepth();
 
@@ -45232,17 +45210,30 @@ function InsertStackElement(node, body) {
 
   		renderer.setRenderTarget( this.renderToScreen ? null : readBuffer );
 
-  		// TODO: Avoid using autoClear properties, see https://github.com/mrdoob/three.js/pull/15571#issuecomment-465669600
-  		if ( this.clear ) renderer.clear( renderer.autoClearColor, renderer.autoClearDepth, renderer.autoClearStencil );
+  		if ( this.clear === true ) {
+
+  			// TODO: Avoid using autoClear properties, see https://github.com/mrdoob/three.js/pull/15571#issuecomment-465669600
+  			renderer.clear( renderer.autoClearColor, renderer.autoClearDepth, renderer.autoClearStencil );
+
+  		}
+
   		renderer.render( this.scene, this.camera );
 
-  		if ( this.clearColor ) {
+  		// restore
+
+  		if ( this.clearColor !== null ) {
 
-  			renderer.setClearColor( this._oldClearColor, oldClearAlpha );
+  			renderer.setClearColor( this._oldClearColor );
 
   		}
 
-  		if ( this.overrideMaterial !== undefined ) {
+  		if ( this.clearAlpha !== null ) {
+
+  			renderer.setClearAlpha( oldClearAlpha );
+
+  		}
+
+  		if ( this.overrideMaterial !== null ) {
 
   			this.scene.overrideMaterial = oldOverrideMaterial;
 
@@ -47485,7 +47476,7 @@ function InsertStackElement(node, body) {
 
   function linkKapsule (kapsulePropName, kapsuleType) {
     var dummyK = new kapsuleType(); // To extract defaults
-
+    dummyK._destructor && dummyK._destructor();
     return {
       linkProp: function linkProp(prop) {
         // link property config