x_ite 16.3.1 → 16.4.0

package/dist/x_ite.mjs

@@ -1,7 +1,7 @@
-/* X_ITE v16.3.1 */
+/* X_ITE v16.4.0 */
 var __webpack_modules__ = ({
 
-/***/ 617
+/***/ 530
 (module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -1006,7 +1006,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ },
 
-/***/ 851
+/***/ 504
 (module) {
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -2002,7 +2002,7 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ },
 
-/***/ 775
+/***/ 780
 (module) {
 
 /**
@@ -18869,7 +18869,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_));
@@ -19326,7 +19326,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>
@@ -19429,8 +19429,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);
@@ -19438,8 +19437,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);
@@ -20344,19 +20342,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);
    },
@@ -20370,12 +20367,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",
       });
 
@@ -20390,22 +20387,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,
@@ -20508,12 +20489,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;
       };
@@ -20524,8 +20502,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);
@@ -20543,15 +20519,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.
 
@@ -20745,7 +20718,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": "--------",
@@ -20980,8 +20953,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");
@@ -21112,13 +21084,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);
                   });
                },
@@ -21442,6 +21413,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 ())
@@ -21457,6 +21430,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.
@@ -26127,7 +26102,7 @@ Object .assign (X3DParser .prototype,
       if (!this .isInsideProtoDeclaration ())
          nodes .forEach (node => node .setup ());
 
-      nodes .length = 0;;
+      nodes .length = 0;
    },
    rotateAxes90 (array)
    {
@@ -31195,7 +31170,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 =
@@ -47942,7 +47917,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);
 
 
 
@@ -50725,11 +50700,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)
@@ -50777,14 +50747,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));
       }
    }
 
@@ -50796,7 +50759,7 @@ class GoldenGate extends Parser_X3DParser
          {
             case "STRING":
             {
-               const string = helper.decodeText (x3dSyntax);;
+               const string = helper.decodeText (x3dSyntax);
 
                if (x3dSyntax instanceof ArrayBuffer)
                {
@@ -54670,9 +54633,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">
@@ -54696,7 +54659,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;
@@ -54995,12 +54958,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;
          }
@@ -64168,7 +64126,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
@@ -64183,7 +64141,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");
             });
          }
       }
@@ -66136,10 +66094,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"));
 
@@ -71922,7 +71886,6 @@ const PeriodicWave_default_ = PeriodicWave;
 
 
 
-
 const
    _audioContext        = Symbol (),
    _soundDestinationNodes          = Symbol (),
@@ -72033,7 +71996,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.");
@@ -72045,24 +72008,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);
    },
@@ -84048,7 +83999,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)
 {
@@ -84079,43 +84032,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);
    },
@@ -84123,6 +84087,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 })
@@ -84132,13 +84099,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.
 
@@ -84158,6 +84120,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);
 
@@ -84239,6 +84214,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);
    },
@@ -88705,7 +88683,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 ();
    },
@@ -91545,8 +91526,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);
 
 
 
@@ -94190,7 +94171,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;
 ;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x_ite",
-  "version": "16.3.1",
+  "version": "16.4.0",
   "description": "X_ITE X3D Browser and VRML Viewer — View and Manipulate X3D, VRML, glTF and Other 3D Sources in HTML",
   "main": "dist/x_ite.js",
   "module": "dist/x_ite.mjs",
@@ -121,7 +121,7 @@
     "apng-js": "^1.1.5",
     "CharLS.js": "^2.0.1",
     "dicom-parser": "^1.8.21",
-    "eslint": "^10.10.0",
+    "eslint": "^10.11.0",
     "fast-xml-parser": "^5.11.1",
     "globals": "^17.12.0",
     "jpeg-js": "^0.4.4",
@@ -137,7 +137,7 @@
     "string-replace-webpack-plugin": "^0.1.3",
     "terser": "5.51.2",
     "terser-webpack-plugin": "^5.6.1",
-    "webpack": "^5.110.3",
+    "webpack": "^5.111.1",
     "webpack-cli": "^7.2.3",
     "webpack-shell-plugin-next": "^2.3.3",
     "woff2-encoder": "^2.0.0",

package/dist/assets/images/xr.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="svg1" width="32" height="18" version="1.1" viewBox="0 0 8.467 4.762"><style>@keyframes fill{0%{fill:#ffe32d}50%{fill:#ff9f2e}to{fill:#d71f1f}}</style><path id="layer1" d="M151.606 66.08a.99.99 0 0 1 .992.984.997.997 0 0 1-.992.984.997.997 0 0 1-.992-.984.99.99 0 0 1 .992-.984zm3.704 0c.553 0 .993.45.993.992 0 .541-.451.992-.993.992-.54 0-.992-.45-.992-.992 0-.541.451-.992.992-.992zm-5.041 3.307h2.348l.54-.96a.34.34 0 0 1 .306-.178c.127 0 .244.062.307.177l.54.961h2.348a.83.83 0 0 0 .835-.825l-.01-2.716a.833.833 0 0 0-.835-.825h-6.389a.83.83 0 0 0-.836.825l.01 2.706c.002.459.37.835.836.835z" style="animation:fill 12s alternate infinite linear;fill:#cdcdcd;fill-opacity:1;stroke:#000;stroke-width:.132292;stroke-dasharray:none;stroke-opacity:1" transform="translate(-149.225 -64.823)"/></svg>