x_ite 8.6.11 → 8.6.12

package/docs/_config.yml

@@ -20,7 +20,7 @@ timezone:
 # ↓ --------------------------
 
 title: X_ITE X3D Browser               # the main title
-version: 8.6.11                         # x_ite latest version
+version: 8.6.12                         # x_ite latest version
 size: 289                              # size in kb
 x3d_latest_version: 4.0                # x3d latest version
 

package/docs/_posts/components/Geometry3D/IndexedFaceSet.md

@@ -61,7 +61,7 @@ List of texture-coordinate indices mapping attached texture to corresponding coo
 - If normalPerVertex='true' then a matching set of indices is provided, each separated by sentinel -1, that exactly corresponds to individual values in the coordIndex array polygon definitions.
 - If no child Normal node is provided, the X3D browser shall automatically generate normals, using creaseAngle to determine smoothed shading across shared vertices.
 
-### MFInt32 [in] **set_coordIndex** <small class="small">[0,∞) or -1</small>
+### MFInt32 [in] **set_coordIndex** <small>[0,∞) or -1</small>
 
 **colorIndex** values define the order in which Color|ColorRGBA values are applied to polygons (or vertices).
 

package/docs/_posts/components/Lighting/DirectionalLight.md

@@ -68,19 +68,19 @@ Orientation vector of light relative to local coordinate system.
 
 *shadows* field indicates whether or not this light casts a shadow behind illuminated X3DShapeNode geometry.
 
-### SFColor [in, out] **shadowColor** 0 0 0 <small class="small">[0,1] <span class="yellow">non standard</span></small>
+### SFColor [in, out] **shadowColor** 0 0 0 <small>[0,1] <span class="yellow">non standard</span></small>
 
 Color of shadow, applied to colors of objects.
 
-### SFFloat [in, out] **shadowIntensity** 0 <small class="small">[0,1]</small>
+### SFFloat [in, out] **shadowIntensity** 0 <small>[0,1]</small>
 
 *shadowIntensity* field defines how much light is obscured by shapes that cast shadows, ranging from 0 (light not obscured, no visible shadows) to 1 (light completely obscured, full-intensity shadows).
 
-### SFFloat [in, out] **shadowBias** 0.005 <small class="small">[0,1] <span class="yellow">non standard</span></small>
+### SFFloat [in, out] **shadowBias** 0.005 <small>[0,1] <span class="yellow">non standard</span></small>
 
 The shadowBias value controls the visibility of *shadow acne*.
 
-### SFInt32 [ ] **shadowMapSize** 1024 <small class="small">[0,∞) <span class="yellow">non standard</span></small>
+### SFInt32 [ ] **shadowMapSize** 1024 <small>[0,∞) <span class="yellow">non standard</span></small>
 
 Size of the shadow map in pixels, must be power of two.
 

package/docs/_posts/components/Lighting/EnvironmentLight.md

@@ -70,19 +70,19 @@ Brightness of ambient (nondirectional background) emission from the light.
 
 *shadows* field indicates whether or not this light casts a shadow behind illuminated X3DShapeNode geometry.
 
-### SFColor [in, out] **shadowColor** 0 0 0 <small class="small">[0,1] <span class="yellow">non standard</span></small>
+### SFColor [in, out] **shadowColor** 0 0 0 <small>[0,1] <span class="yellow">non standard</span></small>
 
 Color of shadow, applied to colors of objects.
 
-### SFFloat [in, out] **shadowIntensity** 0 <small class="small">[0,1]</small>
+### SFFloat [in, out] **shadowIntensity** 0 <small>[0,1]</small>
 
 *shadowIntensity* field defines how much light is obscured by shapes that cast shadows, ranging from 0 (light not obscured, no visible shadows) to 1 (light completely obscured, full-intensity shadows).
 
-### SFFloat [in, out] **shadowBias** 0.005 <small class="small">[0,1] <span class="yellow">non standard</span></small>
+### SFFloat [in, out] **shadowBias** 0.005 <small>[0,1] <span class="yellow">non standard</span></small>
 
 The shadowBias value controls the visibility of *shadow acne*.
 
-### SFInt32 [ ] **shadowMapSize** 1024 <small class="small">[0,∞) <span class="yellow">non standard</span></small>
+### SFInt32 [ ] **shadowMapSize** 1024 <small>[0,∞) <span class="yellow">non standard</span></small>
 
 Size of the shadow map in pixels, must be power of two.
 

package/docs/_posts/components/Lighting/PointLight.md

@@ -72,19 +72,19 @@ Maximum effective distance of light relative to local light position, affected b
 
 *shadows* field indicates whether or not this light casts a shadow behind illuminated X3DShapeNode geometry.
 
-### SFColor [in, out] **shadowColor** 0 0 0 <small class="small">[0,1] <span class="yellow">non standard</span></small>
+### SFColor [in, out] **shadowColor** 0 0 0 <small>[0,1] <span class="yellow">non standard</span></small>
 
 Color of shadow, applied to colors of objects.
 
-### SFFloat [in, out] **shadowIntensity** 0 <small class="small">[0,1]</small>
+### SFFloat [in, out] **shadowIntensity** 0 <small>[0,1]</small>
 
 *shadowIntensity* field defines how much light is obscured by shapes that cast shadows, ranging from 0 (light not obscured, no visible shadows) to 1 (light completely obscured, full-intensity shadows).
 
-### SFFloat [in, out] **shadowBias** 0.005 <small class="small">[0,1] <span class="yellow">non standard</span></small>
+### SFFloat [in, out] **shadowBias** 0.005 <small>[0,1] <span class="yellow">non standard</span></small>
 
 The shadowBias value controls the visibility of *shadow acne*.
 
-### SFInt32 [ ] **shadowMapSize** 1024 <small class="small">[0,∞) <span class="yellow">non standard</span></small>
+### SFInt32 [ ] **shadowMapSize** 1024 <small>[0,∞) <span class="yellow">non standard</span></small>
 
 Size of the shadow map in pixels, must be power of two.
 

package/docs/_posts/components/Lighting/SpotLight.md

@@ -101,19 +101,19 @@ Outer conical solid angle (in radians) where light source intensity becomes zero
 
 *shadows* field indicates whether or not this light casts a shadow behind illuminated X3DShapeNode geometry.
 
-### SFColor [in, out] **shadowColor** 0 0 0 <small class="small">[0,1] <span class="yellow">non standard</span></small>
+### SFColor [in, out] **shadowColor** 0 0 0 <small>[0,1] <span class="yellow">non standard</span></small>
 
 Color of shadow, applied to colors of objects.
 
-### SFFloat [in, out] **shadowIntensity** 0 <small class="small">[0,1]</small>
+### SFFloat [in, out] **shadowIntensity** 0 <small>[0,1]</small>
 
 *shadowIntensity* field defines how much light is obscured by shapes that cast shadows, ranging from 0 (light not obscured, no visible shadows) to 1 (light completely obscured, full-intensity shadows).
 
-### SFFloat [in, out] **shadowBias** 0.005 <small class="small">[0,1] <span class="yellow">non standard</span></small>
+### SFFloat [in, out] **shadowBias** 0.005 <small>[0,1] <span class="yellow">non standard</span></small>
 
 The shadowBias value controls the visibility of *shadow acne*.
 
-### SFInt32 [ ] **shadowMapSize** 1024 <small class="small">[0,∞) <span class="yellow">non standard</span></small>
+### SFInt32 [ ] **shadowMapSize** 1024 <small>[0,∞) <span class="yellow">non standard</span></small>
 
 Size of the shadow map in pixels, must be power of two.
 

package/docs/_posts/components/Rendering/IndexedLineSet.md

@@ -41,7 +41,7 @@ Metadata are not part of the X3D world and not interpreted by the X3D browser, b
 - If colorPerVertex='false' then one index is provided for each polygon defined by the coordIndex array. No sentinel -1 values are included.
 - If colorPerVertex='true' then a matching set of indices is provided, each separated by sentinel -1, that exactly corresponds to individual
 
-### MFInt32 [in] **set_coordIndex** <small class="small">[0,∞) or -1</small>
+### MFInt32 [in] **set_coordIndex** <small>[0,∞) or -1</small>
 
 **colorIndex** values define the order in which Color|ColorRGBA values are applied to polygons (or vertices).
 

package/docs/_posts/components/Rendering/IndexedTriangleFanSet.md

@@ -32,7 +32,7 @@ The IndexedTriangleFanSet node belongs to the **Rendering** component and its de
 
 Metadata are not part of the X3D world and not interpreted by the X3D browser, but they can be accessed via the ECMAScript interface.
 
-### MFInt32 [in] **set_index** <small class="small">[0,∞) or -1</small>
+### MFInt32 [in] **set_index** <small>[0,∞) or -1</small>
 
 *index* list specifies triangles by connecting Coordinate vertices, each individual fan separated by -1 sentinel value.
 

package/docs/_posts/components/RigidBodyPhysics/RigidBody.md

@@ -114,7 +114,7 @@ Enables/disables node operation.
 
 *centerOfMass* defines local center of mass for physics calculations.
 
-### SFNode [in, out] **massDensityModel** NULL <small class="small"><span class="red">not supported</span></small>
+### SFNode [in, out] **massDensityModel** NULL <small><span class="red">not supported</span></small>
 
 Input/Output field massDensityModel.
 

package/docs/_posts/components/RigidBodyPhysics/RigidBodyCollection.md

@@ -35,7 +35,7 @@ Metadata are not part of the X3D world and not interpreted by the X3D browser, b
 
 Enables/disables node operation.
 
-### MFNode [in] **set_contacts**<span class="red"><small class="small"> not supported</small></span>
+### MFNode [in] **set_contacts**<span class="red"><small> not supported</small></span>
 
 *set_contacts* input field for Contact nodes provides per-frame information about contacts between bodies.
 

package/docs/_posts/components/RigidBodyPhysics/SingleAxisHingeJoint.md

@@ -47,7 +47,7 @@ Metadata are not part of the X3D world and not interpreted by the X3D browser, b
 
 *minAngle* is minimum rotation angle for hinge.
 
-### SFFloat [in, out] **maxAngle** [-π,π) <small class="small"><span class="red">not supported</span></small>
+### SFFloat [in, out] **maxAngle** [-π,π) <small><span class="red">not supported</span></small>
 
 *maxAngle* is maximum rotation angle for hinge.
 

package/docs/_posts/components/RigidBodyPhysics/SliderJoint.md

@@ -55,7 +55,7 @@ Metadata are not part of the X3D world and not interpreted by the X3D browser, b
 
 - If (minSeparation is less than maxSeparation) then no stop is effective.
 
-### SFFLoat [in, out] **sliderForce** 0 <span class="red"><small class="small">not supported</small></span>
+### SFFLoat [in, out] **sliderForce** 0 <span class="red"><small>not supported</small></span>
 
 Input/Output field sliderForce.
 
@@ -75,11 +75,11 @@ Input/Output field sliderForce.
 
 - 0 means no error correction, 1 means all error corrected in single step.
 
-### SFFloat [out] **separation** <span class="red"><small class="small">not supported</small></span>
+### SFFloat [out] **separation** <span class="red"><small>not supported</small></span>
 
 *separation* indicates final separation distance between the two bodies.
 
-### SFFloat [out] **separationRate** <span class="red"><small class="small">not supported</small></span>
+### SFFloat [out] **separationRate** <span class="red"><small>not supported</small></span>
 
 *separationRate* indicates change in separation distance over time between the two bodies.
 

package/docs/_posts/components/X_ITE/BlendMode.md

@@ -32,7 +32,7 @@ The BlendMode node belongs to the **X_ITE** component and its default container
 
 Metadata are not part of the X3D world and not interpreted by the X3D browser, but they can be accessed via the ECMAScript interface.
 
-### SFColorRGBA [in, out] **blendColor** 0 0 0 0 <small class="small">[0,1]</small><small></small>
+### SFColorRGBA [in, out] **blendColor** 0 0 0 0 <small>[0,1]</small><small></small>
 
 The *blendColor* may be used to calculate the source and destination blending factors.
 

package/docs/_posts/getting-started.md

@@ -12,7 +12,8 @@ x_ite: true
   src="/x_ite/assets/X3D/teaser/teaser.x3d"
   splashScreen="false"
   contextMenu="false"
-  notifications="false">
+  notifications="false"
+  timings="false">
 </x3d-canvas>
 
 ## Overview
@@ -724,11 +725,15 @@ A Boolean value (`true` or `false`) to indicate whether the splash screen should
 
 ### src
 
-A String value with the URL that should be loaded on page load. If no *src* attribute is specified or the *src* attribute is empty an empty scene is displayed.
+A String value containing the URL to load on page load. If no *src* attribute is specified or the *src* attribute is empty, an empty scene will be displayed.
+
+### timings
+
+A Boolean value (`true` or `false`) to indicate whether the Timings Panel should be displayed. The default value for the *timings* attribute is restored from the previous session, otherwise it is `false`.
 
 ### url
 
-A MFString value with urls that should be loaded on page load. If no *url* attribute is specified or the attribute is empty an empty scene is displayed. If both src and *url* attribute are specified the *src* attribute takes precedence.
+A MFString value of URLs to load on page load. If no *url* attribute is specified or the attribute is empty, an empty scene will be displayed. If both src and *url* attributes are specified, the *src* attribute takes precedence.
 
 ### Example
 

package/docs/_posts/reference/browser-services.md

@@ -363,7 +363,7 @@ Adds a browser *callback* function associated with *key,* where *key* can be of
 
 Removes a browser callback function associated with *key*.
 
-#### void **viewAll** (*[SFNode layerNode]*)
+#### void **viewAll** (*[SFNode layerNode]*) <small><span class="yellow">non standard</span></small>
 
 Modifies the current view to show the entire visible scene. If *layerNode* is omitted, the active layer is used.
 

package/docs/_posts/reference/ecmascript-object-and-function-definitions.md

@@ -9,6 +9,7 @@ tags: [Ecmascript, Object, Function, Definitions]
 
 There are a fixed set of objects in ECMAScript, each of which have a fixed set of properties (i.e. values) and methods (i.e. functions). For all object types except Math, there are functions to create an instance of the object. The supported set of objects are:
 
+* [X3DCanvasElement](#x3dcanvaselement)
 * [Browser Services](browser-services)
 * [Scene Services](scene-services)
 * [Field Services and Objects](field-services-and-objects)
@@ -16,118 +17,34 @@ There are a fixed set of objects in ECMAScript, each of which have a fixed set o
 * [Prototype Services](prototype-services)
 * [Constants Services](constants-services)
 
-### parseInt and parseFloat Functions
+## X3DCanvasElement
 
-These 2 functions are provided to convert a String value to an Number value.
-
-#### Number **parseInt** (*s, [radix]*)
-
-Converts the passed String, 's', to an integer valued number, using the optional passed numeric 'radix' as the base. If the radix is omitted base 10 is assumed. Numbers can be in decimal (123), hexadecimal (0x5C) or octal (0177) notation and may be preceded by a minus sign ('-'). Conversion stops at the first unrecognized character. If the string begins with an unrecognized character, 0 is returned.
-
-#### Number **parseFloat** (*s*)
-
-Converts the passed String, 's', to a floating point valued number. Numbers can be in fixed (1.23) or exponential (12E3) notation and both the mantissa and exponent may be preceded by a minus sign ('-'). Conversion stops at the first unrecognized character. If the string begins with an unrecognized character, 0 is returned.
-
-## Math Object
-
-The Math object is unique in ECMAScript in that there is exactly one globally available instance of the object, named Math. Properties can be accessed using the syntax Math.\<property-name\>. Methods can be invoked using the syntax Math.\<function-name\> ( \<argument-list\> ).
+The X3DCanvasElement, \<x3d-canvas\>, is the main element that displays the X3D content. It defines some functions to be used with this object.
 
 ### Instance Creation Method\(s\)
 
-None. One global instance of the object is available. The name of the instance is Math.
-
-### Properties
-
-#### **E**
-
-Euler's constant, e, approximately 2.718.
-
-#### **LN10**
-
-Natural logarithm of 10, approximately 2.302.
+An \<x3d-canvas\> can be created with the `document.createElement` function to get a reference to an X3DCanvasElement.
 
-#### **LN2**
+```js
+const canvas = document .createElement ("x3d-canvas")
+```
 
-Natural logarithm of 2, approximately 0.693.
-
-#### **PI**
-
-Ratio of the circumference of a circle to its diameter, approximately 3.1415.
-
-#### **SQRT1_2**
-
-Square root of ½, approximately 0.707.
+### Properties
 
-#### **SQRT2**
+#### **browser**
 
-Square root of 2, approximately 1.414.
+A reference to the X3DBrowser object that is associated with this element.
 
 ### Methods
 
-#### **abs** (*number*)
-
-Returns the absolute value of *number.*
-
-#### **acos** (number)
-
-Returns the arc cosine (in radians) of *number.*
-
-#### **asin** (number)
-
-Returns the arc sine (in radians) of *number.*
-
-#### **atan** (number)
-
-Returns the arc tangent (in radians) of *number.*
-
-#### **ceil** (number)
-
-Returns the least integer greater than or equal to *number.*
-
-#### **cos** (number)
-
-Returns the cosine of *number* where *number* is expressed in radians.
-
-#### **exp** (*number*)
-
-Returns *e,* to the power of *number* (i.e. *e*<sup>*number*</sup>).
-
-#### **floor** (*number*)
-
-Returns the greatest integer less than or equal to its argument.
-
-#### **log** (*number)*
-
-Returns the natural logarithm (base *e*) of *number.*
-
-#### **max** (*number1*, *number2*)
-
-Returns the greater of *number1* and *number2.*
-
-#### **min** (*number1*, *number2*)
-
-Returns the lesser of *number1* and *number2.*
-
-#### **pow** (*base*, *exponent*)
-
-Returns *base* to the *exponent* power (i.e. *base*<sup>*exponent*</sup>).
-
-#### **random** ()
-
-Returns a pseudo-random number between zero and one.
-
-#### **round** (*number*)
-
-Returns the value of *number* rounded to the nearest integer.
-
-#### **sin** (*number*)
+#### MediaStream **captureStream** (*[Number frameRate]*)
 
-Returns the sine of *number* where *number* is expressed in radians.
+See [HTMLCanvasElement.captureStream()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream){:target="_blank"}.
 
-#### **sqrt** (*number*)
+#### Blob **toBlob** (*Function callback, [String type, Number quality]*)
 
-Returns the square root of its argument.
+See [HTMLCanvasElement.toBlob()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob){:target="_blank"}.
 
-#### **tan** (*number*)
+#### String **toDataURL** (*[String type, Number encoderOptions]*)
 
-Returns the tangent of *number*, where *number* is expressed in radians.
+See [HTMLCanvasElement.toDataURL()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL){:target="_blank"}.

package/docs/_posts/what's-new.md

@@ -906,7 +906,7 @@ You can tune the *shadowIntensity*. It is the intensity of the shadow. 0 means n
 
 ![Dynamic Shadows](https://create3000.github.io/media/images/dynamic-shadows.png)
 
-<small class="small">Dynamic shadows in X_ITE</small>
+<small>Dynamic shadows in X_ITE</small>
 
 ## X_ITE v4.1.7 Released
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x_ite",
-	"version": "8.6.11",
+	"version": "8.6.12",
 	"description": "X_ITE X3D Browser, view and manipulate X3D and VRML scenes in HTML.",
 	"homepage": "https://create3000.github.io/x_ite/",
 	"author": "Holger Seelig <holger.seelig@gmail.com>",
@@ -60,7 +60,7 @@
 		"dicom-parser": "^1.8.21",
 		"jpeg-js": "^0.4.4",
 		"jpeg-lossless-decoder-js": "^2.0.4",
-		"jquery": "^3.6.3",
+		"jquery": "^3.6.4",
 		"jquery-fullscreen-plugin": "^1.1.5",
 		"jquery-mousewheel": "^3.1.13",
 		"libgif": "^0.0.3",
@@ -71,7 +71,7 @@
 		"opentype.js": "^1.3.4",
 		"pako": "^2.1.0",
 		"string-replace-webpack-plugin": "^0.1.3",
-		"webpack": "^5.75.0",
+		"webpack": "^5.76.3",
 		"webpack-cli": "^5.0.1",
 		"webpack-shell-plugin-next": "^2.3.1"
 	},

package/src/lib/jquery.js

@@ -16,6 +16,11 @@ $.ungzip = function (arrayBuffer)
    {
       return arrayBuffer;
    }
-}
+};
+
+$.toLowerCaseFirst = function (string)
+{
+   return string [0] .toLowerCase () + string .slice (1);
+};
 
 export default $;

package/src/standard/Math/Geometry/Box3.js

@@ -157,11 +157,8 @@ Box3 .prototype =
             p2 = r1 .subtract (x),
             p3 = r2 .subtract (x);
 
-         min .assign (p1);
-         max .assign (p1);
-
-         min .min (p2, p3, p4);
-         max .max (p2, p3, p4);
+         min .assign (p1) .min (p2, p3, p4);
+         max .assign (p1) .max (p2, p3, p4);
 
          p1 .negate ();
          p2 .negate ();

package/src/x_ite/Base/X3DBaseNode.js

@@ -149,6 +149,14 @@ X3DBaseNode .prototype = Object .assign (Object .create (X3DEventObject .prototy
    {
       return this;
    },
+   beginUpdate: function ()
+   {
+      this .setLive (true);
+   },
+   endUpdate: function ()
+   {
+      this .setLive (false);
+   },
    isLive: (function ()
    {
       function isLive ()

package/src/x_ite/Base/X3DObject.js

@@ -51,7 +51,8 @@ import MapUtilities from "../../standard/Utility/MapUtilities.js";
 const
    _name      = Symbol (),
    _interests = Symbol (),
-   _values    = Symbol ();
+   _values    = Symbol (),
+   _userData  = Symbol ();
 
 function X3DObject () { }
 
@@ -61,6 +62,7 @@ X3DObject .prototype =
    [_name]: "",
    [_interests]: new Map (),
    [_values]: [ ],
+   [_userData]: new Map (),
    getId: function ()
    {
       return X3DObject .getId (this);
@@ -122,6 +124,17 @@ X3DObject .prototype =
             interest ();
       }
    },
+   getUserData: function (key)
+   {
+      return this [_userData] .get (key);
+   },
+   setUserData: function (key, value)
+   {
+      if (this [_userData] === X3DObject .prototype [_userData])
+         this [_userData] = new Map ();
+
+      this [_userData] .set (key, value);
+   },
    toString: function (options = Object .prototype)
    {
       const generator = new Generator (options);

package/src/x_ite/Browser/Core/BrowserOptions.js

@@ -91,6 +91,7 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
       new X3DFieldDefinition (X3DConstants .inputOutput, "LogarithmicDepthBuffer", new Fields .SFBool ()),
       new X3DFieldDefinition (X3DConstants .inputOutput, "Notifications",          new Fields .SFBool (true)),
       new X3DFieldDefinition (X3DConstants .inputOutput, "Multisampling",          new Fields .SFInt32 (4)),
+      new X3DFieldDefinition (X3DConstants .inputOutput, "OptimizeStaticGroup",    new Fields .SFBool (true)),
       new X3DFieldDefinition (X3DConstants .inputOutput, "StraightenHorizon",      new Fields .SFBool (true)),
       new X3DFieldDefinition (X3DConstants .inputOutput, "Timings",                new Fields .SFBool ()),
    ]),
@@ -133,7 +134,7 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
    },
    configure: (function ()
    {
-      const globals = new Set ([
+      const attributes = new Set ([
          "Antialiased",
          "Cache",
          "ContentScale",
@@ -144,6 +145,14 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
          "SplashScreen",
       ]);
 
+      const restorable = new Set ([
+         "PrimitiveQuality",
+         "Rubberband",
+         "StraightenHorizon",
+         "TextureQuality",
+         "Timings",
+      ]);
+
       return function ()
       {
          const
@@ -152,15 +161,28 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
 
          for (const { name, value } of this .getFieldDefinitions ())
          {
-            if (globals .has (name))
+            if (attributes .has (name))
             {
-               const attribute = name [0] .toLowerCase () + name .slice (1);
-               browser .attributeChangedCallback (attribute, null, browser .getElement () .attr (name));
+               const
+                  attribute = $.toLowerCaseFirst (name),
+                  value     = browser .getElement () .attr (attribute);
+
+               browser .attributeChangedCallback (attribute, null, value);
+
                continue;
             }
 
-            if (localStorage [name] !== undefined)
+            if (restorable .has (name))
+            {
+               const
+                  value = localStorage [name],
+                  field = this .getField (name);
+
+               if (value !== field .getValue ())
+                  field .setValue (value);
+
                continue;
+            }
 
             const field = this .getField (name);
 
@@ -169,28 +191,6 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
 
             field .assign (value);
          }
-
-         const
-            rubberband        = localStorage .Rubberband,
-            primitiveQuality  = localStorage .PrimitiveQuality,
-            textureQuality    = localStorage .TextureQuality,
-            straightenHorizon = localStorage .StraightenHorizon,
-            timings           = localStorage .Timings;
-
-         if (rubberband !== this ._Rubberband .getValue ())
-            this ._Rubberband = rubberband;
-
-         if (primitiveQuality !== this ._PrimitiveQuality .getValue ())
-            this ._PrimitiveQuality = primitiveQuality;
-
-         if (textureQuality !== this ._TextureQuality .getValue ())
-            this ._TextureQuality = textureQuality;
-
-         if (straightenHorizon !== this ._StraightenHorizon .getValue ())
-            this ._StraightenHorizon = straightenHorizon;
-
-         if (timings !== this ._Timings .getValue ())
-            this ._Timings = timings;
       };
    })(),
    getPrimitiveQuality: function ()
@@ -323,8 +323,6 @@ BrowserOptions .prototype = Object .assign (Object .create (X3DBaseNode .prototy
    set_timings__: function (timings)
    {
       this .localStorage .Timings = timings .getValue ();
-
-      this .getBrowser () .getBrowserTimings () .setEnabled (timings .getValue ());
    },
 });
 

package/src/x_ite/Browser/Core/BrowserTimings.js

@@ -54,7 +54,6 @@ function BrowserTimings (executionContext)
    X3DBaseNode .call (this, executionContext);
 
    this .localStorage  = this .getBrowser () .getLocalStorage () .addNameSpace ("BrowserTimings.");
-   this .enabled       = false;
    this .fps           = new StopWatch ();
    this .localeOptions = { minimumFractionDigits: 2, maximumFractionDigits: 2 };
 }
@@ -78,7 +77,7 @@ BrowserTimings .prototype = Object .assign (Object .create (X3DBaseNode .prototy
    {
       X3DBaseNode .prototype .initialize .call (this);
 
-      this .getBrowser () .getBrowserOptions () ._ContextMenu .addInterest ("set_enabled__", this);
+      this .getBrowser () .getBrowserOptions () ._Timings .addInterest ("set_enabled__", this);
 
       this .localStorage .addDefaultValues ({ type: "LESS" });
 
@@ -94,22 +93,9 @@ BrowserTimings .prototype = Object .assign (Object .create (X3DBaseNode .prototy
 
       this .set_button__ ();
    },
-   getEnabled: function ()
-   {
-      return this .enabled;
-   },
-   setEnabled: function (enabled)
-   {
-      if (this .enabled === enabled)
-         return;
-
-      this .enabled = enabled;
-
-      this .set_enabled__ ();
-   },
    set_enabled__: function ()
    {
-      if (this .enabled && this .getBrowser () .getBrowserOption ("ContextMenu"))
+      if (this .getBrowser () .getBrowserOption ("Timings"))
       {
          this .element .stop (true, true) .fadeIn ();
          this .fps .reset ();