x_ite 8.6.2 → 8.6.4

package/dist/x_ite.js

@@ -1,4 +1,4 @@
-/* X_ITE v8.6.2 */(function webpackUniversalModuleDefinition(root, factory) {
+/* X_ITE v8.6.4 */(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__ = ({
 
-/***/ 499:
+/***/ 599:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-/* provided dependency */ var jQuery = __webpack_require__(430);
+/* provided dependency */ var jQuery = __webpack_require__(769);
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;
 
 /**
@@ -387,10 +387,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;
 
 /***/ }),
 
-/***/ 76:
+/***/ 392:
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
-/* provided dependency */ var jQuery = __webpack_require__(430);
+/* provided dependency */ var jQuery = __webpack_require__(769);
 /**
  * @preserve jquery.fullscreen 1.1.5
  * https://github.com/code-lts/jquery-fullscreen-plugin
@@ -586,7 +586,7 @@ installFullScreenHandlers();
 
 /***/ }),
 
-/***/ 658:
+/***/ 616:
 /***/ ((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__(430)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(769)], __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_
 
 /***/ }),
 
-/***/ 430:
+/***/ 769:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -11812,7 +11812,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 469:
+/***/ 863:
 /***/ ((module) => {
 
 /**
@@ -16591,7 +16591,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 175:
+/***/ 765:
 /***/ (function(__unused_webpack_module, exports) {
 
 
@@ -19836,7 +19836,7 @@ if (true) {
 
 /***/ }),
 
-/***/ 916:
+/***/ 328:
 /***/ (function(module, exports) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
@@ -34905,7 +34905,7 @@ x_ite_Namespace.set ("x_ite/Base/X3DBaseNode", X3DBaseNode_default_);
  *
  ******************************************************************************/
 
-const VERSION_default_ = "8.6.2";
+const VERSION_default_ = "8.6.4";
 ;
 
 x_ite_Namespace.set ("x_ite/Browser/VERSION", VERSION_default_);
@@ -35807,7 +35807,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__(430);
+/* provided dependency */ var $ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -36765,7 +36765,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__(430);
+/* provided dependency */ var Notification_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -36887,8 +36887,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__(76);
-/* provided dependency */ var ContextMenu_$ = __webpack_require__(430);
+/* provided dependency */ var jquery_fullscreen = __webpack_require__(392);
+/* provided dependency */ var ContextMenu_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -41890,7 +41890,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__(430);
+/* provided dependency */ var X3DParser_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -42035,11 +42035,12 @@ X3DParser .prototype = {
    convertColor: function (value)
    {
       const
-         div    = X3DParser_$("<div></div>") .hide () .css ("color", value) .appendTo (X3DParser_$("body")),
+         wrap   = X3DParser_$("<div></div>") .hide () .css ("color", "black") .appendTo (X3DParser_$("body")),
+         div    = X3DParser_$("<div></div>").css ("color", value) .appendTo (wrap),
          rgb    = window .getComputedStyle (div [0]) .color,
          values = rgb .replace (/^rgba?\(|\)$/g, "") .split (/[\s,]+/) .map (s => parseFloat (s));
 
-      div .remove ();
+      wrap .remove ();
 
       values [0] /= 255;
       values [1] /= 255;
@@ -45066,7 +45067,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__(430);
+/* provided dependency */ var XMLParser_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -46952,7 +46953,7 @@ const X3DOptimizer_default_ = X3DOptimizer;
 x_ite_Namespace.set ("x_ite/Parser/X3DOptimizer", X3DOptimizer_default_);
 /* harmony default export */ const Parser_X3DOptimizer = (X3DOptimizer_default_);
 ;// CONCATENATED MODULE: ./src/standard/Math/Geometry/Triangle3.js
-/* provided dependency */ var libtess = __webpack_require__(469);
+/* provided dependency */ var libtess = __webpack_require__(863);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -47862,7 +47863,7 @@ const Box3_default_ = Box3;
 x_ite_Namespace.set ("standard/Math/Geometry/Box3", Box3_default_);
 /* harmony default export */ const Geometry_Box3 = (Box3_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/GLTF2Parser.js
-/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(430);
+/* provided dependency */ var GLTF2Parser_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -50089,7 +50090,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__(430);
+/* provided dependency */ var GLB2Parser_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -50242,7 +50243,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__(430);
+/* provided dependency */ var OBJParser_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -50517,37 +50518,44 @@ OBJParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
    },
    mtllib: async function (path)
    {
-      const
-         scene = this .getExecutionContext (),
-         url   = new URL (path, scene .getWorldURL ());
+      try
+      {
+         const
+            scene = this .getExecutionContext (),
+            url   = new URL (path, scene .getWorldURL ());
 
-      const input  = await fetch (url)
-         .then (response => response .arrayBuffer ())
-         .then (arrayBuffer => OBJParser_$.decodeText (OBJParser_$.ungzip (arrayBuffer)))
-         .catch (Function .prototype);
+         const input = await fetch (url)
+            .then (response => response .arrayBuffer ())
+            .then (arrayBuffer => OBJParser_$.decodeText (OBJParser_$.ungzip (arrayBuffer)))
+            .catch (Function .prototype);
 
-      const parser = new MaterialParser (scene, input);
+         const parser = new MaterialParser (scene, input);
 
-      parser .parse ();
+         parser .parse ();
 
-      for (const [name, material] of parser .materials)
-      {
-         const nodeName = this .sanitizeName (name);
+         for (const [name, material] of parser .materials)
+         {
+            const nodeName = this .sanitizeName (name);
 
-         if (nodeName)
-            scene .addNamedNode (scene .getUniqueName (nodeName), material);
+            if (nodeName)
+               scene .addNamedNode (scene .getUniqueName (nodeName), material);
 
-         this .materials .set (name, material);
-      }
+            this .materials .set (name, material);
+         }
 
-      for (const [name, texture] of parser .textures)
-      {
-         const nodeName = this .sanitizeName (name);
+         for (const [name, texture] of parser .textures)
+         {
+            const nodeName = this .sanitizeName (name);
 
-         if (nodeName)
-            scene .addNamedNode (scene .getUniqueName (nodeName), texture);
+            if (nodeName)
+               scene .addNamedNode (scene .getUniqueName (nodeName), texture);
 
-         this .textures .set (name, texture);
+            this .textures .set (name, texture);
+         }
+      }
+      catch (error)
+      {
+         console .warn (error);
       }
    },
    usemtl: function ()
@@ -52343,8 +52351,8 @@ const Bezier_default_ = Bezier;
 x_ite_Namespace.set ("standard/Math/Algorithms/Bezier", Bezier_default_);
 /* harmony default export */ const Algorithms_Bezier = (Bezier_default_);
 ;// CONCATENATED MODULE: ./src/x_ite/Parser/SVGParser.js
-/* provided dependency */ var SVGParser_$ = __webpack_require__(430);
-/* provided dependency */ var SVGParser_libtess = __webpack_require__(469);
+/* provided dependency */ var SVGParser_$ = __webpack_require__(769);
+/* provided dependency */ var SVGParser_libtess = __webpack_require__(863);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -52490,7 +52498,7 @@ function SVGParser (scene)
       fillURL: "",
       fillOpacity: 1,
       fillRule: "nonzero",
-      strokeType: "NONE",
+      strokeType: "none",
       strokeColor: Numbers_Color4.Black,
       strokeURL: "",
       strokeOpacity: 1,
@@ -52498,6 +52506,7 @@ function SVGParser (scene)
       opacity: 1,
       stopColor: Numbers_Color4.Black,
       stopOpacity: 1,
+      vectorEffect: "none",
    }];
 }
 
@@ -52607,14 +52616,31 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
       // Get attributes of svg element.
 
       const
-         viewBox = this .viewBoxAttribute (xmlElement .getAttribute ("viewBox"), new Numbers_Vector4 (0, 0, 100, 100)),
-         width   = this .lengthAttribute (xmlElement .getAttribute ("width", viewBox [2])),
-         height  = this .lengthAttribute (xmlElement .getAttribute ("height", viewBox [3]));
+         defaultWidth   = this .lengthAttribute (xmlElement .getAttribute ("width"), 300),
+         defaultHeight  = this .lengthAttribute (xmlElement .getAttribute ("height"), 150),
+         defaultViewBox = new Numbers_Vector4 (0, 0, defaultWidth, defaultHeight),
+         viewBox        = this .viewBoxAttribute (xmlElement .getAttribute ("viewBox"), defaultViewBox),
+         width          = this .lengthAttribute (xmlElement .getAttribute ("width"), viewBox [2]),
+         height         = this .lengthAttribute (xmlElement .getAttribute ("height"), viewBox [3]);
+
+      if (true) // default
+      {
+         // preserveAspectRatio="xMidYMid meet"
+
+         const
+            r  = width / height,
+            rv = viewBox [2] / viewBox [3];
+
+         if (rv > r)
+            viewBox [3] += viewBox [2] / r - viewBox [3];
+         else
+            viewBox [2] += viewBox [3] * r - viewBox [2];
+      }
 
       // Create viewpoint.
 
       const
-         viewpoint = scene .createNode ("OrthoViewpoint",),
+         viewpoint = scene .createNode ("OrthoViewpoint"),
          x         =  (viewBox .x + width  / 2) * PIXEL,
          y         = -(viewBox .y + height / 2) * PIXEL;
 
@@ -52856,7 +52882,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       // Create nodes.
 
-      if (this .style .fillType !== "NONE")
+      if (this .style .fillType !== "none")
       {
          const
             shapeNode     = scene .createNode ("Shape"),
@@ -52870,7 +52896,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          transformNode .children .push (shapeNode);
       }
 
-      if (this .style .strokeType !== "NONE")
+      if (this .style .strokeType !== "none")
       {
          const
             shapeNode     = scene .createNode ("Shape"),
@@ -52918,7 +52944,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       // Create nodes.
 
-      if (this .style .fillType !== "NONE")
+      if (this .style .fillType !== "none")
       {
          const
             shapeNode = scene .createNode ("Shape"),
@@ -52932,7 +52958,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          transformNode .children .push (shapeNode);
       }
 
-      if (this .style .strokeType !== "NONE")
+      if (this .style .strokeType !== "none")
       {
          const
             shapeNode  = scene .createNode ("Shape"),
@@ -52975,7 +53001,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       // Create nodes.
 
-      if (this .style .fillType !== "NONE")
+      if (this .style .fillType !== "none")
       {
          const
             shapeNode = scene .createNode ("Shape"),
@@ -52989,7 +53015,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          transformNode .children .push (shapeNode);
       }
 
-      if (this .style .strokeType !== "NONE")
+      if (this .style .strokeType !== "none")
       {
          const
             shapeNode  = scene .createNode ("Shape"),
@@ -53076,7 +53102,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       coordinateNode .point .push (... points);
 
-      if (this .style .fillType !== "NONE")
+      if (this .style .fillType !== "none")
       {
          const
             shapeNode    = scene .createNode ("Shape"),
@@ -53092,7 +53118,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          transformNode .children .push (shapeNode);
       }
 
-      if (this .style .strokeType !== "NONE")
+      if (this .style .strokeType !== "none")
       {
          const
             shapeNode    = scene .createNode ("Shape"),
@@ -53148,7 +53174,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
       for (const points of contours)
          coordinateNode .point .push (... points);
 
-      if (this .style .fillType !== "NONE")
+      if (this .style .fillType !== "none")
       {
          const
             shapeNode    = scene .createNode ("Shape"),
@@ -53164,7 +53190,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          transformNode .children .push (shapeNode);
       }
 
-      if (this .style .strokeType !== "NONE")
+      if (this .style .strokeType !== "none")
       {
          const
             shapeNode    = scene .createNode ("Shape"),
@@ -53202,7 +53228,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
       for (const [o, c, a] of g .stops)
          gradient .addColorStop (o, `rgba(${c .r * 255},${c .g * 255},${c .b * 255},${a})`);
 
-      return this .drawGradient (gradient, g .transform, bbox);
+      return this .drawGradient (gradient, g, bbox);
    },
    linearGradientElement: function (xmlElement, gradient)
    {
@@ -53220,9 +53246,9 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       gradient .x1        = this .lengthAttribute (xmlElement .getAttribute ("x1"), gradient .x1 || 0);
       gradient .y1        = this .lengthAttribute (xmlElement .getAttribute ("y1"), gradient .y1 || 0);
-      gradient .x2        = this .lengthAttribute (xmlElement .getAttribute ("x2"), gradient .x2 || 0);
+      gradient .x2        = this .lengthAttribute (xmlElement .getAttribute ("x2"), gradient .x2 || 1);
       gradient .y2        = this .lengthAttribute (xmlElement .getAttribute ("y2"), gradient .y2 || 0);
-      gradient .units     = xmlElement .getAttribute ("gradientUnits");
+      gradient .units     = xmlElement .getAttribute ("gradientUnits") || "objectBoundingBox";
       gradient .transform = this .transformAttribute (xmlElement .getAttribute ("gradientTransform"));
 
       // Stops
@@ -53236,12 +53262,12 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
    {
       const
          g        = this .radialGradientElement (xmlElement, { stops: [ ] }),
-         gradient = this .context .createRadialGradient (g .fx, g .fy, 0, g .cx, g .cy, g .r);
+         gradient = this .context .createRadialGradient (g .fx, g .fy, g. fr, g .cx, g .cy, g .r);
 
       for (const [o, c, a] of g .stops)
          gradient .addColorStop (o, `rgba(${c .r * 255},${c .g * 255},${c .b * 255},${a})`);
 
-      return this .drawGradient (gradient, g .transform, bbox);
+      return this .drawGradient (gradient, g, bbox);
    },
    radialGradientElement: function (xmlElement, gradient)
    {
@@ -53254,14 +53280,13 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       // Attributes
 
-      gradient .cx           = this .lengthAttribute (xmlElement .getAttribute ("cx"), gradient .cx || 0),
-      gradient .cy           = this .lengthAttribute (xmlElement .getAttribute ("cy"), gradient .cy || 0),
-      gradient .x2           = this .lengthAttribute (xmlElement .getAttribute ("x2"), gradient .x2 || 0),
-      gradient .y2           = this .lengthAttribute (xmlElement .getAttribute ("y2"), gradient .y2 || 0),
-      gradient .r            = this .lengthAttribute (xmlElement .getAttribute ("r"),  gradient .cx),
-      gradient .fx           = this .lengthAttribute (xmlElement .getAttribute ("fx"), gradient .cx),
-      gradient .fy           = this .lengthAttribute (xmlElement .getAttribute ("fy"), gradient .cy),
-      gradient .units        = xmlElement .getAttribute ("gradientUnits");
+      gradient .cx           = this .lengthAttribute (xmlElement .getAttribute ("cx"), gradient .cx || 0.5),
+      gradient .cy           = this .lengthAttribute (xmlElement .getAttribute ("cy"), gradient .cy || 0.5),
+      gradient .r            = this .lengthAttribute (xmlElement .getAttribute ("r"),  gradient .r  || 0.5),
+      gradient .fx           = this .lengthAttribute (xmlElement .getAttribute ("fx"), gradient .fx || gradient .cx),
+      gradient .fy           = this .lengthAttribute (xmlElement .getAttribute ("fy"), gradient .fy || gradient .cy),
+      gradient .fr           = this .lengthAttribute (xmlElement .getAttribute ("fr"), gradient .fr || 0),
+      gradient .units        = xmlElement .getAttribute ("gradientUnits") || "objectBoundingBox";
       gradient .spreadMethod = xmlElement .getAttribute ("spreadMethod");
       gradient .transform    = this .transformAttribute (xmlElement .getAttribute ("gradientTransform"));
 
@@ -53303,15 +53328,20 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       this .styles .pop ();
    },
-   drawGradient: function (gradient, transform, bbox)
+   drawGradient: function (gradient, g, bbox)
    {
       const m = new Numbers_Matrix3 ();
 
       m .scale (new Numbers_Vector2 (GRADIENT_SIZE / 2, GRADIENT_SIZE / 2));
       m .translate (Numbers_Vector2.One);
       m .scale (new Numbers_Vector2 (1, -1));
-      m .multLeft (Numbers_Matrix3.inverse (bbox .matrix));
-      m .multLeft (transform);
+
+      if (g .units === "userSpaceOnUse")
+         m .multLeft (Numbers_Matrix3.inverse (bbox .matrix));
+      else
+         m .multLeft (new Numbers_Matrix3 (2, 0, 0, 0, 2, 0, -1, -1, 1));
+
+      m .multLeft (g .transform);
 
       // Paint.
 
@@ -53375,7 +53405,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
    {
       if (!attribute)
          return;
-         
+
       const
          scene = this .getExecutionContext (),
          hash  = new URL (attribute, scene .getWorldURL ()) .hash .slice (1);
@@ -53882,14 +53912,14 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
                                  case 'S':
                                  case 's':
                                  {
-                                    x1 = ax + (ax - px);
-                                    y1 = ay + (ay - py);
+                                    var x1 = ax + (ax - px);
+                                    var y1 = ay + (ay - py);
                                     break;
                                  }
                                  default:
                                  {
-                                    x1 = ax;
-                                    y1 = ay;
+                                    var x1 = ax;
+                                    var y1 = ay;
                                     break;
                                  }
                               }
@@ -54104,16 +54134,20 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
                   {
                      if (this .double ())
                      {
-                        const ty = this .value;
+                        var ty = this .value;
+                     }
+                  }
+                  else
+                  {
+                     var ty = 0;
+                  }
 
-                        this .whitespaces ();
+                  this .whitespaces ();
 
-                        if (SVGParser_Grammar .closeParenthesis .parse (this))
-                        {
-                           matrix .translate (new Numbers_Vector2 (tx, ty));
-                           continue;
-                        }
-                     }
+                  if (SVGParser_Grammar .closeParenthesis .parse (this))
+                  {
+                     matrix .translate (new Numbers_Vector2 (tx, ty));
+                     continue;
                   }
                }
             }
@@ -54180,16 +54214,20 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
                   {
                      if (this .double ())
                      {
-                        const sy = this .value;
+                        var sy = this .value;
+                     }
+                  }
+                  else
+                  {
+                     var sy = sx;
+                  }
 
-                        this .whitespaces ();
+                  this .whitespaces ();
 
-                        if (SVGParser_Grammar .closeParenthesis .parse (this))
-                        {
-                           matrix .scale (new Numbers_Vector2 (sx, sy));
-                           continue;
-                        }
-                     }
+                  if (SVGParser_Grammar .closeParenthesis .parse (this))
+                  {
+                     matrix .scale (new Numbers_Vector2 (sx, sy));
+                     continue;
                   }
                }
             }
@@ -54253,6 +54291,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          "opacity",
          "stop-color",
          "stop-opacity",
+         "vector-effect",
       ];
 
       return function (xmlElement)
@@ -54331,6 +54370,9 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          case "stop-opacity":
             this .stopOpacityStyle (value);
             break;
+         case "vector-effect":
+            this .vectorEffectStyle (value);
+            break;
       }
    },
    displayStyle: function (value)
@@ -54360,13 +54402,13 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       if (value === "transparent")
       {
-         this .style .fillType = "NONE";
+         this .style .fillType = "none";
          return;
       }
 
       if (value === "none")
       {
-         this .style .fillType ="NONE";
+         this .style .fillType ="none";
          return;
       }
 
@@ -54419,13 +54461,13 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       if (value === "transparent")
       {
-         this .style .strokeType = "NONE";
+         this .style .strokeType = "none";
          return;
       }
 
       if (value === "none")
       {
-         this .style .strokeType ="NONE";
+         this .style .strokeType ="none";
          return;
       }
 
@@ -54467,7 +54509,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
    {
       if (this .double ())
       {
-         this .style .strokeWidth = this .value / (1000 * PIXEL);
+         this .style .strokeWidth = this .lengthAttribute (this .value);
          return;
       }
 
@@ -54517,6 +54559,18 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
          return;
       }
    },
+   vectorEffectStyle: function (value)
+   {
+      if (value !== "inherit")
+      {
+         this .style .vectorEffect = value;
+         return;
+      }
+
+      // inherit
+
+      this .style .vectorEffect = this .styles .at (-1) .vectorEffect;
+   },
    parseValue: function (value)
    {
       this .input     = value;
@@ -54631,7 +54685,7 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       switch (this .style .fillType)
       {
-         case "NONE":
+         case "none":
          {
             return null;
          }
@@ -54696,16 +54750,28 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
       materialNode .emissiveColor = new Numbers_Color3 (... this .style .strokeColor);
       materialNode .transparency  = 1 - this .style .strokeOpacity * this .style .opacity;
 
-      if (this .style .strokeWidth !== 1)
+      const strokeWidth = this .vectorEffect === "non-scaling-stroke"
+         ? this .style .strokeWidth
+         : this .getStokeWidth ();
+
+      if (strokeWidth > 1)
       {
          const lineProperties = scene .createNode ("LineProperties");
 
          appearanceNode .lineProperties       = lineProperties;
-         lineProperties .linewidthScaleFactor = this .style .strokeWidth;
+         lineProperties .linewidthScaleFactor = strokeWidth;
       }
 
       return appearanceNode;
    },
+   getStokeWidth: function ()
+   {
+      const
+         modelMatrix = this .getModelMatrix (),
+         strokeWidth = modelMatrix .multDirMatrix (new Numbers_Vector3 (this .style .strokeWidth, this .style .strokeWidth, 0));
+
+      return (strokeWidth .x + strokeWidth .y) / 2;
+   },
    createTextureProperties: function ()
    {
       const
@@ -54734,6 +54800,26 @@ SVGParser .prototype = Object .assign (Object .create (Parser_X3DParser.prototyp
 
       return texCoordNode;
    },
+   getModelMatrix: function ()
+   {
+      const modelMatrix = new Numbers_Matrix4 ();
+
+      for (let i = 1; i < this .groupNodes .length; ++ i)
+      {
+         const
+            node   = this .groupNodes [i],
+            matrix = new Numbers_Matrix4 ();
+
+         matrix .set (node .translation .getValue (),
+                      node .rotation .getValue (),
+                      node .scale .getValue (),
+                      node .scaleOrientation .getValue ());
+
+         modelMatrix .multLeft (matrix);
+      }
+
+      return modelMatrix;
+   },
    createTesselator: function ()
    {
       // Function called for each vertex of tessellator output.
@@ -54803,7 +54889,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__(430);
+/* provided dependency */ var GoldenGate_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -61798,7 +61884,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__(430);
+/* provided dependency */ var ImageTexture_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -66052,7 +66138,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__(430);
+/* provided dependency */ var FileLoader_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -68409,7 +68495,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/Configuration/ComponentInfo.js
-/* provided dependency */ var ComponentInfo_$ = __webpack_require__(430);
+/* provided dependency */ var ComponentInfo_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -70375,7 +70461,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__(430);
+/* provided dependency */ var X3DCoreContext_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -76865,8 +76951,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__(658);
-/* provided dependency */ var ExamineViewer_$ = __webpack_require__(430);
+/* provided dependency */ var jquery_mousewheel = __webpack_require__(616);
+/* provided dependency */ var ExamineViewer_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -77730,8 +77816,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__(658);
-/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(430);
+/* provided dependency */ var X3DFlyViewer_jquery_mousewheel = __webpack_require__(616);
+/* provided dependency */ var X3DFlyViewer_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -78681,8 +78767,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__(658);
-/* provided dependency */ var PlaneViewer_$ = __webpack_require__(430);
+/* provided dependency */ var PlaneViewer_jquery_mousewheel = __webpack_require__(616);
+/* provided dependency */ var PlaneViewer_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -78991,8 +79077,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__(658);
-/* provided dependency */ var LookAtViewer_$ = __webpack_require__(430);
+/* provided dependency */ var LookAtViewer_jquery_mousewheel = __webpack_require__(616);
+/* provided dependency */ var LookAtViewer_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -80595,8 +80681,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__(658);
-/* provided dependency */ var PointingDevice_$ = __webpack_require__(430);
+/* provided dependency */ var PointingDevice_jquery_mousewheel = __webpack_require__(616);
+/* provided dependency */ var PointingDevice_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -81618,8 +81704,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__(430);
-/* provided dependency */ var ResizeSensor = __webpack_require__(499);
+/* provided dependency */ var X3DRenderingContext_$ = __webpack_require__(769);
+/* provided dependency */ var ResizeSensor = __webpack_require__(599);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -90145,7 +90231,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__(430);
+/* provided dependency */ var ShaderPart_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -112026,7 +112112,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__(430);
+/* provided dependency */ var AudioClip_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -114841,8 +114927,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__(430);
-/* provided dependency */ var SuperGif = __webpack_require__(916);
+/* provided dependency */ var MovieTexture_$ = __webpack_require__(769);
+/* provided dependency */ var SuperGif = __webpack_require__(328);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -115800,7 +115886,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__(430);
+/* provided dependency */ var PixelTexture_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -116503,7 +116589,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__(430);
+/* provided dependency */ var DOMIntegration_$ = __webpack_require__(769);
 /*******************************************************************************
  * MIT License
  *
@@ -117740,7 +117826,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__(430);
+/* provided dependency */ var X3DBrowser_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118678,7 +118764,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__(430);
+/* provided dependency */ var Fallback_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -118857,8 +118943,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__(430);
-/* provided dependency */ var pako = __webpack_require__(175);
+/* provided dependency */ var jquery_$ = __webpack_require__(769);
+/* provided dependency */ var pako = __webpack_require__(765);
 jquery_$.decodeText = function (input)
 {
    if (typeof input === "string")
@@ -118885,14 +118971,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__(469);
+/* provided dependency */ var libtess_libtess = __webpack_require__(863);
 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__(430);
+/* provided dependency */ var X3D_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119148,7 +119234,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__(430);
+/* provided dependency */ var X3DCanvas_$ = __webpack_require__(769);
 /*******************************************************************************
  *
  * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
@@ -119408,7 +119494,7 @@ x_ite_Namespace.set ("shim", shim_default_);
 
 // Assign X3D to global namespace.
 
-window [Symbol .for ("X_ITE.X3D-8.6.2")] = x_ite_X3D;
+window [Symbol .for ("X_ITE.X3D-8.6.4")] = x_ite_X3D;
 
 x_ite_X3DCanvas.define ();