3d-force-graph 1.72.0 → 1.72.1

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

@@ -1,4 +1,4 @@
-// Version 1.72.0 3d-force-graph - https://github.com/vasturiano/3d-force-graph
+// Version 1.72.1 3d-force-graph - https://github.com/vasturiano/3d-force-graph
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -32928,6 +32928,264 @@
 
   }
 
+  class Light extends Object3D {
+
+  	constructor( color, intensity = 1 ) {
+
+  		super();
+
+  		this.isLight = true;
+
+  		this.type = 'Light';
+
+  		this.color = new Color( color );
+  		this.intensity = intensity;
+
+  	}
+
+  	dispose() {
+
+  		// Empty here in base class; some subclasses override.
+
+  	}
+
+  	copy( source, recursive ) {
+
+  		super.copy( source, recursive );
+
+  		this.color.copy( source.color );
+  		this.intensity = source.intensity;
+
+  		return this;
+
+  	}
+
+  	toJSON( meta ) {
+
+  		const data = super.toJSON( meta );
+
+  		data.object.color = this.color.getHex();
+  		data.object.intensity = this.intensity;
+
+  		if ( this.groundColor !== undefined ) data.object.groundColor = this.groundColor.getHex();
+
+  		if ( this.distance !== undefined ) data.object.distance = this.distance;
+  		if ( this.angle !== undefined ) data.object.angle = this.angle;
+  		if ( this.decay !== undefined ) data.object.decay = this.decay;
+  		if ( this.penumbra !== undefined ) data.object.penumbra = this.penumbra;
+
+  		if ( this.shadow !== undefined ) data.object.shadow = this.shadow.toJSON();
+
+  		return data;
+
+  	}
+
+  }
+
+  const _projScreenMatrix$1 = /*@__PURE__*/ new Matrix4();
+  const _lightPositionWorld$1 = /*@__PURE__*/ new Vector3();
+  const _lookTarget$1 = /*@__PURE__*/ new Vector3();
+
+  class LightShadow {
+
+  	constructor( camera ) {
+
+  		this.camera = camera;
+
+  		this.bias = 0;
+  		this.normalBias = 0;
+  		this.radius = 1;
+  		this.blurSamples = 8;
+
+  		this.mapSize = new Vector2( 512, 512 );
+
+  		this.map = null;
+  		this.mapPass = null;
+  		this.matrix = new Matrix4();
+
+  		this.autoUpdate = true;
+  		this.needsUpdate = false;
+
+  		this._frustum = new Frustum();
+  		this._frameExtents = new Vector2( 1, 1 );
+
+  		this._viewportCount = 1;
+
+  		this._viewports = [
+
+  			new Vector4( 0, 0, 1, 1 )
+
+  		];
+
+  	}
+
+  	getViewportCount() {
+
+  		return this._viewportCount;
+
+  	}
+
+  	getFrustum() {
+
+  		return this._frustum;
+
+  	}
+
+  	updateMatrices( light ) {
+
+  		const shadowCamera = this.camera;
+  		const shadowMatrix = this.matrix;
+
+  		_lightPositionWorld$1.setFromMatrixPosition( light.matrixWorld );
+  		shadowCamera.position.copy( _lightPositionWorld$1 );
+
+  		_lookTarget$1.setFromMatrixPosition( light.target.matrixWorld );
+  		shadowCamera.lookAt( _lookTarget$1 );
+  		shadowCamera.updateMatrixWorld();
+
+  		_projScreenMatrix$1.multiplyMatrices( shadowCamera.projectionMatrix, shadowCamera.matrixWorldInverse );
+  		this._frustum.setFromProjectionMatrix( _projScreenMatrix$1 );
+
+  		shadowMatrix.set(
+  			0.5, 0.0, 0.0, 0.5,
+  			0.0, 0.5, 0.0, 0.5,
+  			0.0, 0.0, 0.5, 0.5,
+  			0.0, 0.0, 0.0, 1.0
+  		);
+
+  		shadowMatrix.multiply( _projScreenMatrix$1 );
+
+  	}
+
+  	getViewport( viewportIndex ) {
+
+  		return this._viewports[ viewportIndex ];
+
+  	}
+
+  	getFrameExtents() {
+
+  		return this._frameExtents;
+
+  	}
+
+  	dispose() {
+
+  		if ( this.map ) {
+
+  			this.map.dispose();
+
+  		}
+
+  		if ( this.mapPass ) {
+
+  			this.mapPass.dispose();
+
+  		}
+
+  	}
+
+  	copy( source ) {
+
+  		this.camera = source.camera.clone();
+
+  		this.bias = source.bias;
+  		this.radius = source.radius;
+
+  		this.mapSize.copy( source.mapSize );
+
+  		return this;
+
+  	}
+
+  	clone() {
+
+  		return new this.constructor().copy( this );
+
+  	}
+
+  	toJSON() {
+
+  		const object = {};
+
+  		if ( this.bias !== 0 ) object.bias = this.bias;
+  		if ( this.normalBias !== 0 ) object.normalBias = this.normalBias;
+  		if ( this.radius !== 1 ) object.radius = this.radius;
+  		if ( this.mapSize.x !== 512 || this.mapSize.y !== 512 ) object.mapSize = this.mapSize.toArray();
+
+  		object.camera = this.camera.toJSON( false ).object;
+  		delete object.camera.matrix;
+
+  		return object;
+
+  	}
+
+  }
+
+  class DirectionalLightShadow extends LightShadow {
+
+  	constructor() {
+
+  		super( new OrthographicCamera( - 5, 5, 5, - 5, 0.5, 500 ) );
+
+  		this.isDirectionalLightShadow = true;
+
+  	}
+
+  }
+
+  class DirectionalLight extends Light {
+
+  	constructor( color, intensity ) {
+
+  		super( color, intensity );
+
+  		this.isDirectionalLight = true;
+
+  		this.type = 'DirectionalLight';
+
+  		this.position.copy( Object3D.DEFAULT_UP );
+  		this.updateMatrix();
+
+  		this.target = new Object3D();
+
+  		this.shadow = new DirectionalLightShadow();
+
+  	}
+
+  	dispose() {
+
+  		this.shadow.dispose();
+
+  	}
+
+  	copy( source ) {
+
+  		super.copy( source );
+
+  		this.target = source.target.clone();
+  		this.shadow = source.shadow.clone();
+
+  		return this;
+
+  	}
+
+  }
+
+  class AmbientLight extends Light {
+
+  	constructor( color, intensity ) {
+
+  		super( color, intensity );
+
+  		this.isAmbientLight = true;
+
+  		this.type = 'AmbientLight';
+
+  	}
+
+  }
+
   class Clock {
 
   	constructor( autoStart = true ) {
@@ -40826,7 +41084,7 @@ function InsertStackElement(node, body) {
     }
   }
 
-  var three$1 = window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
+  var three$1$1 = window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
   : {
     Group: Group$1,
     Mesh: Mesh,
@@ -40856,8 +41114,8 @@ function InsertStackElement(node, body) {
   var DAG_LEVEL_NODE_RATIO = 2;
 
   // support multiple method names for backwards threejs compatibility
-  var setAttributeFn = new three$1.BufferGeometry().setAttribute ? 'setAttribute' : 'addAttribute';
-  var applyMatrix4Fn = new three$1.BufferGeometry().applyMatrix4 ? 'applyMatrix4' : 'applyMatrix';
+  var setAttributeFn = new three$1$1.BufferGeometry().setAttribute ? 'setAttribute' : 'addAttribute';
+  var applyMatrix4Fn = new three$1$1.BufferGeometry().applyMatrix4 ? 'applyMatrix4' : 'applyMatrix';
   var ForceGraph = index$2({
     props: {
       jsonUrl: {
@@ -41220,7 +41478,7 @@ function InsertStackElement(node, body) {
                 // straight line
                 var linePos = line.geometry.getAttribute('position');
                 if (!linePos || !linePos.array || linePos.array.length !== 6) {
-                  line.geometry[setAttributeFn]('position', linePos = new three$1.BufferAttribute(new Float32Array(2 * 3), 3));
+                  line.geometry[setAttributeFn]('position', linePos = new three$1$1.BufferAttribute(new Float32Array(2 * 3), 3));
                 }
                 linePos.array[0] = start.x;
                 linePos.array[1] = start.y || 0;
@@ -41242,14 +41500,14 @@ function InsertStackElement(node, body) {
                 if (!line.geometry.type.match(/^Cylinder(Buffer)?Geometry$/)) {
                   var linkWidth = Math.ceil(linkWidthAccessor(link) * 10) / 10;
                   var r = linkWidth / 2;
-                  var geometry = new three$1.CylinderGeometry(r, r, 1, state.linkResolution, 1, false);
-                  geometry[applyMatrix4Fn](new three$1.Matrix4().makeTranslation(0, 1 / 2, 0));
-                  geometry[applyMatrix4Fn](new three$1.Matrix4().makeRotationX(Math.PI / 2));
+                  var geometry = new three$1$1.CylinderGeometry(r, r, 1, state.linkResolution, 1, false);
+                  geometry[applyMatrix4Fn](new three$1$1.Matrix4().makeTranslation(0, 1 / 2, 0));
+                  geometry[applyMatrix4Fn](new three$1$1.Matrix4().makeRotationX(Math.PI / 2));
                   line.geometry.dispose();
                   line.geometry = geometry;
                 }
-                var vStart = new three$1.Vector3(start.x, start.y || 0, start.z || 0);
-                var vEnd = new three$1.Vector3(end.x, end.y || 0, end.z || 0);
+                var vStart = new three$1$1.Vector3(start.x, start.y || 0, start.z || 0);
+                var vEnd = new three$1$1.Vector3(end.x, end.y || 0, end.z || 0);
                 var distance = vStart.distanceTo(vEnd);
                 line.position.x = vStart.x;
                 line.position.y = vStart.y;
@@ -41267,7 +41525,7 @@ function InsertStackElement(node, body) {
                 }
                 var _linkWidth = Math.ceil(linkWidthAccessor(link) * 10) / 10;
                 var _r = _linkWidth / 2;
-                var _geometry = new three$1.TubeGeometry(curve, curveResolution, _r, state.linkResolution, false);
+                var _geometry = new three$1$1.TubeGeometry(curve, curveResolution, _r, state.linkResolution, false);
                 line.geometry.dispose();
                 line.geometry = _geometry;
               }
@@ -41287,8 +41545,8 @@ function InsertStackElement(node, body) {
               link.__curve = null; // Straight line
             } else {
               // bezier curve line (only for line types)
-              var vStart = new three$1.Vector3(start.x, start.y || 0, start.z || 0);
-              var vEnd = new three$1.Vector3(end.x, end.y || 0, end.z || 0);
+              var vStart = new three$1$1.Vector3(start.x, start.y || 0, start.z || 0);
+              var vEnd = new three$1$1.Vector3(end.x, end.y || 0, end.z || 0);
               var l = vStart.distanceTo(vEnd); // line length
 
               var curve;
@@ -41296,17 +41554,17 @@ function InsertStackElement(node, body) {
               if (l > 0) {
                 var dx = end.x - start.x;
                 var dy = end.y - start.y || 0;
-                var vLine = new three$1.Vector3().subVectors(vEnd, vStart);
-                var cp = vLine.clone().multiplyScalar(curvature).cross(dx !== 0 || dy !== 0 ? new three$1.Vector3(0, 0, 1) : new three$1.Vector3(0, 1, 0)) // avoid cross-product of parallel vectors (prefer Z, fallback to Y)
+                var vLine = new three$1$1.Vector3().subVectors(vEnd, vStart);
+                var cp = vLine.clone().multiplyScalar(curvature).cross(dx !== 0 || dy !== 0 ? new three$1$1.Vector3(0, 0, 1) : new three$1$1.Vector3(0, 1, 0)) // avoid cross-product of parallel vectors (prefer Z, fallback to Y)
                 .applyAxisAngle(vLine.normalize(), curveRotation) // rotate along line axis according to linkCurveRotation
-                .add(new three$1.Vector3().addVectors(vStart, vEnd).divideScalar(2));
-                curve = new three$1.QuadraticBezierCurve3(vStart, cp, vEnd);
+                .add(new three$1$1.Vector3().addVectors(vStart, vEnd).divideScalar(2));
+                curve = new three$1$1.QuadraticBezierCurve3(vStart, cp, vEnd);
               } else {
                 // Same point, draw a loop
                 var d = curvature * 70;
                 var endAngle = -curveRotation; // Rotate clockwise (from Z angle perspective)
                 var startAngle = endAngle + Math.PI / 2;
-                curve = new three$1.CubicBezierCurve3(vStart, new three$1.Vector3(d * Math.cos(startAngle), d * Math.sin(startAngle), 0).add(vStart), new three$1.Vector3(d * Math.cos(endAngle), d * Math.sin(endAngle), 0).add(vStart), vEnd);
+                curve = new three$1$1.CubicBezierCurve3(vStart, new three$1$1.Vector3(d * Math.cos(startAngle), d * Math.sin(startAngle), 0).add(vStart), new three$1$1.Vector3(d * Math.cos(endAngle), d * Math.sin(endAngle), 0).add(vStart), vEnd);
               }
               link.__curve = curve;
             }
@@ -41354,7 +41612,7 @@ function InsertStackElement(node, body) {
             ['x', 'y', 'z'].forEach(function (dim) {
               return arrowObj.position[dim] = arrowTail[dim];
             });
-            var headVec = _construct$1(three$1.Vector3, _toConsumableArray$1(['x', 'y', 'z'].map(function (c) {
+            var headVec = _construct$1(three$1$1.Vector3, _toConsumableArray$1(['x', 'y', 'z'].map(function (c) {
               return arrowHead[c];
             })));
             arrowObj.parent.localToWorld(headVec); // lookAt requires world coords
@@ -41417,7 +41675,7 @@ function InsertStackElement(node, body) {
       emitParticle: function emitParticle(state, link) {
         if (link && state.graphData.links.includes(link)) {
           if (!link.__singleHopPhotonsObj) {
-            var obj = new three$1.Group();
+            var obj = new three$1$1.Group();
             obj.__linkThreeObjType = 'singleHopPhotons';
             link.__singleHopPhotonsObj = obj;
             state.graphScene.add(obj);
@@ -41425,20 +41683,20 @@ function InsertStackElement(node, body) {
           var particleWidthAccessor = index$1(state.linkDirectionalParticleWidth);
           var photonR = Math.ceil(particleWidthAccessor(link) * 10) / 10 / 2;
           var numSegments = state.linkDirectionalParticleResolution;
-          var particleGeometry = new three$1.SphereGeometry(photonR, numSegments, numSegments);
+          var particleGeometry = new three$1$1.SphereGeometry(photonR, numSegments, numSegments);
           var linkColorAccessor = index$1(state.linkColor);
           var particleColorAccessor = index$1(state.linkDirectionalParticleColor);
           var photonColor = particleColorAccessor(link) || linkColorAccessor(link) || '#f0f0f0';
-          var materialColor = new three$1.Color(colorStr2Hex(photonColor));
+          var materialColor = new three$1$1.Color(colorStr2Hex(photonColor));
           var opacity = state.linkOpacity * 3;
-          var particleMaterial = new three$1.MeshLambertMaterial({
+          var particleMaterial = new three$1$1.MeshLambertMaterial({
             color: materialColor,
             transparent: true,
             opacity: opacity
           });
 
           // add a single hop particle
-          link.__singleHopPhotonsObj.add(new three$1.Mesh(particleGeometry, particleMaterial));
+          link.__singleHopPhotonsObj.add(new three$1$1.Mesh(particleGeometry, particleMaterial));
         }
         return this;
       },
@@ -41453,7 +41711,7 @@ function InsertStackElement(node, body) {
           var bboxes = [];
           if (obj.geometry) {
             obj.geometry.computeBoundingBox();
-            var box = new three$1.Box3();
+            var box = new three$1$1.Box3();
             box.copy(obj.geometry.boundingBox).applyMatrix4(obj.matrixWorld);
             bboxes.push(box);
           }
@@ -41530,7 +41788,7 @@ function InsertStackElement(node, body) {
               obj = customObj;
             } else {
               // Add default object (sphere mesh)
-              obj = new three$1.Mesh();
+              obj = new three$1$1.Mesh();
               obj.__graphDefaultObj = true;
               if (customObj && extendObj) {
                 obj.add(customObj); // extend default with custom
@@ -41549,17 +41807,17 @@ function InsertStackElement(node, body) {
               var numSegments = state.nodeResolution;
               if (!obj.geometry.type.match(/^Sphere(Buffer)?Geometry$/) || obj.geometry.parameters.radius !== radius || obj.geometry.parameters.widthSegments !== numSegments) {
                 if (!sphereGeometries.hasOwnProperty(val)) {
-                  sphereGeometries[val] = new three$1.SphereGeometry(radius, numSegments, numSegments);
+                  sphereGeometries[val] = new three$1$1.SphereGeometry(radius, numSegments, numSegments);
                 }
                 obj.geometry.dispose();
                 obj.geometry = sphereGeometries[val];
               }
               var color = colorAccessor(node);
-              var materialColor = new three$1.Color(colorStr2Hex(color || '#ffffaa'));
+              var materialColor = new three$1$1.Color(colorStr2Hex(color || '#ffffaa'));
               var opacity = state.nodeOpacity * colorAlpha(color);
               if (obj.material.type !== 'MeshLambertMaterial' || !obj.material.color.equals(materialColor) || obj.material.opacity !== opacity) {
                 if (!sphereMaterials.hasOwnProperty(color)) {
-                  sphereMaterials[color] = new three$1.MeshLambertMaterial({
+                  sphereMaterials[color] = new three$1$1.MeshLambertMaterial({
                     color: materialColor,
                     transparent: true,
                     opacity: opacity
@@ -41617,12 +41875,12 @@ function InsertStackElement(node, body) {
               // construct default line obj
               var useCylinder = !!widthAccessor(link);
               if (useCylinder) {
-                defaultObj = new three$1.Mesh();
+                defaultObj = new three$1$1.Mesh();
               } else {
                 // Use plain line (constant width)
-                var lineGeometry = new three$1.BufferGeometry();
-                lineGeometry[setAttributeFn]('position', new three$1.BufferAttribute(new Float32Array(2 * 3), 3));
-                defaultObj = new three$1.Line(lineGeometry);
+                var lineGeometry = new three$1$1.BufferGeometry();
+                lineGeometry[setAttributeFn]('position', new three$1$1.BufferAttribute(new Float32Array(2 * 3), 3));
+                defaultObj = new three$1$1.Line(lineGeometry);
               }
             }
             var obj;
@@ -41635,7 +41893,7 @@ function InsertStackElement(node, body) {
                 obj = customObj;
               } else {
                 // extend default with custom in a group
-                obj = new three$1.Group();
+                obj = new three$1$1.Group();
                 obj.__graphDefaultObj = true;
                 obj.add(defaultObj);
                 obj.add(customObj);
@@ -41659,9 +41917,9 @@ function InsertStackElement(node, body) {
                 var numSegments = state.linkResolution;
                 if (!obj.geometry.type.match(/^Cylinder(Buffer)?Geometry$/) || obj.geometry.parameters.radiusTop !== r || obj.geometry.parameters.radialSegments !== numSegments) {
                   if (!cylinderGeometries.hasOwnProperty(linkWidth)) {
-                    var geometry = new three$1.CylinderGeometry(r, r, 1, numSegments, 1, false);
-                    geometry[applyMatrix4Fn](new three$1.Matrix4().makeTranslation(0, 1 / 2, 0));
-                    geometry[applyMatrix4Fn](new three$1.Matrix4().makeRotationX(Math.PI / 2));
+                    var geometry = new three$1$1.CylinderGeometry(r, r, 1, numSegments, 1, false);
+                    geometry[applyMatrix4Fn](new three$1$1.Matrix4().makeTranslation(0, 1 / 2, 0));
+                    geometry[applyMatrix4Fn](new three$1$1.Matrix4().makeRotationX(Math.PI / 2));
                     cylinderGeometries[linkWidth] = geometry;
                   }
                   obj.geometry.dispose();
@@ -41673,13 +41931,13 @@ function InsertStackElement(node, body) {
                 obj.material = customMaterial;
               } else {
                 var color = _colorAccessor(link);
-                var materialColor = new three$1.Color(colorStr2Hex(color || '#f0f0f0'));
+                var materialColor = new three$1$1.Color(colorStr2Hex(color || '#f0f0f0'));
                 var opacity = state.linkOpacity * colorAlpha(color);
                 var materialType = useCylinder ? 'MeshLambertMaterial' : 'LineBasicMaterial';
                 if (obj.material.type !== materialType || !obj.material.color.equals(materialColor) || obj.material.opacity !== opacity) {
                   var lineMaterials = useCylinder ? lambertLineMaterials : basicLineMaterials;
                   if (!lineMaterials.hasOwnProperty(color)) {
-                    lineMaterials[color] = new three$1[materialType]({
+                    lineMaterials[color] = new three$1$1[materialType]({
                       color: materialColor,
                       transparent: opacity < 1,
                       opacity: opacity,
@@ -41705,7 +41963,7 @@ function InsertStackElement(node, body) {
               return obj.__linkThreeObjType === 'arrow';
             },
             createObj: function createObj() {
-              var obj = new three$1.Mesh(undefined, new three$1.MeshLambertMaterial({
+              var obj = new three$1$1.Mesh(undefined, new three$1$1.MeshLambertMaterial({
                 transparent: true
               }));
               obj.__linkThreeObjType = 'arrow'; // Add object type
@@ -41716,7 +41974,7 @@ function InsertStackElement(node, body) {
               var arrowLength = arrowLengthAccessor(link);
               var numSegments = state.linkDirectionalArrowResolution;
               if (!obj.geometry.type.match(/^Cone(Buffer)?Geometry$/) || obj.geometry.parameters.height !== arrowLength || obj.geometry.parameters.radialSegments !== numSegments) {
-                var coneGeometry = new three$1.ConeGeometry(arrowLength * 0.25, arrowLength, numSegments);
+                var coneGeometry = new three$1$1.ConeGeometry(arrowLength * 0.25, arrowLength, numSegments);
                 // Correct orientation
                 coneGeometry.translate(0, arrowLength / 2, 0);
                 coneGeometry.rotateX(Math.PI / 2);
@@ -41724,7 +41982,7 @@ function InsertStackElement(node, body) {
                 obj.geometry = coneGeometry;
               }
               var arrowColor = arrowColorAccessor(link) || _colorAccessor(link) || '#f0f0f0';
-              obj.material.color = new three$1.Color(colorStr2Hex(arrowColor));
+              obj.material.color = new three$1$1.Color(colorStr2Hex(arrowColor));
               obj.material.opacity = state.linkOpacity * 3 * colorAlpha(arrowColor);
             }
           });
@@ -41744,7 +42002,7 @@ function InsertStackElement(node, body) {
               return obj.__linkThreeObjType === 'photons';
             },
             createObj: function createObj() {
-              var obj = new three$1.Group();
+              var obj = new three$1$1.Group();
               obj.__linkThreeObjType = 'photons'; // Add object type
 
               return obj;
@@ -41759,20 +42017,20 @@ function InsertStackElement(node, body) {
                 particleGeometry = curPhoton.geometry;
               } else {
                 if (!particleGeometries.hasOwnProperty(photonR)) {
-                  particleGeometries[photonR] = new three$1.SphereGeometry(photonR, numSegments, numSegments);
+                  particleGeometries[photonR] = new three$1$1.SphereGeometry(photonR, numSegments, numSegments);
                 }
                 particleGeometry = particleGeometries[photonR];
                 curPhoton && curPhoton.geometry.dispose();
               }
               var photonColor = particleColorAccessor(link) || _colorAccessor(link) || '#f0f0f0';
-              var materialColor = new three$1.Color(colorStr2Hex(photonColor));
+              var materialColor = new three$1$1.Color(colorStr2Hex(photonColor));
               var opacity = state.linkOpacity * 3;
               var particleMaterial;
               if (curPhoton && curPhoton.material.color.equals(materialColor) && curPhoton.material.opacity === opacity) {
                 particleMaterial = curPhoton.material;
               } else {
                 if (!particleMaterials.hasOwnProperty(photonColor)) {
-                  particleMaterials[photonColor] = new three$1.MeshLambertMaterial({
+                  particleMaterials[photonColor] = new three$1$1.MeshLambertMaterial({
                     color: materialColor,
                     transparent: true,
                     opacity: opacity
@@ -41792,7 +42050,7 @@ function InsertStackElement(node, body) {
                   return d.idx;
                 },
                 createObj: function createObj() {
-                  return new three$1.Mesh(particleGeometry, particleMaterial);
+                  return new three$1$1.Mesh(particleGeometry, particleMaterial);
                 },
                 updateObj: function updateObj(obj) {
                   obj.geometry = particleGeometry;
@@ -46698,7 +46956,7 @@ function InsertStackElement(node, body) {
     return typeof key === "symbol" ? key : String(key);
   }
 
-  var three = window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
+  var three$1 = window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
   : {
     WebGLRenderer: WebGLRenderer,
     Scene: Scene,
@@ -46883,7 +47141,7 @@ function InsertStackElement(node, body) {
           if (z !== undefined) camera.position.z = z;
         }
         function setLookAt(lookAt) {
-          var lookAtVect = new three.Vector3(lookAt.x, lookAt.y, lookAt.z);
+          var lookAtVect = new three$1.Vector3(lookAt.x, lookAt.y, lookAt.z);
           if (state.controls.target) {
             state.controls.target = lookAtVect;
           } else {
@@ -46893,7 +47151,7 @@ function InsertStackElement(node, body) {
         }
 
         function getLookAt() {
-          return Object.assign(new three.Vector3(0, 0, -1000).applyQuaternion(camera.quaternion).add(camera.position));
+          return Object.assign(new three$1.Vector3(0, 0, -1000).applyQuaternion(camera.quaternion).add(camera.position));
         }
       },
       zoomToFit: function zoomToFit(state) {
@@ -46910,7 +47168,7 @@ function InsertStackElement(node, body) {
         // based on https://discourse.threejs.org/t/camera-zoom-to-fit-object/936/24
         var camera = state.camera;
         if (bbox) {
-          var center = new three.Vector3(0, 0, 0); // reset camera aim to center
+          var center = new three$1.Vector3(0, 0, 0); // reset camera aim to center
           var maxBoxSide = Math.max.apply(Math, _toConsumableArray(Object.entries(bbox).map(function (_ref) {
             var _ref2 = _slicedToArray(_ref, 2),
               coordType = _ref2[0],
@@ -46936,7 +47194,7 @@ function InsertStackElement(node, body) {
         var objFilter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
           return true;
         };
-        var box = new three.Box3(new three.Vector3(0, 0, 0), new three.Vector3(0, 0, 0));
+        var box = new three$1.Box3(new three$1.Vector3(0, 0, 0), new three$1.Vector3(0, 0, 0));
         var objs = state.objects.filter(objFilter);
         if (!objs.length) return null;
         objs.forEach(function (obj) {
@@ -46949,7 +47207,7 @@ function InsertStackElement(node, body) {
         })));
       },
       getScreenCoords: function getScreenCoords(state, x, y, z) {
-        var vec = new three.Vector3(x, y, z);
+        var vec = new three$1.Vector3(x, y, z);
         vec.project(this.camera()); // project to the camera plane
         return {
           // align relative pos to canvas dimensions
@@ -46959,14 +47217,14 @@ function InsertStackElement(node, body) {
       },
       getSceneCoords: function getSceneCoords(state, screenX, screenY) {
         var distance = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-        var relCoords = new three.Vector2(screenX / state.width * 2 - 1, -(screenY / state.height) * 2 + 1);
-        var raycaster = new three.Raycaster();
+        var relCoords = new three$1.Vector2(screenX / state.width * 2 - 1, -(screenY / state.height) * 2 + 1);
+        var raycaster = new three$1.Raycaster();
         raycaster.setFromCamera(relCoords, state.camera);
-        return Object.assign({}, raycaster.ray.at(distance, new three.Vector3()));
+        return Object.assign({}, raycaster.ray.at(distance, new three$1.Vector3()));
       },
       intersectingObjects: function intersectingObjects(state, x, y) {
-        var relCoords = new three.Vector2(x / state.width * 2 - 1, -(y / state.height) * 2 + 1);
-        var raycaster = new three.Raycaster();
+        var relCoords = new three$1.Vector2(x / state.width * 2 - 1, -(y / state.height) * 2 + 1);
+        var raycaster = new three$1.Raycaster();
         raycaster.params.Line.threshold = state.lineHoverPrecision; // set linePrecision
         raycaster.setFromCamera(relCoords, state.camera);
         return raycaster.intersectObjects(state.objects, true);
@@ -46993,9 +47251,9 @@ function InsertStackElement(node, body) {
 
     stateInit: function stateInit() {
       return {
-        scene: new three.Scene(),
-        camera: new three.PerspectiveCamera(),
-        clock: new three.Clock()
+        scene: new three$1.Scene(),
+        camera: new three$1.PerspectiveCamera(),
+        clock: new three$1.Clock()
       };
     },
     init: function init(domNode, state) {
@@ -47032,7 +47290,7 @@ function InsertStackElement(node, body) {
       state.container.appendChild(state.toolTipElem);
 
       // Capture pointer coords on move or touchstart
-      state.pointerPos = new three.Vector2();
+      state.pointerPos = new three$1.Vector2();
       state.pointerPos.x = -2; // Initialize off canvas
       state.pointerPos.y = -2;
       ['pointermove', 'pointerdown'].forEach(function (evType) {
@@ -47104,7 +47362,7 @@ function InsertStackElement(node, body) {
       });
 
       // Setup renderer, camera and controls
-      state.renderer = new three.WebGLRenderer(Object.assign({
+      state.renderer = new three$1.WebGLRenderer(Object.assign({
         antialias: true,
         alpha: true
       }, rendererConfig));
@@ -47160,7 +47418,7 @@ function InsertStackElement(node, body) {
       state.camera.position.z = 1000;
 
       // add sky
-      state.scene.add(state.skysphere = new three.Mesh());
+      state.scene.add(state.skysphere = new three$1.Mesh());
       state.skysphere.visible = false;
       state.loadComplete = state.scene.visible = !waitForLoadComplete;
       window.scene = state.scene;
@@ -47180,12 +47438,12 @@ function InsertStackElement(node, body) {
         state.controls.hasOwnProperty('maxDistance') && changedProps.skyRadius && (state.controls.maxDistance = Math.min(state.controls.maxDistance, state.skyRadius));
         state.camera.far = state.skyRadius * 2.5;
         state.camera.updateProjectionMatrix();
-        state.skysphere.geometry = new three.SphereGeometry(state.skyRadius);
+        state.skysphere.geometry = new three$1.SphereGeometry(state.skyRadius);
       }
       if (changedProps.hasOwnProperty('backgroundColor')) {
         var alpha = parseToRgb(state.backgroundColor).alpha;
         if (alpha === undefined) alpha = 1;
-        state.renderer.setClearColor(new three.Color(curriedOpacify$1(1, state.backgroundColor)), alpha);
+        state.renderer.setClearColor(new three$1.Color(curriedOpacify$1(1, state.backgroundColor)), alpha);
       }
       if (changedProps.hasOwnProperty('backgroundImageUrl')) {
         if (!state.backgroundImageUrl) {
@@ -47193,11 +47451,11 @@ function InsertStackElement(node, body) {
           state.skysphere.material.map = null;
           !state.loadComplete && finishLoad();
         } else {
-          new three.TextureLoader().load(state.backgroundImageUrl, function (texture) {
-            texture.colorSpace = three.SRGBColorSpace;
-            state.skysphere.material = new three.MeshBasicMaterial({
+          new three$1.TextureLoader().load(state.backgroundImageUrl, function (texture) {
+            texture.colorSpace = three$1.SRGBColorSpace;
+            state.skysphere.material = new three$1.MeshBasicMaterial({
               map: texture,
-              side: three.BackSide
+              side: three$1.BackSide
             });
             state.skysphere.visible = true;
 
@@ -47254,6 +47512,13 @@ function InsertStackElement(node, body) {
     };
   }
 
+  var three = window.THREE ? window.THREE // Prefer consumption from global THREE, if exists
+  : {
+    AmbientLight: AmbientLight,
+    DirectionalLight: DirectionalLight,
+    Vector3: Vector3
+  };
+
   //
 
   var CAMERA_DISTANCE2NODES_FACTOR = 170;
@@ -47590,7 +47855,7 @@ function InsertStackElement(node, body) {
       state.renderObjs.renderer().useLegacyLights = false; // force behavior for three < 155
       state.renderObjs.objects([
       // Populate scene
-      new THREE.AmbientLight(0xcccccc, Math.PI), new THREE.DirectionalLight(0xffffff, 0.6 * Math.PI), state.forceGraph]).hoverOrderComparator(function (a, b) {
+      new three.AmbientLight(0xcccccc, Math.PI), new three.DirectionalLight(0xffffff, 0.6 * Math.PI), state.forceGraph]).hoverOrderComparator(function (a, b) {
         // Prioritize graph objects
         var aObj = getGraphObj(a);
         if (!aObj) return 1;