x_ite 4.2.17 → 4.7.7

package/dist/{components → assets/components}/geospatial.js

@@ -1,9 +1,18 @@
-(function () {
+(function (globalModule, globalRequire)
+{
 
-	var
-		define  = X3D .define,
-		require = X3D .require;
+if (typeof __filename === "undefined")
+{
+	globalModule  = undefined;
+	globalRequire = undefined;
+}
 
+// Undefine global variables.
+var module = { }, exports, process;
+
+const
+	define  = X3D .define,
+	require = X3D .require;
 /* -*- Mode: JavaScript; coding: utf-8; tab-width: 3; indent-tabs-mode: tab; c-basic-offset: 3 -*-
  *******************************************************************************
  *
@@ -70,7 +79,7 @@ define ('standard/Math/Geometry/Spheroid3',[],function ()
 				this .semiMinorAxis = semiMinorAxis; // c
 				break;
 			case 3:
-				var f_1 = arguments [1];
+				const f_1 = arguments [1];
 				this .semiMajorAxis = semiMajorAxis;                 // a
 				this .semiMinorAxis = semiMajorAxis * (1 - 1 / f_1); // c
 				break;
@@ -155,7 +164,7 @@ function (Spheroid3)
 {
 "use strict";
 
-	var ReferenceEllipsoids =
+	const ReferenceEllipsoids =
 	{
 		// Earth
 		// X3D Specification
@@ -258,11 +267,11 @@ function (Vector3,
 {
 "use strict";
 
-	var
+	const
 		EPS_H = 1e-3,
 		EPS_P = 1e-10,
 		IMAX  = 30;
-		
+
 	function Geodetic (spheroid, latitudeFirst, radians)
 	{
 		this .longitudeFirst = ! latitudeFirst;
@@ -278,7 +287,7 @@ function (Vector3,
 		constructor: Geodetic,
 		convert: function (geodetic, result)
 		{
-			var elevation = geodetic .z;
+			const elevation = geodetic .z;
 
 			if (this .longitudeFirst)
 			{
@@ -292,18 +301,18 @@ function (Vector3,
 					latitude  = geodetic .x,
 					longitude = geodetic .y;
 			}
-		
+
 			if (this .degrees)
 			{
 				latitude  *= Math .PI / 180;
 				longitude *= Math .PI / 180;
 			}
-		
+
 			return this .convertRadians (latitude, longitude, elevation, result);
 		},
 		convertRadians: function (latitude, longitude, elevation, result)
 		{
-			var
+			const
 				slat  = Math .sin (latitude),
 				slat2 = Math .pow (slat, 2),
 				clat  = Math .cos (latitude),
@@ -326,7 +335,7 @@ function (Vector3,
 
 			if (this .longitudeFirst)
 			{
-				var tmp = result .x;
+				const tmp = result .x;
 
 				result .x = result .y; // latitude
 				result .y = tmp;       // longitude
@@ -336,40 +345,40 @@ function (Vector3,
 		},
 		applyRadians: function (geocentric, result)
 		{
-			var
+			const
 				x = geocentric .x,
 				y = geocentric .y,
 				z = geocentric .z;
-		
-			var P = Math .sqrt (x * x + y * y);
-		
+
+			const P = Math .sqrt (x * x + y * y);
+
 			// Handle pole case.
 			if (P == 0)
 				return result .set (Math .PI, 0, z - this .c);
 
-			var
+			let
 				latitude  = 0,
 				longitude = Math .atan2 (y, x),
 				elevation = 0;
-		
-			var
+
+			let
 				a    = this .a,
 				N    = a,
 				ecc2 = this .ecc2;
-		
-			for (var i = 0; i < IMAX; ++ i)
+
+			for (let i = 0; i < IMAX; ++ i)
 			{
-				var
+				const
 					h0 = elevation,
 					b0 = latitude;
-		
+
 				latitude = Math .atan (z / P / (1 - ecc2 * N / (N + elevation)));
-		
-				var sin_p = Math .sin (latitude);
-		
+
+				const sin_p = Math .sin (latitude);
+
 				N         = a / Math .sqrt (1 - ecc2 * sin_p * sin_p);
 				elevation = P / Math .cos (latitude) - N;
-		
+
 				if (Math .abs (elevation - h0) < EPS_H && Math .abs (latitude - b0) < EPS_P)
 					break;
 			}
@@ -378,15 +387,15 @@ function (Vector3,
 		},
 		normal: function (geocentric, result)
 		{
-			var geodetic = this .applyRadians (geocentric, result);
+			const geodetic = this .applyRadians (geocentric, result);
 
-			var
+			const
 				latitude  = geodetic .x,
 				longitude = geodetic .y;
 
-			var clat = Math .cos (latitude);
+			const clat = Math .cos (latitude);
 
-			var
+			const
 				nx = Math .cos (longitude) * clat,
 				ny = Math .sin (longitude) * clat,
 				nz = Math .sin (latitude);
@@ -404,58 +413,58 @@ function (Vector3,
 				RANGE    = this .degrees ? 180 : M_PI,
 				RANGE1_2 = RANGE / 2,
 				RANGE2   = RANGE * 2;
-		
+
 			var range = 0;
-		
+
 			if (this .longitudeFirst)
 			{
-				source .x = Algorithm .interval (source .x, -RANGE,    RANGE);	
+				source .x = Algorithm .interval (source .x, -RANGE,    RANGE);
 				source .y = Algorithm .interval (source .y, -RANGE1_2, RANGE1_2);
-		
-				destination .x = Algorithm .interval (destination .x, -RANGE,    RANGE);	
+
+				destination .x = Algorithm .interval (destination .x, -RANGE,    RANGE);
 				destination .y = Algorithm .interval (destination .y, -RANGE1_2, RANGE1_2);
-		
+
 				range = Math .abs (destination .x - source .x);
 			}
 			else
 			{
 				source .x = Algorithm .interval (source .x, -RANGE1_2, RANGE1_2);
 				source .y = Algorithm .interval (source .y, -RANGE,    RANGE);
-		
+
 				destination .x = Algorithm .interval (destination .x, -RANGE1_2, RANGE1_2);
 				destination .y = Algorithm .interval (destination .y, -RANGE,    RANGE);
-		
+
 				range = Math .abs (destination .y - source .y);
 			}
-		
+
 			if (range <= RANGE)
 				return source .lerp (destination, t);
-		
+
 			var step = (RANGE2 - range) * t;
-		
+
 			if (this .longitudeFirst)
 			{
 				var longitude = source .x < destination .x ? source .x - step : source .x + step;
-		
+
 				if (longitude < -RANGE)
 					longitude += RANGE2;
-		
+
 				else if (longitude > RANGE)
 					longitude -= RANGE2;
-		
+
 				return source .set (longitude,
 				                    source .y + t * (destination .y - source .y),
 				                    source .z + t * (destination .z - source .z));
 			}
 
 			var longitude = source .y < destination .y ? source .y - step : source .y + step;
-	
+
 			if (longitude < -RANGE)
 				longitude += RANGE2;
-	
+
 			else if (longitude > RANGE)
 				longitude -= RANGE2;
-	
+
 			return source .set (source .x + t * (destination .x - source .x),
 			                    longitude,
 			                    source .z + t * (destination .z - source .z));
@@ -528,14 +537,14 @@ function (Geodetic,
 {
 "use strict";
 
-	var
+	const
 		N0 = 1.0e7,
 		E0 = 5.0e5,
 		k0 = 0.9996;
 
 	function UniversalTransverseMercator (spheroid, zone, northernHemisphere, northingFirst)
 	{
-		var
+		const
 			a    = spheroid .getSemiMajorAxis (),
 			ecc2 = 1 - Math .pow (spheroid .getSemiMinorAxis () / a, 2),
 			EE   = ecc2 / (1 - ecc2),
@@ -569,7 +578,7 @@ function (Geodetic,
 		convert: function (utm, result)
 		{
 			// https://gist.github.com/duedal/840476
-		
+
 			if (this .eastingFirst)
 			{
 				var
@@ -582,34 +591,34 @@ function (Geodetic,
 					northing = utm .x,
 					easting  = utm .y;
 			}
-		
+
 			// Check for southern hemisphere and remove offset from easting.
-		
-			var S = this .southernHemisphere;
-		
+
+			let S = this .southernHemisphere;
+
 			if (northing < 0)
 			{
 				S        = ! this .southernHemisphere;
 				northing = -northing;
 			}
-		
+
 			if (S)
 				northing -= N0;
-		
+
 			easting -= E0;
-		
+
 			// Begin calculation.
-		
-			var
+
+			const
 				mu   = northing / this .A,
 				phi1 = mu + this .B * Math .sin (2 * mu) + this .C * Math .sin (4 * mu) + this .D * Math .sin (6 * mu);
-		
-			var
+
+			const
 				sinphi1 = Math .pow (Math .sin (phi1), 2),
 				cosphi1 = Math .cos (phi1),
 				tanphi1 = Math .tan (phi1);
-		
-			var
+
+			const
 				N1 = this .a / Math .sqrt (1 - this .ecc2 * sinphi1),
 				T2 = Math .pow (tanphi1, 2),
 				T8 = Math .pow (tanphi1, 8),
@@ -617,67 +626,67 @@ function (Geodetic,
 				C2 = C1 * C1,
 				R1 = this .E / Math .pow (1 - this .ecc2 * sinphi1, 1.5),
 				I  = easting / (N1 * k0);
-		
-			var
+
+			const
 				J = (5 + 3 * T2 + 10 * C1 - 4 * C2 - this .E9) * Math .pow (I, 4) / 24,
 				K = (61 + 90 * T2 + 298 * C1 + 45 * T8 - this .E252 - 3 * C2) * Math .pow (I, 6) / 720,
 				L = (5 - 2 * C1 + 28 * T2 - 3 * C2 + this .E8 + 24 * T8) * Math .pow (I, 5) / 120;
-		
-			var
+
+			const
 				latitude  = phi1 - (N1 * tanphi1 / R1) * (I * I / 2 - J + K),
 				longitude = this .longitude0 + (I - (1 + 2 * T2 + C1) * Math .pow (I, 3) / 6 + L) / cosphi1;
-		
+
 			return this .geodeticConverter .convertRadians (latitude, longitude, utm .z, result);
 		},
 		apply: function (geocentric, result)
 		{
 			// https://gist.github.com/duedal/840476
 
-			var
+			const
 				geodetic  = this .geodeticConverter .applyRadians (geocentric, result),
 				latitude  = geodetic .x,
 				longitude = geodetic .y;
-		
-			var
+
+			const
 				tanlat = Math .tan (latitude),
 				coslat = Math .cos (latitude);
-		
-			var
+
+			const
 				EE = this .EE,
 				N  = this .a / Math .sqrt (1 - this .ecc2 * Math .pow (Math .sin (latitude), 2)),
 				T  = tanlat * tanlat,
 				T6 = T * T * T,
 				C  = EE * coslat * coslat,
 				A  = coslat * (longitude - this .longitude0);
-		
-			var M = this .a * (this .W * latitude
-			                   - this .X * Math .sin (2 * latitude)
-			                   + this .Y * Math .sin (4 * latitude)
-			                   - this .Z * Math .sin (6 * latitude));
-		
-			var easting = k0 * N * (A + (1 - T + C) * Math .pow (A, 3) / 6
-			                        + (5 - 18 * T6 + 72 * C - 58 * EE) * Math .pow (A, 5) / 120)
-			              + E0;
-		
-			var northing = k0 * (M + N * tanlat * (A * A / 2 + (5 - T + 9 * C + 4 * C * C) * Math .pow (A, 4) / 24
+
+			const M = this .a * (this .W * latitude
+			                     - this .X * Math .sin (2 * latitude)
+			                     + this .Y * Math .sin (4 * latitude)
+			                     - this .Z * Math .sin (6 * latitude));
+
+			const easting = k0 * N * (A + (1 - T + C) * Math .pow (A, 3) / 6
+			                          + (5 - 18 * T6 + 72 * C - 58 * EE) * Math .pow (A, 5) / 120)
+			                + E0;
+
+			let northing = k0 * (M + N * tanlat * (A * A / 2 + (5 - T + 9 * C + 4 * C * C) * Math .pow (A, 4) / 24
 			                                       + (61 - 58 * T6 + 600 * C - 330 * EE) * Math .pow (A, 6) / 720));
-		
+
 			if (latitude < 0)
 			{
 				northing += N0;
-				
+
 				if (! this .southernHemisphere)
 					northing = -northing;
 			}
 			else
 			{
 				if (this .southernHemisphere)
-					northing = -northing;		
+					northing = -northing;
 			}
-		
+
 			if (this .eastingFirst)
 				return result .set (easting, northing, geodetic .z);
-		
+
 			return result .set (northing, easting, geodetic .z);
 		},
 		//lerp: Vector3 .lerp,
@@ -1664,25 +1673,25 @@ function (Fields,
 		{
 			if (this .colorNode)
 			{
-				this .colorNode .removeInterest ("requestRebuild",    this);
-				this .colorNode .removeInterest ("set_transparent__", this);
+				this .colorNode .removeInterest ("requestRebuild", this);
+				this .colorNode .transparent_ .removeInterest ("set_transparent__", this);
 			}
 
 			this .colorNode = X3DCast (X3DConstants .X3DColorNode, this .color_);
 
 			if (this .colorNode)
 			{
-				this .colorNode .addInterest ("requestRebuild",    this);
-				this .colorNode .addInterest ("set_transparent__", this);
+				this .colorNode .addInterest ("requestRebuild", this);
+				this .colorNode .transparent_ .addInterest ("set_transparent__", this);
 
 				this .set_transparent__ ();
 			}
 			else
-				this .transparent_ = false;
+				this .setTransparent (false);
 		},
 		set_transparent__: function ()
 		{
-			this .transparent_ = this .colorNode .isTransparent ();
+			this .setTransparent (this .colorNode .getTransparent ());
 		},
 		set_texCoord__: function ()
 		{
@@ -1694,7 +1703,7 @@ function (Fields,
 			if (this .texCoordNode)
 				this .texCoordNode .addInterest ("requestRebuild", this);
 
-			this .setCurrentTexCoord (this .texCoordNode);
+			this .setTextureCoordinate (this .texCoordNode);
 		},
 		set_normal__: function ()
 		{
@@ -2036,9 +2045,9 @@ define ('x_ite/Components/Geospatial/GeoLOD',[
 function (Fields,
           X3DFieldDefinition,
           FieldDefinitionArray,
-          X3DChildNode, 
-          X3DBoundedObject, 
-          X3DGeospatialObject, 
+          X3DChildNode,
+          X3DBoundedObject,
+          X3DGeospatialObject,
           X3DConstants,
           TraverseType,
           Group,
@@ -2061,6 +2070,7 @@ function (Fields,
 
 		this .range_ .setUnit ("length");
 
+		this .unload           = false;
 		this .rootGroup        = new Group (this .getBrowser () .getPrivateScene ());
 		this .rootInline       = new Inline (executionContext);
 		this .child1Inline     = new Inline (executionContext);
@@ -2090,9 +2100,11 @@ function (Fields,
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "center",        new Fields .SFVec3d ()),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "range",         new Fields .SFFloat (10)),
 			new X3DFieldDefinition (X3DConstants .outputOnly,     "level_changed", new Fields .SFInt32 (-1)),
-			new X3DFieldDefinition (X3DConstants .initializeOnly, "rootNode",      new Fields .MFNode ()),
+			new X3DFieldDefinition (X3DConstants .inputOutput,    "visible",       new Fields .SFBool (true)),
+			new X3DFieldDefinition (X3DConstants .inputOutput,    "bboxDisplay",   new Fields .SFBool ()),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "bboxSize",      new Fields .SFVec3f (-1, -1, -1)),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "bboxCenter",    new Fields .SFVec3f ()),
+			new X3DFieldDefinition (X3DConstants .initializeOnly, "rootNode",      new Fields .MFNode ()),
 			new X3DFieldDefinition (X3DConstants .outputOnly,     "children",      new Fields .MFNode ()),
 		]),
 		getTypeName: function ()
@@ -2114,65 +2126,66 @@ function (Fields,
 			X3DGeospatialObject .prototype .initialize .call (this);
 
 			this .rootNode_ .addFieldInterest (this .rootGroup .children_);
-		
+
 			this .rootGroup .children_ = this .rootNode_;
 			this .rootGroup .setPrivate (true);
 			this .rootGroup .setup ();
-		
+
 			this .rootInline   .loadState_ .addInterest ("set_rootLoadState__", this);
 			this .child1Inline .loadState_ .addInterest ("set_childLoadState__", this);
 			this .child2Inline .loadState_ .addInterest ("set_childLoadState__", this);
 			this .child3Inline .loadState_ .addInterest ("set_childLoadState__", this);
 			this .child4Inline .loadState_ .addInterest ("set_childLoadState__", this);
-		
+
 			this .rootUrl_   .addFieldInterest (this .rootInline   .url_);
 			this .child1Url_ .addFieldInterest (this .child1Inline .url_);
 			this .child2Url_ .addFieldInterest (this .child2Inline .url_);
 			this .child3Url_ .addFieldInterest (this .child3Inline .url_);
 			this .child4Url_ .addFieldInterest (this .child4Inline .url_);
-		
+
 			this .rootInline   .load_ = true;
 			this .child1Inline .load_ = false;
 			this .child2Inline .load_ = false;
 			this .child3Inline .load_ = false;
 			this .child4Inline .load_ = false;
-		
+
 			this .rootInline   .url_ = this .rootUrl_;
 			this .child1Inline .url_ = this .child1Url_;
 			this .child2Inline .url_ = this .child2Url_;
 			this .child3Inline .url_ = this .child3Url_;
 			this .child4Inline .url_ = this .child4Url_;
-		
+
 			this .rootInline   .setup ();
 			this .child1Inline .setup ();
 			this .child2Inline .setup ();
 			this .child3Inline .setup ();
 			this .child4Inline .setup ();
 		},
-		getBBox: function (bbox) 
+		getBBox: function (bbox, shadow)
 		{
-			if (this .bboxSize_ .getValue () .equals (this .defaultBBoxSize))
+			if (this .bboxSize_ .getValue () .equals (this .getDefaultBBoxSize ()))
 			{
-				var level = this .level_changed_ .getValue ();
-
-				switch (this .childrenLoaded ? level : 0)
+				switch (this .childrenLoaded ? this .level_changed_ .getValue () : 0)
 				{
 					case 0:
 					{
 						if (this .rootNode_ .length)
-							return this .rootGroup .getBBox (bbox);
+							return this .rootGroup .getBBox (bbox, shadow);
 
-						return this .rootInline .getBBox (bbox);
+						return this .rootInline .getBBox (bbox, shadow);
 					}
 					case 1:
 					{
+						// Must be unique for each GeoLOD..
+						const childBBox = this .childBBox;
+
 						bbox .set ();
-						
-						bbox .add (this .child1Inline .getBBox (this .childBBox));
-						bbox .add (this .child2Inline .getBBox (this .childBBox));
-						bbox .add (this .child3Inline .getBBox (this .childBBox));
-						bbox .add (this .child4Inline .getBBox (this .childBBox));
-		
+
+						bbox .add (this .child1Inline .getBBox (childBBox, shadow));
+						bbox .add (this .child2Inline .getBBox (childBBox, shadow));
+						bbox .add (this .child3Inline .getBBox (childBBox, shadow));
+						bbox .add (this .child4Inline .getBBox (childBBox, shadow));
+
 						return bbox;
 					}
 				}
@@ -2186,90 +2199,89 @@ function (Fields,
 		{
 			if (this .level_changed_ .getValue () !== 0)
 				return;
-		
+
 			if (this .rootNode_ .length)
 				return;
-		
+
 			if (this .rootInline .checkLoadState () === X3DConstants .COMPLETE_STATE)
 			{
 				this .children_      = this .rootInline .getInternalScene () .getRootNodes ();
 				this .childrenLoaded = false;
 			}
 		},
-		set_childLoadState__: (function ()
+		set_childLoadState__: function ()
 		{
-			var nodes = new Fields .MFNode ();
+			if (this .level_changed_ .getValue () !== 1)
+				return;
 
-			return function ()
+			var loaded = 0;
+
+			if (this .child1Inline .checkLoadState () === X3DConstants .COMPLETE_STATE ||
+			    this .child1Inline .checkLoadState () === X3DConstants .FAILED_STATE)
+				++ loaded;
+
+			if (this .child2Inline .checkLoadState () === X3DConstants .COMPLETE_STATE ||
+			    this .child2Inline .checkLoadState () === X3DConstants .FAILED_STATE)
+				++ loaded;
+
+			if (this .child3Inline .checkLoadState () === X3DConstants .COMPLETE_STATE ||
+			    this .child3Inline .checkLoadState () === X3DConstants .FAILED_STATE)
+				++ loaded;
+
+			if (this .child4Inline .checkLoadState () === X3DConstants .COMPLETE_STATE ||
+			    this .child4Inline .checkLoadState () === X3DConstants .FAILED_STATE)
+				++ loaded;
+
+			if (loaded === 4)
 			{
-				if (this .level_changed_ .getValue () !== 1)
-					return;
-	
-				var loaded = 0;
-	
-				if (this .child1Inline .checkLoadState () === X3DConstants .COMPLETE_STATE)
-				{
-					var rootNodes = this .child1Inline .getInternalScene () .getRootNodes ();
-	
-					for (var i = 0, length = rootNodes .length; i < length; ++ i)
-						nodes .push (rootNodes [i]);
-	
-					++ loaded;
-				}
-				else if (this .child1Inline .checkLoadState () === X3DConstants .FAILED_STATE)
-					++ loaded;
-		
-				if (this .child2Inline .checkLoadState () === X3DConstants .COMPLETE_STATE)
-				{
-					var rootNodes = this .child2Inline .getInternalScene () .getRootNodes ();
-	
-					for (var i = 0, length = rootNodes .length; i < length; ++ i)
-						nodes .push (rootNodes [i]);
-	
-					++ loaded;
-				}
-				else if (this .child2Inline .checkLoadState () === X3DConstants .FAILED_STATE)
-					++ loaded;
-		
-				if (this .child3Inline .checkLoadState () === X3DConstants .COMPLETE_STATE)
-				{
-					var rootNodes = this .child3Inline .getInternalScene () .getRootNodes ();
-	
-					for (var i = 0, length = rootNodes .length; i < length; ++ i)
-						nodes .push (rootNodes [i]);
-	
-					++ loaded;
-				}
-				else if (this .child3Inline .checkLoadState () === X3DConstants .FAILED_STATE)
-					++ loaded;
-		
-				if (this .child4Inline .checkLoadState () === X3DConstants .COMPLETE_STATE)
-				{
-					var rootNodes = this .child4Inline .getInternalScene () .getRootNodes ();
-	
-					for (var i = 0, length = rootNodes .length; i < length; ++ i)
-						nodes .push (rootNodes [i]);
-	
-					++ loaded;
-				}
-				else if (this .child4Inline .checkLoadState () === X3DConstants .FAILED_STATE)
-					++ loaded;
-	
-				if (loaded === 4)
-				{
-					this .childrenLoaded = true;
-	
-					this .children_ .assign (nodes);
-				}
-			};
-		})(),
+				this .childrenLoaded = true;
+
+				var children = this .children_;
+
+				children .length = 0;
+
+				var rootNodes = this .child1Inline .getInternalScene () .getRootNodes ();
+
+				for (var i = 0, length = rootNodes .length; i < length; ++ i)
+					children .push (rootNodes [i]);
+
+				var rootNodes = this .child2Inline .getInternalScene () .getRootNodes ();
+
+				for (var i = 0, length = rootNodes .length; i < length; ++ i)
+					children .push (rootNodes [i]);
+
+				var rootNodes = this .child3Inline .getInternalScene () .getRootNodes ();
+
+				for (var i = 0, length = rootNodes .length; i < length; ++ i)
+					children .push (rootNodes [i]);
+
+				var rootNodes = this .child4Inline .getInternalScene () .getRootNodes ();
+
+				for (var i = 0, length = rootNodes .length; i < length; ++ i)
+					children .push (rootNodes [i]);
+			}
+		},
+		set_childCameraObject__: function ()
+		{
+			this .setCameraObject (this .child1Inline .getCameraObject () ||
+			                       this .child2Inline .getCameraObject () ||
+			                       this .child3Inline .getCameraObject () ||
+			                       this .child4Inline .getCameraObject ());
+		},
+		set_childPickableObject__: function ()
+		{
+			this .setPickableObject (this .child1Inline .getPickableObject () ||
+			                         this .child2Inline .getPickableObject () ||
+			                         this .child3Inline .getPickableObject () ||
+			                         this .child4Inline .getPickableObject ());
+		},
 		getLevel: function (modelViewMatrix)
 		{
 			var distance = this .getDistance (modelViewMatrix);
-		
+
 			if (distance < this .range_ .getValue ())
 				return 1;
-		
+
 			return 0;
 		},
 		getDistance: function (modelViewMatrix)
@@ -2280,50 +2292,132 @@ function (Fields,
 		},
 		traverse: function (type, renderObject)
 		{
-			if (type == TraverseType .DISPLAY)
+			switch (type)
 			{
-				var level = this .getLevel (this .modelViewMatrix .assign (renderObject .getModelViewMatrix () .get ()));
-			
-				if (level !== this .level_changed_ .getValue ())
+				case TraverseType .PICKING:
 				{
-					this .level_changed_ = level;
-			
-					switch (level)
+					var
+						browser          = renderObject .getBrowser (),
+						pickingHierarchy = browser .getPickingHierarchy ();
+
+					pickingHierarchy .push (this);
+
+					this .traverseChildren (type, renderObject);
+
+					pickingHierarchy .pop ();
+					return;
+				}
+				case TraverseType .DISPLAY:
+				{
+					var level = this .getLevel (this .modelViewMatrix .assign (renderObject .getModelViewMatrix () .get ()));
+
+					if (level !== this .level_changed_ .getValue ())
 					{
-						case 0:
+						this .level_changed_ = level;
+
+						switch (level)
 						{
-							if (this .rootNode_ .length)
+							case 0:
 							{
-								this .children_      = this .rootNode_;
-								this .childrenLoaded = false;
+								this .child1Inline .isCameraObject_   .removeInterest ("set_childCameraObject__",   this);
+								this .child2Inline .isCameraObject_   .removeInterest ("set_childCameraObject__",   this);
+								this .child3Inline .isCameraObject_   .removeInterest ("set_childCameraObject__",   this);
+								this .child4Inline .isCameraObject_   .removeInterest ("set_childCameraObject__",   this);
+								this .child1Inline .isPickableObject_ .removeInterest ("set_childPickableObject__", this);
+								this .child2Inline .isPickableObject_ .removeInterest ("set_childPickableObject__", this);
+								this .child3Inline .isPickableObject_ .removeInterest ("set_childPickableObject__", this);
+								this .child4Inline .isPickableObject_ .removeInterest ("set_childPickableObject__", this);
+
+								if (this .rootNode_ .length)
+								{
+									this .rootGroup .isCameraObject_   .addFieldInterest (this .isCameraObject_);
+									this .rootGroup .isPickableObject_ .addFieldInterest (this .isPickableObject_);
+
+									this .setCameraObject   (this .rootGroup .getCameraObject ());
+									this .setPickableObject (this .rootGroup .getPickableObject ());
+
+									this .children_      = this .rootNode_;
+									this .childrenLoaded = false;
+								}
+								else
+								{
+									if (this .rootInline .checkLoadState () == X3DConstants .COMPLETE_STATE)
+									{
+										this .rootInline .isCameraObject_   .addFieldInterest (this .isCameraObject_);
+										this .rootInline .isPickableObject_ .addFieldInterest (this .isPickableObject_);
+
+										this .setCameraObject   (this .rootInline .getCameraObject ());
+										this .setPickableObject (this .rootInline .getPickableObject ());
+
+										this .children_      = this .rootInline .getInternalScene () .getRootNodes ();
+										this .childrenLoaded = false;
+									}
+								}
+
+								if (this .unload)
+								{
+									this .child1Inline .load_ = false;
+									this .child2Inline .load_ = false;
+									this .child3Inline .load_ = false;
+									this .child4Inline .load_ = false;
+								}
+
+								break;
 							}
-							else
+							case 1:
 							{
-								if (this .rootInline .checkLoadState () == X3DConstants .COMPLETE_STATE)
+								if (this .rootNode_ .length)
 								{
-									this .children_      = this .rootInline .getInternalScene () .getRootNodes ();
-									this .childrenLoaded = false;
+									this .rootGroup .isCameraObject_   .removeFieldInterest (this .isCameraObject_);
+									this .rootGroup .isPickableObject_ .removeFieldInterest (this .isPickableObject_);
+								}
+								else
+								{
+									this .rootInline .isCameraObject_   .removeFieldInterest (this .isCameraObject_);
+									this .rootInline .isPickableObject_ .removeFieldInterest (this .isPickableObject_);
 								}
+
+								this .child1Inline .isCameraObject_   .addInterest ("set_childCameraObject__",   this);
+								this .child2Inline .isCameraObject_   .addInterest ("set_childCameraObject__",   this);
+								this .child3Inline .isCameraObject_   .addInterest ("set_childCameraObject__",   this);
+								this .child4Inline .isCameraObject_   .addInterest ("set_childCameraObject__",   this);
+								this .child1Inline .isPickableObject_ .addInterest ("set_childPickableObject__", this);
+								this .child2Inline .isPickableObject_ .addInterest ("set_childPickableObject__", this);
+								this .child3Inline .isPickableObject_ .addInterest ("set_childPickableObject__", this);
+								this .child4Inline .isPickableObject_ .addInterest ("set_childPickableObject__", this);
+
+								this .set_childCameraObject__ ();
+								this .set_childPickableObject__ ();
+
+								if (this .child1Inline .load_ .getValue ())
+								{
+									this .set_childLoadState__ ();
+								}
+								else
+								{
+									this .child1Inline .load_ = true;
+									this .child2Inline .load_ = true;
+									this .child3Inline .load_ = true;
+									this .child4Inline .load_ = true;
+								}
+
+								break;
 							}
-			
-							this .child1Inline .load_ = false;
-							this .child2Inline .load_ = false;
-							this .child3Inline .load_ = false;
-							this .child4Inline .load_ = false;
-							break;
-						}
-						case 1:
-						{
-							this .child1Inline .load_ = true;
-							this .child2Inline .load_ = true;
-							this .child3Inline .load_ = true;
-							this .child4Inline .load_ = true;
-							break;
 						}
 					}
+
+					this .traverseChildren (type, renderObject);
+					return;
+				}
+				default:
+				{
+					this .traverseChildren (type, renderObject);
+					return;
 				}
 			}
-
+		},
+		traverseChildren: function (type, renderObject)
+		{
 			switch (this .childrenLoaded ? this .level_changed_ .getValue () : 0)
 			{
 				case 0:
@@ -2332,7 +2426,7 @@ function (Fields,
 						this .rootGroup .traverse (type, renderObject);
 					else
 						this .rootInline .traverse (type, renderObject);
-		
+
 					break;
 				}
 				case 1:
@@ -2350,8 +2444,6 @@ function (Fields,
 	return GeoLOD;
 });
 
-
-
 /* -*- Mode: JavaScript; coding: utf-8; tab-width: 3; indent-tabs-mode: tab; c-basic-offset: 3 -*-
  *******************************************************************************
  *
@@ -2413,8 +2505,8 @@ define ('x_ite/Components/Geospatial/GeoLocation',[
 function (Fields,
           X3DFieldDefinition,
           FieldDefinitionArray,
-          X3DTransformMatrix3DNode, 
-          X3DGeospatialObject, 
+          X3DTransformMatrix3DNode,
+          X3DGeospatialObject,
           X3DConstants,
           Matrix4)
 {
@@ -2439,6 +2531,8 @@ function (Fields,
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "geoSystem",      new Fields .MFString ("GD", "WE")),
 			new X3DFieldDefinition (X3DConstants .inputOutput,    "geoCoords",      new Fields .SFVec3d ()),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "geoOrigin",      new Fields .SFNode ()),
+			new X3DFieldDefinition (X3DConstants .inputOutput,    "visible",        new Fields .SFBool (true)),
+			new X3DFieldDefinition (X3DConstants .inputOutput,    "bboxDisplay",    new Fields .SFBool ()),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "bboxSize",       new Fields .SFVec3f (-1, -1, -1)),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "bboxCenter",     new Fields .SFVec3f ()),
 			new X3DFieldDefinition (X3DConstants .inputOnly,      "addChildren",    new Fields .MFNode ()),
@@ -2461,9 +2555,9 @@ function (Fields,
 		{
 			X3DTransformMatrix3DNode .prototype .initialize .call (this);
 			X3DGeospatialObject      .prototype .initialize .call (this);
-		
+
 			this .addInterest ("eventsProcessed", this);
-		
+
 			this .eventsProcessed ();
 		},
 		eventsProcessed: function ()
@@ -2475,8 +2569,6 @@ function (Fields,
 	return GeoLocation;
 });
 
-
-
 /* -*- Mode: JavaScript; coding: utf-8; tab-width: 3; indent-tabs-mode: tab; c-basic-offset: 3 -*-
  *******************************************************************************
  *
@@ -2934,7 +3026,8 @@ function (Fields,
 
 		this .proximitySensor = new ProximitySensor (executionContext);
 
-		this .setCameraObject (this .proximitySensor .getCameraObject ());
+		this .setCameraObject   (this .proximitySensor .getCameraObject ());
+		this .setPickableObject (this .proximitySensor .getPickableObject ());
 	}
 
 	GeoProximitySensor .prototype = Object .assign (Object .create (X3DEnvironmentalSensorNode .prototype),
@@ -2977,8 +3070,9 @@ function (Fields,
 			this .size_    .addFieldInterest (this .proximitySensor .size_);
 			this .center_  .addFieldInterest (this .proximitySensor .center_);
 		
-			this .proximitySensor .isCameraObject_ .addFieldInterest (this .isCameraObject_);
-		
+			this .proximitySensor .isCameraObject_   .addFieldInterest (this .isCameraObject_);
+			this .proximitySensor .isPickableObject_ .addFieldInterest (this .isPickableObject_);
+
 			this .proximitySensor .isActive_                 .addFieldInterest (this .isActive_);
 			this .proximitySensor .enterTime_                .addFieldInterest (this .enterTime_);
 			this .proximitySensor .exitTime_                 .addFieldInterest (this .exitTime_);
@@ -3219,8 +3313,8 @@ define ('x_ite/Components/Geospatial/GeoTransform',[
 function (Fields,
           X3DFieldDefinition,
           FieldDefinitionArray,
-          X3DTransformMatrix3DNode, 
-          X3DGeospatialObject, 
+          X3DTransformMatrix3DNode,
+          X3DGeospatialObject,
           X3DConstants,
           Matrix4)
 {
@@ -3253,6 +3347,8 @@ function (Fields,
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "geoOrigin",        new Fields .SFNode ()),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "geoSystem",        new Fields .MFString ("GD", "WE")),
 			new X3DFieldDefinition (X3DConstants .inputOutput,    "geoCenter",        new Fields .SFVec3d ()),
+			new X3DFieldDefinition (X3DConstants .inputOutput,    "visible",          new Fields .SFBool (true)),
+			new X3DFieldDefinition (X3DConstants .inputOutput,    "bboxDisplay",      new Fields .SFBool ()),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "bboxSize",         new Fields .SFVec3f (-1, -1, -1)),
 			new X3DFieldDefinition (X3DConstants .initializeOnly, "bboxCenter",       new Fields .SFVec3f ()),
 			new X3DFieldDefinition (X3DConstants .inputOnly,      "addChildren",      new Fields .MFNode ()),
@@ -3275,9 +3371,9 @@ function (Fields,
 		{
 			X3DTransformMatrix3DNode .prototype .initialize .call (this);
 			X3DGeospatialObject      .prototype .initialize .call (this);
-		
+
 			this .addInterest ("eventsProcessed", this);
-		
+
 			this .eventsProcessed ();
 		},
 		eventsProcessed: function ()
@@ -3287,14 +3383,14 @@ function (Fields,
 				this .setHidden (this .scale_ .x === 0 ||
 				                 this .scale_ .y === 0 ||
 				                 this .scale_ .z === 0);
-	
+
 				this .getLocationMatrix (this .geoCenter_ .getValue (), locationMatrix);
-	
+
 				matrix .set (this .translation_      .getValue (),
 				             this .rotation_         .getValue (),
 				             this .scale_            .getValue (),
 				             this .scaleOrientation_ .getValue ());
-	
+
 				this .setMatrix (matrix .multRight (locationMatrix) .multLeft (locationMatrix .inverse ()));
 			}
 			catch (error)
@@ -3308,8 +3404,6 @@ function (Fields,
 	return GeoTransform;
 });
 
-
-
 /* -*- Mode: JavaScript; coding: utf-8; tab-width: 3; indent-tabs-mode: tab; c-basic-offset: 3 -*-
  *******************************************************************************
  *
@@ -3378,7 +3472,7 @@ define ('x_ite/Components/Geospatial/GeoViewpoint',[
 function (Fields,
           X3DFieldDefinition,
           FieldDefinitionArray,
-          X3DViewpointNode, 
+          X3DViewpointNode,
           X3DGeospatialObject,
           ScalarInterpolator,
           NavigationInfo,
@@ -3468,9 +3562,9 @@ function (Fields,
 			this .positionOffset_ .addInterest ("set_position__", this);
 			this .navType_        .addFieldInterest (this .navigationInfoNode .type_);
 			this .headlight_      .addFieldInterest (this .navigationInfoNode .headlight_);
-		
+
 			this .navigationInfoNode .setup ();
-		
+
 			this .set_position__ ();
 
 			// Setup interpolators
@@ -3481,19 +3575,21 @@ function (Fields,
 			this .getEaseInEaseOut () .modifiedFraction_changed_ .addFieldInterest (this .fieldOfViewInterpolator .set_fraction_);
 			this .fieldOfViewInterpolator .value_changed_ .addFieldInterest (this .fieldOfViewScale_);
 		},
-		setInterpolators: function (fromViewpoint)
+		setInterpolators: function (fromViewpointNode, toViewpointNode)
 		{
-			if (fromViewpoint .getType () .indexOf (X3DConstants .GeoViewpoint) < 0)
+			if (fromViewpointNode .getType () .indexOf (X3DConstants .Viewpoint) >= 0)
 			{
-				this .fieldOfViewInterpolator .keyValue_ = [ this .fieldOfViewScale_ .getValue (), this .fieldOfViewScale_ .getValue () ];
+				const scale = fromViewpointNode .getFieldOfView () / toViewpointNode .getFieldOfView ();
+
+				this .fieldOfViewInterpolator .keyValue_ = new Fields .MFFloat (scale, toViewpointNode .fieldOfViewScale_ .getValue ());
+
+				this .fieldOfViewScale_ = scale;
 			}
 			else
 			{
-				var scale = fromViewpoint .getFieldOfView () / this .fieldOfView_ .getValue ();
-	
-				this .fieldOfViewInterpolator .keyValue_ = [ scale, this .fieldOfViewScale_ .getValue () ];
-	
-				this .fieldOfViewScale_ = scale;
+				this .fieldOfViewInterpolator .keyValue_ = new Fields .MFFloat (toViewpointNode .fieldOfViewScale_ .getValue (), toViewpointNode .fieldOfViewScale_ .getValue ());
+
+				this .fieldOfViewScale_ = toViewpointNode .fieldOfViewScale_ .getValue ();
 			}
 		},
 		setPosition: (function ()
@@ -3509,7 +3605,7 @@ function (Fields,
 		{
 			var position = new Vector3 (0, 0, 0);
 
-			return function () 
+			return function ()
 			{
 				return this .getCoord (this .position_ .getValue (), position);
 			};
@@ -3521,7 +3617,7 @@ function (Fields,
 			return function ()
 			{
 				this .getCoord (this .position_ .getValue (), position);
-	
+
 				this .elevation = this .getGeoElevation (position .add (this .positionOffset_ .getValue ()));
 			};
 		})(),
@@ -3534,11 +3630,11 @@ function (Fields,
 			return function (value)
 			{
 				///  Returns the resulting orientation for this viewpoint.
-	
+
 				var rotationMatrix = this .getLocationMatrix (this .position_ .getValue (), locationMatrix) .submatrix;
-	
+
 				geoOrientation .setMatrix (rotationMatrix);
-	
+
 				this .orientation_ .setValue (geoOrientation .inverse () .multLeft (value));
 			};
 		})(),
@@ -3551,11 +3647,11 @@ function (Fields,
 			return function ()
 			{
 				///  Returns the resulting orientation for this viewpoint.
-	
+
 				var rotationMatrix = this .getLocationMatrix (this .position_ .getValue (), locationMatrix) .submatrix;
-	
+
 				orientation .setMatrix (rotationMatrix);
-			
+
 				return orientation .multLeft (this .orientation_ .getValue ());
 			};
 		})(),
@@ -3602,17 +3698,17 @@ function (Fields,
 			return function (point, viewport)
 			{
 			   // Returns the screen scale in meter/pixel for on pixel.
-	
+
 				var
 					width  = viewport [2],
 					height = viewport [3],
 					size   = Math .abs (point .z) * Math .tan (this .getFieldOfView () / 2) * 2;
-	
+
 				if (width > height)
 					size /= height;
 				else
 					size /= width;
-	
+
 				return screenScale .set (size, size, size);
 			};
 		})(),
@@ -3627,10 +3723,10 @@ function (Fields,
 					height = viewport [3],
 					size   = nearValue * Math .tan (this .getFieldOfView () / 2) * 2,
 					aspect = width / height;
-			
+
 				if (aspect > 1)
 					return viewportSize .set (size * aspect, size);
-	
+
 				return viewportSize .set (size, size / aspect);
 			};
 		})(),
@@ -3642,7 +3738,7 @@ function (Fields,
 		{
 			if (limit || this .getBrowser () .getRenderingProperty ("LogarithmicDepthBuffer"))
 				return Camera .perspective (this .getFieldOfView (), nearValue, farValue, viewport [2], viewport [3], this .projectionMatrix);
-				
+
 			// Linear interpolate nearValue and farValue
 
 			var
@@ -3656,8 +3752,6 @@ function (Fields,
 	return GeoViewpoint;
 });
 
-
-
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -3706,7 +3800,7 @@ function (Fields,
  ******************************************************************************/
 
 
-define ([
+define (require .getComponentUrl ("geospatial"), [
 	"x_ite/Components",
 	"x_ite/Components/Geospatial/GeoCoordinate",
 	"x_ite/Components/Geospatial/GeoElevationGrid",
@@ -3762,4 +3856,5 @@ function (Components,
 
 
 
-}());
+})
+(typeof module === "object" ? module : undefined, typeof require === "function" ? require : undefined);