x_ite 10.5.9 → 10.5.11

package/dist/x_ite.mjs

@@ -1,10 +1,10 @@
-/* X_ITE v10.5.9 */
+/* X_ITE v10.5.11 */
 var __webpack_modules__ = ({
 
-/***/ 58:
+/***/ 400:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(394);
+/* provided dependency */ var jQuery = __webpack_require__(524);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -200,7 +200,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 576:
+/***/ 866:
 /***/ ((module, exports, __webpack_require__) => {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -214,7 +214,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__(394)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(524)], __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__));
@@ -425,7 +425,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
 /***/ }),
 
-/***/ 394:
+/***/ 524:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11149,7 +11149,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 787:
+/***/ 153:
 /***/ ((module) => {
 
 /**
@@ -15928,7 +15928,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 514:
+/***/ 496:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19173,7 +19173,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 485:
+/***/ 63:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -20297,7 +20297,7 @@ Object .defineProperty (Namespace, "add",
          return module;
       }
 
-      const X3D = window [Symbol .for ("X_ITE.X3D-10.5.9")];
+      const X3D = window [Symbol .for ("X_ITE.X3D-10.5.11")];
 
       if (X3D)
          X3D [name] = module;
@@ -21140,11 +21140,9 @@ Object .assign (Generator .prototype,
    },
    ExistsRouteNode (routeNode)
    {
-      const
-         namesByNode = this .namesByNode .get (this .ExecutionContext ()),
-         routeNodes  = this .routeNodes .get (this .ExecutionContext ());
+      const routeNodes = this .routeNodes .get (this .ExecutionContext ());
 
-      return namesByNode .has (routeNode) || routeNodes .has (routeNode);
+      return routeNodes .has (routeNode);
    },
    IsSharedNode (baseNode)
    {
@@ -29209,13 +29207,9 @@ const SFNodeCache =
 
 function dispose ()
 {
-   const value = this .getValue ();
-
-   value ?.dispose ();
+   this .getValue () ?.dispose ();
 
    Fields_SFNode .prototype .dispose .call (this);
-
-   SFNodeCache .delete (value);
 }
 
 const SFNodeCache_default_ = SFNodeCache;
@@ -34179,7 +34173,7 @@ const X3DBaseNode_default_ = X3DBaseNode;
 
 /* harmony default export */ const Base_X3DBaseNode = (x_ite_Namespace .add ("X3DBaseNode", X3DBaseNode_default_));
 ;// ./src/x_ite/Browser/Legacy.js
-/* provided dependency */ var $ = __webpack_require__(394);
+/* provided dependency */ var $ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -34315,7 +34309,7 @@ const Legacy_default_ = Legacy;
  *
  ******************************************************************************/
 
-const BROWSER_VERSION_default_ = "10.5.9";
+const BROWSER_VERSION_default_ = "10.5.11";
 ;
 
 /* harmony default export */ const BROWSER_VERSION = (x_ite_Namespace .add ("BROWSER_VERSION", BROWSER_VERSION_default_));
@@ -34372,6 +34366,7 @@ const BROWSER_VERSION_default_ = "10.5.9";
 
 
 
+
 const _metaDataCallbacks = Symbol ();
 
 function X3DNode (executionContext)
@@ -35596,6 +35591,7 @@ Object .assign (Object .setPrototypeOf (X3DNode .prototype, Base_X3DBaseNode .pr
          }
       }
 
+
       // Type name
 
       generator .string += '{';
@@ -36087,6 +36083,8 @@ Object .assign (Object .setPrototypeOf (X3DNode .prototype, Base_X3DBaseNode .pr
          firstParent .setValue (null);
       }
 
+      Fields_SFNodeCache .delete (this);
+
       // Call super.dispose, where fields get disposed.
 
       Base_X3DBaseNode .prototype .dispose .call (this);
@@ -37340,7 +37338,7 @@ const X3DBindableNode_default_ = X3DBindableNode;
 
 /* harmony default export */ const Core_X3DBindableNode = (x_ite_Namespace .add ("X3DBindableNode", X3DBindableNode_default_));
 ;// ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var libtess = __webpack_require__(787);
+/* provided dependency */ var libtess = __webpack_require__(153);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -39906,7 +39904,7 @@ const X3DProtoDeclaration_default_ = X3DProtoDeclaration;
 
 /* harmony default export */ const Prototype_X3DProtoDeclaration = (x_ite_Namespace .add ("X3DProtoDeclaration", X3DProtoDeclaration_default_));
 ;// ./src/x_ite/Parser/X3DParser.js
-/* provided dependency */ var X3DParser_$ = __webpack_require__(394);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -40161,7 +40159,7 @@ const Expressions_default_ = Expressions;
 
 /* harmony default export */ const Parser_Expressions = (x_ite_Namespace .add ("Expressions", Expressions_default_));
 ;// ./src/x_ite/Parser/VRMLParser.js
-/* provided dependency */ var VRMLParser_$ = __webpack_require__(394);
+/* provided dependency */ var VRMLParser_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -42801,7 +42799,7 @@ const VRMLParser_default_ = VRMLParser;
 
 /* harmony default export */ const Parser_VRMLParser = (x_ite_Namespace .add ("VRMLParser", VRMLParser_default_));
 ;// ./src/x_ite/Parser/XMLParser.js
-/* provided dependency */ var XMLParser_$ = __webpack_require__(394);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -43591,8 +43589,7 @@ Object .assign (Object .setPrototypeOf (XMLParser .prototype, Parser_X3DParser .
    scriptElement (element)
    {
       const
-         domParser      = new DOMParser (),
-         scriptDocument = domParser .parseFromString (element .outerHTML, "application/xml"),
+         scriptDocument = XMLParser_$.parseXML (element .outerHTML, "application/xml"),
          childNodes     = scriptDocument .children [0] .childNodes;
 
       element .textContent = "// Content moved into childNodes.";
@@ -44024,6 +44021,7 @@ const XMLParser_default_ = XMLParser;
 
 /* harmony default export */ const Parser_XMLParser = (x_ite_Namespace .add ("XMLParser", XMLParser_default_));
 ;// ./src/x_ite/Parser/JSONParser.js
+/* provided dependency */ var JSONParser_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -44203,7 +44201,7 @@ Object .assign (Object .setPrototypeOf (JSONParser .prototype, Parser_X3DParser
    createCDATA (document, element, str)
    {
       const
-         docu  = new DOMParser () .parseFromString ("<xml></xml>", "application/xml"),
+         docu  = JSONParser_$.parseXML ("<xml></xml>", "application/xml"),
          cdata = docu .createCDATASection (str);
 
       element .appendChild (cdata);
@@ -44979,7 +44977,7 @@ const URLs_default_ = URLs;
 
 /* harmony default export */ const Networking_URLs = (x_ite_Namespace .add ("URLs", URLs_default_));
 ;// ./src/x_ite/Parser/GLTF2Parser.js
-/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(394);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -45195,17 +45193,18 @@ Object .assign (Object .setPrototypeOf (GLTF2Parser .prototype, Parser_X3DParser
       this .scenesArray     (glTF, glTF .scenes, glTF .scene);
       this .animationsArray (glTF .animations);
 
-      this .viewpointsCenterOfRotation (this .getScene ());
-      this .optimizeSceneGraph (this .getScene () .getRootNodes ());
+      this .viewpointsCenterOfRotation (scene);
+      this .optimizeSceneGraph (scene .getRootNodes ());
 
       this .exportGroup ("Viewpoints",        this .cameras);
       this .exportGroup ("EnvironmentLights", this .envLights);
       this .exportGroup ("Lights",            this .lights);
       this .exportGroup ("Animations",        glTF .animations);
 
+      this .cleanupAnimationScripts ();
       this .materialVariantsSwitch ();
 
-      return this .getScene ();
+      return scene;
    },
    assetObject (asset)
    {
@@ -47533,6 +47532,30 @@ function eventsProcessed ()
 
       return this .createInterpolator (timeSensorNode, node, target, sampler .interpolation, input .array, output, timeSensorNode ._cycleInterval .getValue ());
    },
+   cleanupAnimationScripts ()
+   {
+      // It can happen, that some scripts are not used, so let us remove them.
+
+      const
+         scene       = this .getScene (),
+         scriptNodes = Array .from (scene .getNamedNodes (), node => node .getValue ())
+            .filter (node => node .getType () .at (-1) === Base_X3DConstants .Script);
+
+      for (const scriptNode of scriptNodes)
+      {
+         if (scriptNode .getFields () .every (field => !field .getInputRoutes () .size))
+         {
+            scriptNode .dispose ();
+            continue;
+         }
+
+         if (scriptNode .getFields () .every (field => !field .getOutputRoutes () .size))
+         {
+            scriptNode .dispose ();
+            continue;
+         }
+      }
+   },
    createShape (primitive, weights, skin, EXT_mesh_gpu_instancing)
    {
       const
@@ -48961,7 +48984,7 @@ const GLTF2Parser_default_ = GLTF2Parser;
 
 /* harmony default export */ const Parser_GLTF2Parser = (x_ite_Namespace .add ("GLTF2Parser", GLTF2Parser_default_));
 ;// ./src/x_ite/Parser/GLB2Parser.js
-/* provided dependency */ var GLB2Parser_$ = __webpack_require__(394);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -49112,7 +49135,7 @@ const GLB2Parser_default_ = GLB2Parser;
 
 /* harmony default export */ const Parser_GLB2Parser = (x_ite_Namespace .add ("GLB2Parser", GLB2Parser_default_));
 ;// ./src/x_ite/Parser/OBJParser.js
-/* provided dependency */ var OBJParser_$ = __webpack_require__(394);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -52479,8 +52502,8 @@ const MatrixStack_default_ = MatrixStack;
 
 /* harmony default export */ const Utility_MatrixStack = (x_ite_Namespace .add ("MatrixStack", MatrixStack_default_));
 ;// ./src/x_ite/Parser/SVGParser.js
-/* provided dependency */ var SVGParser_$ = __webpack_require__(394);
-/* provided dependency */ var SVGParser_libtess = __webpack_require__(787);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(524);
+/* provided dependency */ var SVGParser_libtess = __webpack_require__(153);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -52616,8 +52639,7 @@ function SVGParser (scene)
    this .strokeGeometries = new Map ();
    this .lineProperties   = new Map ();
    this .tessy            = this .createTesselator ();
-   this .canvas           = document .createElement ("canvas");
-   this .context          = this .canvas .getContext ("2d");
+   this .context          = document .createElement ("canvas") .getContext ("2d", { willReadFrequently: true });
    this .numSwitchNodes   = 0;
 
    this .styles = [{
@@ -52671,8 +52693,9 @@ function SVGParser (scene)
          break;
    }
 
-   this .canvas .width  = this .GRADIENT_SIZE;
-   this .canvas .height = this .GRADIENT_SIZE;
+   // Use .canvas to support foreign 2d libs.
+   this .context .canvas .width  = this .GRADIENT_SIZE;
+   this .context .canvas .height = this .GRADIENT_SIZE;
 }
 
 Object .assign (Object .setPrototypeOf (SVGParser .prototype, Parser_X3DParser .prototype),
@@ -53689,7 +53712,7 @@ Object .assign (Object .setPrototypeOf (SVGParser .prototype, Parser_X3DParser .
       cx .restore ();
 
       // Use PNG because image can have alpha channel.
-      return this .canvas .toDataURL ("image/png");
+      return this .context .canvas .toDataURL ("image/png");
    },
    patternUrl (xmlElement)
    {
@@ -55259,7 +55282,7 @@ const SVGParser_default_ = SVGParser;
 
 /* harmony default export */ const Parser_SVGParser = (x_ite_Namespace .add ("SVGParser", SVGParser_default_));
 ;// ./src/x_ite/Parser/GoldenGate.js
-/* provided dependency */ var GoldenGate_$ = __webpack_require__(394);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -60252,7 +60275,7 @@ const MikkTSpace_default_ = new class MikkTSpace
          {
             if (response .headers .get ("Content-Type") !== "application/wasm")
             {
-               console .warn ("`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", error);
+               // console .warn ("`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", error);
             }
             else
             {
@@ -63278,7 +63301,7 @@ const X3DTexture2DNode_default_ = X3DTexture2DNode;
 
 /* harmony default export */ const Texturing_X3DTexture2DNode = (x_ite_Namespace .add ("X3DTexture2DNode", X3DTexture2DNode_default_));
 ;// ./src/x_ite/Components/Texturing/ImageTexture.js
-/* provided dependency */ var ImageTexture_$ = __webpack_require__(394);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -63481,8 +63504,9 @@ Object .assign (Object .setPrototypeOf (ImageTexture .prototype, Texturing_X3DTe
                height = Math_Algorithm .nextPowerOfTwo (height);
             }
 
-            canvas .width  = width;
-            canvas .height = height;
+            // Use .canvas to support foreign 2d libs.
+            cx .canvas .width  = width;
+            cx .canvas .height = height;
 
             cx .clearRect (0, 0, width, height);
             cx .drawImage (image, 0, 0, image .width, image .height, 0, 0, width, height);
@@ -66704,7 +66728,7 @@ const X3DWorld_default_ = X3DWorld;
 
 /* harmony default export */ const Execution_X3DWorld = (x_ite_Namespace .add ("X3DWorld", X3DWorld_default_));
 ;// ./src/x_ite/InputOutput/FileLoader.js
-/* provided dependency */ var FileLoader_$ = __webpack_require__(394);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -67668,7 +67692,7 @@ const ProtoDeclarationArray_default_ = ProtoDeclarationArray;
 
 /* harmony default export */ const Prototype_ProtoDeclarationArray = (x_ite_Namespace .add ("ProtoDeclarationArray", ProtoDeclarationArray_default_));
 ;// ./src/x_ite/Routing/X3DRoute.js
-/* provided dependency */ var X3DRoute_$ = __webpack_require__(394);
+/* provided dependency */ var X3DRoute_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -75324,32 +75348,36 @@ Object .assign (Object .setPrototypeOf (Extrusion .prototype, Rendering_X3DGeome
       return function ()
       {
          const
-            crossSection = this ._crossSection,
-            orientation  = this ._orientation,
-            scale        = this ._scale,
-            spine        = this ._spine,
-            points       = [ ];
-
-         // calculate SCP rotations
+            crossSection    = this ._crossSection,
+            orientation     = this ._orientation,
+            scale           = this ._scale,
+            spine           = this ._spine,
+            numCrossSection = crossSection .length,
+            numOrientations = orientation .length,
+            numScales       = scale .length,
+            numSpines       = spine .length,
+            points          = [ ];
+
+         // Calculate SCP rotations.
 
          const rotations = this .createRotations ();
 
-         // calculate vertices.
+         // Calculate vertices.
 
-         for (let i = 0, length = spine .length; i < length; ++ i)
+         for (let i = 0; i < numSpines; ++ i)
          {
             const matrix = rotations [i];
 
-            if (orientation .length)
-               matrix .rotate (orientation [Math .min (i, orientation .length - 1)] .getValue ());
+            if (numOrientations)
+               matrix .rotate (orientation [Math .min (i, numOrientations - 1)] .getValue ());
 
-            if (scale .length)
+            if (numScales)
             {
-               const s = scale [Math .min (i, scale .length - 1)] .getValue ();
+               const s = scale [Math .min (i, numScales - 1)] .getValue ();
                matrix .scale (scale3 .set (s .x, 1, s .y));
             }
 
-            for (let cs = 0, csLength = crossSection .length; cs < csLength; ++ cs)
+            for (let cs = 0; cs < numCrossSection; ++ cs)
             {
                const vector = crossSection [cs] .getValue ();
                points .push (matrix .multVecMatrix (new Numbers_Vector3 (vector .x, 0, vector .y)));
@@ -91344,7 +91372,7 @@ mediump samplerCube textureCube;
 
 /* harmony default export */ const MaterialTextures = (x_ite_Namespace .add ("MaterialTextures", MaterialTextures_default_));
 ;// ./src/x_ite/Components/Shaders/X3DProgrammableShaderObject.js
-/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(394);
+/* provided dependency */ var X3DProgrammableShaderObject_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -96641,7 +96669,7 @@ const ShaderCompiler_default_ = ShaderCompiler;
 
 /* harmony default export */ const Shaders_ShaderCompiler = (x_ite_Namespace .add ("ShaderCompiler", ShaderCompiler_default_));
 ;// ./src/x_ite/Components/Shaders/ShaderPart.js
-/* provided dependency */ var ShaderPart_$ = __webpack_require__(394);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -97239,7 +97267,7 @@ const X3DAppearanceNode_default_ = X3DAppearanceNode;
 
 /* harmony default export */ const Shape_X3DAppearanceNode = (x_ite_Namespace .add ("X3DAppearanceNode", X3DAppearanceNode_default_));
 ;// ./src/x_ite/Components/Shape/Appearance.js
-/* provided dependency */ var Appearance_$ = __webpack_require__(394);
+/* provided dependency */ var Appearance_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -101010,8 +101038,6 @@ Object .assign (Object .setPrototypeOf (X3DSoundSourceNode .prototype, Sound_X3D
    {
       this .audioSource .gain .value = this ._gain .getValue ();
    },
-   set_pitch ()
-   { },
    set_loop ()
    {
       if (!this .mediaElement)
@@ -101362,6 +101388,8 @@ Object .assign (Object .setPrototypeOf (AudioClip .prototype, Sound_X3DSoundSour
       Sound_X3DSoundSourceNode .prototype .initialize .call (this);
       Networking_X3DUrlObject       .prototype .initialize .call (this);
 
+      this ._pitch .addInterest ("set_pitch__", this);
+
       this .requestImmediateLoad () .catch (Function .prototype);
    },
    set_live__ ()
@@ -101369,6 +101397,13 @@ Object .assign (Object .setPrototypeOf (AudioClip .prototype, Sound_X3DSoundSour
       Sound_X3DSoundSourceNode .prototype .set_live__ .call (this);
       Networking_X3DUrlObject       .prototype .set_live__ .call (this);
    },
+   set_pitch__ ()
+   {
+      const media = this .getMediaElement ();
+
+      if (media)
+         media .playbackRate = Math .max (this ._pitch .getValue (), 0);
+   },
    unloadData ()
    {
       this .setMediaElement (null);
@@ -101408,6 +101443,8 @@ Object .assign (Object .setPrototypeOf (AudioClip .prototype, Sound_X3DSoundSour
       this ._duration_changed = media .duration;
 
       this .setMediaElement (media);
+
+      this .set_pitch__ ();
    },
    dispose ()
    {
@@ -105160,10 +105197,9 @@ Object .assign (Object .setPrototypeOf (WaveShaper .prototype, Sound_X3DSoundPro
    },
    set_curve__ ()
    {
-      if (this ._curve .length < 2)
-         this ._curve .length = 2;
-
-      this .waveShaperNode .curve = this ._curve .shrinkToFit ();
+      this .waveShaperNode .curve = this ._curve .length < 2
+         ? new Float32Array (2)
+         : this ._curve .shrinkToFit ();
    },
    set_oversample__: (function ()
    {
@@ -105462,8 +105498,8 @@ const GifMedia_default_ = GifMedia;
 
 /* harmony default export */ const Texturing_GifMedia = (x_ite_Namespace .add ("GifMedia", GifMedia_default_));
 ;// ./src/x_ite/Components/Texturing/MovieTexture.js
-/* provided dependency */ var MovieTexture_$ = __webpack_require__(394);
-/* provided dependency */ var SuperGif = __webpack_require__(485);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(524);
+/* provided dependency */ var SuperGif = __webpack_require__(63);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -105554,6 +105590,7 @@ Object .assign (Object .setPrototypeOf (MovieTexture .prototype, Texturing_X3DTe
       Networking_X3DUrlObject       .prototype .initialize .call (this);
 
       this ._speed .addInterest ("set_speed__", this);
+      this ._pitch .addInterest ("set_speed__", this);
 
       this .video
          .on ("abort error", this .setError .bind (this))
@@ -105696,8 +105733,11 @@ Object .assign (Object .setPrototypeOf (MovieTexture .prototype, Texturing_X3DTe
    {
       const media = this .getMediaElement ();
 
-      if (media)
-         media .playbackRate = this ._speed .getValue ();
+      if (!media)
+         return;
+
+      media .playbackRate   = this ._speed .getValue () * Math .max (this ._pitch .getValue (), 0);
+      media .preservesPitch = this ._pitch .getValue () === 1;
    },
    set_time ()
    {
@@ -106509,8 +106549,7 @@ Object .assign (Object .setPrototypeOf (PixelTexture .prototype, Texturing_X3DTe
          }
          else
          {
-            if (!this .canvas)
-               this .canvas = [document .createElement ("canvas"), document .createElement ("canvas")];
+            this .canvas ??= [document .createElement ("canvas"), document .createElement ("canvas")];
 
             const
                canvas1   = this .canvas [0],
@@ -106519,8 +106558,9 @@ Object .assign (Object .setPrototypeOf (PixelTexture .prototype, Texturing_X3DTe
                cx2       = canvas2 .getContext ("2d", { willReadFrequently: true }),
                imageData = cx1 .createImageData (width, height);
 
-            canvas1 .width  = width;
-            canvas1 .height = height;
+            // Use .canvas to support foreign 2d libs.
+            cx1 .canvas .width  = width;
+            cx1 .canvas .height = height;
 
             this .convert (imageData .data, comp, array .getValue (), array .length);
             cx1 .putImageData (imageData, 0, 0);
@@ -106528,8 +106568,9 @@ Object .assign (Object .setPrototypeOf (PixelTexture .prototype, Texturing_X3DTe
             width  = Math_Algorithm .nextPowerOfTwo (width);
             height = Math_Algorithm .nextPowerOfTwo (height);
 
-            canvas2 .width  = width;
-            canvas2 .height = height;
+            // Use .canvas to support foreign 2d libs.
+            cx2 .canvas .width  = width;
+            cx2 .canvas .height = height;
 
             cx2 .clearRect (0, 0, width, height);
             cx2 .drawImage (canvas1, 0, 0, canvas1 .width, canvas1 .height, 0, 0, width, height);
@@ -107931,7 +107972,7 @@ const gettext_default_ = (string) => locale .get (string) || string;
 
 /* harmony default export */ const gettext = (x_ite_Namespace .add ("gettext", gettext_default_));
 ;// ./src/x_ite/Browser/Core/BrowserTimings.js
-/* provided dependency */ var BrowserTimings_$ = __webpack_require__(394);
+/* provided dependency */ var BrowserTimings_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -108561,7 +108602,7 @@ const TextCompression_default_ = TextCompression;
 
 /* harmony default export */ const Core_TextCompression = (x_ite_Namespace .add ("TextCompression", TextCompression_default_));
 ;// ./src/x_ite/Browser/Core/BrowserOptions.js
-/* provided dependency */ var BrowserOptions_$ = __webpack_require__(394);
+/* provided dependency */ var BrowserOptions_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -109208,7 +109249,7 @@ const RenderingProperties_default_ = RenderingProperties;
 
 /* harmony default export */ const Core_RenderingProperties = (x_ite_Namespace .add ("RenderingProperties", RenderingProperties_default_));
 ;// ./src/x_ite/Browser/Core/Notification.js
-/* provided dependency */ var Notification_$ = __webpack_require__(394);
+/* provided dependency */ var Notification_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -109290,7 +109331,7 @@ Object .assign (Object .setPrototypeOf (Notification .prototype, Base_X3DBaseNod
          .hide ()
          .addClass ("x_ite-private-notification")
          .appendTo (this .getBrowser () .getSurface ())
-         .animate ({ width: 0 });
+         .css ("width", 0);
 
       Notification_$("<span></span>") .appendTo (this .element);
 
@@ -109330,8 +109371,8 @@ const Notification_default_ = Notification;
 
 /* harmony default export */ const Core_Notification = (x_ite_Namespace .add ("Notification", Notification_default_));
 ;// ./src/x_ite/Browser/Core/ContextMenu.js
-/* provided dependency */ var jquery_fullscreen = __webpack_require__(58);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(394);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(400);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -112053,7 +112094,7 @@ const DataStorage_default_ = DataStorage;
 
 /* harmony default export */ const Utility_DataStorage = (x_ite_Namespace .add ("DataStorage", DataStorage_default_));
 ;// ./src/x_ite/Browser/Core/X3DCoreContext.js
-/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(394);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -114664,8 +114705,8 @@ const X3DViewer_default_ = X3DViewer;
 
 /* harmony default export */ const Navigation_X3DViewer = (x_ite_Namespace .add ("X3DViewer", X3DViewer_default_));
 ;// ./src/x_ite/Browser/Navigation/ExamineViewer.js
-/* provided dependency */ var jquery_mousewheel = __webpack_require__(576);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(394);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(866);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115580,8 +115621,8 @@ const ExamineViewer_default_ = ExamineViewer;
 
 /* harmony default export */ const Navigation_ExamineViewer = (x_ite_Namespace .add ("ExamineViewer", ExamineViewer_default_));
 ;// ./src/x_ite/Browser/Navigation/X3DFlyViewer.js
-/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(576);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(394);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(866);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116596,8 +116637,8 @@ const FlyViewer_default_ = FlyViewer;
 
 /* harmony default export */ const Navigation_FlyViewer = (x_ite_Namespace .add ("FlyViewer", FlyViewer_default_));
 ;// ./src/x_ite/Browser/Navigation/PlaneViewer.js
-/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(576);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(394);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(866);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116926,8 +116967,8 @@ const NoneViewer_default_ = NoneViewer;
 
 /* harmony default export */ const Navigation_NoneViewer = (x_ite_Namespace .add ("NoneViewer", NoneViewer_default_));
 ;// ./src/x_ite/Browser/Navigation/LookAtViewer.js
-/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(576);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(394);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(866);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118069,8 +118110,8 @@ const X3DPickingContext_default_ = X3DPickingContext;
 
 /* harmony default export */ const Picking_X3DPickingContext = (x_ite_Namespace .add ("X3DPickingContext", X3DPickingContext_default_));
 ;// ./src/x_ite/Browser/PointingDeviceSensor/PointingDevice.js
-/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(576);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(394);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(866);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119517,7 +119558,7 @@ const Lock_default_ = Lock;
 
 /* harmony default export */ const Utility_Lock = (x_ite_Namespace .add ("Lock", Lock_default_));
 ;// ./src/x_ite/Browser/Rendering/X3DRenderingContext.js
-/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(394);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -120831,7 +120872,7 @@ const X3DSoundContext_default_ = X3DSoundContext;
 
 /* harmony default export */ const Sound_X3DSoundContext = (x_ite_Namespace .add ("X3DSoundContext", X3DSoundContext_default_));
 ;// ./src/x_ite/Browser/Texturing/KTXDecoder.js
-/* provided dependency */ var KTXDecoder_$ = __webpack_require__(394);
+/* provided dependency */ var KTXDecoder_$ = __webpack_require__(524);
 const KTXDecoder_default_ = class KTXDecoder
 {
    constructor (gl, externalKtxlib, scriptDir)
@@ -122410,7 +122451,7 @@ const Components_default_ = Components;
 
 /* harmony default export */ const x_ite_Components = (x_ite_Namespace .add ("Components", Components_default_));
 ;// ./src/x_ite/Browser/DOMIntegration.js
-/* provided dependency */ var DOMIntegration_$ = __webpack_require__(394);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(524);
 /*******************************************************************************
  * MIT License
  *
@@ -123676,7 +123717,7 @@ const FieldTypes_default_ = new Configuration_FieldTypesArray (Object .values (x
 
 /* harmony default export */ const FieldTypes = (x_ite_Namespace .add ("FieldTypes", FieldTypes_default_));
 ;// ./src/x_ite/Browser/X3DBrowser.js
-/* provided dependency */ var X3DBrowser_$ = __webpack_require__(394);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -124778,7 +124819,7 @@ const X3DBrowser_default_ = X3DBrowser;
 
 /* harmony default export */ const Browser_X3DBrowser = (x_ite_Namespace .add ("X3DBrowser", X3DBrowser_default_));
 ;// ./src/x_ite/X3DCanvasElement.js
-/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(394);
+/* provided dependency */ var X3DCanvasElement_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -125045,8 +125086,8 @@ const QuickSort_default_ = QuickSort;
 
 /* harmony default export */ const Algorithms_QuickSort = (x_ite_Namespace .add ("QuickSort", QuickSort_default_));
 ;// ./src/lib/jquery.js
-/* provided dependency */ var jquery_$ = __webpack_require__(394);
-/* provided dependency */ var pako = __webpack_require__(514);
+/* provided dependency */ var jquery_$ = __webpack_require__(524);
+/* provided dependency */ var pako = __webpack_require__(496);
 Object .assign (jquery_$,
 {
    decodeText (input)
@@ -125127,13 +125168,13 @@ const jquery_default_ = jquery_$;
 
 /* harmony default export */ const jquery = (x_ite_Namespace .add ("jquery", jquery_default_));
 ;// ./src/lib/libtess.js
-/* provided dependency */ var libtess_libtess = __webpack_require__(787);
+/* provided dependency */ var libtess_libtess = __webpack_require__(153);
 const libtess_default_ = libtess_libtess;
 ;
 
 /* harmony default export */ const lib_libtess = (x_ite_Namespace .add ("libtess", libtess_default_));
 ;// ./src/x_ite/X3D.js
-/* provided dependency */ var X3D_$ = __webpack_require__(394);
+/* provided dependency */ var X3D_$ = __webpack_require__(524);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -125437,7 +125478,7 @@ x_ite_Namespace, x_ite_Namespace .Fields,
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-10.5.9")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-10.5.11")] = x_ite_X3D;
 
 customElements .define ("x3d-canvas", x_ite_X3DCanvasElement);