react-globe.gl 2.24.2 → 2.24.4

package/dist/react-globe.gl.js

@@ -1,4 +1,4 @@
-// Version 2.24.2 react-globe.gl - https://github.com/vasturiano/react-globe.gl
+// Version 2.24.4 react-globe.gl - https://github.com/vasturiano/react-globe.gl
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
   typeof define === 'function' && define.amd ? define(['react'], factory) :
@@ -314,7 +314,7 @@
    * Copyright 2010-2023 Three.js Authors
    * SPDX-License-Identifier: MIT
    */
-  const REVISION = '154';
+  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 };
@@ -431,6 +431,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;
@@ -1186,8 +1188,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;
 
@@ -1777,6 +1779,14 @@
 
   }
 
+  function createCanvasElement() {
+
+  	const canvas = createElementNS( 'canvas' );
+  	canvas.style.display = 'block';
+  	return canvas;
+
+  }
+
   const _cache = {};
 
   function warnOnce( message ) {
@@ -2168,7 +2178,7 @@
 
   }
 
-  let textureId = 0;
+  let _textureId = 0;
 
   class Texture extends EventDispatcher {
 
@@ -2178,7 +2188,7 @@
 
   		this.isTexture = true;
 
-  		Object.defineProperty( this, 'id', { value: textureId ++ } );
+  		Object.defineProperty( this, 'id', { value: _textureId ++ } );
 
   		this.uuid = generateUUID();
 
@@ -2988,10 +2998,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;
 
@@ -3132,13 +3142,13 @@
    * Texture parameters for an auto-generated target texture
    * depthBuffer/stencilBuffer: Booleans to indicate if we should generate these buffers
   */
-  class WebGLRenderTarget extends EventDispatcher {
+  class RenderTarget extends EventDispatcher {
 
   	constructor( width = 1, height = 1, options = {} ) {
 
   		super();
 
-  		this.isWebGLRenderTarget = true;
+  		this.isRenderTarget = true;
 
   		this.width = width;
   		this.height = height;
@@ -3241,6 +3251,18 @@
 
   }
 
+  class WebGLRenderTarget extends RenderTarget {
+
+  	constructor( width = 1, height = 1, options = {} ) {
+
+  		super( width, height, options );
+
+  		this.isWebGLRenderTarget = true;
+
+  	}
+
+  }
+
   class DataArrayTexture extends Texture {
 
   	constructor( data = null, width = 1, height = 1, depth = 1 ) {
@@ -4372,9 +4394,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;
 
@@ -7604,20 +7626,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 );
 
   	}
 
@@ -8157,7 +8166,7 @@
   		this.frustumCulled = source.frustumCulled;
   		this.renderOrder = source.renderOrder;
 
-  		this.animations = source.animations;
+  		this.animations = source.animations.slice();
 
   		this.userData = JSON.parse( JSON.stringify( source.userData ) );
 
@@ -8508,7 +8517,7 @@
 
   }
 
-  let materialId = 0;
+  let _materialId = 0;
 
   class Material extends EventDispatcher {
 
@@ -8518,7 +8527,7 @@
 
   		this.isMaterial = true;
 
-  		Object.defineProperty( this, 'id', { value: materialId ++ } );
+  		Object.defineProperty( this, 'id', { value: _materialId ++ } );
 
   		this.uuid = generateUUID();
 
@@ -9880,6 +9889,26 @@
 
   	}
 
+  	getComponent( index, component ) {
+
+  		let value = this.array[ index * this.itemSize + component ];
+
+  		if ( this.normalized ) value = denormalize( value, this.array );
+
+  		return value;
+
+  	}
+
+  	setComponent( index, component, value ) {
+
+  		if ( this.normalized ) value = normalize$1( value, this.array );
+
+  		this.array[ index * this.itemSize + component ] = value;
+
+  		return this;
+
+  	}
+
   	getX( index ) {
 
   		let x = this.array[ index * this.itemSize ];
@@ -10084,7 +10113,7 @@
 
   }
 
-  let _id$1 = 0;
+  let _id$2 = 0;
 
   const _m1 = /*@__PURE__*/ new Matrix4();
   const _obj = /*@__PURE__*/ new Object3D();
@@ -10101,7 +10130,7 @@
 
   		this.isBufferGeometry = true;
 
-  		Object.defineProperty( this, 'id', { value: _id$1 ++ } );
+  		Object.defineProperty( this, 'id', { value: _id$2 ++ } );
 
   		this.uuid = generateUUID();
 
@@ -11206,7 +11235,7 @@
 
   		}
 
-  		this.material = source.material;
+  		this.material = Array.isArray( source.material ) ? source.material.slice() : source.material;
   		this.geometry = source.geometry;
 
   		return this;
@@ -12448,10 +12477,8 @@
 
   		const currentRenderTarget = renderer.getRenderTarget();
 
-  		const currentToneMapping = renderer.toneMapping;
   		const currentXrEnabled = renderer.xr.enabled;
 
-  		renderer.toneMapping = NoToneMapping;
   		renderer.xr.enabled = false;
 
   		const generateMipmaps = renderTarget.texture.generateMipmaps;
@@ -12480,7 +12507,6 @@
 
   		renderer.setRenderTarget( currentRenderTarget );
 
-  		renderer.toneMapping = currentToneMapping;
   		renderer.xr.enabled = currentXrEnabled;
 
   		renderTarget.texture.needsPMREMUpdate = true;
@@ -13403,7 +13429,7 @@
 
   var bsdfs = "float G_BlinnPhong_Implicit( ) {\n\treturn 0.25;\n}\nfloat D_BlinnPhong( const in float shininess, const in float dotNH ) {\n\treturn RECIPROCAL_PI * ( shininess * 0.5 + 1.0 ) * pow( dotNH, shininess );\n}\nvec3 BRDF_BlinnPhong( const in vec3 lightDir, const in vec3 viewDir, const in vec3 normal, const in vec3 specularColor, const in float shininess ) {\n\tvec3 halfDir = normalize( lightDir + viewDir );\n\tfloat dotNH = saturate( dot( normal, halfDir ) );\n\tfloat dotVH = saturate( dot( viewDir, halfDir ) );\n\tvec3 F = F_Schlick( specularColor, 1.0, dotVH );\n\tfloat G = G_BlinnPhong_Implicit( );\n\tfloat D = D_BlinnPhong( shininess, dotNH );\n\treturn F * ( G * D );\n} // validated";
 
-  var iridescence_fragment = "#ifdef USE_IRIDESCENCE\n\tconst mat3 XYZ_TO_REC709 = mat3(\n\t\t 3.2404542, -0.9692660,  0.0556434,\n\t\t-1.5371385,  1.8760108, -0.2040259,\n\t\t-0.4985314,  0.0415560,  1.0572252\n\t);\n\tvec3 Fresnel0ToIor( vec3 fresnel0 ) {\n\t\tvec3 sqrtF0 = sqrt( fresnel0 );\n\t\treturn ( vec3( 1.0 ) + sqrtF0 ) / ( vec3( 1.0 ) - sqrtF0 );\n\t}\n\tvec3 IorToFresnel0( vec3 transmittedIor, float incidentIor ) {\n\t\treturn pow2( ( transmittedIor - vec3( incidentIor ) ) / ( transmittedIor + vec3( incidentIor ) ) );\n\t}\n\tfloat IorToFresnel0( float transmittedIor, float incidentIor ) {\n\t\treturn pow2( ( transmittedIor - incidentIor ) / ( transmittedIor + incidentIor ));\n\t}\n\tvec3 evalSensitivity( float OPD, vec3 shift ) {\n\t\tfloat phase = 2.0 * PI * OPD * 1.0e-9;\n\t\tvec3 val = vec3( 5.4856e-13, 4.4201e-13, 5.2481e-13 );\n\t\tvec3 pos = vec3( 1.6810e+06, 1.7953e+06, 2.2084e+06 );\n\t\tvec3 var = vec3( 4.3278e+09, 9.3046e+09, 6.6121e+09 );\n\t\tvec3 xyz = val * sqrt( 2.0 * PI * var ) * cos( pos * phase + shift ) * exp( - pow2( phase ) * var );\n\t\txyz.x += 9.7470e-14 * sqrt( 2.0 * PI * 4.5282e+09 ) * cos( 2.2399e+06 * phase + shift[ 0 ] ) * exp( - 4.5282e+09 * pow2( phase ) );\n\t\txyz /= 1.0685e-7;\n\t\tvec3 rgb = XYZ_TO_REC709 * xyz;\n\t\treturn rgb;\n\t}\n\tvec3 evalIridescence( float outsideIOR, float eta2, float cosTheta1, float thinFilmThickness, vec3 baseF0 ) {\n\t\tvec3 I;\n\t\tfloat iridescenceIOR = mix( outsideIOR, eta2, smoothstep( 0.0, 0.03, thinFilmThickness ) );\n\t\tfloat sinTheta2Sq = pow2( outsideIOR / iridescenceIOR ) * ( 1.0 - pow2( cosTheta1 ) );\n\t\tfloat cosTheta2Sq = 1.0 - sinTheta2Sq;\n\t\tif ( cosTheta2Sq < 0.0 ) {\n\t\t\t return vec3( 1.0 );\n\t\t}\n\t\tfloat cosTheta2 = sqrt( cosTheta2Sq );\n\t\tfloat R0 = IorToFresnel0( iridescenceIOR, outsideIOR );\n\t\tfloat R12 = F_Schlick( R0, 1.0, cosTheta1 );\n\t\tfloat R21 = R12;\n\t\tfloat T121 = 1.0 - R12;\n\t\tfloat phi12 = 0.0;\n\t\tif ( iridescenceIOR < outsideIOR ) phi12 = PI;\n\t\tfloat phi21 = PI - phi12;\n\t\tvec3 baseIOR = Fresnel0ToIor( clamp( baseF0, 0.0, 0.9999 ) );\t\tvec3 R1 = IorToFresnel0( baseIOR, iridescenceIOR );\n\t\tvec3 R23 = F_Schlick( R1, 1.0, cosTheta2 );\n\t\tvec3 phi23 = vec3( 0.0 );\n\t\tif ( baseIOR[ 0 ] < iridescenceIOR ) phi23[ 0 ] = PI;\n\t\tif ( baseIOR[ 1 ] < iridescenceIOR ) phi23[ 1 ] = PI;\n\t\tif ( baseIOR[ 2 ] < iridescenceIOR ) phi23[ 2 ] = PI;\n\t\tfloat OPD = 2.0 * iridescenceIOR * thinFilmThickness * cosTheta2;\n\t\tvec3 phi = vec3( phi21 ) + phi23;\n\t\tvec3 R123 = clamp( R12 * R23, 1e-5, 0.9999 );\n\t\tvec3 r123 = sqrt( R123 );\n\t\tvec3 Rs = pow2( T121 ) * R23 / ( vec3( 1.0 ) - R123 );\n\t\tvec3 C0 = R12 + Rs;\n\t\tI = C0;\n\t\tvec3 Cm = Rs - T121;\n\t\tfor ( int m = 1; m <= 2; ++ m ) {\n\t\t\tCm *= r123;\n\t\t\tvec3 Sm = 2.0 * evalSensitivity( float( m ) * OPD, float( m ) * phi );\n\t\t\tI += Cm * Sm;\n\t\t}\n\t\treturn max( I, vec3( 0.0 ) );\n\t}\n#endif";
+  var iridescence_fragment = "#ifdef USE_IRIDESCENCE\n\tconst mat3 XYZ_TO_REC709 = mat3(\n\t\t 3.2404542, -0.9692660,  0.0556434,\n\t\t-1.5371385,  1.8760108, -0.2040259,\n\t\t-0.4985314,  0.0415560,  1.0572252\n\t);\n\tvec3 Fresnel0ToIor( vec3 fresnel0 ) {\n\t\tvec3 sqrtF0 = sqrt( fresnel0 );\n\t\treturn ( vec3( 1.0 ) + sqrtF0 ) / ( vec3( 1.0 ) - sqrtF0 );\n\t}\n\tvec3 IorToFresnel0( vec3 transmittedIor, float incidentIor ) {\n\t\treturn pow2( ( transmittedIor - vec3( incidentIor ) ) / ( transmittedIor + vec3( incidentIor ) ) );\n\t}\n\tfloat IorToFresnel0( float transmittedIor, float incidentIor ) {\n\t\treturn pow2( ( transmittedIor - incidentIor ) / ( transmittedIor + incidentIor ));\n\t}\n\tvec3 evalSensitivity( float OPD, vec3 shift ) {\n\t\tfloat phase = 2.0 * PI * OPD * 1.0e-9;\n\t\tvec3 val = vec3( 5.4856e-13, 4.4201e-13, 5.2481e-13 );\n\t\tvec3 pos = vec3( 1.6810e+06, 1.7953e+06, 2.2084e+06 );\n\t\tvec3 var = vec3( 4.3278e+09, 9.3046e+09, 6.6121e+09 );\n\t\tvec3 xyz = val * sqrt( 2.0 * PI * var ) * cos( pos * phase + shift ) * exp( - pow2( phase ) * var );\n\t\txyz.x += 9.7470e-14 * sqrt( 2.0 * PI * 4.5282e+09 ) * cos( 2.2399e+06 * phase + shift[ 0 ] ) * exp( - 4.5282e+09 * pow2( phase ) );\n\t\txyz /= 1.0685e-7;\n\t\tvec3 rgb = XYZ_TO_REC709 * xyz;\n\t\treturn rgb;\n\t}\n\tvec3 evalIridescence( float outsideIOR, float eta2, float cosTheta1, float thinFilmThickness, vec3 baseF0 ) {\n\t\tvec3 I;\n\t\tfloat iridescenceIOR = mix( outsideIOR, eta2, smoothstep( 0.0, 0.03, thinFilmThickness ) );\n\t\tfloat sinTheta2Sq = pow2( outsideIOR / iridescenceIOR ) * ( 1.0 - pow2( cosTheta1 ) );\n\t\tfloat cosTheta2Sq = 1.0 - sinTheta2Sq;\n\t\tif ( cosTheta2Sq < 0.0 ) {\n\t\t\treturn vec3( 1.0 );\n\t\t}\n\t\tfloat cosTheta2 = sqrt( cosTheta2Sq );\n\t\tfloat R0 = IorToFresnel0( iridescenceIOR, outsideIOR );\n\t\tfloat R12 = F_Schlick( R0, 1.0, cosTheta1 );\n\t\tfloat T121 = 1.0 - R12;\n\t\tfloat phi12 = 0.0;\n\t\tif ( iridescenceIOR < outsideIOR ) phi12 = PI;\n\t\tfloat phi21 = PI - phi12;\n\t\tvec3 baseIOR = Fresnel0ToIor( clamp( baseF0, 0.0, 0.9999 ) );\t\tvec3 R1 = IorToFresnel0( baseIOR, iridescenceIOR );\n\t\tvec3 R23 = F_Schlick( R1, 1.0, cosTheta2 );\n\t\tvec3 phi23 = vec3( 0.0 );\n\t\tif ( baseIOR[ 0 ] < iridescenceIOR ) phi23[ 0 ] = PI;\n\t\tif ( baseIOR[ 1 ] < iridescenceIOR ) phi23[ 1 ] = PI;\n\t\tif ( baseIOR[ 2 ] < iridescenceIOR ) phi23[ 2 ] = PI;\n\t\tfloat OPD = 2.0 * iridescenceIOR * thinFilmThickness * cosTheta2;\n\t\tvec3 phi = vec3( phi21 ) + phi23;\n\t\tvec3 R123 = clamp( R12 * R23, 1e-5, 0.9999 );\n\t\tvec3 r123 = sqrt( R123 );\n\t\tvec3 Rs = pow2( T121 ) * R23 / ( vec3( 1.0 ) - R123 );\n\t\tvec3 C0 = R12 + Rs;\n\t\tI = C0;\n\t\tvec3 Cm = Rs - T121;\n\t\tfor ( int m = 1; m <= 2; ++ m ) {\n\t\t\tCm *= r123;\n\t\t\tvec3 Sm = 2.0 * evalSensitivity( float( m ) * OPD, float( m ) * phi );\n\t\t\tI += Cm * Sm;\n\t\t}\n\t\treturn max( I, vec3( 0.0 ) );\n\t}\n#endif";
 
   var bumpmap_pars_fragment = "#ifdef USE_BUMPMAP\n\tuniform sampler2D bumpMap;\n\tuniform float bumpScale;\n\tvec2 dHdxy_fwd() {\n\t\tvec2 dSTdx = dFdx( vBumpMapUv );\n\t\tvec2 dSTdy = dFdy( vBumpMapUv );\n\t\tfloat Hll = bumpScale * texture2D( bumpMap, vBumpMapUv ).x;\n\t\tfloat dBx = bumpScale * texture2D( bumpMap, vBumpMapUv + dSTdx ).x - Hll;\n\t\tfloat dBy = bumpScale * texture2D( bumpMap, vBumpMapUv + dSTdy ).x - Hll;\n\t\treturn vec2( dBx, dBy );\n\t}\n\tvec3 perturbNormalArb( vec3 surf_pos, vec3 surf_norm, vec2 dHdxy, float faceDirection ) {\n\t\tvec3 vSigmaX = dFdx( surf_pos.xyz );\n\t\tvec3 vSigmaY = dFdy( surf_pos.xyz );\n\t\tvec3 vN = surf_norm;\n\t\tvec3 R1 = cross( vSigmaY, vN );\n\t\tvec3 R2 = cross( vN, vSigmaX );\n\t\tfloat fDet = dot( vSigmaX, R1 ) * faceDirection;\n\t\tvec3 vGrad = sign( fDet ) * ( dHdxy.x * R1 + dHdxy.y * R2 );\n\t\treturn normalize( abs( fDet ) * surf_norm - vGrad );\n\t}\n#endif";
 
@@ -13499,7 +13525,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";
 
@@ -13593,7 +13619,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}";
 
@@ -14413,24 +14439,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 );
 
   		}
 
@@ -17031,7 +17048,7 @@
 
   			}
 
-  		} else {
+  		} else if ( geometryPosition !== undefined ) {
 
   			const array = geometryPosition.array;
   			version = geometryPosition.version;
@@ -17046,6 +17063,10 @@
 
   			}
 
+  		} else {
+
+  			return;
+
   		}
 
   		const attribute = new ( arrayNeedsUint32( indices ) ? Uint32BufferAttribute : Uint16BufferAttribute )( indices, 1 );
@@ -19541,6 +19562,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' : '',
 
@@ -19775,7 +19798,7 @@
 
   }
 
-  let _id = 0;
+  let _id$1 = 0;
 
   class WebGLShaderCache {
 
@@ -19889,7 +19912,7 @@
 
   	constructor( code ) {
 
-  		this.id = _id ++;
+  		this.id = _id$1 ++;
 
   		this.code = code;
   		this.usedTimes = 0;
@@ -20053,6 +20076,18 @@
   		const HAS_ATTRIBUTE_UV2 = !! geometry.attributes.uv2;
   		const HAS_ATTRIBUTE_UV3 = !! geometry.attributes.uv3;
 
+  		let toneMapping = NoToneMapping;
+
+  		if ( material.toneMapped ) {
+
+  			if ( currentRenderTarget === null || currentRenderTarget.isXRRenderTarget === true ) {
+
+  				toneMapping = renderer.toneMapping;
+
+  			}
+
+  		}
+
   		const parameters = {
 
   			isWebGL2: IS_WEBGL2,
@@ -20213,8 +20248,10 @@
   			shadowMapEnabled: renderer.shadowMap.enabled && shadows.length > 0,
   			shadowMapType: renderer.shadowMap.type,
 
-  			toneMapping: material.toneMapped ? renderer.toneMapping : NoToneMapping,
-  			useLegacyLights: renderer.useLegacyLights,
+  			toneMapping: toneMapping,
+  			useLegacyLights: renderer._useLegacyLights,
+
+  			decodeVideoTexture: HAS_MAP && ( material.map.isVideoTexture === true ) && ( material.map.colorSpace === SRGBColorSpace ),
 
   			premultipliedAlpha: material.premultipliedAlpha,
 
@@ -20417,6 +20454,8 @@
   			_programLayers.enable( 17 );
   		if ( parameters.pointsUvs )
   			_programLayers.enable( 18 );
+  		if ( parameters.decodeVideoTexture )
+  			_programLayers.enable( 19 );
 
   		array.push( _programLayers.mask );
 
@@ -23386,6 +23425,17 @@
 
   		}
 
+  		if ( glFormat === _gl.RED_INTEGER ) {
+
+  			if ( glType === _gl.UNSIGNED_BYTE ) internalFormat = _gl.R8UI;
+  			if ( glType === _gl.UNSIGNED_SHORT ) internalFormat = _gl.R16UI;
+  			if ( glType === _gl.UNSIGNED_INT ) internalFormat = _gl.R32UI;
+  			if ( glType === _gl.BYTE ) internalFormat = _gl.R8I;
+  			if ( glType === _gl.SHORT ) internalFormat = _gl.R16I;
+  			if ( glType === _gl.INT ) internalFormat = _gl.R32I;
+
+  		}
+
   		if ( glFormat === _gl.RG ) {
 
   			if ( glType === _gl.FLOAT ) internalFormat = _gl.RG32F;
@@ -23562,14 +23612,32 @@
 
   			for ( let i = 0; i < 6; i ++ ) {
 
-  				_gl.deleteFramebuffer( renderTargetProperties.__webglFramebuffer[ i ] );
+  				if ( Array.isArray( renderTargetProperties.__webglFramebuffer[ i ] ) ) {
+
+  					for ( let level = 0; level < renderTargetProperties.__webglFramebuffer[ i ].length; level ++ ) _gl.deleteFramebuffer( renderTargetProperties.__webglFramebuffer[ i ][ level ] );
+
+  				} else {
+
+  					_gl.deleteFramebuffer( renderTargetProperties.__webglFramebuffer[ i ] );
+
+  				}
+
   				if ( renderTargetProperties.__webglDepthbuffer ) _gl.deleteRenderbuffer( renderTargetProperties.__webglDepthbuffer[ i ] );
 
   			}
 
   		} else {
 
-  			_gl.deleteFramebuffer( renderTargetProperties.__webglFramebuffer );
+  			if ( Array.isArray( renderTargetProperties.__webglFramebuffer ) ) {
+
+  				for ( let level = 0; level < renderTargetProperties.__webglFramebuffer.length; level ++ ) _gl.deleteFramebuffer( renderTargetProperties.__webglFramebuffer[ level ] );
+
+  			} else {
+
+  				_gl.deleteFramebuffer( renderTargetProperties.__webglFramebuffer );
+
+  			}
+
   			if ( renderTargetProperties.__webglDepthbuffer ) _gl.deleteRenderbuffer( renderTargetProperties.__webglDepthbuffer );
   			if ( renderTargetProperties.__webglMultisampledFramebuffer ) _gl.deleteFramebuffer( renderTargetProperties.__webglMultisampledFramebuffer );
 
@@ -23948,7 +24016,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 );
 
@@ -24544,7 +24612,7 @@
   	// Render targets
 
   	// Setup storage for target texture and bind it to correct framebuffer
-  	function setupFrameBufferTexture( framebuffer, renderTarget, texture, attachment, textureTarget ) {
+  	function setupFrameBufferTexture( framebuffer, renderTarget, texture, attachment, textureTarget, level ) {
 
   		const glFormat = utils.convert( texture.format, texture.colorSpace );
   		const glType = utils.convert( texture.type );
@@ -24553,13 +24621,16 @@
 
   		if ( ! renderTargetProperties.__hasExternalTextures ) {
 
+  			const width = Math.max( 1, renderTarget.width >> level );
+  			const height = Math.max( 1, renderTarget.height >> level );
+
   			if ( textureTarget === _gl.TEXTURE_3D || textureTarget === _gl.TEXTURE_2D_ARRAY ) {
 
-  				state.texImage3D( textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, renderTarget.depth, 0, glFormat, glType, null );
+  				state.texImage3D( textureTarget, level, glInternalFormat, width, height, renderTarget.depth, 0, glFormat, glType, null );
 
   			} else {
 
-  				state.texImage2D( textureTarget, 0, glInternalFormat, renderTarget.width, renderTarget.height, 0, glFormat, glType, null );
+  				state.texImage2D( textureTarget, level, glInternalFormat, width, height, 0, glFormat, glType, null );
 
   			}
 
@@ -24573,7 +24644,7 @@
 
   		} else if ( textureTarget === _gl.TEXTURE_2D || ( textureTarget >= _gl.TEXTURE_CUBE_MAP_POSITIVE_X && textureTarget <= _gl.TEXTURE_CUBE_MAP_NEGATIVE_Z ) ) { // see #24753
 
-  			_gl.framebufferTexture2D( _gl.FRAMEBUFFER, attachment, textureTarget, properties.get( texture ).__webglTexture, 0 );
+  			_gl.framebufferTexture2D( _gl.FRAMEBUFFER, attachment, textureTarget, properties.get( texture ).__webglTexture, level );
 
   		}
 
@@ -24794,7 +24865,7 @@
 
   		if ( colorTexture !== undefined ) {
 
-  			setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, renderTarget.texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_2D );
+  			setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, renderTarget.texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_2D, 0 );
 
   		}
 
@@ -24841,13 +24912,41 @@
 
   			for ( let i = 0; i < 6; i ++ ) {
 
-  				renderTargetProperties.__webglFramebuffer[ i ] = _gl.createFramebuffer();
+  				if ( isWebGL2 && texture.mipmaps && texture.mipmaps.length > 0 ) {
+
+  					renderTargetProperties.__webglFramebuffer[ i ] = [];
+
+  					for ( let level = 0; level < texture.mipmaps.length; level ++ ) {
+
+  						renderTargetProperties.__webglFramebuffer[ i ][ level ] = _gl.createFramebuffer();
+
+  					}
+
+  				} else {
+
+  					renderTargetProperties.__webglFramebuffer[ i ] = _gl.createFramebuffer();
+
+  				}
 
   			}
 
   		} else {
 
-  			renderTargetProperties.__webglFramebuffer = _gl.createFramebuffer();
+  			if ( isWebGL2 && texture.mipmaps && texture.mipmaps.length > 0 ) {
+
+  				renderTargetProperties.__webglFramebuffer = [];
+
+  				for ( let level = 0; level < texture.mipmaps.length; level ++ ) {
+
+  					renderTargetProperties.__webglFramebuffer[ level ] = _gl.createFramebuffer();
+
+  				}
+
+  			} else {
+
+  				renderTargetProperties.__webglFramebuffer = _gl.createFramebuffer();
+
+  			}
 
   			if ( isMultipleRenderTargets ) {
 
@@ -24927,7 +25026,19 @@
 
   			for ( let i = 0; i < 6; i ++ ) {
 
-  				setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer[ i ], renderTarget, texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i );
+  				if ( isWebGL2 && texture.mipmaps && texture.mipmaps.length > 0 ) {
+
+  					for ( let level = 0; level < texture.mipmaps.length; level ++ ) {
+
+  						setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer[ i ][ level ], renderTarget, texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, level );
+
+  					}
+
+  				} else {
+
+  					setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer[ i ], renderTarget, texture, _gl.COLOR_ATTACHMENT0, _gl.TEXTURE_CUBE_MAP_POSITIVE_X + i, 0 );
+
+  				}
 
   			}
 
@@ -24950,7 +25061,7 @@
 
   				state.bindTexture( _gl.TEXTURE_2D, attachmentProperties.__webglTexture );
   				setTextureParameters( _gl.TEXTURE_2D, attachment, supportsMips );
-  				setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, attachment, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D );
+  				setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, attachment, _gl.COLOR_ATTACHMENT0 + i, _gl.TEXTURE_2D, 0 );
 
   				if ( textureNeedsGenerateMipmaps( attachment, supportsMips ) ) {
 
@@ -24982,7 +25093,20 @@
 
   			state.bindTexture( glTextureType, textureProperties.__webglTexture );
   			setTextureParameters( glTextureType, texture, supportsMips );
-  			setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, texture, _gl.COLOR_ATTACHMENT0, glTextureType );
+
+  			if ( isWebGL2 && texture.mipmaps && texture.mipmaps.length > 0 ) {
+
+  				for ( let level = 0; level < texture.mipmaps.length; level ++ ) {
+
+  					setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer[ level ], renderTarget, texture, _gl.COLOR_ATTACHMENT0, glTextureType, level );
+
+  				}
+
+  			} else {
+
+  				setupFrameBufferTexture( renderTargetProperties.__webglFramebuffer, renderTarget, texture, _gl.COLOR_ATTACHMENT0, glTextureType, 0 );
+
+  			}
 
   			if ( textureNeedsGenerateMipmaps( texture, supportsMips ) ) {
 
@@ -25171,13 +25295,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 ) {
 
@@ -25243,6 +25367,9 @@
 
   }
 
+  const LinearTransferFunction = 0;
+  const SRGBTransferFunction = 1;
+
   function WebGLUtils( gl, extensions, capabilities ) {
 
   	const isWebGL2 = capabilities.isWebGL2;
@@ -25251,6 +25378,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;
@@ -25317,7 +25446,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' );
 
@@ -25402,8 +25531,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 {
 
@@ -25425,20 +25554,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 {
 
@@ -25450,13 +25579,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 {
 
@@ -26498,14 +26629,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 );
 
@@ -26921,7 +27044,7 @@
   			uniforms.lightMap.value = material.lightMap;
 
   			// artist-friendly light intensity scaling factor
-  			const scaleFactor = ( renderer.useLegacyLights === true ) ? Math.PI : 1;
+  			const scaleFactor = ( renderer._useLegacyLights === true ) ? Math.PI : 1;
 
   			uniforms.lightMapIntensity.value = material.lightMapIntensity * scaleFactor;
 
@@ -27668,14 +27791,6 @@
 
   }
 
-  function createCanvasElement() {
-
-  	const canvas = createElementNS( 'canvas' );
-  	canvas.style.display = 'block';
-  	return canvas;
-
-  }
-
   class WebGLRenderer {
 
   	constructor( parameters = {} ) {
@@ -27760,7 +27875,7 @@
 
   		// physical lights
 
-  		this.useLegacyLights = true;
+  		this._useLegacyLights = false;
 
   		// tone mapping
 
@@ -28403,6 +28518,9 @@
   			if ( material.wireframe === true ) {
 
   				index = geometries.getWireframeAttribute( geometry );
+
+  				if ( index === undefined ) return;
+
   				rangeFactor = 2;
 
   			}
@@ -28567,7 +28685,7 @@
 
   			} );
 
-  			currentRenderState.setupLights( _this.useLegacyLights );
+  			currentRenderState.setupLights( _this._useLegacyLights );
 
   			scene.traverse( function ( object ) {
 
@@ -28720,7 +28838,7 @@
 
   			// render scene
 
-  			currentRenderState.setupLights( _this.useLegacyLights );
+  			currentRenderState.setupLights( _this._useLegacyLights );
 
   			if ( camera.isArrayCamera ) {
 
@@ -29209,6 +29327,7 @@
 
   			materialProperties.outputColorSpace = parameters.outputColorSpace;
   			materialProperties.instancing = parameters.instancing;
+  			materialProperties.instancingColor = parameters.instancingColor;
   			materialProperties.skinning = parameters.skinning;
   			materialProperties.morphTargets = parameters.morphTargets;
   			materialProperties.morphNormals = parameters.morphNormals;
@@ -29237,7 +29356,18 @@
   			const morphTargets = !! geometry.morphAttributes.position;
   			const morphNormals = !! geometry.morphAttributes.normal;
   			const morphColors = !! geometry.morphAttributes.color;
-  			const toneMapping = material.toneMapped ? _this.toneMapping : NoToneMapping;
+
+  			let toneMapping = NoToneMapping;
+
+  			if ( material.toneMapped ) {
+
+  				if ( _currentRenderTarget === null || _currentRenderTarget.isXRRenderTarget === true ) {
+
+  					toneMapping = _this.toneMapping;
+
+  				}
+
+  			}
 
   			const morphAttribute = geometry.morphAttributes.position || geometry.morphAttributes.normal || geometry.morphAttributes.color;
   			const morphTargetsCount = ( morphAttribute !== undefined ) ? morphAttribute.length : 0;
@@ -29292,6 +29422,14 @@
 
   					needsProgramChange = true;
 
+  				} else if ( object.isInstancedMesh && materialProperties.instancingColor === true && object.instanceColor === null ) {
+
+  					needsProgramChange = true;
+
+  				} else if ( object.isInstancedMesh && materialProperties.instancingColor === false && object.instanceColor !== null ) {
+
+  					needsProgramChange = true;
+
   				} else if ( materialProperties.envMap !== envMap ) {
 
   					needsProgramChange = true;
@@ -29378,48 +29516,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 ||
@@ -29431,16 +29549,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
 
   				}
 
@@ -29707,7 +29825,16 @@
 
   				if ( renderTarget.isWebGLCubeRenderTarget ) {
 
-  					framebuffer = __webglFramebuffer[ activeCubeFace ];
+  					if ( Array.isArray( __webglFramebuffer[ activeCubeFace ] ) ) {
+
+  						framebuffer = __webglFramebuffer[ activeCubeFace ][ activeMipmapLevel ];
+
+  					} else {
+
+  						framebuffer = __webglFramebuffer[ activeCubeFace ];
+
+  					}
+
   					isCube = true;
 
   				} else if ( ( capabilities.isWebGL2 && renderTarget.samples > 0 ) && textures.useMultisampledRTT( renderTarget ) === false ) {
@@ -29716,7 +29843,15 @@
 
   				} else {
 
-  					framebuffer = __webglFramebuffer;
+  					if ( Array.isArray( __webglFramebuffer ) ) {
+
+  						framebuffer = __webglFramebuffer[ activeMipmapLevel ];
+
+  					} else {
+
+  						framebuffer = __webglFramebuffer;
+
+  					}
 
   				}
 
@@ -30015,14 +30150,14 @@
 
   	get physicallyCorrectLights() { // @deprecated, r150
 
-  		console.warn( 'THREE.WebGLRenderer: the property .physicallyCorrectLights has been removed. Set renderer.useLegacyLights instead.' );
+  		console.warn( 'THREE.WebGLRenderer: The property .physicallyCorrectLights has been removed. Set renderer.useLegacyLights instead.' );
   		return ! this.useLegacyLights;
 
   	}
 
   	set physicallyCorrectLights( value ) { // @deprecated, r150
 
-  		console.warn( 'THREE.WebGLRenderer: the property .physicallyCorrectLights has been removed. Set renderer.useLegacyLights instead.' );
+  		console.warn( 'THREE.WebGLRenderer: The property .physicallyCorrectLights has been removed. Set renderer.useLegacyLights instead.' );
   		this.useLegacyLights = ! value;
 
   	}
@@ -30041,6 +30176,20 @@
 
   	}
 
+  	get useLegacyLights() { // @deprecated, r155
+
+  		console.warn( 'THREE.WebGLRenderer: The property .useLegacyLights has been deprecated. Migrate your lighting according to the following guide: https://discourse.threejs.org/t/updates-to-lighting-in-three-js-r155/53733.' );
+  		return this._useLegacyLights;
+
+  	}
+
+  	set useLegacyLights( value ) { // @deprecated, r155
+
+  		console.warn( 'THREE.WebGLRenderer: The property .useLegacyLights has been deprecated. Migrate your lighting according to the following guide: https://discourse.threejs.org/t/updates-to-lighting-in-three-js-r155/53733.' );
+  		this._useLegacyLights = value;
+
+  	}
+
   }
 
   class WebGL1Renderer extends WebGLRenderer {}
@@ -30681,7 +30830,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;
@@ -43503,14 +43652,21 @@
   }
 
 
-  // Creates a new, non-indexed geometry with smooth normals everywhere except faces that meet at
-  // an angle greater than the crease angle.
+  /**
+   * Modifies the supplied geometry if it is non-indexed, otherwise creates a new,
+   * non-indexed geometry. Returns the geometry with smooth normals everywhere except
+   * faces that meet at an angle greater than the crease angle.
+   *
+   * @param {BufferGeometry} geometry
+   * @param {number} [creaseAngle]
+   * @return {BufferGeometry}
+   */
   function toCreasedNormals( geometry, creaseAngle = Math.PI / 3 /* 60 degrees */ ) {
 
   	const creaseDot = Math.cos( creaseAngle );
   	const hashMultiplier = ( 1 + 1e-10 ) * 1e2;
 
-  	// reusable vertors
+  	// reusable vectors
   	const verts = [ new Vector3(), new Vector3(), new Vector3() ];
   	const tempVec1 = new Vector3();
   	const tempVec2 = new Vector3();
@@ -43527,7 +43683,9 @@
 
   	}
 
-  	const resultGeometry = geometry.toNonIndexed();
+  	// BufferGeometry.toNonIndexed() warns if the geometry is non-indexed
+  	// and returns the original geometry
+  	const resultGeometry = geometry.index ? geometry.toNonIndexed() : geometry;
   	const posAttr = resultGeometry.attributes.position;
   	const vertexMap = {};
 
@@ -65722,8 +65880,7 @@
       // create globe
       var globeGeometry = new THREE$e.SphereGeometry(GLOBE_RADIUS, 75, 75);
       var defaultGlobeMaterial = new THREE$e.MeshPhongMaterial({
-        color: 0x000000,
-        transparent: true
+        color: 0x000000
       });
       var globeObj = new THREE$e.Mesh(globeGeometry, defaultGlobeMaterial);
       globeObj.rotation.y = -Math.PI / 2; // face prime meridian along Z axis
@@ -66953,12 +67110,20 @@
             margin: margin,
             curvatureResolution: curvatureResolution
           };
+          var memD = {
+            geoJson: geoJson,
+            h3Res: h3Res
+          };
           var currentTargetD = obj.__currentTargetD || Object.assign({}, targetD, {
             alt: -1e-3
           });
+          var currentMemD = obj.__currentMemD || memD;
           if (Object.keys(targetD).some(function (k) {
             return currentTargetD[k] !== targetD[k];
+          }) || Object.keys(memD).some(function (k) {
+            return currentMemD[k] !== memD[k];
           })) {
+            obj.__currentMemD = memD;
             var h3Idxs = [];
             if (geoJson.type === 'Polygon') {
               polygonToCells(geoJson.coordinates, h3Res, true).forEach(function (idx) {
@@ -69357,6 +69522,9 @@
   const _changeEvent$1 = { type: 'change' };
   const _startEvent = { type: 'start' };
   const _endEvent = { type: 'end' };
+  const _ray = new Ray();
+  const _plane = new Plane();
+  const TILT_LIMIT = Math.cos( 70 * MathUtils.DEG2RAD );
 
   class OrbitControls extends EventDispatcher {
 
@@ -69411,6 +69579,7 @@
   		this.panSpeed = 1.0;
   		this.screenSpacePanning = true; // if false, pan orthogonal to world-space direction camera.up
   		this.keyPanSpeed = 7.0;	// pixels moved per arrow key push
+  		this.zoomToCursor = false;
 
   		// Set to true to automatically rotate around the target
   		// If auto-rotate is enabled, you must call controls.update() in your animation loop
@@ -69508,7 +69677,7 @@
 
   			const twoPI = 2 * Math.PI;
 
-  			return function update() {
+  			return function update( deltaTime = null ) {
 
   				const position = scope.object.position;
 
@@ -69522,7 +69691,7 @@
 
   				if ( scope.autoRotate && state === STATE.NONE ) {
 
-  					rotateLeft( getAutoRotationAngle() );
+  					rotateLeft( getAutoRotationAngle( deltaTime ) );
 
   				}
 
@@ -69569,11 +69738,6 @@
   				spherical.makeSafe();
 
 
-  				spherical.radius *= scale;
-
-  				// restrict radius to be between desired limits
-  				spherical.radius = Math.max( scope.minDistance, Math.min( scope.maxDistance, spherical.radius ) );
-
   				// move target to panned location
 
   				if ( scope.enableDamping === true ) {
@@ -69586,6 +69750,19 @@
 
   				}
 
+  				// adjust the camera position based on zoom only if we're not zooming to the cursor or if it's an ortho camera
+  				// we adjust zoom later in these cases
+  				if ( scope.zoomToCursor && performCursorZoom || scope.object.isOrthographicCamera ) {
+
+  					spherical.radius = clampDistance( spherical.radius );
+
+  				} else {
+
+  					spherical.radius = clampDistance( spherical.radius * scale );
+
+  				}
+
+
   				offset.setFromSpherical( spherical );
 
   				// rotate offset back to "camera-up-vector-is-up" space
@@ -69610,7 +69787,91 @@
 
   				}
 
+  				// adjust camera position
+  				let zoomChanged = false;
+  				if ( scope.zoomToCursor && performCursorZoom ) {
+
+  					let newRadius = null;
+  					if ( scope.object.isPerspectiveCamera ) {
+
+  						// move the camera down the pointer ray
+  						// this method avoids floating point error
+  						const prevRadius = offset.length();
+  						newRadius = clampDistance( prevRadius * scale );
+
+  						const radiusDelta = prevRadius - newRadius;
+  						scope.object.position.addScaledVector( dollyDirection, radiusDelta );
+  						scope.object.updateMatrixWorld();
+
+  					} else if ( scope.object.isOrthographicCamera ) {
+
+  						// adjust the ortho camera position based on zoom changes
+  						const mouseBefore = new Vector3( mouse.x, mouse.y, 0 );
+  						mouseBefore.unproject( scope.object );
+
+  						scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom / scale ) );
+  						scope.object.updateProjectionMatrix();
+  						zoomChanged = true;
+
+  						const mouseAfter = new Vector3( mouse.x, mouse.y, 0 );
+  						mouseAfter.unproject( scope.object );
+
+  						scope.object.position.sub( mouseAfter ).add( mouseBefore );
+  						scope.object.updateMatrixWorld();
+
+  						newRadius = offset.length();
+
+  					} else {
+
+  						console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled.' );
+  						scope.zoomToCursor = false;
+
+  					}
+
+  					// handle the placement of the target
+  					if ( newRadius !== null ) {
+
+  						if ( this.screenSpacePanning ) {
+
+  							// position the orbit target in front of the new camera position
+  							scope.target.set( 0, 0, - 1 )
+  								.transformDirection( scope.object.matrix )
+  								.multiplyScalar( newRadius )
+  								.add( scope.object.position );
+
+  						} else {
+
+  							// get the ray and translation plane to compute target
+  							_ray.origin.copy( scope.object.position );
+  							_ray.direction.set( 0, 0, - 1 ).transformDirection( scope.object.matrix );
+
+  							// if the camera is 20 degrees above the horizon then don't adjust the focus target to avoid
+  							// extremely large values
+  							if ( Math.abs( scope.object.up.dot( _ray.direction ) ) < TILT_LIMIT ) {
+
+  								object.lookAt( scope.target );
+
+  							} else {
+
+  								_plane.setFromNormalAndCoplanarPoint( scope.object.up, scope.target );
+  								_ray.intersectPlane( _plane, scope.target );
+
+  							}
+
+  						}
+
+  					}
+
+  				} else if ( scope.object.isOrthographicCamera ) {
+
+  					scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom / scale ) );
+  					scope.object.updateProjectionMatrix();
+  					zoomChanged = true;
+
+  				}
+
   				scale = 1;
+  				performCursorZoom = false;
 
   				// update condition is:
   				// min(camera displacement, camera rotation in radians)^2 > EPS
@@ -69689,7 +69950,6 @@
 
   		let scale = 1;
   		const panOffset = new Vector3();
-  		let zoomChanged = false;
 
   		const rotateStart = new Vector2();
   		const rotateEnd = new Vector2();
@@ -69703,12 +69963,24 @@
   		const dollyEnd = new Vector2();
   		const dollyDelta = new Vector2();
 
+  		const dollyDirection = new Vector3();
+  		const mouse = new Vector2();
+  		let performCursorZoom = false;
+
   		const pointers = [];
   		const pointerPositions = {};
 
-  		function getAutoRotationAngle() {
+  		function getAutoRotationAngle( deltaTime ) {
+
+  			if ( deltaTime !== null ) {
+
+  				return ( 2 * Math.PI / 60 * scope.autoRotateSpeed ) * deltaTime;
+
+  			} else {
 
-  			return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
+  				return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
+
+  			}
 
   		}
 
@@ -69813,16 +70085,10 @@
 
   		function dollyOut( dollyScale ) {
 
-  			if ( scope.object.isPerspectiveCamera ) {
+  			if ( scope.object.isPerspectiveCamera || scope.object.isOrthographicCamera ) {
 
   				scale /= dollyScale;
 
-  			} else if ( scope.object.isOrthographicCamera ) {
-
-  				scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom * dollyScale ) );
-  				scope.object.updateProjectionMatrix();
-  				zoomChanged = true;
-
   			} else {
 
   				console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' );
@@ -69834,16 +70100,10 @@
 
   		function dollyIn( dollyScale ) {
 
-  			if ( scope.object.isPerspectiveCamera ) {
+  			if ( scope.object.isPerspectiveCamera || scope.object.isOrthographicCamera ) {
 
   				scale *= dollyScale;
 
-  			} else if ( scope.object.isOrthographicCamera ) {
-
-  				scope.object.zoom = Math.max( scope.minZoom, Math.min( scope.maxZoom, scope.object.zoom / dollyScale ) );
-  				scope.object.updateProjectionMatrix();
-  				zoomChanged = true;
-
   			} else {
 
   				console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' );
@@ -69853,6 +70113,35 @@
 
   		}
 
+  		function updateMouseParameters( event ) {
+
+  			if ( ! scope.zoomToCursor ) {
+
+  				return;
+
+  			}
+
+  			performCursorZoom = true;
+
+  			const rect = scope.domElement.getBoundingClientRect();
+  			const x = event.clientX - rect.left;
+  			const y = event.clientY - rect.top;
+  			const w = rect.width;
+  			const h = rect.height;
+
+  			mouse.x = ( x / w ) * 2 - 1;
+  			mouse.y = - ( y / h ) * 2 + 1;
+
+  			dollyDirection.set( mouse.x, mouse.y, 1 ).unproject( scope.object ).sub( scope.object.position ).normalize();
+
+  		}
+
+  		function clampDistance( dist ) {
+
+  			return Math.max( scope.minDistance, Math.min( scope.maxDistance, dist ) );
+
+  		}
+
   		//
   		// event callbacks - update the object state
   		//
@@ -69865,6 +70154,7 @@
 
   		function handleMouseDownDolly( event ) {
 
+  			updateMouseParameters( event );
   			dollyStart.set( event.clientX, event.clientY );
 
   		}
@@ -69931,6 +70221,8 @@
 
   		function handleMouseWheel( event ) {
 
+  			updateMouseParameters( event );
+
   			if ( event.deltaY < 0 ) {
 
   				dollyIn( getZoomScale() );
@@ -71148,11 +71440,14 @@
   		if ( this.clear ) renderer.clear();
   		renderer.render( this.scene, this.camera );
 
-  		// unlock color and depth buffer for subsequent rendering
+  		// unlock color and depth buffer and make them writable for subsequent rendering/clearing
 
   		state.buffers.color.setLocked( false );
   		state.buffers.depth.setLocked( false );
 
+  		state.buffers.color.setMask( true );
+  		state.buffers.depth.setMask( true );
+
   		// only render where stencil is set to 1
 
   		state.buffers.stencil.setLocked( false );
@@ -71403,7 +71698,7 @@
 
   class RenderPass extends Pass {
 
-  	constructor( scene, camera, overrideMaterial, clearColor, clearAlpha ) {
+  	constructor( scene, camera, overrideMaterial = null, clearColor = null, clearAlpha = null ) {
 
   		super();
 
@@ -71413,7 +71708,7 @@
   		this.overrideMaterial = overrideMaterial;
 
   		this.clearColor = clearColor;
-  		this.clearAlpha = ( clearAlpha !== undefined ) ? clearAlpha : 0;
+  		this.clearAlpha = clearAlpha;
 
   		this.clear = true;
   		this.clearDepth = false;
@@ -71429,7 +71724,7 @@
 
   		let oldClearAlpha, oldOverrideMaterial;
 
-  		if ( this.overrideMaterial !== undefined ) {
+  		if ( this.overrideMaterial !== null ) {
 
   			oldOverrideMaterial = this.scene.overrideMaterial;
 
@@ -71437,16 +71732,21 @@
 
   		}
 
-  		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();
 
@@ -71454,17 +71754,30 @@
 
   		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 );
 
-  			renderer.setClearColor( this._oldClearColor, oldClearAlpha );
+  		}
+
+  		if ( this.clearAlpha !== null ) {
+
+  			renderer.setClearAlpha( oldClearAlpha );
 
   		}
 
-  		if ( this.overrideMaterial !== undefined ) {
+  		if ( this.overrideMaterial !== null ) {
 
   			this.scene.overrideMaterial = oldOverrideMaterial;
 
@@ -72901,26 +73214,26 @@
   var css_248z = ".scene-container .clickable {\n  cursor: pointer;\n}";
   styleInject(css_248z);
 
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys(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;
-  }
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    return t;
+  }
+  function _objectSpread2(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+        _defineProperty(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
   function _defineProperty(obj, key, value) {
     key = _toPropertyKey(key);
@@ -73005,7 +73318,7 @@
 
   function linkKapsule (kapsulePropName, kapsuleType) {
     var dummyK = new kapsuleType(); // To extract defaults
-
+    dummyK._destructor && dummyK._destructor();
     return {
       linkProp: function linkProp(prop) {
         // link property config
@@ -73046,10 +73359,10 @@
 
   // Expose config from ThreeGlobe
   var bindGlobe = linkKapsule('globe', threeGlobe);
-  var linkedGlobeProps = Object.assign.apply(Object, _toConsumableArray(['globeImageUrl', 'bumpImageUrl', 'showGlobe', 'showGraticules', 'showAtmosphere', 'atmosphereColor', 'atmosphereAltitude', 'globeMaterial', 'onGlobeReady', 'pointsData', 'pointLat', 'pointLng', 'pointColor', 'pointAltitude', 'pointRadius', 'pointResolution', 'pointsMerge', 'pointsTransitionDuration', 'arcsData', 'arcStartLat', 'arcStartLng', 'arcEndLat', 'arcEndLng', 'arcColor', 'arcAltitude', 'arcAltitudeAutoScale', 'arcStroke', 'arcCurveResolution', 'arcCircularResolution', 'arcDashLength', 'arcDashGap', 'arcDashInitialGap', 'arcDashAnimateTime', 'arcsTransitionDuration', 'polygonsData', 'polygonGeoJsonGeometry', 'polygonCapColor', 'polygonCapMaterial', 'polygonSideColor', 'polygonSideMaterial', 'polygonStrokeColor', 'polygonAltitude', 'polygonCapCurvatureResolution', 'polygonsTransitionDuration', 'pathsData', 'pathPoints', 'pathPointLat', 'pathPointLng', 'pathPointAlt', 'pathResolution', 'pathColor', 'pathStroke', 'pathDashLength', 'pathDashGap', 'pathDashInitialGap', 'pathDashAnimateTime', 'pathTransitionDuration', 'hexBinPointsData', 'hexBinPointLat', 'hexBinPointLng', 'hexBinPointWeight', 'hexBinResolution', 'hexMargin', 'hexTopCurvatureResolution', 'hexTopColor', 'hexSideColor', 'hexAltitude', 'hexBinMerge', 'hexTransitionDuration', 'hexPolygonsData', 'hexPolygonGeoJsonGeometry', 'hexPolygonColor', 'hexPolygonAltitude', 'hexPolygonResolution', 'hexPolygonMargin', 'hexPolygonCurvatureResolution', 'hexPolygonsTransitionDuration', 'tilesData', 'tileLat', 'tileLng', 'tileAltitude', 'tileWidth', 'tileHeight', 'tileUseGlobeProjection', 'tileMaterial', 'tileCurvatureResolution', 'tilesTransitionDuration', 'ringsData', 'ringLat', 'ringLng', 'ringAltitude', 'ringColor', 'ringResolution', 'ringMaxRadius', 'ringPropagationSpeed', 'ringRepeatPeriod', 'labelsData', 'labelLat', 'labelLng', 'labelAltitude', 'labelRotation', 'labelText', 'labelSize', 'labelTypeFace', 'labelColor', 'labelResolution', 'labelIncludeDot', 'labelDotRadius', 'labelDotOrientation', 'labelsTransitionDuration', 'htmlElementsData', 'htmlLat', 'htmlLng', 'htmlAltitude', 'htmlElement', 'htmlTransitionDuration', 'objectsData', 'objectLat', 'objectLng', 'objectAltitude', 'objectRotation', 'objectFacesSurface', 'objectThreeObject', 'customLayerData', 'customThreeObject', 'customThreeObjectUpdate'].map(function (p) {
+  var linkedGlobeProps = Object.assign.apply(Object, _toConsumableArray(['globeImageUrl', 'bumpImageUrl', 'showGlobe', 'showGraticules', 'showAtmosphere', 'atmosphereColor', 'atmosphereAltitude', 'onGlobeReady', 'pointsData', 'pointLat', 'pointLng', 'pointColor', 'pointAltitude', 'pointRadius', 'pointResolution', 'pointsMerge', 'pointsTransitionDuration', 'arcsData', 'arcStartLat', 'arcStartLng', 'arcEndLat', 'arcEndLng', 'arcColor', 'arcAltitude', 'arcAltitudeAutoScale', 'arcStroke', 'arcCurveResolution', 'arcCircularResolution', 'arcDashLength', 'arcDashGap', 'arcDashInitialGap', 'arcDashAnimateTime', 'arcsTransitionDuration', 'polygonsData', 'polygonGeoJsonGeometry', 'polygonCapColor', 'polygonCapMaterial', 'polygonSideColor', 'polygonSideMaterial', 'polygonStrokeColor', 'polygonAltitude', 'polygonCapCurvatureResolution', 'polygonsTransitionDuration', 'pathsData', 'pathPoints', 'pathPointLat', 'pathPointLng', 'pathPointAlt', 'pathResolution', 'pathColor', 'pathStroke', 'pathDashLength', 'pathDashGap', 'pathDashInitialGap', 'pathDashAnimateTime', 'pathTransitionDuration', 'hexBinPointsData', 'hexBinPointLat', 'hexBinPointLng', 'hexBinPointWeight', 'hexBinResolution', 'hexMargin', 'hexTopCurvatureResolution', 'hexTopColor', 'hexSideColor', 'hexAltitude', 'hexBinMerge', 'hexTransitionDuration', 'hexPolygonsData', 'hexPolygonGeoJsonGeometry', 'hexPolygonColor', 'hexPolygonAltitude', 'hexPolygonResolution', 'hexPolygonMargin', 'hexPolygonCurvatureResolution', 'hexPolygonsTransitionDuration', 'tilesData', 'tileLat', 'tileLng', 'tileAltitude', 'tileWidth', 'tileHeight', 'tileUseGlobeProjection', 'tileMaterial', 'tileCurvatureResolution', 'tilesTransitionDuration', 'ringsData', 'ringLat', 'ringLng', 'ringAltitude', 'ringColor', 'ringResolution', 'ringMaxRadius', 'ringPropagationSpeed', 'ringRepeatPeriod', 'labelsData', 'labelLat', 'labelLng', 'labelAltitude', 'labelRotation', 'labelText', 'labelSize', 'labelTypeFace', 'labelColor', 'labelResolution', 'labelIncludeDot', 'labelDotRadius', 'labelDotOrientation', 'labelsTransitionDuration', 'htmlElementsData', 'htmlLat', 'htmlLng', 'htmlAltitude', 'htmlElement', 'htmlTransitionDuration', 'objectsData', 'objectLat', 'objectLng', 'objectAltitude', 'objectRotation', 'objectFacesSurface', 'objectThreeObject', 'customLayerData', 'customThreeObject', 'customThreeObjectUpdate'].map(function (p) {
     return _defineProperty({}, p, bindGlobe.linkProp(p));
   })));
-  var linkedGlobeMethods = Object.assign.apply(Object, _toConsumableArray(['getGlobeRadius', 'getCoords', 'toGeoCoords'].map(function (p) {
+  var linkedGlobeMethods = Object.assign.apply(Object, _toConsumableArray(['globeMaterial', 'getGlobeRadius', 'getCoords', 'toGeoCoords'].map(function (p) {
     return _defineProperty({}, p, bindGlobe.linkMethod(p));
   })));
 
@@ -73228,7 +73541,7 @@
           cancelAnimationFrame(state.animationFrameRequestId);
           state.animationFrameRequestId = null;
         }
-        (_state$globe = state.globe) === null || _state$globe === void 0 ? void 0 : _state$globe.pauseAnimation();
+        (_state$globe = state.globe) === null || _state$globe === void 0 || _state$globe.pauseAnimation();
         return this;
       },
       resumeAnimation: function resumeAnimation(state) {
@@ -73236,7 +73549,7 @@
         if (state.animationFrameRequestId === null) {
           this._animationCycle();
         }
-        (_state$globe2 = state.globe) === null || _state$globe2 === void 0 ? void 0 : _state$globe2.resumeAnimation();
+        (_state$globe2 = state.globe) === null || _state$globe2 === void 0 || _state$globe2.resumeAnimation();
         return this;
       },
       _animationCycle: function _animationCycle(state) {
@@ -73439,9 +73752,10 @@
           return d;
         }
       };
+      state.renderObjs.renderer().useLegacyLights = false; // force behavior of three < 155
       state.renderObjs.objects([
       // Populate scene
-      new THREE.AmbientLight(0xcccccc), new THREE.DirectionalLight(0xffffff, 0.6), state.globe]).hoverOrderComparator(function (a, b) {
+      new THREE.AmbientLight(0xcccccc, Math.PI), new THREE.DirectionalLight(0xffffff, 0.6 * Math.PI), state.globe]).hoverOrderComparator(function (a, b) {
         var aObj = getGlobeObj(a);
         var bObj = getGlobeObj(b);