x_ite 5.0.2 → 6.0.0

package/dist/assets/components/layout.js

@@ -4,8 +4,8 @@
 var module = { }, exports, process;
 
 const
-	define  = window [Symbol .for ("X_ITE.X3D-5.0.2")] .define,
-	require = window [Symbol .for ("X_ITE.X3D-5.0.2")] .require;
+	define  = window [Symbol .for ("X_ITE.X3D-6.0.0")] .define,
+	require = window [Symbol .for ("X_ITE.X3D-6.0.0")] .require;
 /* -*- Mode: JavaScript; coding: utf-8; tab-width: 3; indent-tabs-mode: tab; c-basic-offset: 3 -*-
  *******************************************************************************
  *
@@ -65,24 +65,13 @@ function ($,
 "use strict";
 
    const
-      _pointSize               = Symbol (),
       _screenTextureProperties = Symbol ();
 
-   function X3DLayoutContext () { }
+   function X3DLayoutContext ()
+   { }
 
    X3DLayoutContext .prototype =
    {
-      getPointSize: function ()
-      {
-         if (this [_pointSize] === undefined)
-         {
-            const div = $("<div></div>") .css ("height", "1in") .css ("display", "none");
-            this [_pointSize] = div .appendTo ($("body")) .height () / 72;
-            div .remove ();
-         }
-
-         return this [_pointSize];
-      },
       getScreenTextureProperties: function ()
       {
          this [_screenTextureProperties] = new TextureProperties (this .getPrivateScene ());
@@ -90,8 +79,8 @@ function ($,
          this [_screenTextureProperties] ._boundaryModeS       = "CLAMP";
          this [_screenTextureProperties] ._boundaryModeT       = "CLAMP";
          this [_screenTextureProperties] ._boundaryModeR       = "CLAMP";
-         this [_screenTextureProperties] ._minificationFilter  = "NEAREST";
-         this [_screenTextureProperties] ._magnificationFilter = "NEAREST";
+         this [_screenTextureProperties] ._minificationFilter  = "NEAREST_PIXEL";
+         this [_screenTextureProperties] ._magnificationFilter = "NEAREST_PIXEL";
          this [_screenTextureProperties] ._generateMipMaps     = false;
 
          this [_screenTextureProperties] .setup ();
@@ -954,15 +943,10 @@ function (Fields,
       },
       getMatrix: function ()
       {
-         try
-         {
-            if (this .layoutNode)
-               this .matrix .assign (this .modelViewMatrix) .inverse () .multLeft (this .screenMatrix);
-            else
-               this .matrix .identity ();
-         }
-         catch (error)
-         { }
+         if (this .layoutNode)
+            this .matrix .assign (this .modelViewMatrix) .inverse () .multLeft (this .screenMatrix);
+         else
+            this .matrix .identity ();
 
          return this .matrix;
       },
@@ -1382,6 +1366,10 @@ function ($,
             cx .fillRect (0, 0, canvas .width, canvas .height);
             cx .fillStyle = "rgba(255,255,255,1)";
 
+            cx .save ();
+            cx .translate (0, canvas .height);
+            cx .scale (1, -1);
+
             // Draw glyphs.
 
             if (fontStyle ._horizontal .getValue ())
@@ -1447,13 +1435,16 @@ function ($,
                }
             }
 
+            cx .restore ();
+
             // Transfer texture data.
 
             const imageData = cx .getImageData (0, 0, canvas .width, canvas .height);
 
-            // If the cavas is to large imageData is null.
+            // If the canvas is to large imageData is null.
+
             if (imageData)
-               this .textureNode .setTexture (canvas .width, canvas .height, true, new Uint8Array (imageData .data .buffer), true);
+               this .textureNode .setTexture (canvas .width, canvas .height, true, new Uint8Array (imageData .data .buffer), false);
             else
                this .textureNode .clear ();
          };
@@ -1593,12 +1584,12 @@ function ($,
       },
       transformLine: function (line)
       {
-         // Apply sceen nodes transformation in place here.
+         // Apply screen nodes transformation in place here.
          return line .multLineMatrix (Matrix4 .inverse (this .matrix));
       },
       transformMatrix: function (matrix)
       {
-         // Apply sceen nodes transformation in place here.
+         // Apply screen nodes transformation in place here.
          return matrix .multLeft (this .matrix);
       },
    });
@@ -1712,7 +1703,7 @@ function (Fields,
       },
       getScale: function ()
       {
-         return this ._pointSize .getValue () * this .getBrowser () .getPointSize ();
+         return this ._pointSize .getValue () * this .getBrowser () .getPixelPerPoint ();
       },
    });
 
@@ -1890,31 +1881,26 @@ function (Fields,
       })(),
       traverse: function (type, renderObject)
       {
-         try
+         switch (type)
          {
-            switch (type)
-            {
-               case TraverseType .CAMERA:
-               case TraverseType .PICKING:
-               case TraverseType .SHADOW: // ???
-                  // No clone support for shadow, generated cube map texture and bbox
-                  break;
-               default:
-                  this .scale (renderObject);
-                  break;
-            }
+            case TraverseType .CAMERA:
+            case TraverseType .PICKING:
+            case TraverseType .SHADOW: // ???
+               // No clone support for shadow, generated cube map texture and bbox
+               break;
+            default:
+               this .scale (renderObject);
+               break;
+         }
 
-            var modelViewMatrix = renderObject .getModelViewMatrix ();
+         var modelViewMatrix = renderObject .getModelViewMatrix ();
 
-            modelViewMatrix .push ();
-            modelViewMatrix .multLeft (this .matrix);
+         modelViewMatrix .push ();
+         modelViewMatrix .multLeft (this .matrix);
 
-            X3DGroupingNode .prototype .traverse .call (this, type, renderObject);
+         X3DGroupingNode .prototype .traverse .call (this, type, renderObject);
 
-            modelViewMatrix .pop ();
-         }
-         catch (error)
-         { }
+         modelViewMatrix .pop ();
       },
    });
 
@@ -2004,7 +1990,7 @@ function (Components,
       {
          X3DLayoutNode: X3DLayoutNode,
       },
-      browser: X3DLayoutContext,
+      context: X3DLayoutContext,
    });
 });
 

package/dist/assets/components/layout.min.js

@@ -1 +1 @@
-!function(){const t=window[Symbol.for("X_ITE.X3D-5.0.2")].define,e=window[Symbol.for("X_ITE.X3D-5.0.2")].require;t("x_ite/Browser/Layout/X3DLayoutContext",["jquery","x_ite/Components/Texturing/TextureProperties"],(function(t,e){"use strict";const i=Symbol(),n=Symbol();function s(){}return s.prototype={getPointSize:function(){if(void 0===this[i]){const e=t("<div></div>").css("height","1in").css("display","none");this[i]=e.appendTo(t("body")).height()/72,e.remove()}return this[i]},getScreenTextureProperties:function(){return this[n]=new e(this.getPrivateScene()),this[n]._boundaryModeS="CLAMP",this[n]._boundaryModeT="CLAMP",this[n]._boundaryModeR="CLAMP",this[n]._minificationFilter="NEAREST",this[n]._magnificationFilter="NEAREST",this[n]._generateMipMaps=!1,this[n].setup(),this.getScreenTextureProperties=function(){return this[n]},Object.defineProperty(this,"getScreenTextureProperties",{enumerable:!1}),this[n]}},s})),t("x_ite/Components/Layout/X3DLayoutNode",["x_ite/Components/Core/X3DChildNode","x_ite/Base/X3DConstants"],(function(t,e){"use strict";function i(i){t.call(this,i),this.addType(e.X3DLayoutNode)}return i.prototype=Object.assign(Object.create(t.prototype),{constructor:i}),i})),t("x_ite/Components/Layout/Layout",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Layout/X3DLayoutNode","x_ite/Base/X3DCast","x_ite/Base/X3DConstants","standard/Math/Numbers/Vector2","standard/Math/Numbers/Vector3","standard/Math/Numbers/Rotation4","standard/Math/Numbers/Matrix4"],(function(t,e,i,n,s,o,r,a,u,h){"use strict";var l=0,c=l++,d=l++,p=l++,f=l++,y=l++,x=l++,g=l++,_=l++,w=l++,m=l++;function M(t){n.call(this,t),this.addType(o.Layout),this.alignX=d,this.alignY=d,this.offsetUnitX=x,this.offsetUnitY=x,this.offsetX=0,this.offsetY=0,this.sizeUnitX=x,this.sizeUnitY=x,this.sizeX=1,this.sizeY=1,this.scaleModeX=w,this.scaleModeY=w,this.parent=null,this.rectangleCenter=new r(0,0),this.rectangleSize=new r(0,0),this.matrix=new h}return M.prototype=Object.assign(Object.create(n.prototype),{constructor:M,viewportPixel:new r(0,0),pixelSize:new r(0,0),translation:new a(0,0,0),offset:new a(0,0,0),scale:new a(1,1,1),currentTranslation:new a(0,0,0),currentRotation:new u(0,0,1,0),currentScale:new a(0,0,0),modelViewMatrix:new h,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(o.inputOutput,"metadata",new t.SFNode),new e(o.inputOutput,"align",new t.MFString("CENTER","CENTER")),new e(o.inputOutput,"offsetUnits",new t.MFString("WORLD","WORLD")),new e(o.inputOutput,"offset",new t.MFFloat(0,0)),new e(o.inputOutput,"sizeUnits",new t.MFString("WORLD","WORLD")),new e(o.inputOutput,"size",new t.MFFloat(1,1)),new e(o.inputOutput,"scaleMode",new t.MFString("NONE","NONE"))]),getTypeName:function(){return"Layout"},getComponentName:function(){return"Layout"},getContainerField:function(){return"layout"},initialize:function(){n.prototype.initialize.call(this),this._align.addInterest("set_align__",this),this._offsetUnits.addInterest("set_offsetUnits__",this),this._offset.addInterest("set_offset__",this),this._sizeUnits.addInterest("set_sizeUnits__",this),this._size.addInterest("set_size__",this),this._scaleMode.addInterest("set_scaleMode__",this),this.set_align__(),this.set_offsetUnits__(),this.set_offset__(),this.set_sizeUnits__(),this.set_size__(),this.set_scaleMode__()},set_align__:function(){this._align.length>0?"LEFT"===this._align[0]?this.alignX=c:"RIGHT"===this._align[0]?this.alignX=p:this.alignX=d:this.alignX=d,this._align.length>1?"BOTTOM"===this._align[1]?this.alignY=f:"TOP"===this._align[1]?this.alignY=y:this.alignY=d:this.alignY=d},set_offsetUnits__:function(){this._offsetUnits.length>0?("FRACTION"===this._offsetUnits[0]?this.offsetUnitX=g:"PIXEL"===this._offsetUnits[0]?this.offsetUnitX=_:this.offsetUnitX=x,this._offsetUnits.length>1?"FRACTION"===this._offsetUnits[1]?this.offsetUnitY=g:"PIXEL"===this._offsetUnits[1]?this.offsetUnitY=_:this.offsetUnitY=x:this.offsetUnitY=this.offsetUnitX):(this.offsetUnitX=x,this.offsetUnitY=x)},set_offset__:function(){this._offset.length>0?(this.offsetX=this._offset[0],this._offset.length>1?this.offsetY=this._offset[1]:this.offsetY=offsetX):(this.offsetX=0,this.offsetY=0)},set_sizeUnits__:function(){this._sizeUnits.length>0?("FRACTION"===this._sizeUnits[0]?this.sizeUnitX=g:"PIXEL"===this._sizeUnits[0]?this.sizeUnitX=_:this.sizeUnitX=x,this._sizeUnits.length>1?"FRACTION"===this._sizeUnits[1]?this.sizeUnitY=g:"PIXEL"===this._sizeUnits[1]?this.sizeUnitY=_:this.sizeUnitY=x:this.sizeUnitY=this.sizeUnitX):(this.sizeUnitX=x,this.sizeUnitY=x)},set_size__:function(){this._size.length>0?(this.sizeX=this._size[0],this._size.length>1?this.sizeY=this._size[1]:this.sizeY=this.sizeX):(this.sizeX=0,this.sizeY=0)},set_scaleMode__:function(){this._scaleMode.length>0?("FRACTION"===this._scaleMode[0]?this.scaleModeX=g:"PIXEL"===this._scaleMode[0]?this.scaleModeX=_:"STRETCH"===this._scaleMode[0]?this.scaleModeX=m:this.scaleModeX=w,this._scaleMode.length>1?"FRACTION"===this._scaleMode[1]?this.scaleModeY=g:"PIXEL"===this._scaleMode[1]?this.scaleModeY=_:"STRETCH"===this._scaleMode[1]?this.scaleModeY=m:this.scaleModeY=w:this.scaleModeY=this.scaleModeX):(this.scaleModeX=w,this.scaleModeY=w)},getRectangleCenter:function(){return this.rectangleCenter},getRectangleSize:function(){return this.rectangleSize},getAlignX:function(){return this.alignX},getAlignY:function(){return this.alignY},getOffsetUnitX:function(){return this.offsetUnitX===x?this.parent?this.parent.getOffsetUnitX():g:this.offsetUnitX},getOffsetUnitY:function(){return this.offsetUnitY===x?this.parent?this.parent.getOffsetUnitY():g:this.offsetUnitY},getOffsetX:function(){return this.offsetX},getOffsetY:function(){return this.offsetY},getSizeUnitX:function(){return this.sizeUnitX===x?this.parent?this.parent.getSizeUnitX():g:this.sizeUnitX},getSizeUnitY:function(){return this.sizeUnitY===x?this.parent?this.parent.getSizeUnitY():g:this.sizeUnitY},getSizeX:function(){return this.sizeX},getSizeY:function(){return this.sizeY},getScaleModeX:function(){return this.parent?this.scaleModeX:this.scaleModeX===w?g:this.scaleModeX},getScaleModeY:function(){return this.parent?this.scaleModeY:this.scaleModeY===w?g:this.scaleModeY},transform:function(t,e){var i=this.parent=e.getParentLayout(),n=this.matrix,s=e.getViewpoint(),o=e.getNavigationInfo().getNearValue(),r=e.getViewVolume().getScissor(),a=s.getViewportSize(r,o),u=this.viewportPixel,h=this.pixelSize,l=i?i.getRectangleSize():a,x=this.rectangleSize,M=this.rectangleCenter;switch(u.set(r[2],r[3]),h.assign(a).divVec(u),this.getSizeUnitX()){case g:x.x=this.sizeX*l.x;break;case _:x.x=this.sizeX*h.x}switch(this.getSizeUnitY()){case g:x.y=this.sizeY*l.y;break;case _:x.y=this.sizeY*h.y}var S=this.translation.set(0,0,0);switch(this.getAlignX()){case c:S.x=-(l.x-x.x)/2;break;case d:this.getSizeUnitX()===_&&1&u.x&&(S.x=-h.x/2);break;case p:S.x=(l.x-x.x)/2}switch(this.getAlignY()){case f:S.y=-(l.y-x.y)/2;break;case d:this.getSizeUnitX===_&&1&u.y&&(S.y=-h.y/2);break;case y:S.y=(l.y-x.y)/2}var X=this.offset.set(0,0,0);switch(this.getOffsetUnitX()){case g:X.x=this.offsetX*l.x;break;case _:X.x=this.offsetX*a.x/u.x}switch(this.getOffsetUnitY()){case g:X.y=this.offsetY*l.y;break;case _:X.y=this.offsetY*a.y/u.y}var z=this.scale.set(1,1,1),N=this.currentTranslation,F=this.currentRotation,C=this.currentScale;switch(e.getModelViewMatrix().get().get(N,F,C),this.getScaleModeX()){case w:z.x=C.x;break;case g:z.x=x.x;break;case m:break;case _:z.x=a.x/u.x}switch(this.getScaleModeY()){case w:z.y=C.y;break;case g:z.y=x.y;break;case m:break;case _:z.y=a.y/u.y}return this.getScaleModeX()===m?this.getScaleModeY()===m?x.x>x.y?(z.x=x.x,z.y=z.x):(z.y=x.y,z.x=z.y):z.x=z.y:this.getScaleModeY()===m&&(z.y=z.x),M.assign(S).add(X),n.set(N,F),n.translate(S.add(X)),n.scale(z),n}}),M})),t("x_ite/Components/Layout/LayoutGroup",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Grouping/X3DGroupingNode","x_ite/Base/X3DCast","x_ite/Rendering/TraverseType","x_ite/Base/X3DConstants","standard/Math/Numbers/Matrix4"],(function(t,e,i,n,s,o,r,a){"use strict";function u(t){n.call(this,t),this.addType(r.LayoutGroup),this.viewportNode=null,this.layoutNode=null,this.modelViewMatrix=new a,this.screenMatrix=new a}return u.prototype=Object.assign(Object.create(n.prototype),{constructor:u,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(r.inputOutput,"metadata",new t.SFNode),new e(r.inputOutput,"layout",new t.SFNode),new e(r.inputOutput,"viewport",new t.SFNode),new e(r.inputOutput,"visible",new t.SFBool(!0)),new e(r.inputOutput,"bboxDisplay",new t.SFBool),new e(r.initializeOnly,"bboxSize",new t.SFVec3f(-1,-1,-1)),new e(r.initializeOnly,"bboxCenter",new t.SFVec3f),new e(r.inputOnly,"addChildren",new t.MFNode),new e(r.inputOnly,"removeChildren",new t.MFNode),new e(r.inputOutput,"children",new t.MFNode)]),getTypeName:function(){return"LayoutGroup"},getComponentName:function(){return"Layout"},getContainerField:function(){return"children"},initialize:function(){n.prototype.initialize.call(this),this._viewport.addInterest("set_viewport__",this),this._layout.addInterest("set_layout__",this),this.set_viewport__(),this.set_layout__()},set_viewport__:function(){this.viewportNode=s(r.X3DViewportNode,this._viewport)},set_layout__:function(){this.layoutNode=s(r.X3DLayoutNode,this._layout)},getBBox:function(t,e){return n.prototype.getBBox.call(this,t,e).multRight(this.getMatrix())},getMatrix:function(){try{this.layoutNode?this.matrix.assign(this.modelViewMatrix).inverse().multLeft(this.screenMatrix):this.matrix.identity()}catch(t){}return this.matrix},traverse:function(t,e){if(t!==o.COLLISION){if(this.viewportNode&&this.viewportNode.push(),this.layoutNode){var i=e.getModelViewMatrix();this.modelViewMatrix.assign(i.get()),this.screenMatrix.assign(this.layoutNode.transform(t,e)),i.pushMatrix(this.screenMatrix),e.getLayouts().push(this.layoutNode),n.prototype.traverse.call(this,t,e),e.getLayouts().pop(),i.pop()}else n.prototype.traverse.call(this,t,e);this.viewportNode&&this.viewportNode.pop()}}}),u})),t("x_ite/Components/Layout/LayoutLayer",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Layering/X3DLayerNode","x_ite/Components/Layout/LayoutGroup","x_ite/Components/Navigation/OrthoViewpoint","x_ite/Base/X3DConstants"],(function(t,e,i,n,s,o,r){"use strict";function a(t){n.call(this,t,new o(t),new s(t)),this.addType(r.LayoutLayer)}return a.prototype=Object.assign(Object.create(n.prototype),{constructor:a,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(r.inputOutput,"metadata",new t.SFNode),new e(r.inputOutput,"isPickable",new t.SFBool(!0)),new e(r.inputOutput,"layout",new t.SFNode),new e(r.inputOutput,"viewport",new t.SFNode),new e(r.inputOnly,"addChildren",new t.MFNode),new e(r.inputOnly,"removeChildren",new t.MFNode),new e(r.inputOutput,"children",new t.MFNode)]),getTypeName:function(){return"LayoutLayer"},getComponentName:function(){return"Layout"},getContainerField:function(){return"layers"},initialize:function(){n.prototype.initialize.call(this),this._layout.addFieldInterest(this.getGroup()._layout),this._addChildren.addFieldInterest(this.getGroup()._addChildren),this._removeChildren.addFieldInterest(this.getGroup()._removeChildren),this._children.addFieldInterest(this.getGroup()._children),this.getGroup()._layout=this._layout,this.getGroup()._children=this._children,this.getGroup().setPrivate(!0),this.getGroup().setup()}}),a})),t("x_ite/Browser/Layout/ScreenText",["jquery","x_ite/Browser/Text/X3DTextGeometry","x_ite/Browser/Text/TextAlignment","x_ite/Components/Texturing/PixelTexture","x_ite/Components/Rendering/X3DGeometryNode","standard/Math/Numbers/Vector3","standard/Math/Numbers/Vector4","standard/Math/Numbers/Matrix4","standard/Math/Geometry/Box3","standard/Math/Geometry/ViewVolume","standard/Math/Algorithm"],(function(t,e,i,n,s,o,r,a,u,h,l){"use strict";function c(i,o){e.call(this,i,o),i.setTransparent(!0),this.texCoordArray=s.createArray(),this.textureNode=new n(i.getExecutionContext()),this.canvas=t("<canvas></canvas>"),this.context=this.canvas[0].getContext("2d"),this.matrix=new a,this.textureNode._textureProperties=o.getBrowser().getScreenTextureProperties(),this.textureNode.setup()}return c.prototype=Object.assign(Object.create(e.prototype),{constructor:c,modelViewMatrix:new a,getTransparent:function(){return!0},getMatrix:function(){return this.matrix},update:function(){const t=new o(0,0,0),n=new o(1,1,0);return function(){e.prototype.update.call(this);const s=this.getFontStyle(),o=this.getText();switch(o._textBounds.x=Math.ceil(o._textBounds.x)+1,o._textBounds.y=Math.ceil(o._textBounds.y)+1,this.getBBox().getExtents(t,n),t.x-=1,t.y-=1,s.getMajorAlignment()){case i.BEGIN:case i.FIRST:t.x=Math.floor(t.x),n.x=t.x+o._textBounds.x;break;case i.MIDDLE:t.x=Math.round(t.x),n.x=t.x+o._textBounds.x;break;case i.END:n.x=Math.ceil(n.x),t.x=n.x-o._textBounds.x}switch(s.getMinorAlignment()){case i.BEGIN:case i.FIRST:n.y=Math.ceil(n.y),t.y=n.y-o._textBounds.y;break;case i.MIDDLE:n.y=Math.round(n.y),t.y=n.y-o._textBounds.y;break;case i.END:t.y=Math.floor(t.y),n.y=t.y+o._textBounds.y}o._origin.x=t.x,o._origin.y=n.y,this.getBBox().setExtents(t,n)}}(),build:function(){const t=new o(0,0,0),e=new o(1,1,0);return function(){const i=this.getFontStyle(),n=i.getFont();if(!n)return;const s=this.getText(),o=this.getGlyphs(),r=this.getMinorAlignment(),a=this.getTranslations(),u=this.getCharSpacings(),h=i.getScale(),c=h/n.unitsPerEm,d=this.texCoordArray,p=s.getNormals(),f=s.getVertices(),y=this.canvas[0],x=this.context;d.length=0,s.getMultiTexCoords().push(d),this.getBBox().getExtents(t,e),p.push(0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1),f.push(t.x,t.y,0,1,e.x,t.y,0,1,e.x,e.y,0,1,t.x,t.y,0,1,e.x,e.y,0,1,t.x,e.y,0,1);const g=s._textBounds.x,_=s._textBounds.y;y.width=l.nextPowerOfTwo(g),y.height=l.nextPowerOfTwo(_);const w=g/y.width,m=1-_/y.height;if(d.push(0,m,0,1,w,m,0,1,w,1,0,1,0,m,0,1,w,1,0,1,0,1,0,1),x.fillStyle="rgba(255,255,255,0)",x.fillRect(0,0,y.width,y.height),x.fillStyle="rgba(255,255,255,1)",i._horizontal.getValue())for(let i=0,s=o.length;i<s;++i){const s=o[i],l=u[i],d=a[i];let p=0;for(let i=0,o=s.length;i<o;++i){const o=s[i],a=r.x+d.x+p+i*l-t.x,u=r.y+d.y-e.y;this.drawGlyph(x,n,o,a,u,h);let f=0;i+1<s.length&&(f=n.getKerningValue(o,s[i+1])),p+=(o.advanceWidth+f)*c}}else{const u=i._leftToRight.getValue(),l=i._topToBottom.getValue(),c=u?0:s._string.length-1,d=u?s._string.length:-1,p=u?1:-1;for(let i=c,s=0;i!==d;i+=p){const u=o[i],c=u.length,d=l?c:-1,p=l?1:-1;for(let i=l?0:c-1;i!==d;i+=p,++s){const o=a[s],l=r.x+o.x-t.x,c=r.y+o.y-e.y;this.drawGlyph(x,n,u[i],l,c,h)}}}const M=x.getImageData(0,0,y.width,y.height);M?this.textureNode.setTexture(y.width,y.height,!0,new Uint8Array(M.data.buffer),!0):this.textureNode.clear()}}(),drawGlyph:function(t,e,i,n,s,o){const r=i.getPath(n,-s,o),a=r.commands;t.beginPath();for(let e=0,i=a.length;e<i;++e){const i=a[e];switch(i.type){case"M":t.moveTo(i.x,i.y);continue;case"Z":t.closePath();continue;case"L":t.lineTo(i.x,i.y);continue;case"Q":t.quadraticCurveTo(i.x1,i.y1,i.x,i.y);continue;case"C":t.bezierCurveTo(i.x1,i.y1,i.x2,i.y2,i.x,i.y);continue}}r.fill&&t.fill(),r.stroke&&(t.lineWidth=r.strokeWidth,t.stroke())},getGlyphExtents:function(t,e,i,n,s){const o=t.unitsPerEm;n.set((e.xMin||0)/o,(e.yMin||0)/o,0),s.set((e.xMax||0)/o,(e.yMax||0)/o,0)},transform:function(){const t=new r(0,0,0,0),e=new r(0,0,0,0),i=new r(0,0,0,0),n=new o(0,0,0),s=new a,l=new u;return function(r){const a=this.getText(),u=r.getModelViewMatrix().get(),c=r.getProjectionMatrix().get(),d=r.getViewVolume().getViewport(),p=r.getViewpoint().getScreenScale(u.origin,d);t.set(u[0],u[1],u[2],u[3]),e.set(u[4],u[5],u[6],u[7]),i.set(u[8],u[9],u[10],u[11]),t.normalize().multiply(p.x),e.normalize().multiply(p.y),i.normalize().multiply(p.z),s.set(t.x,t.y,t.z,t.w,e.x,e.y,e.z,e.w,i.x,i.y,i.z,i.w,u[12],u[13],u[14],u[15]),h.projectPoint(o.Zero,s,c,d,n),n.x=Math.round(n.x),n.y=Math.round(n.y),h.unProjectPoint(n.x,n.y,n.z,s,c,d,n),n.z=0,s.translate(n),this.matrix.assign(u).inverse().multLeft(s),l.assign(this.getBBox()).multRight(this.matrix),a.setBBox(l)}}(),traverse:function(t,e){this.transform(e)},display:function(t,e){a.prototype.multLeft.call(e.modelViewMatrix,this.matrix),e.textureNode=this.textureNode},transformLine:function(t){return t.multLineMatrix(a.inverse(this.matrix))},transformMatrix:function(t){return t.multLeft(this.matrix)}}),c})),t("x_ite/Components/Layout/ScreenFontStyle",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Text/X3DFontStyleNode","x_ite/Browser/Layout/ScreenText","x_ite/Base/X3DConstants"],(function(t,e,i,n,s,o){"use strict";function r(t){n.call(this,t),this.addType(o.ScreenFontStyle)}return r.prototype=Object.assign(Object.create(n.prototype),{constructor:r,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(o.inputOutput,"metadata",new t.SFNode),new e(o.inputOutput,"language",new t.SFString),new e(o.inputOutput,"family",new t.MFString("SERIF")),new e(o.inputOutput,"style",new t.SFString("PLAIN")),new e(o.inputOutput,"pointSize",new t.SFFloat(12)),new e(o.inputOutput,"spacing",new t.SFFloat(1)),new e(o.inputOutput,"horizontal",new t.SFBool(!0)),new e(o.inputOutput,"leftToRight",new t.SFBool(!0)),new e(o.inputOutput,"topToBottom",new t.SFBool(!0)),new e(o.inputOutput,"justify",new t.MFString("BEGIN"))]),getTypeName:function(){return"ScreenFontStyle"},getComponentName:function(){return"Layout"},getContainerField:function(){return"fontStyle"},getTextGeometry:function(t){return new s(t,this)},getScale:function(){return this._pointSize.getValue()*this.getBrowser().getPointSize()}}),r})),t("x_ite/Components/Layout/ScreenGroup",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Grouping/X3DGroupingNode","x_ite/Base/X3DConstants","x_ite/Rendering/TraverseType","standard/Math/Numbers/Vector3","standard/Math/Numbers/Vector4","standard/Math/Numbers/Matrix4","standard/Math/Geometry/ViewVolume"],(function(t,e,i,n,s,o,r,a,u,h){"use strict";function l(t){n.call(this,t),this.addType(s.ScreenGroup),this.matrix=new u}var c,d,p,f,y;return l.prototype=Object.assign(Object.create(n.prototype),{constructor:l,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(s.inputOutput,"metadata",new t.SFNode),new e(s.inputOutput,"visible",new t.SFBool(!0)),new e(s.inputOutput,"bboxDisplay",new t.SFBool),new e(s.initializeOnly,"bboxSize",new t.SFVec3f(-1,-1,-1)),new e(s.initializeOnly,"bboxCenter",new t.SFVec3f),new e(s.inputOnly,"addChildren",new t.MFNode),new e(s.inputOnly,"removeChildren",new t.MFNode),new e(s.inputOutput,"children",new t.MFNode)]),getTypeName:function(){return"ScreenGroup"},getComponentName:function(){return"Layout"},getContainerField:function(){return"children"},getBBox:function(t,e){return this.getSubBBox(t,e).multRight(this.matrix)},getMatrix:function(){return this.matrix},scale:(c=new a(0,0,0,0),d=new a(0,0,0,0),p=new a(0,0,0,0),f=new r(0,0,0),y=new u,function(t){var e=t.getModelViewMatrix().get(),i=t.getProjectionMatrix().get(),n=t.getViewVolume().getViewport(),s=t.getViewpoint().getScreenScale(e.origin,n);c.set(e[0],e[1],e[2],e[3]),d.set(e[4],e[5],e[6],e[7]),p.set(e[8],e[9],e[10],e[11]),c.normalize().multiply(s.x),d.normalize().multiply(s.y),p.normalize().multiply(s.z),y.set(c.x,c.y,c.z,c.w,d.x,d.y,d.z,d.w,p.x,p.y,p.z,p.w,e[12],e[13],e[14],e[15]),h.projectPoint(r.Zero,y,i,n,f),f.x=Math.round(f.x),f.y=Math.round(f.y),h.unProjectPoint(f.x,f.y,f.z,y,i,n,f),f.z=0,y.translate(f),this.matrix.assign(e).inverse().multLeft(y)}),traverse:function(t,e){try{switch(t){case o.CAMERA:case o.PICKING:case o.SHADOW:break;default:this.scale(e)}var i=e.getModelViewMatrix();i.push(),i.multLeft(this.matrix),n.prototype.traverse.call(this,t,e),i.pop()}catch(t){}}}),l})),t(e.getComponentUrl("layout"),["x_ite/Components","x_ite/Browser/Layout/X3DLayoutContext","x_ite/Components/Layout/Layout","x_ite/Components/Layout/LayoutGroup","x_ite/Components/Layout/LayoutLayer","x_ite/Components/Layout/ScreenFontStyle","x_ite/Components/Layout/ScreenGroup","x_ite/Components/Layout/X3DLayoutNode"],(function(t,e,i,n,s,o,r,a){"use strict";t.addComponent({name:"Layout",types:{Layout:i,LayoutGroup:n,LayoutLayer:s,ScreenFontStyle:o,ScreenGroup:r},abstractTypes:{X3DLayoutNode:a},browser:e})}))}();
+!function(){const t=window[Symbol.for("X_ITE.X3D-6.0.0")].define,e=window[Symbol.for("X_ITE.X3D-6.0.0")].require;t("x_ite/Browser/Layout/X3DLayoutContext",["jquery","x_ite/Components/Texturing/TextureProperties"],(function(t,e){"use strict";const i=Symbol();function n(){}return n.prototype={getScreenTextureProperties:function(){return this[i]=new e(this.getPrivateScene()),this[i]._boundaryModeS="CLAMP",this[i]._boundaryModeT="CLAMP",this[i]._boundaryModeR="CLAMP",this[i]._minificationFilter="NEAREST_PIXEL",this[i]._magnificationFilter="NEAREST_PIXEL",this[i]._generateMipMaps=!1,this[i].setup(),this.getScreenTextureProperties=function(){return this[i]},Object.defineProperty(this,"getScreenTextureProperties",{enumerable:!1}),this[i]}},n})),t("x_ite/Components/Layout/X3DLayoutNode",["x_ite/Components/Core/X3DChildNode","x_ite/Base/X3DConstants"],(function(t,e){"use strict";function i(i){t.call(this,i),this.addType(e.X3DLayoutNode)}return i.prototype=Object.assign(Object.create(t.prototype),{constructor:i}),i})),t("x_ite/Components/Layout/Layout",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Layout/X3DLayoutNode","x_ite/Base/X3DCast","x_ite/Base/X3DConstants","standard/Math/Numbers/Vector2","standard/Math/Numbers/Vector3","standard/Math/Numbers/Rotation4","standard/Math/Numbers/Matrix4"],(function(t,e,i,n,s,o,r,a,u,h){"use strict";var l=0,c=l++,d=l++,p=l++,f=l++,y=l++,x=l++,g=l++,_=l++,w=l++,m=l++;function M(t){n.call(this,t),this.addType(o.Layout),this.alignX=d,this.alignY=d,this.offsetUnitX=x,this.offsetUnitY=x,this.offsetX=0,this.offsetY=0,this.sizeUnitX=x,this.sizeUnitY=x,this.sizeX=1,this.sizeY=1,this.scaleModeX=w,this.scaleModeY=w,this.parent=null,this.rectangleCenter=new r(0,0),this.rectangleSize=new r(0,0),this.matrix=new h}return M.prototype=Object.assign(Object.create(n.prototype),{constructor:M,viewportPixel:new r(0,0),pixelSize:new r(0,0),translation:new a(0,0,0),offset:new a(0,0,0),scale:new a(1,1,1),currentTranslation:new a(0,0,0),currentRotation:new u(0,0,1,0),currentScale:new a(0,0,0),modelViewMatrix:new h,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(o.inputOutput,"metadata",new t.SFNode),new e(o.inputOutput,"align",new t.MFString("CENTER","CENTER")),new e(o.inputOutput,"offsetUnits",new t.MFString("WORLD","WORLD")),new e(o.inputOutput,"offset",new t.MFFloat(0,0)),new e(o.inputOutput,"sizeUnits",new t.MFString("WORLD","WORLD")),new e(o.inputOutput,"size",new t.MFFloat(1,1)),new e(o.inputOutput,"scaleMode",new t.MFString("NONE","NONE"))]),getTypeName:function(){return"Layout"},getComponentName:function(){return"Layout"},getContainerField:function(){return"layout"},initialize:function(){n.prototype.initialize.call(this),this._align.addInterest("set_align__",this),this._offsetUnits.addInterest("set_offsetUnits__",this),this._offset.addInterest("set_offset__",this),this._sizeUnits.addInterest("set_sizeUnits__",this),this._size.addInterest("set_size__",this),this._scaleMode.addInterest("set_scaleMode__",this),this.set_align__(),this.set_offsetUnits__(),this.set_offset__(),this.set_sizeUnits__(),this.set_size__(),this.set_scaleMode__()},set_align__:function(){this._align.length>0?"LEFT"===this._align[0]?this.alignX=c:"RIGHT"===this._align[0]?this.alignX=p:this.alignX=d:this.alignX=d,this._align.length>1?"BOTTOM"===this._align[1]?this.alignY=f:"TOP"===this._align[1]?this.alignY=y:this.alignY=d:this.alignY=d},set_offsetUnits__:function(){this._offsetUnits.length>0?("FRACTION"===this._offsetUnits[0]?this.offsetUnitX=g:"PIXEL"===this._offsetUnits[0]?this.offsetUnitX=_:this.offsetUnitX=x,this._offsetUnits.length>1?"FRACTION"===this._offsetUnits[1]?this.offsetUnitY=g:"PIXEL"===this._offsetUnits[1]?this.offsetUnitY=_:this.offsetUnitY=x:this.offsetUnitY=this.offsetUnitX):(this.offsetUnitX=x,this.offsetUnitY=x)},set_offset__:function(){this._offset.length>0?(this.offsetX=this._offset[0],this._offset.length>1?this.offsetY=this._offset[1]:this.offsetY=offsetX):(this.offsetX=0,this.offsetY=0)},set_sizeUnits__:function(){this._sizeUnits.length>0?("FRACTION"===this._sizeUnits[0]?this.sizeUnitX=g:"PIXEL"===this._sizeUnits[0]?this.sizeUnitX=_:this.sizeUnitX=x,this._sizeUnits.length>1?"FRACTION"===this._sizeUnits[1]?this.sizeUnitY=g:"PIXEL"===this._sizeUnits[1]?this.sizeUnitY=_:this.sizeUnitY=x:this.sizeUnitY=this.sizeUnitX):(this.sizeUnitX=x,this.sizeUnitY=x)},set_size__:function(){this._size.length>0?(this.sizeX=this._size[0],this._size.length>1?this.sizeY=this._size[1]:this.sizeY=this.sizeX):(this.sizeX=0,this.sizeY=0)},set_scaleMode__:function(){this._scaleMode.length>0?("FRACTION"===this._scaleMode[0]?this.scaleModeX=g:"PIXEL"===this._scaleMode[0]?this.scaleModeX=_:"STRETCH"===this._scaleMode[0]?this.scaleModeX=m:this.scaleModeX=w,this._scaleMode.length>1?"FRACTION"===this._scaleMode[1]?this.scaleModeY=g:"PIXEL"===this._scaleMode[1]?this.scaleModeY=_:"STRETCH"===this._scaleMode[1]?this.scaleModeY=m:this.scaleModeY=w:this.scaleModeY=this.scaleModeX):(this.scaleModeX=w,this.scaleModeY=w)},getRectangleCenter:function(){return this.rectangleCenter},getRectangleSize:function(){return this.rectangleSize},getAlignX:function(){return this.alignX},getAlignY:function(){return this.alignY},getOffsetUnitX:function(){return this.offsetUnitX===x?this.parent?this.parent.getOffsetUnitX():g:this.offsetUnitX},getOffsetUnitY:function(){return this.offsetUnitY===x?this.parent?this.parent.getOffsetUnitY():g:this.offsetUnitY},getOffsetX:function(){return this.offsetX},getOffsetY:function(){return this.offsetY},getSizeUnitX:function(){return this.sizeUnitX===x?this.parent?this.parent.getSizeUnitX():g:this.sizeUnitX},getSizeUnitY:function(){return this.sizeUnitY===x?this.parent?this.parent.getSizeUnitY():g:this.sizeUnitY},getSizeX:function(){return this.sizeX},getSizeY:function(){return this.sizeY},getScaleModeX:function(){return this.parent?this.scaleModeX:this.scaleModeX===w?g:this.scaleModeX},getScaleModeY:function(){return this.parent?this.scaleModeY:this.scaleModeY===w?g:this.scaleModeY},transform:function(t,e){var i=this.parent=e.getParentLayout(),n=this.matrix,s=e.getViewpoint(),o=e.getNavigationInfo().getNearValue(),r=e.getViewVolume().getScissor(),a=s.getViewportSize(r,o),u=this.viewportPixel,h=this.pixelSize,l=i?i.getRectangleSize():a,x=this.rectangleSize,M=this.rectangleCenter;switch(u.set(r[2],r[3]),h.assign(a).divVec(u),this.getSizeUnitX()){case g:x.x=this.sizeX*l.x;break;case _:x.x=this.sizeX*h.x}switch(this.getSizeUnitY()){case g:x.y=this.sizeY*l.y;break;case _:x.y=this.sizeY*h.y}var S=this.translation.set(0,0,0);switch(this.getAlignX()){case c:S.x=-(l.x-x.x)/2;break;case d:this.getSizeUnitX()===_&&1&u.x&&(S.x=-h.x/2);break;case p:S.x=(l.x-x.x)/2}switch(this.getAlignY()){case f:S.y=-(l.y-x.y)/2;break;case d:this.getSizeUnitX===_&&1&u.y&&(S.y=-h.y/2);break;case y:S.y=(l.y-x.y)/2}var X=this.offset.set(0,0,0);switch(this.getOffsetUnitX()){case g:X.x=this.offsetX*l.x;break;case _:X.x=this.offsetX*a.x/u.x}switch(this.getOffsetUnitY()){case g:X.y=this.offsetY*l.y;break;case _:X.y=this.offsetY*a.y/u.y}var z=this.scale.set(1,1,1),N=this.currentTranslation,F=this.currentRotation,C=this.currentScale;switch(e.getModelViewMatrix().get().get(N,F,C),this.getScaleModeX()){case w:z.x=C.x;break;case g:z.x=x.x;break;case m:break;case _:z.x=a.x/u.x}switch(this.getScaleModeY()){case w:z.y=C.y;break;case g:z.y=x.y;break;case m:break;case _:z.y=a.y/u.y}return this.getScaleModeX()===m?this.getScaleModeY()===m?x.x>x.y?(z.x=x.x,z.y=z.x):(z.y=x.y,z.x=z.y):z.x=z.y:this.getScaleModeY()===m&&(z.y=z.x),M.assign(S).add(X),n.set(N,F),n.translate(S.add(X)),n.scale(z),n}}),M})),t("x_ite/Components/Layout/LayoutGroup",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Grouping/X3DGroupingNode","x_ite/Base/X3DCast","x_ite/Rendering/TraverseType","x_ite/Base/X3DConstants","standard/Math/Numbers/Matrix4"],(function(t,e,i,n,s,o,r,a){"use strict";function u(t){n.call(this,t),this.addType(r.LayoutGroup),this.viewportNode=null,this.layoutNode=null,this.modelViewMatrix=new a,this.screenMatrix=new a}return u.prototype=Object.assign(Object.create(n.prototype),{constructor:u,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(r.inputOutput,"metadata",new t.SFNode),new e(r.inputOutput,"layout",new t.SFNode),new e(r.inputOutput,"viewport",new t.SFNode),new e(r.inputOutput,"visible",new t.SFBool(!0)),new e(r.inputOutput,"bboxDisplay",new t.SFBool),new e(r.initializeOnly,"bboxSize",new t.SFVec3f(-1,-1,-1)),new e(r.initializeOnly,"bboxCenter",new t.SFVec3f),new e(r.inputOnly,"addChildren",new t.MFNode),new e(r.inputOnly,"removeChildren",new t.MFNode),new e(r.inputOutput,"children",new t.MFNode)]),getTypeName:function(){return"LayoutGroup"},getComponentName:function(){return"Layout"},getContainerField:function(){return"children"},initialize:function(){n.prototype.initialize.call(this),this._viewport.addInterest("set_viewport__",this),this._layout.addInterest("set_layout__",this),this.set_viewport__(),this.set_layout__()},set_viewport__:function(){this.viewportNode=s(r.X3DViewportNode,this._viewport)},set_layout__:function(){this.layoutNode=s(r.X3DLayoutNode,this._layout)},getBBox:function(t,e){return n.prototype.getBBox.call(this,t,e).multRight(this.getMatrix())},getMatrix:function(){return this.layoutNode?this.matrix.assign(this.modelViewMatrix).inverse().multLeft(this.screenMatrix):this.matrix.identity(),this.matrix},traverse:function(t,e){if(t!==o.COLLISION){if(this.viewportNode&&this.viewportNode.push(),this.layoutNode){var i=e.getModelViewMatrix();this.modelViewMatrix.assign(i.get()),this.screenMatrix.assign(this.layoutNode.transform(t,e)),i.pushMatrix(this.screenMatrix),e.getLayouts().push(this.layoutNode),n.prototype.traverse.call(this,t,e),e.getLayouts().pop(),i.pop()}else n.prototype.traverse.call(this,t,e);this.viewportNode&&this.viewportNode.pop()}}}),u})),t("x_ite/Components/Layout/LayoutLayer",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Layering/X3DLayerNode","x_ite/Components/Layout/LayoutGroup","x_ite/Components/Navigation/OrthoViewpoint","x_ite/Base/X3DConstants"],(function(t,e,i,n,s,o,r){"use strict";function a(t){n.call(this,t,new o(t),new s(t)),this.addType(r.LayoutLayer)}return a.prototype=Object.assign(Object.create(n.prototype),{constructor:a,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(r.inputOutput,"metadata",new t.SFNode),new e(r.inputOutput,"isPickable",new t.SFBool(!0)),new e(r.inputOutput,"layout",new t.SFNode),new e(r.inputOutput,"viewport",new t.SFNode),new e(r.inputOnly,"addChildren",new t.MFNode),new e(r.inputOnly,"removeChildren",new t.MFNode),new e(r.inputOutput,"children",new t.MFNode)]),getTypeName:function(){return"LayoutLayer"},getComponentName:function(){return"Layout"},getContainerField:function(){return"layers"},initialize:function(){n.prototype.initialize.call(this),this._layout.addFieldInterest(this.getGroup()._layout),this._addChildren.addFieldInterest(this.getGroup()._addChildren),this._removeChildren.addFieldInterest(this.getGroup()._removeChildren),this._children.addFieldInterest(this.getGroup()._children),this.getGroup()._layout=this._layout,this.getGroup()._children=this._children,this.getGroup().setPrivate(!0),this.getGroup().setup()}}),a})),t("x_ite/Browser/Layout/ScreenText",["jquery","x_ite/Browser/Text/X3DTextGeometry","x_ite/Browser/Text/TextAlignment","x_ite/Components/Texturing/PixelTexture","x_ite/Components/Rendering/X3DGeometryNode","standard/Math/Numbers/Vector3","standard/Math/Numbers/Vector4","standard/Math/Numbers/Matrix4","standard/Math/Geometry/Box3","standard/Math/Geometry/ViewVolume","standard/Math/Algorithm"],(function(t,e,i,n,s,o,r,a,u,h,l){"use strict";function c(i,o){e.call(this,i,o),i.setTransparent(!0),this.texCoordArray=s.createArray(),this.textureNode=new n(i.getExecutionContext()),this.canvas=t("<canvas></canvas>"),this.context=this.canvas[0].getContext("2d"),this.matrix=new a,this.textureNode._textureProperties=o.getBrowser().getScreenTextureProperties(),this.textureNode.setup()}return c.prototype=Object.assign(Object.create(e.prototype),{constructor:c,modelViewMatrix:new a,getTransparent:function(){return!0},getMatrix:function(){return this.matrix},update:function(){const t=new o(0,0,0),n=new o(1,1,0);return function(){e.prototype.update.call(this);const s=this.getFontStyle(),o=this.getText();switch(o._textBounds.x=Math.ceil(o._textBounds.x)+1,o._textBounds.y=Math.ceil(o._textBounds.y)+1,this.getBBox().getExtents(t,n),t.x-=1,t.y-=1,s.getMajorAlignment()){case i.BEGIN:case i.FIRST:t.x=Math.floor(t.x),n.x=t.x+o._textBounds.x;break;case i.MIDDLE:t.x=Math.round(t.x),n.x=t.x+o._textBounds.x;break;case i.END:n.x=Math.ceil(n.x),t.x=n.x-o._textBounds.x}switch(s.getMinorAlignment()){case i.BEGIN:case i.FIRST:n.y=Math.ceil(n.y),t.y=n.y-o._textBounds.y;break;case i.MIDDLE:n.y=Math.round(n.y),t.y=n.y-o._textBounds.y;break;case i.END:t.y=Math.floor(t.y),n.y=t.y+o._textBounds.y}o._origin.x=t.x,o._origin.y=n.y,this.getBBox().setExtents(t,n)}}(),build:function(){const t=new o(0,0,0),e=new o(1,1,0);return function(){const i=this.getFontStyle(),n=i.getFont();if(!n)return;const s=this.getText(),o=this.getGlyphs(),r=this.getMinorAlignment(),a=this.getTranslations(),u=this.getCharSpacings(),h=i.getScale(),c=h/n.unitsPerEm,d=this.texCoordArray,p=s.getNormals(),f=s.getVertices(),y=this.canvas[0],x=this.context;d.length=0,s.getMultiTexCoords().push(d),this.getBBox().getExtents(t,e),p.push(0,0,1,0,0,1,0,0,1,0,0,1,0,0,1,0,0,1),f.push(t.x,t.y,0,1,e.x,t.y,0,1,e.x,e.y,0,1,t.x,t.y,0,1,e.x,e.y,0,1,t.x,e.y,0,1);const g=s._textBounds.x,_=s._textBounds.y;y.width=l.nextPowerOfTwo(g),y.height=l.nextPowerOfTwo(_);const w=g/y.width,m=1-_/y.height;if(d.push(0,m,0,1,w,m,0,1,w,1,0,1,0,m,0,1,w,1,0,1,0,1,0,1),x.fillStyle="rgba(255,255,255,0)",x.fillRect(0,0,y.width,y.height),x.fillStyle="rgba(255,255,255,1)",x.save(),x.translate(0,y.height),x.scale(1,-1),i._horizontal.getValue())for(let i=0,s=o.length;i<s;++i){const s=o[i],l=u[i],d=a[i];let p=0;for(let i=0,o=s.length;i<o;++i){const o=s[i],a=r.x+d.x+p+i*l-t.x,u=r.y+d.y-e.y;this.drawGlyph(x,n,o,a,u,h);let f=0;i+1<s.length&&(f=n.getKerningValue(o,s[i+1])),p+=(o.advanceWidth+f)*c}}else{const u=i._leftToRight.getValue(),l=i._topToBottom.getValue(),c=u?0:s._string.length-1,d=u?s._string.length:-1,p=u?1:-1;for(let i=c,s=0;i!==d;i+=p){const u=o[i],c=u.length,d=l?c:-1,p=l?1:-1;for(let i=l?0:c-1;i!==d;i+=p,++s){const o=a[s],l=r.x+o.x-t.x,c=r.y+o.y-e.y;this.drawGlyph(x,n,u[i],l,c,h)}}}x.restore();const M=x.getImageData(0,0,y.width,y.height);M?this.textureNode.setTexture(y.width,y.height,!0,new Uint8Array(M.data.buffer),!1):this.textureNode.clear()}}(),drawGlyph:function(t,e,i,n,s,o){const r=i.getPath(n,-s,o),a=r.commands;t.beginPath();for(let e=0,i=a.length;e<i;++e){const i=a[e];switch(i.type){case"M":t.moveTo(i.x,i.y);continue;case"Z":t.closePath();continue;case"L":t.lineTo(i.x,i.y);continue;case"Q":t.quadraticCurveTo(i.x1,i.y1,i.x,i.y);continue;case"C":t.bezierCurveTo(i.x1,i.y1,i.x2,i.y2,i.x,i.y);continue}}r.fill&&t.fill(),r.stroke&&(t.lineWidth=r.strokeWidth,t.stroke())},getGlyphExtents:function(t,e,i,n,s){const o=t.unitsPerEm;n.set((e.xMin||0)/o,(e.yMin||0)/o,0),s.set((e.xMax||0)/o,(e.yMax||0)/o,0)},transform:function(){const t=new r(0,0,0,0),e=new r(0,0,0,0),i=new r(0,0,0,0),n=new o(0,0,0),s=new a,l=new u;return function(r){const a=this.getText(),u=r.getModelViewMatrix().get(),c=r.getProjectionMatrix().get(),d=r.getViewVolume().getViewport(),p=r.getViewpoint().getScreenScale(u.origin,d);t.set(u[0],u[1],u[2],u[3]),e.set(u[4],u[5],u[6],u[7]),i.set(u[8],u[9],u[10],u[11]),t.normalize().multiply(p.x),e.normalize().multiply(p.y),i.normalize().multiply(p.z),s.set(t.x,t.y,t.z,t.w,e.x,e.y,e.z,e.w,i.x,i.y,i.z,i.w,u[12],u[13],u[14],u[15]),h.projectPoint(o.Zero,s,c,d,n),n.x=Math.round(n.x),n.y=Math.round(n.y),h.unProjectPoint(n.x,n.y,n.z,s,c,d,n),n.z=0,s.translate(n),this.matrix.assign(u).inverse().multLeft(s),l.assign(this.getBBox()).multRight(this.matrix),a.setBBox(l)}}(),traverse:function(t,e){this.transform(e)},display:function(t,e){a.prototype.multLeft.call(e.modelViewMatrix,this.matrix),e.textureNode=this.textureNode},transformLine:function(t){return t.multLineMatrix(a.inverse(this.matrix))},transformMatrix:function(t){return t.multLeft(this.matrix)}}),c})),t("x_ite/Components/Layout/ScreenFontStyle",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Text/X3DFontStyleNode","x_ite/Browser/Layout/ScreenText","x_ite/Base/X3DConstants"],(function(t,e,i,n,s,o){"use strict";function r(t){n.call(this,t),this.addType(o.ScreenFontStyle)}return r.prototype=Object.assign(Object.create(n.prototype),{constructor:r,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(o.inputOutput,"metadata",new t.SFNode),new e(o.inputOutput,"language",new t.SFString),new e(o.inputOutput,"family",new t.MFString("SERIF")),new e(o.inputOutput,"style",new t.SFString("PLAIN")),new e(o.inputOutput,"pointSize",new t.SFFloat(12)),new e(o.inputOutput,"spacing",new t.SFFloat(1)),new e(o.inputOutput,"horizontal",new t.SFBool(!0)),new e(o.inputOutput,"leftToRight",new t.SFBool(!0)),new e(o.inputOutput,"topToBottom",new t.SFBool(!0)),new e(o.inputOutput,"justify",new t.MFString("BEGIN"))]),getTypeName:function(){return"ScreenFontStyle"},getComponentName:function(){return"Layout"},getContainerField:function(){return"fontStyle"},getTextGeometry:function(t){return new s(t,this)},getScale:function(){return this._pointSize.getValue()*this.getBrowser().getPixelPerPoint()}}),r})),t("x_ite/Components/Layout/ScreenGroup",["x_ite/Fields","x_ite/Base/X3DFieldDefinition","x_ite/Base/FieldDefinitionArray","x_ite/Components/Grouping/X3DGroupingNode","x_ite/Base/X3DConstants","x_ite/Rendering/TraverseType","standard/Math/Numbers/Vector3","standard/Math/Numbers/Vector4","standard/Math/Numbers/Matrix4","standard/Math/Geometry/ViewVolume"],(function(t,e,i,n,s,o,r,a,u,h){"use strict";function l(t){n.call(this,t),this.addType(s.ScreenGroup),this.matrix=new u}var c,d,p,f,y;return l.prototype=Object.assign(Object.create(n.prototype),{constructor:l,[Symbol.for("X_ITE.X3DBaseNode.fieldDefinitions")]:new i([new e(s.inputOutput,"metadata",new t.SFNode),new e(s.inputOutput,"visible",new t.SFBool(!0)),new e(s.inputOutput,"bboxDisplay",new t.SFBool),new e(s.initializeOnly,"bboxSize",new t.SFVec3f(-1,-1,-1)),new e(s.initializeOnly,"bboxCenter",new t.SFVec3f),new e(s.inputOnly,"addChildren",new t.MFNode),new e(s.inputOnly,"removeChildren",new t.MFNode),new e(s.inputOutput,"children",new t.MFNode)]),getTypeName:function(){return"ScreenGroup"},getComponentName:function(){return"Layout"},getContainerField:function(){return"children"},getBBox:function(t,e){return this.getSubBBox(t,e).multRight(this.matrix)},getMatrix:function(){return this.matrix},scale:(c=new a(0,0,0,0),d=new a(0,0,0,0),p=new a(0,0,0,0),f=new r(0,0,0),y=new u,function(t){var e=t.getModelViewMatrix().get(),i=t.getProjectionMatrix().get(),n=t.getViewVolume().getViewport(),s=t.getViewpoint().getScreenScale(e.origin,n);c.set(e[0],e[1],e[2],e[3]),d.set(e[4],e[5],e[6],e[7]),p.set(e[8],e[9],e[10],e[11]),c.normalize().multiply(s.x),d.normalize().multiply(s.y),p.normalize().multiply(s.z),y.set(c.x,c.y,c.z,c.w,d.x,d.y,d.z,d.w,p.x,p.y,p.z,p.w,e[12],e[13],e[14],e[15]),h.projectPoint(r.Zero,y,i,n,f),f.x=Math.round(f.x),f.y=Math.round(f.y),h.unProjectPoint(f.x,f.y,f.z,y,i,n,f),f.z=0,y.translate(f),this.matrix.assign(e).inverse().multLeft(y)}),traverse:function(t,e){switch(t){case o.CAMERA:case o.PICKING:case o.SHADOW:break;default:this.scale(e)}var i=e.getModelViewMatrix();i.push(),i.multLeft(this.matrix),n.prototype.traverse.call(this,t,e),i.pop()}}),l})),t(e.getComponentUrl("layout"),["x_ite/Components","x_ite/Browser/Layout/X3DLayoutContext","x_ite/Components/Layout/Layout","x_ite/Components/Layout/LayoutGroup","x_ite/Components/Layout/LayoutLayer","x_ite/Components/Layout/ScreenFontStyle","x_ite/Components/Layout/ScreenGroup","x_ite/Components/Layout/X3DLayoutNode"],(function(t,e,i,n,s,o,r,a){"use strict";t.addComponent({name:"Layout",types:{Layout:i,LayoutGroup:n,LayoutLayer:s,ScreenFontStyle:o,ScreenGroup:r},abstractTypes:{X3DLayoutNode:a},context:e})}))}();