x_ite 10.4.2 → 10.5.0

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v10.4.2 */
+/* X_ITE v10.5.0 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
@@ -12,10 +12,10 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 123:
+/***/ 306:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(375);
+/* provided dependency */ var jQuery = __webpack_require__(386);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -211,7 +211,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 415:
+/***/ 336:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -225,7 +225,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__(375)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(386)], __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__));
@@ -436,7 +436,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 375:
+/***/ 386:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11160,7 +11160,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 660:
+/***/ 475:
 /***/ ((module) => {
 
 /**
@@ -15939,7 +15939,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 671:
+/***/ 514:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19184,7 +19184,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 776:
+/***/ 141:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -20311,7 +20311,7 @@ Object .defineProperty (Namespace, "add",
          return module;
       }
 
-      const X3D = window [Symbol .for ("X_ITE.X3D-10.4.2")];
+      const X3D = window [Symbol .for ("X_ITE.X3D-10.5.0")];
 
       if (X3D)
          X3D [name] = module;
@@ -20567,6 +20567,10 @@ const Algorithm =
 
       return value;
    },
+   project (value, fromLow, fromHigh, toLow, toHigh)
+   {
+      return toLow + ((value - fromLow) / (fromHigh - fromLow)) * (toHigh - toLow);
+   },
    roundToMultiple (value, multiple)
    {
       return Math .ceil (value / multiple) * multiple;
@@ -24946,6 +24950,8 @@ const SFMatrixPrototypeTemplate_default_ = SFMatrixPrototypeTemplate;
  *
  ******************************************************************************/
 
+
+
 function Vector2 (x = 0, y = 0)
 {
    this .x = x;
@@ -25106,6 +25112,11 @@ Object .assign (Vector2 .prototype,
       this .y = y;
       return this;
    },
+   clamp (min, max)
+   {
+      this .x = Math_Algorithm .clamp (this .x, min .x, max .x);
+      this .y = Math_Algorithm .clamp (this .y, min .y, max .y);
+   },
    toString ()
    {
       return this .x + " " +
@@ -25398,6 +25409,12 @@ Object .assign (Vector3 .prototype,
       this .z = z;
       return this;
    },
+   clamp (min, max)
+   {
+      this .x = Math_Algorithm .clamp (this .x, min .x, max .x);
+      this .y = Math_Algorithm .clamp (this .y, min .y, max .y);
+      this .z = Math_Algorithm .clamp (this .z, min .z, max .z);
+   },
    toString ()
    {
       return this .x + " " +
@@ -26743,6 +26760,8 @@ const SFMatrix3_default_ = SFMatrix3;
  *
  ******************************************************************************/
 
+
+
 function Vector4 (x = 0, y = 0, z = 0, w = 0)
 {
    this .x = x;
@@ -26958,6 +26977,13 @@ Object .assign (Vector4 .prototype,
       this .w = w;
       return this;
    },
+   clamp (min, max)
+   {
+      this .x = Math_Algorithm .clamp (this .x, min .x, max .x);
+      this .y = Math_Algorithm .clamp (this .y, min .y, max .y);
+      this .z = Math_Algorithm .clamp (this .z, min .z, max .z);
+      this .w = Math_Algorithm .clamp (this .w, min .w, max .w);
+   },
    toString ()
    {
       return this .x + " " +
@@ -34147,7 +34173,7 @@ const X3DBaseNode_default_ = X3DBaseNode;
 
 /* harmony default export */ const Base_X3DBaseNode = (x_ite_Namespace .add ("X3DBaseNode", X3DBaseNode_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Legacy.js
-/* provided dependency */ var $ = __webpack_require__(375);
+/* provided dependency */ var $ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -34283,7 +34309,7 @@ const Legacy_default_ = Legacy;
  *
  ******************************************************************************/
 
-const BROWSER_VERSION_default_ = "10.4.2";
+const BROWSER_VERSION_default_ = "10.5.0";
 ;
 
 /* harmony default export */ const BROWSER_VERSION = (x_ite_Namespace .add ("BROWSER_VERSION", BROWSER_VERSION_default_));
@@ -37308,7 +37334,7 @@ const X3DBindableNode_default_ = X3DBindableNode;
 
 /* harmony default export */ const Core_X3DBindableNode = (x_ite_Namespace .add ("X3DBindableNode", X3DBindableNode_default_));
 ;// CONCATENATED MODULE: ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var libtess = __webpack_require__(660);
+/* provided dependency */ var libtess = __webpack_require__(475);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -37350,7 +37376,7 @@ const X3DBindableNode_default_ = X3DBindableNode;
  *
  * You should have received a copy of the GNU General Public License version 3
  * along with X_ITE.  If not, see <https://www.gnu.org/licenses/gpl.html> for a
- * copy of the GPLv3 License.
+ * copy of the GPLc License.
  *
  * For Silvio, Joy and Adi.
  *
@@ -37360,6 +37386,13 @@ const X3DBindableNode_default_ = X3DBindableNode;
 
 const Triangle3 =
 {
+   /**
+    *
+    * @param {Vector3} a first point of triangle
+    * @param {Vector3} b second point of triangle
+    * @param {Vector3} c third point of triangle
+    * @returns
+    */
    area: (() =>
    {
       const
@@ -37371,15 +37404,23 @@ const Triangle3 =
          return B .assign (b) .subtract (a) .cross (C .assign (c) .subtract (a)) .magnitude () / 2;
       };
    })(),
-   normal (v1, v2, v3, normal)
+   /**
+    *
+    * @param {Vector3} a first point of triangle
+    * @param {Vector3} b second point of triangle
+    * @param {Vector3} c third point of triangle
+    * @param {Vector3} normal resulting normal
+    * @returns
+    */
+   normal (a, b, c, normal)
    {
       const
-         x1 = v3 .x - v2 .x,
-         y1 = v3 .y - v2 .y,
-         z1 = v3 .z - v2 .z,
-         x2 = v1 .x - v2 .x,
-         y2 = v1 .y - v2 .y,
-         z2 = v1 .z - v2 .z;
+         x1 = c .x - b .x,
+         y1 = c .y - b .y,
+         z1 = c .z - b .z,
+         x2 = a .x - b .x,
+         y2 = a .y - b .y,
+         z2 = a .z - b .z;
 
       normal .set (y1 * z2 - z1 * y2,
                    z1 * x2 - x1 * z2,
@@ -37387,15 +37428,24 @@ const Triangle3 =
 
       return normal .normalize ();
    },
-   quadNormal (v1, v2, v3, v4, normal)
+   /**
+    *
+    * @param {Vector3} a first point of quad
+    * @param {Vector3} b second point of quad
+    * @param {Vector3} c third point of quad
+    * @param {Vector3} d third point of quad
+    * @param {Vector3} normal resulting normal
+    * @returns
+    */
+   quadNormal (a, b, c, d, normal)
    {
       const
-         x1 = v3 .x - v1 .x,
-         y1 = v3 .y - v1 .y,
-         z1 = v3 .z - v1 .z,
-         x2 = v4 .x - v2 .x,
-         y2 = v4 .y - v2 .y,
-         z2 = v4 .z - v2 .z;
+         x1 = c .x - a .x,
+         y1 = c .y - a .y,
+         z1 = c .z - a .z,
+         x2 = d .x - b .x,
+         y2 = d .y - b .y,
+         z2 = d .z - b .z;
 
       normal .set (y1 * z2 - z1 * y2,
                    z1 * x2 - x1 * z2,
@@ -39846,7 +39896,7 @@ const X3DProtoDeclaration_default_ = X3DProtoDeclaration;
 
 /* harmony default export */ const Prototype_X3DProtoDeclaration = (x_ite_Namespace .add ("X3DProtoDeclaration", X3DProtoDeclaration_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(375);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -40101,7 +40151,7 @@ const Expressions_default_ = Expressions;
 
 /* harmony default export */ const Parser_Expressions = (x_ite_Namespace .add ("Expressions", Expressions_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/VRMLParser.js
-/* provided dependency */ var VRMLParser_$ = __webpack_require__(375);
+/* provided dependency */ var VRMLParser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -42800,7 +42850,7 @@ const VRMLParser_default_ = VRMLParser;
 
 /* harmony default export */ const Parser_VRMLParser = (x_ite_Namespace .add ("VRMLParser", VRMLParser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/XMLParser.js
-/* provided dependency */ var XMLParser_$ = __webpack_require__(375);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -44973,7 +45023,7 @@ const URLs_default_ = URLs;
 
 /* harmony default export */ const Networking_URLs = (x_ite_Namespace .add ("URLs", URLs_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLTF2Parser.js
-/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(375);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -48617,7 +48667,7 @@ const GLTF2Parser_default_ = GLTF2Parser;
 
 /* harmony default export */ const Parser_GLTF2Parser = (x_ite_Namespace .add ("GLTF2Parser", GLTF2Parser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLB2Parser.js
-/* provided dependency */ var GLB2Parser_$ = __webpack_require__(375);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -48768,7 +48818,7 @@ const GLB2Parser_default_ = GLB2Parser;
 
 /* harmony default export */ const Parser_GLB2Parser = (x_ite_Namespace .add ("GLB2Parser", GLB2Parser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/OBJParser.js
-/* provided dependency */ var OBJParser_$ = __webpack_require__(375);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -52110,8 +52160,8 @@ const MatrixStack_default_ = MatrixStack;
 
 /* harmony default export */ const Utility_MatrixStack = (x_ite_Namespace .add ("MatrixStack", MatrixStack_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/SVGParser.js
-/* provided dependency */ var SVGParser_$ = __webpack_require__(375);
-/* provided dependency */ var SVGParser_libtess = __webpack_require__(660);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(386);
+/* provided dependency */ var SVGParser_libtess = __webpack_require__(475);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -54881,7 +54931,7 @@ const SVGParser_default_ = SVGParser;
 
 /* harmony default export */ const Parser_SVGParser = (x_ite_Namespace .add ("SVGParser", SVGParser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GoldenGate.js
-/* provided dependency */ var GoldenGate_$ = __webpack_require__(375);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -56346,11 +56396,11 @@ Object .assign (Line3 .prototype,
          if (v < 0 || u + v > 1)
             return false;
 
-         //let t = edge2 .dot (qvec) * inv_det;
+         //let u = edge2 .dot (qvec) * inv_det;
 
-         uvt .u = u;
-         uvt .v = v;
-         uvt .t = 1 - u - v;
+         uvt .u = 1 - u - v;
+         uvt .v = u;
+         uvt .t = v;
 
          return true;
       };
@@ -57781,7 +57831,12 @@ Object .assign (X3DRenderObject .prototype,
 
 function X3DRenderObject_assign (lhs, rhs)
 {
-   Object .assign (lhs, rhs) .length = rhs .length;
+   const length = rhs .length;
+
+   for (let i = 0; i < length; ++ i)
+      lhs [i] = rhs [i];
+
+   lhs .length = length;
 }
 
 const X3DRenderObject_default_ = X3DRenderObject;
@@ -60192,42 +60247,43 @@ function X3DGeometryNode (executionContext)
       this .planes [i] = new Geometry_Plane3 ();
 }
 
-Object .defineProperty (X3DGeometryNode, "createArray",
+class GeometryArray extends Array
 {
-   // Function to select ether Array or MFFloat for color/normal/vertex arrays.
-   // Array version runs faster, see BeyondGermany and TreasureIsland.
-   value ()
-   {
-      // return new Fields .MFFloat ();
+   #typedArray = new Float32Array ();
 
-      const array = [ ];
-
-      array .typedArray = new Float32Array ();
+   assign (value)
+   {
+      const length = value .length;
 
-      array .assign = function (value)
-      {
-         const length = value .length;
+      for (let i = 0; i < length; ++ i)
+         this [i] = value [i];
 
-         for (let i = 0; i < length; ++ i)
-            this [i] = value [i];
+      this .length = length;
+   }
 
-         this .length = length;
-      };
+   getValue ()
+   {
+      return this .#typedArray;
+   }
 
-      array .getValue = function ()
-      {
-         return this .typedArray;
-      };
+   shrinkToFit ()
+   {
+      if (this .length === this .#typedArray .length)
+         this .#typedArray .set (this);
+      else
+         this .#typedArray = new Float32Array (this);
+   }
+}
 
-      array .shrinkToFit = function ()
-      {
-         if (this .length === this .typedArray .length)
-            this .typedArray .set (this);
-         else
-            this .typedArray = new Float32Array (this);
-      };
+Object .defineProperty (X3DGeometryNode, "createArray",
+{
+   // Function to select ether Array or MFFloat for color/normal/vertex arrays.
+   // Array version runs faster, see BeyondGermany and TreasureIsland.
+   value ()
+   {
+      // return new Fields .MFFloat ();
 
-      return array;
+      return new GeometryArray ();
    },
 })
 
@@ -60267,14 +60323,14 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
 
       this .set_live__ ();
    },
-   setGeometryType (value)
-   {
-      this .geometryType = value;
-   },
    getGeometryType ()
    {
       return this .geometryType;
    },
+   setGeometryType (value)
+   {
+      this .geometryType = value;
+   },
    setTransparent (value)
    {
       if (!!value !== this ._transparent .getValue ())
@@ -60317,22 +60373,22 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
    {
       return Numbers_Matrix4 .Identity;
    },
-   setPrimitiveMode (value)
-   {
-      this .primitiveMode = value;
-   },
    getPrimitiveMode ()
    {
       return this .primitiveMode;
    },
-   isSolid ()
+   setPrimitiveMode (value)
    {
-      return this .solid;
+      this .primitiveMode = value;
    },
    setSolid (value)
    {
       this .solid = value;
    },
+   isSolid ()
+   {
+      return this .solid;
+   },
    setCCW (value)
    {
       const gl = this .getBrowser () .getContext ();
@@ -60355,33 +60411,14 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
    {
       return this .attribBuffers;
    },
-   setFogDepths (value)
-   {
-      this .fogDepths .assign (value);
-   },
    getFogDepths ()
    {
       return this .fogDepths;
    },
-   setColors (value)
-   {
-      this .colors .assign (value);
-   },
    getColors ()
    {
       return this .colors;
    },
-   setMultiTexCoords (value)
-   {
-      const
-         multiTexCoords = this .multiTexCoords,
-         length         = value .length;
-
-      for (let i = 0; i < length; ++ i)
-         multiTexCoords [i] = value [i];
-
-      multiTexCoords .length = length;
-   },
    getMultiTexCoords ()
    {
       return this .multiTexCoords;
@@ -60414,26 +60451,14 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
 
       this .textureCoordinateNode .getTextureCoordinateMapping (this .textureCoordinateMapping);
    },
-   setTangents (value)
-   {
-      this .tangents .assign (value);
-   },
    getTangents ()
    {
       return this .tangents;
    },
-   setNormals (value)
-   {
-      this .normals .assign (value);
-   },
    getNormals ()
    {
       return this .normals;
    },
-   setVertices (value)
-   {
-      this .vertices .assign (value);
-   },
    getVertices ()
    {
       return this .vertices;
@@ -60527,28 +60552,35 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
    })(),
    generateTangents ()
    {
-      if (this .geometryType < 2)
-         return;
+      try
+      {
+         if (this .geometryType < 2)
+            return;
 
-      if (!this .vertices .length)
-         return;
+         if (!this .vertices .length)
+            return;
 
-      if (!MikkTSpace .isInitialized ())
-         return void (MikkTSpace .initialize () .then (() => this .requestRebuild ()));
+         if (!MikkTSpace .isInitialized ())
+            return void (MikkTSpace .initialize () .then (() => this .requestRebuild ()));
 
-      const
-         vertices  = this .vertices .getValue () .filter ((v, i) => i % 4 < 3),
-         normals   = this .normals .getValue (),
-         texCoords = this .multiTexCoords [0] .getValue () .filter ((v, i) => i % 4 < 2),
-         tangents  = MikkTSpace .generateTangents (vertices, normals, texCoords),
-         length    = tangents .length;
+         const
+            vertices  = this .vertices .getValue () .filter ((v, i) => i % 4 < 3),
+            normals   = this .normals .getValue (),
+            texCoords = this .multiTexCoords [0] .getValue () .filter ((v, i) => i % 4 < 2),
+            tangents  = MikkTSpace .generateTangents (vertices, normals, texCoords),
+            length    = tangents .length;
 
-      // Convert coordinate system handedness to respect output format of MikkTSpace.
-      for (let i = 3; i < length; i += 4)
-         tangents [i] = -tangents [i]; // Flip w-channel.
+         // Convert coordinate system handedness to respect output format of MikkTSpace.
+         for (let i = 3; i < length; i += 4)
+            tangents [i] = -tangents [i]; // Flip w-channel.
 
-      this .tangents .assign (tangents);
-      this .tangents .shrinkToFit ();
+         this .tangents .assign (tangents);
+         this .tangents .shrinkToFit ();
+      }
+      catch (error)
+      {
+         console .error (error);
+      }
    },
    refineNormals (normalIndex, normals, creaseAngle)
    {
@@ -60628,16 +60660,13 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
                {
                   // Get barycentric coordinates.
 
-                  const
-                     u = uvt .u,
-                     v = uvt .v,
-                     t = uvt .t;
+                  const { u, v, t } = uvt;
 
                   // Determine vectors for X3DPointingDeviceSensors.
 
-                  const point = new Numbers_Vector3 (t * vertices [i4]     + u * vertices [i4 + 4] + v * vertices [i4 +  8],
-                                             t * vertices [i4 + 1] + u * vertices [i4 + 5] + v * vertices [i4 +  9],
-                                             t * vertices [i4 + 2] + u * vertices [i4 + 6] + v * vertices [i4 + 10]);
+                  const point = new Numbers_Vector3 (u * vertices [i4]     + v * vertices [i4 + 4] + t * vertices [i4 +  8],
+                                             u * vertices [i4 + 1] + v * vertices [i4 + 5] + t * vertices [i4 +  9],
+                                             u * vertices [i4 + 2] + v * vertices [i4 + 6] + t * vertices [i4 + 10]);
 
                   if (clipPlanes .length)
                   {
@@ -60645,16 +60674,16 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
                         continue;
                   }
 
-                  const texCoord = new Numbers_Vector2 (t * texCoords [i4]     + u * texCoords [i4 + 4] + v * texCoords [i4 + 8],
-                                                t * texCoords [i4 + 1] + u * texCoords [i4 + 5] + v * texCoords [i4 + 9]);
+                  const texCoord = new Numbers_Vector2 (u * texCoords [i4]     + v * texCoords [i4 + 4] + t * texCoords [i4 + 8],
+                                                u * texCoords [i4 + 1] + v * texCoords [i4 + 5] + t * texCoords [i4 + 9]);
 
                   const i3 = i * 3;
 
-                  const normal = new Numbers_Vector3 (t * normals [i3]     + u * normals [i3 + 3] + v * normals [i3 + 6],
-                                              t * normals [i3 + 1] + u * normals [i3 + 4] + v * normals [i3 + 7],
-                                              t * normals [i3 + 2] + u * normals [i3 + 5] + v * normals [i3 + 8]);
+                  const normal = new Numbers_Vector3 (u * normals [i3]     + v * normals [i3 + 3] + t * normals [i3 + 6],
+                                              u * normals [i3 + 1] + v * normals [i3 + 4] + t * normals [i3 + 7],
+                                              u * normals [i3 + 2] + v * normals [i3 + 5] + t * normals [i3 + 8]);
 
-                  intersections .push ({ texCoord: texCoord, normal: normal, point: this .getMatrix () .multVecMatrix (point) });
+                  intersections .push ({ texCoord, normal, point: this .getMatrix () .multVecMatrix (point) });
                }
             }
          }
@@ -60969,17 +60998,20 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
          // Determine bbox.
 
          const
-            vertices = this .vertices .getValue (),
-            min      = this .min,
-            max      = this .max;
+            vertices    = this .vertices .getValue (),
+            numVertices = vertices .length,
+            min         = this .min,
+            max         = this .max;
 
-         if (vertices .length)
+         if (numVertices)
          {
             if (min .x === Number .POSITIVE_INFINITY)
             {
-               for (let i = 0, length = vertices .length; i < length; i += 4)
+               for (let i = 0; i < numVertices; i += 4)
                {
-                  point .set (vertices [i], vertices [i + 1], vertices [i + 2]);
+                  const { [i]: v1, [i + 1]: v2, [i + 2]: v3 } = vertices;
+
+                  point .set (v1, v2, v3);
 
                   min .min (point);
                   max .max (point);
@@ -61138,7 +61170,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
          appearanceNode = renderContext .appearanceNode,
          shaderNode     = appearanceNode .getShader (this, renderContext);
 
-      if (this .solid || !appearanceNode .getBackMaterial () || browser .getWireframe ())
+      if (this .solid || !appearanceNode .getBackMaterial ())
       {
          this .displayGeometry (gl, renderContext, appearanceNode, shaderNode, true, true);
       }
@@ -61191,51 +61223,43 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
 
       // Draw depending on wireframe, solid and transparent.
 
-      if (browser .getWireframe ())
-      {
-         for (let i = 0, length = this .vertexCount; i < length; i += 3)
-            gl .drawArrays (primitiveMode, i, 3);
-      }
-      else
-      {
-         const positiveScale = Numbers_Matrix4 .prototype .determinant3 .call (renderContext .modelViewMatrix) > 0;
-
-         gl .frontFace (positiveScale ? this .frontFace : this .backFace .get (this .frontFace));
-
-         if (renderContext .transparent || back !== front)
-         {
-            // Render transparent or back or front.
+      const positiveScale = Numbers_Matrix4 .prototype .determinant3 .call (renderContext .modelViewMatrix) > 0;
 
-            gl .enable (gl .CULL_FACE);
+      gl .frontFace (positiveScale ? this .frontFace : this .backFace .get (this .frontFace));
 
-            // Render back.
+      if (renderContext .transparent || back !== front)
+      {
+         // Render transparent or back or front.
 
-            if (back && !this .solid)
-            {
-               gl .cullFace (gl .FRONT);
-               gl .drawArrays (primitiveMode, 0, this .vertexCount);
-            }
+         gl .enable (gl .CULL_FACE);
 
-            // Render front.
+         // Render back.
 
-            if (front)
-            {
-               gl .cullFace (gl .BACK);
-               gl .drawArrays (primitiveMode, 0, this .vertexCount);
-            }
-         }
-         else
+         if (back && !this .solid)
          {
-            // Render solid or both sides.
+            gl .cullFace (gl .FRONT);
+            gl .drawArrays (primitiveMode, 0, this .vertexCount);
+         }
 
-            if (this .solid)
-               gl .enable (gl .CULL_FACE);
-            else
-               gl .disable (gl .CULL_FACE);
+         // Render front.
 
+         if (front)
+         {
+            gl .cullFace (gl .BACK);
             gl .drawArrays (primitiveMode, 0, this .vertexCount);
          }
       }
+      else
+      {
+         // Render solid or both sides.
+
+         if (this .solid)
+            gl .enable (gl .CULL_FACE);
+         else
+            gl .disable (gl .CULL_FACE);
+
+         gl .drawArrays (primitiveMode, 0, this .vertexCount);
+      }
 
       for (const node of renderModeNodes)
          node .disable (gl);
@@ -61278,7 +61302,7 @@ Object .assign (Object .setPrototypeOf (X3DGeometryNode .prototype, Core_X3DNode
          appearanceNode = renderContext .appearanceNode,
          shaderNode     = appearanceNode .getShader (this, renderContext);
 
-      if (this .solid || !appearanceNode .getBackMaterial () || browser .getWireframe ())
+      if (this .solid || !appearanceNode .getBackMaterial ())
       {
          this .displayInstancedGeometry (gl, renderContext, appearanceNode, shaderNode, true, true, shapeNode);
       }
@@ -62139,6 +62163,17 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
          if (this ._hidden .getValue ())
             return;
 
+         const browser = this .getBrowser ();
+
+         // Always fill background.
+
+         if (browser .getWireframe ())
+         {
+            const ext = gl .getExtension ("WEBGL_polygon_mode");
+
+            ext ?.polygonModeWEBGL (gl .FRONT_AND_BACK, ext .FILL_WEBGL);
+         }
+
          // Setup context.
 
          gl .disable (gl .DEPTH_TEST);
@@ -62175,6 +62210,15 @@ Object .assign (Object .setPrototypeOf (X3DBackgroundNode .prototype, Core_X3DBi
          gl .depthMask (true);
          gl .enable (gl .DEPTH_TEST);
          gl .disable (gl .BLEND);
+
+         // Restore polygon mode.
+
+         if (browser .getWireframe ())
+         {
+            const ext = gl .getExtension ("WEBGL_polygon_mode");
+
+            ext ?.polygonModeWEBGL (gl .FRONT_AND_BACK, ext .LINE_WEBGL);
+         }
       };
    })(),
    drawSphere (renderObject, modelViewMatrixArray, projectionMatrixArray)
@@ -62896,7 +62940,7 @@ const X3DTexture2DNode_default_ = X3DTexture2DNode;
 
 /* harmony default export */ const Texturing_X3DTexture2DNode = (x_ite_Namespace .add ("X3DTexture2DNode", X3DTexture2DNode_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/ImageTexture.js
-/* provided dependency */ var ImageTexture_$ = __webpack_require__(375);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -65280,7 +65324,7 @@ Object .assign (Object .setPrototypeOf (X3DViewpointNode .prototype, Core_X3DBin
    getUpVector ()
    {
       // Local y-axis,
-      // see https://www.web3d.org/documents/specifications/19775-1/V3.3/index.html#NavigationInfo.
+      // see https://www.web3d.org/documents/specifications/19775-1/V4.0/Part01/components/navigation.html#NavigationInfo.
       return Numbers_Vector3 .yAxis;
    },
    getSpeedFactor ()
@@ -66280,7 +66324,7 @@ const X3DWorld_default_ = X3DWorld;
 
 /* harmony default export */ const Execution_X3DWorld = (x_ite_Namespace .add ("X3DWorld", X3DWorld_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/InputOutput/FileLoader.js
-/* provided dependency */ var FileLoader_$ = __webpack_require__(375);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -67210,7 +67254,7 @@ const ProtoDeclarationArray_default_ = ProtoDeclarationArray;
 
 /* harmony default export */ const Prototype_ProtoDeclarationArray = (x_ite_Namespace .add ("ProtoDeclarationArray", ProtoDeclarationArray_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Routing/X3DRoute.js
-/* provided dependency */ var X3DRoute_$ = __webpack_require__(375);
+/* provided dependency */ var X3DRoute_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -67374,8 +67418,6 @@ Object .assign (Object .setPrototypeOf (X3DRoute .prototype, Base_X3DObject .pro
             : this [_sourceNode] .getExportedNode ();
 
          this [_sourceField] = sourceNode .getField (this [_sourceFieldName]);
-
-         this [_sourceField] .addOutputRoute (this);
       }
       catch (error)
       {
@@ -67390,7 +67432,6 @@ Object .assign (Object .setPrototypeOf (X3DRoute .prototype, Base_X3DObject .pro
 
          this [_destinationField] = destinationNode .getField (this [_destinationFieldName]);
 
-         this [_destinationField] .addInputRoute (this);
       }
       catch (error)
       {
@@ -67399,7 +67440,18 @@ Object .assign (Object .setPrototypeOf (X3DRoute .prototype, Base_X3DObject .pro
 
       if (this [_sourceField] && this [_destinationField])
       {
-         this [_sourceField] .addFieldInterest (this [_destinationField]);
+         if (this [_sourceField] .getType () !== this [_destinationField] .getType ())
+            throw new Error (`Bad ROUTE statement: Source field type must match destination field type of fields named "${this [_sourceField] .getName ()}" and "${this [_destinationField] .getName ()}".`);
+
+         if (!this [_sourceField] .isOutput ())
+            throw new Error (`Bad ROUTE statement: Source field "${this [_sourceField] .getName ()}" must be an output.`);
+
+         if (!this [_destinationField] .isInput ())
+            throw new Error (`Bad ROUTE statement: Destination field "${this [_destinationField] .getName ()}" must be an input.`);
+
+         this [_sourceField]      .addOutputRoute (this);
+         this [_destinationField] .addInputRoute (this);
+         this [_sourceField]      .addFieldInterest (this [_destinationField]);
       }
       else
       {
@@ -73847,17 +73899,18 @@ Object .assign (Object .setPrototypeOf (Box .prototype, Rendering_X3DGeometryNod
       return function ()
       {
          const
-            options  = this .getBrowser () .getBoxOptions (),
-            geometry = options .getGeometry (),
-            size     = this ._size .getValue ();
+            options     = this .getBrowser () .getBoxOptions (),
+            geometry    = options .getGeometry (),
+            size        = this ._size .getValue (),
+            vertexArray = this .getVertices ();
 
-         this .setMultiTexCoords (geometry .getMultiTexCoords ());
-         this .setTangents       (geometry .getTangents ());
-         this .setNormals        (geometry .getNormals ());
+         this .getMultiTexCoords () .push (... geometry .getMultiTexCoords ());
+         this .getTangents () .assign (geometry .getTangents ());
+         this .getNormals ()  .assign (geometry .getNormals ());
 
          if (size .equals (defaultSize))
          {
-            this .setVertices (geometry .getVertices ());
+            vertexArray .assign (geometry .getVertices ());
 
             this .getMin () .assign (geometry .getMin ());
             this .getMax () .assign (geometry .getMax ());
@@ -73868,8 +73921,7 @@ Object .assign (Object .setPrototypeOf (Box .prototype, Rendering_X3DGeometryNod
                x               = Math .abs (size .x / 2),
                y               = Math .abs (size .y / 2),
                z               = Math .abs (size .z / 2),
-               defaultVertices = geometry .getVertices () .getValue (),
-               vertexArray     = this .getVertices ();
+               defaultVertices = geometry .getVertices () .getValue ();
 
             for (let i = 0, length = defaultVertices .length; i < length; i += 4)
             {
@@ -74887,11 +74939,11 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
          SCPyAxis = new Numbers_Vector3 (),
          SCPzAxis = new Numbers_Vector3 ();
 
-         const
+      const
          SCPyAxisPrevious = new Numbers_Vector3 (),
          SCPzAxisPrevious = new Numbers_Vector3 ();
 
-         const
+      const
          vector3  = new Numbers_Vector3 (),
          rotation = new Numbers_Rotation4 ();
 
@@ -74937,8 +74989,8 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             for (let i = 0, length = numSpines - 2; i < length; ++ i)
             {
                SCPzAxis .assign (spine [i + 1] .getValue ()) .subtract (spine [i] .getValue ())
-                          .cross (vector3 .assign (spine [length] .getValue ()) .subtract (spine [i] .getValue ()))
-                          .normalize ();
+                  .cross (vector3 .assign (spine [length] .getValue ()) .subtract (spine [i] .getValue ()))
+                  .normalize ();
 
                if (!SCPzAxis .equals (Numbers_Vector3 .Zero))
                   break;
@@ -74959,8 +75011,8 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             for (let i = 1, length = numSpines - 1; i < length; ++ i)
             {
                SCPzAxis .assign (spine [i + 1] .getValue ()) .subtract (spine [i] .getValue ())
-                        .cross (vector3 .assign (spine [i - 1] .getValue ()) .subtract (spine [i] .getValue ()))
-                        .normalize ();
+                  .cross (vector3 .assign (spine [i - 1] .getValue ()) .subtract (spine [i] .getValue ()))
+                  .normalize ();
 
                if (!SCPzAxis .equals (Numbers_Vector3 .Zero))
                   break;
@@ -74996,11 +75048,11 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             const s = spine [i] .getValue ();
 
             SCPyAxis .assign (spine [i + 1] .getValue ()) .subtract (s) .normalize ()
-                     .subtract (vector3 .assign (spine [i - 1] .getValue ()) .subtract (s) .normalize ())
-                     .normalize ();
+               .subtract (vector3 .assign (spine [i - 1] .getValue ()) .subtract (s) .normalize ())
+               .normalize ();
             SCPzAxis .assign (spine [i + 1] .getValue ()) .subtract (s)
-                     .cross (vector3 .assign (spine [i - 1] .getValue ()) .subtract (s))
-                     .normalize ();
+               .cross (vector3 .assign (spine [i - 1] .getValue ()) .subtract (s))
+               .normalize ();
 
             // g.
             if (SCPzAxisPrevious .dot (SCPzAxis) < 0)
@@ -75042,8 +75094,8 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
             if (numSpines > 2)
             {
                SCPzAxis .assign (s) .subtract (spine [numSpines - 2] .getValue ())
-                        .cross (vector3 .assign (spine [numSpines - 3] .getValue ()) .subtract (spine [numSpines - 2] .getValue ()))
-                        .normalize ();
+                  .cross (vector3 .assign (spine [numSpines - 3] .getValue ()) .subtract (spine [numSpines - 2] .getValue ()))
+                  .normalize ();
             }
 
             // g.
@@ -76337,26 +76389,25 @@ Object .assign (Object .setPrototypeOf (Sphere .prototype, Rendering_X3DGeometry
    build ()
    {
       const
-         options  = this .getBrowser () .getSphereOptions (),
-         geometry = options .getGeometry (),
-         radius   = Math .abs (this ._radius .getValue ());
+         options     = this .getBrowser () .getSphereOptions (),
+         geometry    = options .getGeometry (),
+         radius      = Math .abs (this ._radius .getValue ()),
+         vertexArray = this .getVertices ();
 
-      this .setMultiTexCoords (geometry .getMultiTexCoords ());
-      this .setTangents       (geometry .getTangents ());
-      this .setNormals        (geometry .getNormals ());
+      this .getMultiTexCoords () .push (... geometry .getMultiTexCoords ());
+      this .getTangents () .assign (geometry .getTangents ());
+      this .getNormals ()  .assign (geometry .getNormals ());
 
       if (radius === 1)
       {
-         this .setVertices (geometry .getVertices ());
+         vertexArray .assign (geometry .getVertices ());
 
          this .getMin () .assign (geometry .getMin ());
          this .getMax () .assign (geometry .getMax ());
       }
       else
       {
-         const
-            defaultVertices = geometry .getVertices () .getValue (),
-            vertexArray     = this .getVertices ();
+         const defaultVertices = geometry .getVertices () .getValue ();
 
          for (let i = 0, length = defaultVertices .length; i < length; i += 4)
          {
@@ -76838,7 +76889,6 @@ function X3DPointGeometryNode (executionContext)
    this .setGeometryType (0);
    this .setPrimitiveMode (browser .getContext () .POINTS);
    this .setSolid (false);
-   this .setTransparent (true);
 }
 
 Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Rendering_X3DGeometryNode .prototype),
@@ -76862,6 +76912,9 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
          attribNodes     = this .getAttrib (),
          attribBuffers   = this .getAttribBuffers ();
 
+      if (!renderContext .transparent)
+         gl .enable (gl .SAMPLE_ALPHA_TO_COVERAGE);
+
       for (const node of renderModeNodes)
          node .enable (gl);
 
@@ -76899,6 +76952,8 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
 
       for (const node of renderModeNodes)
          node .disable (gl);
+
+      gl .disable (gl .SAMPLE_ALPHA_TO_COVERAGE);
    },
    displayInstanced (gl, renderContext, shapeNode)
    {
@@ -76909,6 +76964,9 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
          attribNodes     = this .getAttrib (),
          attribBuffers   = this .getAttribBuffers ();
 
+      if (!renderContext .transparent)
+         gl .enable (gl .SAMPLE_ALPHA_TO_COVERAGE);
+
       for (const node of renderModeNodes)
          node .enable (gl);
 
@@ -76965,6 +77023,8 @@ Object .assign (Object .setPrototypeOf (X3DPointGeometryNode .prototype, Renderi
 
       for (const node of renderModeNodes)
          node .disable (gl);
+
+      gl .disable (gl .SAMPLE_ALPHA_TO_COVERAGE);
    },
 });
 
@@ -77434,7 +77494,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
                   renderObject        = renderContext .renderObject,
                   viewport            = renderObject .getViewVolume () .getViewport (),
                   projectionMatrix    = renderObject .getProjectionMatrix () .get (),
-                  primitiveMode       = browser .getWireframe () ? gl .TRIANGLES : browser .getPrimitiveMode (gl .TRIANGLES),
+                  primitiveMode       = browser .getPrimitiveMode (gl .TRIANGLES),
                   transformShaderNode = browser .getLineTransformShader ();
 
                modelViewProjectionMatrixArray .set (matrix .assign (renderContext .modelViewMatrix) .multRight (projectionMatrix));
@@ -77652,7 +77712,7 @@ Object .assign (Object .setPrototypeOf (X3DLineGeometryNode .prototype, Renderin
                   renderObject        = renderContext .renderObject,
                   viewport            = renderObject .getViewVolume () .getViewport (),
                   projectionMatrix    = renderObject .getProjectionMatrix () .get (),
-                  primitiveMode       = browser .getWireframe () ? gl .TRIANGLES : browser .getPrimitiveMode (gl .TRIANGLES),
+                  primitiveMode       = browser .getPrimitiveMode (gl .TRIANGLES),
                   transformShaderNode = browser .getLineTransformInstancedShader ();
 
                modelViewProjectionMatrixArray .set (matrix .assign (renderContext .modelViewMatrix) .multRight (projectionMatrix));
@@ -90473,7 +90533,7 @@ mediump samplerCube textureCube;
 
 /* harmony default export */ const MaterialTextures = (x_ite_Namespace .add ("MaterialTextures", MaterialTextures_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js
-/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(375);
+/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -90777,8 +90837,10 @@ Object .assign (X3DProgrammableShaderObject .prototype,
       {
          const uniform = gl .getUniformLocation (program, "x3d_TextureMatrix[" + i + "]");
 
-         if (uniform !== null)
-            this .x3d_TextureMatrix [i] = uniform;
+         if (uniform === null)
+            break;
+
+         this .x3d_TextureMatrix [i] = uniform;
       }
 
       for (let i = 0; i < maxTexCoords; ++ i)
@@ -93301,12 +93363,6 @@ const ShaderSource_default_ = ShaderSource;
 
 
 const Fragment1_glsl_default_ = /* glsl */ `
-#if defined(X3D_NORMAL_TEXTURE)
-#extension GL_OES_standard_derivatives:enable
-#endif
-#if defined(X3D_LOGARITHMIC_DEPTH_BUFFER)
-#extension GL_EXT_frag_depth:enable
-#endif
 #if defined(X3D_ALPHA_MODE_MASK)
 uniform float x3d_AlphaCutoff;
 #endif
@@ -93368,6 +93424,12 @@ clip();
 setPointTexCoords();
 #endif
 vec4 finalColor=getMaterialColor();
+#if defined(X3D_ALPHA_MODE_OPAQUE)
+finalColor.a=1.0;
+#endif
+#if defined(X3D_ALPHA_MODE_MASK)
+if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
+#endif
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 finalColor=getPointColor(finalColor);
 #endif
@@ -93377,12 +93439,6 @@ finalColor=getHatchColor(finalColor);
 #if defined(X3D_FOG)
 finalColor.rgb=getFogColor(finalColor.rgb);
 #endif
-#if defined(X3D_ALPHA_MODE_OPAQUE)
-finalColor.a=1.0;
-#endif
-#if defined(X3D_ALPHA_MODE_MASK)
-if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
-#endif
 finalColor.rgb=toneMap(finalColor.rgb);gl_FragColor=finalColor;
 #if defined(X3D_LOGARITHMIC_DEPTH_BUFFER)
 gl_FragDepthEXT=log2(depth)*x3d_LogarithmicFarFactor1_2;
@@ -93423,7 +93479,43 @@ return texCoord;
 #else
 return texCoord0;
 #endif
-}vec4 getTexCoord(const in x3d_TextureCoordinateGeneratorParameters textureCoordinateGenerator,const in int textureTransformMapping,const in int textureCoordinateMapping){int mode=textureCoordinateGenerator.mode;if(mode==x3d_None){return getTextureMatrix(textureTransformMapping)*getTexCoord(textureCoordinateMapping);}else if(mode==x3d_Sphere){vec2 N=normalize(gl_FrontFacing?normal:-normal).xy;return vec4(N*0.5+0.5,0.0,1.0);}else if(mode==x3d_CameraSpaceNormal){vec3 N=normalize(gl_FrontFacing?normal:-normal);return vec4(N,1.0);}else if(mode==x3d_CameraSpacePosition){return vec4(vertex,1.0);}else if(mode==x3d_CameraSpaceReflectionVector){vec3 N=normalize(gl_FrontFacing?normal:-normal);return vec4(reflect(normalize(vertex),-N),1.0);}else if(mode==x3d_SphereLocal){vec2 N=normalize(gl_FrontFacing?localNormal:-localNormal).xy;return vec4(N*0.5+0.5,0.0,1.0);}else if(mode==x3d_Coord){return vec4(localVertex,1.0);}else if(mode==x3d_CoordEye){return vec4(vertex,1.0);}else if(mode==x3d_Noise){vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(localVertex*scale+translation),1.0);}else if(mode==x3d_NoiseEye){vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(vertex*scale+translation),1.0);}else if(mode==x3d_SphereReflect){vec3 N=normalize(gl_FrontFacing?normal:-normal);float eta=textureCoordinateGenerator.parameter[0];return vec4(refract(normalize(vertex),-N,eta),1.0);}else if(mode==x3d_SphereReflectLocal){vec3 N=normalize(gl_FrontFacing?localNormal:-localNormal);float eta=textureCoordinateGenerator.parameter[0];vec3 eye=vec3(textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2],textureCoordinateGenerator.parameter[3]);return vec4(refract(normalize(localVertex-eye),-N,eta),1.0);}return getTextureMatrix(textureTransformMapping)*getTexCoord(textureCoordinateMapping);}uniform x3d_TextureCoordinateGeneratorParameters x3d_TextureCoordinateGenerator[X3D_NUM_TEXTURE_COORDINATES];vec3 getTexCoord(const in int textureTransformMapping,const in int textureCoordinateMapping){vec4 texCoord;
+}vec4 getTexCoord(const in x3d_TextureCoordinateGeneratorParameters textureCoordinateGenerator,const in int textureTransformMapping,const in int textureCoordinateMapping){int mode=textureCoordinateGenerator.mode;if(mode==x3d_None){return getTextureMatrix(textureTransformMapping)*getTexCoord(textureCoordinateMapping);}else if(mode==x3d_Sphere){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec2 N=normalize(normal).xy;
+#else
+vec2 N=normalize(gl_FrontFacing?normal:-normal).xy;
+#endif
+return vec4(N*0.5+0.5,0.0,1.0);}else if(mode==x3d_CameraSpaceNormal){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+return vec4(N,1.0);}else if(mode==x3d_CameraSpacePosition){return vec4(vertex,1.0);}else if(mode==x3d_CameraSpaceReflectionVector){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+return vec4(reflect(normalize(vertex),-N),1.0);}else if(mode==x3d_SphereLocal){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec2 N=normalize(localNormal).xy;
+#else
+vec2 N=normalize(gl_FrontFacing?localNormal:-localNormal).xy;
+#endif
+return vec4(N*0.5+0.5,0.0,1.0);}else if(mode==x3d_Coord){return vec4(localVertex,1.0);}else if(mode==x3d_CoordEye){return vec4(vertex,1.0);}else if(mode==x3d_Noise){vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(localVertex*scale+translation),1.0);}else if(mode==x3d_NoiseEye){vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(vertex*scale+translation),1.0);}else if(mode==x3d_SphereReflect){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+float eta=textureCoordinateGenerator.parameter[0];return vec4(refract(normalize(vertex),-N,eta),1.0);}else if(mode==x3d_SphereReflectLocal){
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(localNormal);
+#else
+vec3 N=normalize(gl_FrontFacing?localNormal:-localNormal);
+#endif
+float eta=textureCoordinateGenerator.parameter[0];vec3 eye=vec3(textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2],textureCoordinateGenerator.parameter[3]);return vec4(refract(normalize(localVertex-eye),-N,eta),1.0);}return getTextureMatrix(textureTransformMapping)*getTexCoord(textureCoordinateMapping);}uniform x3d_TextureCoordinateGeneratorParameters x3d_TextureCoordinateGenerator[X3D_NUM_TEXTURE_COORDINATES];vec3 getTexCoord(const in int textureTransformMapping,const in int textureCoordinateMapping){vec4 texCoord;
 ${Array .from ({ length: maxTexCoords }, (_, i) => /* glsl */ `
 #if X3D_NUM_TEXTURE_COORDINATES > ${i}
 ${i === 0 ? "" : "else"} if (textureCoordinateMapping == ${i})
@@ -93489,7 +93581,13 @@ textureColor = texture2D (x3d_TextureProjectorTexture [${i}], texCoord);
 }
 #endif
 `) .join ("\n")}
-return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);vec3 N=gl_FrontFacing?normal:-normal;for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
+return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normal;
+#else
+vec3 N=gl_FrontFacing?normal:-normal;
+#endif
+for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
 #if defined(X3D_COLORSPACE_SRGB)
 if(bool(x3d_TextureProjectorParams[i].z))T=linearToSRGB(T);
 #elif defined(X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
@@ -93710,6 +93808,12 @@ setPointTexCoords();
 setTexCoords();
 #endif
 vec4 finalColor=getMaterialColor();
+#if defined(X3D_ALPHA_MODE_OPAQUE)
+finalColor.a=1.0;
+#endif
+#if defined(X3D_ALPHA_MODE_MASK)
+if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
+#endif
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 finalColor=getPointColor(finalColor);
 #endif
@@ -93719,12 +93823,6 @@ finalColor=getHatchColor(finalColor);
 #if defined(X3D_FOG)
 finalColor.rgb=getFogColor(finalColor.rgb);
 #endif
-#if defined(X3D_ALPHA_MODE_OPAQUE)
-finalColor.a=1.0;
-#endif
-#if defined(X3D_ALPHA_MODE_MASK)
-if(finalColor.a<x3d_AlphaCutoff)discard;finalColor.a=1.0;
-#endif
 finalColor.rgb=toneMap(finalColor.rgb);
 #if defined(X3D_ORDER_INDEPENDENT_TRANSPARENCY)
 float a=finalColor.a;float w=weight(gl_FragCoord.z,a);finalColor.rgb*=a;finalColor*=w;x3d_FragData0=vec4(finalColor.rgb,a);x3d_FragData1=vec4(finalColor.a);
@@ -93809,7 +93907,10 @@ t=normalize(TBN[0]);b=normalize(TBN[1]);ng=normalize(TBN[2]);
 #else
 vec2 uv_dx=dFdx(UV.st);vec2 uv_dy=dFdy(UV.st);if(length(uv_dx)<=1e-2)uv_dx=vec2(1.0,0.0);if(length(uv_dy)<=1e-2)uv_dy=vec2(0.0,1.0);vec3 t_=(uv_dy.t*dFdx(vertex)-uv_dx.t*dFdy(vertex))/(uv_dx.s*uv_dy.t-uv_dy.s*uv_dx.t);ng=normalize(normal);t=normalize(t_-ng*dot(ng,t_));b=cross(ng,t);
 #endif
-if(gl_FrontFacing==false){t=-t;b=-b;ng=-ng;}NormalInfo info;info.ng=ng;
+#if defined(X3D_GEOMETRY_2D)||defined(X3D_GEOMETRY_3D)
+if(gl_FrontFacing==false){t=-t;b=-b;ng=-ng;}
+#endif
+NormalInfo info;info.ng=ng;
 #if defined(X3D_NORMAL_TEXTURE)
 #if __VERSION__==100
 #if defined(X3D_NORMAL_TEXTURE_2D)
@@ -93869,6 +93970,7 @@ float rand(const in vec2 co){return fract(sin(dot(co.xy,vec2(12.9898,78.233)))*4
 const Point2_glsl_default_ = /* glsl */ `
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
 #if defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES)
+#if!defined(X3D_DEPTH_SHADER)
 void setPointTexCoords(){vec4 texCoord=vec4(gl_PointCoord.x,1.0-gl_PointCoord.y,0.0,1.0);
 ${Array .from ({ length: maxTexCoords }, (_, i) => /* glsl */ `
 #if X3D_NUM_TEXTURE_COORDINATES > ${i}
@@ -93880,14 +93982,15 @@ texCoords [${i}] = texCoord;
 #endif
 `) .join ("\n")}
 }
+#endif
 #define getPointColor(color)(color)
 #else
-#define setPointTexCoords()
 #if __VERSION__==100
 varying float pointSize;
 #else
 in float pointSize;
 #endif
+#define setPointTexCoords()
 vec4 getPointColor(in vec4 color){if(pointSize>1.0)color.a*=clamp(pointSize*(0.5-distance(vec2(0.5),gl_PointCoord)),0.0,1.0);else color.a*=pointSize;return color;}
 #endif
 #endif
@@ -94040,7 +94143,43 @@ ${Array .from ({ length: maxTexCoords }, (_, i) => /* glsl */ `
 texCoords [${i}] = texCoord${i};
 #endif
 `) .join ("\n")}
-}uniform mat4 x3d_TextureMatrix[X3D_NUM_TEXTURE_TRANSFORMS];vec4 getTexCoord(const in x3d_TextureCoordinateGeneratorParameters textureCoordinateGenerator,const in int textureTransformMapping,const in int textureCoordinateMapping){int mode=textureCoordinateGenerator.mode;switch(mode){case x3d_None:{return x3d_TextureMatrix[textureTransformMapping]*texCoords[textureCoordinateMapping];}case x3d_Sphere:{vec2 N=normalize(gl_FrontFacing?normal:-normal).xy;return vec4(N*0.5+0.5,0.0,1.0);}case x3d_CameraSpaceNormal:{vec3 N=normalize(gl_FrontFacing?normal:-normal);return vec4(N,1.0);}case x3d_CameraSpacePosition:{return vec4(vertex,1.0);}case x3d_CameraSpaceReflectionVector:{vec3 N=normalize(gl_FrontFacing?normal:-normal);return vec4(reflect(normalize(vertex),-N),1.0);}case x3d_SphereLocal:{vec2 N=normalize(gl_FrontFacing?localNormal:-localNormal).xy;return vec4(N*0.5+0.5,0.0,1.0);}case x3d_Coord:{return vec4(localVertex,1.0);}case x3d_CoordEye:{return vec4(vertex,1.0);}case x3d_Noise:{vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(localVertex*scale+translation),1.0);}case x3d_NoiseEye:{vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(vertex*scale+translation),1.0);}case x3d_SphereReflect:{vec3 N=normalize(gl_FrontFacing?normal:-normal);float eta=textureCoordinateGenerator.parameter[0];return vec4(refract(normalize(vertex),-N,eta),1.0);}case x3d_SphereReflectLocal:{vec3 N=normalize(gl_FrontFacing?localNormal:-localNormal);float eta=textureCoordinateGenerator.parameter[0];vec3 eye=vec3(textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2],textureCoordinateGenerator.parameter[3]);return vec4(refract(normalize(localVertex-eye),-N,eta),1.0);}default:{return x3d_TextureMatrix[textureTransformMapping]*texCoords[textureCoordinateMapping];}}}uniform x3d_TextureCoordinateGeneratorParameters x3d_TextureCoordinateGenerator[X3D_NUM_TEXTURE_COORDINATES];vec3 getTexCoord(const in int textureTransformMapping,const in int textureCoordinateMapping){vec4 texCoord=getTexCoord(x3d_TextureCoordinateGenerator[textureCoordinateMapping],textureTransformMapping,textureCoordinateMapping);texCoord.stp/=texCoord.q;
+}uniform mat4 x3d_TextureMatrix[X3D_NUM_TEXTURE_TRANSFORMS];vec4 getTexCoord(const in x3d_TextureCoordinateGeneratorParameters textureCoordinateGenerator,const in int textureTransformMapping,const in int textureCoordinateMapping){int mode=textureCoordinateGenerator.mode;switch(mode){case x3d_None:{return x3d_TextureMatrix[textureTransformMapping]*texCoords[textureCoordinateMapping];}case x3d_Sphere:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec2 N=normalize(normal).xy;
+#else
+vec2 N=normalize(gl_FrontFacing?normal:-normal).xy;
+#endif
+return vec4(N*0.5+0.5,0.0,1.0);}case x3d_CameraSpaceNormal:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+return vec4(N,1.0);}case x3d_CameraSpacePosition:{return vec4(vertex,1.0);}case x3d_CameraSpaceReflectionVector:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+return vec4(reflect(normalize(vertex),-N),1.0);}case x3d_SphereLocal:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec2 N=normalize(localNormal).xy;
+#else
+vec2 N=normalize(gl_FrontFacing?localNormal:-localNormal).xy;
+#endif
+return vec4(N*0.5+0.5,0.0,1.0);}case x3d_Coord:{return vec4(localVertex,1.0);}case x3d_CoordEye:{return vec4(vertex,1.0);}case x3d_Noise:{vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(localVertex*scale+translation),1.0);}case x3d_NoiseEye:{vec3 scale=vec3(textureCoordinateGenerator.parameter[0],textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2]);vec3 translation=vec3(textureCoordinateGenerator.parameter[3],textureCoordinateGenerator.parameter[4],textureCoordinateGenerator.parameter[5]);return vec4(perlin(vertex*scale+translation),1.0);}case x3d_SphereReflect:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(normal);
+#else
+vec3 N=normalize(gl_FrontFacing?normal:-normal);
+#endif
+float eta=textureCoordinateGenerator.parameter[0];return vec4(refract(normalize(vertex),-N,eta),1.0);}case x3d_SphereReflectLocal:{
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normalize(localNormal);
+#else
+vec3 N=normalize(gl_FrontFacing?localNormal:-localNormal);
+#endif
+float eta=textureCoordinateGenerator.parameter[0];vec3 eye=vec3(textureCoordinateGenerator.parameter[1],textureCoordinateGenerator.parameter[2],textureCoordinateGenerator.parameter[3]);return vec4(refract(normalize(localVertex-eye),-N,eta),1.0);}default:{return x3d_TextureMatrix[textureTransformMapping]*texCoords[textureCoordinateMapping];}}}uniform x3d_TextureCoordinateGeneratorParameters x3d_TextureCoordinateGenerator[X3D_NUM_TEXTURE_COORDINATES];vec3 getTexCoord(const in int textureTransformMapping,const in int textureCoordinateMapping){vec4 texCoord=getTexCoord(x3d_TextureCoordinateGenerator[textureCoordinateMapping],textureTransformMapping,textureCoordinateMapping);texCoord.stp/=texCoord.q;
 #if defined(X3D_GEOMETRY_2D)
 if(gl_FrontFacing==false)texCoord.s=1.0-texCoord.s;
 #endif
@@ -94102,7 +94241,13 @@ textureColor = texture (x3d_TextureProjectorTexture [${i}], texCoord);
 break;
 #endif
 `) .join ("\n")}
-}return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);vec3 N=gl_FrontFacing?normal:-normal;for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
+}return textureColor;}vec3 getTextureProjectorColor(){vec3 currentColor=vec3(1.0);
+#if defined(X3D_GEOMETRY_0D)||defined(X3D_GEOMETRY_1D)
+vec3 N=normal;
+#else
+vec3 N=gl_FrontFacing?normal:-normal;
+#endif
+for(int i=0;i<X3D_NUM_TEXTURE_PROJECTORS;++i){vec4 texCoord=x3d_TextureProjectorMatrix[i]*vec4(vertex,1.0);texCoord.stp/=texCoord.q;texCoord.p=clamp(texCoord.p,x3d_TextureProjectorParams[i].x,x3d_TextureProjectorParams[i].y);if(any(greaterThan(abs(texCoord.stp-0.5),vec3(0.5))))continue;vec3 p=x3d_TextureProjectorLocation[i]-vertex;if(dot(N,p)<0.0)continue;vec4 T=getTextureProjectorTexture(i,texCoord.st);
 #if defined(X3D_COLORSPACE_SRGB)
 if(bool(x3d_TextureProjectorParams[i].z))T=linearToSRGB(T);
 #elif defined(X3D_COLORSPACE_LINEAR_WHEN_PHYSICAL_MATERIAL)
@@ -94270,8 +94415,10 @@ void main(){
 clip();
 #endif
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
+#if!(defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES))
 if(getPointColor(vec4(1.0)).a<0.5)discard;
 #endif
+#endif
 gl_FragColor=vec4(gl_FragCoord.z);}`
 ;
 
@@ -94531,8 +94678,10 @@ void main(){
 clip();
 #endif
 #if defined(X3D_GEOMETRY_0D)&&defined(X3D_STYLE_PROPERTIES)
+#if!(defined(X3D_TEXTURE)||defined(X3D_MATERIAL_TEXTURES))
 if(getPointColor(vec4(1.0)).a<0.5)discard;
 #endif
+#endif
 x3d_FragColor=vec4(gl_FragCoord.z);}`
 ;
 
@@ -95642,7 +95791,7 @@ const ShaderCompiler_default_ = ShaderCompiler;
 
 /* harmony default export */ const Shaders_ShaderCompiler = (x_ite_Namespace .add ("ShaderCompiler", ShaderCompiler_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shaders/ShaderPart.js
-/* provided dependency */ var ShaderPart_$ = __webpack_require__(375);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -96240,7 +96389,7 @@ const X3DAppearanceNode_default_ = X3DAppearanceNode;
 
 /* harmony default export */ const Shape_X3DAppearanceNode = (x_ite_Namespace .add ("X3DAppearanceNode", X3DAppearanceNode_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Shape/Appearance.js
-/* provided dependency */ var Appearance_$ = __webpack_require__(375);
+/* provided dependency */ var Appearance_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -96428,7 +96577,7 @@ Object .assign (Object .setPrototypeOf (Appearance .prototype, Shape_X3DAppearan
    },
    set_alphaMode__ ()
    {
-      this .alphaMode = Appearance_$.enum (Shape_AlphaMode, this ._alphaMode .getValue (), Shape_AlphaMode .AUTO);
+      this .alphaMode = Appearance_$.enum (Shape_AlphaMode, this ._alphaMode .getValue ()) ?? Shape_AlphaMode .AUTO;
 
       this .set_alphaCutoff__ ();
    },
@@ -104475,8 +104624,8 @@ const GifMedia_default_ = GifMedia;
 
 /* harmony default export */ const Texturing_GifMedia = (x_ite_Namespace .add ("GifMedia", GifMedia_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var MovieTexture_$ = __webpack_require__(375);
-/* provided dependency */ var SuperGif = __webpack_require__(776);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(386);
+/* provided dependency */ var SuperGif = __webpack_require__(141);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -106944,7 +107093,7 @@ const gettext_default_ = (string) => locale .get (string) || string;
 
 /* harmony default export */ const gettext = (x_ite_Namespace .add ("gettext", gettext_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var BrowserTimings_$ = __webpack_require__(375);
+/* provided dependency */ var BrowserTimings_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107574,7 +107723,7 @@ const TextCompression_default_ = TextCompression;
 
 /* harmony default export */ const Core_TextCompression = (x_ite_Namespace .add ("TextCompression", TextCompression_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserOptions.js
-/* provided dependency */ var BrowserOptions_$ = __webpack_require__(375);
+/* provided dependency */ var BrowserOptions_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -107807,7 +107956,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          primitiveQuality = value .getValue () .toUpperCase ();
 
       this .localStorage .PrimitiveQuality = primitiveQuality;
-      this .primitiveQuality               = BrowserOptions_$.enum (Core_PrimitiveQuality, primitiveQuality, Core_PrimitiveQuality .MEDIUM);
+      this .primitiveQuality               = BrowserOptions_$.enum (Core_PrimitiveQuality, primitiveQuality) ?? Core_PrimitiveQuality .MEDIUM;
 
       if (typeof browser .setPrimitiveQuality2D === "function")
          browser .setPrimitiveQuality2D (this .primitiveQuality);
@@ -107822,7 +107971,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
          textureQuality = value .getValue () .toUpperCase ();
 
       this .localStorage .TextureQuality = textureQuality;
-      this .textureQuality               = BrowserOptions_$.enum (Core_TextureQuality, textureQuality, Core_TextureQuality .MEDIUM);
+      this .textureQuality               = BrowserOptions_$.enum (Core_TextureQuality, textureQuality) ?? Core_TextureQuality .MEDIUM;
 
       if (typeof browser .setTextureQuality === "function")
          browser .setTextureQuality (this .textureQuality);
@@ -107843,7 +107992,7 @@ Object .assign (Object .setPrototypeOf (BrowserOptions .prototype, Base_X3DBaseN
             browser = this .getBrowser (),
             shading = value .getValue () .toUpperCase () .replace ("POINTSET", "POINT");
 
-         this .shading = BrowserOptions_$.enum (Core_Shading, shading, Core_Shading .GOURAUD);
+         this .shading = BrowserOptions_$.enum (Core_Shading, shading) ?? Core_Shading .GOURAUD;
 
          browser .getRenderingProperties () ._Shading = strings [this .shading];
          browser .setShading (this .shading);
@@ -108221,7 +108370,7 @@ const RenderingProperties_default_ = RenderingProperties;
 
 /* harmony default export */ const Core_RenderingProperties = (x_ite_Namespace .add ("RenderingProperties", RenderingProperties_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/Notification.js
-/* provided dependency */ var Notification_$ = __webpack_require__(375);
+/* provided dependency */ var Notification_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -108343,8 +108492,8 @@ const Notification_default_ = Notification;
 
 /* harmony default export */ const Core_Notification = (x_ite_Namespace .add ("Notification", Notification_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/ContextMenu.js
-/* provided dependency */ var jquery_fullscreen = __webpack_require__(123);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(375);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(306);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -111079,7 +111228,7 @@ const DataStorage_default_ = DataStorage;
 
 /* harmony default export */ const Utility_DataStorage = (x_ite_Namespace .add ("DataStorage", DataStorage_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/X3DCoreContext.js
-/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(375);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -113690,8 +113839,8 @@ const X3DViewer_default_ = X3DViewer;
 
 /* harmony default export */ const Navigation_X3DViewer = (x_ite_Namespace .add ("X3DViewer", X3DViewer_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/ExamineViewer.js
-/* provided dependency */ var jquery_mousewheel = __webpack_require__(415);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(375);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -114606,8 +114755,8 @@ const ExamineViewer_default_ = ExamineViewer;
 
 /* harmony default export */ const Navigation_ExamineViewer = (x_ite_Namespace .add ("ExamineViewer", ExamineViewer_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/X3DFlyViewer.js
-/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(415);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(375);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115622,8 +115771,8 @@ const FlyViewer_default_ = FlyViewer;
 
 /* harmony default export */ const Navigation_FlyViewer = (x_ite_Namespace .add ("FlyViewer", FlyViewer_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/PlaneViewer.js
-/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(415);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(375);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115952,8 +116101,8 @@ const NoneViewer_default_ = NoneViewer;
 
 /* harmony default export */ const Navigation_NoneViewer = (x_ite_Namespace .add ("NoneViewer", NoneViewer_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/LookAtViewer.js
-/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(415);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(375);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -117098,8 +117247,8 @@ const X3DPickingContext_default_ = X3DPickingContext;
 
 /* harmony default export */ const Picking_X3DPickingContext = (x_ite_Namespace .add ("X3DPickingContext", X3DPickingContext_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/PointingDeviceSensor/PointingDevice.js
-/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(415);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(375);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(336);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -117952,6 +118101,8 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
          geometryContext = shapeNode .getGeometryContext (),
          options         = [ ];
 
+      options .push ("X3D_DEPTH_SHADER");
+
       if (geometryContext .hasNormals)
          options .push ("X3D_NORMALS");
 
@@ -117977,6 +118128,12 @@ Object .assign (X3DPointingDeviceSensorContext .prototype,
       if (appearanceNode .getStyleProperties (geometryContext .geometryType))
          options .push ("X3D_STYLE_PROPERTIES");
 
+      if (+appearanceNode .getMaterial () .getTextureBits ())
+         options .push ("X3D_MATERIAL_TEXTURES");
+
+      if (+appearanceNode .getTextureBits ())
+         options .push ("X3D_TEXTURE");
+
       if (humanoidNode)
       {
          options .push ("X3D_SKINNING");
@@ -118538,7 +118695,7 @@ const Lock_default_ = Lock;
 
 /* harmony default export */ const Utility_Lock = (x_ite_Namespace .add ("Lock", Lock_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Rendering/X3DRenderingContext.js
-/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(375);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118652,6 +118809,7 @@ Object .assign (X3DRenderingContext .prototype,
       gl .enable (gl .DEPTH_TEST);
       gl .depthFunc (gl .LEQUAL);
       gl .clearDepth (1);
+      gl .sampleCoverage (1.0, false);
 
       gl .blendFuncSeparate (gl .SRC_ALPHA, gl .ONE_MINUS_SRC_ALPHA, gl .ONE, gl .ONE_MINUS_SRC_ALPHA);
       gl .blendEquationSeparate (gl .FUNC_ADD, gl .FUNC_ADD);
@@ -119322,13 +119480,12 @@ const X3DScriptingContext_default_ = X3DScriptingContext;
 
 
 const
-   _wireframe      = Symbol (),
    _primitiveModes = Symbol (),
-   _shaderNodes    = Symbol ();
+   _shaderNodes    = Symbol (),
+   _wireframe      = Symbol ();
 
 function X3DShadersContext ()
 {
-   this [_wireframe]      = false;
    this [_primitiveModes] = new Map ();
    this [_shaderNodes]    = new Map ();
 }
@@ -119369,10 +119526,6 @@ Object .assign (X3DShadersContext .prototype,
 
       return gl .getParameter (gl .MAX_VARYING_VECTORS);
    },
-   getWireframe ()
-   {
-      return this [_wireframe];
-   },
    getPrimitiveMode (primitiveMode)
    {
       return this [_primitiveModes] .get (primitiveMode);
@@ -119383,26 +119536,43 @@ Object .assign (X3DShadersContext .prototype,
    },
    setShading (type)
    {
-      const gl = this .getContext ();
+      const
+         gl             = this .getContext (),
+         primitiveModes = this [_primitiveModes];
+
+      if (this [_wireframe])
+      {
+         this [_wireframe] = false;
+
+         const ext = gl .getExtension ("WEBGL_polygon_mode");
+
+         ext ?.polygonModeWEBGL (gl .FRONT_AND_BACK, ext .FILL_WEBGL);
+      }
 
       switch (type)
       {
          case Core_Shading .POINT:
          {
-            this [_wireframe] = false;
+            primitiveModes
+               .set (gl .POINTS,    gl .POINTS)
+               .set (gl .LINES,     gl .POINTS)
+               .set (gl .TRIANGLES, gl .POINTS);
 
-            this [_primitiveModes] .set (gl .POINTS,    gl .POINTS);
-            this [_primitiveModes] .set (gl .LINES,     gl .POINTS);
-            this [_primitiveModes] .set (gl .TRIANGLES, gl .POINTS);
             break;
          }
          case Core_Shading .WIREFRAME:
          {
             this [_wireframe] = true;
 
-            this [_primitiveModes] .set (gl .POINTS,    gl .POINTS);
-            this [_primitiveModes] .set (gl .LINES,     gl .LINES);
-            this [_primitiveModes] .set (gl .TRIANGLES, gl .LINE_LOOP);
+            const ext = gl .getExtension ("WEBGL_polygon_mode");
+
+            ext ?.polygonModeWEBGL (gl .FRONT_AND_BACK, ext .LINE_WEBGL);
+
+            primitiveModes
+               .set (gl .POINTS,    gl .POINTS)
+               .set (gl .LINES,     gl .LINES)
+               .set (gl .TRIANGLES, gl .TRIANGLES);
+
             break;
          }
          default:
@@ -119411,15 +119581,19 @@ Object .assign (X3DShadersContext .prototype,
             // case Shading .GOURAUD:
             // case Shading .PHONG:
 
-            this [_wireframe] = false;
-
-            this [_primitiveModes] .set (gl .POINTS,    gl .POINTS);
-            this [_primitiveModes] .set (gl .LINES,     gl .LINES);
-            this [_primitiveModes] .set (gl .TRIANGLES, gl .TRIANGLES);
+            primitiveModes
+               .set (gl .POINTS,    gl .POINTS)
+               .set (gl .LINES,     gl .LINES)
+               .set (gl .TRIANGLES, gl .TRIANGLES);
+               
             break;
          }
       }
    },
+   getWireframe ()
+   {
+      return this [_wireframe];
+   },
    createShader (name, vs, fs = vs, options = [ ], uniformNames = [ ], transformFeedbackVaryings = [ ])
    {
       if (DEVELOPMENT)
@@ -119844,7 +120018,7 @@ const X3DSoundContext_default_ = X3DSoundContext;
 
 /* harmony default export */ const Sound_X3DSoundContext = (x_ite_Namespace .add ("X3DSoundContext", X3DSoundContext_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Texturing/KTXDecoder.js
-/* provided dependency */ var KTXDecoder_$ = __webpack_require__(375);
+/* provided dependency */ var KTXDecoder_$ = __webpack_require__(386);
 const KTXDecoder_default_ = class KTXDecoder
 {
    constructor (gl, externalKtxlib, scriptDir)
@@ -121421,7 +121595,7 @@ const Components_default_ = Components;
 
 /* harmony default export */ const x_ite_Components = (x_ite_Namespace .add ("Components", Components_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/DOMIntegration.js
-/* provided dependency */ var DOMIntegration_$ = __webpack_require__(375);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(386);
 /*******************************************************************************
  * MIT License
  *
@@ -122687,7 +122861,7 @@ const FieldTypes_default_ = new Configuration_FieldTypesArray (Object .values (x
 
 /* harmony default export */ const FieldTypes = (x_ite_Namespace .add ("FieldTypes", FieldTypes_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(375);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -123754,7 +123928,7 @@ const X3DBrowser_default_ = X3DBrowser;
 
 /* harmony default export */ const Browser_X3DBrowser = (x_ite_Namespace .add ("X3DBrowser", X3DBrowser_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/X3DCanvasElement.js
-/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(375);
+/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -124021,8 +124195,8 @@ const QuickSort_default_ = QuickSort;
 
 /* harmony default export */ const Algorithms_QuickSort = (x_ite_Namespace .add ("QuickSort", QuickSort_default_));
 ;// CONCATENATED MODULE: ./src/lib/jquery.js
-/* provided dependency */ var jquery_$ = __webpack_require__(375);
-/* provided dependency */ var pako = __webpack_require__(671);
+/* provided dependency */ var jquery_$ = __webpack_require__(386);
+/* provided dependency */ var pako = __webpack_require__(514);
 Object .assign (jquery_$,
 {
    decodeText (input)
@@ -124059,9 +124233,10 @@ Object .assign (jquery_$,
             console .error (error .message);
       }
    },
-   enum (object, property, defaultValue)
+   enum (object, property)
    {
-      return object .hasOwnProperty (property) ? object [property] : defaultValue;
+      if (object .hasOwnProperty (property))
+         return object [property];
    },
 });
 
@@ -124098,13 +124273,13 @@ const jquery_default_ = jquery_$;
 
 /* harmony default export */ const jquery = (x_ite_Namespace .add ("jquery", jquery_default_));
 ;// CONCATENATED MODULE: ./src/lib/libtess.js
-/* provided dependency */ var libtess_libtess = __webpack_require__(660);
+/* provided dependency */ var libtess_libtess = __webpack_require__(475);
 const libtess_default_ = libtess_libtess;
 ;
 
 /* harmony default export */ const lib_libtess = (x_ite_Namespace .add ("libtess", libtess_default_));
 ;// CONCATENATED MODULE: ./src/x_ite/X3D.js
-/* provided dependency */ var X3D_$ = __webpack_require__(375);
+/* provided dependency */ var X3D_$ = __webpack_require__(386);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -124408,7 +124583,7 @@ x_ite_Namespace, x_ite_Namespace .Fields,
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-10.4.2")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-10.5.0")] = x_ite_X3D;
 
 customElements .define ("x3d-canvas", x_ite_X3DCanvasElement);