x_ite 10.0.2 → 10.0.4

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v10.0.2 */(function webpackUniversalModuleDefinition(root, factory) {
+/* X_ITE v10.0.4 */(function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
 	else if(typeof define === 'function' && define.amd)
@@ -11,10 +11,10 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 810:
+/***/ 912:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(786);
+/* provided dependency */ var jQuery = __webpack_require__(404);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -210,7 +210,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 832:
+/***/ 290:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -224,7 +224,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 (function (factory) {
     if ( true ) {
         // AMD. Register as an anonymous module.
-        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(786)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(404)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -435,7 +435,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 786:
+/***/ 404:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11159,7 +11159,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 315:
+/***/ 185:
 /***/ ((module) => {
 
 /**
@@ -15938,7 +15938,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 826:
+/***/ 976:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19183,7 +19183,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 781:
+/***/ 463:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -20311,7 +20311,7 @@ Object .defineProperty (Namespace, "add",
       }
       else
       {
-         const X3D = window [Symbol .for ("X_ITE.X3D-10.0.2")];
+         const X3D = window [Symbol .for ("X_ITE.X3D-10.0.4")];
 
          if (X3D)
             X3D [name] = module;
@@ -21722,32 +21722,18 @@ Object .assign (X3DObject .prototype,
    },
    getUserData (key)
    {
-      return this [_userData] .get (key)
-         ?? this [_userData] .map ?.get (key);
+      return this [_userData] .get (key);
    },
    setUserData (key, value)
    {
-      try
-      {
-         if (this [_userData] === X3DObject .prototype [_userData])
-            this [_userData] = new WeakMap ();
-
-         this [_userData] .set (key, value);
-      }
-      catch
-      {
-         if (!this [_userData] .map)
-            this [_userData] .map = new Map ();
+      if (this [_userData] === X3DObject .prototype [_userData])
+         this [_userData] = new Map ();
 
-         this [_userData] .map .set (key, value);
-      }
+      this [_userData] .set (key, value);
    },
    removeUserData (key)
    {
-      if (this [_userData] .delete (key))
-         return;
-
-      this [_userData] .map ?.delete (key);
+      this [_userData] .delete (key);
    },
    toString (options = Object .prototype)
    {
@@ -21800,7 +21786,7 @@ Object .assign (X3DObject .prototype,
    dispose ()
    {
       this [_interests] .clear ();
-      this [_userData] .map ?.clear ();
+      this [_userData]  .clear ();
    },
 });
 
@@ -34291,7 +34277,7 @@ const X3DBaseNode_default_ = X3DBaseNode;
 x_ite_Namespace .add ("X3DBaseNode", "x_ite/Base/X3DBaseNode", X3DBaseNode_default_);
 /* harmony default export */ const Base_X3DBaseNode = (X3DBaseNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Legacy.js
-/* provided dependency */ var $ = __webpack_require__(786);
+/* provided dependency */ var $ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -34428,7 +34414,7 @@ x_ite_Namespace .add ("Legacy", "x_ite/Browser/Legacy", Legacy_default_);
  *
  ******************************************************************************/
 
-const BROWSER_VERSION_default_ = "10.0.2";
+const BROWSER_VERSION_default_ = "10.0.4";
 ;
 
 x_ite_Namespace .add ("BROWSER_VERSION", "x_ite/BROWSER_VERSION", BROWSER_VERSION_default_);
@@ -37614,7 +37600,7 @@ const X3DBindableNode_default_ = X3DBindableNode;
 x_ite_Namespace .add ("X3DBindableNode", "x_ite/Components/Core/X3DBindableNode", X3DBindableNode_default_);
 /* harmony default export */ const Core_X3DBindableNode = (X3DBindableNode_default_);
 ;// CONCATENATED MODULE: ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var libtess = __webpack_require__(315);
+/* provided dependency */ var libtess = __webpack_require__(185);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -40184,7 +40170,7 @@ const X3DProtoDeclaration_default_ = X3DProtoDeclaration;
 x_ite_Namespace .add ("X3DProtoDeclaration", "x_ite/Prototype/X3DProtoDeclaration", X3DProtoDeclaration_default_);
 /* harmony default export */ const Prototype_X3DProtoDeclaration = (X3DProtoDeclaration_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(786);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -40442,7 +40428,7 @@ const Expressions_default_ = Expressions;
 x_ite_Namespace .add ("Expressions", "x_ite/Parser/Expressions", Expressions_default_);
 /* harmony default export */ const Parser_Expressions = (Expressions_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/VRMLParser.js
-/* provided dependency */ var VRMLParser_$ = __webpack_require__(786);
+/* provided dependency */ var VRMLParser_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -43142,7 +43128,7 @@ const VRMLParser_default_ = VRMLParser;
 x_ite_Namespace .add ("VRMLParser", "x_ite/Parser/VRMLParser", VRMLParser_default_);
 /* harmony default export */ const Parser_VRMLParser = (VRMLParser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/XMLParser.js
-/* provided dependency */ var XMLParser_$ = __webpack_require__(786);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -45318,7 +45304,7 @@ const URLs_default_ = URLs;
 x_ite_Namespace .add ("URLs", "x_ite/Browser/Networking/URLs", URLs_default_);
 /* harmony default export */ const Networking_URLs = (URLs_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLTF2Parser.js
-/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(786);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -48961,7 +48947,7 @@ const GLTF2Parser_default_ = GLTF2Parser;
 x_ite_Namespace .add ("GLTF2Parser", "x_ite/Parser/GLTF2Parser", GLTF2Parser_default_);
 /* harmony default export */ const Parser_GLTF2Parser = (GLTF2Parser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLB2Parser.js
-/* provided dependency */ var GLB2Parser_$ = __webpack_require__(786);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -49113,7 +49099,7 @@ const GLB2Parser_default_ = GLB2Parser;
 x_ite_Namespace .add ("GLB2Parser", "x_ite/Parser/GLB2Parser", GLB2Parser_default_);
 /* harmony default export */ const Parser_GLB2Parser = (GLB2Parser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/OBJParser.js
-/* provided dependency */ var OBJParser_$ = __webpack_require__(786);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -50801,6 +50787,8 @@ x_ite_Namespace .add ("STLBParser", "x_ite/Parser/STLBParser", STLBParser_defaul
 
 
 
+
+
 /*
  *  Grammar
  */
@@ -50967,6 +50955,14 @@ Object .assign (Object .setPrototypeOf (PLYAParser .prototype, Parser_X3DParser
             return value;
       }
    },
+   convertFDC (f_dc)
+   {
+      // https://github.com/graphdeco-inria/gaussian-splatting/issues/485
+
+      const C0 = 0.28209479177387814;
+
+      return 0.5 + C0 * f_dc;
+   },
    header (elements)
    {
       PLYAParser_Grammar .ply .parse (this);
@@ -51166,20 +51162,20 @@ Object .assign (Object .setPrototypeOf (PLYAParser .prototype, Parser_X3DParser
    async parseVertices ({ count, properties })
    {
       const
-         browser    = this .getBrowser (),
-         scene      = this .getScene (),
-         colors     = [ ],
-         texCoord   = scene .createNode ("TextureCoordinate"),
-         texCoords  = [ ],
-         normal     = scene .createNode ("Normal"),
-         normals    = [ ],
-         coord      = scene .createNode ("Coordinate"),
-         points     = [ ],
-         attributes = new Map ();
+         browser     = this .getBrowser (),
+         scene       = this .getScene (),
+         colors      = [ ],
+         texCoord    = scene .createNode ("TextureCoordinate"),
+         texCoords   = [ ],
+         normal      = scene .createNode ("Normal"),
+         normals     = [ ],
+         coord       = scene .createNode ("Coordinate"),
+         points      = [ ],
+         attributes  = new Map ();
 
       for (const { name } of properties)
       {
-         if (name .match (/^(?:red|green|blue|alpha|r|g|b|a|s|t|u|v|nx|ny|nz|x|y|z)$/))
+         if (name .match (/^(?:red|green|blue|alpha|r|g|b|a|f_dc_0|f_dc_1|f_dc_2|opacity|s|t|u|v|nx|ny|nz|x|y|z)$/))
             continue;
 
          attributes .set (name, [ ]);
@@ -51205,6 +51201,13 @@ Object .assign (Object .setPrototypeOf (PLYAParser .prototype, Parser_X3DParser
                case "r": case "g": case "b": case "a":
                   colors .push (this .convertColor (this .value, type));
                   break;
+               case "f_dc_0": case "f_dc_1": case "f_dc_2":
+                  colors .push (this .convertFDC (this .convertColor (this .value, type)));
+                  break;
+               case "opacity":
+                  // https://github.com/antimatter15/splat/blob/main/convert.py
+                  colors .push (1 / (1 + Math .exp (-this .value)));
+                  break;
                case "s": case "t":
                case "u": case "v":
                   texCoords .push (this .value);
@@ -51244,7 +51247,7 @@ Object .assign (Object .setPrototypeOf (PLYAParser .prototype, Parser_X3DParser
       // Geometric properties
 
       const
-         pAlpha = properties .some (p => p .name .match (/^(?:alpha|a)$/)),
+         pAlpha = properties .some (p => p .name .match (/^(?:alpha|a|opacity)$/)),
          alpha  = pAlpha && colors .some ((v, i) => i % 4 === 3 && v < 1),
          color  = scene .createNode (alpha ? "ColorRGBA" : "Color");
 
@@ -52471,8 +52474,8 @@ const MatrixStack_default_ = MatrixStack;
 x_ite_Namespace .add ("MatrixStack", "standard/Math/Utility/MatrixStack", MatrixStack_default_);
 /* harmony default export */ const Utility_MatrixStack = (MatrixStack_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/SVGParser.js
-/* provided dependency */ var SVGParser_$ = __webpack_require__(786);
-/* provided dependency */ var SVGParser_libtess = __webpack_require__(315);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(404);
+/* provided dependency */ var SVGParser_libtess = __webpack_require__(185);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -55243,7 +55246,7 @@ const SVGParser_default_ = SVGParser;
 x_ite_Namespace .add ("SVGParser", "x_ite/Parser/SVGParser", SVGParser_default_);
 /* harmony default export */ const Parser_SVGParser = (SVGParser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GoldenGate.js
-/* provided dependency */ var GoldenGate_$ = __webpack_require__(786);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -56972,6 +56975,7 @@ function X3DRenderObject (executionContext)
    const browser = executionContext .getBrowser ();
 
    this .renderKey                      = "";
+   this .renderAndGlobalLightsKey       = "";
    this .renderCount                    = 0;
    this .viewVolumes                    = [ ];
    this .projectionMatrix               = new Utility_MatrixStack (Numbers_Matrix4);
@@ -56985,12 +56989,13 @@ function X3DRenderObject (executionContext)
    this .hitRay                         = new Geometry_Line3 (Numbers_Vector3 .Zero, Numbers_Vector3 .Zero);
    this .sensors                        = [[ ]];
    this .viewpointGroups                = [ ];
-   this .localObjectsKeys               = [ ];
+   this .lights                         = [ ];
    this .globalLightsKeys               = [ ];
    this .globalLights                   = [ ];
+   this .localObjectsKeys               = [ ];
    this .localObjects                   = [ ];
-   this .lights                         = [ ];
    this .globalShadows                  = [ false ];
+   this .globalShadow                   = false;
    this .localShadows                   = [ false ];
    this .localFogs                      = [ null ];
    this .layouts                        = [ ];
@@ -57100,6 +57105,10 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .renderKey;
    },
+   getRenderAndGlobalLightsKey ()
+   {
+      return this .renderAndGlobalLightsKey;
+   },
    getRenderCount ()
    {
       return this .renderCount;
@@ -57166,10 +57175,18 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .viewpointGroups;
    },
+   getLights ()
+   {
+      return this .lights;
+   },
    getGlobalLights ()
    {
       return this .globalLights;
    },
+   getGlobalLightsKeys ()
+   {
+      return this .globalLightsKeys;
+   },
    getLocalObjects ()
    {
       return this .localObjects;
@@ -57178,10 +57195,6 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .localObjectsKeys;
    },
-   getLights ()
-   {
-      return this .lights;
-   },
    pushGlobalShadows (value)
    {
       this .globalShadows .push (value || this .globalShadows .at (-1));
@@ -57190,6 +57203,10 @@ Object .assign (X3DRenderObject .prototype,
    {
       return this .globalShadows;
    },
+   getGlobalShadow ()
+   {
+      return this .globalShadow;
+   },
    pushLocalShadows (value)
    {
       this .localShadows .push (value || this .localShadows .at (-1));
@@ -58017,7 +58034,6 @@ Object .assign (X3DRenderObject .prototype,
          globalLights             = this .globalLights,
          generatedCubeMapTextures = this .generatedCubeMapTextures,
          globalShadows            = this .globalShadows,
-         shadows                  = globalShadows .at (-1),
          headlight                = this .getNavigationInfo () ._headlight .getValue (),
          oit                      = frameBuffer .getOIT () && independent;
 
@@ -58049,6 +58065,9 @@ Object .assign (X3DRenderObject .prototype,
       for (const light of globalLights)
          globalLightsKeys .push (light .lightNode .getLightKey ());
 
+      this .renderAndGlobalLightsKey = `.${this .renderKey}.${globalLightsKeys .sort () .join ("")}.`;
+      this .globalShadow             = globalShadows .at (-1);
+
       // Set global uniforms.
 
       this .viewportArray          .set (viewport);
@@ -58056,34 +58075,6 @@ Object .assign (X3DRenderObject .prototype,
       this .viewMatrixArray        .set (this .getViewMatrix () .get ());
       this .cameraSpaceMatrixArray .set (this .getCameraSpaceMatrix () .get ());
 
-      // Prepare opaque objects.
-
-      const
-         opaqueShapes    = this .opaqueShapes,
-         numOpaqueShapes = this .numOpaqueShapes;
-
-      for (let i = 0; i < numOpaqueShapes; ++ i)
-      {
-         const renderContext = opaqueShapes [i];
-
-         renderContext .shadows = renderContext .shadows || shadows;
-         renderContext .objectsKeys .push (... globalLightsKeys);
-      }
-
-      // Prepare transparent objects.
-
-      const
-         transparentShapes    = this .transparentShapes,
-         numTransparentShapes = this .numTransparentShapes;
-
-      for (let i = 0; i < numTransparentShapes; ++ i)
-      {
-         const renderContext = transparentShapes [i];
-
-         renderContext .shadows = renderContext .shadows || shadows;
-         renderContext .objectsKeys .push (... globalLightsKeys);
-      }
-
       // DRAW
 
       if (independent && this .transmission)
@@ -58102,13 +58093,13 @@ Object .assign (X3DRenderObject .prototype,
          gl .bindTexture (gl .TEXTURE_2D, transmissionBuffer .getColorTexture ());
          gl .generateMipmap (gl .TEXTURE_2D);
 
-         this .drawShapes (gl, browser, true, frameBuffer, 0, oit, viewport, opaqueShapes, numOpaqueShapes, transparentShapes, numTransparentShapes, this .transparencySorter);
+         this .drawShapes (gl, browser, true, frameBuffer, 0, oit, viewport, this .opaqueShapes, this .numOpaqueShapes, this .transparentShapes, this .numTransparentShapes, this .transparencySorter);
       }
       else
       {
          // Draw with sorted blend or OIT.
 
-         this .drawShapes (gl, browser, independent, frameBuffer, 0, oit, viewport, opaqueShapes, numOpaqueShapes, transparentShapes, numTransparentShapes, this .transparencySorter);
+         this .drawShapes (gl, browser, independent, frameBuffer, 0, oit, viewport, this .opaqueShapes, this .numOpaqueShapes, this .transparentShapes, this .numTransparentShapes, this .transparencySorter);
       }
 
       // POST DRAW
@@ -62032,7 +62023,7 @@ function X3DBackgroundNode (executionContext)
    this .textureNodes          = new Array (6);
    this .textureBits           = new Utility_BitSet ();
    this .sphereContext         = new Rendering_GeometryContext ({ colorMaterial: true });
-   this .texturesContext       = new Rendering_GeometryContext ({ });
+   this .texturesContext       = new Rendering_GeometryContext ({ objectsKeys: this .sphereContext .objectsKeys});
 }
 
 Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBindableNode .prototype),
@@ -62384,26 +62375,20 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
          {
             const
                localObjects = renderObject .getLocalObjects (),
-               clipPlanes   = this .clipPlanes;
+               clipPlanes   = this .clipPlanes,
+               objectsKeys  = this .sphereContext .objectsKeys;
 
             let c = 0;
 
-            for (let l = 0, length = localObjects .length; l < length; ++ l)
-            {
-               if (localObjects [l] .isClipped)
-                  clipPlanes [c ++] = localObjects [l];
-            }
-
-            clipPlanes .length = c;
-
-            for (let i = 0; i < c; ++ i)
+            for (const localObject of localObjects)
             {
-               this .sphereContext   .objectsKeys [i] = 0;
-               this .texturesContext .objectsKeys [i] = 0;
+               if (localObject .isClipped)
+                  clipPlanes [c ++] = localObject;
             }
 
-            this .sphereContext   .objectsKeys .length = c;
-            this .texturesContext .objectsKeys .length = c;
+            clipPlanes  .length = c;
+            objectsKeys .length = c;
+            objectsKeys .fill (0);
             return;
          }
       }
@@ -63229,7 +63214,7 @@ const X3DTexture2DNode_default_ = X3DTexture2DNode;
 x_ite_Namespace .add ("X3DTexture2DNode", "x_ite/Components/Texturing/X3DTexture2DNode", X3DTexture2DNode_default_);
 /* harmony default export */ const Texturing_X3DTexture2DNode = (X3DTexture2DNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/ImageTexture.js
-/* provided dependency */ var ImageTexture_$ = __webpack_require__(786);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -66813,7 +66798,7 @@ const X3DWorld_default_ = X3DWorld;
 x_ite_Namespace .add ("X3DWorld", "x_ite/Execution/X3DWorld", X3DWorld_default_);
 /* harmony default export */ const Execution_X3DWorld = (X3DWorld_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/InputOutput/FileLoader.js
-/* provided dependency */ var FileLoader_$ = __webpack_require__(786);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -67747,7 +67732,7 @@ const ProtoDeclarationArray_default_ = ProtoDeclarationArray;
 x_ite_Namespace .add ("ProtoDeclarationArray", "x_ite/Prototype/ProtoDeclarationArray", ProtoDeclarationArray_default_);
 /* harmony default export */ const Prototype_ProtoDeclarationArray = (ProtoDeclarationArray_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Routing/X3DRoute.js
-/* provided dependency */ var X3DRoute_$ = __webpack_require__(786);
+/* provided dependency */ var X3DRoute_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -81499,6 +81484,9 @@ x_ite_Namespace .add ("DirectionalLight", "x_ite/Components/Lighting/Directional
 
 
 
+/**
+ * THIS NODE IS STILL EXPERIMENTAL.
+ */
 
 const EnvironmentLights = Utility_ObjectCache (EnvironmentLightContainer);
 
@@ -90398,6 +90386,10 @@ x_ite_Namespace .add ("PointSet", "x_ite/Components/Rendering/PointSet", PointSe
 
 
 
+/**
+ * THIS NODE IS STILL EXPERIMENTAL.
+ */
+
 function Tangent (executionContext)
 {
    Rendering_X3DGeometricPropertyNode .call (this, executionContext);
@@ -91290,7 +91282,7 @@ mediump samplerCube textureCube;
 x_ite_Namespace .add ("MaterialTextures", "assets/shaders/MaterialTextures", MaterialTextures_default_);
 /* harmony default export */ const MaterialTextures = (MaterialTextures_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js
-/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(786);
+/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -93577,6 +93569,10 @@ x_ite_Namespace .add ("Matrix4VertexAttribute", "x_ite/Components/Shaders/Matrix
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function PackagedShader (executionContext)
 {
    Shaders_X3DShaderNode               .call (this, executionContext);
@@ -93709,6 +93705,10 @@ x_ite_Namespace .add ("PackagedShader", "x_ite/Components/Shaders/PackagedShader
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function ProgramShader (executionContext)
 {
    Shaders_X3DShaderNode .call (this, executionContext);
@@ -96735,7 +96735,7 @@ const ShaderCompiler_default_ = ShaderCompiler;
 x_ite_Namespace .add ("ShaderCompiler", "x_ite/Browser/Shaders/ShaderCompiler", ShaderCompiler_default_);
 /* harmony default export */ const Shaders_ShaderCompiler = (ShaderCompiler_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/ShaderPart.js
-/* provided dependency */ var ShaderPart_$ = __webpack_require__(786);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -97034,6 +97034,10 @@ x_ite_Namespace .add ("ShaderPart", "x_ite/Components/Shaders/ShaderPart", Shade
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function ShaderProgram (executionContext)
 {
    Core_X3DNode                     .call (this, executionContext);
@@ -97402,7 +97406,7 @@ const X3DAppearanceNode_default_ = X3DAppearanceNode;
 x_ite_Namespace .add ("X3DAppearanceNode", "x_ite/Components/Shape/X3DAppearanceNode", X3DAppearanceNode_default_);
 /* harmony default export */ const Shape_X3DAppearanceNode = (X3DAppearanceNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shape/Appearance.js
-/* provided dependency */ var Appearance_$ = __webpack_require__(786);
+/* provided dependency */ var Appearance_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -98357,16 +98361,14 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
          const { renderObject, shadows, fogNode, shapeNode, appearanceNode, textureNode, humanoidNode, objectsKeys } = renderContext;
 
          key += shapeNode .getAlphaMode ();
-         key += renderObject .getRenderKey ();
-         key += shadows ? 1 : 0;
+         key += renderObject .getRenderAndGlobalLightsKey ();
+         key += shadows || renderObject .getGlobalShadow () ? 1 : 0;
          key += fogNode ?.getFogType () ?? 0;
          key += shapeNode .getShapeKey ();
          key += appearanceNode .getStyleProperties (geometryContext .geometryType) ?.getStyleKey () ?? 0;
          key += appearanceNode .getTextureTransformMapping () .size || 1;
          key += geometryContext .textureCoordinateMapping .size || 1;
-         key += ".";
-         key += humanoidNode ?.getHumanoidKey () ?? "";
-         key += ".";
+         key += humanoidNode ?.getHumanoidKey () ?? "[]";
          key += objectsKeys .sort () .join (""); // ClipPlane, X3DLightNode
          key += ".";
          key += textureNode ? 2 : appearanceNode .getTextureBits () .toString (16);
@@ -98378,9 +98380,10 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
          const { renderObject, alphaMode, textureNode, objectsKeys } = geometryContext;
 
          key += alphaMode;
+         key += ".";
          key += renderObject .getRenderKey ();
-         key += "000011.0.";
-         key += objectsKeys .sort () .join (""); // ClipPlane, X3DLightNode
+         key += "..000011[]";
+         key += objectsKeys .sort () .join (""); // ClipPlane
          key += ".";
          key += textureNode ?.getTextureBits () .toString (16) ?? 0;
       }
@@ -98435,7 +98438,9 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
 
       if (renderContext)
       {
-         const { renderObject, fogNode, shapeNode, appearanceNode, humanoidNode, objectsKeys, textureNode } = renderContext;
+         const { renderObject, fogNode, shapeNode, appearanceNode, humanoidNode, objectsKeys: localObjectsKeys, textureNode } = renderContext;
+
+         const objectsKeys = localObjectsKeys .concat (renderObject .getGlobalLightsKeys ());
 
          if (renderObject .getLogarithmicDepthBuffer ())
             options .push ("X3D_LOGARITHMIC_DEPTH_BUFFER");
@@ -98463,7 +98468,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
             }
          }
 
-         if (renderContext .shadows)
+         if (renderContext .shadows || renderObject .getGlobalShadows () .at (-1))
             options .push ("X3D_SHADOWS", "X3D_PCF_FILTERING");
 
          switch (fogNode ?.getFogType ())
@@ -98597,11 +98602,7 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
             }
          }
 
-         const
-            numClipPlanes        = objectsKeys .reduce ((a, c) => a + (c === 0), 0),
-            numLights            = objectsKeys .reduce ((a, c) => a + (c === 1), 0),
-            numEnvironmentLights = objectsKeys .reduce ((a, c) => a + (c === 2), 0),
-            numTextureProjectors = objectsKeys .reduce ((a, c) => a + (c === 3), 0);
+         const numClipPlanes = objectsKeys .reduce ((a, c) => a + (c === 0), 0);
 
          if (numClipPlanes)
          {
@@ -98609,24 +98610,6 @@ Object .assign (Object .setPrototypeOf (X3DMaterialNode .prototype, Shape_X3DApp
             options .push (`X3D_NUM_CLIP_PLANES ${Math .min (numClipPlanes, browser .getMaxClipPlanes ())}`);
          }
 
-         if (numLights)
-         {
-            options .push ("X3D_LIGHTING")
-            options .push (`X3D_NUM_LIGHTS ${Math .min (numLights, browser .getMaxLights ())}`);
-         }
-
-         if (numEnvironmentLights)
-         {
-            options .push ("X3D_USE_IBL")
-            options .push (`X3D_NUM_ENVIRONMENT_LIGHTS ${Math .min (numEnvironmentLights, browser .getMaxLights ())}`);
-         }
-
-         if (numTextureProjectors)
-         {
-            options .push ("X3D_TEXTURE_PROJECTION")
-            options .push (`X3D_NUM_TEXTURE_PROJECTORS ${Math .min (numTextureProjectors, browser .getMaxTextures ())}`);
-         }
-
          if (textureNode)
          {
             // X3DBackgroundNode textures
@@ -100319,6 +100302,10 @@ x_ite_Namespace .add ("Shape", "x_ite/Components/Shape/Shape", Shape_default_);
 
 
 
+/**
+ * THIS NODE IS DEPRECIATED.
+ */
+
 function TwoSidedMaterial (executionContext)
 {
    console .warn ("TwoSidedMaterial is depreciated, please use Appearance backMaterial field instead.");
@@ -105730,6 +105717,10 @@ x_ite_Namespace .add ("SpatialSound", "x_ite/Components/Sound/SpatialSound", Spa
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function StreamAudioDestination (executionContext)
 {
    Sound_X3DSoundDestinationNode .call (this, executionContext);
@@ -105861,6 +105852,10 @@ x_ite_Namespace .add ("StreamAudioDestination", "x_ite/Components/Sound/StreamAu
 
 
 
+/**
+ * THIS NODE IS NOT SUPPORTED.
+ */
+
 function StreamAudioSource (executionContext)
 {
    Sound_X3DSoundSourceNode .call (this, executionContext);
@@ -106335,8 +106330,8 @@ const GifMedia_default_ = GifMedia;
 x_ite_Namespace .add ("GifMedia", "x_ite/Browser/Texturing/GifMedia", GifMedia_default_);
 /* harmony default export */ const Texturing_GifMedia = (GifMedia_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var MovieTexture_$ = __webpack_require__(786);
-/* provided dependency */ var SuperGif = __webpack_require__(781);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(404);
+/* provided dependency */ var SuperGif = __webpack_require__(463);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -109668,7 +109663,7 @@ const gettext_default_ = (string) => locale .get (string) || string;
 x_ite_Namespace .add ("gettext", "locale/gettext", gettext_default_);
 /* harmony default export */ const gettext = (gettext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var BrowserTimings_$ = __webpack_require__(786);
+/* provided dependency */ var BrowserTimings_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -110241,7 +110236,7 @@ const TextureQuality_default_ = TextureQuality;
 x_ite_Namespace .add ("TextureQuality", "x_ite/Browser/Core/TextureQuality", TextureQuality_default_);
 /* harmony default export */ const Core_TextureQuality = (TextureQuality_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserOptions.js
-/* provided dependency */ var BrowserOptions_$ = __webpack_require__(786);
+/* provided dependency */ var BrowserOptions_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -110862,7 +110857,7 @@ const RenderingProperties_default_ = RenderingProperties;
 x_ite_Namespace .add ("RenderingProperties", "x_ite/Browser/Core/RenderingProperties", RenderingProperties_default_);
 /* harmony default export */ const Core_RenderingProperties = (RenderingProperties_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/Notification.js
-/* provided dependency */ var Notification_$ = __webpack_require__(786);
+/* provided dependency */ var Notification_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -110985,8 +110980,8 @@ const Notification_default_ = Notification;
 x_ite_Namespace .add ("Notification", "x_ite/Browser/Core/Notification", Notification_default_);
 /* harmony default export */ const Core_Notification = (Notification_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/ContextMenu.js
-/* provided dependency */ var jquery_fullscreen = __webpack_require__(810);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(786);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(912);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -113739,7 +113734,7 @@ const DataStorage_default_ = DataStorage;
 x_ite_Namespace .add ("DataStorage", "standard/Utility/DataStorage", DataStorage_default_);
 /* harmony default export */ const Utility_DataStorage = (DataStorage_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/X3DCoreContext.js
-/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(786);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -113833,8 +113828,8 @@ function X3DCoreContext (element)
    // Get canvas & context.
 
    const
-      browser      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-browser") .attr ("tabindex", 0),
-      surface      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-surface") .appendTo (browser),
+      browser      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-browser") .attr ("part", "browser") .attr ("tabindex", 0),
+      surface      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-surface") .attr ("part", "surface") .appendTo (browser),
       splashScreen = X3DCoreContext_$("<div></div>") .hide () .addClass ("x_ite-private-splash-screen") .appendTo (browser),
       spinner      = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-spinner") .appendTo (splashScreen),
       progress     = X3DCoreContext_$("<div></div>") .addClass ("x_ite-private-progress") .appendTo (splashScreen);
@@ -113869,7 +113864,7 @@ function X3DCoreContext (element)
    this [_mobile]       = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i .test (navigator .userAgent);
    this [_element]      = element;
    this [_surface]      = surface;
-   this [_canvas]       = X3DCoreContext_$("<canvas></canvas>") .addClass ("x_ite-private-canvas") .prependTo (surface);
+   this [_canvas]       = X3DCoreContext_$("<canvas></canvas>") .attr ("part", "canvas") .addClass ("x_ite-private-canvas") .prependTo (surface);
    this [_context]      = Core_Context .create (this [_canvas] [0], WEBGL_VERSION, element .attr ("preserveDrawingBuffer") === "true", this [_mobile]);
    this [_splashScreen] = splashScreen;
 
@@ -116319,8 +116314,8 @@ const X3DViewer_default_ = X3DViewer;
 x_ite_Namespace .add ("X3DViewer", "x_ite/Browser/Navigation/X3DViewer", X3DViewer_default_);
 /* harmony default export */ const Navigation_X3DViewer = (X3DViewer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/ExamineViewer.js
-/* provided dependency */ var jquery_mousewheel = __webpack_require__(832);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(786);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(290);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -117236,8 +117231,8 @@ const ExamineViewer_default_ = ExamineViewer;
 x_ite_Namespace .add ("ExamineViewer", "x_ite/Browser/Navigation/ExamineViewer", ExamineViewer_default_);
 /* harmony default export */ const Navigation_ExamineViewer = (ExamineViewer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/X3DFlyViewer.js
-/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(832);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(786);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(290);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118252,8 +118247,8 @@ const FlyViewer_default_ = FlyViewer;
 x_ite_Namespace .add ("FlyViewer", "x_ite/Browser/Navigation/FlyViewer", FlyViewer_default_);
 /* harmony default export */ const Navigation_FlyViewer = (FlyViewer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/PlaneViewer.js
-/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(832);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(786);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(290);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118584,8 +118579,8 @@ const NoneViewer_default_ = NoneViewer;
 x_ite_Namespace .add ("NoneViewer", "x_ite/Browser/Navigation/NoneViewer", NoneViewer_default_);
 /* harmony default export */ const Navigation_NoneViewer = (NoneViewer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/LookAtViewer.js
-/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(832);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(786);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(290);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119173,20 +119168,6 @@ const
    _viewerNode         = Symbol (),
    _headlightContainer = Symbol ();
 
-function getHeadlight (browser)
-{
-   const headlight = new Lighting_DirectionalLight (browser .getPrivateScene ());
-
-   headlight .setup ();
-
-   const headlightContainer = headlight .getLights () .pop ();
-
-   headlightContainer .set (headlight, null, Numbers_Matrix4 .Identity);
-   headlightContainer .dispose = Function .prototype;
-
-   return headlightContainer;
-};
-
 function X3DNavigationContext ()
 {
    this .addChildObjects (Base_X3DConstants .outputOnly, "activeLayer",          new x_ite_Fields .SFNode (),
@@ -119208,9 +119189,22 @@ Object .assign (X3DNavigationContext .prototype,
       this .initialized () .addInterest ("set_world__",    this);
       this .shutdown ()    .addInterest ("remove_world__", this);
 
-      this [_headlightContainer] = getHeadlight (this);
+      this [_headlightContainer] = this .createHeadlight ();
       this [_viewerNode] .setup ();
    },
+   createHeadlight ()
+   {
+      const headlight = new Lighting_DirectionalLight (this .getPrivateScene ());
+
+      headlight .setup ();
+
+      const headlightContainer = headlight .getLights () .pop ();
+
+      headlightContainer .set (headlight, null, Numbers_Matrix4 .Identity);
+      headlightContainer .dispose = Function .prototype;
+
+      return headlightContainer;
+   },
    getHeadlight ()
    {
       return this [_headlightContainer];
@@ -119725,8 +119719,8 @@ const X3DPickingContext_default_ = X3DPickingContext;
 x_ite_Namespace .add ("X3DPickingContext", "x_ite/Browser/Picking/X3DPickingContext", X3DPickingContext_default_);
 /* harmony default export */ const Picking_X3DPickingContext = (X3DPickingContext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/PointingDeviceSensor/PointingDevice.js
-/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(832);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(786);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(290);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -120550,14 +120544,11 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
 
       let key = "";
 
-      key += numClipPlanes;
-      key += ".";
+      key += numClipPlanes; // Could be more than 9.
+      key += humanoidNode ?.getHumanoidKey () ?? "[]";
       key += shapeNode .getShapeKey ();
       key += geometryType;
-      key += hasNormals;
-      key += ".";
-      key += humanoidNode ?.getHumanoidKey () ?? "";
-      key += ".";
+      key += hasNormals ? 1 : 0;
 
       if (geometryType >= 2)
       {
@@ -121030,7 +121021,7 @@ const MultiSampleFrameBuffer_default_ = MultiSampleFrameBuffer;
 x_ite_Namespace .add ("MultiSampleFrameBuffer", "x_ite/Rendering/MultiSampleFrameBuffer", MultiSampleFrameBuffer_default_);
 /* harmony default export */ const Rendering_MultiSampleFrameBuffer = (MultiSampleFrameBuffer_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Rendering/X3DRenderingContext.js
-/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(786);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -121082,6 +121073,8 @@ x_ite_Namespace .add ("MultiSampleFrameBuffer", "x_ite/Rendering/MultiSampleFram
 
 
 
+
+
 const
    _viewport           = Symbol (),
    _frameBuffer        = Symbol (),
@@ -121095,7 +121088,9 @@ const
 
 function X3DRenderingContext ()
 {
-   this [_viewport]     = new Numbers_Vector4 (0, 0, 300, 150);
+
+   this .addChildObjects (Base_X3DConstants .outputOnly, "viewport", new x_ite_Fields .MFInt32 (0, 0, 300, 150));
+
    this [_frameBuffer]  = new Rendering_MultiSampleFrameBuffer (this, 300, 150, 4);
    this [_localObjects] = [ ]; // shader objects dumpster
    this [_depthShaders] = new Map ();
@@ -121187,7 +121182,7 @@ Object .assign (X3DRenderingContext .prototype,
    },
    getViewport ()
    {
-      return this [_viewport];
+      return this ._viewport;
    },
    getLocalObjects ()
    {
@@ -121245,13 +121240,10 @@ Object .assign (X3DRenderingContext .prototype,
 
       let key = "";
 
-      key += numClipPlanes;
-      key += ".";
+      key += numClipPlanes; // Could be more than 9.
+      key += humanoidNode ?.getHumanoidKey () ?? "[]";
       key += shapeNode .getShapeKey ();
       key += geometryContext .geometryType;
-      key += ".";
-      key += humanoidNode ?.getHumanoidKey () ?? "";
-      key += ".";
 
       if (geometryContext .geometryType >= 2)
       {
@@ -121305,6 +121297,32 @@ Object .assign (X3DRenderingContext .prototype,
 
       return shaderNode;
    },
+   resize (width, height)
+   {
+      return new Promise (resolve =>
+      {
+         const key = Symbol ();
+
+         const test = () =>
+         {
+            if (this ._viewport [2] !== width)
+               return;
+
+            if (this ._viewport [2] !== height)
+               return;
+
+            this ._viewport .removeFieldCallback (key);
+
+            resolve ();
+         }
+
+         this .getElement () .css ({ "width": `${width}px`, "height": `${height}px` });
+
+         this ._viewport .addFieldCallback (key, test);
+
+         test ();
+      });
+   },
    reshape ()
    {
       const
@@ -121320,8 +121338,8 @@ Object .assign (X3DRenderingContext .prototype,
       canvas .prop ("width",  width);
       canvas .prop ("height", height);
 
-      this [_viewport] [2] = width;
-      this [_viewport] [3] = height;
+      this ._viewport [2] = width;
+      this ._viewport [3] = height;
 
       if (width   === this [_frameBuffer] .getWidth ()   &&
           height  === this [_frameBuffer] .getHeight ()  &&
@@ -122007,7 +122025,7 @@ const X3DSoundContext_default_ = X3DSoundContext;
 x_ite_Namespace .add ("X3DSoundContext", "x_ite/Browser/Sound/X3DSoundContext", X3DSoundContext_default_);
 /* harmony default export */ const Sound_X3DSoundContext = (X3DSoundContext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Texturing/KTXDecoder.js
-/* provided dependency */ var KTXDecoder_$ = __webpack_require__(786);
+/* provided dependency */ var KTXDecoder_$ = __webpack_require__(404);
 const KTXDecoder_default_ = class KTXDecoder
 {
    constructor (gl, externalKtxlib, scriptDir)
@@ -123176,7 +123194,8 @@ function X3DBrowserContext (element)
                           Base_X3DConstants .outputOnly, "timeEvents",     new Fields_SFTime (),
                           Base_X3DConstants .outputOnly, "sensorEvents",   new Fields_SFTime (),
                           Base_X3DConstants .outputOnly, "displayEvents",  new Fields_SFTime (),
-                          Base_X3DConstants .outputOnly, "finishedEvents", new Fields_SFTime ());
+                          Base_X3DConstants .outputOnly, "finishedEvents", new Fields_SFTime (),
+                          Base_X3DConstants .outputOnly, "endEvents",      new Fields_SFTime ());
 
    this [X3DBrowserContext_tainted]        = false;
    this [_previousTime]   = 0;
@@ -123261,6 +123280,10 @@ Object .assign (Object .setPrototypeOf (X3DBrowserContext .prototype, Base_X3DBa
    {
       return this ._finishedEvents;
    },
+   endEvents ()
+   {
+      return this ._endEvents;
+   },
    getBrowser ()
    {
       return this;
@@ -123286,6 +123309,21 @@ Object .assign (Object .setPrototypeOf (X3DBrowserContext .prototype, Base_X3DBa
       this [X3DBrowserContext_tainted]   = true;
       this [_animFrame] = requestAnimationFrame (this [_renderCallback]);
    },
+   nextFrame ()
+   {
+      return new Promise (resolve =>
+      {
+         const key = Symbol ();
+
+         this .addBrowserEvent ();
+
+         this ._endEvents .addFieldCallback (key, () =>
+         {
+            this ._endEvents .removeFieldCallback (key);
+            resolve ();
+         });
+      });
+   },
    [_limitFrameRate] (now)
    {
       if (now > this [_previousTime])
@@ -123314,7 +123352,7 @@ Object .assign (Object .setPrototypeOf (X3DBrowserContext .prototype, Base_X3DBa
       this [_systemTime] .stop ();
       this [_browserTime] .start ();
 
-      // time
+      // Time
 
       this .advanceTime ();
 
@@ -123361,6 +123399,9 @@ Object .assign (Object .setPrototypeOf (X3DBrowserContext .prototype, Base_X3DBa
       this .getFrameBuffer () .blit ();
       this [_displayTime] .stop ();
 
+      this .addTaintedField (this ._endEvents);
+      this [X3DBrowserContext_processEvents] ();
+
       // Finish
 
       this [_browserTime] .stop ();
@@ -123598,7 +123639,7 @@ const Components_default_ = Components;
 x_ite_Namespace .add ("Components", "x_ite/Components", Components_default_);
 /* harmony default export */ const x_ite_Components = ((/* unused pure expression or super */ null && (Components_default_)));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/DOMIntegration.js
-/* provided dependency */ var DOMIntegration_$ = __webpack_require__(786);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(404);
 /*******************************************************************************
  * MIT License
  *
@@ -124866,7 +124907,7 @@ const FieldTypes_default_ = new Configuration_FieldTypesArray (Object .values (x
 x_ite_Namespace .add ("FieldTypes", "x_ite/Configuration/FieldTypes", FieldTypes_default_);
 /* harmony default export */ const FieldTypes = (FieldTypes_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(786);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -125968,7 +126009,7 @@ const X3DBrowser_default_ = X3DBrowser;
 x_ite_Namespace .add ("X3DBrowser", "x_ite/Browser/X3DBrowser", X3DBrowser_default_);
 /* harmony default export */ const Browser_X3DBrowser = (X3DBrowser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/X3DCanvasElement.js
-/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(786);
+/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -126020,13 +126061,19 @@ x_ite_Namespace .add ("X3DBrowser", "x_ite/Browser/X3DBrowser", X3DBrowser_defau
 
 class X3DCanvasElement extends HTMLElement
 {
+   browser;
+
    constructor ()
    {
       try
       {
          super ();
 
-         new Browser_X3DBrowser (this)
+         Object .defineProperty (this, "browser",
+         {
+            value: new Browser_X3DBrowser (this),
+            enumerable: true,
+         });
       }
       catch (error)
       {
@@ -126112,8 +126159,8 @@ const X3DCanvasElement_default_ = X3DCanvasElement;
 x_ite_Namespace .add ("X3DCanvasElement", "x_ite/X3DCanvasElement", X3DCanvasElement_default_);
 /* harmony default export */ const x_ite_X3DCanvasElement = (X3DCanvasElement_default_);
 ;// CONCATENATED MODULE: ./src/lib/jquery.js
-/* provided dependency */ var jquery_$ = __webpack_require__(786);
-/* provided dependency */ var pako = __webpack_require__(826);
+/* provided dependency */ var jquery_$ = __webpack_require__(404);
+/* provided dependency */ var pako = __webpack_require__(976);
 Object .assign (jquery_$,
 {
    decodeText (input)
@@ -126190,14 +126237,14 @@ const jquery_default_ = jquery_$;
 x_ite_Namespace .add ("jquery", "lib/jquery", jquery_default_);
 /* harmony default export */ const jquery = ((/* unused pure expression or super */ null && (jquery_default_)));
 ;// CONCATENATED MODULE: ./src/lib/libtess.js
-/* provided dependency */ var libtess_libtess = __webpack_require__(315);
+/* provided dependency */ var libtess_libtess = __webpack_require__(185);
 const libtess_default_ = libtess_libtess;
 ;
 
 x_ite_Namespace .add ("libtess", "lib/libtess", libtess_default_);
 /* harmony default export */ const lib_libtess = ((/* unused pure expression or super */ null && (libtess_default_)));
 ;// CONCATENATED MODULE: ./src/x_ite/X3D.js
-/* provided dependency */ var X3D_$ = __webpack_require__(786);
+/* provided dependency */ var X3D_$ = __webpack_require__(404);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -126505,7 +126552,7 @@ Object .assign (X3D,
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-10.0.2")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-10.0.4")] = x_ite_X3D;
 
 customElements .define ("x3d-canvas", x_ite_X3DCanvasElement);