x_ite 16.3.1 → 16.4.0

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v16.3.1 */
+/* X_ITE v16.4.0 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
@@ -12,7 +12,7 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 617
+/***/ 530
 (module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -1017,7 +1017,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ },
 
-/***/ 851
+/***/ 504
 (module) {
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -2013,7 +2013,7 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ },
 
-/***/ 775
+/***/ 780
 (module) {
 
 /**
@@ -18889,7 +18889,7 @@ const Legacy_default_ = Legacy;
 
 /* harmony default export */ const Browser_Legacy = (x_ite_Namespace .add ("Legacy", Legacy_default_));
 ;// ./src/x_ite/BROWSER_VERSION.js
-const BROWSER_VERSION_default_ = "16.3.1";
+const BROWSER_VERSION_default_ = "16.4.0";
 ;
 
 /* harmony default export */ const BROWSER_VERSION = (x_ite_Namespace .add ("BROWSER_VERSION", BROWSER_VERSION_default_));
@@ -19346,7 +19346,7 @@ Object .assign (Object .setPrototypeOf (BrowserTimings .prototype, Base_X3DBaseN
       // HTML
 
       const html = /* html */ `
-<div class="x_ite-private-browser-timings x_ite-private-hidden"><table>
+<div class="x_ite-private-browser-timings x_ite-private-fade x_ite-private-hidden"><table>
    <thead>
       <tr>
          <th colspan="2">${gettext("Browser Timings")}</th>
@@ -19449,8 +19449,7 @@ Object .assign (Object .setPrototypeOf (BrowserTimings .prototype, Base_X3DBaseN
 
       if (this .getBrowser () .getBrowserOption ("Timings"))
       {
-         element .classList .remove ("x_ite-private-fade-out-300", "x_ite-private-hidden");
-         element .classList .add ("x_ite-private-fade-in-300");
+         element .classList .remove ("x_ite-private-hidden");
 
          this .getBrowser () .addBrowserCallback (this, Base_X3DConstants .INITIALIZED_EVENT, () => this .reset ());
          this .getBrowser () .prepareEvents () .addInterest ("update", this);
@@ -19458,8 +19457,7 @@ Object .assign (Object .setPrototypeOf (BrowserTimings .prototype, Base_X3DBaseN
       }
       else
       {
-         element .classList .remove ("x_ite-private-fade-in-300");
-         element .classList .add ("x_ite-private-fade-out-300");
+         element .classList .add ("x_ite-private-hidden");
 
          this .getBrowser () .removeBrowserCallback (this, Base_X3DConstants .INITIALIZED_EVENT);
          this .getBrowser () .prepareEvents () .removeInterest ("update", this);
@@ -20364,19 +20362,18 @@ Object .assign (Object .setPrototypeOf (Notification .prototype, Base_X3DBaseNod
    {
       Base_X3DBaseNode .prototype .initialize .call (this);
 
-      this .element = (() =>
-      {
-         const element = document .createElement ("div");
+      const
+         element = document .createElement ("div"),
+         span    = document .createElement ("span");
 
-         element .style .visibility = "hidden";
+      element .classList .add ("x_ite-private-notification");
 
-         element .append (document .createElement ("span"));
-         element .classList .add ("x_ite-private-notification");
+      element .append (span);
 
-         this .getBrowser () .getSurface () .append (element);
+      this .getBrowser () .getSurface () .append (element);
 
-         return element;
-      })();
+      this .element = element;
+      this .span    = span;
 
       this ._string .addInterest ("set_string__", this);
    },
@@ -20390,12 +20387,12 @@ Object .assign (Object .setPrototypeOf (Notification .prototype, Base_X3DBaseNod
 
       clearTimeout (this .timeoutId);
 
-      this .element .querySelector ("span") .textContent = this ._string .getValue ();
+      this .span .textContent = this ._string .getValue ();
 
       Object .assign (this .element .style,
       {
          visibility: "visible",
-         width: `${this .textWidth (this .element)}px`,
+         width: `${this .span .clientWidth}px`,
          transition: "width 300ms ease-in-out",
       });
 
@@ -20410,22 +20407,6 @@ Object .assign (Object .setPrototypeOf (Notification .prototype, Base_X3DBaseNod
       },
       5000);
    },
-   textWidth (element)
-   {
-      const
-         children = Array .from (element .children),
-         span     = document .createElement ("span");
-
-      span .textContent = element .textContent;
-
-      element .replaceChildren (span);
-
-      const width = span .clientWidth;
-
-      element .replaceChildren (... children);
-
-      return width;
-   },
 });
 
 Object .defineProperties (Notification,
@@ -20528,12 +20509,9 @@ Object .assign (Object .setPrototypeOf (ContextMenu .prototype, Base_X3DBaseNode
          layer .remove ();
 
          for (const child of ul .children)
-         {
-            child .classList .remove ("x_ite-private-fade-in-300");
-            child .classList .add ("x_ite-private-fade-out-300");
-         }
+            child .classList .add ("x_ite-private-hidden");
 
-         setTimeout (() => ul .remove (), 1000);
+         setTimeout (() => ul .remove (), 1_000);
 
          return false;
       };
@@ -20544,8 +20522,6 @@ Object .assign (Object .setPrototypeOf (ContextMenu .prototype, Base_X3DBaseNode
 
       ul .classList .add ("context-menu-root", "context-menu-list", menu .className);
 
-      ul .style .display = "none";
-
       ul .addEventListener ("contextmenu", () => this .hide ());
 
       root .append (ul);
@@ -20563,15 +20539,12 @@ Object .assign (Object .setPrototypeOf (ContextMenu .prototype, Base_X3DBaseNode
       // Must animate children because of blurish background.
 
       for (const child of ul .children)
-         child .classList .add ("x_ite-private-hidden");
+         child .classList .add ("x_ite-private-fade", "x_ite-private-hidden");
 
       ul .style .display = "block";
 
       for (const child of ul .children)
-      {
          child .classList .remove ("x_ite-private-hidden");
-         child .classList .add ("x_ite-private-fade-in-300");
-      }
 
       // Reposition menu if to right or to low.
 
@@ -20765,7 +20738,7 @@ Object .assign (Object .setPrototypeOf (ContextMenu .prototype, Base_X3DBaseNode
          className: "x_ite-private-menu",
          items: {
             "title": {
-               name: `${browser .getName ()} Browser v${browser .getVersion ()}`,
+               name: `${browser .getName ()} v${browser .getVersion ()}`,
                className: "context-menu-title context-menu-icon x_ite-private-icon-logo context-menu-not-selectable",
             },
             "separator0": "--------",
@@ -21000,8 +20973,7 @@ Object .assign (Object .setPrototypeOf (ContextMenu .prototype, Base_X3DBaseNode
                   overlay .classList .add ("x_ite-private-world-info-overlay");
                   priv .append (overlay);
 
-                  div .style .display = "none";
-                  div .classList .add ("x_ite-private-world-info", "x_ite-private-hidden");
+                  div .classList .add ("x_ite-private-world-info", "x_ite-private-fade", "x_ite-private-hidden");
                   overlay .append (div);
 
                   const buttons = document .createElement ("div");
@@ -21132,13 +21104,12 @@ Object .assign (Object .setPrototypeOf (ContextMenu .prototype, Base_X3DBaseNode
 
                   div .append (content);
 
-                  div .style .display = "block";
                   div .classList .remove ("x_ite-private-hidden");
-                  div .classList .add ("x_ite-private-fade-in-300");
 
                   overlay .addEventListener ("click", () =>
                   {
-                     div .classList .add ("x_ite-private-fade-out-300");
+                     div .classList .add ("x_ite-private-hidden");
+
                      setTimeout (() => overlay .remove (), 300);
                   });
                },
@@ -21462,6 +21433,8 @@ Object .assign (Object .setPrototypeOf (X3DNode .prototype, Base_X3DBaseNode .pr
    {
       if (instance ?.getType () .includes (Base_X3DConstants .X3DExecutionContext) ?? true)
       {
+         // Make flat copy:
+
          const copy = this .create (instance);
 
          for (const field of this .getPredefinedFields ())
@@ -21477,6 +21450,8 @@ Object .assign (Object .setPrototypeOf (X3DNode .prototype, Base_X3DBaseNode .pr
       }
       else
       {
+         // Make a copy for a X3DPrototypeInstance.
+         
          const executionContext = instance .getBody ();
 
          // First try to get a named node with the node's name.
@@ -26147,7 +26122,7 @@ Object .assign (X3DParser .prototype,
       if (!this .isInsideProtoDeclaration ())
          nodes .forEach (node => node .setup ());
 
-      nodes .length = 0;;
+      nodes .length = 0;
    },
    rotateAxes90 (array)
    {
@@ -31215,7 +31190,7 @@ const Plane3_default_ = Plane3;
 
 /* harmony default export */ const Geometry_Plane3 = (x_ite_Namespace .add ("Plane3", Plane3_default_));
 ;// ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var libtess = __webpack_require__(775);
+/* provided dependency */ var libtess = __webpack_require__(780);
 
 
 const Triangle3 =
@@ -47962,7 +47937,7 @@ const Bezier_default_ = Bezier;
 
 /* harmony default export */ const Algorithms_Bezier = (x_ite_Namespace .add ("Bezier", Bezier_default_));
 ;// ./src/x_ite/Parser/SVGParser.js
-/* provided dependency */ var SVGParser_libtess = __webpack_require__(775);
+/* provided dependency */ var SVGParser_libtess = __webpack_require__(780);
 
 
 
@@ -50745,11 +50720,6 @@ class GoldenGate extends Parser_X3DParser
       return this .#parsers .slice ();
    }
 
-   /**
-    * @deprecated Use `GoldenGate.add/remove/getParsers`.
-    */
-   static get Parser () { return this .#parsers; }
-
    parseIntoScene (x3dSyntax, resolve, reject)
    {
       for (const Parser of GoldenGate .#parsers)
@@ -50797,14 +50767,7 @@ class GoldenGate extends Parser_X3DParser
       }
       else
       {
-         if (this .#inputs .has (encoding))
-            return this .#inputs .get (encoding);
-
-         const input = this .createInput (encoding, x3dSyntax);
-
-         this .#inputs .set (encoding, input);
-
-         return input;
+         return this .#inputs .getOrInsertComputed (encoding, () => this .createInput (encoding, x3dSyntax));
       }
    }
 
@@ -50816,7 +50779,7 @@ class GoldenGate extends Parser_X3DParser
          {
             case "STRING":
             {
-               const string = helper.decodeText (x3dSyntax);;
+               const string = helper.decodeText (x3dSyntax);
 
                if (x3dSyntax instanceof ArrayBuffer)
                {
@@ -54690,9 +54653,9 @@ function X3DCoreContext (element)
 <div class="x_ite-private-browser" part="browser" tabindex="0">
    <div class="x_ite-private-surface" part="surface">
       <canvas class="x_ite-private-canvas" part="canvas"></canvas>
-      <div class="x_ite-private-buttons" part="buttons"></div>
+      <div class="x_ite-private-buttons x_ite-private-fade" part="buttons"></div>
    </div>
-   <div class="x_ite-private-splash-screen x_ite-private-hidden">
+   <div class="x_ite-private-splash-screen x_ite-private-fade x_ite-private-hidden">
       <div class="x_ite-private-spinner"></div>
       <div class="x_ite-private-progress">
          <div class="x_ite-private-x_ite">
@@ -54716,7 +54679,7 @@ function X3DCoreContext (element)
       {
          const link = document .createElement ("link");
 
-         link .integrity   = "sha384-x6y/hxdrQVgxMyDh++oW/v2xiaW7k1Rmjai5PMfLQ+DLzcx2odeW89DVDfzQkGs9";
+         link .integrity   = "sha384-/SECsklivyOEI8wp6xcDS0QDczGbqmxoaXDzSZCmJLpGmYfD16XJmOZr0O2QNDmj";
          link .rel         = "stylesheet";
          link .crossOrigin = "anonymous";
          link .onload      = resolve;
@@ -55015,12 +54978,7 @@ Object .assign (X3DCoreContext .prototype,
             this .setBrowserOption ("SplashScreen", this .parseBooleanAttribute (newValue) ?? true);
 
             if (!this .getBrowserOption ("SplashScreen"))
-            {
-               this .getCanvas () .style .display = "block";
-
-               this .getSplashScreen () .classList .remove ("x_ite-private-fade-out-splash-screen");
                this .getSplashScreen () .classList .add ("x_ite-private-hidden");
-            }
 
             break;
          }
@@ -64188,7 +64146,7 @@ Object .assign (X3DNetworkingContext .prototype,
          {
             this .getContextMenu () .hide ();
             this .getCanvas () .style .display = "none";
-            this .getSplashScreen () .classList .remove ("x_ite-private-fade-out-splash-screen", "x_ite-private-hidden");
+            this .getSplashScreen () .classList .remove ("x_ite-private-hidden");
          }
       }
       else
@@ -64203,7 +64161,7 @@ Object .assign (X3DNetworkingContext .prototype,
             setTimeout (() =>
             {
                if (!this [_browserLoading])
-                  this .getSplashScreen () .classList .add ("x_ite-private-fade-out-splash-screen");
+                  this .getSplashScreen () .classList .add ("x_ite-private-hidden");
             });
          }
       }
@@ -66156,10 +66114,16 @@ Object .assign (X3DRenderingContext .prototype,
    {
       return Utility_Lock .acquire (this [_buttonLock], async () =>
       {
-         this .getSurface () .querySelector (".x_ite-private-xr-button") ?.remove ();
 
          if (!await this .xrCheckSupport ())
+         {
+            const button = this .getSurface () .querySelector (".x_ite-private-xr-button");
+
+            if (button)
+               button .classList .add ("x_ite-private-hidden");
+
             return;
+         }
 
          await this .loadComponents (this .getComponent ("WebXR"), this .getComponent ("Geometry2D"));
 
@@ -71942,7 +71906,6 @@ const PeriodicWave_default_ = PeriodicWave;
 
 
 
-
 const
    _audioContext        = Symbol (),
    _soundDestinationNodes          = Symbol (),
@@ -72053,7 +72016,7 @@ Object .assign (X3DSoundContext .prototype,
                noSoundButton      = document .createElement ("div"),
                startAudioElements = () => this .startAudioElements ();
 
-            noSoundButton .classList .add ("x_ite-private-no-sound-button", "x_ite-private-button");
+            noSoundButton .classList .add ("x_ite-private-no-sound-button", "x_ite-private-button", "x_ite-private-fade");
             noSoundButton .part ?.add ("no-sound-button");
 
             noSoundButton .title      = gettext("Activate sound.");
@@ -72065,24 +72028,12 @@ Object .assign (X3DSoundContext .prototype,
             return noSoundButton;
          })();
 
-         const
-            count = !! this [_audioElements] .size,
-            fade  = count ? "x_ite-private-fade-in-300" : "x_ite-private-fade-out-300";
+         const count = !! this [_audioElements] .size;
 
          if (count)
-            this [_noSoundButton] .style .display = "";
-
-         this [_noSoundButton] .classList .add (fade);
-
-         await helper.sleep (400);
-
-         this [_noSoundButton] .classList .remove (fade);
-
-         if (count !== !! this [_audioElements] .size)
-            return;
-
-         if (!count)
-            this [_noSoundButton] .style .display = "none";
+            this [_noSoundButton] .classList .remove ("x_ite-private-hidden");
+         else
+            this [_noSoundButton] .classList .add ("x_ite-private-hidden");
       },
       200);
    },
@@ -84068,7 +84019,9 @@ const Inline_default_ = Inline;
  * THIS NODE IS STILL EXPERIMENTAL.
  */
 
-const InlineGeometry_cache = Symbol .for ("X_ITE.cache");
+const
+   InlineGeometry_cache = Symbol .for ("X_ITE.cache"),
+   _lock  = Symbol ();
 
 function InlineGeometry (executionContext)
 {
@@ -84099,43 +84052,54 @@ Object .assign (Object .setPrototypeOf (InlineGeometry .prototype, Rendering_X3D
    },
    set_solid__ ()
    {
-      if (!this .geometryNode)
+      const { geometryNode } = this;
+
+      if (!geometryNode)
          return;
 
-      if (this .geometryNode .getGeometryType () < 2)
+      if (geometryNode .getGeometryType () < 2)
          return;
 
-      this .geometryNode ._solid = this ._solid;
+      geometryNode ._solid = this ._solid;
    },
    set_smooth__ ()
    {
-      if (!this .geometryNode)
+      const { geometryNode } = this;
+
+      if (!geometryNode)
          return;
 
-      if (this .geometryNode .getGeometryType () < 2)
+      if (geometryNode .getGeometryType () < 3)
+         return;
+
+      if (geometryNode ._normal ?.getValue ())
          return;
 
       const smooth = this ._smooth .getValue ();
 
-      if (this .geometryNode ._creaseAngle)
+      if (geometryNode ._creaseAngle)
       {
          const creaseAngle = smooth ? Math .PI : 0;
 
-         if (this .geometryNode ._creaseAngle .equals (creaseAngle))
+         if (geometryNode ._creaseAngle .equals (creaseAngle))
             return;
 
-         this .geometryNode ._creaseAngle = creaseAngle;
+         geometryNode ._creaseAngle = creaseAngle;
       }
-      else if (this .geometryNode ._normal && !this .geometryNode ._normal .getValue ())
+
+      if (geometryNode ._normalPerVertex)
       {
-         if (this .geometryNode ._normalPerVertex .equals (smooth))
+         if (geometryNode ._normalPerVertex .equals (smooth))
             return;
 
-         this .geometryNode ._normalPerVertex = smooth;
+         geometryNode ._normalPerVertex = smooth;
       }
    },
    unloadData ()
    {
+      if (this .geometryNode)
+         this .geometryNode [_lock] = false;
+
       this .fileLoader ?.abort ();
       this .setInternalScene (null);
    },
@@ -84143,6 +84107,9 @@ Object .assign (Object .setPrototypeOf (InlineGeometry .prototype, Rendering_X3D
    {
       const cache = this .getBrowser () .getBrowserOption ("Cache");
 
+      if (this .geometryNode)
+         this .geometryNode [_lock] = false;
+
       this .fileLoader ?.abort ();
 
       this .fileLoader = new InputOutput_FileLoader (this, { cacheScene: cache })
@@ -84152,13 +84119,8 @@ Object .assign (Object .setPrototypeOf (InlineGeometry .prototype, Rendering_X3D
    {
       // Remove old scene.
 
-      if (this .scene)
-      {
-         this .getLive () .removeFieldInterest (this .scene .getLive ());
-
-         if (!this .scene [InlineGeometry_cache])
-            this .scene .dispose ();
-      }
+      if (!this .scene ?.[InlineGeometry_cache])
+         this .scene ?.dispose ();
 
       // Set new scene.
 
@@ -84178,6 +84140,19 @@ Object .assign (Object .setPrototypeOf (InlineGeometry .prototype, Rendering_X3D
          if (!this .geometryNode)
             throw new Error ("No X3DGeometryNode found.");
 
+         if (this .geometryNode [_lock])
+         {
+            this .geometryNode = this .geometryNode .copy (this .getExecutionContext ());
+
+            this .geometryNode .setup ();
+
+            // TODO: add routes.
+         }
+         else
+         {
+            this .geometryNode [_lock] = true;
+         }
+
          this .scene .setExecutionContext (scene [InlineGeometry_cache] ? browser .getDefaultScene () : this .getExecutionContext ());
          this .scene .setLive (true);
 
@@ -84259,6 +84234,9 @@ Object .assign (Object .setPrototypeOf (InlineGeometry .prototype, Rendering_X3D
    { },
    dispose ()
    {
+      if (this .geometryNode)
+         this .geometryNode [_lock] = false;
+
       Networking_X3DUrlObject    .prototype .dispose .call (this);
       Rendering_X3DGeometryNode .prototype .dispose .call (this);
    },
@@ -88725,7 +88703,10 @@ Object .assign (Object .setPrototypeOf (AudioDestination .prototype, Sound_X3DSo
    },
    set_mediaDeviceID_impl__ ()
    {
-      const sinkId = this ._mediaDeviceID .getValue () || "default";
+      const sinkId = this ._mediaDeviceID .getValue ();
+
+      if (this .audioElement .sinkId === sinkId)
+         return Promise .resolve ();
 
       return this .audioElement .setSinkId ?.(sinkId) ?? Promise .resolve ();
    },
@@ -91565,8 +91546,8 @@ const PNGMedia_default_ = PNGMedia;
 
 /* harmony default export */ const Texturing_PNGMedia = (x_ite_Namespace .add ("PNGMedia", PNGMedia_default_));
 ;// ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var SuperGif = __webpack_require__(617);
-/* provided dependency */ var APNG = __webpack_require__(851);
+/* provided dependency */ var SuperGif = __webpack_require__(530);
+/* provided dependency */ var APNG = __webpack_require__(504);
 
 
 
@@ -94210,7 +94191,7 @@ const QuickSort_default_ = QuickSort;
 
 /* harmony default export */ const Algorithms_QuickSort = (x_ite_Namespace .add ("QuickSort", QuickSort_default_));
 ;// ./src/lib/libtess.js
-/* provided dependency */ var libtess_libtess = __webpack_require__(775);
+/* provided dependency */ var libtess_libtess = __webpack_require__(780);
 const libtess_default_ = libtess_libtess;
 ;