x_ite 8.6.8 → 8.6.9

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v8.6.8 */(function webpackUniversalModuleDefinition(root, factory) {
+/* X_ITE v8.6.9 */(function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
 	else if(typeof define === 'function' && define.amd)
@@ -11,11 +11,11 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 169:
+/***/ 599:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-/* provided dependency */ var jQuery = __webpack_require__(5);
+/* provided dependency */ var jQuery = __webpack_require__(998);
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;
 
 /**
@@ -387,10 +387,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;
 
 /***/ }),
 
-/***/ 352:
+/***/ 774:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(5);
+/* provided dependency */ var jQuery = __webpack_require__(998);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -586,7 +586,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 367:
+/***/ 136:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -600,7 +600,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__(5)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(998)], __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__));
@@ -811,7 +811,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 5:
+/***/ 998:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11812,7 +11812,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 587:
+/***/ 422:
 /***/ ((module) => {
 
 /**
@@ -16591,7 +16591,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 81:
+/***/ 978:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19836,7 +19836,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 667:
+/***/ 921:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -21094,6 +21094,92 @@ const __default__ = X3DConstants;
 
 x_ite_Namespace.set ("x_ite/Base/X3DConstants", __default__);
 /* harmony default export */ const Base_X3DConstants = (__default__);
+;// CONCATENATED MODULE: ./src/x_ite/Execution/NamedNodesHandling.js
+/*******************************************************************************
+ *
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * Copyright create3000, Scheffelstraße 31a, Leipzig, Germany 2011 - 2022.
+ *
+ * All rights reserved. Holger Seelig <holger.seelig@yahoo.de>.
+ *
+ * The copyright notice above does not evidence any actual of intended
+ * publication of such source code, and is an unpublished work by create3000.
+ * This material contains CONFIDENTIAL INFORMATION that is the property of
+ * create3000.
+ *
+ * No permission is granted to copy, distribute, or create derivative works from
+ * the contents of this software, in whole or in part, without the prior written
+ * permission of create3000.
+ *
+ * NON-MILITARY USE ONLY
+ *
+ * All create3000 software are effectively free software with a non-military use
+ * restriction. It is free. Well commented source is provided. You may reuse the
+ * source in any way you please with the exception anything that uses it must be
+ * marked to indicate is contains 'non-military use only' components.
+ *
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * Copyright 2011 - 2022, Holger Seelig <holger.seelig@yahoo.de>.
+ *
+ * This file is part of the X_ITE Project.
+ *
+ * X_ITE is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License version 3 only, as published by the
+ * Free Software Foundation.
+ *
+ * X_ITE is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU General Public License version 3 for more
+ * details (a copy is included in the LICENSE file that accompanied this code).
+ *
+ * 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.
+ *
+ * For Silvio, Joy and Adi.
+ *
+ ******************************************************************************/
+
+const getUniqueName = function (array, name = "", number = false)
+{
+   name = String (name) .replace (/_\d+$/, "");
+
+   let
+      newName = number ? `${name}_1` : name,
+      lo      = 1,
+      hi      = 1;
+
+   while (array .has (newName) || newName .length === 0)
+   {
+      lo   = hi;
+      hi <<= 1;
+
+      newName = `${name}_${lo}`;
+   }
+
+   lo >>>= 1;
+   hi >>>= 1;
+
+   if (lo && hi)
+   {
+      while (lo < hi)
+      {
+         const m = (lo + hi) >>> 1;
+
+         if (array .has (`${name}_${m}`))
+            lo = m + 1;
+         else
+            hi = m;
+      }
+
+      newName = `${name}_${lo}`;
+   }
+
+   return newName;
+};
+
 ;// CONCATENATED MODULE: ./src/x_ite/InputOutput/Generator.js
 /*******************************************************************************
  *
@@ -21144,6 +21230,7 @@ x_ite_Namespace.set ("x_ite/Base/X3DConstants", __default__);
 
 
 
+
 function Generator ({ style = "TIDY", precision = 7, doublePrecision = 15 })
 {
    this .Style (style);
@@ -21164,12 +21251,11 @@ function Generator ({ style = "TIDY", precision = 7, doublePrecision = 15 })
    this .importedNames         = new Map ();
    this .routeNodes            = new Set ();
    this .level                 = 0;
-   this .newName               = 0;
    this .containerFields       = [ ];
    this .units                 = true;
    this .unitCategories        = [ ];
 
-   this .names .set (null, new Map ());
+   this .names .set (null, new Set ());
 }
 
 Generator .prototype =
@@ -21309,7 +21395,7 @@ Generator .prototype =
       this .executionContextStack .push (executionContext);
 
       if (! this .names .has (executionContext))
-         this .names .set (executionContext, new Map ());
+         this .names .set (executionContext, Object .assign (new Set (), { index: 0 }));
 
       if (! this .importedNodesIndex .has (executionContext))
          this .importedNodesIndex .set (executionContext, new Set ());
@@ -21333,9 +21419,6 @@ Generator .prototype =
    },
    EnterScope: function ()
    {
-      if (this .level === 0)
-         this .newName = 0;
-
       ++ this .level;
    },
    LeaveScope: function ()
@@ -21403,79 +21486,47 @@ Generator .prototype =
    {
       return this .nodes .has (baseNode);
    },
-   Name: (function ()
+   Name: function (baseNode)
    {
-      const _TrailingNumbers = /_\d+$/;
+      // Is the node already in index.
 
-      return function (baseNode)
-      {
-         // Is the node already in index
+      const name = this .namesByNode .get (baseNode);
 
-         const name = this .namesByNode .get (baseNode);
+      if (name !== undefined)
+      {
+         return name;
+      }
+      else
+      {
+         const
+            name  = baseNode .getName (),
+            match = name .match (/^(.*?)(_\d+)?$/),
+            names = this .names .get (this .ExecutionContext ());
 
-         if (name !== undefined)
+         if (match [1])
          {
-            return name;
+            // The node has a name.
+
+            var newName = getUniqueName (names, name, !! match [2]);
          }
          else
          {
-            const names = this .names .get (this .ExecutionContext ());
-
-            // The node has no name
-
-            if (baseNode .getName () .length === 0)
-            {
-               if (this .NeedsName (baseNode))
-               {
-                  const name = this .UniqueName ();
-
-                  names .set (name, baseNode);
-                  this .namesByNode .set (baseNode, name);
-
-                  return name;
-               }
-
-               // The node doesn't need a name
-
-               return baseNode .getName ();
-            }
-
-            // The node has a name
+            // The node has no name.
 
-            let   name      = baseNode .getName ();
-            const hasNumber = name .match (_TrailingNumbers) !== null;
+            if (!this .NeedsName (baseNode))
+               return "";
 
-            name = name .replace (_TrailingNumbers, "");
-
-            if (name .length === 0)
-            {
-               if (this .NeedsName (baseNode))
-                  name = this .UniqueName ();
-
-               else
-                  return "";
-            }
-            else
-            {
-               let
-                  i       = 0,
-                  newName = hasNumber ? name + '_' + (++ i) : name;
+            var newName = `_${++ names .index}`;
+         }
 
-               while (names .has (newName))
-               {
-                  newName = name + '_' + (++ i);
-               }
+         // Add to indices.
 
-               name = newName;
-            }
+         names .add (newName);
+         this .namesByNode .set (baseNode, newName);
 
-            names .set (name, baseNode);
-            this .namesByNode .set (baseNode, name);
-
-            return name;
-         }
-      };
-   })(),
+         return newName;
+      }
+   },
    NeedsName: function (baseNode)
    {
       if (baseNode .getCloneCount () > 1)
@@ -21506,20 +21557,6 @@ Generator .prototype =
          return false;
       }
    },
-   UniqueName: function ()
-   {
-      const names = this .names .get (this .ExecutionContext ());
-
-      for (; ;)
-      {
-         const name = '_' + (++ this .newName);
-
-         if (names .has (name))
-            continue;
-
-         return name;
-      }
-   },
    LocalName: function (baseNode)
    {
       const importedName = this .importedNames .get (baseNode);
@@ -34912,7 +34949,7 @@ x_ite_Namespace.set ("x_ite/Base/X3DBaseNode", X3DBaseNode_default_);
  *
  ******************************************************************************/
 
-const VERSION_default_ = "8.6.8";
+const VERSION_default_ = "8.6.9";
 ;
 
 x_ite_Namespace.set ("x_ite/Browser/VERSION", VERSION_default_);
@@ -35167,70 +35204,70 @@ const Context =
 
       // Async functions
 
-      // Object .assign (gl, gl .getVersion () === 1
-      // ? {
-      //    readPixelsAsync: gl .readPixels,
-      // }
-      // : {
-      //    clientWaitAsync: function (sync, flags, timeout)
-      //    {
-      //       return new Promise ((resolve, reject) =>
-      //       {
-      //          const check = () =>
-      //          {
-      //             const result = this .clientWaitSync (sync, flags, 0);
-
-      //             switch (result)
-      //             {
-      //                case this .WAIT_FAILED:
-      //                {
-      //                   reject ();
-      //                   return;
-      //                }
-      //                case this .TIMEOUT_EXPIRED:
-      //                {
-      //                   setTimeout (check, timeout);
-      //                   return;
-      //                }
-      //                default:
-      //                {
-      //                   resolve ();
-      //                   return;
-      //                }
-      //             }
-      //          };
-
-      //          check ();
-      //       });
-      //    },
-      //    getBufferSubDataAsync: async function (target, buffer, srcByteOffset, dstBuffer, /* optional */ dstOffset, /* optional */ length)
-      //    {
-      //       const sync = this .fenceSync (this .SYNC_GPU_COMMANDS_COMPLETE, 0);
+      Object .assign (gl, gl .getVersion () === 1
+      ? {
+         readPixelsAsync: gl .readPixels,
+      }
+      : {
+         clientWaitAsync: function (sync, flags, timeout)
+         {
+            return new Promise ((resolve, reject) =>
+            {
+               const check = () =>
+               {
+                  const result = this .clientWaitSync (sync, flags, 0);
+
+                  switch (result)
+                  {
+                     case this .WAIT_FAILED:
+                     {
+                        reject ();
+                        return;
+                     }
+                     case this .TIMEOUT_EXPIRED:
+                     {
+                        setTimeout (check, timeout);
+                        return;
+                     }
+                     default:
+                     {
+                        resolve ();
+                        return;
+                     }
+                  }
+               };
 
-      //       this .flush ();
+               check ();
+            });
+         },
+         getBufferSubDataAsync: async function (target, buffer, srcByteOffset, dstBuffer, /* optional */ dstOffset, /* optional */ length)
+         {
+            const sync = this .fenceSync (this .SYNC_GPU_COMMANDS_COMPLETE, 0);
 
-      //       await this .clientWaitAsync (sync, 0, 10);
+            this .flush ();
 
-      //       this .deleteSync (sync);
+            await this .clientWaitAsync (sync, 0, 10);
 
-      //       this .bindBuffer (target, buffer);
-      //       this .getBufferSubData (target, srcByteOffset, dstBuffer, dstOffset, length);
-      //       this .bindBuffer (target, null);
-      //    },
-      //    readPixelsAsync: async function (x, y, w, h, format, type, dest, dstOffset)
-      //    {
-      //       const buffer = this .createBuffer ();
+            this .deleteSync (sync);
 
-      //       this .bindBuffer (this .PIXEL_PACK_BUFFER, buffer);
-      //       this .bufferData (this .PIXEL_PACK_BUFFER, dest .byteLength, this .STREAM_READ);
-      //       this .readPixels (x, y, w, h, format, type, 0);
-      //       this .bindBuffer (this .PIXEL_PACK_BUFFER, null);
+            this .bindBuffer (target, buffer);
+            this .getBufferSubData (target, srcByteOffset, dstBuffer, dstOffset, length);
+            this .bindBuffer (target, null);
+         },
+         readPixelsAsync: async function (x, y, w, h, format, type, dest, dstOffset)
+         {
+            const buffer = this .createBuffer ();
 
-      //       await this .getBufferSubDataAsync (this .PIXEL_PACK_BUFFER, buffer, 0, dest, dstOffset);
+            this .bindBuffer (this .PIXEL_PACK_BUFFER, buffer);
+            this .bufferData (this .PIXEL_PACK_BUFFER, dest .byteLength, this .STREAM_READ);
+            this .readPixels (x, y, w, h, format, type, 0);
+            this .bindBuffer (this .PIXEL_PACK_BUFFER, null);
 
-      //       this .deleteBuffer (buffer);
-      //    },
-      // });
+            await this .getBufferSubDataAsync (this .PIXEL_PACK_BUFFER, buffer, 0, dest, dstOffset);
+
+            this .deleteBuffer (buffer);
+         },
+      });
 
       // Return context.
 
@@ -35814,7 +35851,7 @@ const gettext_default_ = gettext;
 x_ite_Namespace.set ("locale/gettext", gettext_default_);
 /* harmony default export */ const locale_gettext = (gettext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var $ = __webpack_require__(5);
+/* provided dependency */ var $ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -35866,8 +35903,6 @@ x_ite_Namespace.set ("locale/gettext", gettext_default_);
 
 
 
-function f2 (n) { return n .toFixed (2); }
-
 function BrowserTimings (executionContext)
 {
    Base_X3DBaseNode.call (this, executionContext);
@@ -35928,6 +35963,7 @@ BrowserTimings .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
          this .fps .reset ();
          this .getBrowser () .prepareEvents () .addInterest ("update", this);
          this .update ();
+         this .build ();
       }
       else
       {
@@ -35975,7 +36011,7 @@ BrowserTimings .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
       let r = 0;
 
       rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Frame rate") + ":")) .append ($("<td></td>") .text (f2(1000 / this .fps .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("fps")));
-      rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Speed")      + ":")) .append ($("<td></td>") .text (f2(this .getSpeed (browser .currentSpeed))         .toLocaleString (language, fixed) + " " + this .getSpeedUnit (browser .currentSpeed)));
+      rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Speed") + ":")) .append ($("<td></td>") .text (f2(this .getSpeed (browser .currentSpeed)) .toLocaleString (language, fixed) + " " + this .getSpeedUnit (browser .currentSpeed)));
 
       if (this .localStorage .type === "MORE")
       {
@@ -36000,14 +36036,14 @@ BrowserTimings .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
 
          rows [1] .addClass ("x_ite-private-more");
 
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Browser")   + ":")) .append ($("<td></td>") .text (f2(browser .getSystemTime () .averageTime)           .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("X3D total")       + ":")) .append ($("<td></td>") .text (f2(browser .getBrowserTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Event Processing")   + ":")) .append ($("<td></td>") .text (f2(routingTime)          .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Pointer")   + ":")) .append ($("<td></td>") .text (f2(browser .getPointingTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Camera")    + ":")) .append ($("<td></td>") .text (f2(browser .getCameraTime () .averageTime)  .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Picking")   + ":")) .append ($("<td></td>") .text (f2(browser .getPickingTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Collision Detection") + ":")) .append ($("<td></td>") .text (f2(collisionTime)        .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
-         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Rendering")   + ":")) .append ($("<td></td>") .text (f2(browser .getDisplayTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Browser") + ":")) .append ($("<td></td>") .text (f2(browser .getSystemTime () .averageTime)           .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("X3D total") + ":")) .append ($("<td></td>") .text (f2(browser .getBrowserTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Event Processing") + ":")) .append ($("<td></td>") .text (f2(routingTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Pointer") + ":")) .append ($("<td></td>") .text (f2(browser .getPointingTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Camera") + ":")) .append ($("<td></td>") .text (f2(browser .getCameraTime () .averageTime)  .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Picking") + ":")) .append ($("<td></td>") .text (f2(browser .getPickingTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Collision Detection") + ":")) .append ($("<td></td>") .text (f2(collisionTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
+         rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Rendering") + ":")) .append ($("<td></td>") .text (f2(browser .getDisplayTime () .averageTime) .toLocaleString (language, fixed) + " " + locale_gettext("ms")));
          rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Number of Shapes")    + ":")) .append ($("<td></td>") .text (opaqueShapes + " + " + transparentShapes));
          rows [r++] = $("<tr></tr>") .append ($("<td></td>") .text (locale_gettext("Number of Sensors")   + ":")) .append ($("<td></td>") .text (prepareEvents + sensors));
 
@@ -36045,6 +36081,8 @@ BrowserTimings .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
    },
 });
 
+function f2 (n) { return isFinite (n) ? n .toFixed (2) : 0 .toFixed (2); }
+
 const BrowserTimings_default_ = BrowserTimings;
 ;
 
@@ -36506,6 +36544,9 @@ BrowserOptions .prototype = Object .assign (Object .create (Base_X3DBaseNode.pro
    set_straightenHorizon__: function (straightenHorizon)
    {
       this .localStorage .StraightenHorizon = straightenHorizon .getValue ();
+
+      if (straightenHorizon .getValue ())
+         this .getBrowser () .getActiveLayer ()?.straightenView ();
    },
    updateContentScale: function ()
    {
@@ -36772,7 +36813,7 @@ const RenderingProperties_default_ = RenderingProperties;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var Notification_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -36894,8 +36935,8 @@ const Notification_default_ = Notification;
 x_ite_Namespace.set ("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__(352);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(5);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(774);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -37048,18 +37089,9 @@ ContextMenu .prototype = Object .assign (Object .create (Base_X3DBaseNode.protot
                      browser .setBrowserOption ("StraightenHorizon", straightenHorizon);
 
                      if (straightenHorizon)
-                     {
                         browser .getNotification () ._string = locale_gettext("Straighten Horizon") + ": " + locale_gettext("on");
-
-                        const activeViewpoint = browser .getActiveViewpoint ();
-
-                        if (activeViewpoint)
-                           activeViewpoint .straighten (browser .getActiveLayer (), true);
-                     }
                      else
-                     {
                         browser .getNotification () ._string = locale_gettext("Straighten Horizon") + ": " + locale_gettext("off");
-                     }
                   }
                   .bind (this),
                },
@@ -38014,15 +38046,10 @@ X3DNode .prototype = Object .assign (Object .create (Base_X3DBaseNode.prototype)
          return copy;
       }
    },
-   getDisplayName: (function ()
+   getDisplayName: function ()
    {
-      const _TrailingNumber = /_\d+$/;
-
-      return function ()
-      {
-         return this .getName () .replace (_TrailingNumber, "");
-      };
-   })(),
+      return this .getName () .replace (/_\d+$/, "");
+   },
    getNeedsName: function ()
    {
       if (this .getName () .length)
@@ -41897,7 +41924,7 @@ const X3DUrlObject_default_ = X3DUrlObject;
 x_ite_Namespace.set ("x_ite/Components/Networking/X3DUrlObject", X3DUrlObject_default_);
 /* harmony default export */ const Networking_X3DUrlObject = (X3DUrlObject_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(5);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -45074,7 +45101,7 @@ const VRMLParser_default_ = VRMLParser;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -47117,7 +47144,7 @@ const URLs_default_ = URLs;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -47181,9 +47208,7 @@ x_ite_Namespace.set ("x_ite/Browser/Networking/URLs", URLs_default_);
 // https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html
 // https://github.com/KhronosGroup/glTF-Sample-Models
 
-const
-   STEP_TIME          = 1e-4, // in seconds
-   SAMPLES_PER_SECOND = 30;   // in 1/s
+const SAMPLES_PER_SECOND = 30; // in 1/s
 
 function GLTF2Parser (scene)
 {
@@ -47206,7 +47231,7 @@ function GLTF2Parser (scene)
    this .accessors             = [ ];
    this .samplers              = [ ];
    this .materials             = [ ];
-   this .textureTransformNodes = new Map ();
+   this .textureTransformNodes = [ ];
    this .cameras               = [ ];
    this .viewpoints            = 0;
    this .nodes                 = [ ];
@@ -47440,12 +47465,16 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (this .vectorValue (light .color, color))
          lightNode ._color = color;
 
+      lightNode ._global    = true;
       lightNode ._intensity = this .numberValue (light .intensity, 1);
 
       lightNode .setup ();
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), lightNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), lightNode);
+      }
 
       return lightNode;
    },
@@ -47591,7 +47620,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
                   components = Components .get (accessor .type),
                   count      = accessor .count || 0,
                   stride     = byteStride ? byteStride / TypedArray .BYTES_PER_ELEMENT : components,
-                  length     = stride * count,
+                  length     = Math .min (stride * count, (bufferView .byteLength - byteOffset) / TypedArray .BYTES_PER_ELEMENT),
                   array      = new TypedArray (bufferView .buffer, byteOffset, length);
 
                if (stride === components)
@@ -47716,7 +47745,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
                   name                  = this .sanitizeName (sampler .name);
 
                if (name)
+               {
                   scene .addNamedNode (scene .getUniqueName (name), texturePropertiesNode);
+                  scene .addExportedNode (scene .getUniqueExportName (name), texturePropertiesNode);
+               }
 
                // minFilter
 
@@ -47814,7 +47846,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          name        = this .sanitizeName (texture .name || image .name);
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), textureNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), textureNode);
+      }
 
       textureNode ._url            = [image .uri];
       textureNode ._flipVertically = true;
@@ -47843,13 +47878,18 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (material .appearanceNode)
          return material .appearanceNode;
 
-      if (!(material .extensions instanceof Object))
-         material .extensions = { };
+      const texCoordIndices = this .texCoordIndices ("", material);
+
+      this .texCoordIndex = [... texCoordIndices] .reduce (Math .max, -1);
+
+      this .textureTransformNodes = [ ];
+      this .texCoordMappings      = new Map ();
+      material .texCoordMappings  = this .texCoordMappings;
 
       const
          scene          = this .getExecutionContext (),
          appearanceNode = scene .createNode ("Appearance", false),
-         materialNode   = this .materialObjectMaterial (material),
+         materialNode   = this .createMaterial (material),
          name           = this .sanitizeName (material .name);
 
       const emissiveFactor = new Numbers_Color3 (0, 0, 0);
@@ -47857,8 +47897,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (this .vectorValue (material .emissiveFactor, emissiveFactor))
          materialNode ._emissiveColor = emissiveFactor;
 
-      materialNode ._emissiveTextureMapping = this .textureMapping (material .emissiveTexture);
       materialNode ._emissiveTexture        = this .textureInfo    (material .emissiveTexture);
+      materialNode ._emissiveTextureMapping = this .textureMapping (material .emissiveTexture);
 
       this .occlusionTextureInfo (material .occlusionTexture, materialNode);
       this .normalTextureInfo    (material .normalTexture,    materialNode);
@@ -47866,8 +47906,28 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       materialNode .setup ();
 
+      for (const i of texCoordIndices)
+      {
+         const mapping = `TEXCOORD_${i}`;
+
+         if (this .textureTransformNodes .length)
+         {
+            const textureTransformNode = scene .createNode ("TextureTransform", false);
+
+            textureTransformNode ._mapping = mapping;
+            textureTransformNode .setup ();
+
+            this .textureTransformNodes .push (textureTransformNode);
+         }
+
+         this .texCoordMappings .set (mapping, i);
+      }
+
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), appearanceNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), appearanceNode);
+      }
 
       appearanceNode ._alphaMode        = this .stringValue (material .alphaMode, "OPAQUE");
       appearanceNode ._alphaCutoff      = this .numberValue (material .alphaCutoff, 0.5);
@@ -47878,11 +47938,24 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       return material .appearanceNode = appearanceNode;
    },
-   materialObjectMaterial: function (material)
+   texCoordIndices: function (key, object, indices = new Set ())
+   {
+      if (!(object instanceof Object))
+         return indices;
+
+      if (key .endsWith ("Texture") && !object?.extensions?.KHR_texture_transform)
+         indices .add (object .texCoord || 0);
+
+      for (const [key, value] of Object .entries (object))
+         this .texCoordIndices (key, value, indices);
+
+      return indices;
+   },
+   createMaterial: function (material)
    {
       const materials = [
          this .pbrMetallicRoughnessObject .bind (this, material .pbrMetallicRoughness),
-         this .pbrSpecularGlossinessObject .bind (this, material .extensions .KHR_materials_pbrSpecularGlossiness),
+         this .pbrSpecularGlossinessObject .bind (this, material .extensions?.KHR_materials_pbrSpecularGlossiness),
          this .pbrMetallicRoughnessObject .bind (this, { }),
       ];
 
@@ -47916,10 +47989,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       materialNode ._metallic  = this .numberValue (pbrMetallicRoughness .metallicFactor,  1);
       materialNode ._roughness = this .numberValue (pbrMetallicRoughness .roughnessFactor, 1);
 
-      materialNode ._baseTextureMapping              = this .textureMapping (pbrMetallicRoughness .baseColorTexture);
       materialNode ._baseTexture                     = this .textureInfo    (pbrMetallicRoughness .baseColorTexture);
-      materialNode ._metallicRoughnessTextureMapping = this .textureMapping (pbrMetallicRoughness .metallicRoughnessTexture);
+      materialNode ._baseTextureMapping              = this .textureMapping (pbrMetallicRoughness .baseColorTexture);
       materialNode ._metallicRoughnessTexture        = this .textureInfo    (pbrMetallicRoughness .metallicRoughnessTexture);
+      materialNode ._metallicRoughnessTextureMapping = this .textureMapping (pbrMetallicRoughness .metallicRoughnessTexture);
 
       return materialNode;
    },
@@ -47954,30 +48027,23 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       materialNode ._shininess = this .numberValue (pbrSpecularGlossiness .glossinessFactor, 1);
 
-      materialNode ._diffuseTextureMapping   = this .textureMapping (pbrSpecularGlossiness .diffuseTexture);
       materialNode ._diffuseTexture          = this .textureInfo    (pbrSpecularGlossiness .diffuseTexture);
-      materialNode ._specularTextureMapping  = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._diffuseTextureMapping   = this .textureMapping (pbrSpecularGlossiness .diffuseTexture);
       materialNode ._specularTexture         = this .textureInfo    (pbrSpecularGlossiness .specularGlossinessTexture);
-      materialNode ._shininessTextureMapping = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._specularTextureMapping  = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
       materialNode ._shininessTexture        = this .textureInfo    (pbrSpecularGlossiness .specularGlossinessTexture);
+      materialNode ._shininessTextureMapping = this .textureMapping (pbrSpecularGlossiness .specularGlossinessTexture);
 
       return materialNode;
    },
-   textureMapping: function (texture)
-   {
-      if (!(texture instanceof Object))
-         return "";
-
-      return "TEXCOORD_" + (texture .texCoord || 0);
-   },
    occlusionTextureInfo: function (occlusionTexture, materialNode)
    {
       if (!(occlusionTexture instanceof Object))
          return null;
 
       materialNode ._occlusionStrength       = this .numberValue (occlusionTexture .strength, 1);
-      materialNode ._occlusionTextureMapping = this .textureMapping (occlusionTexture);
       materialNode ._occlusionTexture        = this .textureInfo (occlusionTexture);
+      materialNode ._occlusionTextureMapping = this .textureMapping (occlusionTexture);
    },
    normalTextureInfo: function (normalTexture, materialNode)
    {
@@ -47985,8 +48051,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          return null;
 
       materialNode ._normalScale          = this .numberValue (normalTexture .scale, 1);
-      materialNode ._normalTextureMapping = this .textureMapping (normalTexture);
       materialNode ._normalTexture        = this .textureInfo (normalTexture);
+      materialNode ._normalTextureMapping = this .textureMapping (normalTexture);
    },
    textureInfo: function (texture)
    {
@@ -47994,10 +48060,19 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          return null;
 
       if (texture .extensions instanceof Object)
-         this .textureTransformObject (texture .extensions .KHR_texture_transform, this .textureMapping (texture));
+         texture .mapping = this .textureTransformObject (texture .extensions .KHR_texture_transform, texture .texCoord || 0);
+      else
+         texture .mapping = `TEXCOORD_${texture .texCoord || 0}`;
 
       return this .textureObject (this .textures [texture .index]);
    },
+   textureMapping: function (texture)
+   {
+      if (!(texture instanceof Object))
+         return "";
+
+      return texture .mapping;
+   },
    materialExtensions: function (extensions, materialNode)
    {
       if (!(extensions instanceof Object))
@@ -48049,7 +48124,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       materialNode ._emissiveStrength = this .numberValue (KHR_materials_emissive_strength .emissiveStrength, 1);
    },
-   textureTransformObject: function (KHR_texture_transform, mapping)
+   textureTransformObject: function (KHR_texture_transform, texCoord)
    {
       if (!(KHR_texture_transform instanceof Object))
          return;
@@ -48059,7 +48134,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       const
          scene                = this .getExecutionContext (),
-         textureTransformNode = scene .createNode ("TextureTransformMatrix3D", false);
+         textureTransformNode = scene .createNode ("TextureTransformMatrix3D", false),
+         mapping              = `TEXCOORD_${this .texCoordIndex + this .textureTransformNodes .length + 1}`;
 
       const
          translation = new Numbers_Vector2 (0, 0),
@@ -48079,7 +48155,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       textureTransformNode .setup ();
 
-      this .textureTransformNodes .set (mapping, textureTransformNode);
+      this .textureTransformNodes .push (textureTransformNode);
+      this .texCoordMappings .set (mapping, KHR_texture_transform .texCoord ?? texCoord);
+
+      return mapping;
    },
    meshesArray: function (meshes)
    {
@@ -48107,7 +48186,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (name)
       {
          for (const shapeNode of shapeNodes)
+         {
             scene .addNamedNode (scene .getUniqueName (name), shapeNode);
+            scene .addExportedNode (scene .getUniqueExportName (name), shapeNode);
+         }
       }
 
       return mesh .shapeNodes = shapeNodes;
@@ -48341,7 +48423,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       // Name
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), viewpointNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), viewpointNode);
+      }
 
       if (camera .name)
          viewpointNode ._description = camera .name;
@@ -48437,7 +48522,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       // Name
 
       if (name)
+      {
          scene .addNamedNode (scene .getUniqueName (name), transformNode);
+         scene .addExportedNode (scene .getUniqueExportName (name), transformNode);
+      }
 
       // Set transformation matrix.
 
@@ -48569,6 +48657,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
             const switchNode = scene .createNode ("Switch", false);
 
             scene .addNamedNode (scene .getUniqueName ("Scenes"), switchNode);
+            scene .addExportedNode (scene .getUniqueExportName ("Scenes"), switchNode);
 
             // Scenes.
 
@@ -48607,7 +48696,10 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
                name      = this .sanitizeName (sceneObject .name);
 
             if (name)
+            {
                scene .addNamedNode (scene .getUniqueName (name), groupNode);
+               scene .addExportedNode (scene .getUniqueExportName (name), groupNode);
+            }
 
             groupNode ._children = nodes;
 
@@ -48638,7 +48730,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          groupNode = scene .createNode ("Group", false);
 
       scene .addNamedNode (scene .getUniqueName ("Animations"), groupNode);
-      scene .addExportedNode ("Animations", groupNode);
+      scene .addExportedNode (scene .getUniqueExportName ("Animations"), groupNode);
 
       groupNode ._children = animationNodes;
 
@@ -48667,6 +48759,8 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
 
       scene .addNamedNode (scene .getUniqueName (name || `Animation${this .animations}`), groupNode);
       scene .addNamedNode (scene .getUniqueName (`Timer${this .animations}`), timeSensorNode);
+      scene .addExportedNode (scene .getUniqueExportName (name || `Animation${this .animations}`), groupNode);
+      scene .addExportedNode (scene .getUniqueExportName (`Timer${this .animations}`), timeSensorNode);
 
       timeSensorNode ._description = animation .name || `Animation ${this .animations}`;
       groupNode ._children .push (timeSensorNode, ... channelNodes);
@@ -48801,11 +48895,9 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (!+materialNode .getTextureBits ())
          return null;
 
-      const textureTransformNodes = [... this .textureTransformNodes .values ()]
+      const textureTransformNodes = this .textureTransformNodes
          .sort ((a, b) => Algorithm.cmp (a ._mapping .getValue (), b ._mapping .getValue ()));
 
-      this .textureTransformNodes .clear ();
-
       switch (textureTransformNodes .length)
       {
          case 0:
@@ -49142,7 +49234,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (texCoords .textureCoordinateNode)
          return texCoords .textureCoordinateNode;
 
-      switch (texCoords .length)
+      switch (material .texCoordMappings .size)
       {
          case 0:
          {
@@ -49150,12 +49242,13 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
          }
          case 1:
          {
-            return texCoords .textureCoordinateNode = this .createTextureCoordinate (texCoords [0], 0);
+            return texCoords .textureCoordinateNode = [... material .texCoordMappings .entries ()]
+               .map (([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping)) [0];
          }
          default:
          {
-            const textureCoordinateNodes = texCoords
-               .map ((texCoord, i) => this .createTextureCoordinate (texCoord, i))
+            const textureCoordinateNodes = [... material .texCoordMappings .entries ()]
+               .map (([mapping, i]) => this .createTextureCoordinate (texCoords [i], mapping))
                .filter (node => node)
                .sort ((a, b) => Algorithm.cmp (a ._mapping .getValue (), b ._mapping .getValue ()));
 
@@ -49182,19 +49275,19 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
       if (texCoord .type !== "VEC2")
          return null;
 
-      if (texCoord .textureCoordinateNode)
-         return texCoord .textureCoordinateNode;
+      if (texCoord [mapping])
+         return texCoord [mapping];
 
       const
          scene                 = this .getExecutionContext (),
          textureCoordinateNode = scene .createNode ("TextureCoordinate", false);
 
-      textureCoordinateNode ._mapping = "TEXCOORD_" + mapping;
+      textureCoordinateNode ._mapping = mapping;
       textureCoordinateNode ._point   = texCoord .array;
 
       textureCoordinateNode .setup ();
 
-      return texCoord .textureCoordinateNode = textureCoordinateNode;
+      return texCoord [mapping] = textureCoordinateNode;
    },
    createNormal: function (normal)
    {
@@ -49290,7 +49383,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
             interpolatorNode ._key .push (times [0] / cycleInterval);
 
             for (let i = 1, length = times .length; i < length; ++ i)
-               interpolatorNode ._key .push ((times [i] - STEP_TIME) / cycleInterval, times [i] / cycleInterval);
+               interpolatorNode ._key .push (times [i] / cycleInterval, times [i] / cycleInterval);
 
             // KeyValue
 
@@ -49364,7 +49457,7 @@ GLTF2Parser .prototype = Object .assign (Object .create (Parser_X3DParser.protot
             interpolatorNode ._key .push (times [0] / cycleInterval);
 
             for (let i = 1, length = times .length; i < length; ++ i)
-               interpolatorNode ._key .push ((times [i] - STEP_TIME) / cycleInterval, times [i] / cycleInterval);
+               interpolatorNode ._key .push (times [i] / cycleInterval, times [i] / cycleInterval);
 
             // KeyValue
 
@@ -49496,7 +49589,7 @@ const GLTF2Parser_default_ = GLTF2Parser;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -49649,7 +49742,7 @@ const GLB2Parser_default_ = GLB2Parser;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -49936,24 +50029,30 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
          parser .parse ();
 
-         for (const [name, material] of parser .materials)
+         for (const [id, material] of parser .materials)
          {
-            const nodeName = this .sanitizeName (name);
+            const name = this .sanitizeName (id);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), material);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), material);
+               scene .addExportedNode (scene .getUniqueExportName (name), material);
+            }
 
-            this .materials .set (name, material);
+            this .materials .set (id, material);
          }
 
-         for (const [name, texture] of parser .textures)
+         for (const [id, texture] of parser .textures)
          {
-            const nodeName = this .sanitizeName (name);
+            const name = this .sanitizeName (id);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), texture);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), texture);
+               scene .addExportedNode (scene .getUniqueExportName (name), texture);
+            }
 
-            this .textures .set (name, texture);
+            this .textures .set (id, texture);
          }
       }
       catch (error)
@@ -49971,10 +50070,10 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
          if (OBJParser_Grammar .untilEndOfLine .parse (this))
          {
-            const name = this .result [1];
+            const id = this .result [1];
 
-            this .material = this .materials .get (name) || this .defaultMaterial;
-            this .texture  = this .textures .get (name);
+            this .material = this .materials .get (id) || this .defaultMaterial;
+            this .texture  = this .textures .get (id);
 
             const smoothingGroup = this .smoothingGroups .get (this .group .getNodeName ());
 
@@ -49998,8 +50097,8 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          if (OBJParser_Grammar .untilEndOfLine .parse (this))
          {
             const
-               scene    = this .getExecutionContext (),
-               nodeName = this .sanitizeName (this .result [1]);
+               scene = this .getExecutionContext (),
+               name  = this .sanitizeName (this .result [1]);
 
             if (this .group .children .length)
             {
@@ -50010,8 +50109,11 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
                scene .getRootNodes () .push (this .object);
             }
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), this .object);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), this .object);
+               scene .addExportedNode (scene .getUniqueExportName (name), this .object);
+            }
          }
 
          return true;
@@ -50030,10 +50132,10 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          if (OBJParser_Grammar .untilEndOfLine .parse (this))
          {
             const
-               scene    = this .getExecutionContext (),
-               name     = this .result [1],
-               nodeName = this .sanitizeName (name),
-               group    = this .groups .get (name);
+               scene = this .getExecutionContext (),
+               id    = this .result [1],
+               name  = this .sanitizeName (id),
+               group = this .groups .get (id);
 
             if (group)
             {
@@ -50049,10 +50151,13 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
                }
             }
 
-            this .groups .set (name, this .group);
+            this .groups .set (id, this .group);
 
-            if (nodeName)
-               scene .addNamedNode (scene .getUniqueName (nodeName), this .group);
+            if (name)
+            {
+               scene .addNamedNode (scene .getUniqueName (name), this .group);
+               scene .addExportedNode (scene .getUniqueExportName (name), this .group);
+            }
 
             this .smoothingGroup = 0;
          }
@@ -50377,7 +50482,7 @@ function MaterialParser (scene, input)
    this .materials        = new Map ();
    this .textures         = new Map ();
    this .color3           = new Numbers_Color3 ();
-   this .name             = "";
+   this .id               = "";
 }
 
 MaterialParser .prototype =
@@ -50470,15 +50575,15 @@ MaterialParser .prototype =
       {
          this .whitespacesNoLineTerminator ();
 
-         this .name = "";
+         this .id = "";
 
          if (OBJParser_Grammar .untilEndOfLine .parse (this))
          {
-            this .name = this .result [1];
+            this .id = this .result [1];
 
             this .material = this .executionContext .createNode ("Material");
 
-            this .materials .set (this .name, this .material);
+            this .materials .set (this .id, this .material);
 
             return true;
          }
@@ -50643,7 +50748,7 @@ MaterialParser .prototype =
          {
             const string = this .result [1];
 
-            if (string .length && this .name .length)
+            if (string .length && this .id .length)
             {
                const paths = string .trim () .split (/\s+/);
 
@@ -50656,7 +50761,7 @@ MaterialParser .prototype =
 
                   texture .url = [path];
 
-                  this .textures .set (this .name, texture);
+                  this .textures .set (this .id, texture);
                }
             }
 
@@ -50945,7 +51050,10 @@ STLAParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototy
          coordinate .point         = this .point;
 
          if (name)
+         {
             scene .addNamedNode (scene .getUniqueName (name), shape);
+            scene .addExportedNode (scene .getUniqueExportName (name), shape);
+         }
 
          scene .getRootNodes () .push (shape);
 
@@ -52087,8 +52195,8 @@ const MatrixStack_default_ = MatrixStack;
 x_ite_Namespace.set ("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__(5);
-/* provided dependency */ var libtess = __webpack_require__(587);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(998);
+/* provided dependency */ var libtess = __webpack_require__(422);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -52445,6 +52553,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
       // Add root Transform node.
 
       scene .addNamedNode (scene .getUniqueName ("ViewBox"), this .rootTransform);
+      scene .addExportedNode (scene .getUniqueExportName ("ViewBox"), this .rootTransform);
       scene .getRootNodes () .push (this .rootTransform);
 
       // Optimize scene graph.
@@ -53303,7 +53412,10 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          name  = this .sanitizeName (attribute);
 
       if (name)
+      {
 		   scene .addNamedNode (scene .getUniqueName (name), node);
+		   scene .addExportedNode (scene .getUniqueExportName (name), node);
+      }
    },
    viewBoxAttribute: function (attribute, defaultValue)
    {
@@ -54853,7 +54965,7 @@ const SVGParser_default_ = SVGParser;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -55182,7 +55294,7 @@ const Plane3_default_ = Plane3;
 x_ite_Namespace.set ("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__(587);
+/* provided dependency */ var Triangle3_libtess = __webpack_require__(422);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -58359,6 +58471,7 @@ X3DRenderObject .prototype =
       gl .depthMask (true);
       gl .enable (gl .DEPTH_TEST);
       gl .disable (gl .BLEND);
+      gl .colorMask (true, true, true, false);
 
       const opaqueShapes = this .opaqueShapes;
 
@@ -58380,6 +58493,7 @@ X3DRenderObject .prototype =
 
       gl .depthMask (false);
       gl .enable (gl .BLEND);
+      gl .colorMask (true, true, true, true);
 
       const transparentShapes = this .transparentShapes;
 
@@ -58969,8 +59083,6 @@ function X3DBindableNode (executionContext)
    Core_X3DChildNode.call (this, executionContext);
 
    this .addType (Base_X3DConstants.X3DBindableNode);
-
-   this .addChildObjects ("transitionActive", new x_ite_Fields.SFBool ());
 }
 
 X3DBindableNode .prototype = Object .assign (Object .create (Core_X3DChildNode.prototype),
@@ -59058,6 +59170,7 @@ function NavigationInfo (executionContext)
    this .addType (Base_X3DConstants.NavigationInfo);
 
    this .addChildObjects ("transitionStart",  new x_ite_Fields.SFBool (),
+                          "transitionActive", new x_ite_Fields.SFBool (),
                           "availableViewers", new x_ite_Fields.MFString (),
                           "viewer",           new x_ite_Fields.SFString ("EXAMINE"));
 
@@ -59971,7 +60084,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
       this .backFace              = new Map ([[gl .CCW, gl .CW], [gl .CW, gl .CCW]]);
       this .attribBuffers         = [ ];
       this .textureCoordinateNode = browser .getDefaultTextureCoordinate ();
-      this .texCoordBuffers       = Array .from ({length: browser .getMaxTextures ()}, () => gl .createBuffer ());
+      this .texCoordBuffers       = Array .from ({length: browser .getMaxTexCoords ()}, () => gl .createBuffer ());
       this .fogDepthBuffer        = gl .createBuffer ();
       this .colorBuffer           = gl .createBuffer ();
       this .normalBuffer          = gl .createBuffer ();
@@ -60623,16 +60736,6 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          if (this .multiTexCoords .length === 0)
             this .buildTexCoords ();
 
-         if (this .multiTexCoords .length)
-         {
-            const maxTextures = this .getBrowser () .getMaxTextures ();
-
-            for (let i = this .multiTexCoords .length; i < maxTextures; ++ i)
-               this .multiTexCoords [i] = this .multiTexCoords .at (-1);
-
-            this .multiTexCoords .length = maxTextures;
-         }
-
          // Transfer arrays and update.
 
          this .transfer ();
@@ -60812,8 +60915,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          attribBuffers = this .attribBuffers,
          primitiveMode = browser .getPrimitiveMode (this .primitiveMode);
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       shaderNode .enable (gl);
       shaderNode .setUniforms (gl, this, renderContext, front);
@@ -60884,8 +60986,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          }
       }
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
    },
    displaySimpleParticles: function (gl, shaderNode, particleSystem)
    {
@@ -60933,8 +61034,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          attribBuffers = this .attribBuffers,
          primitiveMode = browser .getPrimitiveMode (this .primitiveMode);
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       // Setup shader.
 
@@ -61004,8 +61104,7 @@ X3DGeometryNode .prototype = Object .assign (Object .create (Core_X3DNode.protot
          gl .drawArraysInstanced (primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
       }
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
    },
 });
 
@@ -62423,7 +62522,7 @@ const X3DTexture2DNode_default_ = X3DTexture2DNode;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -62488,7 +62587,6 @@ function ImageTexture (executionContext)
    this .addType (Base_X3DConstants.ImageTexture);
 
    this .image    = ImageTexture_$("<img></img>");
-   this .canvas   = ImageTexture_$("<canvas></canvas>");
    this .urlStack = new x_ite_Fields.MFString ();
 }
 
@@ -62574,7 +62672,7 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
 
       this .loadNext ();
    },
-   setImage: function ()
+   setImage: async function ()
    {
       if (DEBUG)
       {
@@ -62585,45 +62683,21 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
       try
       {
          const
-            gl     = this .getBrowser () .getContext (),
-            image  = this .image [0],
-            canvas = this .canvas [0],
-            cx     = canvas .getContext ("2d", { willReadFrequently: true });
-
-         let
-            width  = image .width,
-            height = image .height;
+            gl    = this .getBrowser () .getContext (),
+            image = this .image [0];
 
          // https://developer.mozilla.org/en-US/docs/Web/API/createImageBitmap
          // createImageBitmap
 
-         // Scale image if needed and flip vertically.
-
-         if (gl .getVersion () >= 2 || (Algorithm.isPowerOfTwo (width) && Algorithm.isPowerOfTwo (height)))
-         {
-            // Flip Y
-
-            canvas .width  = width;
-            canvas .height = height;
-
-            cx .clearRect (0, 0, width, height);
-            cx .save ();
-
-            if (!this ._flipVertically .getValue ())
-            {
-               cx .translate (0, height);
-               cx .scale (1, -1);
-            }
-
-            cx .drawImage (image, 0, 0);
-            cx .restore ();
-         }
-         else
+         if (gl .getVersion () === 1 && !(Algorithm.isPowerOfTwo (image .width) && Algorithm.isPowerOfTwo (image .height)))
          {
-            // Flip Y and scale image to next power of two.
+            const
+               canvas = document .createElement ("canvas"),
+               cx     = canvas .getContext ("2d", { willReadFrequently: true }),
+               width  = Algorithm.nextPowerOfTwo (image .width),
+               height = Algorithm.nextPowerOfTwo (image .height);
 
-            width  = Algorithm.nextPowerOfTwo (width);
-            height = Algorithm.nextPowerOfTwo (height);
+            // Flip Y and scale image to next power of two if needed.
 
             canvas .width  = width;
             canvas .height = height;
@@ -62639,25 +62713,31 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
 
             cx .drawImage (image, 0, 0, image .width, image .height, 0, 0, width, height);
             cx .restore ();
-         }
 
-         // Determine image alpha.
+            // Determine image alpha.
 
-         const data = cx .getImageData (0, 0, width, height) .data;
+            const
+               data        = cx .getImageData (0, 0, width, height, { premultipliedAlpha: false }) .data,
+               transparent = this .isImageTransparent (data);
 
-         let transparent = false;
+            // Upload image to GPU.
 
-         for (let i = 3, length = data .length; i < length; i += 4)
-         {
-            if (data [i] !== 255)
-            {
-               transparent = true;
-               break;
-            }
+            this .setTexture (width, height, transparent, data, false);
+            this .setLoadState (Base_X3DConstants.COMPLETE_STATE);
          }
+         else
+         {
+            const
+               data        = await this .getImageData (image),
+               transparent = this .isImageTransparent (data),
+               width       = image .width,
+               height      = image .height;
 
-         this .setTexture (width, height, transparent, data, false);
-         this .setLoadState (Base_X3DConstants.COMPLETE_STATE);
+            // Upload image to GPU.
+
+            this .setTexture (width, height, transparent, data, !this ._flipVertically .getValue ());
+            this .setLoadState (Base_X3DConstants.COMPLETE_STATE);
+         }
       }
       catch (error)
       {
@@ -62665,6 +62745,54 @@ ImageTexture .prototype = Object .assign (Object .create (Texturing_X3DTexture2D
          this .setError ({ type: error .message });
       }
    },
+   getImageData: async function (image)
+   {
+      const
+         gl          = this .getBrowser () .getContext (),
+         framebuffer = gl .createFramebuffer (),
+         texture     = gl .createTexture (),
+         data        = new Uint8Array (image .width * image .height * 4);
+
+      gl .bindFramebuffer (gl.FRAMEBUFFER, framebuffer);
+      gl .bindTexture (gl.TEXTURE_2D, texture);
+      gl .framebufferTexture2D (gl.FRAMEBUFFER, gl .COLOR_ATTACHMENT0, gl .TEXTURE_2D, texture, 0);
+      gl .texImage2D (gl .TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
+      await gl .readPixelsAsync (0, 0, image .width, image .height, gl.RGBA, gl.UNSIGNED_BYTE, data);
+      gl .deleteFramebuffer (framebuffer);
+      gl .deleteTexture (texture);
+
+      return data;
+   },
+   isImageTransparent: function (data)
+   {
+      for (let i = 3, length = data .length; i < length; i += 4)
+      {
+         if (data [i] !== 255)
+            return true;
+      }
+
+      return false;
+   },
+   flipImage (data, width, height, components)
+   {
+      const
+         height1_2   = height >> 1,
+         bytesPerRow = width * components,
+         tmp         = new Uint8Array (bytesPerRow);
+
+      for (let y = 0; y < height1_2; ++ y)
+      {
+         const
+            top    = y * bytesPerRow,
+            bottom = (height - y - 1) * bytesPerRow;
+
+         tmp .set (data .subarray (top, top + bytesPerRow));
+         data .copyWithin (top, bottom, bottom + bytesPerRow);
+         data .set (tmp, bottom);
+      }
+
+      return data;
+   },
    dispose: function ()
    {
       Networking_X3DUrlObject.prototype.dispose.call (this);
@@ -63050,13 +63178,17 @@ X3DLayerNode .prototype = Object .assign (Object .create (Core_X3DNode.prototype
    {
       return this .collisionTime;
    },
-   lookAt: function (factor = 1, straighten = false)
+   viewAll: function (factor = 1, straighten = false)
    {
       const
          viewpointNode = this .getViewpoint (),
          bbox          = this .getBBox (new Geometry_Box3 ()) .multRight (Numbers_Matrix4.inverse (viewpointNode .getModelMatrix ()));
 
-         viewpointNode .lookAt (this, bbox .center, viewpointNode .getLookAtDistance (bbox), factor, straighten);
+      viewpointNode .lookAt (this, bbox .center, viewpointNode .getLookAtDistance (bbox), factor, straighten);
+   },
+   straightenView: function ()
+   {
+      this .getViewpoint () .straightenView (this);
    },
    set_viewport__: function ()
    {
@@ -64603,7 +64735,6 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
       this .scaleOrientationInterpolator .setup ();
       this .fieldOfViewScaleInterpolator .setup ();
 
-      this .timeSensor ._isActive         .addFieldInterest (this ._transitionActive);
       this .timeSensor ._fraction_changed .addFieldInterest (this .easeInEaseOut ._set_fraction);
 
       this .easeInEaseOut ._modifiedFraction_changed .addFieldInterest (this .positionInterpolator         ._set_fraction);
@@ -64671,10 +64802,18 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
    },
    set_active__: function (navigationInfoNode, active)
    {
-      if (this ._isBound .getValue () && ! active .getValue () && this .timeSensor ._fraction_changed .getValue () === 1)
-      {
-         navigationInfoNode ._transitionComplete = true;
-      }
+      if (active .getValue ())
+         return;
+
+      this .timeSensor ._isActive .removeInterest ("set_active__", this);
+
+      if (!this ._isBound .getValue ())
+         return;
+
+      if (this .timeSensor ._fraction_changed .getValue () !== 1)
+         return;
+
+      navigationInfoNode ._transitionComplete = true;
    },
    setInterpolators: function () { },
    getPosition: function ()
@@ -64757,6 +64896,11 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
          if (this ._viewAll .getValue ())
             this .viewAll (layerNode .getBBox (new Geometry_Box3 ()));
 
+         if (this .getBrowser () .getBrowserOption ("StraightenHorizon"))
+         {
+            this ._orientationOffset = this .straightenHorizon (this .getUserOrientation ()) .multLeft (this .getOrientation () .copy () .inverse ());
+         }
+
          // Handle NavigationInfo.
 
          const
@@ -64805,7 +64949,7 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
             }
          }
 
-         layerNode .getNavigationInfo () ._transitionStart = true;
+         navigationInfoNode ._transitionStart = true;
 
          this .timeSensor ._cycleInterval = transitionTime;
          this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
@@ -64824,11 +64968,13 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
          this ._scaleOrientationOffset = relative .scaleOrientation;
 
          this .setInterpolators (fromViewpointNode, relative);
-
-         this ._transitionActive = true;
       }
       else
       {
+         const navigationInfoNode = layerNode .getNavigationInfo ();
+
+         navigationInfoNode ._transitionComplete = true;
+
          const relative = this .getRelativeTransformation (fromViewpointNode);
 
          this ._positionOffset         = relative .position;
@@ -64853,6 +64999,11 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
       this ._centerOfRotationOffset = Numbers_Vector3.Zero;
       this ._fieldOfViewScale       = 1;
 
+      if (this .getBrowser () .getBrowserOption ("StraightenHorizon"))
+      {
+         this ._orientationOffset = this .straightenHorizon (this .getUserOrientation ()) .multLeft (this .getOrientation () .copy () .inverse ());
+      }
+
       this .set_nearDistance__ ();
       this .set_farDistance__ ();
    },
@@ -64898,7 +65049,7 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
          x .assign (up) .cross (z) .normalize ();
          y .assign (z) .cross (x) .normalize ();
 
-         m .set (x.x, x.y, x.z, y.x, y.y, y.z, z.x, z.y, z.z);
+         m .set (... x, ... y, ... z);
          r .setMatrix (m);
 
          return r;
@@ -64927,14 +65078,10 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
       const
          offset = point .copy () .add (this .getUserOrientation () .multVecRot (new Numbers_Vector3 (0, 0, distance))) .subtract (this .getPosition ());
 
-      layerNode .getNavigationInfo () ._transitionStart = true;
-
-      this .timeSensor ._cycleInterval = 0.2;
+      this .timeSensor ._cycleInterval = 1;
       this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
       this .timeSensor ._startTime     = this .getBrowser () .getCurrentTime ();
 
-      this .timeSensor ._isActive .addInterest ("set_active__", this, layerNode .getNavigationInfo ());
-
       this .easeInEaseOut ._easeInEaseOut = new x_ite_Fields.MFVec2f (new x_ite_Fields.SFVec2f (0, 1), new x_ite_Fields.SFVec2f (1, 0));
 
       const
@@ -64957,19 +65104,17 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
 
       this ._fieldOfViewScale       = 1;
       this ._centerOfRotationOffset = Numbers_Vector3.subtract (point, this .getCenterOfRotation ());
+      this .nearDistance            = Math .min (distance / 2, 0.125);
+      this .farDistance             = this .nearDistance * this .getMaxFarValue () / 0.125;
 
       this .setInterpolators (this, relative);
    },
-   straighten: function (layerNode, horizon)
+   straightenView: function (layerNode)
    {
-      layerNode .getNavigationInfo () ._transitionStart = true;
-
-      this .timeSensor ._cycleInterval = 0.4;
+      this .timeSensor ._cycleInterval = 1;
       this .timeSensor ._stopTime      = this .getBrowser () .getCurrentTime ();
       this .timeSensor ._startTime     = this .getBrowser () .getCurrentTime ();
 
-      this .timeSensor ._isActive .addInterest ("set_active__", this, layerNode .getNavigationInfo ());
-
       this .easeInEaseOut ._easeInEaseOut = new x_ite_Fields.MFVec2f (new x_ite_Fields.SFVec2f (0, 1), new x_ite_Fields.SFVec2f (1, 0));
 
       const rotation = Numbers_Rotation4.multRight (Numbers_Rotation4.inverse (this .getOrientation ()), this .straightenHorizon (this .getUserOrientation ()));
@@ -64992,7 +65137,7 @@ X3DViewpointNode .prototype = Object .assign (Object .create (Core_X3DBindableNo
          localZAxis  = new Numbers_Vector3 (0, 0, 0),
          rotation    = new Numbers_Rotation4 (0, 0, 1, 0);
 
-      return function (orientation, upVector = this .getUpVector ())
+      return function (orientation, upVector = this .getUpVector (true))
       {
          orientation .multVecRot (localXAxis .assign (Numbers_Vector3.xAxis) .negate ());
          orientation .multVecRot (localZAxis .assign (Numbers_Vector3.zAxis));
@@ -66678,7 +66823,7 @@ const X3DWorld_default_ = X3DWorld;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -66813,7 +66958,7 @@ FileLoader .prototype = Object .assign (Object .create (Base_X3DObject.prototype
          else
             scene .setExecutionContext (this .executionContext);
 
-         scene .setWorldURL (decodeURI (new URL (worldURL, this .getReferer ()) .href));
+         scene .setWorldURL (new URL (worldURL, this .getReferer ()) .href);
 
          if (success)
             success = this .setScene .bind (this, scene, success, error);
@@ -68136,9 +68281,9 @@ X3DExecutionContext .prototype = Object .assign (Object .create (Base_X3DBaseNod
    {
       return this [_namedNodes];
    },
-   getUniqueName: function (name = "")
+   getUniqueName: function (name)
    {
-      return getUniqueName .call (this, _namedNodes, name);
+      return getUniqueName (this [_namedNodes], name);
    },
    addImportedNode: function (inlineNode, exportedName, importedName)
    {
@@ -68319,9 +68464,9 @@ X3DExecutionContext .prototype = Object .assign (Object .create (Base_X3DBaseNod
    {
       return this [_protos];
    },
-   getUniqueProtoName: function (name = "")
+   getUniqueProtoName: function (name)
    {
-      return getUniqueName .call (this, _protos, name);
+      return getUniqueName (this [_protos], name);
    },
    getExternProtoDeclaration: function (name)
    {
@@ -68383,9 +68528,9 @@ X3DExecutionContext .prototype = Object .assign (Object .create (Base_X3DBaseNod
    {
       return this [_externprotos];
    },
-   getUniqueExternProtoName: function (name = "")
+   getUniqueExternProtoName: function (name)
    {
-      return getUniqueName .call (this, _externprotos, name);
+      return getUniqueName (this [_externprotos], name);
    },
    addRoute: function (sourceNode, sourceField, destinationNode, destinationField)
    {
@@ -68772,36 +68917,6 @@ X3DExecutionContext .prototype = Object .assign (Object .create (Base_X3DBaseNod
    },
 });
 
-const getUniqueName = (function ()
-{
-   const _TrailingNumbers = /_\d+$/;
-
-   return function (array, name = "")
-   {
-      name = String (name) .replace (_TrailingNumbers, "");
-
-      let
-         newName = name,
-         i       = 64;
-
-      for (; i;)
-      {
-         if (! (this [array] .has (newName) || newName .length === 0))
-            break;
-
-         const
-            min = i,
-            max = i <<= 1;
-
-         newName  = name;
-         newName += '_';
-         newName += Math .round (Algorithm.random (min, max));
-      }
-
-      return newName;
-   };
-})();
-
 for (const key of Reflect .ownKeys (X3DExecutionContext .prototype))
    Object .defineProperty (X3DExecutionContext .prototype, key, { enumerable: false });
 
@@ -68882,7 +68997,7 @@ const X3DExecutionContext_default_ = X3DExecutionContext;
 x_ite_Namespace.set ("x_ite/Execution/X3DExecutionContext", X3DExecutionContext_default_);
 /* harmony default export */ const Execution_X3DExecutionContext = (X3DExecutionContext_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Configuration/ComponentInfo.js
-/* provided dependency */ var ComponentInfo_$ = __webpack_require__(5);
+/* provided dependency */ var ComponentInfo_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -69575,77 +69690,78 @@ x_ite_Namespace.set ("x_ite/Execution/X3DExportedNode", X3DExportedNode_default_
 
 
 
-function ExportedNodesArray (array)
-{
-   return Base_X3DInfoArray.call (this, array);
-}
-
-ExportedNodesArray .prototype = Object .assign (Object .create (Base_X3DInfoArray.prototype),
-{
-   constructor: ExportedNodesArray,
-   getTypeName: function ()
-   {
-      return "ExportedNodesArray";
-   },
-});
-
-for (const key of Reflect .ownKeys (ExportedNodesArray .prototype))
-   Object .defineProperty (ExportedNodesArray .prototype, key, { enumerable: false });
-
-const ExportedNodesArray_default_ = ExportedNodesArray;
-;
-
-x_ite_Namespace.set ("x_ite/Execution/ExportedNodesArray", ExportedNodesArray_default_);
-/* harmony default export */ const Execution_ExportedNodesArray = (ExportedNodesArray_default_);
-;// CONCATENATED MODULE: ./src/x_ite/Execution/X3DScene.js
-/*******************************************************************************
- *
- * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
- *
- * Copyright create3000, Scheffelstraße 31a, Leipzig, Germany 2011 - 2022.
- *
- * All rights reserved. Holger Seelig <holger.seelig@yahoo.de>.
- *
- * The copyright notice above does not evidence any actual of intended
- * publication of such source code, and is an unpublished work by create3000.
- * This material contains CONFIDENTIAL INFORMATION that is the property of
- * create3000.
- *
- * No permission is granted to copy, distribute, or create derivative works from
- * the contents of this software, in whole or in part, without the prior written
- * permission of create3000.
- *
- * NON-MILITARY USE ONLY
- *
- * All create3000 software are effectively free software with a non-military use
- * restriction. It is free. Well commented source is provided. You may reuse the
- * source in any way you please with the exception anything that uses it must be
- * marked to indicate is contains 'non-military use only' components.
- *
- * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
- *
- * Copyright 2011 - 2022, Holger Seelig <holger.seelig@yahoo.de>.
- *
- * This file is part of the X_ITE Project.
- *
- * X_ITE is free software: you can redistribute it and/or modify it under the
- * terms of the GNU General Public License version 3 only, as published by the
- * Free Software Foundation.
- *
- * X_ITE is distributed in the hope that it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- * A PARTICULAR PURPOSE. See the GNU General Public License version 3 for more
- * details (a copy is included in the LICENSE file that accompanied this code).
- *
- * 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.
- *
- * For Silvio, Joy and Adi.
- *
- ******************************************************************************/
-
-
+function ExportedNodesArray (array)
+{
+   return Base_X3DInfoArray.call (this, array);
+}
+
+ExportedNodesArray .prototype = Object .assign (Object .create (Base_X3DInfoArray.prototype),
+{
+   constructor: ExportedNodesArray,
+   getTypeName: function ()
+   {
+      return "ExportedNodesArray";
+   },
+});
+
+for (const key of Reflect .ownKeys (ExportedNodesArray .prototype))
+   Object .defineProperty (ExportedNodesArray .prototype, key, { enumerable: false });
+
+const ExportedNodesArray_default_ = ExportedNodesArray;
+;
+
+x_ite_Namespace.set ("x_ite/Execution/ExportedNodesArray", ExportedNodesArray_default_);
+/* harmony default export */ const Execution_ExportedNodesArray = (ExportedNodesArray_default_);
+;// CONCATENATED MODULE: ./src/x_ite/Execution/X3DScene.js
+/*******************************************************************************
+ *
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * Copyright create3000, Scheffelstraße 31a, Leipzig, Germany 2011 - 2022.
+ *
+ * All rights reserved. Holger Seelig <holger.seelig@yahoo.de>.
+ *
+ * The copyright notice above does not evidence any actual of intended
+ * publication of such source code, and is an unpublished work by create3000.
+ * This material contains CONFIDENTIAL INFORMATION that is the property of
+ * create3000.
+ *
+ * No permission is granted to copy, distribute, or create derivative works from
+ * the contents of this software, in whole or in part, without the prior written
+ * permission of create3000.
+ *
+ * NON-MILITARY USE ONLY
+ *
+ * All create3000 software are effectively free software with a non-military use
+ * restriction. It is free. Well commented source is provided. You may reuse the
+ * source in any way you please with the exception anything that uses it must be
+ * marked to indicate is contains 'non-military use only' components.
+ *
+ * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+ *
+ * Copyright 2011 - 2022, Holger Seelig <holger.seelig@yahoo.de>.
+ *
+ * This file is part of the X_ITE Project.
+ *
+ * X_ITE is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License version 3 only, as published by the
+ * Free Software Foundation.
+ *
+ * X_ITE is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU General Public License version 3 for more
+ * details (a copy is included in the LICENSE file that accompanied this code).
+ *
+ * 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.
+ *
+ * For Silvio, Joy and Adi.
+ *
+ ******************************************************************************/
+
+
+
 
 
 
@@ -69957,6 +70073,10 @@ X3DScene .prototype = Object .assign (Object .create (Execution_X3DExecutionCont
    {
       return this [_exportedNodes];
    },
+   getUniqueExportName: function (name)
+   {
+      return getUniqueName (this [_exportedNodes], name);
+   },
    addRootNode: function (node)
    {
       node = Fields_SFNodeCache.get (Base_X3DCast (Base_X3DConstants.X3DNode, node, false));
@@ -70848,7 +70968,7 @@ const DataStorage_default_ = DataStorage;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -73147,15 +73267,9 @@ X3DSingleTextureCoordinateNode .prototype = Object .assign (Object .create (Text
    },
    getTextureCoordinateMapping: function (textureCoordinateMapping, channel = 0)
    {
-      if (this ._mapping .getValue ())
-         textureCoordinateMapping .set (this ._mapping .getValue (), channel);
+      textureCoordinateMapping .set (this ._mapping .getValue () || channel, channel);
    },
-   setShaderUniforms: function (gl, shaderObject)
-   {
-      for (let i = 0, length = shaderObject .x3d_MaxTextures; i < length; ++ i)
-         this .setShaderUniformsToChannel (gl, shaderObject, i);
-   },
-   setShaderUniformsToChannel: function (gl, shaderObject, channel = 0)
+   setShaderUniforms: function (gl, shaderObject, channel = 0)
    {
       gl .uniform1i (shaderObject .x3d_TextureCoordinateGeneratorMode [channel], 0);
    },
@@ -74942,8 +75056,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
 
                // Render triangles.
 
-               if (blendModeNode)
-                  blendModeNode .enable (gl);
+               blendModeNode?.enable (gl);
 
                // Setup shader.
 
@@ -74985,8 +75098,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
                gl .enable (gl .CULL_FACE);
                gl .drawArrays (primitiveMode, 0, this .vertexCount * 3);
 
-               if (blendModeNode)
-                  blendModeNode .disable (gl);
+               blendModeNode?.disable (gl);
 
                return;
             }
@@ -74994,8 +75106,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
 
          const primitiveMode = browser .getPrimitiveMode (this .getPrimitiveMode ());
 
-         if (blendModeNode)
-            blendModeNode .enable (gl);
+         blendModeNode?.enable (gl);
 
          // Setup shader.
 
@@ -75025,8 +75136,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
 
          gl .drawArrays (primitiveMode, 0, this .vertexCount);
 
-         if (blendModeNode)
-            blendModeNode .disable (gl);
+         blendModeNode?.disable (gl);
 
          gl .lineWidth (1);
       };
@@ -75042,8 +75152,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
          attribBuffers  = this .getAttribBuffers (),
          primitiveMode  = browser .getPrimitiveMode (this .getPrimitiveMode ());
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       // Setup shader.
 
@@ -75082,8 +75191,7 @@ X3DLineGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DGe
 
       gl .drawArraysInstanced (primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
 
       gl .lineWidth (1);
    },
@@ -77338,8 +77446,8 @@ const OrientationChaser_default_ = OrientationChaser;
 x_ite_Namespace.set ("x_ite/Components/Followers/OrientationChaser", OrientationChaser_default_);
 /* harmony default export */ const Followers_OrientationChaser = (OrientationChaser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Browser/Navigation/ExamineViewer.js
-/* provided dependency */ var jquery_mousewheel = __webpack_require__(367);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(5);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -78131,7 +78239,7 @@ ExamineViewer .prototype = Object .assign (Object .create (Navigation_X3DViewer.
             .multRight (orientationOffsetBefore);
 
          if (straightenHorizon)
-            viewpoint .straightenHorizon (userOrientation, viewpoint .getUpVector (true));
+            viewpoint .straightenHorizon (userOrientation);
 
          const orientationOffsetAfter = orientationOffset
             .assign (viewpoint .getOrientation ())
@@ -78203,8 +78311,8 @@ const ExamineViewer_default_ = ExamineViewer;
 x_ite_Namespace.set ("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__(367);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(5);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -79154,8 +79262,8 @@ const FlyViewer_default_ = FlyViewer;
 x_ite_Namespace.set ("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__(367);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(5);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -79464,8 +79572,8 @@ const NoneViewer_default_ = NoneViewer;
 x_ite_Namespace.set ("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__(367);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(5);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -81068,8 +81176,8 @@ const X3DPickingContext_default_ = X3DPickingContext;
 x_ite_Namespace.set ("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__(367);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(5);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(136);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -82091,8 +82199,8 @@ const MultiSampleFrameBuffer_default_ = MultiSampleFrameBuffer;
 x_ite_Namespace.set ("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__(5);
-/* provided dependency */ var ResizeSensor = __webpack_require__(169);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(998);
+/* provided dependency */ var ResizeSensor = __webpack_require__(599);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -82555,6 +82663,14 @@ uniform float x3d_AlphaCutoff;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          varying vec4 texCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         varying vec4 texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         varying vec4 texCoord3;
+      #endif
    #endif
 #else
    #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
@@ -82565,6 +82681,14 @@ uniform float x3d_AlphaCutoff;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          vec4 texCoord1 = vec4 (0.0, 0.0, 0.0, 1.0);
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         vec4 texCoord2 = vec4 (0.0, 0.0, 0.0, 1.0);
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         vec4 texCoord3 = vec4 (0.0, 0.0, 0.0, 1.0);
+      #endif
    #endif
 #endif
 
@@ -82610,7 +82734,7 @@ fragment_main ()
    #endif
 
    #if defined (X3D_GEOMETRY_0D) && defined (X3D_STYLE_PROPERTIES)
-      setTexCoords ();
+      setPointTexCoords ();
    #endif
 
    vec4 finalColor = getMaterialColor ();
@@ -82838,7 +82962,7 @@ const Point_glsl_default_ = /* glsl */ `
 #if defined (X3D_GEOMETRY_0D) && defined (X3D_STYLE_PROPERTIES)
 #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
 void
-setTexCoords ()
+setPointTexCoords ()
 {
    vec4 texCoord = vec4 (gl_PointCoord .x, 1.0 - gl_PointCoord .y, 0.0, 1.0);
 
@@ -82849,13 +82973,21 @@ setTexCoords ()
    #if X3D_NUM_TEXTURE_COORDINATES > 1
       texCoord1 = texCoord;
    #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 2
+      texCoord2 = texCoord;
+   #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 3
+      texCoord3 = texCoord;
+   #endif
 }
 
 #define getPointColor(color) (color)
 
 #else
 
-#define setTexCoords()
+#define setPointTexCoords()
 
 varying float pointSize;
 
@@ -83270,6 +83402,16 @@ getTextureMatrix (const in int i)
          textureMatrix = x3d_TextureMatrix [1];
       #endif
 
+      #if X3D_NUM_TEXTURE_TRANSFORMS > 2
+      else if (i == 2)
+         textureMatrix = x3d_TextureMatrix [2];
+      #endif
+
+      #if X3D_NUM_TEXTURE_TRANSFORMS > 3
+      else if (i == 3)
+         textureMatrix = x3d_TextureMatrix [3];
+      #endif
+
       return textureMatrix;
    #else
       return x3d_TextureMatrix [0];
@@ -83292,6 +83434,16 @@ getTexCoord (const in int i)
          texCoord = texCoord1;
       #endif
 
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+      else if (i == 2)
+         texCoord = texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+      else if (i == 3)
+         texCoord = texCoord3;
+      #endif
+
       return texCoord;
    #else
       return texCoord0;
@@ -83393,6 +83545,16 @@ getTexCoord (const in int textureTransformMapping, const in int textureCoordinat
       texCoord = getTexCoord (x3d_TextureCoordinateGenerator [1], textureTransformMapping, textureCoordinateMapping);
    #endif
 
+   #if X3D_NUM_TEXTURE_COORDINATES > 2
+   else if (textureCoordinateMapping == 2)
+      texCoord = getTexCoord (x3d_TextureCoordinateGenerator [2], textureTransformMapping, textureCoordinateMapping);
+   #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 3
+   else if (textureCoordinateMapping == 3)
+      texCoord = getTexCoord (x3d_TextureCoordinateGenerator [3], textureTransformMapping, textureCoordinateMapping);
+   #endif
+
    texCoord .stp /= texCoord .q;
 
    #if defined (X3D_GEOMETRY_2D)
@@ -83457,7 +83619,7 @@ getTextureColor (const in vec4 diffuseColor, const in vec4 specularColor)
       {
          // Get texture color.
 
-         vec3 texCoord     = getTexCoord (i, i);
+         vec3 texCoord     = getTexCoord (min (i, X3D_NUM_TEXTURE_TRANSFORMS - 1), min (i, X3D_NUM_TEXTURE_COORDINATES - 1));
          vec4 textureColor = getTexture (i, texCoord);
 
          // Multi texturing
@@ -83773,6 +83935,14 @@ uniform mat4 x3d_ModelViewMatrix;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          attribute vec4 x3d_TexCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         attribute vec4 x3d_TexCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         attribute vec4 x3d_TexCoord3;
+      #endif
    #endif
 #endif
 
@@ -83797,6 +83967,14 @@ attribute vec4 x3d_Vertex;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          varying vec4 texCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         varying vec4 texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         varying vec4 texCoord3;
+      #endif
    #endif
 #endif
 
@@ -83856,6 +84034,14 @@ vertex_main ()
          #if X3D_NUM_TEXTURE_COORDINATES > 1
             texCoord1 = x3d_TexCoord1;
          #endif
+
+         #if X3D_NUM_TEXTURE_COORDINATES > 2
+            texCoord2 = x3d_TexCoord2;
+         #endif
+
+         #if X3D_NUM_TEXTURE_COORDINATES > 3
+            texCoord3 = x3d_TexCoord3;
+         #endif
       #endif
    #endif
 
@@ -83994,6 +84180,14 @@ uniform float x3d_AlphaCutoff;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          in vec4 texCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         in vec4 texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         in vec4 texCoord3;
+      #endif
    #endif
 #else
    #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
@@ -84004,6 +84198,14 @@ uniform float x3d_AlphaCutoff;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          vec4 texCoord1 = vec4 (0.0, 0.0, 0.0, 1.0);
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         vec4 texCoord2 = vec4 (0.0, 0.0, 0.0, 1.0);
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         vec4 texCoord3 = vec4 (0.0, 0.0, 0.0, 1.0);
+      #endif
    #endif
 #endif
 
@@ -84056,6 +84258,8 @@ fragment_main ()
    #endif
 
    #if defined (X3D_GEOMETRY_0D) && defined (X3D_STYLE_PROPERTIES)
+      setPointTexCoords ();
+   #elif defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
       setTexCoords ();
    #endif
 
@@ -84362,16 +84566,24 @@ const include_Point_glsl_default_ = /* glsl */ `
 #if defined (X3D_GEOMETRY_0D) && defined (X3D_STYLE_PROPERTIES)
 #if defined (X3D_TEXTURE) || defined (X3D_MATERIAL_TEXTURES)
 void
-setTexCoords ()
+setPointTexCoords ()
 {
    vec4 texCoord = vec4 (gl_PointCoord .x, 1.0 - gl_PointCoord .y, 0.0, 1.0);
 
    #if X3D_NUM_TEXTURE_COORDINATES > 0
-      texCoord0 = texCoord;
+      texCoords [0] = texCoord;
    #endif
 
    #if X3D_NUM_TEXTURE_COORDINATES > 1
-      texCoord1 = texCoord;
+      texCoords [1] = texCoord;
+   #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 2
+      texCoords [2] = texCoord;
+   #endif
+
+   #if X3D_NUM_TEXTURE_COORDINATES > 3
+      texCoords [3] = texCoord;
    #endif
 }
 
@@ -84379,7 +84591,7 @@ setTexCoords ()
 
 #else
 
-#define setTexCoords()
+#define setPointTexCoords()
 
 in float pointSize;
 
@@ -84836,25 +85048,22 @@ const include_Texture_glsl_default_ = /* glsl */ `
 
 #pragma X3D include "Perlin.glsl"
 
-vec4
-getTexCoord (const in int i)
+vec4 texCoords [X3D_NUM_TEXTURE_COORDINATES];
+
+void
+setTexCoords ()
 {
+   #if X3D_NUM_TEXTURE_COORDINATES > 0
+   texCoords [0] = texCoord0;
+   #endif
    #if X3D_NUM_TEXTURE_COORDINATES > 1
-      switch (i)
-      {
-         #if X3D_NUM_TEXTURE_COORDINATES > 0
-         case 0:
-            return texCoord0;
-         #endif
-         #if X3D_NUM_TEXTURE_COORDINATES > 1
-         case 1:
-            return texCoord1;
-         #endif
-      }
-
-      return vec4 (0.0);
-   #else
-      return texCoord0;
+   texCoords [1] = texCoord1;
+   #endif
+   #if X3D_NUM_TEXTURE_COORDINATES > 2
+   texCoords [2] = texCoord2;
+   #endif
+   #if X3D_NUM_TEXTURE_COORDINATES > 3
+   texCoords [3] = texCoord3;
    #endif
 }
 
@@ -84869,7 +85078,7 @@ getTexCoord (const in x3d_TextureCoordinateGeneratorParameters textureCoordinate
    {
       case x3d_None:
       {
-         return x3d_TextureMatrix [textureTransformMapping] * getTexCoord (textureCoordinateMapping);
+         return x3d_TextureMatrix [textureTransformMapping] * texCoords [textureCoordinateMapping];
       }
       case x3d_Sphere:
       {
@@ -84938,7 +85147,7 @@ getTexCoord (const in x3d_TextureCoordinateGeneratorParameters textureCoordinate
       }
       default:
       {
-         return x3d_TextureMatrix [textureTransformMapping] * getTexCoord (textureCoordinateMapping);
+         return x3d_TextureMatrix [textureTransformMapping] * texCoords [textureCoordinateMapping];
       }
    }
 }
@@ -85016,7 +85225,7 @@ getTextureColor (const in vec4 diffuseColor, const in vec4 specularColor)
       {
          // Get texture color.
 
-         vec3 texCoord     = getTexCoord (i, i);
+         vec3 texCoord     = getTexCoord (min (i, X3D_NUM_TEXTURE_TRANSFORMS - 1), min (i, X3D_NUM_TEXTURE_COORDINATES - 1));
          vec4 textureColor = getTexture (i, texCoord);
 
          // Multi texturing
@@ -85395,6 +85604,14 @@ uniform mat4 x3d_ModelViewMatrix;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          in vec4 x3d_TexCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         in vec4 x3d_TexCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         in vec4 x3d_TexCoord3;
+      #endif
    #endif
 #endif
 
@@ -85419,6 +85636,14 @@ in vec4 x3d_Vertex;
       #if X3D_NUM_TEXTURE_COORDINATES > 1
          out vec4 texCoord1;
       #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 2
+         out vec4 texCoord2;
+      #endif
+
+      #if X3D_NUM_TEXTURE_COORDINATES > 3
+         out vec4 texCoord3;
+      #endif
    #endif
 #endif
 
@@ -85491,6 +85716,14 @@ vertex_main ()
          #if X3D_NUM_TEXTURE_COORDINATES > 1
             texCoord1 = getTexCoord (x3d_TexCoord1);
          #endif
+
+         #if X3D_NUM_TEXTURE_COORDINATES > 2
+            texCoord2 = getTexCoord (x3d_TexCoord2);
+         #endif
+
+         #if X3D_NUM_TEXTURE_COORDINATES > 3
+            texCoord3 = getTexCoord (x3d_TexCoord3);
+         #endif
       #endif
    #endif
 
@@ -85719,7 +85952,7 @@ main ()
       if (getPointColor (vec4 (1.0)) .a < 0.5)
          discard;
 
-      setTexCoords ();
+      setPointTexCoords ();
    #endif
 
    gl_FragData [0] = vec4 (vertex, x3d_Id);
@@ -86769,7 +87002,7 @@ main ()
       if (getPointColor (vec4 (1.0)) .a < 0.5)
          discard;
 
-      setTexCoords ();
+      setPointTexCoords ();
    #endif
 
    #if defined (X3D_GEOMETRY_1D) && defined (X3D_STYLE_PROPERTIES)
@@ -87948,9 +88181,6 @@ X3DProgrammableShaderObject .prototype =
 
       browser .getRenderingProperties () ._LogarithmicDepthBuffer .addInterest ("set_logarithmicDepthBuffer__", this);
 
-      // Use by multi texture nodes.
-      this .x3d_MaxTextures = browser .getMaxTextures ();
-
       this .set_logarithmicDepthBuffer__ ();
    },
    set_logarithmicDepthBuffer__: function ()
@@ -87974,12 +88204,14 @@ X3DProgrammableShaderObject .prototype =
       // Get uniforms and attributes.
 
       const
-         program       = this .getProgram (),
-         browser       = this .getBrowser (),
-         gl            = browser .getContext (),
-         maxClipPlanes = browser .getMaxClipPlanes (),
-         maxLights     = browser .getMaxLights (),
-         maxTextures   = browser .getMaxTextures ();
+         program              = this .getProgram (),
+         browser              = this .getBrowser (),
+         gl                   = browser .getContext (),
+         maxClipPlanes        = browser .getMaxClipPlanes (),
+         maxLights            = browser .getMaxLights (),
+         maxTextures          = browser .getMaxTextures (),
+         maxTextureTransforms = browser .getMaxTextureTransforms (),
+         maxTexCoords         = browser .getMaxTexCoords ();
 
       gl .useProgram (program);
 
@@ -88080,17 +88312,6 @@ X3DProgrammableShaderObject .prototype =
 
       for (let i = 0; i < maxTextures; ++ i)
       {
-         // Attributes
-
-         const x3d_TexCoord = this .getAttribLocation (gl, program, "x3d_TexCoord" + i, i ? "" : "x3d_TexCoord");
-
-         if (x3d_TexCoord !== -1)
-            this .x3d_TexCoord .push ([i, x3d_TexCoord]);
-
-         // Uniforms
-
-         this .x3d_TextureMatrix [i] = gl .getUniformLocation (program, "x3d_TextureMatrix[" + i + "]");
-
          this .x3d_TextureCoordinateGeneratorMode [i]      = gl .getUniformLocation (program, "x3d_TextureCoordinateGenerator[" + i + "].mode");
          this .x3d_TextureCoordinateGeneratorParameter [i] = gl .getUniformLocation (program, "x3d_TextureCoordinateGenerator[" + i + "].parameter");
 
@@ -88110,6 +88331,22 @@ X3DProgrammableShaderObject .prototype =
          this .x3d_ProjectiveTextureLocation [i] = gl .getUniformLocation (program, "x3d_ProjectiveTextureLocation[" + i + "]");
       }
 
+      for (let i = 0; i < maxTextureTransforms; ++ i)
+      {
+         const uniform = gl .getUniformLocation (program, "x3d_TextureMatrix[" + i + "]");
+
+         if (uniform !== null)
+            this .x3d_TextureMatrix [i] = uniform;
+      }
+
+      for (let i = 0; i < maxTexCoords; ++ i)
+      {
+         const x3d_TexCoord = this .getAttribLocation (gl, program, "x3d_TexCoord" + i, i ? "" : "x3d_TexCoord");
+
+         if (x3d_TexCoord !== -1)
+            this .x3d_TexCoord .push ([i, x3d_TexCoord]);
+      }
+
       this .x3d_TexCoordRamp = gl .getUniformLocation (program, "x3d_TexCoordRamp");
 
       this .x3d_Viewport          = gl .getUniformLocation (program, "x3d_Viewport");
@@ -88193,7 +88430,7 @@ X3DProgrammableShaderObject .prototype =
       for (const uniform of this .x3d_ProjectiveTexture)
          gl .uniform1i (uniform, browser .getDefaultTexture2DUnit ());
 
-      gl .uniform1i  (this .x3d_TexCoordRamp, browser .getDefaultTexture2DUnit ());
+      gl .uniform1i (this .x3d_TexCoordRamp, browser .getDefaultTexture2DUnit ());
    },
    getUniformLocation: function (gl, program, name, depreciated)
    {
@@ -88879,8 +89116,7 @@ X3DProgrammableShaderObject .prototype =
 
          // Fog
 
-         if (fogNode)
-            fogNode .setShaderUniforms (gl, this);
+         fogNode?.setShaderUniforms (gl, this);
 
          // Clip planes and local lights
 
@@ -88897,8 +89133,7 @@ X3DProgrammableShaderObject .prototype =
 
          // Style Properties
 
-         if (stylePropertiesNode)
-            stylePropertiesNode .setShaderUniforms (gl, this);
+         stylePropertiesNode?.setShaderUniforms (gl, this);
 
          // Material
 
@@ -88906,8 +89141,7 @@ X3DProgrammableShaderObject .prototype =
 
          // Texture
 
-         if (textureNode)
-            textureNode .setShaderUniforms (gl, this, renderObject);
+         textureNode?.setShaderUniforms (gl, this, renderObject);
 
          appearanceNode  .getTextureTransform ()  .setShaderUniforms (gl, this);
          geometryContext .getTextureCoordinate () .setShaderUniforms (gl, this);
@@ -90617,7 +90851,7 @@ const ShaderCompiler_default_ = ShaderCompiler;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -91985,6 +92219,10 @@ X3DMaterialNode .prototype = Object .assign (Object .create (Shape_X3DAppearance
    {
       return this ._transparent .getValue ();
    },
+   getBaseTexture: function ()
+   {
+      return null;
+   },
    setTexture: function (index, textureNode)
    {
       const textureType = textureNode ? textureNode .getTextureType () - 1 : 0;
@@ -92109,37 +92347,35 @@ X3DMaterialNode .prototype = Object .assign (Object .create (Shape_X3DAppearance
             options .push ("X3D_STYLE_PROPERTIES");
 
          if (+this .textureBits)
-         {
             options .push ("X3D_MATERIAL_TEXTURES");
-            options .push ("X3D_NUM_TEXTURE_TRANSFORMS " + (appearanceNode .getTextureTransformMapping () .size || 1));
-            options .push ("X3D_NUM_TEXTURE_COORDINATES " + (geometryContext .getTextureCoordinateMapping () .size || 1));
+
+         if (renderContext .textureNode)
+         {
+            // ScreenText
+
+            options .push ("X3D_TEXTURE",
+                           "X3D_NUM_TEXTURES 1",
+                           "X3D_NUM_TEXTURE_TRANSFORMS 1",
+                           "X3D_NUM_TEXTURE_COORDINATES 1",
+                           "X3D_TEXTURE0_2D");
          }
          else
          {
-            if (renderContext .textureNode)
-            {
-               // ScreenText
-
-               options .push ("X3D_TEXTURE",
-                              "X3D_NUM_TEXTURES 1",
-                              "X3D_NUM_TEXTURE_TRANSFORMS 1",
-                              "X3D_NUM_TEXTURE_COORDINATES 1",
-                              "X3D_TEXTURE0_2D");
-            }
-            else if (+appearanceNode .getTextureBits ())
+            if (+appearanceNode .getTextureBits () && !this .getBaseTexture ())
             {
                const textureNode = appearanceNode .getTexture ();
 
                options .push ("X3D_TEXTURE");
-               options .push ("X3D_NUM_TEXTURES "            + textureNode .getCount ());
-               options .push ("X3D_NUM_TEXTURE_TRANSFORMS "  + textureNode .getCount ());
-               options .push ("X3D_NUM_TEXTURE_COORDINATES " + textureNode .getCount ());
-
-               textureNode .getShaderOptions (options);
+               options .push ("X3D_NUM_TEXTURES " + textureNode .getCount ());
 
                if (textureNode .getType () .includes (Base_X3DConstants.MultiTexture))
                   options .push ("X3D_MULTI_TEXTURING");
+
+               textureNode .getShaderOptions (options);
             }
+
+            options .push ("X3D_NUM_TEXTURE_TRANSFORMS " + (appearanceNode .getTextureTransformMapping () .size || 1));
+            options .push ("X3D_NUM_TEXTURE_COORDINATES " + (geometryContext .textureCoordinateMapping .size || 1));
          }
 
          switch (shapeNode .getShapeKey ())
@@ -92316,6 +92552,10 @@ X3DOneSidedMaterialNode .prototype = Object .assign (Object .create (Shape_X3DMa
    {
       this .setTransparent (Boolean (this .transparency));
    },
+   getBaseTexture: function ()
+   {
+      return this .getEmissiveTexture ();
+   },
    getEmissiveTexture: function ()
    {
       return this .emissiveTextureNode;
@@ -92959,15 +93199,9 @@ X3DSingleTextureTransformNode .prototype = Object .assign (Object .create (Textu
    },
    getTextureTransformMapping: function (textureTransformMapping, channel = 0)
    {
-      if (this ._mapping .getValue ())
-         textureTransformMapping .set (this ._mapping .getValue (), channel);
+      textureTransformMapping .set (this ._mapping .getValue () || channel, channel);
    },
-   setShaderUniforms: function (gl, shaderObject)
-   {
-      for (let i = 0, length = shaderObject .x3d_MaxTextures; i < length; ++ i)
-         this .setShaderUniformsToChannel (gl, shaderObject, i);
-   },
-   setShaderUniformsToChannel: function (gl, shaderObject, channel = 0)
+   setShaderUniforms: function (gl, shaderObject, channel = 0)
    {
       gl .uniformMatrix4fv (shaderObject .x3d_TextureMatrix [channel], false, this .matrixArray);
    },
@@ -93283,6 +93517,14 @@ X3DTexturingContext .prototype =
    {
       return this [_maxTextures];
    },
+   getMaxTextureTransforms: function ()
+   {
+      return 4;
+   },
+   getMaxTexCoords: function ()
+   {
+      return 4;
+   },
    getMinTextureSize: function ()
    {
       return 16;
@@ -109035,8 +109277,7 @@ X3DPointGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DG
          attribNodes    = this .getAttrib (),
          attribBuffers  = this .getAttribBuffers ();
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       // Setup shader.
 
@@ -109064,8 +109305,7 @@ X3DPointGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DG
 
       gl .drawArrays (this .primitiveMode, 0, this .vertexCount);
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
    },
    displayParticles: function (gl, renderContext, particleSystem)
    {
@@ -109076,8 +109316,7 @@ X3DPointGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DG
          attribNodes    = this .getAttrib (),
          attribBuffers  = this .getAttribBuffers ();
 
-      if (blendModeNode)
-         blendModeNode .enable (gl);
+      blendModeNode?.enable (gl);
 
       // Setup shader.
 
@@ -109116,8 +109355,7 @@ X3DPointGeometryNode .prototype = Object .assign (Object .create (Rendering_X3DG
 
       gl .drawArraysInstanced (this .primitiveMode, 0, this .vertexCount, particleSystem .numParticles);
 
-      if (blendModeNode)
-         blendModeNode .disable (gl);
+      blendModeNode?.disable (gl);
    },
 });
 
@@ -111227,6 +111465,10 @@ Material .prototype = Object .assign (Object .create (Shape_X3DOneSidedMaterialN
       this .setTransparent (!!(this .getTransparency () ||
                               (this .diffuseTextureNode && this .diffuseTextureNode .isTransparent ())));
    },
+   getBaseTexture: function ()
+   {
+      return this .diffuseTexture;
+   },
    getTextureIndices: (function ()
    {
       let i = 0;
@@ -111586,6 +111828,10 @@ PhysicalMaterial .prototype = Object .assign (Object .create (Shape_X3DOneSidedM
       this .setTransparent (!!(this .getTransparency () ||
                               (this .baseTextureNode && this .baseTextureNode .isTransparent ())));
    },
+   getBaseTexture: function ()
+   {
+      return this .baseTextureNode;
+   },
    getTextureIndices: (function ()
    {
       let i = 0;
@@ -111957,6 +112203,7 @@ TwoSidedMaterial .prototype = Object .assign (Object .create (Shape_X3DMaterialN
    {
       this .setTransparent (Boolean (this ._transparency .getValue () || (this ._separateBackColor .getValue () && this ._backTransparency .getValue ())));
    },
+   getBaseTexture: Shape_Material.prototype.getBaseTexture,
    getMaterialKey: Shape_Material.prototype.getMaterialKey,
    createShader: Shape_Material.prototype.createShader,
    setShaderUniforms: function (gl, shaderObject, renderObject, textureTransformMapping, textureCoordinateMapping, front)
@@ -112497,7 +112744,7 @@ const X3DSoundSourceNode_default_ = X3DSoundSourceNode;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var AudioClip_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115312,8 +115559,8 @@ const GIFMedia_default_ = GifMedia;
 x_ite_Namespace.set ("x_ite/Browser/Texturing/GIFMedia", GIFMedia_default_);
 /* harmony default export */ const GIFMedia = (GIFMedia_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var MovieTexture_$ = __webpack_require__(5);
-/* provided dependency */ var SuperGif = __webpack_require__(667);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(998);
+/* provided dependency */ var SuperGif = __webpack_require__(921);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115657,6 +115904,9 @@ function MultiTexture (executionContext)
 
    this .addChildObjects ("loadState", new x_ite_Fields.SFInt32 (Base_X3DConstants.NOT_STARTED_STATE));
 
+   const browser = this .getBrowser ();
+
+   this .maxTextures  = browser .getMaxTextures ()
    this .color        = new Float32Array (4);
    this .modes        = [ ];
    this .alphaModes   = [ ];
@@ -115712,7 +115962,7 @@ MultiTexture .prototype = Object .assign (Object .create (Texturing_X3DTextureNo
    },
    getCount: function ()
    {
-      return Math .min (this .getBrowser () .getMaxTextures (), this .textureNodes .length);
+      return Math .min (this .maxTextures, this .textureNodes .length);
    },
    getMode: function (index)
    {
@@ -115875,7 +116125,7 @@ MultiTexture .prototype = Object .assign (Object .create (Texturing_X3DTextureNo
    updateTextureBits: function (textureBits)
    {
       const
-         maxTextures  = this .getBrowser () .getMaxTextures (),
+         maxTextures  = this .maxTextures,
          textureNodes = this .textureNodes,
          channels     = Math .min (maxTextures, textureNodes .length);
 
@@ -115888,7 +116138,7 @@ MultiTexture .prototype = Object .assign (Object .create (Texturing_X3DTextureNo
    {
       const
          textureNodes = this .textureNodes,
-         channels     = Math .min (this .getBrowser () .getMaxTextures (), textureNodes .length);
+         channels     = Math .min (this .maxTextures, textureNodes .length);
 
       for (let i = 0; i < channels; ++ i)
          textureNodes [i] .getShaderOptions (options, i);
@@ -115902,7 +116152,7 @@ MultiTexture .prototype = Object .assign (Object .create (Texturing_X3DTextureNo
    {
       const
          textureNodes = this .textureNodes,
-         channels     = Math .min (this .getBrowser () .getMaxTextures (), textureNodes .length);
+         channels     = Math .min (this .maxTextures, textureNodes .length);
 
       gl .uniform4fv (shaderObject .x3d_MultiTextureColor, this .color);
 
@@ -115984,6 +116234,9 @@ function MultiTextureCoordinate (executionContext)
 
    this .addType (Base_X3DConstants.MultiTextureCoordinate);
 
+   const browser = this .getBrowser ();
+
+   this .maxTexCoords           = browser .getMaxTexCoords ();
    this .textureCoordinateNodes = [ ];
 }
 
@@ -116036,7 +116289,7 @@ MultiTextureCoordinate .prototype = Object .assign (Object .create (Texturing_X3
    },
    getCount: function ()
    {
-      return Math .min (this .getBrowser () .getMaxTextures (), this .textureCoordinateNodes .length);
+      return Math .min (this .maxTexCoords, this .textureCoordinateNodes .length);
    },
    isEmpty: function ()
    {
@@ -116062,21 +116315,27 @@ MultiTextureCoordinate .prototype = Object .assign (Object .create (Texturing_X3
    },
    init: function (multiArray)
    {
-      for (const textureCoordinateNode of this .textureCoordinateNodes)
-         textureCoordinateNode .init (multiArray);
+      const
+         textureCoordinateNodes = this .textureCoordinateNodes,
+         length                 = Math .min (this .maxTexCoords, textureCoordinateNodes .length);
+
+      for (let i = 0; i < length; ++ i)
+         textureCoordinateNodes [i] .init (multiArray);
    },
    addPoint: function (index, multiArray)
    {
-      const textureCoordinateNodes = this .textureCoordinateNodes;
+      const
+         textureCoordinateNodes = this .textureCoordinateNodes,
+         length                 = Math .min (this .maxTexCoords, textureCoordinateNodes .length);
 
-      for (let i = 0, length = textureCoordinateNodes .length; i < length; ++ i)
+      for (let i = 0; i < length; ++ i)
          textureCoordinateNodes [i] .addPointToChannel (index, multiArray [i]);
    },
    getTextureCoordinateMapping: function (textureCoordinateMapping)
    {
       const
          textureCoordinateNodes = this .textureCoordinateNodes,
-         length                 = Math .min (this .getBrowser () .getMaxTextures (), textureCoordinateNodes .length);
+         length                 = Math .min (this .maxTexCoords, textureCoordinateNodes .length);
 
       for (let i = 0; i < length; ++ i)
          textureCoordinateNodes [i] .getTextureCoordinateMapping (textureCoordinateMapping, i);
@@ -116085,22 +116344,16 @@ MultiTextureCoordinate .prototype = Object .assign (Object .create (Texturing_X3
    {
       const
          textureCoordinateNodes = this .textureCoordinateNodes,
-         length                 = Math .min (shaderObject .x3d_MaxTextures, textureCoordinateNodes .length);
-
-      for (let i = 0; i < length; ++ i)
-         textureCoordinateNodes [i] .setShaderUniformsToChannel (gl, shaderObject, i);
+         length                 = Math .min (this .maxTexCoords, textureCoordinateNodes .length);
 
       if (length)
       {
-         const last = textureCoordinateNodes .at (-1);
-
-         for (let i = length, l = shaderObject .x3d_MaxTextures; i < l; ++ i)
-            last .setShaderUniformsToChannel (gl, shaderObject, i);
+         for (let i = 0; i < length; ++ i)
+            textureCoordinateNodes [i] .setShaderUniforms (gl, shaderObject, i);
       }
       else
       {
-         for (let i = length, l = shaderObject .x3d_MaxTextures; i < l; ++ i)
-            gl .uniform1i (shaderObject .x3d_TextureCoordinateGeneratorMode [i], 0);
+         this .getBrowser () .getDefaultTextureCoordinate () .setShaderUniforms (gl, shaderObject, 0);
       }
    },
 });
@@ -116165,13 +116418,15 @@ x_ite_Namespace.set ("x_ite/Components/Texturing/MultiTextureCoordinate", MultiT
 
 
 
-
 function MultiTextureTransform (executionContext)
 {
    Texturing_X3DTextureTransformNode.call (this, executionContext);
 
    this .addType (Base_X3DConstants.MultiTextureTransform);
 
+   const browser = this .getBrowser ();
+
+   this .maxTextureTransforms  = browser .getMaxTextureTransforms ();
    this .textureTransformNodes = [ ];
 }
 
@@ -116215,53 +116470,35 @@ MultiTextureTransform .prototype = Object .assign (Object .create (Texturing_X3D
          if (textureTransformNode)
             textureTransformNodes .push (textureTransformNode);
       }
+
+      if (!textureTransformNodes .length)
+         textureTransformNodes .push (this .getBrowser () .getDefaultTextureTransform ());
    },
    getCount: function ()
    {
-      return Math .min (this .getBrowser () .getMaxTextures (), this .textureTransformNodes .length);
+      return Math .min (this .maxTextureTransforms, this .textureTransformNodes .length);
    },
    getTextureTransformMapping: function (textureTransformMapping)
    {
       const
          textureTransformNodes = this .textureTransformNodes,
-         length                = Math .min (this .getBrowser () .getMaxTextures (), textureTransformNodes .length);
+         length                = Math .min (this .maxTextureTransforms, textureTransformNodes .length);
 
       for (let i = 0; i < length; ++ i)
          textureTransformNodes [i] .getTextureTransformMapping (textureTransformMapping, i);
    },
-   setShaderUniforms: (function ()
+   setShaderUniforms: function (gl, shaderObject)
    {
-      const matrixArray = new Float32Array (Numbers_Matrix4.Identity);
-
-      return function (gl, shaderObject)
-      {
-         const
-            textureTransformNodes = this .textureTransformNodes,
-            length                = Math .min (shaderObject .x3d_MaxTextures, textureTransformNodes .length);
-
-         for (let i = 0; i < length; ++ i)
-            textureTransformNodes [i] .setShaderUniformsToChannel (gl, shaderObject, i);
-
-         if (length)
-         {
-            const last = textureTransformNodes .at (-1);
+      const
+         textureTransformNodes = this .textureTransformNodes,
+         length                = Math .min (this .maxTextureTransforms, textureTransformNodes .length);
 
-            for (let i = length, l = shaderObject .x3d_MaxTextures; i < l; ++ i)
-               last .setShaderUniformsToChannel (gl, shaderObject, i);
-         }
-         else
-         {
-            for (let i = length, l = shaderObject .x3d_MaxTextures; i < l; ++ i)
-               gl .uniformMatrix4fv (shaderObject .x3d_TextureMatrix [i], false, matrixArray);
-         }
-      };
-   })(),
+      for (let i = 0; i < length; ++ i)
+         textureTransformNodes [i] .setShaderUniforms (gl, shaderObject, i);
+   },
    transformPoint: function (texCoord)
    {
-      if (this .textureTransformNodes .length)
-         return this .textureTransformNodes [0] .transformPoint (texCoord);
-
-      return texCoord;
+      return this .textureTransformNodes [0] .transformPoint (texCoord);
    },
 });
 
@@ -116271,7 +116508,7 @@ const MultiTextureTransform_default_ = MultiTextureTransform;
 x_ite_Namespace.set ("x_ite/Components/Texturing/MultiTextureTransform", MultiTextureTransform_default_);
 /* harmony default export */ const Texturing_MultiTextureTransform = (MultiTextureTransform_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Components/Texturing/PixelTexture.js
-/* provided dependency */ var PixelTexture_$ = __webpack_require__(5);
+/* provided dependency */ var PixelTexture_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116686,7 +116923,7 @@ TextureCoordinateGenerator .prototype = Object .assign (Object .create (Texturin
    {
       array .push (0, 0, 0, 1);
    },
-   setShaderUniformsToChannel: function (gl, shaderObject, channel = 0)
+   setShaderUniforms: function (gl, shaderObject, channel = 0)
    {
       gl .uniform1i  (shaderObject .x3d_TextureCoordinateGeneratorMode [channel],      this .mode);
       gl .uniform1fv (shaderObject .x3d_TextureCoordinateGeneratorParameter [channel], this .parameter);
@@ -116974,7 +117211,7 @@ const Components_default_ = Components;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(998);
 /*******************************************************************************
  * MIT License
  *
@@ -118211,7 +118448,7 @@ const SupportedProfiles_default_ = SupportedProfiles;
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118870,7 +119107,7 @@ X3DBrowser .prototype = Object .assign (Object .create (Browser_X3DBrowserContex
       if (!layerNode)
          return;
 
-      layerNode .getViewpoint () ._viewAll = true;
+      layerNode .viewAll (1, this .getBrowserOption ("StraightenHorizon"));
    },
    firstViewpoint: function (layerNode)
    {
@@ -119156,7 +119393,7 @@ const X3DBrowser_default_ = X3DBrowser;
 x_ite_Namespace.set ("x_ite/Browser/X3DBrowser", X3DBrowser_default_);
 /* harmony default export */ const Browser_X3DBrowser = (X3DBrowser_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Fallback.js
-/* provided dependency */ var Fallback_$ = __webpack_require__(5);
+/* provided dependency */ var Fallback_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119335,8 +119572,8 @@ const MicroTime_default_ = undefined;
 x_ite_Namespace.set ("standard/Time/MicroTime", MicroTime_default_);
 /* harmony default export */ const MicroTime = ((/* unused pure expression or super */ null && (MicroTime_default_)));
 ;// CONCATENATED MODULE: ./src/lib/jquery.js
-/* provided dependency */ var jquery_$ = __webpack_require__(5);
-/* provided dependency */ var pako = __webpack_require__(81);
+/* provided dependency */ var jquery_$ = __webpack_require__(998);
+/* provided dependency */ var pako = __webpack_require__(978);
 jquery_$.decodeText = function (input)
 {
    if (typeof input === "string")
@@ -119363,14 +119600,14 @@ const jquery_default_ = jquery_$;
 x_ite_Namespace.set ("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__(587);
+/* provided dependency */ var libtess_libtess = __webpack_require__(422);
 const libtess_default_ = libtess_libtess;
 ;
 
 x_ite_Namespace.set ("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__(5);
+/* provided dependency */ var X3D_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119626,7 +119863,7 @@ const X3D_default_ = X3D;
 x_ite_Namespace.set ("x_ite/X3D", X3D_default_);
 /* harmony default export */ const x_ite_X3D = (X3D_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/X3DCanvas.js
-/* provided dependency */ var X3DCanvas_$ = __webpack_require__(5);
+/* provided dependency */ var X3DCanvas_$ = __webpack_require__(998);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119886,7 +120123,7 @@ x_ite_Namespace.set ("shim", shim_default_);
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-8.6.8")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-8.6.9")] = x_ite_X3D;
 
 x_ite_X3DCanvas.define ();