sunrize 2.1.5 → 2.1.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sunrize",
   "productName": "Sunrize X3D Editor",
-  "version": "2.1.5",
+  "version": "2.1.7",
   "description": "Sunrize — A Multi-Platform X3D Editor",
   "main": "src/main.js",
   "bin": {
@@ -88,7 +88,7 @@
     "@electron-forge/maker-zip": "^7.11.2",
     "@electron-forge/publisher-github": "^7.11.2",
     "@eslint/js": "^10.0.1",
-    "eslint": "^10.4.1",
+    "eslint": "^10.5.0",
     "globals": "^17.6.0",
     "shell-tools": "^1.1.9"
   },
@@ -96,7 +96,7 @@
     "@vscode/codicons": "^0.0.45",
     "capitalize": "^2.0.4",
     "console": "^0.7.2",
-    "electron": "42.3.3",
+    "electron": "43.0.0-beta.3",
     "electron-prompt": "^1.7.0",
     "electron-squirrel-startup": "^1.0.1",
     "electron-tabs": "^1.0.4",
@@ -105,7 +105,7 @@
     "jquery-ui-dist": "^1.13.3",
     "jstree": "^3.3.17",
     "material-icons": "^1.13.14",
-    "material-symbols": "^0.44.12",
+    "material-symbols": "^0.45.1",
     "md5": "^2.3.0",
     "mime-types": "^3.0.2",
     "monaco-editor": "^0.55.1",
@@ -115,8 +115,10 @@
     "string-similarity": "^4.0.4",
     "tweakpane": "^4.0.5",
     "update-electron-app": "^3.2.0",
-    "x_ite": "^15.1.2",
-    "x_ite-off-parser": "^1.0.6",
+    "x_ite": "^15.1.4",
+    "x_ite-off-parser": "^1.0.7",
+    "x_ite-sog-parser": "^1.0.3",
+    "x_ite-spz-parser": "^1.1.3",
     "x3d-traverse": "^2.0.1"
   }
 }

package/src/Application/Application.js

@@ -1030,7 +1030,7 @@ module .exports = class Application
          },
          {
             name: _("3D"),
-            extensions: ["gltf", "glb", "vrm", "obj", "stl", "ply", "off", "svg"],
+            extensions: ["gltf", "glb", "vrm", "obj", "stl", "ply", "sog", "spz", "off", "svg"],
          },
          {
             name: _("Audio"),
@@ -1038,7 +1038,7 @@ module .exports = class Application
          },
          {
             name: _("Images"),
-            extensions: ["png", "jpg", "jpeg", "gif", "webp", "ktx2"],
+            extensions: ["png", "jpg", "jpeg", "gif", "webp", "avif", "ktx2"],
          },
          {
             name: _("Video"),

package/src/Application/Document.js

@@ -18,9 +18,13 @@ const
    ImageParser        = require ("../Parser/ImageParser"),
    VideoParser        = require ("../Parser/VideoParser"),
    AudioParser        = require ("../Parser/AudioParser"),
-   OffParser          = require ("x_ite-off-parser"),
    _                  = require ("./GetText");
 
+require ("x_ite-sog-parser");
+require ("x_ite-spz-parser/x_ite-spz-parser-123.js");
+require ("x_ite-spz-parser/x_ite-spz-parser-4.js");
+require ("x_ite-off-parser");
+
 module .exports = class Document extends Interface
 {
    #replaceWorld;
@@ -322,12 +326,14 @@ module .exports = class Document extends Interface
 
    activeElementIsInputOrOutput ()
    {
+      // console .log (this .activeElement ?.prop ("nodeName"))
+
       if (!this .activeElement)
          return false;
 
       const activeElement = this .activeElement;
 
-      if (activeElement .is ("input:not([type]), input[type=text]"))
+      if (activeElement .is ("input:is(:not([type]),[type=text],[type=number],[type=url])"))
          return true;
 
       if (activeElement .is ("textarea"))

package/src/Editors/BrowserFrame.js

@@ -35,6 +35,33 @@ module .exports = new class BrowserFrame extends Dialog
             .text (_("Browser Frame")))
          .appendTo (this .table .header);
 
+      this .width = $("<input></input>")
+         .attr ("type", "number")
+         .attr ("min", 1)
+         .attr ("step", "1")
+         .css ("width", "calc((100% - 20px) / 2)")
+         .on ("change", () => this .onsize ());
+
+      const x = $("<span></span>")
+         .css ({ "display": "inline-block", "width": "20px", "text-align": "center" })
+         .text ("✕");
+
+      this .height = $("<input></input>")
+          .attr ("type", "number")
+         .attr ("min", 1)
+          .attr ("step", "1")
+          .css ("width", "calc((100% - 20px) / 2)")
+          .on ("change", () => this .onsize ());
+
+      $("<tr></tr>")
+         .append ($("<th></th>")
+            .text (_("Size")))
+         .append ($("<td></td>")
+            .append (this .width)
+            .append (x)
+            .append (this .height))
+         .appendTo (this .table .body);
+
       this .fixedSize = $("<input></input>")
          .attr ("id", "browser-frame-fixed-size")
          .attr ("type", "checkbox")
@@ -54,7 +81,7 @@ module .exports = new class BrowserFrame extends Dialog
          .attr ("min", 1)
          .attr ("step", "1")
          .css ("width", "calc((100% - 20px) / 2)")
-         .on ("change input", () => this .onchange ());
+         .on ("change", () => this .onchange ());
 
       const slash = $("<span></span>")
          .css ({ "display": "inline-block", "width": "20px", "text-align": "center" })
@@ -65,7 +92,7 @@ module .exports = new class BrowserFrame extends Dialog
          .attr ("min", 1)
           .attr ("step", "1")
           .css ("width", "calc((100% - 20px) / 2)")
-          .on ("change input", () => this .onchange ());
+          .on ("change", () => this .onchange ());
 
       $("<tr></tr>")
          .append ($("<th></th>")
@@ -86,14 +113,16 @@ module .exports = new class BrowserFrame extends Dialog
          .append ($("<td></td>") .append (this .backgroundColor))
          .appendTo (this .table .body);
 
-      this .resizeObserver = new ResizeObserver (() => this .onresize ());
+      this .paneObserver = new ResizeObserver (() => this .updateSize ());
+      this .paneObserver .observe ($("#browser-pane") [0]);
 
-      this .resizeObserver .observe ($("#browser-frame") [0]);
+      this .frameObserver = new ResizeObserver (() => this .onresize ());
+      this .frameObserver .observe ($("#browser-frame") [0]);
    }
 
    configure ()
    {
-      super .configure ({ size: [388, 147] });
+      super .configure ({ size: [388, 175] });
 
       this .connect (Editor .getWorldInfo (this .browser .currentScene));
       this .updateInputs ();
@@ -115,12 +144,20 @@ module .exports = new class BrowserFrame extends Dialog
          [numerator = 1, denominator = 1] = worldInfoNode ?.getMetaData ("Sunrize/BrowserFrame/aspectRatio") ?? [ ],
          [backgroundColor = ""]           = worldInfoNode ?.getMetaData ("Sunrize/BrowserFrame/backgroundColor") ?? [ ];
 
+      this .updateSize ();
+
       this .fixedSize .prop ("checked", fixedSize);
       this .numerator .val (numerator);
       this .denominator .val (denominator);
       this .backgroundColor .val (backgroundColor);
    }
 
+   updateSize ()
+   {
+      this .width .val ($("#browser-pane") .width ());
+      this .height .val ($("#browser-pane") .height ());
+   }
+
    onchange ()
    {
       const
@@ -171,4 +208,12 @@ module .exports = new class BrowserFrame extends Dialog
 
       element .css ("background-color", `${backgroundColor}` .replace (/\b(?:transparent|unset|initial)\b/g, ""));
    }
+
+   onsize ()
+   {
+      const document = require ("../Application/Window");
+
+      document .verticalSplitter   .position = this .width  .val () / $("body") .width ();
+      document .horizontalSplitter .position = this .height .val () / $("body") .height ();
+   }
 };

package/src/Editors/OutlineView.js

@@ -2413,7 +2413,7 @@ module .exports = class OutlineView extends Interface
 
       $("<div></div>")
          .addClass (type + "-value-container")
-         .append ($("<input></input>") .attr ("type", "text") .attr ("lang", "en"))
+         .append ($("<input></input>"))
          .appendTo (li);
 
       // Make jsTree.
@@ -2460,7 +2460,7 @@ module .exports = class OutlineView extends Interface
       }
       else
       {
-         input .attr ("disabled", "disabled");
+         input .attr ("readonly", "");
       }
 
       this .connectField (input, node, field, false);
@@ -2523,7 +2523,7 @@ module .exports = class OutlineView extends Interface
 
       $("<div></div>")
          .addClass (type + "-value-container")
-         .append ($("<textarea></textarea>") .attr ("lang", "en"))
+         .append ($("<textarea></textarea>"))
          .appendTo (li)
 
       // Make jsTree.

package/src/Tools/EnvironmentalSensor/X3DEnvironmentalSensorNodeTool.x3d

@@ -56,14 +56,15 @@
               <connect nodeField='scale' protoField='size'/>
               <connect nodeField='visible' protoField='selected'/>
             </IS>
-            <Shape>
-                <Appearance>
-                  <UnlitMaterial
-                      transparency='1'/>
-                </Appearance>
-                <Box
-                    size='1 1 1'/>
-              </Shape>
+            <Shape
+                castShadow='false'>
+              <Appearance>
+                <UnlitMaterial
+                    transparency='1'/>
+              </Appearance>
+              <Box
+                  size='1 1 1'/>
+            </Shape>
           </Transform>
         </Collision>
         <Script DEF='Tool'

package/src/Tools/Grids/AxonometricGrid.x3d

@@ -60,7 +60,9 @@
                 <Coordinate DEF='HexagonCoord'/>
               </IndexedFaceSet>
             </Shape>
-            <Shape DEF='MajorGrid'>
+            <Shape DEF='MajorGrid'
+                pointerEvents='false'
+                castShadow='false'>
               <Appearance>
                 <Material DEF='MajorMaterial'
                     diffuseColor='0 0 0'>

package/src/Tools/Grids/X3DGridNodeTool.js

@@ -256,7 +256,7 @@ class X3DGridNodeTool extends X3DActiveLayerNodeTool
          vectorOnGrid   = rotationPlane .copy () .inverse () .multRight (gridRotation) .multRight (gridPlane .copy () .inverse ()) .multVecMatrix (vectorToSnap .copy ()) .normalize (), // Vector inside grid space.
          snapVector     = rotationPlane .multVecMatrix (gridRotation .copy () .inverse () .multVecMatrix (gridPlane .multVecMatrix (this .getSnapPosition (vectorOnGrid .copy (), false)))),
          invModelMatrix = transformTool .getModelMatrix () .copy () .inverse (),
-         snapRotation   = new X3D .Rotation4 (
+         snapRotation   = X3D .Rotation4 .fromVectors (
             invModelMatrix .multDirMatrix (vectorToSnap .copy ()),
             invModelMatrix .multDirMatrix (snapVector .copy ())
          );

package/src/Tools/Grouping/X3DBoundedObjectTool.x3d

@@ -7,14 +7,13 @@
     <component name='Navigation' level='2'/>
     <component name='Networking' level='2'/>
     <component name='Scripting' level='1'/>
-    <component name='Shaders' level='1'/>
     <component name='X_ITE' level='1'/>
     <unit category='angle' name='degree' conversionFactor='0.017453292519943295'/>
     <meta name='comment' content='Rise and Shine'/>
     <meta name='created' content='Fri, 29 Aug 2014 13:13:27 GMT'/>
     <meta name='creator' content='Holger Seelig'/>
-    <meta name='generator' content='Sunrize X3D Editor V2.1.0, https://create3000.github.io/sunrize/'/>
-    <meta name='modified' content='Mon, 11 May 2026 14:22:17 GMT'/>
+    <meta name='generator' content='Sunrize X3D Editor V2.1.5, https://create3000.github.io/sunrize/'/>
+    <meta name='modified' content='Thu, 11 Jun 2026 20:46:09 GMT'/>
   </head>
   <Scene>
     <ExternProtoDeclare name='ToolShader' url='"../Shaders/ToolShader.x3d"'>
@@ -47,7 +46,8 @@
                 <connect nodeField='scale' protoField='bboxSize'/>
                 <connect nodeField='visible' protoField='bboxEvents'/>
               </IS>
-              <Shape>
+              <Shape
+                  castShadow='false'>
                 <Appearance
                     alphaMode='MASK'>
                   <UnlitMaterial

package/src/Tools/Grouping/X3DTransformNodeTool.x3d

@@ -1,18 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 4.0//EN" "https://www.web3d.org/specifications/x3d-4.0.dtd">
-<X3D profile='Interchange' version='4.0' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='https://www.web3d.org/specifications/x3d-4.0.xsd'>
+<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 4.1//EN" "https://www.web3d.org/specifications/x3d-4.1.dtd">
+<X3D profile='Interchange' version='4.1' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='https://www.web3d.org/specifications/x3d-4.1.xsd'>
   <head>
+    <component name='Core' level='2'/>
     <component name='Geometry2D' level='2'/>
     <component name='Layout' level='2'/>
+    <component name='Navigation' level='2'/>
     <component name='PointingDeviceSensor' level='1'/>
     <component name='Scripting' level='1'/>
     <component name='X_ITE' level='1'/>
     <unit category='angle' name='degree' conversionFactor='0.017453292519943295'/>
-    <meta name='comment' content='Rise and Shine'/>
     <meta name='created' content='Fri, 29 Aug 2014 13:13:27 GMT'/>
     <meta name='creator' content='Holger Seelig'/>
-    <meta name='generator' content='Sunrize X3D Editor V1.7.63, https://create3000.github.io/sunrize/'/>
-    <meta name='modified' content='Sat, 12 Apr 2025 11:32:03 GMT'/>
+    <meta name='generator' content='Sunrize X3D Editor V2.1.5, https://create3000.github.io/sunrize/'/>
+    <meta name='modified' content='Thu, 11 Jun 2026 09:06:42 GMT'/>
   </head>
   <Scene>
     <ExternProtoDeclare name='ToolShader' url='"../Shaders/ToolShader.x3d"'>
@@ -83,7 +84,8 @@
                   <connect nodeField='scale' protoField='bboxSize'/>
                   <connect nodeField='visible' protoField='bboxEvents'/>
                 </IS>
-                <Shape>
+                <Shape
+                    castShadow='false'>
                   <Appearance
                       alphaMode='MASK'>
                     <UnlitMaterial
@@ -718,7 +720,8 @@
                     <connect nodeField='translation' protoField='center'/>
                   </IS>
                   <ScreenGroup>
-                    <Shape>
+                    <Shape
+                        castShadow='false'>
                       <Appearance>
                         <UnlitMaterial
                             transparency='1'/>
@@ -996,7 +999,7 @@ function set_bboxSize ()
           <field accessType='outputOnly' type='SFBool' name='scale'/>
           <field accessType='outputOnly' type='SFInt32' name='whichChoice_changed'/>
           <field accessType='outputOnly' type='SFString' name='activeTool'/>
-          <field accessType='initializeOnly' type='SFTime' name='time' value='-1'/>
+          <field accessType='initializeOnly' type='SFTime' name='time'/>
           <field accessType='initializeOnly' type='SFInt32' name='tool'/>
           <IS>
             <connect nodeField='tools' protoField='tools'/>

package/src/Tools/Lighting/X3DLightNodeTool.x3d

@@ -257,7 +257,8 @@
               <connect nodeField='visible' protoField='selected'/>
             </IS>
             <ScreenGroup>
-              <Shape>
+              <Shape
+                  castShadow='false'>
                 <Appearance>
                   <UnlitMaterial
                       transparency='1'/>

package/src/Tools/NURBS/X3DParametricGeometryNodeTool.x3d

@@ -28,7 +28,8 @@
       </ProtoInterface>
       <ProtoBody>
         <Group>
-          <Shape DEF='Hull'>
+          <Shape DEF='Hull'
+              castShadow='false'>
             <Appearance>
               <LineProperties
                   linetype='3'
@@ -48,7 +49,8 @@
               </IS>
             </IndexedLineSet>
           </Shape>
-          <Shape DEF='ControlPoints'>
+          <Shape DEF='ControlPoints'
+              castShadow='false'>
             <Appearance>
               <PointProperties
                   pointSizeScaleFactor='5'

package/src/Tools/Navigation/X3DViewpointNodeTool.x3d

@@ -152,7 +152,8 @@
               <connect nodeField='visible' protoField='selected'/>
             </IS>
             <ScreenGroup>
-              <Shape>
+              <Shape
+                  castShadow='false'>
                 <Appearance>
                   <UnlitMaterial
                       transparency='1'/>

package/src/Tools/Rendering/X3DGeometryNodeTool.x3d

@@ -43,7 +43,8 @@
             <IS>
               <connect nodeField='scale' protoField='size'/>
             </IS>
-            <Shape DEF='Lines'>
+            <Shape DEF='Lines'
+                castShadow='false'>
               <IS>
                 <connect nodeField='visible' protoField='linesDisplay'/>
               </IS>
@@ -70,7 +71,8 @@
                 </IS>
               </IndexedLineSet>
             </Shape>
-            <Shape DEF='Points'>
+            <Shape DEF='Points'
+                castShadow='false'>
               <IS>
                 <connect nodeField='visible' protoField='pointsDisplay'/>
               </IS>

package/src/Tools/SnapTool/SnapTarget.js

@@ -235,7 +235,7 @@ class SnapTarget extends X3DSnapNodeTool
                from           = invModelMatrix .multDirMatrix (distance1a < distance1b ? axis1 : axis1 .negate ()),
                to             = invModelMatrix .multDirMatrix (snapVector);
 
-            snapRotation .setFromToVec (from, to);
+            snapRotation .setVectors (from, to);
          }
       }
       else
@@ -247,7 +247,7 @@ class SnapTarget extends X3DSnapNodeTool
                from           = invModelMatrix .multDirMatrix (distance2a < distance2b ? axis2 : axis2 .negate ()),
                to             = invModelMatrix .multDirMatrix (snapVector);
 
-            snapRotation .setFromToVec (from, to);
+            snapRotation .setVectors (from, to);
          }
       }
 

package/src/Tools/SnapTool/SnapTool.x3d

@@ -33,7 +33,8 @@
               <Transform DEF='Cone'
                   translation='0 60 0'
                   scale='6 9 6'>
-                <Shape>
+                <Shape
+                    castShadow='false'>
                   <Appearance DEF='_3'>
                     <Material DEF='TargetMaterial'
                         diffuseColor='0.8 0.8 0.16'/>
@@ -45,14 +46,16 @@
               <Transform DEF='Cylinder'
                   translation='0 30 0'
                   scale='2 30 2'>
-                <Shape>
+                <Shape
+                    castShadow='false'>
                   <Appearance USE='_3'/>
                   <Cylinder/>
                 </Shape>
               </Transform>
               <Transform DEF='Sphere'
                   scale='6 6 6'>
-                <Shape>
+                <Shape
+                    castShadow='false'>
                   <Appearance USE='_3'/>
                   <Sphere/>
                 </Shape>
@@ -60,7 +63,8 @@
               <Transform DEF='Grid_4'
                   translation='0 1 0'
                   scale='12 1 12'>
-                <Shape>
+                <Shape
+                    castShadow='false'>
                   <IndexedLineSet
                       colorPerVertex='false'
                       colorIndex='0, 1, 2'

package/src/Tools/Sound/CylinderMan.x3d

@@ -40,7 +40,8 @@
         center='0 -6.490559 5.900146'>
       <Transform
           scale='6.75 4.5 4.5'>
-        <Shape DEF='_1'>
+        <Shape DEF='_1'
+            castShadow='false'>
           <Appearance>
             <Material
                 diffuseColor='0.2666667 0.2666667 0.2666667'

package/src/Tools/Sound/ListenerPointSourceTool.x3d

@@ -45,7 +45,8 @@
               <connect nodeField='visible' protoField='selected'/>
             </IS>
             <ScreenGroup>
-              <Shape>
+              <Shape
+                  castShadow='false'>
                 <Appearance>
                   <UnlitMaterial
                       transparency='1'/>

package/src/Tools/Sound/SoundTool.x3d

@@ -188,7 +188,8 @@
                   rotation='0 1 0 90'
                   visible='false'>
                 <ScreenGroup>
-                  <Shape DEF='_26'>
+                  <Shape DEF='_26'
+                      castShadow='false'>
                     <Appearance>
                       <UnlitMaterial DEF='_111'
                           transparency='1'/>
@@ -274,7 +275,8 @@
               <connect nodeField='visible' protoField='selected'/>
             </IS>
             <ScreenGroup>
-              <Shape>
+              <Shape
+                  castShadow='false'>
                 <Appearance>
                   <UnlitMaterial USE='_111'/>
                 </Appearance>

package/src/Tools/Sound/SpatialSoundTool.x3d

@@ -181,7 +181,8 @@ function eventsProcessed ()
                 rotation='1 0 0 90'>
               <ProtoInstance name='BooleanSwitch'>
                 <fieldValue name='children'>
-                  <Shape>
+                  <Shape
+                      castShadow='false'>
                     <Appearance>
                       <LineProperties DEF='_5'
                           linewidthScaleFactor='1'/>
@@ -198,7 +199,8 @@ function eventsProcessed ()
                       </IS>
                     </ProtoInstance>
                   </Shape>
-                  <Shape>
+                  <Shape
+                      castShadow='false'>
                     <Appearance>
                       <LineProperties USE='_5'/>
                       <Material
@@ -218,7 +220,8 @@ function eventsProcessed ()
                 rotation='1 0 0 90'>
               <ProtoInstance name='BooleanSwitch'>
                 <fieldValue name='children'>
-                  <Shape>
+                  <Shape
+                      castShadow='false'>
                     <Appearance>
                       <LineProperties USE='_5'/>
                       <Material
@@ -234,7 +237,8 @@ function eventsProcessed ()
                       </IS>
                     </ProtoInstance>
                   </Shape>
-                  <Shape>
+                  <Shape
+                      castShadow='false'>
                     <Appearance>
                       <LineProperties USE='_5'/>
                       <Material
@@ -257,7 +261,8 @@ function eventsProcessed ()
               <connect nodeField='visible' protoField='selected'/>
             </IS>
             <ScreenGroup>
-              <Shape>
+              <Shape
+                  castShadow='false'>
                 <Appearance>
                   <UnlitMaterial
                       transparency='1'/>

package/src/Tools/TextureProjection/X3DTextureProjectorNodeTool.x3d

@@ -159,7 +159,8 @@
               <connect nodeField='visible' protoField='selected'/>
             </IS>
             <ScreenGroup>
-              <Shape>
+              <Shape
+                  castShadow='false'>
                 <Appearance>
                   <UnlitMaterial
                       transparency='1'/>

package/src/Undo/Editor.js

@@ -2681,7 +2681,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
          const
             center      = (moveCenter ? bboxCenter .copy () : (sourcePosition ?.copy () ?? bboxCenter .copy () .add (axis))) .subtract (modelMatrices [0] .origin),
             translation = targetPosition .copy () .subtract (center),
-            rotation    = new X3D .Rotation4 (sourceNormal ?? axis, targetNormal .copy () .negate ()),
+            rotation    = X3D .Rotation4 .fromVectors (sourceNormal ?? axis, targetNormal .copy () .negate ()),
             snapMatrix  = X3D .Matrix4 .fromTransform (translation, rotation, null, null, center);
 
          const
@@ -2809,7 +2809,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
                   const position = localSnapMatrix
                      .multVecMatrix (node ._position .getValue () .copy ());
 
-                  const orientation = new X3D .Rotation4 () .setMatrix (localSnapMatrix
+                  const orientation = X3D .Rotation4 .fromMatrix (localSnapMatrix
                      .submatrix .multLeft (node ._orientation .getValue () .getMatrix ()));
 
                   this .setFieldValue (executionContext, node, node ._position,    position,    undoManager);
@@ -2860,7 +2860,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
                {
                   case X3D .X3DConstants .DirectionalLight:
                      return new X3D .Box3 (X3D .Vector3 .ONE, innerNode .getMetaData ("DirectionalLight/location", new X3D .Vector3 ()))
-                        .multLeft (new X3D .Matrix4 () .setRotation (new X3D .Rotation4 (X3D .Vector3 .Z_AXIS, innerNode ._direction .getValue ())))
+                        .multLeft (new X3D .Matrix4 () .setRotation (X3D .Rotation4 .fromVectors (X3D .Vector3 .Z_AXIS, innerNode ._direction .getValue ())))
                         .multRight (modelMatrix);
                   case X3D .X3DConstants .PointLight:
                      return new X3D .Box3 (X3D .Vector3 .ONE, innerNode ._location .getValue ())
@@ -2869,7 +2869,7 @@ ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
                   case X3D .X3DConstants .Sound:
                   case X3D .X3DConstants .X3DTextureProjectorNode:
                      return new X3D .Box3 (X3D .Vector3 .ONE, innerNode ._location .getValue ())
-                        .multLeft (new X3D .Matrix4 () .setRotation (new X3D .Rotation4 (X3D .Vector3 .Z_AXIS, innerNode ._direction .getValue ())))
+                        .multLeft (new X3D .Matrix4 () .setRotation (X3D .Rotation4 .fromVectors (X3D .Vector3 .Z_AXIS, innerNode ._direction .getValue ())))
                         .multRight (modelMatrix);
                   case X3D .X3DConstants .X3DBoundedObject:
                      return innerNode .getBBox (new X3D .Box3 ()) .multRight (modelMatrix);

package/src/assets/html/application-template.html

@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
     <!-- Theme -->

package/src/assets/html/application.html

@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
     <!-- Theme -->

package/src/assets/html/window-template.html

@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
     <link rel="stylesheet" type="text/css" href="../node_modules/jquery-ui-dist/jquery-ui.min.css"/>

package/src/assets/html/window.html

@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8"/>
     <link rel="stylesheet" type="text/css" href="file:///Users/holger/Desktop/X_ITE/sunrize/node_modules/jquery-ui-dist/jquery-ui.min.css"/>

package/src/assets/themes/default.css

@@ -1797,9 +1797,9 @@ body.light .console-output .selected {
   resize: vertical;
 }
 
-.scene-graph .field-value input[disabled],
-.scene-graph .field-value textarea[disabled],
-.scene-graph .special-value textarea[disabled] {
+.scene-graph .field-value input:is([disabled],[readonly]),
+.scene-graph .field-value textarea:is([disabled],[readonly]),
+.scene-graph .special-value textarea:is([disabled],[readonly]) {
   background: var(--background-disabled);
 }