react-globe.gl 2.34.0 → 2.35.0

package/dist/react-globe.gl.js

@@ -1,4 +1,4 @@
-// Version 2.34.0 react-globe.gl - https://github.com/vasturiano/react-globe.gl
+// Version 2.35.0 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) :
@@ -274,7 +274,7 @@
    * Copyright 2010-2025 Three.js Authors
    * SPDX-License-Identifier: MIT
    */
-  const REVISION = '177';
+  const REVISION = '178';
 
   /**
    * Represents mouse buttons and interaction types in context of controls.
@@ -3895,7 +3895,7 @@
 
   		let r = vFrom.dot( vTo ) + 1;
 
-  		if ( r < Number.EPSILON ) {
+  		if ( r < 1e-8 ) { // the epsilon value has been discussed in #31286
 
   			// vFrom and vTo point in opposite directions
 
@@ -13110,7 +13110,7 @@
   const _childaddedEvent = { type: 'childadded', child: null };
 
   /**
-   * Fires when a new child object has been added.
+   * Fires when a child object has been removed.
    *
    * @event Object3D#childremoved
    * @type {Object}
@@ -17671,7 +17671,7 @@
   		/**
   		 * Applies to integer data only. Indicates how the underlying data in the buffer maps to
   		 * the values in the GLSL code. For instance, if `array` is an instance of `UInt16Array`,
-  		 * and `normalized` is `true`, the values `0 -+65535` in the array data will be mapped to
+  		 * and `normalized` is `true`, the values `0 - +65535` in the array data will be mapped to
   		 * `0.0f - +1.0f` in the GLSL attribute. If `normalized` is `false`, the values will be converted
   		 * to floats unmodified, i.e. `65535` becomes `65535.0f`.
   		 *
@@ -18309,8 +18309,8 @@
    * Convenient class that can be used when creating a `Float16` buffer attribute with
    * a plain `Array` instance.
    *
-   * This class automatically converts to and from FP16 since `Float16Array` is not
-   * natively supported in JavaScript.
+   * This class automatically converts to and from FP16 via `Uint16Array` since `Float16Array`
+   * browser support is still problematic.
    *
    * @augments BufferAttribute
    */
@@ -24204,6 +24204,7 @@
   }
 
   const _sphere$3 = /*@__PURE__*/ new Sphere();
+  const _defaultSpriteCenter = /*@__PURE__*/ new Vector2( 0.5, 0.5 );
   const _vector$6 = /*@__PURE__*/ new Vector3();
 
   /**
@@ -24361,7 +24362,10 @@
   	intersectsSprite( sprite ) {
 
   		_sphere$3.center.set( 0, 0, 0 );
-  		_sphere$3.radius = 0.7071067811865476;
+
+  		const offset = _defaultSpriteCenter.distanceTo( sprite.center );
+
+  		_sphere$3.radius = 0.7071067811865476 + offset;
   		_sphere$3.applyMatrix4( sprite.matrixWorld );
 
   		return this.intersectsSphere( _sphere$3 );
@@ -28817,11 +28821,11 @@
   	 * Adds an arc as an instance of {@link EllipseCurve} to the path, positioned relative
   	 * to the current point.
   	 *
-  	 * @param {number} aX - The x coordinate of the center of the arc offsetted from the previous curve.
-  	 * @param {number} aY - The y coordinate of the center of the arc offsetted from the previous curve.
-  	 * @param {number} aRadius - The radius of the arc.
-  	 * @param {number} aStartAngle - The start angle in radians.
-  	 * @param {number} aEndAngle - The end angle in radians.
+  	 * @param {number} [aX=0] - The x coordinate of the center of the arc offsetted from the previous curve.
+  	 * @param {number} [aY=0] - The y coordinate of the center of the arc offsetted from the previous curve.
+  	 * @param {number} [aRadius=1] - The radius of the arc.
+  	 * @param {number} [aStartAngle=0] - The start angle in radians.
+  	 * @param {number} [aEndAngle=Math.PI*2] - The end angle in radians.
   	 * @param {boolean} [aClockwise=false] - Whether to sweep the arc clockwise or not.
   	 * @return {Path} A reference to this path.
   	 */
@@ -28840,11 +28844,11 @@
   	/**
   	 * Adds an absolutely positioned arc as an instance of {@link EllipseCurve} to the path.
   	 *
-  	 * @param {number} aX - The x coordinate of the center of the arc.
-  	 * @param {number} aY - The y coordinate of the center of the arc.
-  	 * @param {number} aRadius - The radius of the arc.
-  	 * @param {number} aStartAngle - The start angle in radians.
-  	 * @param {number} aEndAngle - The end angle in radians.
+  	 * @param {number} [aX=0] - The x coordinate of the center of the arc.
+  	 * @param {number} [aY=0] - The y coordinate of the center of the arc.
+  	 * @param {number} [aRadius=1] - The radius of the arc.
+  	 * @param {number} [aStartAngle=0] - The start angle in radians.
+  	 * @param {number} [aEndAngle=Math.PI*2] - The end angle in radians.
   	 * @param {boolean} [aClockwise=false] - Whether to sweep the arc clockwise or not.
   	 * @return {Path} A reference to this path.
   	 */
@@ -28860,12 +28864,12 @@
   	 * Adds an ellipse as an instance of {@link EllipseCurve} to the path, positioned relative
   	 * to the current point
   	 *
-  	 * @param {number} aX - The x coordinate of the center of the ellipse offsetted from the previous curve.
-  	 * @param {number} aY - The y coordinate of the center of the ellipse offsetted from the previous curve.
-  	 * @param {number} xRadius - The radius of the ellipse in the x axis.
-  	 * @param {number} yRadius - The radius of the ellipse in the y axis.
-  	 * @param {number} aStartAngle - The start angle in radians.
-  	 * @param {number} aEndAngle - The end angle in radians.
+  	 * @param {number} [aX=0] - The x coordinate of the center of the ellipse offsetted from the previous curve.
+  	 * @param {number} [aY=0] - The y coordinate of the center of the ellipse offsetted from the previous curve.
+  	 * @param {number} [xRadius=1] - The radius of the ellipse in the x axis.
+  	 * @param {number} [yRadius=1] - The radius of the ellipse in the y axis.
+  	 * @param {number} [aStartAngle=0] - The start angle in radians.
+  	 * @param {number} [aEndAngle=Math.PI*2] - The end angle in radians.
   	 * @param {boolean} [aClockwise=false] - Whether to sweep the ellipse clockwise or not.
   	 * @param {number} [aRotation=0] - The rotation angle of the ellipse in radians, counterclockwise from the positive X axis.
   	 * @return {Path} A reference to this path.
@@ -28884,12 +28888,12 @@
   	/**
   	 * Adds an absolutely positioned ellipse as an instance of {@link EllipseCurve} to the path.
   	 *
-  	 * @param {number} aX - The x coordinate of the absolute center of the ellipse.
-  	 * @param {number} aY - The y coordinate of the absolute center of the ellipse.
-  	 * @param {number} xRadius - The radius of the ellipse in the x axis.
-  	 * @param {number} yRadius - The radius of the ellipse in the y axis.
-  	 * @param {number} aStartAngle - The start angle in radians.
-  	 * @param {number} aEndAngle - The end angle in radians.
+  	 * @param {number} [aX=0] - The x coordinate of the absolute center of the ellipse.
+  	 * @param {number} [aY=0] - The y coordinate of the absolute center of the ellipse.
+  	 * @param {number} [xRadius=1] - The radius of the ellipse in the x axis.
+  	 * @param {number} [yRadius=1] - The radius of the ellipse in the y axis.
+  	 * @param {number} [aStartAngle=0] - The start angle in radians.
+  	 * @param {number} [aEndAngle=Math.PI*2] - The end angle in radians.
   	 * @param {boolean} [aClockwise=false] - Whether to sweep the ellipse clockwise or not.
   	 * @param {number} [aRotation=0] - The rotation angle of the ellipse in radians, counterclockwise from the positive X axis.
   	 * @return {Path} A reference to this path.
@@ -34906,6 +34910,8 @@
    */
   Loader.DEFAULT_MATERIAL_NAME = '__DEFAULT';
 
+  const _loading = new WeakMap();
+
   /**
    * A loader for loading images. The class loads images with the HTML `Image` API.
    *
@@ -34952,19 +34958,36 @@
 
   		const scope = this;
 
-  		const cached = Cache.get( url );
+  		const cached = Cache.get( `image:${url}` );
 
   		if ( cached !== undefined ) {
 
-  			scope.manager.itemStart( url );
+  			if ( cached.complete === true ) {
+
+  				scope.manager.itemStart( url );
 
-  			setTimeout( function () {
+  				setTimeout( function () {
 
-  				if ( onLoad ) onLoad( cached );
+  					if ( onLoad ) onLoad( cached );
+
+  					scope.manager.itemEnd( url );
+
+  				}, 0 );
+
+  			} else {
 
-  				scope.manager.itemEnd( url );
+  				let arr = _loading.get( cached );
 
-  			}, 0 );
+  				if ( arr === undefined ) {
+
+  					arr = [];
+  					_loading.set( cached, arr );
+
+  				}
+
+  				arr.push( { onLoad, onError } );
+
+  			}
 
   			return cached;
 
@@ -34976,10 +34999,21 @@
 
   			removeEventListeners();
 
-  			Cache.add( url, this );
-
   			if ( onLoad ) onLoad( this );
 
+  			//
+
+  			const callbacks = _loading.get( this ) || [];
+
+  			for ( let i = 0; i < callbacks.length; i ++ ) {
+
+  				const callback = callbacks[ i ];
+  				if ( callback.onLoad ) callback.onLoad( this );
+
+  			}
+
+  			_loading.delete( this );
+
   			scope.manager.itemEnd( url );
 
   		}
@@ -34990,6 +35024,22 @@
 
   			if ( onError ) onError( event );
 
+  			Cache.remove( `image:${url}` );
+
+  			//
+
+  			const callbacks = _loading.get( this ) || [];
+
+  			for ( let i = 0; i < callbacks.length; i ++ ) {
+
+  				const callback = callbacks[ i ];
+  				if ( callback.onError ) callback.onError( event );
+
+  			}
+
+  			_loading.delete( this );
+
+
   			scope.manager.itemError( url );
   			scope.manager.itemEnd( url );
 
@@ -35011,6 +35061,7 @@
 
   		}
 
+  		Cache.add( `image:${url}`, image );
   		scope.manager.itemStart( url );
 
   		image.src = url;
@@ -37132,7 +37183,7 @@
   	 */
   	start() {
 
-  		this.startTime = now$2();
+  		this.startTime = performance.now();
 
   		this.oldTime = this.startTime;
   		this.elapsedTime = 0;
@@ -37181,7 +37232,7 @@
 
   		if ( this.running ) {
 
-  			const newTime = now$2();
+  			const newTime = performance.now();
 
   			diff = ( newTime - this.oldTime ) / 1000;
   			this.oldTime = newTime;
@@ -37196,12 +37247,6 @@
 
   }
 
-  function now$2() {
-
-  	return performance.now();
-
-  }
-
   /**
    * An instanced version of an interleaved buffer.
    *
@@ -38717,6 +38762,10 @@
 
   			type = gl.FLOAT;
 
+  		} else if ( typeof Float16Array !== 'undefined' && array instanceof Float16Array ) {
+
+  			type = gl.HALF_FLOAT;
+
   		} else if ( array instanceof Uint16Array ) {
 
   			if ( attribute.isFloat16BufferAttribute ) {
@@ -45694,7 +45743,7 @@
   			useFog: material.fog === true,
   			fogExp2: ( !! fog && fog.isFogExp2 ),
 
-  			flatShading: material.flatShading === true,
+  			flatShading: ( material.flatShading === true && material.wireframe === false ),
 
   			sizeAttenuation: material.sizeAttenuation === true,
   			logarithmicDepthBuffer: logarithmicDepthBuffer,
@@ -45907,6 +45956,8 @@
   			_programLayers.enable( 20 );
   		if ( parameters.batchingColor )
   			_programLayers.enable( 21 );
+  		if ( parameters.gradientMap )
+  			_programLayers.enable( 22 );
 
   		array.push( _programLayers.mask );
   		_programLayers.disableAll();
@@ -48088,7 +48139,7 @@
   							break;
 
   						case MultiplyBlending:
-  							gl.blendFuncSeparate( gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA );
+  							gl.blendFuncSeparate( gl.DST_COLOR, gl.ONE_MINUS_SRC_ALPHA, gl.ZERO, gl.ONE );
   							break;
 
   						default:
@@ -48106,15 +48157,15 @@
   							break;
 
   						case AdditiveBlending:
-  							gl.blendFunc( gl.SRC_ALPHA, gl.ONE );
+  							gl.blendFuncSeparate( gl.SRC_ALPHA, gl.ONE, gl.ONE, gl.ONE );
   							break;
 
   						case SubtractiveBlending:
-  							gl.blendFuncSeparate( gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ZERO, gl.ONE );
+  							console.error( 'THREE.WebGLState: SubtractiveBlending requires material.premultipliedAlpha = true' );
   							break;
 
   						case MultiplyBlending:
-  							gl.blendFunc( gl.ZERO, gl.SRC_COLOR );
+  							console.error( 'THREE.WebGLState: MultiplyBlending requires material.premultipliedAlpha = true' );
   							break;
 
   						default:
@@ -55249,6 +55300,9 @@ void main() {
   			//
 
   			const currentRenderTarget = _this.getRenderTarget();
+  			const currentActiveCubeFace = _this.getActiveCubeFace();
+  			const currentActiveMipmapLevel = _this.getActiveMipmapLevel();
+
   			_this.setRenderTarget( transmissionRenderTarget );
 
   			_this.getClearColor( _currentClearColor );
@@ -55318,7 +55372,7 @@ void main() {
 
   			}
 
-  			_this.setRenderTarget( currentRenderTarget );
+  			_this.setRenderTarget( currentRenderTarget, currentActiveCubeFace, currentActiveMipmapLevel );
 
   			_this.setClearColor( _currentClearColor, _currentClearAlpha );
 
@@ -56248,7 +56302,7 @@ void main() {
 
   					if ( ( x >= 0 && x <= ( renderTarget.width - width ) ) && ( y >= 0 && y <= ( renderTarget.height - height ) ) ) {
 
-  						// when using MRT, select the corect color buffer for the subsequent read command
+  						// when using MRT, select the correct color buffer for the subsequent read command
 
   						if ( renderTarget.textures.length > 1 ) _gl.readBuffer( _gl.COLOR_ATTACHMENT0 + textureIndex );
 
@@ -63563,10 +63617,10 @@ void main() {
 
       // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox
       if (data.length > 80 * dim) {
-          minX = Infinity;
-          minY = Infinity;
-          let maxX = -Infinity;
-          let maxY = -Infinity;
+          minX = data[0];
+          minY = data[1];
+          let maxX = minX;
+          let maxY = minY;
 
           for (let i = dim; i < outerLen; i += dim) {
               const x = data[i];
@@ -63842,7 +63896,7 @@ void main() {
       return result;
   }
 
-  // find a bridge between vertices that connects hole with an outer ring and and link it
+  // find a bridge between vertices that connects hole with an outer ring and link it
   function eliminateHole(hole, outerNode) {
       const bridge = findHoleBridge(hole, outerNode);
       if (!bridge) {
@@ -64033,7 +64087,7 @@ void main() {
 
   // check if a diagonal between two polygon nodes is valid (lies in polygon interior)
   function isValidDiagonal(a, b) {
-      return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && // dones't intersect other edges
+      return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && // doesn't intersect other edges
              (locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b) && // locally visible
               (area(a.prev, a, b.prev) || area(a, b.prev, b)) || // does not create opposite-facing sectors
               equals$1(a, b) && area(a.prev, a, a.next) > 0 && area(b.prev, b, b.next) > 0); // special zero-length case
@@ -67527,7 +67581,7 @@ void main() {
   const ccwerrboundB = (2 + 12 * epsilon$1) * epsilon$1;
   const ccwerrboundC = (9 + 64 * epsilon$1) * epsilon$1 * epsilon$1;
 
-  const B$1 = vec(4);
+  const B$2 = vec(4);
   const C1 = vec(8);
   const C2 = vec(12);
   const D$1 = vec(16);
@@ -67560,19 +67614,19 @@ void main() {
       t0 = alo * blo - (t1 - ahi * bhi - alo * bhi - ahi * blo);
       _i = s0 - t0;
       bvirt = s0 - _i;
-      B$1[0] = s0 - (_i + bvirt) + (bvirt - t0);
+      B$2[0] = s0 - (_i + bvirt) + (bvirt - t0);
       _j = s1 + _i;
       bvirt = _j - s1;
       _0 = s1 - (_j - bvirt) + (_i - bvirt);
       _i = _0 - t1;
       bvirt = _0 - _i;
-      B$1[1] = _0 - (_i + bvirt) + (bvirt - t1);
+      B$2[1] = _0 - (_i + bvirt) + (bvirt - t1);
       u3 = _j + _i;
       bvirt = u3 - _j;
-      B$1[2] = _j - (u3 - bvirt) + (_i - bvirt);
-      B$1[3] = u3;
+      B$2[2] = _j - (u3 - bvirt) + (_i - bvirt);
+      B$2[3] = u3;
 
-      let det = estimate(4, B$1);
+      let det = estimate(4, B$2);
       let errbound = ccwerrboundB * detsum;
       if (det >= errbound || -det >= errbound) {
           return det;
@@ -67624,7 +67678,7 @@ void main() {
       bvirt = u3 - _j;
       u$1[2] = _j - (u3 - bvirt) + (_i - bvirt);
       u$1[3] = u3;
-      const C1len = sum(4, B$1, 4, u$1, C1);
+      const C1len = sum(4, B$2, 4, u$1, C1);
 
       s1 = acx * bcytail;
       c = splitter * acx;
@@ -86086,7 +86140,7 @@ void main() {
 
   						console.warn( 'THREE.Node: Recursion detected.', this );
 
-  						result = '';
+  						result = '/* Recursion detected. */';
 
   					}
 
@@ -87461,7 +87515,7 @@ void main() {
 
   	} else if ( type === 'shader' ) {
 
-  		return Fn$1( obj );
+  		return obj.isFn ? obj : Fn$1( obj );
 
   	}
 
@@ -87611,16 +87665,22 @@ void main() {
   		const { shaderNode, inputNodes } = this;
 
   		const properties = builder.getNodeProperties( shaderNode );
-  		const onceNS = shaderNode.namespace && shaderNode.namespace === builder.namespace ? builder.getNamespace( 'once' ) : 'once';
 
-  		if ( properties[ onceNS ] ) {
+  		const subBuild = builder.getClosestSubBuild( shaderNode.subBuilds ) || '';
+  		const subBuildProperty = subBuild || 'default';
 
-  			return properties[ onceNS ];
+  		if ( properties[ subBuildProperty ] ) {
+
+  			return properties[ subBuildProperty ];
 
   		}
 
   		//
 
+  		const previousSubBuildFn = builder.subBuildFn;
+
+  		builder.subBuildFn = subBuild;
+
   		let result = null;
 
   		if ( shaderNode.layout ) {
@@ -87658,9 +87718,11 @@ void main() {
 
   		}
 
+  		builder.subBuildFn = previousSubBuildFn;
+
   		if ( shaderNode.once ) {
 
-  			properties[ onceNS ] = result;
+  			properties[ subBuildProperty ] = result;
 
   		}
 
@@ -87681,11 +87743,12 @@ void main() {
   	getOutputNode( builder ) {
 
   		const properties = builder.getNodeProperties( this );
-  		const outputNamespace = builder.getOutputNamespace();
+  		const subBuildOutput = builder.getSubBuildOutput( this );
 
-  		properties[ outputNamespace ] = properties[ outputNamespace ] || this.setupOutput( builder );
+  		properties[ subBuildOutput ] = properties[ subBuildOutput ] || this.setupOutput( builder );
+  		properties[ subBuildOutput ].subBuild = builder.getClosestSubBuild( this );
 
-  		return properties[ outputNamespace ];
+  		return properties[ subBuildOutput ];
 
   	}
 
@@ -87696,23 +87759,45 @@ void main() {
   		const buildStage = builder.getBuildStage();
   		const properties = builder.getNodeProperties( this );
 
-  		const outputNamespace = builder.getOutputNamespace();
+  		const subBuildOutput = builder.getSubBuildOutput( this );
   		const outputNode = this.getOutputNode( builder );
 
   		if ( buildStage === 'setup' ) {
 
-  			const initializedNamespace = builder.getNamespace( 'initialized' );
+  			const subBuildInitialized = builder.getSubBuildProperty( 'initialized', this );
 
-  			if ( properties[ initializedNamespace ] !== true ) {
+  			if ( properties[ subBuildInitialized ] !== true ) {
 
-  				properties[ initializedNamespace ] = true;
+  				properties[ subBuildInitialized ] = true;
 
-  				properties[ outputNamespace ] = this.getOutputNode( builder );
-  				properties[ outputNamespace ].build( builder );
+  				properties[ subBuildOutput ] = this.getOutputNode( builder );
+  				properties[ subBuildOutput ].build( builder );
+
+  				// If the shaderNode has subBuilds, add them to the chaining nodes
+  				// so they can be built later in the build process.
+
+  				if ( this.shaderNode.subBuilds ) {
+
+  					for ( const node of builder.chaining ) {
+
+  						const nodeData = builder.getDataFromNode( node, 'any' );
+  						nodeData.subBuilds = nodeData.subBuilds || new Set();
+
+  						for ( const subBuild of this.shaderNode.subBuilds ) {
+
+  							nodeData.subBuilds.add( subBuild );
+
+  						}
+
+  						//builder.getDataFromNode( node ).subBuilds = nodeData.subBuilds;
+
+  					}
+
+  				}
 
   			}
 
-  			result = properties[ outputNamespace ];
+  			result = properties[ subBuildOutput ];
 
   		} else if ( buildStage === 'analyze' ) {
 
@@ -87742,7 +87827,6 @@ void main() {
   		this.global = true;
 
   		this.once = false;
-  		this.namespace = null;
 
   	}
 
@@ -87810,20 +87894,6 @@ void main() {
 
   };
 
-  const safeGetNodeType = ( node ) => {
-
-  	try {
-
-  		return node.getNodeType();
-
-  	} catch ( _ ) {
-
-  		return undefined;
-
-  	}
-
-  };
-
   const ConvertType = function ( type, cacheMap = null ) {
 
   	return ( ...params ) => {
@@ -87843,7 +87913,7 @@ void main() {
   		if ( params.length === 1 ) {
 
   			const node = getConstNode( params[ 0 ], type );
-  			if ( safeGetNodeType( node ) === type ) return nodeObject( node );
+  			if ( node.nodeType === type ) return nodeObject( node );
   			return nodeObject( new ConvertNode( node, type ) );
 
   		}
@@ -87938,6 +88008,8 @@ void main() {
   	fn.shaderNode = shaderNode;
   	fn.id = shaderNode.id;
 
+  	fn.isFn = true;
+
   	fn.getNodeType = ( ...params ) => shaderNode.getNodeType( ...params );
   	fn.getCacheKey = ( ...params ) => shaderNode.getCacheKey( ...params );
 
@@ -87949,10 +88021,10 @@ void main() {
 
   	};
 
-  	fn.once = ( namespace = null ) => {
+  	fn.once = ( subBuilds = null ) => {
 
   		shaderNode.once = true;
-  		shaderNode.namespace = namespace;
+  		shaderNode.subBuilds = subBuilds;
 
   		return fn;
 
@@ -88133,21 +88205,6 @@ void main() {
 
   } );
 
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r168. Use {@link Fn} instead.
-   *
-   * @param {...any} params
-   * @returns {Function}
-   */
-  const tslFn = ( ...params ) => { // @deprecated, r168
-
-  	console.warn( 'THREE.TSL: tslFn() has been renamed to Fn().' );
-  	return Fn$1( ...params );
-
-  };
-
   /**
    * This class represents a shader property. It can be used
    * to explicitly define a property and assign a value to it.
@@ -90010,22 +90067,6 @@ void main() {
   addMethodChaining( 'increment', increment );
   addMethodChaining( 'decrement', decrement );
 
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r168. Use {@link mod} instead.
-   *
-   * @param {Node} a - The first input.
-   * @param {Node} b - The second input.
-   * @returns {OperatorNode}
-   */
-  const remainder = ( a, b ) => { // @deprecated, r168
-
-  	console.warn( 'THREE.TSL: "remainder()" is deprecated. Use "mod( int( ... ) )" instead.' );
-  	return mod( a, b );
-
-  };
-
   /**
    * @tsl
    * @function
@@ -90042,7 +90083,6 @@ void main() {
 
   };
 
-  addMethodChaining( 'remainder', remainder );
   addMethodChaining( 'modInt', modInt );
 
   /**
@@ -91082,6 +91122,17 @@ void main() {
    */
   const smoothstepElement = ( x, low, high ) => smoothstep( low, high, x );
 
+  /**
+   * Alias for `step()` with a different parameter order.
+   *
+   * @tsl
+   * @function
+   * @param {Node | number} x - The source value for interpolation.
+   * @param {Node | number} edge - The edge value.
+   * @returns {Node}
+   */
+  const stepElement = ( x, edge ) => step( edge, x );
+
   /**
    * Returns the arc-tangent of the quotient of its parameters.
    *
@@ -91144,7 +91195,7 @@ void main() {
   addMethodChaining( 'atan2', atan2 );
   addMethodChaining( 'min', min$1 );
   addMethodChaining( 'max', max$1 );
-  addMethodChaining( 'step', step );
+  addMethodChaining( 'step', stepElement );
   addMethodChaining( 'reflect', reflect );
   addMethodChaining( 'distance', distance );
   addMethodChaining( 'dot', dot );
@@ -91388,25 +91439,6 @@ void main() {
 
   addMethodChaining( 'select', select$1 );
 
-  // Deprecated
-
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r168. Use {@link select} instead.
-   *
-   * @param {...any} params
-   * @returns {ConditionalNode}
-   */
-  const cond = ( ...params ) => { // @deprecated, r168
-
-  	console.warn( 'THREE.TSL: cond() has been renamed to select().' );
-  	return select$1( ...params );
-
-  };
-
-  addMethodChaining( 'cond', cond );
-
   /**
    * This node can be used as a context management component for another node.
    * {@link NodeBuilder} performs its node building process in a specific context and
@@ -91760,6 +91792,91 @@ void main() {
 
   addMethodChaining( 'temp', temp );
 
+  /**
+   * This node is used to build a sub-build in the node system.
+   *
+   * @augments Node
+   * @param {Node} node - The node to be built in the sub-build.
+   * @param {string} name - The name of the sub-build.
+   * @param {string|null} [nodeType=null] - The type of the node, if known.
+   */
+  class SubBuildNode extends Node {
+
+  	static get type() {
+
+  		return 'SubBuild';
+
+  	}
+
+  	constructor( node, name, nodeType = null ) {
+
+  		super( nodeType );
+
+  		/**
+  		 * The node to be built in the sub-build.
+  		 *
+  		 * @type {Node}
+  		 */
+  		this.node = node;
+
+  		/**
+  		 * The name of the sub-build.
+  		 *
+  		 * @type {string}
+  		 */
+  		this.name = name;
+
+  		/**
+  		 * This flag can be used for type testing.
+  		 *
+  		 * @type {boolean}
+  		 * @readonly
+  		 * @default true
+  		 */
+  		this.isSubBuildNode = true;
+
+  	}
+
+  	getNodeType( builder ) {
+
+  		if ( this.nodeType !== null ) return this.nodeType;
+
+  		builder.addSubBuild( this.name );
+
+  		const nodeType = this.node.getNodeType( builder );
+
+  		builder.removeSubBuild();
+
+  		return nodeType;
+
+  	}
+
+  	build( builder, ...params ) {
+
+  		builder.addSubBuild( this.name );
+
+  		const data = this.node.build( builder, ...params );
+
+  		builder.removeSubBuild();
+
+  		return data;
+
+  	}
+
+  }
+
+  /**
+   * Creates a new sub-build node.
+   *
+   * @tsl
+   * @function
+   * @param {Node} node - The node to be built in the sub-build.
+   * @param {string} name - The name of the sub-build.
+   * @param {string|null} [type=null] - The type of the node, if known.
+   * @returns {Node} A node object wrapping the SubBuildNode instance.
+   */
+  const subBuild = ( node, name, type = null ) => nodeObject( new SubBuildNode( nodeObject( node ), name, type ) );
+
   /**
    * Class for representing shader varyings as nodes. Varyings are create from
    * existing nodes like the following:
@@ -91889,7 +92006,7 @@ void main() {
   			const interpolationSampling = this.interpolationSampling;
 
   			properties.varying = varying = builder.getVaryingFromNode( this, name, type, interpolationType, interpolationSampling );
-  			properties.node = this.node;
+  			properties.node = subBuild( this.node, 'VERTEX' );
 
   		}
 
@@ -91918,18 +92035,19 @@ void main() {
 
   	generate( builder ) {
 
+  		const propertyKey = builder.getSubBuildProperty( 'property', builder.currentStack );
   		const properties = builder.getNodeProperties( this );
   		const varying = this.setupVarying( builder );
 
-  		if ( properties.propertyName === undefined ) {
+  		if ( properties[ propertyKey ] === undefined ) {
 
   			const type = this.getNodeType( builder );
   			const propertyName = builder.getPropertyName( varying, NodeShaderStage.VERTEX );
 
   			// force node run in vertex stage
-  			builder.flowNodeFromShaderStage( NodeShaderStage.VERTEX, this.node, type, propertyName );
+  			builder.flowNodeFromShaderStage( NodeShaderStage.VERTEX, properties.node, type, propertyName );
 
-  			properties.propertyName = propertyName;
+  			properties[ propertyKey ] = propertyName;
 
   		}
 
@@ -93356,20 +93474,6 @@ void main() {
    */
   const cache = ( node, parent ) => nodeObject( new CacheNode( nodeObject( node ), parent ) );
 
-  /**
-   * Assigns a namespace to the given node by updating its context.
-   *
-   * Important for TSL functions that use `.once( namespace )` to ensure that the namespace will run twice,
-   * once when the node is build in the specific namespace and once when the node is built in the others namespace.
-   *
-   * This is useful for nodes like `positionWorld` that need to be re-updated if used in `material.positionNode` and outside of it in the same material.
-   *
-   * @param {Object} node - The node to which the namespace will be assigned.
-   * @param {string} namespace - The namespace to be assigned to the node.
-   * @returns {Object} The updated node with the new namespace in its context.
-   */
-  const namespace$1 = ( node, namespace ) => node.context( { namespace } );
-
   addMethodChaining( 'cache', cache );
 
   /**
@@ -94043,7 +94147,7 @@ void main() {
    * @param {number} [index=0] - The uv index.
    * @return {AttributeNode<vec2>} The uv attribute node.
    */
-  const uv = ( index = 0 ) => attribute( 'uv' + ( index > 0 ? index : '' ), 'vec2' );
+  const uv$1 = ( index = 0 ) => attribute( 'uv' + ( index > 0 ? index : '' ), 'vec2' );
 
   /**
    * A node that represents the dimensions of a texture. The texture size is
@@ -94436,7 +94540,7 @@ void main() {
   	 */
   	getDefaultUV() {
 
-  		return uv( this.value.channel );
+  		return uv$1( this.value.channel );
 
   	}
 
@@ -95469,22 +95573,6 @@ void main() {
    */
   const uniformArray = ( values, nodeType ) => nodeObject( new UniformArrayNode( values, nodeType ) );
 
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r168. Use {@link uniformArray} instead.
-   *
-   * @param {Array<any>} values - Array-like data.
-   * @param {string} nodeType - The data type of the array elements.
-   * @returns {UniformArrayNode}
-   */
-  const uniforms = ( values, nodeType ) => { // @deprecated, r168
-
-  	console.warn( 'THREE.TSL: uniforms() has been renamed to uniformArray().' );
-  	return nodeObject( new UniformArrayNode( values, nodeType ) );
-
-  };
-
   /**
    * The node allows to set values for built-in shader variables. That is
    * required for features like hardware-accelerated vertex clipping.
@@ -95950,7 +96038,7 @@ void main() {
    * @tsl
    * @function
    * @param {?Object3D} [object3d] - The 3D object.
-   * @returns {Object3DNode<vec3>}
+   * @returns {Object3DNode<float>}
    */
   const objectRadius = /*@__PURE__*/ nodeProxy( Object3DNode, Object3DNode.RADIUS ).setParameterLength( 1 );
 
@@ -96162,9 +96250,9 @@ void main() {
    */
   const positionWorld = /*@__PURE__*/ ( Fn$1( ( builder ) => {
 
-  	return modelWorldMatrix.mul( positionLocal ).xyz.toVarying( builder.getNamespace( 'v_positionWorld' ) );
+  	return modelWorldMatrix.mul( positionLocal ).xyz.toVarying( builder.getSubBuildProperty( 'v_positionWorld' ) );
 
-  }, 'vec3' ).once( 'POSITION' ) )();
+  }, 'vec3' ).once( [ 'POSITION' ] ) )();
 
   /**
    * TSL object that represents the position world direction of the current rendered object.
@@ -96172,13 +96260,13 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const positionWorldDirection = /*@__PURE__*/ ( Fn$1( ( builder ) => {
+  const positionWorldDirection = /*@__PURE__*/ ( Fn$1( () => {
 
-  	const vertexPWD = positionLocal.transformDirection( modelWorldMatrix ).toVarying( builder.getNamespace( 'v_positionWorldDirection' ) );
+  	const vertexPWD = positionLocal.transformDirection( modelWorldMatrix ).toVarying( 'v_positionWorldDirection' );
 
   	return vertexPWD.normalize().toVar( 'positionWorldDirection' );
 
-  }, 'vec3' ).once( 'POSITION' ) )();
+  }, 'vec3' ).once( [ 'POSITION' ] ) )();
 
   /**
    * TSL object that represents the vertex position in view space of the current rendered object.
@@ -96188,9 +96276,9 @@ void main() {
    */
   const positionView = /*@__PURE__*/ ( Fn$1( ( builder ) => {
 
-  	return builder.context.setupPositionView().toVarying( builder.getNamespace( 'v_positionView' ) );
+  	return builder.context.setupPositionView().toVarying( 'v_positionView' );
 
-  }, 'vec3' ).once( 'POSITION' ) )();
+  }, 'vec3' ).once( [ 'POSITION' ] ) )();
 
   /**
    * TSL object that represents the position view direction of the current rendered object.
@@ -96233,6 +96321,10 @@ void main() {
 
   	generate( builder ) {
 
+  		if ( builder.shaderStage !== 'fragment' ) return 'true';
+
+  		//
+
   		const { renderer, material } = builder;
 
   		if ( renderer.coordinateSystem === WebGLCoordinateSystem ) {
@@ -96268,6 +96360,34 @@ void main() {
    */
   const faceDirection = /*@__PURE__*/ float$1( frontFacing ).mul( 2.0 ).sub( 1.0 );
 
+  /**
+   * Converts a direction vector to a face direction vector based on the material's side.
+   *
+   * If the material is set to `BackSide`, the direction is inverted.
+   * If the material is set to `DoubleSide`, the direction is multiplied by `faceDirection`.
+   *
+   * @tsl
+   * @param {Node<vec3>} direction - The direction vector to convert.
+   * @returns {Node<vec3>} The converted direction vector.
+   */
+  const directionToFaceDirection = /*@__PURE__*/ Fn$1( ( [ direction ], { material } ) => {
+
+  	const side = material.side;
+
+  	if ( side === BackSide ) {
+
+  		direction = direction.mul( -1 );
+
+  	} else if ( side === DoubleSide ) {
+
+  		direction = direction.mul( faceDirection );
+
+  	}
+
+  	return direction;
+
+  } );
+
   /**
    * TSL object that represents the normal attribute of the current rendered object.
    *
@@ -96310,7 +96430,7 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const normalView = /*@__PURE__*/ ( Fn$1( ( builder ) => {
+  const normalViewGeometry = /*@__PURE__*/ ( Fn$1( ( builder ) => {
 
   	let node;
 
@@ -96320,13 +96440,13 @@ void main() {
 
   	} else {
 
-  		node = varying( transformNormalToView( normalLocal ), 'v_normalView' ).normalize();
+  		node = transformNormalToView( normalLocal ).toVarying( 'v_normalViewGeometry' ).normalize();
 
   	}
 
   	return node;
 
-  }, 'vec3' ).once() )().toVar( 'normalView' );
+  }, 'vec3' ).once() )().toVar( 'normalViewGeometry' );
 
   /**
    * TSL object that represents the vertex normal in world space of the current rendered object.
@@ -96334,19 +96454,19 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const normalWorld = /*@__PURE__*/ ( Fn$1( ( builder ) => {
+  const normalWorldGeometry = /*@__PURE__*/ ( Fn$1( ( builder ) => {
 
-  	let normal = normalView.transformDirection( cameraViewMatrix );
+  	let normal = normalViewGeometry.transformDirection( cameraViewMatrix );
 
   	if ( builder.material.flatShading !== true ) {
 
-  		normal = varying( normal, 'v_normalWorld' );
+  		normal = normal.toVarying( 'v_normalWorldGeometry' );
 
   	}
 
-  	return normal;
+  	return normal.normalize().toVar( 'normalWorldGeometry' );
 
-  }, 'vec3' ).once() )().normalize().toVar( 'normalWorld' );
+  }, 'vec3' ).once() )();
 
   /**
    * TSL object that represents the transformed vertex normal in view space of the current rendered object.
@@ -96354,17 +96474,31 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const transformedNormalView = /*@__PURE__*/ ( Fn$1( ( builder ) => {
+  const normalView = /*@__PURE__*/ ( Fn$1( ( { subBuildFn, material, context } ) => {
+
+  	let node;
 
-  	// Use getUV context to avoid side effects from nodes overwriting getUV in the context (e.g. EnvironmentNode)
+  	if ( subBuildFn === 'NORMAL' || subBuildFn === 'VERTEX' ) {
 
-  	let node = builder.context.setupNormal().context( { getUV: null } );
+  		node = normalViewGeometry;
 
-  	if ( builder.material.flatShading !== true ) node = node.mul( faceDirection );
+  		if ( material.flatShading !== true ) {
+
+  			node = directionToFaceDirection( node );
+
+  		}
+
+  	} else {
+
+  		// Use getUV context to avoid side effects from nodes overwriting getUV in the context (e.g. EnvironmentNode)
+
+  		node = context.setupNormal().context( { getUV: null } );
+
+  	}
 
   	return node;
 
-  }, 'vec3' ).once() )().toVar( 'transformedNormalView' );
+  }, 'vec3' ).once( [ 'NORMAL', 'VERTEX' ] ) )().toVar( 'normalView' );
 
   /**
    * TSL object that represents the transformed vertex normal in world space of the current rendered object.
@@ -96372,7 +96506,7 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const transformedNormalWorld = /*@__PURE__*/ transformedNormalView.transformDirection( cameraViewMatrix ).toVar( 'transformedNormalWorld' );
+  const normalWorld = /*@__PURE__*/ normalView.transformDirection( cameraViewMatrix ).toVar( 'normalWorld' );
 
   /**
    * TSL object that represents the transformed clearcoat vertex normal in view space of the current rendered object.
@@ -96380,17 +96514,25 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const transformedClearcoatNormalView = /*@__PURE__*/ ( Fn$1( ( builder ) => {
+  const clearcoatNormalView = /*@__PURE__*/ ( Fn$1( ( { subBuildFn, context } ) => {
+
+  	let node;
 
-  	// Use getUV context to avoid side effects from nodes overwriting getUV in the context (e.g. EnvironmentNode)
+  	if ( subBuildFn === 'NORMAL' || subBuildFn === 'VERTEX' ) {
 
-  	let node = builder.context.setupClearcoatNormal().context( { getUV: null } );
+  		node = normalView;
 
-  	if ( builder.material.flatShading !== true ) node = node.mul( faceDirection );
+  	} else {
+
+  		// Use getUV context to avoid side effects from nodes overwriting getUV in the context (e.g. EnvironmentNode)
+
+  		node = context.setupClearcoatNormal().context( { getUV: null } );
+
+  	}
 
   	return node;
 
-  }, 'vec3' ).once() )().toVar( 'transformedClearcoatNormalView' );
+  }, 'vec3' ).once( [ 'NORMAL', 'VERTEX' ] ) )().toVar( 'clearcoatNormalView' );
 
   /**
    * Transforms the normal with the given matrix.
@@ -96438,6 +96580,50 @@ void main() {
 
   } );
 
+  // Deprecated
+
+  /**
+   * TSL object that represents the transformed vertex normal in view space of the current rendered object.
+   *
+   * @tsl
+   * @type {Node<vec3>}
+   * @deprecated since r178. Use `normalView` instead.
+   */
+  const transformedNormalView = ( Fn$1( () => { // @deprecated, r177
+
+  	console.warn( 'THREE.TSL: "transformedNormalView" is deprecated. Use "normalView" instead.' );
+  	return normalView;
+
+  } ).once( [ 'NORMAL', 'VERTEX' ] ) )();
+
+  /**
+   * TSL object that represents the transformed vertex normal in world space of the current rendered object.
+   *
+   * @tsl
+   * @type {Node<vec3>}
+   * @deprecated since r178. Use `normalWorld` instead.
+   */
+  const transformedNormalWorld = ( Fn$1( () => { // @deprecated, r177
+
+  	console.warn( 'THREE.TSL: "transformedNormalWorld" is deprecated. Use "normalWorld" instead.' );
+  	return normalWorld;
+
+  } ).once( [ 'NORMAL', 'VERTEX' ] ) )();
+
+  /**
+   * TSL object that represents the transformed clearcoat vertex normal in view space of the current rendered object.
+   *
+   * @tsl
+   * @type {Node<vec3>}
+   * @deprecated since r178. Use `clearcoatNormalView` instead.
+   */
+  const transformedClearcoatNormalView = ( Fn$1( () => { // @deprecated, r177
+
+  	console.warn( 'THREE.TSL: "transformedClearcoatNormalView" is deprecated. Use "clearcoatNormalView" instead.' );
+  	return clearcoatNormalView;
+
+  } ).once( [ 'NORMAL', 'VERTEX' ] ) )();
+
   const _e1$1 = /*@__PURE__*/ new Euler();
   const _m1$1 = /*@__PURE__*/ new Matrix4();
 
@@ -96500,7 +96686,7 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const reflectView = /*@__PURE__*/ positionViewDirection.negate().reflect( transformedNormalView );
+  const reflectView = /*@__PURE__*/ positionViewDirection.negate().reflect( normalView );
 
   /**
    * The refract vector in view space.
@@ -96508,7 +96694,7 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const refractView = /*@__PURE__*/ positionViewDirection.negate().refract( transformedNormalView, materialRefractionRatio );
+  const refractView = /*@__PURE__*/ positionViewDirection.negate().refract( normalView, materialRefractionRatio );
 
   /**
    * Used for sampling cube maps when using cube reflection mapping.
@@ -97183,6 +97369,49 @@ void main() {
    */
   const materialReference = ( name, type, material = null ) => nodeObject( new MaterialReferenceNode( name, type, material ) );
 
+  // Normal Mapping Without Precomputed Tangents
+  // http://www.thetenthplanet.de/archives/1180
+
+  const uv = uv$1();
+
+  const q0 = positionView.dFdx();
+  const q1 = positionView.dFdy();
+  const st0 = uv.dFdx();
+  const st1 = uv.dFdy();
+
+  const N$1 = normalView;
+
+  const q1perp = q1.cross( N$1 );
+  const q0perp = N$1.cross( q0 );
+
+  const T$1 = q1perp.mul( st0.x ).add( q0perp.mul( st1.x ) );
+  const B$1 = q1perp.mul( st0.y ).add( q0perp.mul( st1.y ) );
+
+  const det = T$1.dot( T$1 ).max( B$1.dot( B$1 ) );
+  const scale = det.equal( 0.0 ).select( 0.0, det.inverseSqrt() );
+
+  /**
+   * Tangent vector in view space, computed dynamically from geometry and UV derivatives.
+   * Useful for normal mapping without precomputed tangents.
+   *
+   * Reference: http://www.thetenthplanet.de/archives/1180
+   *
+   * @tsl
+   * @type {Node<vec3>}
+   */
+  const tangentViewFrame = /*@__PURE__*/ T$1.mul( scale ).toVar( 'tangentViewFrame' );
+
+  /**
+   * Bitangent vector in view space, computed dynamically from geometry and UV derivatives.
+   * Complements the tangentViewFrame for constructing the tangent space basis.
+   *
+   * Reference: http://www.thetenthplanet.de/archives/1180
+   *
+   * @tsl
+   * @type {Node<vec3>}
+   */
+  const bitangentViewFrame = /*@__PURE__*/ B$1.mul( scale ).toVar( 'bitangentViewFrame' );
+
   /**
    * TSL object that represents the tangent attribute of the current rendered object.
    *
@@ -97215,31 +97444,37 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const tangentView = /*@__PURE__*/ modelViewMatrix.mul( vec4( tangentLocal, 0 ) ).xyz.toVarying( 'v_tangentView' ).normalize().toVar( 'tangentView' );
+  const tangentView = /*@__PURE__*/ ( Fn$1( ( { subBuildFn, geometry, material } ) => {
 
-  /**
-   * TSL object that represents the vertex tangent in world space of the current rendered object.
-   *
-   * @tsl
-   * @type {Node<vec3>}
-   */
-  const tangentWorld = /*@__PURE__*/ tangentView.transformDirection( cameraViewMatrix ).toVarying( 'v_tangentWorld' ).normalize().toVar( 'tangentWorld' );
+  	let node;
 
-  /**
-   * TSL object that represents the transformed vertex tangent in view space of the current rendered object.
-   *
-   * @tsl
-   * @type {Node<vec3>}
-   */
-  const transformedTangentView = /*@__PURE__*/ tangentView.toVar( 'transformedTangentView' );
+  	if ( subBuildFn === 'VERTEX' || geometry.hasAttribute( 'tangent' ) ) {
+
+  		node = modelViewMatrix.mul( vec4( tangentLocal, 0 ) ).xyz.toVarying( 'v_tangentView' ).normalize();
+
+  	} else {
+
+  		node = tangentViewFrame;
+
+  	}
+
+  	if ( material.flatShading !== true ) {
+
+  		node = directionToFaceDirection( node );
+
+  	}
+
+  	return node;
+
+  }, 'vec3' ).once( [ 'NORMAL', 'VERTEX' ] ) )().toVar( 'tangentView' );
 
   /**
-   * TSL object that represents the transformed vertex tangent in world space of the current rendered object.
+   * TSL object that represents the vertex tangent in world space of the current rendered object.
    *
    * @tsl
    * @type {Node<vec3>}
    */
-  const transformedTangentWorld = /*@__PURE__*/ transformedTangentView.transformDirection( cameraViewMatrix ).normalize().toVar( 'transformedTangentWorld' );
+  const tangentWorld = /*@__PURE__*/ tangentView.transformDirection( cameraViewMatrix ).toVarying( 'v_tangentWorld' ).normalize().toVar( 'tangentWorld' );
 
   /**
    * Returns the bitangent node and assigns it to a varying if the material is not flat shaded.
@@ -97250,19 +97485,19 @@ void main() {
    * @param {string} varyingName - The name of the varying to assign the bitangent to.
    * @returns {Node<vec3>} The bitangent node.
    */
-  const getBitangent = /*@__PURE__*/ Fn$1( ( [ crossNormalTangent, varyingName ], builder ) => {
+  const getBitangent = /*@__PURE__*/ Fn$1( ( [ crossNormalTangent, varyingName ], { subBuildFn, material } ) => {
 
   	let bitangent = crossNormalTangent.mul( tangentGeometry.w ).xyz;
 
-  	if ( builder.material.flatShading !== true ) {
+  	if ( subBuildFn === 'NORMAL' && material.flatShading !== true ) {
 
-  		bitangent = varying( bitangent, varyingName );
+  		bitangent = bitangent.toVarying( varyingName );
 
   	}
 
   	return bitangent;
 
-  } ).once();
+  } ).once( [ 'NORMAL' ] );
 
   /**
    * TSL object that represents the bitangent attribute of the current rendered object.
@@ -97286,7 +97521,29 @@ void main() {
    * @tsl
    * @type {Node<vec3>}
    */
-  const bitangentView = getBitangent( normalView.cross( tangentView ), 'v_bitangentView' ).normalize().toVar( 'bitangentView' );
+  const bitangentView = /*@__PURE__*/ ( Fn$1( ( { subBuildFn, geometry, material } ) => {
+
+  	let node;
+
+  	if ( subBuildFn === 'VERTEX' || geometry.hasAttribute( 'tangent' ) ) {
+
+  		node = getBitangent( normalView.cross( tangentView ), 'v_bitangentView' ).normalize();
+
+  	} else {
+
+  		node = bitangentViewFrame;
+
+  	}
+
+  	if ( material.flatShading !== true ) {
+
+  		node = directionToFaceDirection( node );
+
+  	}
+
+  	return node;
+
+  }, 'vec3' ).once( [ 'NORMAL', 'VERTEX' ] ) )().toVar( 'bitangentView' );
 
   /**
    * TSL object that represents the vertex bitangent in world space of the current rendered object.
@@ -97296,29 +97553,13 @@ void main() {
    */
   const bitangentWorld = /*@__PURE__*/ getBitangent( normalWorld.cross( tangentWorld ), 'v_bitangentWorld' ).normalize().toVar( 'bitangentWorld' );
 
-  /**
-   * TSL object that represents the transformed vertex bitangent in view space of the current rendered object.
-   *
-   * @tsl
-   * @type {Node<vec3>}
-   */
-  const transformedBitangentView = /*@__PURE__*/ getBitangent( transformedNormalView.cross( transformedTangentView ), 'v_transformedBitangentView' ).normalize().toVar( 'transformedBitangentView' );
-
-  /**
-   * TSL object that represents the transformed vertex bitangent in world space of the current rendered object.
-   *
-   * @tsl
-   * @type {Node<vec4>}
-   */
-  const transformedBitangentWorld = /*@__PURE__*/ transformedBitangentView.transformDirection( cameraViewMatrix ).normalize().toVar( 'transformedBitangentWorld' );
-
   /**
    * TSL object that represents the TBN matrix in view space.
    *
    * @tsl
    * @type {Node<mat3>}
    */
-  const TBNViewMatrix = /*@__PURE__*/ mat3( tangentView, bitangentView, normalView );
+  const TBNViewMatrix = /*@__PURE__*/ mat3( tangentView, bitangentView, normalView ).toVar( 'TBNViewMatrix' );
 
   /**
    * TSL object that represents the parallax direction.
@@ -97346,45 +97587,17 @@ void main() {
    * @function
    * @returns {Node<vec3>} Bent normals.
    */
-  const transformedBentNormalView = /*@__PURE__*/ ( () => {
+  const bentNormalView = /*@__PURE__*/ ( Fn$1( () => {
 
   	// https://google.github.io/filament/Filament.md.html#lighting/imagebasedlights/anisotropy
 
   	let bentNormal = anisotropyB.cross( positionViewDirection );
   	bentNormal = bentNormal.cross( anisotropyB ).normalize();
-  	bentNormal = mix$2( bentNormal, transformedNormalView, anisotropy.mul( roughness.oneMinus() ).oneMinus().pow2().pow2() ).normalize();
+  	bentNormal = mix$2( bentNormal, normalView, anisotropy.mul( roughness.oneMinus() ).oneMinus().pow2().pow2() ).normalize();
 
   	return bentNormal;
 
-
-  } )();
-
-  // Normal Mapping Without Precomputed Tangents
-  // http://www.thetenthplanet.de/archives/1180
-
-  const perturbNormal2Arb = /*@__PURE__*/ Fn$1( ( inputs ) => {
-
-  	const { eye_pos, surf_norm, mapN, uv } = inputs;
-
-  	const q0 = eye_pos.dFdx();
-  	const q1 = eye_pos.dFdy();
-  	const st0 = uv.dFdx();
-  	const st1 = uv.dFdy();
-
-  	const N = surf_norm; // normalized
-
-  	const q1perp = q1.cross( N );
-  	const q0perp = N.cross( q0 );
-
-  	const T = q1perp.mul( st0.x ).add( q0perp.mul( st1.x ) );
-  	const B = q1perp.mul( st0.y ).add( q0perp.mul( st1.y ) );
-
-  	const det = T.dot( T ).max( B.dot( B ) );
-  	const scale = faceDirection.mul( det.inverseSqrt() );
-
-  	return add( T.mul( mapN.x, scale ), B.mul( mapN.y, scale ), N.mul( mapN.z ) ).normalize();
-
-  } );
+  } ).once() )();
 
   /**
    * This class can be used for applying normals maps to materials.
@@ -97438,7 +97651,7 @@ void main() {
 
   	}
 
-  	setup( builder ) {
+  	setup( { material } ) {
 
   		const { normalMapType, scaleNode } = this;
 
@@ -97446,38 +97659,37 @@ void main() {
 
   		if ( scaleNode !== null ) {
 
-  			normalMap = vec3( normalMap.xy.mul( scaleNode ), normalMap.z );
+  			let scale = scaleNode;
+
+  			if ( material.flatShading === true ) {
+
+  				scale = directionToFaceDirection( scale );
+
+  			}
+
+  			normalMap = vec3( normalMap.xy.mul( scale ), normalMap.z );
 
   		}
 
-  		let outputNode = null;
+  		let output = null;
 
   		if ( normalMapType === ObjectSpaceNormalMap ) {
 
-  			outputNode = transformNormalToView( normalMap );
+  			output = transformNormalToView( normalMap );
 
   		} else if ( normalMapType === TangentSpaceNormalMap ) {
 
-  			const tangent = builder.hasGeometryAttribute( 'tangent' );
+  			output = TBNViewMatrix.mul( normalMap ).normalize();
 
-  			if ( tangent === true ) {
-
-  				outputNode = TBNViewMatrix.mul( normalMap ).normalize();
-
-  			} else {
+  		} else {
 
-  				outputNode = perturbNormal2Arb( {
-  					eye_pos: positionView,
-  					surf_norm: normalView,
-  					mapN: normalMap,
-  					uv: uv()
-  				} );
+  			console.error( `THREE.NodeMaterial: Unsupported normal map type: ${ normalMapType }` );
 
-  			}
+  			output = normalView; // Fallback to default normal view
 
   		}
 
-  		return outputNode;
+  		return output;
 
   	}
 
@@ -97500,7 +97712,7 @@ void main() {
   const dHdxy_fwd = Fn$1( ( { textureNode, bumpScale } ) => {
 
   	// It's used to preserve the same TextureNode instance
-  	const sampleTexture = ( callback ) => textureNode.cache().context( { getUV: ( texNode ) => callback( texNode.uvNode || uv() ), forceUVContext: true } );
+  	const sampleTexture = ( callback ) => textureNode.cache().context( { getUV: ( texNode ) => callback( texNode.uvNode || uv$1() ), forceUVContext: true } );
 
   	const Hll = float$1( sampleTexture( ( uvNode ) => uvNode ) );
 
@@ -100150,23 +100362,6 @@ void main() {
    */
   const Break = () => expression( 'break' ).toStack();
 
-  // Deprecated
-
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r168. Use {@link Loop} instead.
-   *
-   * @param {...any} params
-   * @returns {LoopNode}
-   */
-  const loop = ( ...params ) => { // @deprecated, r168
-
-  	console.warn( 'THREE.TSL: loop() has been renamed to Loop().' );
-  	return Loop$1( ...params );
-
-  };
-
   const _morphTextures = /*@__PURE__*/ new WeakMap();
   const _morphVec4 = /*@__PURE__*/ new Vector4();
 
@@ -100938,32 +101133,6 @@ void main() {
 
   }, 'vec2' ).once() )();
 
-  /**
-   * @tsl
-   * @deprecated since r168. Use {@link screenUV} instead.
-   * @type {Node<vec2>}
-   */
-  const viewportTopLeft = /*@__PURE__*/ ( Fn$1( () => { // @deprecated, r168
-
-  	console.warn( 'THREE.TSL: "viewportTopLeft" is deprecated. Use "screenUV" instead.' );
-
-  	return screenUV;
-
-  }, 'vec2' ).once() )();
-
-  /**
-   * @tsl
-   * @deprecated since r168. Use `screenUV.flipY()` instead.
-   * @type {Node<vec2>}
-   */
-  const viewportBottomLeft = /*@__PURE__*/ ( Fn$1( () => { // @deprecated, r168
-
-  	console.warn( 'THREE.TSL: "viewportBottomLeft" is deprecated. Use "screenUV.flipY()" instead.' );
-
-  	return screenUV.flipY();
-
-  }, 'vec2' ).once() )();
-
   const _size$4 = /*@__PURE__*/ new Vector2();
 
   /**
@@ -101840,6 +102009,238 @@ void main() {
    */
   const vertexColor = ( index = 0 ) => nodeObject( new VertexColorNode( index ) );
 
+  /**
+   * Represents a "Color Burn" blend mode.
+   *
+   * It's designed to darken the base layer's colors based on the color of the blend layer.
+   * It significantly increases the contrast of the base layer, making the colors more vibrant and saturated.
+   * The darker the color in the blend layer, the stronger the darkening and contrast effect on the base layer.
+   *
+   * @tsl
+   * @function
+   * @param {Node<vec3>} base - The base color.
+   * @param {Node<vec3>} blend - The blend color. A white (#ffffff) blend color does not alter the base color.
+   * @return {Node<vec3>} The result.
+   */
+  const blendBurn = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
+
+  	return min$1( 1.0, base.oneMinus().div( blend ) ).oneMinus();
+
+  } ).setLayout( {
+  	name: 'blendBurn',
+  	type: 'vec3',
+  	inputs: [
+  		{ name: 'base', type: 'vec3' },
+  		{ name: 'blend', type: 'vec3' }
+  	]
+  } );
+
+  /**
+   * Represents a "Color Dodge" blend mode.
+   *
+   * It's designed to lighten the base layer's colors based on the color of the blend layer.
+   * It significantly increases the brightness of the base layer, making the colors lighter and more vibrant.
+   * The brighter the color in the blend layer, the stronger the lightening and contrast effect on the base layer.
+   *
+   * @tsl
+   * @function
+   * @param {Node<vec3>} base - The base color.
+   * @param {Node<vec3>} blend - The blend color. A black (#000000) blend color does not alter the base color.
+   * @return {Node<vec3>} The result.
+   */
+  const blendDodge = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
+
+  	return min$1( base.div( blend.oneMinus() ), 1.0 );
+
+  } ).setLayout( {
+  	name: 'blendDodge',
+  	type: 'vec3',
+  	inputs: [
+  		{ name: 'base', type: 'vec3' },
+  		{ name: 'blend', type: 'vec3' }
+  	]
+  } );
+
+  /**
+   * Represents a "Screen" blend mode.
+   *
+   * Similar to `blendDodge()`, this mode also lightens the base layer's colors based on the color of the blend layer.
+   * The "Screen" blend mode is better for general brightening whereas the "Dodge" results in more subtle and nuanced
+   * effects.
+   *
+   * @tsl
+   * @function
+   * @param {Node<vec3>} base - The base color.
+   * @param {Node<vec3>} blend - The blend color. A black (#000000) blend color does not alter the base color.
+   * @return {Node<vec3>} The result.
+   */
+  const blendScreen = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
+
+  	return base.oneMinus().mul( blend.oneMinus() ).oneMinus();
+
+  } ).setLayout( {
+  	name: 'blendScreen',
+  	type: 'vec3',
+  	inputs: [
+  		{ name: 'base', type: 'vec3' },
+  		{ name: 'blend', type: 'vec3' }
+  	]
+  } );
+
+  /**
+   * Represents a "Overlay" blend mode.
+   *
+   * It's designed to increase the contrast of the base layer based on the color of the blend layer.
+   * It amplifies the existing colors and contrast in the base layer, making lighter areas lighter and darker areas darker.
+   * The color of the blend layer significantly influences the resulting contrast and color shift in the base layer.
+   *
+   * @tsl
+   * @function
+   * @param {Node<vec3>} base - The base color.
+   * @param {Node<vec3>} blend - The blend color
+   * @return {Node<vec3>} The result.
+   */
+  const blendOverlay = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
+
+  	return mix$2( base.mul( 2.0 ).mul( blend ), base.oneMinus().mul( 2.0 ).mul( blend.oneMinus() ).oneMinus(), step( 0.5, base ) );
+
+  } ).setLayout( {
+  	name: 'blendOverlay',
+  	type: 'vec3',
+  	inputs: [
+  		{ name: 'base', type: 'vec3' },
+  		{ name: 'blend', type: 'vec3' }
+  	]
+  } );
+
+  /**
+   * This function blends two color based on their alpha values by replicating the behavior of `THREE.NormalBlending`.
+   * It assumes both input colors have non-premultiplied alpha.
+   *
+   * @tsl
+   * @function
+   * @param {Node<vec4>} base - The base color.
+   * @param {Node<vec4>} blend - The blend color
+   * @return {Node<vec4>} The result.
+   */
+  const blendColor = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
+
+  	const outAlpha = blend.a.add( base.a.mul( blend.a.oneMinus() ) );
+
+  	return vec4( blend.rgb.mul( blend.a ).add( base.rgb.mul( base.a ).mul( blend.a.oneMinus() ) ).div( outAlpha ), outAlpha );
+
+  } ).setLayout( {
+  	name: 'blendColor',
+  	type: 'vec4',
+  	inputs: [
+  		{ name: 'base', type: 'vec4' },
+  		{ name: 'blend', type: 'vec4' }
+  	]
+  } );
+
+  /**
+   * Premultiplies the RGB channels of a color by its alpha channel.
+   *
+   * This function is useful for converting a non-premultiplied alpha color
+   * into a premultiplied alpha format, where the RGB values are scaled
+   * by the alpha value. Premultiplied alpha is often used in graphics
+   * rendering for certain operations, such as compositing and image processing.
+   *
+   * @tsl
+   * @function
+   * @param {Node<vec4>} color - The input color with non-premultiplied alpha.
+   * @return {Node<vec4>} The color with premultiplied alpha.
+   */
+  const premultiplyAlpha = /*@__PURE__*/ Fn$1( ( [ color ] ) => {
+
+  	return vec4( color.rgb.mul( color.a ), color.a );
+
+  }, { color: 'vec4', return: 'vec4' } );
+
+  /**
+   * Unpremultiplies the RGB channels of a color by its alpha channel.
+   *
+   * This function is useful for converting a premultiplied alpha color
+   * back into a non-premultiplied alpha format, where the RGB values are
+   * divided by the alpha value. Unpremultiplied alpha is often used in graphics
+   * rendering for certain operations, such as compositing and image processing.
+   *
+   * @tsl
+   * @function
+   * @param {Node<vec4>} color - The input color with premultiplied alpha.
+   * @return {Node<vec4>} The color with non-premultiplied alpha.
+   */
+  const unpremultiplyAlpha = /*@__PURE__*/ Fn$1( ( [ color ] ) => {
+
+  	If$1( color.a.equal( 0.0 ), () => vec4( 0.0 ) );
+
+  	return vec4( color.rgb.div( color.a ), color.a );
+
+  }, { color: 'vec4', return: 'vec4' } );
+
+
+  // Deprecated
+
+  /**
+   * @tsl
+   * @function
+   * @deprecated since r171. Use {@link blendBurn} instead.
+   *
+   * @param {...any} params
+   * @returns {Function}
+   */
+  const burn = ( ...params ) => { // @deprecated, r171
+
+  	console.warn( 'THREE.TSL: "burn" has been renamed. Use "blendBurn" instead.' );
+  	return blendBurn( params );
+
+  };
+
+  /**
+   * @tsl
+   * @function
+   * @deprecated since r171. Use {@link blendDodge} instead.
+   *
+   * @param {...any} params
+   * @returns {Function}
+   */
+  const dodge = ( ...params ) => { // @deprecated, r171
+
+  	console.warn( 'THREE.TSL: "dodge" has been renamed. Use "blendDodge" instead.' );
+  	return blendDodge( params );
+
+  };
+
+  /**
+   * @tsl
+   * @function
+   * @deprecated since r171. Use {@link blendScreen} instead.
+   *
+   * @param {...any} params
+   * @returns {Function}
+   */
+  const screen = ( ...params ) => { // @deprecated, r171
+
+  	console.warn( 'THREE.TSL: "screen" has been renamed. Use "blendScreen" instead.' );
+  	return blendScreen( params );
+
+  };
+
+  /**
+   * @tsl
+   * @function
+   * @deprecated since r171. Use {@link blendOverlay} instead.
+   *
+   * @param {...any} params
+   * @returns {Function}
+   */
+  const overlay = ( ...params ) => { // @deprecated, r171
+
+  	console.warn( 'THREE.TSL: "overlay" has been renamed. Use "blendOverlay" instead.' );
+  	return blendOverlay( params );
+
+  };
+
   /**
    * Base class for all node materials.
    *
@@ -102259,7 +102660,7 @@ void main() {
   	 */
   	setup( builder ) {
 
-  		builder.context.setupNormal = () => this.setupNormal( builder );
+  		builder.context.setupNormal = () => subBuild( this.setupNormal( builder ), 'NORMAL', 'vec3' );
   		builder.context.setupPositionView = () => this.setupPositionView( builder );
   		builder.context.setupModelViewProjection = () => this.setupModelViewProjection( builder );
 
@@ -102270,7 +102671,7 @@ void main() {
 
   		builder.addStack();
 
-  		const mvp = this.setupVertex( builder );
+  		const mvp = subBuild( this.setupVertex( builder ), 'VERTEX' );
 
   		const vertexNode = this.vertexNode || mvp;
 
@@ -102582,7 +102983,7 @@ void main() {
 
   		if ( this.positionNode !== null ) {
 
-  			positionLocal.assign( namespace$1( this.positionNode, 'POSITION' ) );
+  			positionLocal.assign( subBuild( this.positionNode, 'POSITION', 'vec3' ) );
 
   		}
 
@@ -102892,6 +103293,19 @@ void main() {
 
   	}
 
+  	/**
+  	 * Setups premultiplied alpha.
+  	 *
+  	 * @param {NodeBuilder} builder - The current node builder.
+  	 * @param {Node<vec4>} outputNode - The existing output node.
+  	 * @return {Node<vec4>} The output node.
+  	 */
+  	setupPremultipliedAlpha( builder, outputNode ) {
+
+  		return premultiplyAlpha( outputNode );
+
+  	}
+
   	/**
   	 * Setups the output node.
   	 *
@@ -102909,6 +103323,14 @@ void main() {
 
   		}
 
+  		// PREMULTIPLIED ALPHA
+
+  		if ( this.premultipliedAlpha === true ) {
+
+  			outputNode = this.setupPremultipliedAlpha( builder, outputNode );
+
+  		}
+
   		return outputNode;
 
   	}
@@ -103346,13 +103768,15 @@ void main() {
 
   		// By convention, a normal packed to RGB is in sRGB color space. Convert it to working color space.
 
-  		diffuseColor.assign( colorSpaceToWorking( vec4( directionToColor( transformedNormalView ), opacityNode ), SRGBColorSpace ) );
+  		diffuseColor.assign( colorSpaceToWorking( vec4( directionToColor( normalView ), opacityNode ), SRGBColorSpace ) );
 
   	}
 
   }
 
   /**
+   * TSL function for creating an equirect uv node.
+   *
    * Can be used to compute texture coordinates for projecting an
    * equirectangular texture onto a mesh for using it as the scene's
    * background.
@@ -103361,56 +103785,19 @@ void main() {
    * scene.backgroundNode = texture( equirectTexture, equirectUV() );
    * ```
    *
-   * @augments TempNode
-   */
-  class EquirectUVNode extends TempNode {
-
-  	static get type() {
-
-  		return 'EquirectUVNode';
-
-  	}
-
-  	/**
-  	 * Constructs a new equirect uv node.
-  	 *
-  	 * @param {Node<vec3>} [dirNode=positionWorldDirection] - A direction vector for sampling which is by default `positionWorldDirection`.
-  	 */
-  	constructor( dirNode = positionWorldDirection ) {
-
-  		super( 'vec2' );
-
-  		/**
-  		 * A direction vector for sampling why is by default `positionWorldDirection`.
-  		 *
-  		 * @type {Node<vec3>}
-  		 */
-  		this.dirNode = dirNode;
-
-  	}
-
-  	setup() {
-
-  		const dir = this.dirNode;
-
-  		const u = dir.z.atan( dir.x ).mul( 1 / ( Math.PI * 2 ) ).add( 0.5 );
-  		const v = dir.y.clamp( -1, 1.0 ).asin().mul( 1 / Math.PI ).add( 0.5 );
-
-  		return vec2( u, v );
-
-  	}
-
-  }
-
-  /**
-   * TSL function for creating an equirect uv node.
-   *
    * @tsl
    * @function
    * @param {?Node<vec3>} [dirNode=positionWorldDirection] - A direction vector for sampling which is by default `positionWorldDirection`.
-   * @returns {EquirectUVNode}
+   * @returns {Node<vec2>}
    */
-  const equirectUV = /*@__PURE__*/ nodeProxy( EquirectUVNode ).setParameterLength( 0, 1 );
+  const equirectUV = /*@__PURE__*/ Fn$1( ( [ dir = positionWorldDirection ] ) => {
+
+  	const u = dir.z.atan( dir.x ).mul( 1 / ( Math.PI * 2 ) ).add( 0.5 );
+  	const v = dir.y.clamp( -1, 1.0 ).asin().mul( 1 / Math.PI ).add( 0.5 );
+
+  	return vec2( u, v );
+
+  } );
 
   // @TODO: Consider rename WebGLCubeRenderTarget to just CubeRenderTarget
 
@@ -104038,13 +104425,13 @@ void main() {
 
   	/**
   	 * Basic materials are not affected by normal and bump maps so we
-  	 * return by default {@link normalView}.
+  	 * return by default {@link normalViewGeometry}.
   	 *
   	 * @return {Node<vec3>} The normal node.
   	 */
   	setupNormal() {
 
-  		return normalView; // see #28839
+  		return directionToFaceDirection( normalViewGeometry ); // see #28839
 
   	}
 
@@ -104140,7 +104527,7 @@ void main() {
 
   	const halfDir = lightDirection.add( positionViewDirection ).normalize();
 
-  	const dotNH = transformedNormalView.dot( halfDir ).clamp();
+  	const dotNH = normalView.dot( halfDir ).clamp();
   	const dotVH = positionViewDirection.dot( halfDir ).clamp();
 
   	const F = F_Schlick( { f0: specularColor, f90: 1.0, dotVH } );
@@ -104187,7 +104574,7 @@ void main() {
   	 */
   	direct( { lightDirection, lightColor, reflectedLight } ) {
 
-  		const dotNL = transformedNormalView.dot( lightDirection ).clamp();
+  		const dotNL = normalView.dot( lightDirection ).clamp();
   		const irradiance = dotNL.mul( lightColor );
 
   		reflectedLight.directDiffuse.addAssign( irradiance.mul( BRDF_Lambert( { diffuseColor: diffuseColor.rgb } ) ) );
@@ -104431,7 +104818,7 @@ void main() {
 
   	}
 
-  	const dxy = normalView.dFdx().abs().max( normalView.dFdy().abs() );
+  	const dxy = normalViewGeometry.dFdx().abs().max( normalViewGeometry.dFdy().abs() );
   	const geometryRoughness = dxy.x.max( dxy.y ).max( dxy.z );
 
   	return geometryRoughness;
@@ -104544,19 +104931,15 @@ void main() {
   } );
 
   // GGX Distribution, Schlick Fresnel, GGX_SmithCorrelated Visibility
-  const BRDF_GGX = /*@__PURE__*/ Fn$1( ( inputs ) => {
-
-  	const { lightDirection, f0, f90, roughness, f, USE_IRIDESCENCE, USE_ANISOTROPY } = inputs;
-
-  	const normalView = inputs.normalView || transformedNormalView;
+  const BRDF_GGX = /*@__PURE__*/ Fn$1( ( { lightDirection, f0, f90, roughness, f, normalView: normalView$1 = normalView, USE_IRIDESCENCE, USE_ANISOTROPY } ) => {
 
   	const alpha = roughness.pow2(); // UE4's roughness
 
   	const halfDir = lightDirection.add( positionViewDirection ).normalize();
 
-  	const dotNL = normalView.dot( lightDirection ).clamp();
-  	const dotNV = normalView.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
-  	const dotNH = normalView.dot( halfDir ).clamp();
+  	const dotNL = normalView$1.dot( lightDirection ).clamp();
+  	const dotNV = normalView$1.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
+  	const dotNH = normalView$1.dot( halfDir ).clamp();
   	const dotVH = positionViewDirection.dot( halfDir ).clamp();
 
   	let F = F_Schlick( { f0, f90, dotVH } );
@@ -104685,9 +105068,9 @@ void main() {
 
   	const halfDir = lightDirection.add( positionViewDirection ).normalize();
 
-  	const dotNL = transformedNormalView.dot( lightDirection ).clamp();
-  	const dotNV = transformedNormalView.dot( positionViewDirection ).clamp();
-  	const dotNH = transformedNormalView.dot( halfDir ).clamp();
+  	const dotNL = normalView.dot( lightDirection ).clamp();
+  	const dotNV = normalView.dot( positionViewDirection ).clamp();
+  	const dotNH = normalView.dot( halfDir ).clamp();
 
   	const D = D_Charlie( { roughness: sheenRoughness, dotNH } );
   	const V = V_Neubelt( { dotNV, dotNL } );
@@ -104877,10 +105260,10 @@ void main() {
    * @tsl
    * @function
    * @param {TextureNode} textureNode - The texture node that should be filtered.
-   * @param {Node<float>} [lodNode=float(3)] - Defines the LOD to sample from.
+   * @param {Node<float>} lodNode - Defines the LOD to sample from.
    * @return {Node} The filtered texture sample.
    */
-  const textureBicubic = /*@__PURE__*/ Fn$1( ( [ textureNode, lodNode = float$1( 3 ) ] ) => {
+  const textureBicubicLevel = /*@__PURE__*/ Fn$1( ( [ textureNode, lodNode ] ) => {
 
   	const fLodSize = vec2( textureNode.size( int( lodNode ) ) );
   	const cLodSize = vec2( textureNode.size( int( lodNode.add( 1.0 ) ) ) );
@@ -104893,6 +105276,23 @@ void main() {
 
   } );
 
+  /**
+   * Applies mipped bicubic texture filtering to the given texture node.
+   *
+   * @tsl
+   * @function
+   * @param {TextureNode} textureNode - The texture node that should be filtered.
+   * @param {Node<float>} [strength] - Defines the strength of the bicubic filtering.
+   * @return {Node} The filtered texture sample.
+   */
+  const textureBicubic = /*@__PURE__*/ Fn$1( ( [ textureNode, strength ] ) => {
+
+  	const lod = strength.mul( maxMipLevel( textureNode ) );
+
+  	return textureBicubicLevel( textureNode, lod );
+
+  } );
+
   //
   // Transmission
   //
@@ -104951,7 +105351,7 @@ void main() {
 
   	const lod = log2( screenSize.x ).mul( applyIorToRoughness( roughness, ior ) );
 
-  	return textureBicubic( transmissionSample, lod );
+  	return textureBicubicLevel( transmissionSample, lod );
 
   } );
 
@@ -105365,7 +105765,7 @@ void main() {
 
   		if ( this.iridescence === true ) {
 
-  			const dotNVi = transformedNormalView.dot( positionViewDirection ).clamp();
+  			const dotNVi = normalView.dot( positionViewDirection ).clamp();
 
   			this.iridescenceFresnel = evalIridescence( {
   				outsideIOR: float$1( 1.0 ),
@@ -105383,7 +105783,7 @@ void main() {
 
   			const position = positionWorld;
   			const v = cameraPosition.sub( positionWorld ).normalize(); // TODO: Create Node for this, same issue in MaterialX
-  			const n = transformedNormalWorld;
+  			const n = normalWorld;
 
   			const context = builder.context;
 
@@ -105421,7 +105821,7 @@ void main() {
 
   	computeMultiscattering( singleScatter, multiScatter, specularF90 ) {
 
-  		const dotNV = transformedNormalView.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
+  		const dotNV = normalView.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
 
   		const fab = DFGApprox( { roughness, dotNV } );
 
@@ -105448,7 +105848,7 @@ void main() {
   	 */
   	direct( { lightDirection, lightColor, reflectedLight } ) {
 
-  		const dotNL = transformedNormalView.dot( lightDirection ).clamp();
+  		const dotNL = normalView.dot( lightDirection ).clamp();
   		const irradiance = dotNL.mul( lightColor );
 
   		if ( this.sheen === true ) {
@@ -105459,10 +105859,10 @@ void main() {
 
   		if ( this.clearcoat === true ) {
 
-  			const dotNLcc = transformedClearcoatNormalView.dot( lightDirection ).clamp();
+  			const dotNLcc = clearcoatNormalView.dot( lightDirection ).clamp();
   			const ccIrradiance = dotNLcc.mul( lightColor );
 
-  			this.clearcoatSpecularDirect.addAssign( ccIrradiance.mul( BRDF_GGX( { lightDirection, f0: clearcoatF0, f90: clearcoatF90, roughness: clearcoatRoughness, normalView: transformedClearcoatNormalView } ) ) );
+  			this.clearcoatSpecularDirect.addAssign( ccIrradiance.mul( BRDF_GGX( { lightDirection, f0: clearcoatF0, f90: clearcoatF90, roughness: clearcoatRoughness, normalView: clearcoatNormalView } ) ) );
 
   		}
 
@@ -105486,7 +105886,7 @@ void main() {
   		const p2 = lightPosition.sub( halfWidth ).add( halfHeight );
   		const p3 = lightPosition.add( halfWidth ).add( halfHeight );
 
-  		const N = transformedNormalView;
+  		const N = normalView;
   		const V = positionViewDirection;
   		const P = positionView.toVar();
 
@@ -105551,7 +105951,7 @@ void main() {
   			this.sheenSpecularIndirect.addAssign( iblIrradiance.mul(
   				sheen,
   				IBLSheenBRDF( {
-  					normal: transformedNormalView,
+  					normal: normalView,
   					viewDir: positionViewDirection,
   					roughness: sheenRoughness
   				} )
@@ -105561,7 +105961,7 @@ void main() {
 
   		if ( this.clearcoat === true ) {
 
-  			const dotNVcc = transformedClearcoatNormalView.dot( positionViewDirection ).clamp();
+  			const dotNVcc = clearcoatNormalView.dot( positionViewDirection ).clamp();
 
   			const clearcoatEnv = EnvironmentBRDF( {
   				dotNV: dotNVcc,
@@ -105602,7 +106002,7 @@ void main() {
 
   		const { ambientOcclusion, reflectedLight } = builder.context;
 
-  		const dotNV = transformedNormalView.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
+  		const dotNV = normalView.dot( positionViewDirection ).clamp(); // @ TODO: Move to core dotNV
 
   		const aoNV = dotNV.add( ambientOcclusion );
   		const aoExp = roughness.mul( -16 ).oneMinus().negate().exp2();
@@ -105637,7 +106037,7 @@ void main() {
 
   		if ( this.clearcoat === true ) {
 
-  			const dotNVcc = transformedClearcoatNormalView.dot( positionViewDirection ).clamp();
+  			const dotNVcc = clearcoatNormalView.dot( positionViewDirection ).clamp();
 
   			const Fcc = F_Schlick( {
   				dotVH: dotNVcc,
@@ -105997,7 +106397,7 @@ void main() {
   	0, 4, 2
   ];
 
-  const _direction = /*@__PURE__*/ getDirection( uv(), attribute( 'faceIndex' ) ).normalize();
+  const _direction = /*@__PURE__*/ getDirection( uv$1(), attribute( 'faceIndex' ) ).normalize();
   const _outputDirection = /*@__PURE__*/ vec3( _direction.x, _direction.y, _direction.z );
 
   /**
@@ -107306,10 +107706,10 @@ void main() {
   		//
 
   		const useAnisotropy = material.useAnisotropy === true || material.anisotropy > 0;
-  		const radianceNormalView = useAnisotropy ? transformedBentNormalView : transformedNormalView;
+  		const radianceNormalView = useAnisotropy ? bentNormalView : normalView;
 
   		const radiance = envNode.context( createRadianceContext( roughness, radianceNormalView ) ).mul( materialEnvIntensity );
-  		const irradiance = envNode.context( createIrradianceContext( transformedNormalWorld ) ).mul( Math.PI ).mul( materialEnvIntensity );
+  		const irradiance = envNode.context( createIrradianceContext( normalWorld ) ).mul( Math.PI ).mul( materialEnvIntensity );
 
   		const isolateRadiance = cache( radiance );
   		const isolateIrradiance = cache( irradiance );
@@ -107326,7 +107726,7 @@ void main() {
 
   		if ( clearcoatRadiance ) {
 
-  			const clearcoatRadianceContext = envNode.context( createRadianceContext( clearcoatRoughness, transformedClearcoatNormalView ) ).mul( materialEnvIntensity );
+  			const clearcoatRadianceContext = envNode.context( createRadianceContext( clearcoatRoughness, clearcoatNormalView ) ).mul( materialEnvIntensity );
   			const isolateClearcoatRadiance = cache( clearcoatRadianceContext );
 
   			clearcoatRadiance.addAssign( isolateClearcoatRadiance );
@@ -108027,7 +108427,7 @@ void main() {
 
   	setup( builder ) {
 
-  		builder.context.setupClearcoatNormal = () => this.setupClearcoatNormal( builder );
+  		builder.context.setupClearcoatNormal = () => subBuild( this.setupClearcoatNormal( builder ), 'NORMAL', 'vec3' );
 
   		super.setup( builder );
 
@@ -108185,47 +108585,23 @@ void main() {
   }
 
   /**
+   * TSL function for creating a matcap uv node.
+   *
    * Can be used to compute texture coordinates for projecting a
    * matcap onto a mesh. Used by {@link MeshMatcapNodeMaterial}.
    *
-   * @augments TempNode
+   * @tsl
+   * @function
+   * @returns {Node<vec2>} The matcap UV coordinates.
    */
-  class MatcapUVNode extends TempNode {
-
-  	static get type() {
-
-  		return 'MatcapUVNode';
-
-  	}
-
-  	/**
-  	 * Constructs a new matcap uv node.
-  	 */
-  	constructor() {
+  const matcapUV = /*@__PURE__*/ Fn$1( () => {
 
-  		super( 'vec2' );
-
-  	}
-
-  	setup() {
+  	const x = vec3( positionViewDirection.z, 0, positionViewDirection.x.negate() ).normalize();
+  	const y = positionViewDirection.cross( x );
 
-  		const x = vec3( positionViewDirection.z, 0, positionViewDirection.x.negate() ).normalize();
-  		const y = positionViewDirection.cross( x );
+  	return vec2( x.dot( normalView ), y.dot( normalView ) ).mul( 0.495 ).add( 0.5 ); // 0.495 to remove artifacts caused by undersized matcap disks
 
-  		return vec2( x.dot( transformedNormalView ), y.dot( transformedNormalView ) ).mul( 0.495 ).add( 0.5 ); // 0.495 to remove artifacts caused by undersized matcap disks
-
-  	}
-
-  }
-
-  /**
-   * TSL function for creating a matcap uv node.
-   *
-   * @tsl
-   * @function
-   * @returns {MatcapUVNode}
-   */
-  const matcapUV = /*@__PURE__*/ nodeImmutable( MatcapUVNode );
+  } ).once( [ 'NORMAL', 'VERTEX' ] )().toVar( 'matcapUV' );
 
   const _defaultValues$3 = /*@__PURE__*/ new MeshMatcapMaterial();
 
@@ -109259,6 +109635,16 @@ void main() {
   		 */
   		this.attributes = null;
 
+  		/**
+  		 * An object holding the version of the
+  		 * attributes. The keys are the attribute names
+  		 * and the values are the attribute versions.
+  		 *
+  		 * @type {?Object<string, number>}
+  		 * @default null
+  		 */
+  		this.attributesId = null;
+
   		/**
   		 * A reference to a render pipeline the render
   		 * object is processed with.
@@ -109378,7 +109764,7 @@ void main() {
 
   		/**
   		 * An event listener which is executed when `dispose()` is called on
-  		 * the render object's material.
+  		 * the material of this render object.
   		 *
   		 * @method
   		 */
@@ -109388,7 +109774,23 @@ void main() {
 
   		};
 
+  		/**
+  		 * An event listener which is executed when `dispose()` is called on
+  		 * the geometry of this render object.
+  		 *
+  		 * @method
+  		 */
+  		this.onGeometryDispose = () => {
+
+  			// clear geometry cache attributes
+
+  			this.attributes = null;
+  			this.attributesId = null;
+
+  		};
+
   		this.material.addEventListener( 'dispose', this.onMaterialDispose );
+  		this.geometry.addEventListener( 'dispose', this.onGeometryDispose );
 
   	}
 
@@ -109527,6 +109929,7 @@ void main() {
 
   		this.geometry = geometry;
   		this.attributes = null;
+  		this.attributesId = null;
 
   	}
 
@@ -109546,9 +109949,25 @@ void main() {
   		const attributes = [];
   		const vertexBuffers = new Set();
 
+  		const attributesId = {};
+
   		for ( const nodeAttribute of nodeAttributes ) {
 
-  			const attribute = nodeAttribute.node && nodeAttribute.node.attribute ? nodeAttribute.node.attribute : geometry.getAttribute( nodeAttribute.name );
+  			let attribute;
+
+  			if ( nodeAttribute.node && nodeAttribute.node.attribute ) {
+
+  				// node attribute
+  				attribute = nodeAttribute.node.attribute;
+
+  			} else {
+
+  				// geometry attribute
+  				attribute = geometry.getAttribute( nodeAttribute.name );
+
+  				attributesId[ nodeAttribute.name ] = attribute.version;
+
+  			}
 
   			if ( attribute === undefined ) continue;
 
@@ -109560,6 +109979,7 @@ void main() {
   		}
 
   		this.attributes = attributes;
+  		this.attributesId = attributesId;
   		this.vertexBuffers = Array.from( vertexBuffers.values() );
 
   		return attributes;
@@ -109824,7 +110244,27 @@ void main() {
   	 */
   	get needsGeometryUpdate() {
 
-  		return this.geometry.id !== this.object.geometry.id;
+  		if ( this.geometry.id !== this.object.geometry.id ) return true;
+
+  		if ( this.attributes !== null ) {
+
+  			const attributesId = this.attributesId;
+
+  			for ( const name in attributesId ) {
+
+  				const attribute = this.geometry.getAttribute( name );
+
+  				if ( attribute === undefined || attributesId[ name ] !== attribute.id ) {
+
+  					return true;
+
+  				}
+
+  			}
+
+  		}
+
+  		return false;
 
   	}
 
@@ -109902,6 +110342,7 @@ void main() {
   	dispose() {
 
   		this.material.removeEventListener( 'dispose', this.onMaterialDispose );
+  		this.geometry.removeEventListener( 'dispose', this.onGeometryDispose );
 
   		this.onDispose();
 
@@ -113456,10 +113897,13 @@ void main() {
 
   	build( builder, ...params ) {
 
+  		const previousBuildStack = builder.currentStack;
   		const previousStack = getCurrentStack();
 
   		setCurrentStack( this );
 
+  		builder.currentStack = this;
+
   		const buildStage = builder.buildStage;
 
   		for ( const node of this.nodes ) {
@@ -113489,38 +113933,13 @@ void main() {
 
   		}
 
-  		setCurrentStack( previousStack );
-
-  		return this.outputNode ? this.outputNode.build( builder, ...params ) : super.build( builder, ...params );
-
-  	}
-
-  	// Deprecated
-
-  	/**
-  	 * @function
-  	 * @deprecated since r168. Use {@link StackNode#Else} instead.
-  	 *
-  	 * @param {...any} params
-  	 * @returns {StackNode}
-  	 */
-  	else( ...params ) { // @deprecated, r168
-
-  		console.warn( 'THREE.TSL: .else() has been renamed to .Else().' );
-  		return this.Else( ...params );
+  		const result = this.outputNode ? this.outputNode.build( builder, ...params ) : super.build( builder, ...params );
 
-  	}
+  		setCurrentStack( previousStack );
 
-  	/**
-  	 * @deprecated since r168. Use {@link StackNode#ElseIf} instead.
-  	 *
-  	 * @param {...any} params
-  	 * @returns {StackNode}
-  	 */
-  	elseif( ...params ) { // @deprecated, r168
+  		builder.currentStack = previousBuildStack;
 
-  		console.warn( 'THREE.TSL: .elseif() has been renamed to .ElseIf().' );
-  		return this.ElseIf( ...params );
+  		return result;
 
   	}
 
@@ -114589,7 +115008,7 @@ void main() {
   	 * @param {Node<vec2>} [uvNode=uv()] - The uv node.
   	 * @param {Node<float>} [frameNode=float()] - The node that defines the current frame/sprite.
   	 */
-  	constructor( countNode, uvNode = uv(), frameNode = float$1( 0 ) ) {
+  	constructor( countNode, uvNode = uv$1(), frameNode = float$1( 0 ) ) {
 
   		super( 'vec2' );
 
@@ -114649,118 +115068,14 @@ void main() {
   const spritesheetUV = /*@__PURE__*/ nodeProxy( SpriteSheetUVNode ).setParameterLength( 3 );
 
   /**
+   * TSL function for creating a triplanar textures node.
+   *
    * Can be used for triplanar texture mapping.
    *
    * ```js
    * material.colorNode = triplanarTexture( texture( diffuseMap ) );
    * ```
    *
-   * @augments Node
-   */
-  class TriplanarTexturesNode extends Node {
-
-  	static get type() {
-
-  		return 'TriplanarTexturesNode';
-
-  	}
-
-  	/**
-  	 * Constructs a new triplanar textures node.
-  	 *
-  	 * @param {Node} textureXNode - First texture node.
-  	 * @param {?Node} [textureYNode=null] - Second texture node. When not set, the shader will sample from `textureXNode` instead.
-  	 * @param {?Node} [textureZNode=null] - Third texture node. When not set, the shader will sample from `textureXNode` instead.
-  	 * @param {?Node<float>} [scaleNode=float(1)] - The scale node.
-  	 * @param {?Node<vec3>} [positionNode=positionLocal] - Vertex positions in local space.
-  	 * @param {?Node<vec3>} [normalNode=normalLocal] - Normals in local space.
-  	 */
-  	constructor( textureXNode, textureYNode = null, textureZNode = null, scaleNode = float$1( 1 ), positionNode = positionLocal, normalNode = normalLocal ) {
-
-  		super( 'vec4' );
-
-  		/**
-  		 * First texture node.
-  		 *
-  		 * @type {Node}
-  		 */
-  		this.textureXNode = textureXNode;
-
-  		/**
-  		 * Second texture node. When not set, the shader will sample from `textureXNode` instead.
-  		 *
-  		 * @type {?Node}
-  		 * @default null
-  		 */
-  		this.textureYNode = textureYNode;
-
-  		/**
-  		 * Third texture node. When not set, the shader will sample from `textureXNode` instead.
-  		 *
-  		 * @type {?Node}
-  		 * @default null
-  		 */
-  		this.textureZNode = textureZNode;
-
-  		/**
-  		 * The scale node.
-  		 *
-  		 * @type {Node<float>}
-  		 * @default float(1)
-  		 */
-  		this.scaleNode = scaleNode;
-
-  		/**
-  		 * Vertex positions in local space.
-  		 *
-  		 * @type {Node<vec3>}
-  		 * @default positionLocal
-  		 */
-  		this.positionNode = positionNode;
-
-  		/**
-  		 * Normals in local space.
-  		 *
-  		 * @type {Node<vec3>}
-  		 * @default normalLocal
-  		 */
-  		this.normalNode = normalNode;
-
-  	}
-
-  	setup() {
-
-  		const { textureXNode, textureYNode, textureZNode, scaleNode, positionNode, normalNode } = this;
-
-  		// Ref: https://github.com/keijiro/StandardTriplanar
-
-  		// Blending factor of triplanar mapping
-  		let bf = normalNode.abs().normalize();
-  		bf = bf.div( bf.dot( vec3( 1.0 ) ) );
-
-  		// Triplanar mapping
-  		const tx = positionNode.yz.mul( scaleNode );
-  		const ty = positionNode.zx.mul( scaleNode );
-  		const tz = positionNode.xy.mul( scaleNode );
-
-  		// Base color
-  		const textureX = textureXNode.value;
-  		const textureY = textureYNode !== null ? textureYNode.value : textureX;
-  		const textureZ = textureZNode !== null ? textureZNode.value : textureX;
-
-  		const cx = texture( textureX, tx ).mul( bf.x );
-  		const cy = texture( textureY, ty ).mul( bf.y );
-  		const cz = texture( textureZ, tz ).mul( bf.z );
-
-  		return add( cx, cy, cz );
-
-  	}
-
-  }
-
-  /**
-   * TSL function for creating a triplanar textures node.
-   *
    * @tsl
    * @function
    * @param {Node} textureXNode - First texture node.
@@ -114769,9 +115084,33 @@ void main() {
    * @param {?Node<float>} [scaleNode=float(1)] - The scale node.
    * @param {?Node<vec3>} [positionNode=positionLocal] - Vertex positions in local space.
    * @param {?Node<vec3>} [normalNode=normalLocal] - Normals in local space.
-   * @returns {TriplanarTexturesNode}
+   * @returns {Node<vec4>}
    */
-  const triplanarTextures = /*@__PURE__*/ nodeProxy( TriplanarTexturesNode ).setParameterLength( 1, 6 );
+  const triplanarTextures = /*@__PURE__*/ Fn$1( ( [ textureXNode, textureYNode = null, textureZNode = null, scaleNode = float$1( 1 ), positionNode = positionLocal, normalNode = normalLocal ] ) => {
+
+  	// Reference: https://github.com/keijiro/StandardTriplanar
+
+  	// Blending factor of triplanar mapping
+  	let bf = normalNode.abs().normalize();
+  	bf = bf.div( bf.dot( vec3( 1.0 ) ) );
+
+  	// Triplanar mapping
+  	const tx = positionNode.yz.mul( scaleNode );
+  	const ty = positionNode.zx.mul( scaleNode );
+  	const tz = positionNode.xy.mul( scaleNode );
+
+  	// Base color
+  	const textureX = textureXNode.value;
+  	const textureY = textureYNode !== null ? textureYNode.value : textureX;
+  	const textureZ = textureZNode !== null ? textureZNode.value : textureX;
+
+  	const cx = texture( textureX, tx ).mul( bf.x );
+  	const cy = texture( textureY, ty ).mul( bf.y );
+  	const cz = texture( textureZ, tz ).mul( bf.z );
+
+  	return add( cx, cy, cz );
+
+  } );
 
   /**
    * TSL function for creating a triplanar textures node.
@@ -114784,7 +115123,7 @@ void main() {
    * @param {?Node<float>} [scaleNode=float(1)] - The scale node.
    * @param {?Node<vec3>} [positionNode=positionLocal] - Vertex positions in local space.
    * @param {?Node<vec3>} [normalNode=normalLocal] - Normals in local space.
-   * @returns {TriplanarTexturesNode}
+   * @returns {Node<vec4>}
    */
   const triplanarTexture = ( ...params ) => triplanarTextures( ...params );
 
@@ -114928,10 +115267,17 @@ void main() {
 
   	clone() {
 
-  		const texture = new this.constructor( this.reflectorNode );
-  		texture._reflectorBaseNode = this._reflectorBaseNode;
+  		const newNode = new this.constructor( this.reflectorNode );
+  		newNode.uvNode = this.uvNode;
+  		newNode.levelNode = this.levelNode;
+  		newNode.biasNode = this.biasNode;
+  		newNode.sampler = this.sampler;
+  		newNode.depthNode = this.depthNode;
+  		newNode.compareNode = this.compareNode;
+  		newNode.gradNode = this.gradNode;
+  		newNode._reflectorBaseNode = this._reflectorBaseNode;
 
-  		return texture;
+  		return newNode;
 
   	}
 
@@ -115473,7 +115819,7 @@ void main() {
 
   		const renderTarget = new RenderTarget( width, height, options );
 
-  		super( renderTarget.texture, uv() );
+  		super( renderTarget.texture, uv$1() );
 
   		/**
   		 * The node to render a texture with.
@@ -115565,7 +115911,7 @@ void main() {
   	 * @readonly
   	 * @default true
   	 */
-  	get autoSize() {
+  	get autoResize() {
 
   		return this.width === null;
 
@@ -115622,13 +115968,21 @@ void main() {
 
   		//
 
-  		if ( this.autoSize === true ) {
-
-  			this.pixelRatio = renderer.getPixelRatio();
+  		if ( this.autoResize === true ) {
 
+  			const pixelRatio = renderer.getPixelRatio();
   			const size = renderer.getSize( _size$1 );
 
-  			this.setSize( size.width, size.height );
+  			const effectiveWidth = size.width * pixelRatio;
+  			const effectiveHeight = size.height * pixelRatio;
+
+  			if ( effectiveWidth !== this.renderTarget.width || effectiveHeight !== this.renderTarget.height ) {
+
+  				this.renderTarget.setSize( effectiveWidth, effectiveHeight );
+
+  				this.textureNeedsUpdate = true;
+
+  			}
 
   		}
 
@@ -115784,6 +116138,82 @@ void main() {
 
   } );
 
+  /**
+   * Class representing a node that samples a value using a provided callback function.
+   *
+   * @extends Node
+   */
+  class SampleNode extends Node {
+
+  	/**
+  	 * Returns the type of the node.
+  	 *
+  	 * @type {string}
+  	 * @readonly
+  	 * @static
+  	 */
+  	static get type() {
+
+  		return 'SampleNode';
+
+  	}
+
+  	/**
+  	 * Creates an instance of SampleNode.
+  	 *
+  	 * @param {Function} callback - The function to be called when sampling. Should accept a UV node and return a value.
+  	 */
+  	constructor( callback ) {
+
+  		super();
+
+  		this.callback = callback;
+
+  		/**
+  		 * This flag can be used for type testing.
+  		 *
+  		 * @type {boolean}
+  		 * @readonly
+  		 * @default true
+  		 */
+  		this.isSampleNode = true;
+
+  	}
+
+  	/**
+  	 * Sets up the node by sampling with the default UV accessor.
+  	 *
+  	 * @returns {Node} The result of the callback function when called with the UV node.
+  	 */
+  	setup() {
+
+  		return this.sample( uv$1() );
+
+  	}
+
+  	/**
+  	 * Calls the callback function with the provided UV node.
+  	 *
+  	 * @param {Node<vec2>} uv - The UV node or value to be passed to the callback.
+  	 * @returns {Node} The result of the callback function.
+  	 */
+  	sample( uv ) {
+
+  		return this.callback( uv );
+
+  	}
+
+  }
+
+  /**
+   * Helper function to create a SampleNode wrapped as a node object.
+   *
+   * @function
+   * @param {Function} callback - The function to be called when sampling. Should accept a UV node and return a value.
+   * @returns {SampleNode} The created SampleNode instance wrapped as a node object.
+   */
+  const sample = ( callback ) => nodeObject( new SampleNode( callback ) );
+
   /**
    * This special type of instanced buffer attribute is intended for compute shaders.
    * In earlier three.js versions it was only possible to update attribute data
@@ -116391,9 +116821,9 @@ void main() {
 
   		const step = 0.01;
 
-  		const x = texture.sample( uv.add( vec3( -0.01, 0.0, 0.0 ) ) ).r.sub( texture.sample( uv.add( vec3( step, 0.0, 0.0 ) ) ).r );
-  		const y = texture.sample( uv.add( vec3( 0.0, -0.01, 0.0 ) ) ).r.sub( texture.sample( uv.add( vec3( 0.0, step, 0.0 ) ) ).r );
-  		const z = texture.sample( uv.add( vec3( 0.0, 0.0, -0.01 ) ) ).r.sub( texture.sample( uv.add( vec3( 0.0, 0.0, step ) ) ).r );
+  		const x = texture.sample( uv.add( vec3( - step, 0.0, 0.0 ) ) ).r.sub( texture.sample( uv.add( vec3( step, 0.0, 0.0 ) ) ).r );
+  		const y = texture.sample( uv.add( vec3( 0.0, - step, 0.0 ) ) ).r.sub( texture.sample( uv.add( vec3( 0.0, step, 0.0 ) ) ).r );
+  		const z = texture.sample( uv.add( vec3( 0.0, 0.0, - step ) ) ).r.sub( texture.sample( uv.add( vec3( 0.0, 0.0, step ) ) ).r );
 
   		ret.assign( vec3( x, y, z ) );
 
@@ -116823,238 +117253,6 @@ void main() {
    */
   const velocity = /*@__PURE__*/ nodeImmutable( VelocityNode );
 
-  /**
-   * Represents a "Color Burn" blend mode.
-   *
-   * It's designed to darken the base layer's colors based on the color of the blend layer.
-   * It significantly increases the contrast of the base layer, making the colors more vibrant and saturated.
-   * The darker the color in the blend layer, the stronger the darkening and contrast effect on the base layer.
-   *
-   * @tsl
-   * @function
-   * @param {Node<vec3>} base - The base color.
-   * @param {Node<vec3>} blend - The blend color. A white (#ffffff) blend color does not alter the base color.
-   * @return {Node<vec3>} The result.
-   */
-  const blendBurn = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
-
-  	return min$1( 1.0, base.oneMinus().div( blend ) ).oneMinus();
-
-  } ).setLayout( {
-  	name: 'blendBurn',
-  	type: 'vec3',
-  	inputs: [
-  		{ name: 'base', type: 'vec3' },
-  		{ name: 'blend', type: 'vec3' }
-  	]
-  } );
-
-  /**
-   * Represents a "Color Dodge" blend mode.
-   *
-   * It's designed to lighten the base layer's colors based on the color of the blend layer.
-   * It significantly increases the brightness of the base layer, making the colors lighter and more vibrant.
-   * The brighter the color in the blend layer, the stronger the lightening and contrast effect on the base layer.
-   *
-   * @tsl
-   * @function
-   * @param {Node<vec3>} base - The base color.
-   * @param {Node<vec3>} blend - The blend color. A black (#000000) blend color does not alter the base color.
-   * @return {Node<vec3>} The result.
-   */
-  const blendDodge = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
-
-  	return min$1( base.div( blend.oneMinus() ), 1.0 );
-
-  } ).setLayout( {
-  	name: 'blendDodge',
-  	type: 'vec3',
-  	inputs: [
-  		{ name: 'base', type: 'vec3' },
-  		{ name: 'blend', type: 'vec3' }
-  	]
-  } );
-
-  /**
-   * Represents a "Screen" blend mode.
-   *
-   * Similar to `blendDodge()`, this mode also lightens the base layer's colors based on the color of the blend layer.
-   * The "Screen" blend mode is better for general brightening whereas the "Dodge" results in more subtle and nuanced
-   * effects.
-   *
-   * @tsl
-   * @function
-   * @param {Node<vec3>} base - The base color.
-   * @param {Node<vec3>} blend - The blend color. A black (#000000) blend color does not alter the base color.
-   * @return {Node<vec3>} The result.
-   */
-  const blendScreen = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
-
-  	return base.oneMinus().mul( blend.oneMinus() ).oneMinus();
-
-  } ).setLayout( {
-  	name: 'blendScreen',
-  	type: 'vec3',
-  	inputs: [
-  		{ name: 'base', type: 'vec3' },
-  		{ name: 'blend', type: 'vec3' }
-  	]
-  } );
-
-  /**
-   * Represents a "Overlay" blend mode.
-   *
-   * It's designed to increase the contrast of the base layer based on the color of the blend layer.
-   * It amplifies the existing colors and contrast in the base layer, making lighter areas lighter and darker areas darker.
-   * The color of the blend layer significantly influences the resulting contrast and color shift in the base layer.
-   *
-   * @tsl
-   * @function
-   * @param {Node<vec3>} base - The base color.
-   * @param {Node<vec3>} blend - The blend color
-   * @return {Node<vec3>} The result.
-   */
-  const blendOverlay = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
-
-  	return mix$2( base.mul( 2.0 ).mul( blend ), base.oneMinus().mul( 2.0 ).mul( blend.oneMinus() ).oneMinus(), step( 0.5, base ) );
-
-  } ).setLayout( {
-  	name: 'blendOverlay',
-  	type: 'vec3',
-  	inputs: [
-  		{ name: 'base', type: 'vec3' },
-  		{ name: 'blend', type: 'vec3' }
-  	]
-  } );
-
-  /**
-   * This function blends two color based on their alpha values by replicating the behavior of `THREE.NormalBlending`.
-   * It assumes both input colors have non-premultiplied alpha.
-   *
-   * @tsl
-   * @function
-   * @param {Node<vec4>} base - The base color.
-   * @param {Node<vec4>} blend - The blend color
-   * @return {Node<vec4>} The result.
-   */
-  const blendColor = /*@__PURE__*/ Fn$1( ( [ base, blend ] ) => {
-
-  	const outAlpha = blend.a.add( base.a.mul( blend.a.oneMinus() ) );
-
-  	return vec4( blend.rgb.mul( blend.a ).add( base.rgb.mul( base.a ).mul( blend.a.oneMinus() ) ).div( outAlpha ), outAlpha );
-
-  } ).setLayout( {
-  	name: 'blendColor',
-  	type: 'vec4',
-  	inputs: [
-  		{ name: 'base', type: 'vec4' },
-  		{ name: 'blend', type: 'vec4' }
-  	]
-  } );
-
-  /**
-   * Premultiplies the RGB channels of a color by its alpha channel.
-   *
-   * This function is useful for converting a non-premultiplied alpha color
-   * into a premultiplied alpha format, where the RGB values are scaled
-   * by the alpha value. Premultiplied alpha is often used in graphics
-   * rendering for certain operations, such as compositing and image processing.
-   *
-   * @tsl
-   * @function
-   * @param {Node<vec4>} color - The input color with non-premultiplied alpha.
-   * @return {Node<vec4>} The color with premultiplied alpha.
-   */
-  const premult = /*@__PURE__*/ Fn$1( ( [ color ] ) => {
-
-  	return vec4( color.rgb.mul( color.a ), color.a );
-
-  }, { color: 'vec4', return: 'vec4' } );
-
-  /**
-   * Unpremultiplies the RGB channels of a color by its alpha channel.
-   *
-   * This function is useful for converting a premultiplied alpha color
-   * back into a non-premultiplied alpha format, where the RGB values are
-   * divided by the alpha value. Unpremultiplied alpha is often used in graphics
-   * rendering for certain operations, such as compositing and image processing.
-   *
-   * @tsl
-   * @function
-   * @param {Node<vec4>} color - The input color with premultiplied alpha.
-   * @return {Node<vec4>} The color with non-premultiplied alpha.
-   */
-  const unpremult = /*@__PURE__*/ Fn$1( ( [ color ] ) => {
-
-  	If$1( color.a.equal( 0.0 ), () => vec4( 0.0 ) );
-
-  	return vec4( color.rgb.div( color.a ), color.a );
-
-  }, { color: 'vec4', return: 'vec4' } );
-
-
-  // Deprecated
-
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r171. Use {@link blendBurn} instead.
-   *
-   * @param {...any} params
-   * @returns {Function}
-   */
-  const burn = ( ...params ) => { // @deprecated, r171
-
-  	console.warn( 'THREE.TSL: "burn" has been renamed. Use "blendBurn" instead.' );
-  	return blendBurn( params );
-
-  };
-
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r171. Use {@link blendDodge} instead.
-   *
-   * @param {...any} params
-   * @returns {Function}
-   */
-  const dodge = ( ...params ) => { // @deprecated, r171
-
-  	console.warn( 'THREE.TSL: "dodge" has been renamed. Use "blendDodge" instead.' );
-  	return blendDodge( params );
-
-  };
-
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r171. Use {@link blendScreen} instead.
-   *
-   * @param {...any} params
-   * @returns {Function}
-   */
-  const screen = ( ...params ) => { // @deprecated, r171
-
-  	console.warn( 'THREE.TSL: "screen" has been renamed. Use "blendScreen" instead.' );
-  	return blendScreen( params );
-
-  };
-
-  /**
-   * @tsl
-   * @function
-   * @deprecated since r171. Use {@link blendOverlay} instead.
-   *
-   * @param {...any} params
-   * @returns {Function}
-   */
-  const overlay = ( ...params ) => { // @deprecated, r171
-
-  	console.warn( 'THREE.TSL: "overlay" has been renamed. Use "blendOverlay" instead.' );
-  	return blendOverlay( params );
-
-  };
-
   /**
    * Computes a grayscale value for the given RGB color value.
    *
@@ -117367,7 +117565,16 @@ void main() {
 
   	clone() {
 
-  		return new this.constructor( this.passNode, this.textureName, this.previousTexture );
+  		const newNode = new this.constructor( this.passNode, this.textureName, this.previousTexture );
+  		newNode.uvNode = this.uvNode;
+  		newNode.levelNode = this.levelNode;
+  		newNode.biasNode = this.biasNode;
+  		newNode.sampler = this.sampler;
+  		newNode.depthNode = this.depthNode;
+  		newNode.compareNode = this.compareNode;
+  		newNode.gradNode = this.gradNode;
+
+  		return newNode;
 
   	}
 
@@ -117827,13 +118034,6 @@ void main() {
 
   		this.renderTarget.samples = this.options.samples === undefined ? renderer.samples : this.options.samples;
 
-  		// TODO: Disable MSAA for WebGL backend for now
-  		if ( renderer.backend.isWebGLBackend === true ) {
-
-  			this.renderTarget.samples = 0;
-
-  		}
-
   		this.renderTarget.texture.type = renderer.getColorBufferType();
 
   		return this.scope === PassNode.COLOR ? this.getTextureNode() : this.getLinearDepthNode();
@@ -120926,21 +121126,21 @@ void main() {
   		 *
   		 * @type {Node<vec3>}
   		 */
-  		this.totalDiffuseNode = vec3().toVar();
+  		this.totalDiffuseNode = property( 'vec3', 'totalDiffuse' );
 
   		/**
   		 * A node representing the total specular light.
   		 *
   		 * @type {Node<vec3>}
   		 */
-  		this.totalSpecularNode = vec3().toVar();
+  		this.totalSpecularNode = property( 'vec3', 'totalSpecular' );
 
   		/**
   		 * A node representing the outgoing light.
   		 *
   		 * @type {Node<vec3>}
   		 */
-  		this.outgoingLightNode = vec3().toVar();
+  		this.outgoingLightNode = property( 'vec3', 'outgoingLight' );
 
   		/**
   		 * An array representing the lights in the scene.
@@ -122298,7 +122498,7 @@ void main() {
   		const shadowIntensity = reference( 'intensity', 'float', shadow ).setGroup( renderGroup );
   		const normalBias = reference( 'normalBias', 'float', shadow ).setGroup( renderGroup );
 
-  		const shadowPosition = lightShadowMatrix( light ).mul( shadowPositionWorld.add( transformedNormalWorld.mul( normalBias ) ) );
+  		const shadowPosition = lightShadowMatrix( light ).mul( shadowPositionWorld.add( normalWorld.mul( normalBias ) ) );
   		const shadowCoord = this.setupShadowCoord( builder, shadowPosition );
 
   		//
@@ -123219,7 +123419,7 @@ void main() {
    * @param {Node<vec2>} coord - The uv coordinates.
    * @return {Node<float>} The result data.
    */
-  const checker = /*@__PURE__*/ Fn$1( ( [ coord = uv() ] ) => {
+  const checker = /*@__PURE__*/ Fn$1( ( [ coord = uv$1() ] ) => {
 
   	const uv = coord.mul( 2.0 );
 
@@ -123239,7 +123439,7 @@ void main() {
    * @param {Node<vec2>} coord - The uv to generate the circle.
    * @return {Node<float>} The circle shape.
    */
-  const shapeCircle = Fn$1( ( [ coord = uv() ], { renderer, material } ) => {
+  const shapeCircle = Fn$1( ( [ coord = uv$1() ], { renderer, material } ) => {
 
   	const len2 = lengthSq( coord.mul( 2 ).sub( 1 ) );
 
@@ -124741,14 +124941,14 @@ void main() {
   };
 
   const _ramp = ( a, b, uv, p ) => mix$2( a, b, uv[ p ].clamp() );
-  const mx_ramplr = ( valuel, valuer, texcoord = uv() ) => _ramp( valuel, valuer, texcoord, 'x' );
-  const mx_ramptb = ( valuet, valueb, texcoord = uv() ) => _ramp( valuet, valueb, texcoord, 'y' );
+  const mx_ramplr = ( valuel, valuer, texcoord = uv$1() ) => _ramp( valuel, valuer, texcoord, 'x' );
+  const mx_ramptb = ( valuet, valueb, texcoord = uv$1() ) => _ramp( valuet, valueb, texcoord, 'y' );
 
   const _split = ( a, b, center, uv, p ) => mix$2( a, b, mx_aastep( center, uv[ p ] ) );
-  const mx_splitlr = ( valuel, valuer, center, texcoord = uv() ) => _split( valuel, valuer, center, texcoord, 'x' );
-  const mx_splittb = ( valuet, valueb, center, texcoord = uv() ) => _split( valuet, valueb, center, texcoord, 'y' );
+  const mx_splitlr = ( valuel, valuer, center, texcoord = uv$1() ) => _split( valuel, valuer, center, texcoord, 'x' );
+  const mx_splittb = ( valuet, valueb, center, texcoord = uv$1() ) => _split( valuet, valueb, center, texcoord, 'y' );
 
-  const mx_transform_uv = ( uv_scale = 1, uv_offset = 0, uv_geo = uv() ) => uv_geo.mul( uv_scale ).add( uv_offset );
+  const mx_transform_uv = ( uv_scale = 1, uv_offset = 0, uv_geo = uv$1() ) => uv_geo.mul( uv_scale ).add( uv_offset );
 
   const mx_safepower = ( in1, in2 = 1 ) => {
 
@@ -124760,10 +124960,10 @@ void main() {
 
   const mx_contrast = ( input, amount = 1, pivot = .5 ) => float$1( input ).sub( pivot ).mul( amount ).add( pivot );
 
-  const mx_noise_float = ( texcoord = uv(), amplitude = 1, pivot = 0 ) => mx_perlin_noise_float( texcoord.convert( 'vec2|vec3' ) ).mul( amplitude ).add( pivot );
+  const mx_noise_float = ( texcoord = uv$1(), amplitude = 1, pivot = 0 ) => mx_perlin_noise_float( texcoord.convert( 'vec2|vec3' ) ).mul( amplitude ).add( pivot );
   //export const mx_noise_vec2 = ( texcoord = uv(), amplitude = 1, pivot = 0 ) => mx_perlin_noise_vec3( texcoord.convert( 'vec2|vec3' ) ).mul( amplitude ).add( pivot );
-  const mx_noise_vec3 = ( texcoord = uv(), amplitude = 1, pivot = 0 ) => mx_perlin_noise_vec3( texcoord.convert( 'vec2|vec3' ) ).mul( amplitude ).add( pivot );
-  const mx_noise_vec4 = ( texcoord = uv(), amplitude = 1, pivot = 0 ) => {
+  const mx_noise_vec3 = ( texcoord = uv$1(), amplitude = 1, pivot = 0 ) => mx_perlin_noise_vec3( texcoord.convert( 'vec2|vec3' ) ).mul( amplitude ).add( pivot );
+  const mx_noise_vec4 = ( texcoord = uv$1(), amplitude = 1, pivot = 0 ) => {
 
   	texcoord = texcoord.convert( 'vec2|vec3' ); // overloading type
 
@@ -124773,16 +124973,16 @@ void main() {
 
   };
 
-  const mx_worley_noise_float = ( texcoord = uv(), jitter = 1 ) => mx_worley_noise_float$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
-  const mx_worley_noise_vec2 = ( texcoord = uv(), jitter = 1 ) => mx_worley_noise_vec2$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
-  const mx_worley_noise_vec3 = ( texcoord = uv(), jitter = 1 ) => mx_worley_noise_vec3$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
+  const mx_worley_noise_float = ( texcoord = uv$1(), jitter = 1 ) => mx_worley_noise_float$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
+  const mx_worley_noise_vec2 = ( texcoord = uv$1(), jitter = 1 ) => mx_worley_noise_vec2$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
+  const mx_worley_noise_vec3 = ( texcoord = uv$1(), jitter = 1 ) => mx_worley_noise_vec3$1( texcoord.convert( 'vec2|vec3' ), jitter, int( 1 ) );
 
-  const mx_cell_noise_float = ( texcoord = uv() ) => mx_cell_noise_float$1( texcoord.convert( 'vec2|vec3' ) );
+  const mx_cell_noise_float = ( texcoord = uv$1() ) => mx_cell_noise_float$1( texcoord.convert( 'vec2|vec3' ) );
 
-  const mx_fractal_noise_float = ( position = uv(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_float$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
-  const mx_fractal_noise_vec2 = ( position = uv(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec2$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
-  const mx_fractal_noise_vec3 = ( position = uv(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec3$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
-  const mx_fractal_noise_vec4 = ( position = uv(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec4$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
+  const mx_fractal_noise_float = ( position = uv$1(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_float$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
+  const mx_fractal_noise_vec2 = ( position = uv$1(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec2$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
+  const mx_fractal_noise_vec3 = ( position = uv$1(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec3$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
+  const mx_fractal_noise_vec4 = ( position = uv$1(), octaves = 3, lacunarity = 2, diminish = .5, amplitude = 1 ) => mx_fractal_noise_vec4$1( position, int( octaves ), lacunarity, diminish ).mul( amplitude );
 
   /**
    * This computes a parallax corrected normal which is used for box-projected cube mapping (BPCEM).
@@ -124920,6 +125120,7 @@ void main() {
   	backgroundIntensity: backgroundIntensity,
   	backgroundRotation: backgroundRotation,
   	batch: batch,
+  	bentNormalView: bentNormalView,
   	billboarding: billboarding,
   	bitAnd: bitAnd,
   	bitNot: bitNot,
@@ -124963,6 +125164,7 @@ void main() {
   	cineonToneMapping: cineonToneMapping,
   	clamp: clamp,
   	clearcoat: clearcoat,
+  	clearcoatNormalView: clearcoatNormalView,
   	clearcoatRoughness: clearcoatRoughness,
   	code: code,
   	color: color,
@@ -124970,7 +125172,6 @@ void main() {
   	colorToDirection: colorToDirection,
   	compute: compute,
   	computeSkinning: computeSkinning,
-  	cond: cond,
   	context: context,
   	convert: convert,
   	convertColorSpace: convertColorSpace,
@@ -124999,6 +125200,7 @@ void main() {
   	diffuseColor: diffuseColor,
   	directPointLight: directPointLight,
   	directionToColor: directionToColor,
+  	directionToFaceDirection: directionToFaceDirection,
   	dispersion: dispersion,
   	distance: distance,
   	div: div,
@@ -125091,7 +125293,6 @@ void main() {
   	log: log,
   	log2: log2,
   	logarithmicDepthToViewZ: logarithmicDepthToViewZ,
-  	loop: loop,
   	luminance: luminance,
   	mat2: mat2,
   	mat3: mat3,
@@ -125183,7 +125384,6 @@ void main() {
   	mx_worley_noise_float: mx_worley_noise_float,
   	mx_worley_noise_vec2: mx_worley_noise_vec2,
   	mx_worley_noise_vec3: mx_worley_noise_vec3,
-  	namespace: namespace$1,
   	negate: negate$1,
   	neutralToneMapping: neutralToneMapping,
   	nodeArray: nodeArray,
@@ -125196,7 +125396,9 @@ void main() {
   	normalLocal: normalLocal,
   	normalMap: normalMap,
   	normalView: normalView,
+  	normalViewGeometry: normalViewGeometry,
   	normalWorld: normalWorld,
+  	normalWorldGeometry: normalWorldGeometry,
   	normalize: normalize,
   	not: not,
   	notEqual: notEqual,
@@ -125243,7 +125445,7 @@ void main() {
   	pow2: pow2,
   	pow3: pow3,
   	pow4: pow4,
-  	premult: premult,
+  	premultiplyAlpha: premultiplyAlpha,
   	property: property,
   	radians: radians,
   	rand: rand,
@@ -125261,7 +125463,6 @@ void main() {
   	refractVector: refractVector,
   	refractView: refractView,
   	reinhardToneMapping: reinhardToneMapping,
-  	remainder: remainder,
   	remap: remap,
   	remapClamp: remapClamp,
   	renderGroup: renderGroup,
@@ -125274,6 +125475,7 @@ void main() {
   	rtt: rtt,
   	sRGBTransferEOTF: sRGBTransferEOTF,
   	sRGBTransferOETF: sRGBTransferOETF,
+  	sample: sample,
   	sampler: sampler,
   	samplerComparison: samplerComparison,
   	saturate: saturate$1,
@@ -125310,6 +125512,7 @@ void main() {
   	sqrt: sqrt$1,
   	stack: stack,
   	step: step,
+  	stepElement: stepElement,
   	storage: storage$1,
   	storageBarrier: storageBarrier,
   	storageObject: storageObject,
@@ -125317,6 +125520,7 @@ void main() {
   	string: string,
   	struct: struct,
   	sub: sub,
+  	subBuild: subBuild,
   	subgroupIndex: subgroupIndex,
   	subgroupSize: subgroupSize,
   	tan: tan,
@@ -125329,6 +125533,7 @@ void main() {
   	texture3D: texture3D,
   	textureBarrier: textureBarrier,
   	textureBicubic: textureBicubic,
+  	textureBicubicLevel: textureBicubicLevel,
   	textureCubeUV: textureCubeUV,
   	textureLoad: textureLoad,
   	textureSize: textureSize,
@@ -125344,31 +125549,24 @@ void main() {
   	transformDirection: transformDirection,
   	transformNormal: transformNormal,
   	transformNormalToView: transformNormalToView,
-  	transformedBentNormalView: transformedBentNormalView,
-  	transformedBitangentView: transformedBitangentView,
-  	transformedBitangentWorld: transformedBitangentWorld,
   	transformedClearcoatNormalView: transformedClearcoatNormalView,
   	transformedNormalView: transformedNormalView,
   	transformedNormalWorld: transformedNormalWorld,
-  	transformedTangentView: transformedTangentView,
-  	transformedTangentWorld: transformedTangentWorld,
   	transmission: transmission,
   	transpose: transpose,
   	triNoise3D: triNoise3D,
   	triplanarTexture: triplanarTexture,
   	triplanarTextures: triplanarTextures,
   	trunc: trunc,
-  	tslFn: tslFn,
   	uint: uint,
   	uniform: uniform$1,
   	uniformArray: uniformArray,
   	uniformCubeTexture: uniformCubeTexture,
   	uniformGroup: uniformGroup,
   	uniformTexture: uniformTexture,
-  	uniforms: uniforms,
-  	unpremult: unpremult,
+  	unpremultiplyAlpha: unpremultiplyAlpha,
   	userData: userData,
-  	uv: uv,
+  	uv: uv$1,
   	uvec2: uvec2,
   	uvec3: uvec3,
   	uvec4: uvec4,
@@ -125387,7 +125585,6 @@ void main() {
   	viewZToOrthographicDepth: viewZToOrthographicDepth,
   	viewZToPerspectiveDepth: viewZToPerspectiveDepth,
   	viewport: viewport,
-  	viewportBottomLeft: viewportBottomLeft,
   	viewportCoordinate: viewportCoordinate,
   	viewportDepthTexture: viewportDepthTexture,
   	viewportLinearDepth: viewportLinearDepth,
@@ -125397,7 +125594,6 @@ void main() {
   	viewportSharedTexture: viewportSharedTexture,
   	viewportSize: viewportSize,
   	viewportTexture: viewportTexture,
-  	viewportTopLeft: viewportTopLeft,
   	viewportUV: viewportUV,
   	wgsl: wgsl,
   	wgslFn: wgslFn,
@@ -125490,7 +125686,7 @@ void main() {
 
   				const backgroundMeshNode = context( vec4( backgroundNode ).mul( backgroundIntensity ), {
   					// @TODO: Add Texture2D support using node context
-  					getUV: () => backgroundRotation.mul( normalWorld ),
+  					getUV: () => backgroundRotation.mul( normalWorldGeometry ),
   					getTextureLevel: () => backgroundBlurriness
   				} );
 
@@ -127360,6 +127556,30 @@ void main() {
   		 */
   		this.buildStage = null;
 
+  		/**
+  		 * The sub-build layers.
+  		 *
+  		 * @type {Array<SubBuildNode>}
+  		 * @default []
+  		 */
+  		this.subBuildLayers = [];
+
+  		/**
+  		 * The current stack of nodes.
+  		 *
+  		 * @type {?StackNode}
+  		 * @default null
+  		 */
+  		this.currentStack = null;
+
+  		/**
+  		 * The current sub-build TSL function(Fn).
+  		 *
+  		 * @type {?string}
+  		 * @default null
+  		 */
+  		this.subBuildFn = null;
+
   	}
 
   	/**
@@ -128516,7 +128736,23 @@ void main() {
 
   		if ( nodeData[ shaderStage ] === undefined ) nodeData[ shaderStage ] = {};
 
-  		return nodeData[ shaderStage ];
+  		//
+
+  		let data = nodeData[ shaderStage ];
+
+  		const subBuilds = nodeData.any ? nodeData.any.subBuilds : null;
+  		const subBuild = this.getClosestSubBuild( subBuilds );
+
+  		if ( subBuild ) {
+
+  			if ( data.subBuildsCache === undefined ) data.subBuildsCache = {};
+
+  			data = data.subBuildsCache[ subBuild ] || ( data.subBuildsCache[ subBuild ] = {} );
+  			data.subBuilds = subBuilds;
+
+  		}
+
+  		return data;
 
   	}
 
@@ -128677,8 +128913,9 @@ void main() {
   	getVarFromNode( node, name = null, type = node.getNodeType( this ), shaderStage = this.shaderStage, readOnly = false ) {
 
   		const nodeData = this.getDataFromNode( node, shaderStage );
+  		const subBuildVariable = this.getSubBuildProperty( 'variable', nodeData.subBuilds );
 
-  		let nodeVar = nodeData.variable;
+  		let nodeVar = nodeData[ subBuildVariable ];
 
   		if ( nodeVar === undefined ) {
 
@@ -128697,6 +128934,14 @@ void main() {
 
   			//
 
+  			if ( subBuildVariable !== 'variable' ) {
+
+  				name = this.getSubBuildProperty( name, nodeData.subBuilds );
+
+  			}
+
+  			//
+
   			const count = this.getArrayCount( node );
 
   			nodeVar = new NodeVar( name, type, readOnly, count );
@@ -128709,7 +128954,7 @@ void main() {
 
   			this.registerDeclaration( nodeVar );
 
-  			nodeData.variable = nodeVar;
+  			nodeData[ subBuildVariable ] = nodeVar;
 
   		}
 
@@ -128777,8 +129022,9 @@ void main() {
   	getVaryingFromNode( node, name = null, type = node.getNodeType( this ), interpolationType = null, interpolationSampling = null ) {
 
   		const nodeData = this.getDataFromNode( node, 'any' );
+  		const subBuildVarying = this.getSubBuildProperty( 'varying', nodeData.subBuilds );
 
-  		let nodeVarying = nodeData.varying;
+  		let nodeVarying = nodeData[ subBuildVarying ];
 
   		if ( nodeVarying === undefined ) {
 
@@ -128787,69 +129033,27 @@ void main() {
 
   			if ( name === null ) name = 'nodeVarying' + index;
 
-  			nodeVarying = new NodeVarying( name, type, interpolationType, interpolationSampling );
-
-  			varyings.push( nodeVarying );
-
-  			this.registerDeclaration( nodeVarying );
-
-  			nodeData.varying = nodeVarying;
-
-  		}
-
-  		return nodeVarying;
-
-  	}
-
-  	/**
-  	 * Returns the current namespace for the node builder.
-  	 *
-  	 * @return {string} The current namespace.
-  	 */
-  	get namespace() {
-
-  		return this.context.namespace;
-
-  	}
-
-  	/**
-  	 * Returns the output namespace for the node builder, which is used for the current output node.
-  	 *
-  	 * @return {string} The output namespace.
-  	 */
-  	getOutputNamespace() {
+  			//
 
-  		return this.getNamespace( 'outputNode' );
+  			if ( subBuildVarying !== 'varying' ) {
 
-  	}
+  				name = this.getSubBuildProperty( name, nodeData.subBuilds );
 
-  	/**
-  	 * Returns the namespace for the given property.
-  	 *
-  	 * If the property name is not set, it returns the namespace only.
-  	 * If the namespace is not set, it returns the property name.
-  	 * If the namespace is set, it returns the namespace concatenated with the property name.
-  	 *
-  	 * @param {string} [property=''] - The property name.
-  	 * @return {string} The namespace for the property.
-  	 */
-  	getNamespace( property = '' ) {
-
-  		const ns = this.namespace;
+  			}
 
-  		let nsName;
+  			//
 
-  		if ( ns ) {
+  			nodeVarying = new NodeVarying( name, type, interpolationType, interpolationSampling );
 
-  			nsName = property ? ( ns + '_' + property ) : ns;
+  			varyings.push( nodeVarying );
 
-  		} else {
+  			this.registerDeclaration( nodeVarying );
 
-  			nsName = property;
+  			nodeData[ subBuildVarying ] = nodeVarying;
 
   		}
 
-  		return nsName;
+  		return nodeVarying;
 
   	}
 
@@ -129506,6 +129710,145 @@ void main() {
 
   	}
 
+  	/**
+  	 * Returns the current sub-build layer.
+  	 *
+  	 * @return {SubBuildNode} The current sub-build layers.
+  	 */
+  	get subBuild() {
+
+  		return this.subBuildLayers[ this.subBuildLayers.length - 1 ] || null;
+
+  	}
+
+  	/**
+  	 * Adds a sub-build layer to the node builder.
+  	 *
+  	 * @param {SubBuildNode} subBuild - The sub-build layer to add.
+  	 */
+  	addSubBuild( subBuild ) {
+
+  		this.subBuildLayers.push( subBuild );
+
+  	}
+
+  	/**
+  	 * Removes the last sub-build layer from the node builder.
+  	 *
+  	 * @return {SubBuildNode} The removed sub-build layer.
+  	 */
+  	removeSubBuild() {
+
+  		return this.subBuildLayers.pop();
+
+  	}
+
+  	/**
+  	 * Returns the closest sub-build layer for the given data.
+  	 *
+  	 * @param {Node|Set|Array} data - The data to get the closest sub-build layer from.
+  	 * @return {?string} The closest sub-build name or null if none found.
+  	 */
+  	getClosestSubBuild( data ) {
+
+  		let subBuilds;
+
+  		if ( data && data.isNode ) {
+
+  			if ( data.isShaderCallNodeInternal ) {
+
+  				subBuilds = data.shaderNode.subBuilds;
+
+  			} else if ( data.isStackNode ) {
+
+  				subBuilds = [ data.subBuild ];
+
+  			} else {
+
+  				subBuilds = this.getDataFromNode( data, 'any' ).subBuilds;
+
+  			}
+
+  		} else if ( data instanceof Set ) {
+
+  			subBuilds = [ ...data ];
+
+  		} else {
+
+  			subBuilds = data;
+
+  		}
+
+  		if ( ! subBuilds ) return null;
+
+  		const subBuildLayers = this.subBuildLayers;
+
+  		for ( let i = subBuilds.length - 1; i >= 0; i -- ) {
+
+  			const subBuild = subBuilds[ i ];
+
+  			if ( subBuildLayers.includes( subBuild ) ) {
+
+  				return subBuild;
+
+  			}
+
+  		}
+
+  		return null;
+
+  	}
+
+
+  	/**
+  	 * Returns the output node of a sub-build layer.
+  	 *
+  	 * @param {Node} node - The node to get the output from.
+  	 * @return {string} The output node name.
+  	 */
+  	getSubBuildOutput( node ) {
+
+  		return this.getSubBuildProperty( 'outputNode', node );
+
+  	}
+
+  	/**
+  	 * Returns the sub-build property name for the given property and node.
+  	 *
+  	 * @param {string} [property=''] - The property name.
+  	 * @param {?Node} [node=null] - The node to get the sub-build from.
+  	 * @return {string} The sub-build property name.
+  	 */
+  	getSubBuildProperty( property = '', node = null ) {
+
+  		let subBuild;
+
+  		if ( node !== null ) {
+
+  			subBuild = this.getClosestSubBuild( node );
+
+  		} else {
+
+  			subBuild = this.subBuildFn;
+
+  		}
+
+  		let result;
+
+  		if ( subBuild ) {
+
+  			result = property ? ( subBuild + '_' + property ) : subBuild;
+
+  		} else {
+
+  			result = property;
+
+  		}
+
+  		return result;
+
+  	}
+
   	/**
   	 * Central build method which controls the build for the given object.
   	 *
@@ -129715,22 +130058,6 @@ void main() {
   	 */
   	*[ Symbol.iterator ]() { }
 
-  	// Deprecated
-
-  	/**
-  	 * @function
-  	 * @deprecated since r168. Use `new NodeMaterial()` instead, with targeted node material name.
-  	 *
-  	 * @param {string} [type='NodeMaterial'] - The node material type.
-  	 * @throws {Error}
-  	 */
-  	createNodeMaterial( type = 'NodeMaterial' ) { // @deprecated, r168
-
-  		throw new Error( `THREE.NodeBuilder: createNodeMaterial() was deprecated. Use new ${ type }() instead.` );
-
-  	}
-
-
   }
 
   /**
@@ -132420,10 +132747,11 @@ void main() {
   		 * are defined by external textures. This flag is
   		 * set to `true` when using the WebXR Layers API.
   		 *
+  		 * @private
   		 * @type {boolean}
   		 * @default false
   		 */
-  		this.hasExternalTextures = false;
+  		this._hasExternalTextures = false;
 
   		/**
   		 * Whether a depth buffer should automatically be allocated
@@ -132436,10 +132764,25 @@ void main() {
   		 *
   		 * Reference: {@link https://www.w3.org/TR/webxrlayers-1/#dom-xrprojectionlayer-ignoredepthvalues}.
   		 *
+  		 * @private
   		 * @type {boolean}
   		 * @default true
   		 */
-  		this.autoAllocateDepthBuffer = true;
+  		this._autoAllocateDepthBuffer = true;
+
+  		/**
+  		 * Whether this render target is associated with a XRWebGLLayer.
+  		 *
+  		 * A XRWebGLLayer points to an opaque framebuffer. Basically,
+  		 * this means that you don't have access to its bound color,
+  		 * stencil and depth buffers. We need to handle this framebuffer
+  		 * differently since its textures are always bound.
+  		 *
+  		 * @private
+  		 * @type {boolean}
+  		 * @default false
+  		 * */
+  		this._isOpaqueFramebuffer = false;
 
   	}
 
@@ -132447,8 +132790,9 @@ void main() {
 
   		super.copy( source );
 
-  		this.hasExternalTextures = source.hasExternalTextures;
-  		this.autoAllocateDepthBuffer = source.autoAllocateDepthBuffer;
+  		this._hasExternalTextures = source._hasExternalTextures;
+  		this._autoAllocateDepthBuffer = source._autoAllocateDepthBuffer;
+  		this._isOpaqueFramebuffer = source._isOpaqueFramebuffer;
 
   		return this;
 
@@ -133081,7 +133425,7 @@ void main() {
   				resolveStencilBuffer: false
   			} );
 
-  		renderTarget.autoAllocateDepthBuffer = true;
+  		renderTarget._autoAllocateDepthBuffer = true;
 
   		const material = new MeshBasicMaterial( { color: 0xffffff, side: FrontSide } );
   		material.map = renderTarget.texture;
@@ -133172,7 +133516,7 @@ void main() {
   				resolveStencilBuffer: false
   			} );
 
-  		renderTarget.autoAllocateDepthBuffer = true;
+  		renderTarget._autoAllocateDepthBuffer = true;
 
   		const material = new MeshBasicMaterial( { color: 0xffffff, side: BackSide } );
   		material.map = renderTarget.texture;
@@ -133246,7 +133590,7 @@ void main() {
   		for ( const layer of this._layers ) {
 
   			layer.renderTarget.isXRRenderTarget = this._session !== null;
-  			layer.renderTarget.hasExternalTextures = layer.renderTarget.isXRRenderTarget;
+  			layer.renderTarget._hasExternalTextures = layer.renderTarget.isXRRenderTarget;
 
   			if ( layer.renderTarget.isXRRenderTarget && this._supportsLayers ) {
 
@@ -133414,7 +133758,7 @@ void main() {
   						multiview: this._useMultiview
   					} );
 
-  				this._xrRenderTarget.hasExternalTextures = true;
+  				this._xrRenderTarget._hasExternalTextures = true;
   				this._xrRenderTarget.depth = this._useMultiview ? 2 : 1;
 
   				this._supportsLayers = session.enabledFeatures.includes( 'layers' );
@@ -133476,6 +133820,7 @@ void main() {
   					}
   				);
 
+  				this._xrRenderTarget._isOpaqueFramebuffer = true;
   				this._referenceSpace = await session.requestReferenceSpace( this.getReferenceSpaceType() );
 
   			}
@@ -135303,7 +135648,7 @@ void main() {
   		frameBufferTarget.scissorTest = this._scissorTest;
   		frameBufferTarget.multiview = outputRenderTarget !== null ? outputRenderTarget.multiview : false;
   		frameBufferTarget.resolveDepthBuffer = outputRenderTarget !== null ? outputRenderTarget.resolveDepthBuffer : true;
-  		frameBufferTarget.autoAllocateDepthBuffer = outputRenderTarget !== null ? outputRenderTarget.autoAllocateDepthBuffer : false;
+  		frameBufferTarget._autoAllocateDepthBuffer = outputRenderTarget !== null ? outputRenderTarget._autoAllocateDepthBuffer : false;
 
   		return frameBufferTarget;
 
@@ -138155,9 +138500,7 @@ void main() {
   };
 
   const interpolationModeMap = {
-  	'centroid': 'centroid',
-  	'flat first': 'flat',
-  	'flat either': 'flat'
+  	'centroid': 'centroid'
   };
 
   const defaultPrecisions = `
@@ -140320,6 +140663,10 @@ void main() {
 
   			type = gl.FLOAT;
 
+  		} else if ( typeof Float16Array !== 'undefined' && array instanceof Float16Array ) {
+
+  			type = gl.HALF_FLOAT;
+
   		} else if ( array instanceof Uint16Array ) {
 
   			if ( attribute.isFloat16BufferAttribute ) {
@@ -140855,7 +141202,7 @@ void main() {
   							break;
 
   						case MultiplyBlending:
-  							gl.blendFuncSeparate( gl.ZERO, gl.SRC_COLOR, gl.ZERO, gl.SRC_ALPHA );
+  							gl.blendFuncSeparate( gl.DST_COLOR, gl.ONE_MINUS_SRC_ALPHA, gl.ZERO, gl.ONE );
   							break;
 
   						default:
@@ -140873,15 +141220,15 @@ void main() {
   							break;
 
   						case AdditiveBlending:
-  							gl.blendFunc( gl.SRC_ALPHA, gl.ONE );
+  							gl.blendFuncSeparate( gl.SRC_ALPHA, gl.ONE, gl.ONE, gl.ONE );
   							break;
 
   						case SubtractiveBlending:
-  							gl.blendFuncSeparate( gl.ZERO, gl.ONE_MINUS_SRC_COLOR, gl.ZERO, gl.ONE );
+  							console.error( 'THREE.WebGLState: SubtractiveBlending requires material.premultipliedAlpha = true' );
   							break;
 
   						case MultiplyBlending:
-  							gl.blendFunc( gl.ZERO, gl.SRC_COLOR );
+  							console.error( 'THREE.WebGLState: MultiplyBlending requires material.premultipliedAlpha = true' );
   							break;
 
   						default:
@@ -142984,6 +143331,8 @@ void main() {
 
   		}
 
+  		gl.bindRenderbuffer( gl.RENDERBUFFER, null );
+
   	}
 
   	/**
@@ -144224,13 +144573,13 @@ void main() {
 
   			// The multisample_render_to_texture extension doesn't work properly if there
   			// are midframe flushes and an external depth texture.
-  			if ( ( this.extensions.has( 'WEBGL_multisampled_render_to_texture' ) === true ) && renderTarget.autoAllocateDepthBuffer === true && renderTarget.multiview === false ) {
+  			if ( ( this.extensions.has( 'WEBGL_multisampled_render_to_texture' ) === true ) && renderTarget._autoAllocateDepthBuffer === true && renderTarget.multiview === false ) {
 
   				console.warn( 'THREE.WebGLBackend: Render-to-texture extension was disabled because an external texture was provided' );
 
   			}
 
-  			renderTarget.autoAllocateDepthBuffer = false;
+  			renderTarget._autoAllocateDepthBuffer = false;
 
   		}
 
@@ -144403,29 +144752,60 @@ void main() {
   		}
 
   		this._currentContext = previousContext;
+  		const renderTarget = renderContext.renderTarget;
 
-  		if ( renderContext.textures !== null && renderContext.renderTarget ) {
-
-  			const renderTargetContextData = this.get( renderContext.renderTarget );
+  		if ( renderContext.textures !== null && renderTarget ) {
 
-  			const { resolveDepthBuffer, samples } = renderContext.renderTarget;
+  			const renderTargetContextData = this.get( renderTarget );
 
-  			if ( samples > 0 && this._useMultisampledExtension( renderContext.renderTarget ) === false ) {
+  			if ( renderTarget.samples > 0 && this._useMultisampledExtension( renderTarget ) === false ) {
 
   				const fb = renderTargetContextData.framebuffers[ renderContext.getCacheKey() ];
 
-  				const mask = gl.COLOR_BUFFER_BIT;
+  				let mask = gl.COLOR_BUFFER_BIT;
+
+  				if ( renderTarget.resolveDepthBuffer ) {
+
+  					if ( renderTarget.depthBuffer ) mask |= gl.DEPTH_BUFFER_BIT;
+  					if ( renderTarget.stencilBuffer && renderTarget.resolveStencilBuffer ) mask |= gl.STENCIL_BUFFER_BIT;
+
+  				}
 
   				const msaaFrameBuffer = renderTargetContextData.msaaFrameBuffer;
+  				const msaaRenderbuffers = renderTargetContextData.msaaRenderbuffers;
 
   				const textures = renderContext.textures;
+  				const isMRT = textures.length > 1;
 
   				state.bindFramebuffer( gl.READ_FRAMEBUFFER, msaaFrameBuffer );
   				state.bindFramebuffer( gl.DRAW_FRAMEBUFFER, fb );
 
+  				if ( isMRT ) {
+
+  					// blitFramebuffer() can only copy/resolve the first color attachment of a framebuffer. When using MRT,
+  					// the engine temporarily removes all attachments and then configures each attachment for the resolve.
+
+  					for ( let i = 0; i < textures.length; i ++ ) {
+
+  						gl.framebufferRenderbuffer( gl.READ_FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + i, gl.RENDERBUFFER, null );
+  						gl.framebufferTexture2D( gl.DRAW_FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + i, gl.TEXTURE_2D, null, 0 );
+
+  					}
+
+  				}
+
   				for ( let i = 0; i < textures.length; i ++ ) {
 
-  					// TODO Add support for MRT
+  					if ( isMRT ) {
+
+  						// configure attachment for resolve
+
+  						const { textureGPU } = this.get( textures[ i ] );
+
+  						gl.framebufferRenderbuffer( gl.READ_FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.RENDERBUFFER, msaaRenderbuffers[ i ] );
+  						gl.framebufferTexture2D( gl.DRAW_FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, textureGPU, 0 );
+
+  					}
 
   					if ( renderContext.scissor ) {
 
@@ -144435,27 +144815,36 @@ void main() {
 
   						gl.blitFramebuffer( x, viewY, x + width, viewY + height, x, viewY, x + width, viewY + height, mask, gl.NEAREST );
 
-  						if ( this._supportsInvalidateFramebuffer === true ) {
+  					} else {
 
-  							gl.invalidateSubFramebuffer( gl.READ_FRAMEBUFFER, renderTargetContextData.invalidationArray, x, viewY, width, height );
+  						gl.blitFramebuffer( 0, 0, renderContext.width, renderContext.height, 0, 0, renderContext.width, renderContext.height, mask, gl.NEAREST );
 
-  						}
+  					}
 
-  					} else {
+  				}
 
-  						gl.blitFramebuffer( 0, 0, renderContext.width, renderContext.height, 0, 0, renderContext.width, renderContext.height, mask, gl.NEAREST );
+  				if ( isMRT ) {
+
+  					// restore attachments
 
-  						if ( this._supportsInvalidateFramebuffer === true ) {
+  					for ( let i = 0; i < textures.length; i ++ ) {
 
-  							gl.invalidateFramebuffer( gl.READ_FRAMEBUFFER, renderTargetContextData.invalidationArray );
+  						const { textureGPU } = this.get( textures[ i ] );
 
-  						}
+  						gl.framebufferRenderbuffer( gl.READ_FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + i, gl.RENDERBUFFER, msaaRenderbuffers[ i ] );
+  						gl.framebufferTexture2D( gl.DRAW_FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + i, gl.TEXTURE_2D, textureGPU, 0 );
 
   					}
 
   				}
 
-  			} else if ( resolveDepthBuffer === false && renderTargetContextData.framebuffers ) {
+  				if ( this._supportsInvalidateFramebuffer === true ) {
+
+  					gl.invalidateFramebuffer( gl.READ_FRAMEBUFFER, renderTargetContextData.invalidationArray );
+
+  				}
+
+  			} else if ( renderTarget.resolveDepthBuffer === false && renderTargetContextData.framebuffers ) {
 
   				const fb = renderTargetContextData.framebuffers[ renderContext.getCacheKey() ];
   				state.bindFramebuffer( gl.DRAW_FRAMEBUFFER, fb );
@@ -144756,7 +145145,7 @@ void main() {
 
   		if ( vaoGPU === undefined ) {
 
-  			this._createVao( attributes );
+  			this.vaoCache[ vaoKey ] = this._createVao( attributes );
 
   		} else {
 
@@ -144792,7 +145181,7 @@ void main() {
 
   			const dualAttributeData = transformBuffers[ i ];
 
-  			if ( dualAttributeData.pbo ) {
+  			if ( dualAttributeData.pbo && this.has( dualAttributeData.pbo ) ) {
 
   				this.textureUtils.copyBufferToTexture( dualAttributeData.transformBuffer, dualAttributeData.pbo );
 
@@ -144874,28 +145263,23 @@ void main() {
 
   		// vertex state
 
-  		const renderObjectData = this.get( renderObject );
+  		const attributes = renderObject.getAttributes();
+  		const attributesData = this.get( attributes );
 
-  		let vaoGPU = renderObjectData.staticVao;
+  		let vaoGPU = attributesData.vaoGPU;
 
-  		if ( vaoGPU === undefined || renderObjectData.geometryId !== renderObject.geometry.id ) {
+  		if ( vaoGPU === undefined ) {
 
-  			const vaoKey = this._getVaoKey( renderObject.getAttributes() );
+  			const vaoKey = this._getVaoKey( attributes );
 
   			vaoGPU = this.vaoCache[ vaoKey ];
 
   			if ( vaoGPU === undefined ) {
 
-  				let staticVao;
-
-  				( { vaoGPU, staticVao } = this._createVao( renderObject.getAttributes() ) );
-
-  				if ( staticVao ) {
+  				vaoGPU = this._createVao( attributes );
 
-  					renderObjectData.staticVao = vaoGPU;
-  					renderObjectData.geometryId = renderObject.geometry.id;
-
-  				}
+  				this.vaoCache[ vaoKey ] = vaoGPU;
+  				attributesData.vaoGPU = vaoGPU;
 
   			}
 
@@ -145862,7 +146246,7 @@ void main() {
   			const isRenderTarget3D = renderTarget.isRenderTarget3D === true;
   			const isRenderTargetArray = renderTarget.depth > 1;
   			const isXRRenderTarget = renderTarget.isXRRenderTarget === true;
-  			const hasExternalTextures = ( isXRRenderTarget === true && renderTarget.hasExternalTextures === true );
+  			const _hasExternalTextures = ( isXRRenderTarget === true && renderTarget._hasExternalTextures === true );
 
   			let msaaFb = renderTargetContextData.msaaFrameBuffer;
   			let depthRenderbuffer = renderTargetContextData.depthRenderbuffer;
@@ -145879,7 +146263,7 @@ void main() {
 
   				fb = renderTargetContextData.cubeFramebuffers[ cacheKey ];
 
-  			} else if ( isXRRenderTarget && hasExternalTextures === false ) {
+  			} else if ( isXRRenderTarget && _hasExternalTextures === false ) {
 
   				fb = this._xrFramebuffer;
 
@@ -145949,13 +146333,11 @@ void main() {
 
   					}
 
-  					state.drawBuffers( descriptor, fb );
-
   				}
 
   				const depthStyle = stencilBuffer ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
 
-  				if ( renderTarget.autoAllocateDepthBuffer === true ) {
+  				if ( renderTarget._autoAllocateDepthBuffer === true ) {
 
   					const renderbuffer = gl.createRenderbuffer();
   					this.textureUtils.setupRenderBufferStorage( renderbuffer, descriptor, 0, useMultisampledRTT );
@@ -145980,7 +146362,7 @@ void main() {
 
   							multiviewExt.framebufferTextureMultisampleMultiviewOVR( gl.FRAMEBUFFER, depthStyle, textureData.textureGPU, 0, samples, 0, 2 );
 
-  						} else if ( hasExternalTextures && useMultisampledRTT ) {
+  						} else if ( _hasExternalTextures && useMultisampledRTT ) {
 
   							multisampledRTTExt.framebufferTexture2DMultisampleEXT( gl.FRAMEBUFFER, depthStyle, gl.TEXTURE_2D, textureData.textureGPU, 0, samples );
 
@@ -146031,7 +146413,7 @@ void main() {
 
   				// rebind external XR textures
 
-  				if ( isXRRenderTarget || useMultisampledRTT || renderTarget.multiview ) {
+  				if ( ( isXRRenderTarget || useMultisampledRTT || renderTarget.multiview ) && ( renderTarget._isOpaqueFramebuffer !== true ) ) {
 
   					state.bindFramebuffer( gl.FRAMEBUFFER, fb );
 
@@ -146057,7 +146439,7 @@ void main() {
 
   					const depthStyle = stencilBuffer ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
 
-  					if ( renderTarget.autoAllocateDepthBuffer === true ) {
+  					if ( renderTarget._autoAllocateDepthBuffer === true ) {
 
   						const renderbuffer = renderTargetContextData.xrDepthRenderbuffer;
   						gl.bindRenderbuffer( gl.RENDERBUFFER, renderbuffer );
@@ -146109,13 +146491,6 @@ void main() {
 
   						invalidationArray.push( gl.COLOR_ATTACHMENT0 + i );
 
-  						if ( depthBuffer ) {
-
-  							const depthStyle = stencilBuffer ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT;
-  							invalidationArray.push( depthStyle );
-
-  						}
-
   						const texture = descriptor.textures[ i ];
   						const textureData = this.get( texture );
 
@@ -146125,10 +146500,12 @@ void main() {
 
   					}
 
+  					gl.bindRenderbuffer( gl.RENDERBUFFER, null );
+
   					renderTargetContextData.msaaFrameBuffer = msaaFb;
   					renderTargetContextData.msaaRenderbuffers = msaaRenderbuffers;
 
-  					if ( depthRenderbuffer === undefined ) {
+  					if ( depthBuffer && depthRenderbuffer === undefined ) {
 
   						depthRenderbuffer = gl.createRenderbuffer();
   						this.textureUtils.setupRenderBufferStorage( depthRenderbuffer, descriptor, samples );
@@ -146152,6 +146529,8 @@ void main() {
 
   			}
 
+  			state.drawBuffers( descriptor, fb );
+
   		}
 
   		state.bindFramebuffer( gl.FRAMEBUFFER, currentFrameBuffer );
@@ -146193,9 +146572,6 @@ void main() {
   		const { gl } = this;
 
   		const vaoGPU = gl.createVertexArray();
-  		let key = '';
-
-  		let staticVao = true;
 
   		gl.bindVertexArray( vaoGPU );
 
@@ -146204,13 +146580,9 @@ void main() {
   			const attribute = attributes[ i ];
   			const attributeData = this.get( attribute );
 
-  			key += ':' + attributeData.id;
-
   			gl.bindBuffer( gl.ARRAY_BUFFER, attributeData.bufferGPU );
   			gl.enableVertexAttribArray( i );
 
-  			if ( attribute.isStorageBufferAttribute || attribute.isStorageInstancedBufferAttribute ) staticVao = false;
-
   			let stride, offset;
 
   			if ( attribute.isInterleavedBufferAttribute === true ) {
@@ -146249,9 +146621,7 @@ void main() {
 
   		gl.bindBuffer( gl.ARRAY_BUFFER, null );
 
-  		this.vaoCache[ key ] = vaoGPU;
-
-  		return { vaoGPU, staticVao };
+  		return vaoGPU;
 
   	}
 
@@ -146388,7 +146758,7 @@ void main() {
 
   		}
 
-  		return renderTarget.samples > 0 && this.extensions.has( 'WEBGL_multisampled_render_to_texture' ) === true && renderTarget.autoAllocateDepthBuffer !== false;
+  		return renderTarget.samples > 0 && this.extensions.has( 'WEBGL_multisampled_render_to_texture' ) === true && renderTarget._autoAllocateDepthBuffer !== false;
 
   	}
 
@@ -146672,20 +147042,26 @@ void main() {
   };
 
   const GPUFeatureName = {
+  	CoreFeaturesAndLimits: 'core-features-and-limits',
   	DepthClipControl: 'depth-clip-control',
   	Depth32FloatStencil8: 'depth32float-stencil8',
   	TextureCompressionBC: 'texture-compression-bc',
+  	TextureCompressionBCSliced3D: 'texture-compression-bc-sliced-3d',
   	TextureCompressionETC2: 'texture-compression-etc2',
   	TextureCompressionASTC: 'texture-compression-astc',
+  	TextureCompressionASTCSliced3D: 'texture-compression-astc-sliced-3d',
   	TimestampQuery: 'timestamp-query',
   	IndirectFirstInstance: 'indirect-first-instance',
   	ShaderF16: 'shader-f16',
   	RG11B10UFloat: 'rg11b10ufloat-renderable',
   	BGRA8UNormStorage: 'bgra8unorm-storage',
   	Float32Filterable: 'float32-filterable',
+  	Float32Blendable: 'float32-blendable',
   	ClipDistances: 'clip-distances',
   	DualSourceBlending: 'dual-source-blending',
-  	Subgroups: 'subgroups'
+  	Subgroups: 'subgroups',
+  	TextureFormatsTier1: 'texture-formats-tier1',
+  	TextureFormatsTier2: 'texture-formats-tier2'
   };
 
   /**
@@ -148369,7 +148745,7 @@ fn main( @location( 0 ) vTex : vec2<f32> ) -> @location( 0 ) vec4<f32> {
 
   		let dimension;
 
-  		if ( texture.isData3DTexture ) {
+  		if ( texture.is3DTexture || texture.isData3DTexture ) {
 
   			dimension = GPUTextureDimension.ThreeD;
 
@@ -150643,24 +151019,29 @@ ${ flowData.code }
 
   					}
 
-  				} else if ( texture.isArrayTexture === true || texture.isDataArrayTexture === true || texture.isCompressedArrayTexture === true ) {
+  				} else if ( uniform.node.isStorageTextureNode === true ) {
 
-  					textureType = 'texture_2d_array<f32>';
+  					const format = getFormat( texture );
+  					const access = this.getStorageAccess( uniform.node, shaderStage );
 
-  				} else if ( texture.isVideoTexture === true ) {
+  					const is3D = uniform.node.value.is3DTexture;
+  					const isArrayTexture = uniform.node.value.isArrayTexture;
 
-  					textureType = 'texture_external';
+  					const dimension = is3D ? '3d' : `2d${ isArrayTexture ? '_array' : '' }`;
 
-  				} else if ( texture.isData3DTexture === true ) {
+  					textureType = `texture_storage_${ dimension }<${ format }, ${ access }>`;
 
-  					textureType = 'texture_3d<f32>';
+  				} else if ( texture.isArrayTexture === true || texture.isDataArrayTexture === true || texture.isCompressedArrayTexture === true ) {
 
-  				} else if ( uniform.node.isStorageTextureNode === true ) {
+  					textureType = 'texture_2d_array<f32>';
 
-  					const format = getFormat( texture );
-  					const access = this.getStorageAccess( uniform.node, shaderStage );
+  				} else if ( texture.is3DTexture === true || texture.isData3DTexture === true ) {
 
-  					textureType = `texture_storage_2d<${ format }, ${ access }>`;
+  					textureType = 'texture_3d<f32>';
+
+  				} else if ( texture.isVideoTexture === true ) {
+
+  					textureType = 'texture_external';
 
   				} else {
 
@@ -151357,6 +151738,12 @@ var<${access}> ${ name } : ${ structName };`;
   	[ Float32Array, [ 'float32', ]],
   ] );
 
+  if ( typeof Float16Array !== 'undefined' ) {
+
+  	typedArraysToVertexFormatPrefix.set( Float16Array, [ 'float16' ] );
+
+  }
+
   const typedAttributeToVertexFormatPrefix = new Map( [
   	[ Float16BufferAttribute, [ 'float16', ]],
   ] );
@@ -151916,6 +152303,16 @@ var<${access}> ${ name } : ${ structName };`;
 
   				}
 
+  				if ( binding.texture.isArrayTexture ) {
+
+  					storageTexture.viewDimension = GPUTextureViewDimension.TwoDArray;
+
+  				} else if ( binding.texture.is3DTexture ) {
+
+  					storageTexture.viewDimension = GPUTextureViewDimension.ThreeD;
+
+  				}
+
   				bindingGPU.storageTexture = storageTexture;
 
   			} else if ( binding.isSampledTexture ) {
@@ -152618,7 +153015,7 @@ var<${access}> ${ name } : ${ structName };`;
   						break;
 
   					case MultiplyBlending:
-  						setBlend( GPUBlendFactor.Zero, GPUBlendFactor.Src, GPUBlendFactor.Zero, GPUBlendFactor.SrcAlpha );
+  						setBlend( GPUBlendFactor.Dst, GPUBlendFactor.OneMinusSrcAlpha, GPUBlendFactor.Zero, GPUBlendFactor.One );
   						break;
 
   				}
@@ -152632,15 +153029,15 @@ var<${access}> ${ name } : ${ structName };`;
   						break;
 
   					case AdditiveBlending:
-  						setBlend( GPUBlendFactor.SrcAlpha, GPUBlendFactor.One, GPUBlendFactor.SrcAlpha, GPUBlendFactor.One );
+  						setBlend( GPUBlendFactor.SrcAlpha, GPUBlendFactor.One, GPUBlendFactor.One, GPUBlendFactor.One );
   						break;
 
   					case SubtractiveBlending:
-  						setBlend( GPUBlendFactor.Zero, GPUBlendFactor.OneMinusSrc, GPUBlendFactor.Zero, GPUBlendFactor.One );
+  						console.error( 'THREE.WebGPURenderer: SubtractiveBlending requires material.premultipliedAlpha = true' );
   						break;
 
   					case MultiplyBlending:
-  						setBlend( GPUBlendFactor.Zero, GPUBlendFactor.Src, GPUBlendFactor.Zero, GPUBlendFactor.Src );
+  						console.error( 'THREE.WebGPURenderer: MultiplyBlending requires material.premultipliedAlpha = true' );
   						break;
 
   				}
@@ -155378,7 +155775,15 @@ var<${access}> ${ name } : ${ structName };`;
   	 */
   	createIndexAttribute( attribute ) {
 
-  		this.attributeUtils.createAttribute( attribute, GPUBufferUsage.INDEX | GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST );
+  		let usage = GPUBufferUsage.INDEX | GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST;
+
+  		if ( attribute.isStorageBufferAttribute || attribute.isStorageInstancedBufferAttribute ) {
+
+  			usage |= GPUBufferUsage.STORAGE;
+
+  		}
+
+  		this.attributeUtils.createAttribute( attribute, usage );
 
   	}
 
@@ -156000,6 +156405,7 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.backgroundIntensity;
   TSL.backgroundRotation;
   TSL.batch;
+  TSL.bentNormalView;
   TSL.billboarding;
   TSL.bitAnd;
   TSL.bitNot;
@@ -156259,7 +156665,6 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.mx_worley_noise_float;
   TSL.mx_worley_noise_vec2;
   TSL.mx_worley_noise_vec3;
-  TSL.namespace;
   const negate = TSL.negate;
   TSL.neutralToneMapping;
   TSL.nodeArray;
@@ -156272,7 +156677,9 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.normalLocal;
   TSL.normalMap;
   TSL.normalView;
+  TSL.normalViewGeometry;
   TSL.normalWorld;
+  TSL.normalWorldGeometry;
   TSL.normalize;
   TSL.not;
   TSL.notEqual;
@@ -156318,7 +156725,7 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.pow2;
   TSL.pow3;
   TSL.pow4;
-  TSL.premult;
+  TSL.premultiplyAlpha;
   TSL.property;
   TSL.radians;
   TSL.rand;
@@ -156350,6 +156757,7 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.rtt;
   TSL.sRGBTransferEOTF;
   TSL.sRGBTransferOETF;
+  TSL.sample;
   TSL.sampler;
   TSL.samplerComparison;
   TSL.saturate;
@@ -156394,6 +156802,7 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.string;
   TSL.struct;
   TSL.sub;
+  TSL.subBuild;
   TSL.subgroupIndex;
   TSL.subgroupSize;
   TSL.tan;
@@ -156406,6 +156815,7 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.texture3D;
   TSL.textureBarrier;
   TSL.textureBicubic;
+  TSL.textureBicubicLevel;
   TSL.textureCubeUV;
   TSL.textureLoad;
   TSL.textureSize;
@@ -156421,14 +156831,9 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.transformDirection;
   TSL.transformNormal;
   TSL.transformNormalToView;
-  TSL.transformedBentNormalView;
-  TSL.transformedBitangentView;
-  TSL.transformedBitangentWorld;
   TSL.transformedClearcoatNormalView;
   TSL.transformedNormalView;
   TSL.transformedNormalWorld;
-  TSL.transformedTangentView;
-  TSL.transformedTangentWorld;
   TSL.transmission;
   TSL.transpose;
   TSL.triNoise3D;
@@ -156443,7 +156848,7 @@ var<${access}> ${ name } : ${ structName };`;
   TSL.uniformGroup;
   TSL.uniformTexture;
   TSL.uniforms;
-  TSL.unpremult;
+  TSL.unpremultiplyAlpha;
   TSL.userData;
   TSL.uv;
   TSL.uvec2;
@@ -158600,19 +159005,17 @@ var<${access}> ${ name } : ${ structName };`;
       i = 0;
     }
     _regeneratorDefine = function (e, r, n, t) {
-      if (r) i ? i(e, r, {
+      function o(r, n) {
+        _regeneratorDefine(e, r, function (e) {
+          return this._invoke(r, n, e);
+        });
+      }
+      r ? i ? i(e, r, {
         value: n,
         enumerable: !t,
         configurable: !t,
         writable: !t
-      }) : e[r] = n;else {
-        function o(r, n) {
-          _regeneratorDefine(e, r, function (e) {
-            return this._invoke(r, n, e);
-          });
-        }
-        o("next", 0), o("throw", 1), o("return", 2);
-      }
+      }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
     }, _regeneratorDefine(e, r, n, t);
   }
   function _setPrototypeOf$1(t, e) {
@@ -159414,12 +159817,18 @@ var<${access}> ${ name } : ${ structName };`;
       arcStartLng: {
         "default": 'startLng'
       },
+      arcStartAltitude: {
+        "default": 0
+      },
       arcEndLat: {
         "default": 'endLat'
       },
       arcEndLng: {
         "default": 'endLng'
       },
+      arcEndAltitude: {
+        "default": 0
+      },
       arcColor: {
         "default": function _default() {
           return '#ffffaa';
@@ -159524,8 +159933,10 @@ var<${access}> ${ name } : ${ structName };`;
       // Data accessors
       var startLatAccessor = index$2(state.arcStartLat);
       var startLngAccessor = index$2(state.arcStartLng);
+      var startAltAccessor = index$2(state.arcStartAltitude);
       var endLatAccessor = index$2(state.arcEndLat);
       var endLngAccessor = index$2(state.arcEndLng);
+      var endAltAccessor = index$2(state.arcEndAltitude);
       var altitudeAccessor = index$2(state.arcAltitude);
       var altitudeAutoScaleAccessor = index$2(state.arcAltitudeAutoScale);
       var strokeAccessor = index$2(state.arcStroke);
@@ -159601,8 +160012,10 @@ var<${access}> ${ name } : ${ structName };`;
           altAutoScale: +altitudeAutoScaleAccessor(arc),
           startLat: +startLatAccessor(arc),
           startLng: +startLngAccessor(arc),
+          startAlt: +startAltAccessor(arc),
           endLat: +endLatAccessor(arc),
-          endLng: +endLngAccessor(arc)
+          endLng: +endLngAccessor(arc),
+          endAlt: +endAltAccessor(arc)
         };
         var currentTargetD = group.__currentTargetD || Object.assign({}, targetD, {
           altAutoScale: -1e-3
@@ -159627,8 +160040,10 @@ var<${access}> ${ name } : ${ structName };`;
           altAutoScale = _ref4.altAutoScale,
           startLat = _ref4.startLat,
           startLng = _ref4.startLng,
+          startAlt = _ref4.startAlt,
           endLat = _ref4.endLat,
-          endLng = _ref4.endLng;
+          endLng = _ref4.endLng,
+          endAlt = _ref4.endAlt;
         var getVec = function getVec(_ref5) {
           var _ref6 = _slicedToArray$2(_ref5, 3),
             lng = _ref6[0],
@@ -159647,20 +160062,19 @@ var<${access}> ${ name } : ${ structName };`;
         var altitude = alt;
         (altitude === null || altitude === undefined) && (
         // by default set altitude proportional to the great-arc distance
-        altitude = geoDistance$1(startPnt, endPnt) / 2 * altAutoScale);
-        if (altitude) {
+        altitude = geoDistance$1(startPnt, endPnt) / 2 * altAutoScale + Math.max(startAlt, endAlt));
+        if (altitude || startAlt || endAlt) {
           var interpolate = geoInterpolate(startPnt, endPnt);
+          var calcAltCp = function calcAltCp(a0, a1) {
+            return a1 + (a1 - a0) * (a0 < a1 ? 0.5 : 0.25);
+          };
           var _map = [0.25, 0.75].map(function (t) {
-              return [].concat(_toConsumableArray$2(interpolate(t)), [altitude * 1.5]);
+              return [].concat(_toConsumableArray$2(interpolate(t)), [calcAltCp(t < 0.5 ? startAlt : endAlt, altitude)]);
             }),
             _map2 = _slicedToArray$2(_map, 2),
             m1Pnt = _map2[0],
             m2Pnt = _map2[1];
-          var curve = _construct$1(THREE$e.CubicBezierCurve3, _toConsumableArray$2([startPnt, m1Pnt, m2Pnt, endPnt].map(getVec)));
-
-          //const mPnt = [...interpolate(0.5), altitude * 2];
-          //curve = new THREE.QuadraticBezierCurve3(...[startPnt, mPnt, endPnt].map(getVec));
-
+          var curve = _construct$1(THREE$e.CubicBezierCurve3, _toConsumableArray$2([[].concat(startPnt, [startAlt]), m1Pnt, m2Pnt, [].concat(endPnt, [endAlt])].map(getVec)));
           return curve;
         } else {
           // ground line
@@ -162201,7 +162615,7 @@ var<${access}> ${ name } : ${ structName };`;
     return _defineProperty$3({}, p, bindPointsLayer.linkProp(p));
   })));
   var bindArcsLayer = linkKapsule$1('arcsLayer', ArcsLayerKapsule);
-  var linkedArcsLayerProps = Object.assign.apply(Object, _toConsumableArray$2(['arcsData', 'arcStartLat', 'arcStartLng', 'arcEndLat', 'arcEndLng', 'arcColor', 'arcAltitude', 'arcAltitudeAutoScale', 'arcStroke', 'arcCurveResolution', 'arcCircularResolution', 'arcDashLength', 'arcDashGap', 'arcDashInitialGap', 'arcDashAnimateTime', 'arcsTransitionDuration'].map(function (p) {
+  var linkedArcsLayerProps = Object.assign.apply(Object, _toConsumableArray$2(['arcsData', 'arcStartLat', 'arcStartLng', 'arcStartAltitude', 'arcEndLat', 'arcEndLng', 'arcEndAltitude', 'arcColor', 'arcAltitude', 'arcAltitudeAutoScale', 'arcStroke', 'arcCurveResolution', 'arcCircularResolution', 'arcDashLength', 'arcDashGap', 'arcDashInitialGap', 'arcDashAnimateTime', 'arcsTransitionDuration'].map(function (p) {
     return _defineProperty$3({}, p, bindArcsLayer.linkProp(p));
   })));
   var bindHexBinLayer = linkKapsule$1('hexBinLayer', HexBinLayerKapsule);
@@ -169019,7 +169433,7 @@ var<${access}> ${ name } : ${ structName };`;
     return [event.pageX, event.pageY];
   }
 
-  var n,l,u,t,i,r,o,e,f,c,s,a,p={},v=[],y=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,w=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function g(n){n&&n.parentNode&&n.parentNode.removeChild(n);}function _(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps) void 0===e[o]&&(e[o]=l.defaultProps[o]);return m(l,e,i,r,null)}function m(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u:o,__i:-1,__u:0};return null==o&&null!=l.vnode&&l.vnode(e),e}function k(n){return n.children}function x(n,l){this.props=n,this.context=l;}function S(n,l){if(null==l)return n.__?S(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?S(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function M(n){(!n.__d&&(n.__d=true)&&i.push(n)&&!$.__r++||r!=l.debounceRendering)&&((r=l.debounceRendering)||o)($);}function $(){for(var n,u,t,r,o,f,c,s=1;i.length;)i.length>s&&i.sort(e),n=i.shift(),s=i.length,n.__d&&(t=void 0,o=(r=(u=n).__v).__e,f=[],c=[],u.__P&&((t=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(t),O(u.__P,t,r,u.__n,u.__P.namespaceURI,32&r.__u?[o]:null,f,null==o?S(r):o,!!(32&r.__u),c),t.__v=r.__v,t.__.__k[t.__i]=t,z(f,t,c),t.__e!=o&&C(t)));$.__r=0;}function I(n,l,u,t,i,r,o,e,f,c,s){var a,h,y,w,d,g,_=t&&t.__k||v,m=l.length;for(f=P(u,l,_,f,m),a=0;a<m;a++)null!=(y=u.__k[a])&&(h=-1==y.__i?p:_[y.__i]||p,y.__i=a,g=O(n,y,h,i,r,o,e,f,c,s),w=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&q(h.ref,null,y),s.push(y.ref,y.__c||w,y)),null==d&&null!=w&&(d=w),4&y.__u||h.__k===y.__k?f=A(y,f,n):"function"==typeof y.type&&void 0!==g?f=g:w&&(f=w.nextSibling),y.__u&=-7);return u.__e=d,f}function P(n,l,u,t,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?(f=r+h,(o=n.__k[r]="string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?m(null,o,null,null,null):w(o)?m(k,{children:o},null,null,null):null==o.constructor&&o.__b>0?m(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o).__=n,o.__b=n.__b+1,e=null,-1!=(c=o.__i=L(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null==e.__v?(-1==c&&(i>s?h--:i<s&&h++),"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=S(e)),B(e,e));return t}function A(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=A(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=S(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function L(n,l,u,t){var i,r,o=n.key,e=n.type,f=l[u];if(null===f&&null==n.key||f&&o==f.key&&e==f.type&&0==(2&f.__u))return u;if(t>(null!=f&&0==(2&f.__u)?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;){if(i>=0){if((f=l[i])&&0==(2&f.__u)&&o==f.key&&e==f.type)return i;i--;}if(r<l.length){if((f=l[r])&&0==(2&f.__u)&&o==f.key&&e==f.type)return r;r++;}}return  -1}function T(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||y.test(l)?u:u+"px";}function j(n,l,u,t,i){var r,o;n:if("style"==l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]==t[l]||T(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(f,"$1")),o=l.toLowerCase(),l=o in n||"onFocusOut"==l||"onFocusIn"==l?o.slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u.u=t.u:(u.u=c,n.addEventListener(l,r?a:s,r)):n.removeEventListener(l,r?a:s,r);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||false===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,r,o,e,f,c,s){var a,h,p,v,y,_,m,b,S,C,M,$,P,A,H,L,T,j=u.type;if(null!=u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof j)try{if(b=u.props,S="prototype"in j&&j.prototype.render,C=(a=j.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(S?u.__c=h=new j(b,M):(u.__c=h=new x(b,M),h.constructor=j,h.render=D),C&&C.sub(h),h.props=b,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),S&&null==h.__s&&(h.__s=h.state),S&&null!=j.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,j.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)S&&null==j.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),S&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(S&&null==j.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)||u.__v==t.__v){for(u.__v!=t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),$=0;$<h._sb.length;$++)h.__h.push(h._sb[$]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),S&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,_);});}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,P=l.__r,A=0,S){for(h.state=h.__s,h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),S&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,y)),L=a,null!=a&&a.type===k&&null==a.key&&(L=N(a.props.children)),f=I(n,w(L)?L:[L],u,t,i,r,o,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=o)if(n.then){for(u.__u|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;o[o.indexOf(f)]=null,u.__e=f;}else for(T=o.length;T--;)g(o[T]);else u.__e=t.__e,u.__k=t.__k;l.__e(n,u,t);}else null==o&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=V(t.__e,u,t,i,r,o,e,c,s);return (a=l.diffed)&&a(u),128&u.__u?void 0:f}function z(n,u,t){for(var i=0;i<t.length;i++)q(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function N(n){return "object"!=typeof n||null==n||n.__b&&n.__b>0?n:w(n)?n.map(N):d({},n)}function V(u,t,i,r,o,e,f,c,s){var a,h,v,y,d,_,m,b=i.props,k=t.props,x=t.type;if("svg"==x?o="http://www.w3.org/2000/svg":"math"==x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(a=0;a<e.length;a++)if((d=e[a])&&"setAttribute"in d==!!x&&(x?d.localName==x:3==d.nodeType)){u=d,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l.__m&&l.__m(t,e),c=false),e=null;}if(null==x)b===k||c&&u.data==k||(u.data=k);else {if(e=e&&n.call(u.childNodes),b=i.props||p,!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(d=u.attributes[a]).name]=d.value;for(a in b)if(d=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)v=d;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;j(u,a,null,d,o);}for(a in k)d=k[a],"children"==a?y=d:"dangerouslySetInnerHTML"==a?h=d:"value"==a?_=d:"checked"==a?m=d:c&&"function"!=typeof d||b[a]===d||j(u,a,d,b[a],o);if(h)c||v&&(h.__html==v.__html||h.__html==u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=""),I("template"==t.type?u.content:u,w(y)?y:[y],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&S(i,0),c,s),null!=e)for(a=e.length;a--;)g(e[a]);c||(a="value","progress"==x&&null==_?u.removeAttribute("value"):null!=_&&(_!==u[a]||"progress"==x&&!_||"option"==x&&_!=b[a])&&j(u,a,_,b[a],o),a="checked",null!=m&&m!=u[a]&&j(u,a,m,b[a],o));}return u}function q(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l.__e(n,t);}}function B(n,u,t){var i,r;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!=n.__e||q(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(r=0;r<i.length;r++)i[r]&&B(i[r],u,t||"function"!=typeof n.type);t||g(n.__e),n.__c=n.__=n.__e=void 0;}function D(n,l,u){return this.constructor(n,u)}function E(u,t,i){var r,o,e,f;t==document&&(t=document.documentElement),l.__&&l.__(u,t),o=(r="function"=="undefined")?null:t.__k,e=[],f=[],O(t,u=(t).__k=_(k,null,[u]),o||p,p,t.namespaceURI,o?null:t.firstChild?n.call(t.childNodes):null,e,o?o.__e:t.firstChild,r,f),z(e,u,f);}function J(l,u,t){var i,r,o,e,f=d({},l.props);for(o in l.type&&l.type.defaultProps&&(e=l.type.defaultProps),u)"key"==o?i=u[o]:"ref"==o?r=u[o]:f[o]=void 0===u[o]&&null!=e?e[o]:u[o];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),m(l.type,f,i||l.key,r||l.ref,null)}n=v.slice,l={__e:function(n,l,u,t){for(var i,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)return i.__E=i}catch(l){n=l;}throw n}},u=0,t=function(n){return null!=n&&null==n.constructor},x.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this));},x.prototype.forceUpdate=function(n){this.__v&&(this.__e=true,n&&this.__h.push(n),M(this));},x.prototype.render=k,i=[],o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e=function(n,l){return n.__v.__b-l.__v.__b},$.__r=0,f=/(PointerCapture)$|Capture$/i,c=0,s=F(false),a=F(true);
+  var n,l,u,t,i,r,o,e,f,c,s,a,p={},v=[],y=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,w=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function g(n){n&&n.parentNode&&n.parentNode.removeChild(n);}function _(l,u,t){var i,r,o,e={};for(o in u)"key"==o?i=u[o]:"ref"==o?r=u[o]:e[o]=u[o];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps) void 0===e[o]&&(e[o]=l.defaultProps[o]);return m(l,e,i,r,null)}function m(n,t,i,r,o){var e={type:n,props:t,key:i,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u:o,__i:-1,__u:0};return null==o&&null!=l.vnode&&l.vnode(e),e}function k(n){return n.children}function x(n,l){this.props=n,this.context=l;}function S(n,l){if(null==l)return n.__?S(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?S(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function M(n){(!n.__d&&(n.__d=true)&&i.push(n)&&!$.__r++||r!=l.debounceRendering)&&((r=l.debounceRendering)||o)($);}function $(){for(var n,u,t,r,o,f,c,s=1;i.length;)i.length>s&&i.sort(e),n=i.shift(),s=i.length,n.__d&&(t=void 0,o=(r=(u=n).__v).__e,f=[],c=[],u.__P&&((t=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(t),O(u.__P,t,r,u.__n,u.__P.namespaceURI,32&r.__u?[o]:null,f,null==o?S(r):o,!!(32&r.__u),c),t.__v=r.__v,t.__.__k[t.__i]=t,N(f,t,c),t.__e!=o&&C(t)));$.__r=0;}function I(n,l,u,t,i,r,o,e,f,c,s){var a,h,y,w,d,g,_=t&&t.__k||v,m=l.length;for(f=P(u,l,_,f,m),a=0;a<m;a++)null!=(y=u.__k[a])&&(h=-1==y.__i?p:_[y.__i]||p,y.__i=a,g=O(n,y,h,i,r,o,e,f,c,s),w=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&B(h.ref,null,y),s.push(y.ref,y.__c||w,y)),null==d&&null!=w&&(d=w),4&y.__u||h.__k===y.__k?f=A(y,f,n):"function"==typeof y.type&&void 0!==g?f=g:w&&(f=w.nextSibling),y.__u&=-7);return u.__e=d,f}function P(n,l,u,t,i){var r,o,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),r=0;r<i;r++)null!=(o=l[r])&&"boolean"!=typeof o&&"function"!=typeof o?(f=r+h,(o=n.__k[r]="string"==typeof o||"number"==typeof o||"bigint"==typeof o||o.constructor==String?m(null,o,null,null,null):w(o)?m(k,{children:o},null,null,null):null==o.constructor&&o.__b>0?m(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o).__=n,o.__b=n.__b+1,e=null,-1!=(c=o.__i=L(o,u,f,a))&&(a--,(e=u[c])&&(e.__u|=2)),null==e||null==e.__v?(-1==c&&(i>s?h--:i<s&&h++),"function"!=typeof o.type&&(o.__u|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,o.__u|=4))):n.__k[r]=null;if(a)for(r=0;r<s;r++)null!=(e=u[r])&&0==(2&e.__u)&&(e.__e==t&&(t=S(e)),D(e,e));return t}function A(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=A(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=S(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8==l.nodeType);return l}function L(n,l,u,t){var i,r,o,e=n.key,f=n.type,c=l[u],s=null!=c&&0==(2&c.__u);if(null===c&&null==n.key||s&&e==c.key&&f==c.type)return u;if(t>(s?1:0))for(i=u-1,r=u+1;i>=0||r<l.length;)if(null!=(c=l[o=i>=0?i--:r++])&&0==(2&c.__u)&&e==c.key&&f==c.type)return o;return  -1}function T(n,l,u){"-"==l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||y.test(l)?u:u+"px";}function j(n,l,u,t,i){var r,o;n:if("style"==l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]==t[l]||T(n.style,l,u[l]);}else if("o"==l[0]&&"n"==l[1])r=l!=(l=l.replace(f,"$1")),o=l.toLowerCase(),l=o in n||"onFocusOut"==l||"onFocusIn"==l?o.slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?t?u.u=t.u:(u.u=c,n.addEventListener(l,r?a:s,r)):n.removeEventListener(l,r?a:s,r);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||false===u&&"-"!=l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,r,o,e,f,c,s){var a,h,p,v,y,_,m,b,S,C,M,$,P,A,H,L,T,j=u.type;if(null!=u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),o=[f=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof j)try{if(b=u.props,S="prototype"in j&&j.prototype.render,C=(a=j.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(S?u.__c=h=new j(b,M):(u.__c=h=new x(b,M),h.constructor=j,h.render=E),C&&C.sub(h),h.props=b,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),S&&null==h.__s&&(h.__s=h.state),S&&null!=j.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,j.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)S&&null==j.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),S&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(S&&null==j.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)||u.__v==t.__v){for(u.__v!=t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u);}),$=0;$<h._sb.length;$++)h.__h.push(h._sb[$]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),S&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,_);});}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,P=l.__r,A=0,S){for(h.state=h.__s,h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),S&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,y)),L=a,null!=a&&a.type===k&&null==a.key&&(L=V(a.props.children)),f=I(n,w(L)?L:[L],u,t,i,r,o,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=o)if(n.then){for(u.__u|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;o[o.indexOf(f)]=null,u.__e=f;}else {for(T=o.length;T--;)g(o[T]);z(u);}else u.__e=t.__e,u.__k=t.__k,n.then||z(u);l.__e(n,u,t);}else null==o&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=q(t.__e,u,t,i,r,o,e,c,s);return (a=l.diffed)&&a(u),128&u.__u?void 0:f}function z(n){n&&n.__c&&(n.__c.__e=true),n&&n.__k&&n.__k.forEach(z);}function N(n,u,t){for(var i=0;i<t.length;i++)B(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function V(n){return "object"!=typeof n||null==n||n.__b&&n.__b>0?n:w(n)?n.map(V):d({},n)}function q(u,t,i,r,o,e,f,c,s){var a,h,v,y,d,_,m,b=i.props,k=t.props,x=t.type;if("svg"==x?o="http://www.w3.org/2000/svg":"math"==x?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=e)for(a=0;a<e.length;a++)if((d=e[a])&&"setAttribute"in d==!!x&&(x?d.localName==x:3==d.nodeType)){u=d,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(o,x,k.is&&k),c&&(l.__m&&l.__m(t,e),c=false),e=null;}if(null==x)b===k||c&&u.data==k||(u.data=k);else {if(e=e&&n.call(u.childNodes),b=i.props||p,!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(d=u.attributes[a]).name]=d.value;for(a in b)if(d=b[a],"children"==a);else if("dangerouslySetInnerHTML"==a)v=d;else if(!(a in k)){if("value"==a&&"defaultValue"in k||"checked"==a&&"defaultChecked"in k)continue;j(u,a,null,d,o);}for(a in k)d=k[a],"children"==a?y=d:"dangerouslySetInnerHTML"==a?h=d:"value"==a?_=d:"checked"==a?m=d:c&&"function"!=typeof d||b[a]===d||j(u,a,d,b[a],o);if(h)c||v&&(h.__html==v.__html||h.__html==u.innerHTML)||(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=""),I("template"==t.type?u.content:u,w(y)?y:[y],t,i,r,"foreignObject"==x?"http://www.w3.org/1999/xhtml":o,e,f,e?e[0]:i.__k&&S(i,0),c,s),null!=e)for(a=e.length;a--;)g(e[a]);c||(a="value","progress"==x&&null==_?u.removeAttribute("value"):null!=_&&(_!==u[a]||"progress"==x&&!_||"option"==x&&_!=b[a])&&j(u,a,_,b[a],o),a="checked",null!=m&&m!=u[a]&&j(u,a,m,b[a],o));}return u}function B(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l.__e(n,t);}}function D(n,u,t){var i,r;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!=n.__e||B(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(r=0;r<i.length;r++)i[r]&&D(i[r],u,t||"function"!=typeof n.type);t||g(n.__e),n.__c=n.__=n.__e=void 0;}function E(n,l,u){return this.constructor(n,u)}function G(u,t,i){var r,o,e,f;t==document&&(t=document.documentElement),l.__&&l.__(u,t),o=(r="function"=="undefined")?null:t.__k,e=[],f=[],O(t,u=(t).__k=_(k,null,[u]),o||p,p,t.namespaceURI,o?null:t.firstChild?n.call(t.childNodes):null,e,o?o.__e:t.firstChild,r,f),N(e,u,f);}function K(l,u,t){var i,r,o,e,f=d({},l.props);for(o in l.type&&l.type.defaultProps&&(e=l.type.defaultProps),u)"key"==o?i=u[o]:"ref"==o?r=u[o]:f[o]=void 0===u[o]&&null!=e?e[o]:u[o];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),m(l.type,f,i||l.key,r||l.ref,null)}n=v.slice,l={__e:function(n,l,u,t){for(var i,r,o;l=l.__;)if((i=l.__c)&&!i.__)try{if((r=i.constructor)&&null!=r.getDerivedStateFromError&&(i.setState(r.getDerivedStateFromError(n)),o=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),o=i.__d),o)return i.__E=i}catch(l){n=l;}throw n}},u=0,t=function(n){return null!=n&&null==n.constructor},x.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this));},x.prototype.forceUpdate=function(n){this.__v&&(this.__e=true,n&&this.__h.push(n),M(this));},x.prototype.render=k,i=[],o="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e=function(n,l){return n.__v.__b-l.__v.__b},$.__r=0,f=/(PointerCapture)$|Capture$/i,c=0,s=F(false),a=F(true);
 
   function _arrayLikeToArray$2(r, a) {
     (null == a || a > r.length) && (a = r.length);
@@ -169122,7 +169536,7 @@ var<${access}> ${ name } : ${ structName };`;
   var _reactElement2VNode = function reactElement2VNode(el) {
     // Among other things, react VNodes (and all its children) need to have constructor: undefined attributes in order to be recognised, cloneElement (applied recursively) does the necessary conversion
     if (!(_typeof(el) === 'object')) return el;
-    var res = J(el);
+    var res = K(el);
     if (res.props) {
       var _res$props;
       res.props = _objectSpread2$1({}, res.props);
@@ -169133,11 +169547,11 @@ var<${access}> ${ name } : ${ structName };`;
     return res;
   };
   var isReactRenderable = function isReactRenderable(o) {
-    return t(J(o));
+    return t(K(o));
   };
   var render = function render(jsx, domEl) {
     delete domEl.__k; // Wipe traces of previous preact renders
-    E(_reactElement2VNode(jsx), domEl);
+    G(_reactElement2VNode(jsx), domEl);
   };
 
   function styleInject$2(css, ref) {
@@ -169548,7 +169962,7 @@ var<${access}> ${ name } : ${ structName };`;
         }
         function setLookAt(lookAt) {
           var lookAtVect = new three.Vector3(lookAt.x, lookAt.y, lookAt.z);
-          if (state.controls.target) {
+          if (state.controls.enabled && state.controls.target) {
             state.controls.target = lookAtVect;
           } else {
             // Fly controls doesn't have target attribute
@@ -169707,9 +170121,9 @@ var<${access}> ${ name } : ${ structName };`;
 
           // detect point drag
           !state.isPointerDragging && ev.type === 'pointermove' && (ev.pressure > 0 || state.isPointerPressed) // ev.pressure always 0 on Safari, so we used the isPointerPressed tracker
-          && (ev.pointerType !== 'touch' || ev.movementX === undefined || [ev.movementX, ev.movementY].some(function (m) {
+          && (ev.pointerType === 'mouse' || ev.movementX === undefined || [ev.movementX, ev.movementY].some(function (m) {
             return Math.abs(m) > 1;
-          })) // relax drag trigger sensitivity on touch events
+          })) // relax drag trigger sensitivity on non-mouse (touch/pen) events
           && (state.isPointerDragging = true);
           if (state.enablePointerInteraction) {
             // update the pointer pos
@@ -170066,7 +170480,7 @@ var<${access}> ${ name } : ${ structName };`;
 
   // Expose config from ThreeGlobe
   var bindGlobe = linkKapsule('globe', threeGlobe);
-  var linkedGlobeProps = Object.assign.apply(Object, _toConsumableArray(['globeImageUrl', 'bumpImageUrl', 'globeTileEngineUrl', 'globeTileEngineMaxLevel', 'globeCurvatureResolution', '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', 'heatmapsData', 'heatmapPoints', 'heatmapPointLat', 'heatmapPointLng', 'heatmapPointWeight', 'heatmapBandwidth', 'heatmapColorFn', 'heatmapColorSaturation', 'heatmapBaseAltitude', 'heatmapTopAltitude', 'heatmapsTransitionDuration', 'hexBinPointsData', 'hexBinPointLat', 'hexBinPointLng', 'hexBinPointWeight', 'hexBinResolution', 'hexMargin', 'hexTopCurvatureResolution', 'hexTopColor', 'hexSideColor', 'hexAltitude', 'hexBinMerge', 'hexTransitionDuration', 'hexPolygonsData', 'hexPolygonGeoJsonGeometry', 'hexPolygonColor', 'hexPolygonAltitude', 'hexPolygonResolution', 'hexPolygonMargin', 'hexPolygonUseDots', 'hexPolygonCurvatureResolution', 'hexPolygonDotResolution', 'hexPolygonsTransitionDuration', 'tilesData', 'tileLat', 'tileLng', 'tileAltitude', 'tileWidth', 'tileHeight', 'tileUseGlobeProjection', 'tileMaterial', 'tileCurvatureResolution', 'tilesTransitionDuration', 'particlesData', 'particlesList', 'particleLat', 'particleLng', 'particleAltitude', 'particlesSize', 'particlesSizeAttenuation', 'particlesColor', 'particlesTexture', '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', 'htmlElementVisibilityModifier', 'htmlTransitionDuration', 'objectsData', 'objectLat', 'objectLng', 'objectAltitude', 'objectRotation', 'objectFacesSurface', 'objectThreeObject', 'customLayerData', 'customThreeObject', 'customThreeObjectUpdate'].map(function (p) {
+  var linkedGlobeProps = Object.assign.apply(Object, _toConsumableArray(['globeImageUrl', 'bumpImageUrl', 'globeTileEngineUrl', 'globeTileEngineMaxLevel', 'globeCurvatureResolution', 'showGlobe', 'showGraticules', 'showAtmosphere', 'atmosphereColor', 'atmosphereAltitude', 'onGlobeReady', 'pointsData', 'pointLat', 'pointLng', 'pointColor', 'pointAltitude', 'pointRadius', 'pointResolution', 'pointsMerge', 'pointsTransitionDuration', 'arcsData', 'arcStartLat', 'arcStartLng', 'arcStartAltitude', 'arcEndLat', 'arcEndLng', 'arcEndAltitude', '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', 'heatmapsData', 'heatmapPoints', 'heatmapPointLat', 'heatmapPointLng', 'heatmapPointWeight', 'heatmapBandwidth', 'heatmapColorFn', 'heatmapColorSaturation', 'heatmapBaseAltitude', 'heatmapTopAltitude', 'heatmapsTransitionDuration', 'hexBinPointsData', 'hexBinPointLat', 'hexBinPointLng', 'hexBinPointWeight', 'hexBinResolution', 'hexMargin', 'hexTopCurvatureResolution', 'hexTopColor', 'hexSideColor', 'hexAltitude', 'hexBinMerge', 'hexTransitionDuration', 'hexPolygonsData', 'hexPolygonGeoJsonGeometry', 'hexPolygonColor', 'hexPolygonAltitude', 'hexPolygonResolution', 'hexPolygonMargin', 'hexPolygonUseDots', 'hexPolygonCurvatureResolution', 'hexPolygonDotResolution', 'hexPolygonsTransitionDuration', 'tilesData', 'tileLat', 'tileLng', 'tileAltitude', 'tileWidth', 'tileHeight', 'tileUseGlobeProjection', 'tileMaterial', 'tileCurvatureResolution', 'tilesTransitionDuration', 'particlesData', 'particlesList', 'particleLat', 'particleLng', 'particleAltitude', 'particlesSize', 'particlesSizeAttenuation', 'particlesColor', 'particlesTexture', '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', 'htmlElementVisibilityModifier', '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(['globeMaterial', 'getGlobeRadius', 'getCoords', 'toGeoCoords'].map(function (p) {