x_ite 9.0.3 → 9.1.0

package/dist/x_ite.mjs

@@ -1,9 +1,9 @@
-/* X_ITE v9.0.3 */var __webpack_modules__ = ({
+/* X_ITE v9.1.0 */var __webpack_modules__ = ({
 
-/***/ 746:
+/***/ 91:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(616);
+/* provided dependency */ var jQuery = __webpack_require__(172);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -199,7 +199,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 678:
+/***/ 57:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -213,7 +213,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__(616)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(172)], __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__));
@@ -424,7 +424,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 616:
+/***/ 172:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11148,7 +11148,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 237:
+/***/ 715:
 /***/ ((module) => {
 
 /**
@@ -15927,7 +15927,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 182:
+/***/ 834:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19172,7 +19172,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 115:
+/***/ 235:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -20299,7 +20299,7 @@ Object .defineProperty (Namespace, "add",
       }
       else
       {
-         const X3D = window [Symbol .for ("X_ITE.X3D-9.0.3")];
+         const X3D = window [Symbol .for ("X_ITE.X3D-9.1.0")];
 
          if (X3D)
             X3D [name] = module;
@@ -22186,6 +22186,14 @@ const Events = Object .assign ([ ],
 
       return copy;
    },
+   from (field)
+   {
+      const event = this .create (field);
+
+      event .add (field);
+
+      return event;
+   },
 });
 
 for (const key of Object .keys (Events))
@@ -22915,7 +22923,7 @@ Object .assign (Object .setPrototypeOf (X3DField .prototype, Base_X3DChildObject
       {
          case Base_X3DConstants .initializeOnly:
             reference .addFieldInterest (this);
-            this .assign (reference);
+            this .processEvent (Base_Events .from (reference));
             break;
          case Base_X3DConstants .inputOnly:
             reference .addFieldInterest (this);
@@ -22926,7 +22934,7 @@ Object .assign (Object .setPrototypeOf (X3DField .prototype, Base_X3DChildObject
          case Base_X3DConstants .inputOutput:
             reference .addFieldInterest (this);
             this .addFieldInterest (reference);
-            this .assign (reference);
+            this .processEvent (Base_Events .from (reference));
             break;
       }
 
@@ -23116,16 +23124,16 @@ Object .assign (Object .setPrototypeOf (X3DField .prototype, Base_X3DChildObject
 
          let first = true;
 
-         for (const fieldInterest of this [_fieldInterests])
+         for (const field of this [_fieldInterests])
          {
             if (first)
             {
                first = false;
-               fieldInterest .addEventObject (this, event);
+               field .addEventObject (this, event);
             }
             else
             {
-               fieldInterest .addEventObject (this, Base_Events .copy (event));
+               field .addEventObject (this, Base_Events .copy (event));
             }
          }
 
@@ -23136,8 +23144,8 @@ Object .assign (Object .setPrototypeOf (X3DField .prototype, Base_X3DChildObject
 
          if (this [_fieldCallbacks] .size)
          {
-            for (const fieldCallback of Utility_MapUtilities .values (fieldCallbacksTemp, this [_fieldCallbacks]))
-               fieldCallback (this .valueOf ());
+            for (const callback of Utility_MapUtilities .values (fieldCallbacksTemp, this [_fieldCallbacks]))
+               callback (this .valueOf ());
          }
       };
    })(),
@@ -23147,11 +23155,8 @@ Object .assign (Object .setPrototypeOf (X3DField .prototype, Base_X3DChildObject
    },
    dispose ()
    {
-      this [_references]          .clear ();
-      this [_referencesCallbacks] .clear ();
-      this [_fieldInterests]      .clear ();
-      this [_fieldCallbacks]      .clear ();
-      this [_routeCallbacks]      .clear ();
+      for (const reference of this [_references])
+         reference .removeFieldInterest (this);
 
       for (const route of new Set (this [_inputRoutes]))
          route .dispose ();
@@ -23159,6 +23164,14 @@ Object .assign (Object .setPrototypeOf (X3DField .prototype, Base_X3DChildObject
       for (const route of new Set (this [_outputRoutes]))
          route .dispose ();
 
+      this [_references]          .clear ();
+      this [_referencesCallbacks] .clear ();
+      this [_fieldInterests]      .clear ();
+      this [_fieldCallbacks]      .clear ();
+      this [_inputRoutes]         .clear ();
+      this [_outputRoutes]        .clear ();
+      this [_routeCallbacks]      .clear ();
+
       Base_X3DChildObject .prototype .dispose .call (this);
    }
 });
@@ -24670,26 +24683,61 @@ function SFMatrixPrototypeTemplate (Constructor, TypeName, Matrix, SFVec, double
       {
          this .getValue () .assign (value);
       },
-      setTransform (translation, rotation, scale, scaleOrientation, center)
+      setTransform: (function ()
       {
-         translation      = translation      ? translation      .getValue () : null;
-         rotation         = rotation         ? rotation         .getValue () : null;
-         scale            = scale            ? scale            .getValue () : null;
-         scaleOrientation = scaleOrientation ? scaleOrientation .getValue () : null;
-         center           = center           ? center           .getValue () : null;
+         const args = [ ];
 
-         this .getValue () .set (translation, rotation, scale, scaleOrientation, center);
-      },
-      getTransform (translation, rotation, scale, scaleOrientation, center)
+         return function (translation, rotation, scale, scaleOrientation, center)
+         {
+            args .push (translation      ?.getValue () ?? null,
+                        rotation         ?.getValue () ?? null,
+                        scale            ?.getValue () ?? null,
+                        scaleOrientation ?.getValue () ?? null,
+                        center           ?.getValue () ?? null);
+
+            for (let i = args .length - 1; i > -1; -- i)
+            {
+               if (args [i] !== null)
+                  break;
+
+               args .pop ();
+            }
+
+            this .getValue () .set (... args);
+
+            args .length = 0;
+         };
+      })(),
+      getTransform: (function ()
       {
-         translation      = translation      ? translation      .getValue () : null;
-         rotation         = rotation         ? rotation         .getValue () : null;
-         scale            = scale            ? scale            .getValue () : null;
-         scaleOrientation = scaleOrientation ? scaleOrientation .getValue () : null;
-         center           = center           ? center           .getValue () : null;
+         const args = [ ];
 
-         this .getValue () .get (translation, rotation, scale, scaleOrientation, center);
-      },
+         return function (translation, rotation, scale, scaleOrientation, center)
+         {
+            args .push (translation      ?.getValue () ?? null,
+                        rotation         ?.getValue () ?? null,
+                        scale            ?.getValue () ?? null,
+                        scaleOrientation ?.getValue () ?? null,
+                        center           ?.getValue () ?? null);
+
+            for (let i = args .length - 1; i > -1; -- i)
+            {
+               if (args [i] !== null)
+                  break;
+
+               args .pop ();
+            }
+
+            this .getValue () .get (... args);
+
+            translation      ?.addEvent ();
+            rotation         ?.addEvent ();
+            scale            ?.addEvent ();
+            scaleOrientation ?.addEvent ();
+
+            args .length = 0;
+         };
+      })(),
       determinant ()
       {
          return this .getValue () .determinant ();
@@ -26903,16 +26951,31 @@ function SFMatrix3Template (TypeName, SFVec2, double)
 
    Object .assign (Fields_SFMatrixPrototypeTemplate (SFMatrix3, TypeName, Numbers_Matrix3, SFVec2, double),
    {
-      setTransform (translation, rotation, scale, scaleOrientation, center)
+      setTransform: (function ()
       {
-         translation      = translation      ? translation      .getValue () : null;
-         rotation         = rotation         ? rotation                      : 0;
-         scale            = scale            ? scale            .getValue () : null;
-         scaleOrientation = scaleOrientation ? scaleOrientation              : 0;
-         center           = center           ? center           .getValue () : null;
+         const args = [ ];
 
-         this .getValue () .set (translation, rotation, scale, scaleOrientation, center);
-      },
+         return function (translation, rotation, scale, scaleOrientation, center)
+         {
+            args .push (translation ?.getValue () ?? null,
+                        rotation                  ?? null,
+                        scale       ?.getValue () ?? null,
+                        scaleOrientation          ?? null,
+                        center      ?.getValue () ?? null);
+
+            for (let i = args .length - 1; i > -1; -- i)
+            {
+               if (args [i] !== null)
+                  break;
+
+               args .pop ();
+            }
+
+            this .getValue () .set (... args);
+
+            args .length = 0;
+         };
+      })(),
    });
 
    for (const key of Object .keys (SFMatrix3 .prototype))
@@ -34160,7 +34223,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__(616);
+/* provided dependency */ var $ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -34297,7 +34360,7 @@ x_ite_Namespace .add ("Legacy", "x_ite/Browser/Legacy", Legacy_default_);
  *
  ******************************************************************************/
 
-const BROWSER_VERSION_default_ = "9.0.3";
+const BROWSER_VERSION_default_ = "9.1.0";
 ;
 
 x_ite_Namespace .add ("BROWSER_VERSION", "x_ite/BROWSER_VERSION", BROWSER_VERSION_default_);
@@ -38148,7 +38211,7 @@ const X3DProtoDeclarationNode_default_ = X3DProtoDeclarationNode;
 x_ite_Namespace .add ("X3DProtoDeclarationNode", "x_ite/Prototype/X3DProtoDeclarationNode", X3DProtoDeclarationNode_default_);
 /* harmony default export */ const Prototype_X3DProtoDeclarationNode = (X3DProtoDeclarationNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(616);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -38973,7 +39036,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/VRMLParser.js
-/* provided dependency */ var VRMLParser_$ = __webpack_require__(616);
+/* provided dependency */ var VRMLParser_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -39225,12 +39288,19 @@ Object .assign (Object .setPrototypeOf (VRMLParser .prototype, Parser_X3DParser
          linePos  = 40;
       }
 
-      // Format error
+      // Get world URL.
+
+      let worldURL = this .getExecutionContext () .getWorldURL ();
+
+      if (worldURL .startsWith ("data:"))
+         worldURL = worldURL .substring (0, worldURL .indexOf (","));
+
+      // Format error.
 
       const message = "\n"
          + `********************************************************************************\n`
          + `Parser error at line ${this .lineNumber}:${linePos}\n`
-         + `in '${this .getExecutionContext () .getWorldURL ()}'\n`
+         + `in '${worldURL}'\n`
          + `\n`
          + `${lastLine}\n`
          + `${line}\n`
@@ -41519,7 +41589,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__(616);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -43612,7 +43682,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__(616);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -46913,7 +46983,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__(616);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -47065,7 +47135,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__(616);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -50420,8 +50490,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__(616);
-/* provided dependency */ var libtess = __webpack_require__(237);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(172);
+/* provided dependency */ var libtess = __webpack_require__(715);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -53189,7 +53259,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__(616);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -53526,7 +53596,7 @@ const Plane3_default_ = Plane3;
 x_ite_Namespace .add ("Plane3", "standard/Math/Geometry/Plane3", Plane3_default_);
 /* harmony default export */ const Geometry_Plane3 = (Plane3_default_);
 ;// CONCATENATED MODULE: ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var Triangle3_libtess = __webpack_require__(237);
+/* provided dependency */ var Triangle3_libtess = __webpack_require__(715);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -56605,6 +56675,7 @@ Object .assign (X3DRenderObject .prototype,
                { scissor, clipPlanes, modelViewMatrix, shapeNode, humanoidNode } = renderContext,
                appearanceNode      = shapeNode .getAppearance (),
                geometryContext     = shapeNode .getGeometryContext (),
+               depthModeNode       = appearanceNode .getDepthMode (),
                stylePropertiesNode = appearanceNode .getStyleProperties (geometryContext .geometryType),
                shaderNode          = browser .getPointingShader (clipPlanes .length, shapeNode, humanoidNode),
                id                  = browser .addPointingShape (renderContext);
@@ -56623,10 +56694,13 @@ Object .assign (X3DRenderObject .prototype,
             gl .uniformMatrix4fv (shaderNode .x3d_ModelViewMatrix,  false, modelViewMatrix);
             gl .uniform1f (shaderNode .x3d_Id, id);
 
+            depthModeNode       ?.enable (gl);
             stylePropertiesNode ?.setShaderUniforms (gl, shaderNode);
             humanoidNode        ?.setShaderUniforms (gl, shaderNode);
 
             shapeNode .displaySimple (gl, renderContext, shaderNode);
+
+            depthModeNode ?.disable (gl);
             browser .resetTextureUnits ();
          }
       };
@@ -59324,13 +59398,14 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
    displayGeometry (gl, renderContext, appearanceNode, shaderNode, back, front)
    {
       const
-         browser       = this .getBrowser (),
-         blendModeNode = appearanceNode .getBlendMode (),
-         attribNodes   = this .attribNodes,
-         attribBuffers = this .attribBuffers,
-         primitiveMode = browser .getPrimitiveMode (this .primitiveMode);
+         browser         = this .getBrowser (),
+         renderModeNodes = appearanceNode .getRenderModes (),
+         attribNodes     = this .attribNodes,
+         attribBuffers   = this .attribBuffers,
+         primitiveMode   = browser .getPrimitiveMode (this .primitiveMode);
 
-      blendModeNode ?.enable (gl);
+      for (const node of renderModeNodes)
+         node .enable (gl);
 
       shaderNode .enable (gl);
       shaderNode .setUniforms (gl, this, renderContext, front);
@@ -59404,7 +59479,8 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
          }
       }
 
-      blendModeNode ?.disable (gl);
+      for (const node of renderModeNodes)
+         node .disable (gl);
    },
    displaySimpleParticles (gl, shaderNode, particleSystem)
    {
@@ -59447,13 +59523,14 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
    displayParticlesGeometry (gl, renderContext, appearanceNode, shaderNode, back, front, particleSystem)
    {
       const
-         browser       = this .getBrowser (),
-         blendModeNode = appearanceNode .getBlendMode (),
-         attribNodes   = this .attribNodes,
-         attribBuffers = this .attribBuffers,
-         primitiveMode = browser .getPrimitiveMode (this .primitiveMode);
+         browser         = this .getBrowser (),
+         renderModeNodes = appearanceNode .getRenderModes (),
+         attribNodes     = this .attribNodes,
+         attribBuffers   = this .attribBuffers,
+         primitiveMode   = browser .getPrimitiveMode (this .primitiveMode);
 
-      blendModeNode ?.enable (gl);
+      for (const node of renderModeNodes)
+         node .enable (gl);
 
       // Setup shader.
 
@@ -59523,7 +59600,8 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
          gl .drawArraysInstanced (primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
       }
 
-      blendModeNode ?.disable (gl);
+      for (const node of renderModeNodes)
+         node .disable (gl);
    },
 });
 
@@ -61025,7 +61103,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__(616);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -65612,7 +65690,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__(616);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -68067,14 +68145,13 @@ Object .assign (Object .setPrototypeOf (X3DPrototypeInstance .prototype, Core_X3
    },
    construct ()
    {
-      this [X3DPrototypeInstance_body] ?.dispose ();
-
       const
          protoNode = this [_protoNode],
          proto     = protoNode .getProtoDeclaration ();
 
-      // Assign field definitions.
+      // Dispose body and assign field definitions.
 
+      this [X3DPrototypeInstance_body] ?.dispose ();
       this [X3DPrototypeInstance_fieldDefinitions] .assign (protoNode .getFieldDefinitions ());
 
       // If there is a proto, the externproto is completely loaded.
@@ -68120,10 +68197,11 @@ Object .assign (Object .setPrototypeOf (X3DPrototypeInstance .prototype, Core_X3
                if (field .hasReferences ())
                   continue;
 
+               // Default value of protoField is different from field.
                if (field .equals (protoField))
                   continue;
 
-               // If default value of protoField is different from field, thus update default value for field.
+               // Update default value of field.
                field .assign (protoField);
             }
             catch
@@ -68188,16 +68266,44 @@ Object .assign (Object .setPrototypeOf (X3DPrototypeInstance .prototype, Core_X3
          if (!oldField)
             continue;
 
+         if (oldField .getType () !== newField .getType ())
+            continue;
+
          oldField .addParent (this);
          oldField .setAccessType (newField .getAccessType ());
          oldField .setName (newField .getName ());
 
+         const references = new Set (oldField .getReferences ());
+
+         // Remove references and routes.
+         for (const field of oldField .getFieldInterests ())
+            oldField .removeFieldInterest (field);
+
+         // Readd references.
+         for (const field of references)
+         {
+            oldField .removeReference (field);
+            oldField .addReference (field);
+         }
+
+         // Reconnect routes.
+         for (const route of oldField .getInputRoutes ())
+            route .getSourceField () .addFieldInterest (route .getDestinationField ());
+
+         // Reconnect routes.
+         for (const route of oldField .getOutputRoutes ())
+            route .getSourceField () .addFieldInterest (route .getDestinationField ());
+
+         // Replace field, ie. reuse old field.
          this .getPredefinedFields () .update (newField .getName (), newField .getName (), oldField);
 
+         // Remove from old fields and dispose new field.
          oldFields .delete (oldFieldName);
          newField .dispose ();
       }
 
+      // Dispose unused old fields.
+
       for (const oldField of oldFields .values ())
          oldField .dispose ();
 
@@ -84350,6 +84456,9 @@ Object .assign (Object .setPrototypeOf (CylinderSensor .prototype, PointingDevic
    {
       PointingDeviceSensor_X3DDragSensorNode .prototype .initialize .call (this);
 
+      this ._axisRotation .addInterest ("set_fields__", this);
+      this ._diskAngle    .addInterest ("set_fields__", this);
+
       this .modelViewMatrix    = new Numbers_Matrix4 ();
       this .invModelViewMatrix = new Numbers_Matrix4 ();
 
@@ -84399,71 +84508,87 @@ Object .assign (Object .setPrototypeOf (CylinderSensor .prototype, PointingDevic
    {
       if (rotation .getAxis (new Numbers_Vector3 (0, 0, 0)) .dot (this .cylinder .axis .direction) > 0)
          return rotation .angle;
-
       else
          return -rotation .angle;
    },
+   set_fields__ ()
+   {
+      if (!this ._isActive .getValue ())
+         return;
+
+      this .activate (this .activateHit);
+      this .set_motion__ (this .motionHit ?? this .activateHit);
+   },
    set_active__ (active, hit, modelViewMatrix, projectionMatrix, viewport)
    {
       PointingDeviceSensor_X3DDragSensorNode .prototype .set_active__ .call (this, active, hit, modelViewMatrix, projectionMatrix, viewport);
 
       if (this ._isActive .getValue ())
       {
+         this .activateHit = hit .copy ();
+         this .motionHit   = null;
+
          this .modelViewMatrix    .assign (modelViewMatrix);
          this .invModelViewMatrix .assign (modelViewMatrix) .inverse ();
 
-         const
-            hitRay   = hit .hitRay .copy () .multLineMatrix (this .invModelViewMatrix),
-            hitPoint = this .invModelViewMatrix .multVecMatrix (hit .point .copy ());
+         this .activate (hit);
+      }
+      else
+      {
+         if (this ._autoOffset .getValue ())
+            this ._offset = this .getAngle (this ._rotation_changed .getValue ());
+      }
+   },
+   activate (hit)
+   {
+      const
+         hitRay   = hit .hitRay .copy () .multLineMatrix (this .invModelViewMatrix),
+         hitPoint = this .invModelViewMatrix .multVecMatrix (hit .point .copy ());
 
-         const
-            yAxis      = this ._axisRotation .getValue () .multVecRot (new Numbers_Vector3 (0, 1, 0)),
-            cameraBack = this .invModelViewMatrix .multDirMatrix (new Numbers_Vector3 (0, 0, 1)) .normalize ();
+      const
+         yAxis      = this ._axisRotation .getValue () .multVecRot (new Numbers_Vector3 (0, 1, 0)),
+         cameraBack = this .invModelViewMatrix .multDirMatrix (new Numbers_Vector3 (0, 0, 1)) .normalize ();
 
-         const
-            axis   = new Geometry_Line3 (new Numbers_Vector3 (0, 0, 0), yAxis),
-            radius = axis .getPerpendicularVectorToPoint (hitPoint, new Numbers_Vector3 (0, 0, 0)) .magnitude ();
+      const
+         axis   = new Geometry_Line3 (new Numbers_Vector3 (0, 0, 0), yAxis),
+         radius = axis .getPerpendicularVectorToPoint (hitPoint, new Numbers_Vector3 (0, 0, 0)) .magnitude ();
 
-         this .cylinder = new Geometry_Cylinder3 (axis, radius);
-         this .disk     = Math .abs (cameraBack .dot (yAxis)) > Math .cos (this ._diskAngle .getValue ());
-         this .behind   = this .isBehind (hitRay, hitPoint);
-         this .yPlane   = new Geometry_Plane3 (hitPoint, yAxis);             // Sensor aligned y-plane
-         this .zPlane   = new Geometry_Plane3 (hitPoint, cameraBack);        // Screen aligned z-plane
+      this .cylinder = new Geometry_Cylinder3 (axis, radius);
+      this .disk     = Math .abs (cameraBack .dot (yAxis)) > Math .cos (this ._diskAngle .getValue ());
+      this .behind   = this .isBehind (hitRay, hitPoint);
+      this .yPlane   = new Geometry_Plane3 (hitPoint, yAxis);             // Sensor aligned y-plane
+      this .zPlane   = new Geometry_Plane3 (hitPoint, cameraBack);        // Screen aligned z-plane
 
-         // Compute normal like in Billboard with yAxis as axis of rotation.
-         const
-            billboardToViewer = this .invModelViewMatrix .origin,
-            sxNormal          = yAxis .copy () .cross (billboardToViewer) .normalize ();
+      // Compute normal like in Billboard with yAxis as axis of rotation.
+      const
+         billboardToViewer = this .invModelViewMatrix .origin,
+         sxNormal          = yAxis .copy () .cross (billboardToViewer) .normalize ();
 
-         this .sxPlane  = new Geometry_Plane3 (new Numbers_Vector3 (0, 0, 0), sxNormal);   // Billboarded special x-plane made parallel to sensors axis.
-         this .szNormal = sxNormal .copy () .cross (yAxis) .normalize (); // Billboarded special z-normal made parallel to sensors axis.
+      this .sxPlane  = new Geometry_Plane3 (new Numbers_Vector3 (0, 0, 0), sxNormal);   // Billboarded special x-plane made parallel to sensors axis.
+      this .szNormal = sxNormal .copy () .cross (yAxis) .normalize (); // Billboarded special z-normal made parallel to sensors axis.
 
-         const trackPoint = new Numbers_Vector3 (0, 0, 0);
+      const trackPoint = new Numbers_Vector3 (0, 0, 0);
 
-         if (this .disk)
-            this .yPlane .intersectsLine (hitRay, trackPoint);
-         else
-            this .getTrackPoint (hitRay, trackPoint);
+      if (this .disk)
+         this .yPlane .intersectsLine (hitRay, trackPoint);
+      else
+         this .getTrackPoint (hitRay, trackPoint);
 
-         this .fromVector  = this .cylinder .axis .getPerpendicularVectorToPoint (trackPoint, new Numbers_Vector3 (0, 0, 0)) .negate ();
-         this .startOffset = new Numbers_Rotation4 (yAxis, this ._offset .getValue ());
+      this .fromVector  = this .cylinder .axis .getPerpendicularVectorToPoint (trackPoint, new Numbers_Vector3 (0, 0, 0)) .negate ();
+      this .startOffset = new Numbers_Rotation4 (yAxis, this ._offset .getValue ());
 
-         this ._trackPoint_changed = trackPoint;
-         this ._rotation_changed   = this .startOffset;
+      this ._trackPoint_changed = trackPoint;
+      this ._rotation_changed   = this .startOffset;
 
-         // For min/max angle.
+      // For min/max angle.
 
-         this .angle       = this ._offset .getValue ();
-         this .startVector = this ._rotation_changed .getValue () .multVecRot (this ._axisRotation .getValue () .multVecRot (new Numbers_Vector3 (0, 0, 1)));
-      }
-      else
-      {
-         if (this ._autoOffset .getValue ())
-            this ._offset = this .getAngle (this ._rotation_changed .getValue ());
-      }
+      this .angle       = this ._offset .getValue ();
+      this .startVector = this ._rotation_changed .getValue () .multVecRot (this ._axisRotation .getValue () .multVecRot (new Numbers_Vector3 (0, 0, 1)));
    },
    set_motion__ (hit)
    {
+      this .motionHit = hit .copy ();
+
       const
          hitRay     = hit .hitRay .copy () .multLineMatrix (this .invModelViewMatrix),
          trackPoint = new Numbers_Vector3 (0, 0, 0);
@@ -84826,6 +84951,10 @@ Object .assign (Object .setPrototypeOf (PlaneSensor .prototype, PointingDeviceSe
    {
       PointingDeviceSensor_X3DDragSensorNode .prototype .initialize .call (this);
 
+      this ._axisRotation .addInterest ("set_fields__", this);
+      this ._minPosition  .addInterest ("set_fields__", this);
+      this ._maxPosition  .addInterest ("set_fields__", this);
+
       this .modelViewMatrix    = new Numbers_Matrix4 ();
       this .invModelViewMatrix = new Numbers_Matrix4 ();
       this .projectionMatrix   = new Numbers_Matrix4 ();
@@ -84837,86 +84966,101 @@ Object .assign (Object .setPrototypeOf (PlaneSensor .prototype, PointingDeviceSe
       this .startOffset = new Numbers_Vector3 (0, 0, 0);
       this .startPoint  = new Numbers_Vector3 (0, 0, 0);
    },
-   getLineTrackPoint (hit, line, trackPoint)
+   getLineTrackPoint (pointer, line, trackPoint)
    {
       Geometry_ViewVolume .projectLine (line, this .modelViewMatrix, this .projectionMatrix, this .viewport, screenLine);
-      screenLine .getClosestPointToPoint (hit .pointer, trackPoint1);
+      screenLine .getClosestPointToPoint (pointer, trackPoint1);
       Geometry_ViewVolume .unProjectRay (trackPoint1 .x, trackPoint1 .y, this .modelViewMatrix, this .projectionMatrix, this .viewport, trackPointLine);
 
       return line .getClosestPointToLine (trackPointLine, trackPoint);
    },
+   set_fields__ ()
+   {
+      if (!this ._isActive .getValue ())
+         return;
+
+      this .activate (this .activateHit);
+      this .set_motion__ (this .motionHit ?? this .activateHit);
+   },
    set_active__ (active, hit, modelViewMatrix, projectionMatrix, viewport)
    {
       PointingDeviceSensor_X3DDragSensorNode .prototype .set_active__ .call (this, active, hit, modelViewMatrix, projectionMatrix, viewport);
 
       if (this ._isActive .getValue ())
       {
+         this .activateHit = hit .copy ();
+         this .motionHit   = null;
+
          this .modelViewMatrix    .assign (modelViewMatrix);
          this .projectionMatrix   .assign (projectionMatrix);
          this .viewport           .assign (viewport);
          this .invModelViewMatrix .assign (modelViewMatrix) .inverse ();
 
-         const
-            hitRay   = hit .hitRay .copy () .multLineMatrix (this .invModelViewMatrix),
-            hitPoint = this .invModelViewMatrix .multVecMatrix (hit .point .copy ());
+         this .activate (hit);
+      }
+      else
+      {
+         if (this ._autoOffset .getValue ())
+            this ._offset = this ._translation_changed;
+      }
+   },
+   activate (hit)
+   {
+      const
+         hitRay   = hit .hitRay .copy () .multLineMatrix (this .invModelViewMatrix),
+         hitPoint = this .invModelViewMatrix .multVecMatrix (hit .point .copy ());
 
-         const axisRotation = this ._axisRotation .getValue ();
+      const axisRotation = this ._axisRotation .getValue ();
 
-         if (this ._minPosition .x === this ._maxPosition .x)
-         {
-            this .planeSensor = false;
+      if (this ._minPosition .x === this ._maxPosition .x)
+      {
+         this .planeSensor = false;
 
-            const direction = axisRotation .multVecRot (new Numbers_Vector3 (0, Math .abs (this ._maxPosition .y - this ._minPosition .y), 0));
+         const direction = axisRotation .multVecRot (new Numbers_Vector3 (0, Math .abs (this ._maxPosition .y - this ._minPosition .y), 0));
 
-            this .line = new Geometry_Line3 (hitPoint, direction .normalize ());
-         }
-         else if (this ._minPosition .y === this ._maxPosition .y)
-         {
-            this .planeSensor = false;
+         this .line = new Geometry_Line3 (hitPoint, direction .normalize ());
+      }
+      else if (this ._minPosition .y === this ._maxPosition .y)
+      {
+         this .planeSensor = false;
 
-            const direction = axisRotation .multVecRot (new Numbers_Vector3 (Math .abs (this ._maxPosition .x - this ._minPosition .x), 0, 0));
+         const direction = axisRotation .multVecRot (new Numbers_Vector3 (Math .abs (this ._maxPosition .x - this ._minPosition .x), 0, 0));
 
-            this .line = new Geometry_Line3 (hitPoint, direction .normalize ());
-         }
-         else
+         this .line = new Geometry_Line3 (hitPoint, direction .normalize ());
+      }
+      else
+      {
+         this .planeSensor = true;
+         this .plane       = new Geometry_Plane3 (hitPoint, axisRotation .multVecRot (new Numbers_Vector3 (0, 0, 1)));
+      }
+
+      if (this .planeSensor)
+      {
+         if (this .plane .intersectsLine (hitRay, this .startPoint))
          {
-            this .planeSensor = true;
-            this .plane       = new Geometry_Plane3 (hitPoint, axisRotation .multVecRot (new Numbers_Vector3 (0, 0, 1)));
+            this .trackStart (this .startPoint);
          }
 
-         if (this .planeSensor)
+         // new Plane3 (new Vector3 (0, 0, 0), this .plane .normal) .intersectsLine (hitRay, trackPoint);
+      }
+      else
+      {
+         if (this .getLineTrackPoint (hit .pointer, this .line, this .startPoint))
          {
-            if (this .plane .intersectsLine (hitRay, this .startPoint))
+            const trackPoint = new Numbers_Vector3 (0, 0, 0);
+
+            try
             {
-               this .trackStart (this .startPoint);
+               this .getLineTrackPoint (hit .pointer, new Geometry_Line3 (this .line .direction, this .line .direction), trackPoint);
             }
-
-//						new Plane3 (new Vector3 (0, 0, 0), this .plane .normal) .intersectsLine (hitRay, trackPoint);
-         }
-         else
-         {
-            if (this .getLineTrackPoint (hit, this .line, this .startPoint))
+            catch
             {
-               const trackPoint = new Numbers_Vector3 (0, 0, 0);
-
-               try
-               {
-                  this .getLineTrackPoint (hit, new Geometry_Line3 (this .line .direction, this .line .direction), trackPoint);
-               }
-               catch
-               {
-                  trackPoint .assign (this .startPoint);
-               }
-
-               this .trackStart (trackPoint);
+               trackPoint .assign (this .startPoint);
             }
+
+            this .trackStart (trackPoint);
          }
       }
-      else
-      {
-         if (this ._autoOffset .getValue ())
-            this ._offset = this ._translation_changed;
-      }
    },
    trackStart (trackPoint)
    {
@@ -84929,6 +85073,8 @@ Object .assign (Object .setPrototypeOf (PlaneSensor .prototype, PointingDeviceSe
    {
       try
       {
+         this .motionHit = hit .copy ();
+
          if (this .planeSensor)
          {
             const
@@ -84936,9 +85082,7 @@ Object .assign (Object .setPrototypeOf (PlaneSensor .prototype, PointingDeviceSe
                endPoint = new Numbers_Vector3 (0, 0, 0);
 
             if (this .plane .intersectsLine (hitRay, endPoint))
-            {
                this .track (endPoint, endPoint .copy ());
-            }
             else
                throw new Error ("Plane and line are parallel.");
          }
@@ -84948,11 +85092,11 @@ Object .assign (Object .setPrototypeOf (PlaneSensor .prototype, PointingDeviceSe
                endPoint   = new Numbers_Vector3 (0, 0, 0),
                trackPoint = new Numbers_Vector3 (0, 0, 0);
 
-            if (this .getLineTrackPoint (hit, this .line, endPoint))
+            if (this .getLineTrackPoint (hit .pointer, this .line, endPoint))
             {
                try
                {
-                  this .getLineTrackPoint (hit, new Geometry_Line3 (Numbers_Vector3 .Zero, this .line .direction), trackPoint);
+                  this .getLineTrackPoint (hit .pointer, new Geometry_Line3 (Numbers_Vector3 .Zero, this .line .direction), trackPoint);
                }
                catch
                {
@@ -84962,7 +85106,9 @@ Object .assign (Object .setPrototypeOf (PlaneSensor .prototype, PointingDeviceSe
                this .track (endPoint, trackPoint);
             }
             else
+            {
                throw new Error ("Lines are parallel.");
+            }
          }
       }
       catch
@@ -86751,7 +86897,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
             appearanceNode     = renderContext .appearanceNode,
             linePropertiesNode = appearanceNode .getLineProperties (),
             shaderNode         = appearanceNode .getShader (this, renderContext),
-            blendModeNode      = appearanceNode .getBlendMode (),
+            renderModeNodes    = appearanceNode .getRenderModes (),
             attribNodes        = this .getAttrib (),
             attribBuffers      = this .getAttribBuffers ();
 
@@ -86859,7 +87005,8 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
 
                // Render triangles.
 
-               blendModeNode ?.enable (gl);
+               for (const node of renderModeNodes)
+                  node .enable (gl);
 
                // Setup shader.
 
@@ -86903,7 +87050,8 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
                gl .enable (gl .CULL_FACE);
                gl .drawArrays (primitiveMode, 0, this .vertexCount * 3);
 
-               blendModeNode ?.disable (gl);
+               for (const node of renderModeNodes)
+                  node .disable (gl);
 
                return;
             }
@@ -86911,7 +87059,8 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
 
          const primitiveMode = browser .getPrimitiveMode (this .getPrimitiveMode ());
 
-         blendModeNode ?.enable (gl);
+         for (const node of renderModeNodes)
+            node .enable (gl);
 
          // Setup shader.
 
@@ -86944,7 +87093,8 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
 
          gl .drawArrays (primitiveMode, 0, this .vertexCount);
 
-         blendModeNode ?.disable (gl);
+         for (const node of renderModeNodes)
+            node .disable (gl);
 
          gl .lineWidth (1);
       };
@@ -86952,15 +87102,16 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
    displayParticles (gl, renderContext, particleSystem)
    {
       const
-         browser        = this .getBrowser (),
-         appearanceNode = renderContext .appearanceNode,
-         shaderNode     = appearanceNode .getShader (this, renderContext),
-         blendModeNode  = appearanceNode .getBlendMode (),
-         attribNodes    = this .getAttrib (),
-         attribBuffers  = this .getAttribBuffers (),
-         primitiveMode  = browser .getPrimitiveMode (this .getPrimitiveMode ());
+         browser         = this .getBrowser (),
+         appearanceNode  = renderContext .appearanceNode,
+         shaderNode      = appearanceNode .getShader (this, renderContext),
+         renderModeNodes = appearanceNode .getRenderModes (),
+         attribNodes     = this .getAttrib (),
+         attribBuffers   = this .getAttribBuffers (),
+         primitiveMode   = browser .getPrimitiveMode (this .getPrimitiveMode ());
 
-      blendModeNode ?.enable (gl);
+      for (const node of renderModeNodes)
+         node .enable (gl);
 
       // Setup shader.
 
@@ -86999,7 +87150,8 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
 
       gl .drawArraysInstanced (primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
 
-      blendModeNode ?.disable (gl);
+      for (const node of renderModeNodes)
+         node .disable (gl);
 
       gl .lineWidth (1);
    },
@@ -88366,13 +88518,14 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
    display (gl, renderContext)
    {
       const
-         appearanceNode = renderContext .appearanceNode,
-         shaderNode     = appearanceNode .getShader (this, renderContext),
-         blendModeNode  = appearanceNode .getBlendMode (),
-         attribNodes    = this .getAttrib (),
-         attribBuffers  = this .getAttribBuffers ();
+         appearanceNode  = renderContext .appearanceNode,
+         shaderNode      = appearanceNode .getShader (this, renderContext),
+         renderModeNodes = appearanceNode .getRenderModes (),
+         attribNodes     = this .getAttrib (),
+         attribBuffers   = this .getAttribBuffers ();
 
-      blendModeNode ?.enable (gl);
+      for (const node of renderModeNodes)
+         node .enable (gl);
 
       // Setup shader.
 
@@ -88403,18 +88556,20 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
 
       gl .drawArrays (this .primitiveMode, 0, this .vertexCount);
 
-      blendModeNode ?.disable (gl);
+      for (const node of renderModeNodes)
+         node .disable (gl);
    },
    displayParticles (gl, renderContext, particleSystem)
    {
       const
-         appearanceNode = renderContext .appearanceNode,
-         shaderNode     = appearanceNode .getShader (this, renderContext),
-         blendModeNode  = appearanceNode .getBlendMode (),
-         attribNodes    = this .getAttrib (),
-         attribBuffers  = this .getAttribBuffers ();
+         appearanceNode  = renderContext .appearanceNode,
+         shaderNode      = appearanceNode .getShader (this, renderContext),
+         renderModeNodes = appearanceNode .getRenderModes (),
+         attribNodes     = this .getAttrib (),
+         attribBuffers   = this .getAttribBuffers ();
 
-      blendModeNode ?.enable (gl);
+      for (const node of renderModeNodes)
+         node .enable (gl);
 
       // Setup shader.
 
@@ -88453,7 +88608,8 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
 
       gl .drawArraysInstanced (this .primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
 
-      blendModeNode ?.disable (gl);
+      for (const node of renderModeNodes)
+         node .disable (gl);
    },
 });
 
@@ -89350,7 +89506,7 @@ const X3DShaderNode_default_ = X3DShaderNode;
 x_ite_Namespace .add ("X3DShaderNode", "x_ite/Components/Shaders/X3DShaderNode", X3DShaderNode_default_);
 /* harmony default export */ const Shaders_X3DShaderNode = (X3DShaderNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js
-/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(616);
+/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -94991,7 +95147,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__(616);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -95648,7 +95804,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__(616);
+/* provided dependency */ var Appearance_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -95715,6 +95871,7 @@ function Appearance (executionContext)
    this .textureTransformMapping = new Map ();
    this .textureBits             = new Utility_BitSet ();
    this .shaderNodes             = [ ];
+   this .renderModeNodes         = [ ];
 }
 
 Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearanceNode .prototype),
@@ -95737,7 +95894,8 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
       this ._texture          .addInterest ("set_texture__",          this);
       this ._textureTransform .addInterest ("set_textureTransform__", this);
       this ._shaders          .addInterest ("set_shaders__",          this);
-      this ._blendMode        .addInterest ("set_blendMode__",        this);
+      this ._blendMode        .addInterest ("set_renderModes__",      this);
+      this ._depthMode        .addInterest ("set_renderModes__",      this);
 
       this ._alphaMode      .addInterest ("set_transparent__", this);
       this ._fillProperties .addInterest ("set_transparent__", this);
@@ -95754,7 +95912,7 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
       this .set_texture__ ();
       this .set_textureTransform__ ();
       this .set_shaders__ ();
-      this .set_blendMode__ ();
+      this .set_renderModes__ ();
       this .set_transparent__ ();
    },
    getAlphaMode ()
@@ -95818,9 +95976,13 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
    {
       return this .backMaterialNode .getShader (geometryContext, renderContext);
    },
-   getBlendMode ()
+   getRenderModes ()
+   {
+      return this .renderModeNodes;
+   },
+   getDepthMode ()
    {
-      return this .blendModeNode;
+      return this .depthModeNode;
    },
    set_contentScale__ ()
    {
@@ -96025,9 +96187,15 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
          }
       };
    })(),
-   set_blendMode__ ()
+   set_renderModes__ ()
    {
-      this .blendModeNode = Base_X3DCast (Base_X3DConstants .BlendMode, this ._blendMode);
+      this .renderModeNodes .length = 0;
+
+      this .blendModeNode = Base_X3DCast (Base_X3DConstants .BlendMode, this ._blendMode),
+      this .depthModeNode = Base_X3DCast (Base_X3DConstants .DepthMode, this ._depthMode);
+
+      if (this .blendModeNode) this .renderModeNodes .push (this .blendModeNode);
+      if (this .depthModeNode) this .renderModeNodes .push (this .depthModeNode);
    },
    set_transparent__ ()
    {
@@ -96081,6 +96249,7 @@ Object .defineProperties (Appearance,
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "textureTransform",   new x_ite_Fields .SFNode ()),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "shaders",            new x_ite_Fields .MFNode ()),
          new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "blendMode",          new x_ite_Fields .SFNode ()),
+         new Base_X3DFieldDefinition (Base_X3DConstants .inputOutput, "depthMode",          new x_ite_Fields .SFNode ()),
       ]),
       enumerable: true,
    },
@@ -99053,7 +99222,7 @@ const Components_Shape_default_ = {
 x_ite_Namespace .add ("Shape", "x_ite/Components/Shape", Components_Shape_default_);
 /* harmony default export */ const Components_Shape = (Components_Shape_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/X3DSoundProcessingNode.js
-/* provided dependency */ var X3DSoundProcessingNode_$ = __webpack_require__(616);
+/* provided dependency */ var X3DSoundProcessingNode_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -99693,7 +99862,7 @@ const X3DSoundSourceNode_default_ = X3DSoundSourceNode;
 x_ite_Namespace .add ("X3DSoundSourceNode", "x_ite/Components/Sound/X3DSoundSourceNode", X3DSoundSourceNode_default_);
 /* harmony default export */ const Sound_X3DSoundSourceNode = (X3DSoundSourceNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/AudioClip.js
-/* provided dependency */ var AudioClip_$ = __webpack_require__(616);
+/* provided dependency */ var AudioClip_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -99995,7 +100164,7 @@ const X3DSoundNode_default_ = X3DSoundNode;
 x_ite_Namespace .add ("X3DSoundNode", "x_ite/Components/Sound/X3DSoundNode", X3DSoundNode_default_);
 /* harmony default export */ const Sound_X3DSoundNode = (X3DSoundNode_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/X3DSoundDestinationNode.js
-/* provided dependency */ var X3DSoundDestinationNode_$ = __webpack_require__(616);
+/* provided dependency */ var X3DSoundDestinationNode_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -101645,7 +101814,7 @@ const ListenerPointSource_default_ = ListenerPointSource;
 x_ite_Namespace .add ("ListenerPointSource", "x_ite/Components/Sound/ListenerPointSource", ListenerPointSource_default_);
 /* harmony default export */ const Sound_ListenerPointSource = (ListenerPointSource_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Sound/MicrophoneSource.js
-/* provided dependency */ var MicrophoneSource_$ = __webpack_require__(616);
+/* provided dependency */ var MicrophoneSource_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -103314,8 +103483,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__(616);
-/* provided dependency */ var SuperGif = __webpack_require__(115);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(172);
+/* provided dependency */ var SuperGif = __webpack_require__(235);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -106593,7 +106762,7 @@ const gettext_default_ = gettext;
 x_ite_Namespace .add ("gettext", "locale/gettext", gettext_default_);
 /* harmony default export */ const locale_gettext = (gettext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var BrowserTimings_$ = __webpack_require__(616);
+/* provided dependency */ var BrowserTimings_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107023,7 +107192,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__(616);
+/* provided dependency */ var BrowserOptions_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107613,7 +107782,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__(616);
+/* provided dependency */ var Notification_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107736,8 +107905,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__(746);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(616);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(91);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -109495,12 +109664,12 @@ Object .assign (Object .setPrototypeOf (X3DScene .prototype, Execution_X3DExecut
          throw new Error ("Couldn't add metadata: name is empty.");
 
       if (!Array .isArray (values))
-         values = [String (values)];
+         values = [values];
 
       if (!values .length)
          throw new Error ("Couldn't add metadata: values length is 0.");
 
-      this [_metadata] .set (name, values .map (value => String (value)));
+      this [_metadata] .set (name, values .map (String));
 
       this ._metadata_changed = this .getBrowser () .getCurrentTime ();
    },
@@ -110488,7 +110657,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__(616);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -112553,8 +112722,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__(678);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(616);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(57);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -113426,8 +113595,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__(678);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(616);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(57);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -114436,8 +114605,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__(678);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(616);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(57);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -114768,8 +114937,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__(678);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(616);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(57);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115908,8 +116077,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__(678);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(616);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(57);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116466,6 +116635,22 @@ function X3DPointingDeviceSensorContext ()
       texCoord: new Numbers_Vector4 (0, 0, 0, 0),
       layerNode: null,
       shapeNode: null,
+      copy ()
+      {
+         return {
+            id: this .id,
+            pointer: this .pointer .copy (),
+            hitRay: this .hitRay .copy (),
+            sensors: this .sensors .slice (),
+            modelViewMatrix: this .modelViewMatrix .copy (),
+            point: this .point .copy (),
+            normal: this .normal .copy (),
+            texCoord: this .texCoord .copy (),
+            layerNode: this .layerNode,
+            shapeNode: this .shapeNode,
+            copy: this .copy,
+         };
+      },
    };
 }
 
@@ -117172,7 +117357,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__(616);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118075,7 +118260,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__(616);
+/* provided dependency */ var KTXDecoder_$ = __webpack_require__(172);
 const KTXDecoder_default_ = class KTXDecoder
 {
    constructor (gl, externalKtxlib, scriptDir)
@@ -119628,7 +119813,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__(616);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(172);
 /*******************************************************************************
  * MIT License
  *
@@ -120767,7 +120952,7 @@ const SupportedProfiles_default_ = SupportedProfiles;
 x_ite_Namespace .add ("SupportedProfiles", "x_ite/Configuration/SupportedProfiles", SupportedProfiles_default_);
 /* harmony default export */ const Configuration_SupportedProfiles = (SupportedProfiles_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(616);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -121848,7 +122033,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__(616);
+/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -121980,8 +122165,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__(616);
-/* provided dependency */ var pako = __webpack_require__(182);
+/* provided dependency */ var jquery_$ = __webpack_require__(172);
+/* provided dependency */ var pako = __webpack_require__(834);
 Object .assign (jquery_$,
 {
    decodeText (input)
@@ -122058,14 +122243,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__(237);
+/* provided dependency */ var libtess_libtess = __webpack_require__(715);
 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__(616);
+/* provided dependency */ var X3D_$ = __webpack_require__(172);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -122459,7 +122644,7 @@ x_ite_Namespace .add ("shim", "shim", shim_default_);
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-9.0.3")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-9.1.0")] = x_ite_X3D;
 
 customElements .define ("x3d-canvas", x_ite_X3DCanvasElement);