@xeokit/xeokit-sdk 2.4.0-alpha-30 → 2.4.0-alpha-32

package/dist/xeokit-sdk.cjs.js

@@ -113409,6 +113409,9 @@ class FaceAlignedSectionPlanesControl {
         const camera = this._viewer.camera;
         const scene = this._viewer.scene;
 
+        let deltaUpdate = 0;
+        let waitForTick = false;
+
         { // Keep gizmo screen size constant
 
             const tempVec3a = math.vec3([0, 0, 0]);
@@ -113422,6 +113425,7 @@ class FaceAlignedSectionPlanesControl {
 
             this._onSceneTick = scene.on("tick", () => {
 
+                waitForTick = false;
                 const dist = Math.abs(math.lenVec3(math.subVec3(scene.camera.eye, this._pos, tempVec3a)));
 
                 if (dist !== lastDist) {
@@ -113439,6 +113443,11 @@ class FaceAlignedSectionPlanesControl {
                     rootNode.scale = [size, size, size];
                     lastDist = dist;
                 }
+
+                if (deltaUpdate !== 0) {
+                    drag(deltaUpdate);
+                    deltaUpdate = 0;
+                }
             });
         }
 
@@ -113466,17 +113475,17 @@ class FaceAlignedSectionPlanesControl {
             };
         })();
 
-        {
-            var down = false;
+        const moveSectionPlane = (delta) => {
+            const pos = this._sectionPlane.pos;
+            const dir = this._sectionPlane.dir;
+            math.addVec3(pos, math.mulVec3Scalar(dir, 0.1 * delta * this._plugin.getDragSensitivity(), math.vec3()));
+            this._sectionPlane.pos = pos;
+        };
 
-            const drag = (delta) => {
-                const pos = this._sectionPlane.pos;
-                const dir = this._sectionPlane.dir;
-                math.addVec3(pos, math.mulVec3Scalar(dir, 0.1 * delta * this._plugin.getDragSensitivity(), math.vec3()));
-                this._sectionPlane.pos = pos;
-            };
+        {
+            let down = false;
 
-            this._plugin._controlCanvas.addEventListener("mousedown", this._canvasMouseDownListener = (e) => {
+            this._plugin._controlElement.addEventListener("mousedown", this._canvasMouseDownListener = (e) => {
                 e.preventDefault();
                 if (!this._visible) {
                     return;
@@ -113492,22 +113501,25 @@ class FaceAlignedSectionPlanesControl {
                 }
             });
 
-            this._plugin._controlCanvas.addEventListener("mousemove", this._canvasMouseMoveListener = (e) => {
+            this._plugin._controlElement.addEventListener("mousemove", this._canvasMouseMoveListener = (e) => {
                 if (!this._visible) {
                     return;
                 }
                 if (!down) {
                     return;
                 }
+                if (waitForTick) {    // Limit changes detection to one per frame
+                    return;
+                }
                 var canvasPos = getClickCoordsWithinElement(e);
                 const x = canvasPos[0];
                 const y = canvasPos[1];
-                drag(y - lastCanvasPos[1]);
+                moveSectionPlane(y - lastCanvasPos[1]);
                 lastCanvasPos[0] = x;
                 lastCanvasPos[1] = y;
             });
 
-            this._plugin._controlCanvas.addEventListener("mouseup", this._canvasMouseUpListener = (e) => {
+            this._plugin._controlElement.addEventListener("mouseup", this._canvasMouseUpListener = (e) => {
                 if (!this._visible) {
                     return;
                 }
@@ -113520,15 +113532,55 @@ class FaceAlignedSectionPlanesControl {
                 down = false;
             });
 
-            this._plugin._controlCanvas.addEventListener("wheel", this._canvasWheelListener = (e) => {
+            this._plugin._controlElement.addEventListener("wheel", this._canvasWheelListener = (e) => {
                 if (!this._visible) {
                     return;
                 }
-                var delta = Math.max(-1, Math.min(1, -e.deltaY * 40));
-                if (delta === 0) {
+                deltaUpdate += Math.max(-1, Math.min(1, -e.deltaY * 40));
+            });
+        }
+
+        {
+            let touchStartY, touchEndY;
+            let lastTouchY = null;
+
+            this._plugin._controlElement.addEventListener("touchstart", this._handleTouchStart = (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                if (!this._visible) {
+                    return;
+                }
+                touchStartY = e.touches[0].clientY;
+                lastTouchY = touchStartY;
+                deltaUpdate = 0;
+            });
+
+            this._plugin._controlElement.addEventListener("touchmove", this._handleTouchMove = (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                if (!this._visible) {
+                    return;
+                }
+                if (waitForTick) {    // Limit changes detection to one per frame
                     return;
                 }
-                drag(delta);
+                waitForTick = true;
+                touchEndY = e.touches[0].clientY;
+                if (lastTouchY !== null) {
+                    deltaUpdate += touchEndY - lastTouchY;
+                }
+                lastTouchY = touchEndY;
+            });
+
+            this._plugin._controlElement.addEventListener("touchend", this._handleTouchEnd = (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                if (!this._visible) {
+                    return;
+                }
+                touchStartY = null;
+                touchEndY = null;
+                deltaUpdate = 0;
             });
         }
     }
@@ -113544,6 +113596,7 @@ class FaceAlignedSectionPlanesControl {
         const scene = viewer.scene;
         const canvas = scene.canvas.canvas;
         const camera = viewer.camera;
+        const controlElement = this._plugin._controlElement;
 
         scene.off(this._onSceneTick);
 
@@ -113552,6 +113605,10 @@ class FaceAlignedSectionPlanesControl {
         canvas.removeEventListener("mouseup", this._canvasMouseUpListener);
         canvas.removeEventListener("wheel", this._canvasWheelListener);
 
+        controlElement.removeEventListener("touchstart", this._handleTouchStart);
+        controlElement.removeEventListener("touchmove", this._handleTouchMove);
+        controlElement.removeEventListener("touchend", this._handleTouchEnd);
+
         camera.off(this._onCameraViewMatrix);
         camera.off(this._onCameraProjMatrix);
     }
@@ -114131,8 +114188,8 @@ class FaceAlignedSectionPlanesPlugin extends Plugin {
         if (cfg.controlElementId === null || cfg.controlElementId === undefined) {
             this.error("Parameter expected: controlElementId");
         } else {
-            this._controlCanvas = document.getElementById(cfg.controlElementId);
-            if (!this._controlCanvas) {
+            this._controlElement = document.getElementById(cfg.controlElementId);
+            if (!this._controlElement) {
                 this.warn("Can't find control element: '" + cfg.controlElementId + "' - will create plugin without control element");
 
             }

package/dist/xeokit-sdk.es.js

@@ -113405,6 +113405,9 @@ class FaceAlignedSectionPlanesControl {
         const camera = this._viewer.camera;
         const scene = this._viewer.scene;
 
+        let deltaUpdate = 0;
+        let waitForTick = false;
+
         { // Keep gizmo screen size constant
 
             const tempVec3a = math.vec3([0, 0, 0]);
@@ -113418,6 +113421,7 @@ class FaceAlignedSectionPlanesControl {
 
             this._onSceneTick = scene.on("tick", () => {
 
+                waitForTick = false;
                 const dist = Math.abs(math.lenVec3(math.subVec3(scene.camera.eye, this._pos, tempVec3a)));
 
                 if (dist !== lastDist) {
@@ -113435,6 +113439,11 @@ class FaceAlignedSectionPlanesControl {
                     rootNode.scale = [size, size, size];
                     lastDist = dist;
                 }
+
+                if (deltaUpdate !== 0) {
+                    drag(deltaUpdate);
+                    deltaUpdate = 0;
+                }
             });
         }
 
@@ -113462,17 +113471,17 @@ class FaceAlignedSectionPlanesControl {
             };
         })();
 
-        {
-            var down = false;
+        const moveSectionPlane = (delta) => {
+            const pos = this._sectionPlane.pos;
+            const dir = this._sectionPlane.dir;
+            math.addVec3(pos, math.mulVec3Scalar(dir, 0.1 * delta * this._plugin.getDragSensitivity(), math.vec3()));
+            this._sectionPlane.pos = pos;
+        };
 
-            const drag = (delta) => {
-                const pos = this._sectionPlane.pos;
-                const dir = this._sectionPlane.dir;
-                math.addVec3(pos, math.mulVec3Scalar(dir, 0.1 * delta * this._plugin.getDragSensitivity(), math.vec3()));
-                this._sectionPlane.pos = pos;
-            };
+        {
+            let down = false;
 
-            this._plugin._controlCanvas.addEventListener("mousedown", this._canvasMouseDownListener = (e) => {
+            this._plugin._controlElement.addEventListener("mousedown", this._canvasMouseDownListener = (e) => {
                 e.preventDefault();
                 if (!this._visible) {
                     return;
@@ -113488,22 +113497,25 @@ class FaceAlignedSectionPlanesControl {
                 }
             });
 
-            this._plugin._controlCanvas.addEventListener("mousemove", this._canvasMouseMoveListener = (e) => {
+            this._plugin._controlElement.addEventListener("mousemove", this._canvasMouseMoveListener = (e) => {
                 if (!this._visible) {
                     return;
                 }
                 if (!down) {
                     return;
                 }
+                if (waitForTick) {    // Limit changes detection to one per frame
+                    return;
+                }
                 var canvasPos = getClickCoordsWithinElement(e);
                 const x = canvasPos[0];
                 const y = canvasPos[1];
-                drag(y - lastCanvasPos[1]);
+                moveSectionPlane(y - lastCanvasPos[1]);
                 lastCanvasPos[0] = x;
                 lastCanvasPos[1] = y;
             });
 
-            this._plugin._controlCanvas.addEventListener("mouseup", this._canvasMouseUpListener = (e) => {
+            this._plugin._controlElement.addEventListener("mouseup", this._canvasMouseUpListener = (e) => {
                 if (!this._visible) {
                     return;
                 }
@@ -113516,15 +113528,55 @@ class FaceAlignedSectionPlanesControl {
                 down = false;
             });
 
-            this._plugin._controlCanvas.addEventListener("wheel", this._canvasWheelListener = (e) => {
+            this._plugin._controlElement.addEventListener("wheel", this._canvasWheelListener = (e) => {
                 if (!this._visible) {
                     return;
                 }
-                var delta = Math.max(-1, Math.min(1, -e.deltaY * 40));
-                if (delta === 0) {
+                deltaUpdate += Math.max(-1, Math.min(1, -e.deltaY * 40));
+            });
+        }
+
+        {
+            let touchStartY, touchEndY;
+            let lastTouchY = null;
+
+            this._plugin._controlElement.addEventListener("touchstart", this._handleTouchStart = (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                if (!this._visible) {
+                    return;
+                }
+                touchStartY = e.touches[0].clientY;
+                lastTouchY = touchStartY;
+                deltaUpdate = 0;
+            });
+
+            this._plugin._controlElement.addEventListener("touchmove", this._handleTouchMove = (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                if (!this._visible) {
+                    return;
+                }
+                if (waitForTick) {    // Limit changes detection to one per frame
                     return;
                 }
-                drag(delta);
+                waitForTick = true;
+                touchEndY = e.touches[0].clientY;
+                if (lastTouchY !== null) {
+                    deltaUpdate += touchEndY - lastTouchY;
+                }
+                lastTouchY = touchEndY;
+            });
+
+            this._plugin._controlElement.addEventListener("touchend", this._handleTouchEnd = (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                if (!this._visible) {
+                    return;
+                }
+                touchStartY = null;
+                touchEndY = null;
+                deltaUpdate = 0;
             });
         }
     }
@@ -113540,6 +113592,7 @@ class FaceAlignedSectionPlanesControl {
         const scene = viewer.scene;
         const canvas = scene.canvas.canvas;
         const camera = viewer.camera;
+        const controlElement = this._plugin._controlElement;
 
         scene.off(this._onSceneTick);
 
@@ -113548,6 +113601,10 @@ class FaceAlignedSectionPlanesControl {
         canvas.removeEventListener("mouseup", this._canvasMouseUpListener);
         canvas.removeEventListener("wheel", this._canvasWheelListener);
 
+        controlElement.removeEventListener("touchstart", this._handleTouchStart);
+        controlElement.removeEventListener("touchmove", this._handleTouchMove);
+        controlElement.removeEventListener("touchend", this._handleTouchEnd);
+
         camera.off(this._onCameraViewMatrix);
         camera.off(this._onCameraProjMatrix);
     }
@@ -114127,8 +114184,8 @@ class FaceAlignedSectionPlanesPlugin extends Plugin {
         if (cfg.controlElementId === null || cfg.controlElementId === undefined) {
             this.error("Parameter expected: controlElementId");
         } else {
-            this._controlCanvas = document.getElementById(cfg.controlElementId);
-            if (!this._controlCanvas) {
+            this._controlElement = document.getElementById(cfg.controlElementId);
+            if (!this._controlElement) {
                 this.warn("Can't find control element: '" + cfg.controlElementId + "' - will create plugin without control element");
 
             }

package/dist/xeokit-sdk.es5.js

@@ -24456,9 +24456,11 @@ edges:false,fill:true,fillColor:[1,0,0],fillAlpha:0.6})};this._displayMeshes={pl
 0.5,0.5,-0.0,0.5,-0.5,-0.0,// 2
 -0.5,-0.5,-0.0,-0.5,0.5,-0.0// 3
 ],indices:[0,1,2,2,3,0]}),material:new PhongMaterial(rootNode,{emissive:[0,0.0,0],diffuse:[0,0,0],backfaces:true}),opacity:0.6,ghosted:true,pickable:false,collidable:true,clippable:false,visible:false,scale:[2.4,2.4,1]}),NO_STATE_INHERIT),planeFrame:rootNode.addChild(new Mesh(rootNode,{// Visible frame
-geometry:new ReadableGeometry(rootNode,buildTorusGeometry({center:[0,0,0],radius:1.7,tube:tubeRadius*2,radialSegments:4,tubeSegments:4,arc:Math.PI*2.0})),material:new PhongMaterial(rootNode,{emissive:[0,0,0],diffuse:[0,0,0],specular:[0,0,0],shininess:0}),pickable:false,collidable:false,clippable:false,visible:false,scale:[1,1,.1],rotation:[0,0,45]}),NO_STATE_INHERIT),center:rootNode.addChild(new Mesh(rootNode,{geometry:new ReadableGeometry(rootNode,buildSphereGeometry({radius:0.05})),material:materials.center,pickable:false,collidable:true,clippable:false,visible:false}),NO_STATE_INHERIT),zAxisArrow:rootNode.addChild(new Mesh(rootNode,{geometry:shapes.arrowHead,material:materials.blue,matrix:function(){var translate=math.translateMat4c(0,radius+.1,0,math.identityMat4());var rotate=math.rotationMat4v(-90*math.DEGTORAD,[0.8,0,0],math.identityMat4());return math.mulMat4(rotate,translate,math.identityMat4());}(),pickable:false,collidable:true,clippable:false,visible:false}),NO_STATE_INHERIT),zShaft:rootNode.addChild(new Mesh(rootNode,{geometry:shapes.axis,material:materials.blue,matrix:function(){var translate=math.translateMat4c(0,radius/2,0,math.identityMat4());var rotate=math.rotationMat4v(-90*math.DEGTORAD,[1,0,0],math.identityMat4());return math.mulMat4(rotate,translate,math.identityMat4());}(),clippable:false,pickable:false,collidable:true,visible:false}),NO_STATE_INHERIT)};this._affordanceMeshes={planeFrame:rootNode.addChild(new Mesh(rootNode,{geometry:new ReadableGeometry(rootNode,buildTorusGeometry({center:[0,0,0],radius:2,tube:tubeRadius,radialSegments:4,tubeSegments:4,arc:Math.PI*2.0})),material:new PhongMaterial(rootNode,{ambient:[1,1,1],diffuse:[0,0,0],emissive:[1,1,0]}),highlighted:true,highlightMaterial:new EmphasisMaterial(rootNode,{edges:false,filled:true,fillColor:[1,1,0],fillAlpha:1.0}),pickable:false,collidable:false,clippable:false,visible:false,scale:[1,1,1],rotation:[0,0,45]}),NO_STATE_INHERIT),zAxisArrow:rootNode.addChild(new Mesh(rootNode,{geometry:shapes.arrowHeadBig,material:materials.blue,matrix:function(){var translate=math.translateMat4c(0,radius+.1,0,math.identityMat4());var rotate=math.rotationMat4v(-90*math.DEGTORAD,[0.8,0,0],math.identityMat4());return math.mulMat4(rotate,translate,math.identityMat4());}(),pickable:false,collidable:true,clippable:false,visible:false}),NO_STATE_INHERIT)};}},{key:"_bindEvents",value:function _bindEvents(){var _this103=this;var rootNode=this._rootNode;var lastCanvasPos=math.vec2();var camera=this._viewer.camera;var scene=this._viewer.scene;{// Keep gizmo screen size constant
-var _tempVec3a=math.vec3([0,0,0]);var lastDist=-1;this._onCameraViewMatrix=scene.camera.on("viewMatrix",function(){});this._onCameraProjMatrix=scene.camera.on("projMatrix",function(){});this._onSceneTick=scene.on("tick",function(){var dist=Math.abs(math.lenVec3(math.subVec3(scene.camera.eye,_this103._pos,_tempVec3a)));if(dist!==lastDist){if(camera.projection==="perspective"){var worldSize=Math.tan(camera.perspective.fov*math.DEGTORAD)*dist;var size=0.07*worldSize;rootNode.scale=[size,size,size];lastDist=dist;}}if(camera.projection==="ortho"){var _worldSize=camera.ortho.scale/10;var _size=_worldSize;rootNode.scale=[_size,_size,_size];lastDist=dist;}});}var getClickCoordsWithinElement=function(){var canvasPos=new Float64Array(2);return function(event){if(!event){event=window.event;canvasPos[0]=event.x;canvasPos[1]=event.y;}else{var element=event.target;var totalOffsetLeft=0;var totalOffsetTop=0;while(element.offsetParent){totalOffsetLeft+=element.offsetLeft;totalOffsetTop+=element.offsetTop;element=element.offsetParent;}canvasPos[0]=event.pageX-totalOffsetLeft;canvasPos[1]=event.pageY-totalOffsetTop;}return canvasPos;};}();{var down=false;var drag=function drag(delta){var pos=_this103._sectionPlane.pos;var dir=_this103._sectionPlane.dir;math.addVec3(pos,math.mulVec3Scalar(dir,0.1*delta*_this103._plugin.getDragSensitivity(),math.vec3()));_this103._sectionPlane.pos=pos;};this._plugin._controlCanvas.addEventListener("mousedown",this._canvasMouseDownListener=function(e){e.preventDefault();if(!_this103._visible){return;}_this103._viewer.cameraControl.pointerEnabled=false;switch(e.which){case 1:// Left button
-down=true;var canvasPos=getClickCoordsWithinElement(e);lastCanvasPos[0]=canvasPos[0];lastCanvasPos[1]=canvasPos[1];break;}});this._plugin._controlCanvas.addEventListener("mousemove",this._canvasMouseMoveListener=function(e){if(!_this103._visible){return;}if(!down){return;}var canvasPos=getClickCoordsWithinElement(e);var x=canvasPos[0];var y=canvasPos[1];drag(y-lastCanvasPos[1]);lastCanvasPos[0]=x;lastCanvasPos[1]=y;});this._plugin._controlCanvas.addEventListener("mouseup",this._canvasMouseUpListener=function(e){if(!_this103._visible){return;}_this103._viewer.cameraControl.pointerEnabled=true;if(!down){return;}switch(e.which){}down=false;});this._plugin._controlCanvas.addEventListener("wheel",this._canvasWheelListener=function(e){if(!_this103._visible){return;}var delta=Math.max(-1,Math.min(1,-e.deltaY*40));if(delta===0){return;}drag(delta);});}}},{key:"_destroy",value:function _destroy(){this._unbindEvents();this._destroyNodes();}},{key:"_unbindEvents",value:function _unbindEvents(){var viewer=this._viewer;var scene=viewer.scene;var canvas=scene.canvas.canvas;var camera=viewer.camera;scene.off(this._onSceneTick);canvas.removeEventListener("mousedown",this._canvasMouseDownListener);canvas.removeEventListener("mousemove",this._canvasMouseMoveListener);canvas.removeEventListener("mouseup",this._canvasMouseUpListener);canvas.removeEventListener("wheel",this._canvasWheelListener);camera.off(this._onCameraViewMatrix);camera.off(this._onCameraProjMatrix);}},{key:"_destroyNodes",value:function _destroyNodes(){this._setSectionPlane(null);this._rootNode.destroy();this._displayMeshes={};this._affordanceMeshes={};}}]);return FaceAlignedSectionPlanesControl;}();/**
+geometry:new ReadableGeometry(rootNode,buildTorusGeometry({center:[0,0,0],radius:1.7,tube:tubeRadius*2,radialSegments:4,tubeSegments:4,arc:Math.PI*2.0})),material:new PhongMaterial(rootNode,{emissive:[0,0,0],diffuse:[0,0,0],specular:[0,0,0],shininess:0}),pickable:false,collidable:false,clippable:false,visible:false,scale:[1,1,.1],rotation:[0,0,45]}),NO_STATE_INHERIT),center:rootNode.addChild(new Mesh(rootNode,{geometry:new ReadableGeometry(rootNode,buildSphereGeometry({radius:0.05})),material:materials.center,pickable:false,collidable:true,clippable:false,visible:false}),NO_STATE_INHERIT),zAxisArrow:rootNode.addChild(new Mesh(rootNode,{geometry:shapes.arrowHead,material:materials.blue,matrix:function(){var translate=math.translateMat4c(0,radius+.1,0,math.identityMat4());var rotate=math.rotationMat4v(-90*math.DEGTORAD,[0.8,0,0],math.identityMat4());return math.mulMat4(rotate,translate,math.identityMat4());}(),pickable:false,collidable:true,clippable:false,visible:false}),NO_STATE_INHERIT),zShaft:rootNode.addChild(new Mesh(rootNode,{geometry:shapes.axis,material:materials.blue,matrix:function(){var translate=math.translateMat4c(0,radius/2,0,math.identityMat4());var rotate=math.rotationMat4v(-90*math.DEGTORAD,[1,0,0],math.identityMat4());return math.mulMat4(rotate,translate,math.identityMat4());}(),clippable:false,pickable:false,collidable:true,visible:false}),NO_STATE_INHERIT)};this._affordanceMeshes={planeFrame:rootNode.addChild(new Mesh(rootNode,{geometry:new ReadableGeometry(rootNode,buildTorusGeometry({center:[0,0,0],radius:2,tube:tubeRadius,radialSegments:4,tubeSegments:4,arc:Math.PI*2.0})),material:new PhongMaterial(rootNode,{ambient:[1,1,1],diffuse:[0,0,0],emissive:[1,1,0]}),highlighted:true,highlightMaterial:new EmphasisMaterial(rootNode,{edges:false,filled:true,fillColor:[1,1,0],fillAlpha:1.0}),pickable:false,collidable:false,clippable:false,visible:false,scale:[1,1,1],rotation:[0,0,45]}),NO_STATE_INHERIT),zAxisArrow:rootNode.addChild(new Mesh(rootNode,{geometry:shapes.arrowHeadBig,material:materials.blue,matrix:function(){var translate=math.translateMat4c(0,radius+.1,0,math.identityMat4());var rotate=math.rotationMat4v(-90*math.DEGTORAD,[0.8,0,0],math.identityMat4());return math.mulMat4(rotate,translate,math.identityMat4());}(),pickable:false,collidable:true,clippable:false,visible:false}),NO_STATE_INHERIT)};}},{key:"_bindEvents",value:function _bindEvents(){var _this103=this;var rootNode=this._rootNode;var lastCanvasPos=math.vec2();var camera=this._viewer.camera;var scene=this._viewer.scene;var deltaUpdate=0;var waitForTick=false;{// Keep gizmo screen size constant
+var _tempVec3a=math.vec3([0,0,0]);var lastDist=-1;this._onCameraViewMatrix=scene.camera.on("viewMatrix",function(){});this._onCameraProjMatrix=scene.camera.on("projMatrix",function(){});this._onSceneTick=scene.on("tick",function(){waitForTick=false;var dist=Math.abs(math.lenVec3(math.subVec3(scene.camera.eye,_this103._pos,_tempVec3a)));if(dist!==lastDist){if(camera.projection==="perspective"){var worldSize=Math.tan(camera.perspective.fov*math.DEGTORAD)*dist;var size=0.07*worldSize;rootNode.scale=[size,size,size];lastDist=dist;}}if(camera.projection==="ortho"){var _worldSize=camera.ortho.scale/10;var _size=_worldSize;rootNode.scale=[_size,_size,_size];lastDist=dist;}if(deltaUpdate!==0){drag(deltaUpdate);deltaUpdate=0;}});}var getClickCoordsWithinElement=function(){var canvasPos=new Float64Array(2);return function(event){if(!event){event=window.event;canvasPos[0]=event.x;canvasPos[1]=event.y;}else{var element=event.target;var totalOffsetLeft=0;var totalOffsetTop=0;while(element.offsetParent){totalOffsetLeft+=element.offsetLeft;totalOffsetTop+=element.offsetTop;element=element.offsetParent;}canvasPos[0]=event.pageX-totalOffsetLeft;canvasPos[1]=event.pageY-totalOffsetTop;}return canvasPos;};}();var moveSectionPlane=function moveSectionPlane(delta){var pos=_this103._sectionPlane.pos;var dir=_this103._sectionPlane.dir;math.addVec3(pos,math.mulVec3Scalar(dir,0.1*delta*_this103._plugin.getDragSensitivity(),math.vec3()));_this103._sectionPlane.pos=pos;};{var down=false;this._plugin._controlElement.addEventListener("mousedown",this._canvasMouseDownListener=function(e){e.preventDefault();if(!_this103._visible){return;}_this103._viewer.cameraControl.pointerEnabled=false;switch(e.which){case 1:// Left button
+down=true;var canvasPos=getClickCoordsWithinElement(e);lastCanvasPos[0]=canvasPos[0];lastCanvasPos[1]=canvasPos[1];break;}});this._plugin._controlElement.addEventListener("mousemove",this._canvasMouseMoveListener=function(e){if(!_this103._visible){return;}if(!down){return;}if(waitForTick){// Limit changes detection to one per frame
+return;}var canvasPos=getClickCoordsWithinElement(e);var x=canvasPos[0];var y=canvasPos[1];moveSectionPlane(y-lastCanvasPos[1]);lastCanvasPos[0]=x;lastCanvasPos[1]=y;});this._plugin._controlElement.addEventListener("mouseup",this._canvasMouseUpListener=function(e){if(!_this103._visible){return;}_this103._viewer.cameraControl.pointerEnabled=true;if(!down){return;}switch(e.which){}down=false;});this._plugin._controlElement.addEventListener("wheel",this._canvasWheelListener=function(e){if(!_this103._visible){return;}deltaUpdate+=Math.max(-1,Math.min(1,-e.deltaY*40));});}{var touchStartY,touchEndY;var lastTouchY=null;this._plugin._controlElement.addEventListener("touchstart",this._handleTouchStart=function(e){e.stopPropagation();e.preventDefault();if(!_this103._visible){return;}touchStartY=e.touches[0].clientY;lastTouchY=touchStartY;deltaUpdate=0;});this._plugin._controlElement.addEventListener("touchmove",this._handleTouchMove=function(e){e.stopPropagation();e.preventDefault();if(!_this103._visible){return;}if(waitForTick){// Limit changes detection to one per frame
+return;}waitForTick=true;touchEndY=e.touches[0].clientY;if(lastTouchY!==null){deltaUpdate+=touchEndY-lastTouchY;}lastTouchY=touchEndY;});this._plugin._controlElement.addEventListener("touchend",this._handleTouchEnd=function(e){e.stopPropagation();e.preventDefault();if(!_this103._visible){return;}touchStartY=null;touchEndY=null;deltaUpdate=0;});}}},{key:"_destroy",value:function _destroy(){this._unbindEvents();this._destroyNodes();}},{key:"_unbindEvents",value:function _unbindEvents(){var viewer=this._viewer;var scene=viewer.scene;var canvas=scene.canvas.canvas;var camera=viewer.camera;var controlElement=this._plugin._controlElement;scene.off(this._onSceneTick);canvas.removeEventListener("mousedown",this._canvasMouseDownListener);canvas.removeEventListener("mousemove",this._canvasMouseMoveListener);canvas.removeEventListener("mouseup",this._canvasMouseUpListener);canvas.removeEventListener("wheel",this._canvasWheelListener);controlElement.removeEventListener("touchstart",this._handleTouchStart);controlElement.removeEventListener("touchmove",this._handleTouchMove);controlElement.removeEventListener("touchend",this._handleTouchEnd);camera.off(this._onCameraViewMatrix);camera.off(this._onCameraProjMatrix);}},{key:"_destroyNodes",value:function _destroyNodes(){this._setSectionPlane(null);this._rootNode.destroy();this._displayMeshes={};this._affordanceMeshes={};}}]);return FaceAlignedSectionPlanesControl;}();/**
  * Renders a 3D plane within an {@link Overview} to indicate its {@link SectionPlane}'s current position and orientation.
  *
  * @private
@@ -24634,7 +24636,7 @@ this.setVisible(cfg.overviewVisible);}/** Called by SectionPlanesPlugin#createSe
      * @param {String} [cfg.overviewVisible=true] Initial visibility of the overview canvas.
      * @param {String} cfg.controlElementId ID of an HTML element that catches drag events to move the active SectionPlane.
      * @param {Number} [cfg.dragSensitivity=1] Sensitivity factor that governs the rate at which dragging on the control element moves SectionPlane.
-     */function FaceAlignedSectionPlanesPlugin(viewer){var _this106;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,FaceAlignedSectionPlanesPlugin);_this106=_super67.call(this,"FaceAlignedSectionPlanesPlugin",viewer);_this106._freeControls=[];_this106._sectionPlanes=viewer.scene.sectionPlanes;_this106._controls={};_this106._shownControlId=null;_this106._dragSensitivity=cfg.dragSensitivity||1;if(cfg.overviewCanvasId!==null&&cfg.overviewCanvasId!==undefined){var overviewCanvas=document.getElementById(cfg.overviewCanvasId);if(!overviewCanvas){_this106.warn("Can't find overview canvas: '"+cfg.overviewCanvasId+"' - will create plugin without overview");}else{_this106._overview=new Overview$1(_assertThisInitialized(_this106),{overviewCanvas:overviewCanvas,visible:cfg.overviewVisible,onHoverEnterPlane:function onHoverEnterPlane(id){_this106._overview.setPlaneHighlighted(id,true);},onHoverLeavePlane:function onHoverLeavePlane(id){_this106._overview.setPlaneHighlighted(id,false);},onClickedPlane:function onClickedPlane(id){if(_this106.getShownControl()===id){_this106.hideControl();return;}_this106.showControl(id);var sectionPlane=_this106.sectionPlanes[id];var sectionPlanePos=sectionPlane.pos;tempAABB$1.set(_this106.viewer.scene.aabb);math.getAABB3Center(tempAABB$1,tempVec3$1);tempAABB$1[0]+=sectionPlanePos[0]-tempVec3$1[0];tempAABB$1[1]+=sectionPlanePos[1]-tempVec3$1[1];tempAABB$1[2]+=sectionPlanePos[2]-tempVec3$1[2];tempAABB$1[3]+=sectionPlanePos[0]-tempVec3$1[0];tempAABB$1[4]+=sectionPlanePos[1]-tempVec3$1[1];tempAABB$1[5]+=sectionPlanePos[2]-tempVec3$1[2];_this106.viewer.cameraFlight.flyTo({aabb:tempAABB$1,fitFOV:65});},onClickedNothing:function onClickedNothing(){_this106.hideControl();}});}}if(cfg.controlElementId===null||cfg.controlElementId===undefined){_this106.error("Parameter expected: controlElementId");}else{_this106._controlCanvas=document.getElementById(cfg.controlElementId);if(!_this106._controlCanvas){_this106.warn("Can't find control element: '"+cfg.controlElementId+"' - will create plugin without control element");}}_this106._onSceneSectionPlaneCreated=viewer.scene.on("sectionPlaneCreated",function(sectionPlane){// SectionPlane created, either via FaceAlignedSectionPlanesPlugin#createSectionPlane(), or by directly
+     */function FaceAlignedSectionPlanesPlugin(viewer){var _this106;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,FaceAlignedSectionPlanesPlugin);_this106=_super67.call(this,"FaceAlignedSectionPlanesPlugin",viewer);_this106._freeControls=[];_this106._sectionPlanes=viewer.scene.sectionPlanes;_this106._controls={};_this106._shownControlId=null;_this106._dragSensitivity=cfg.dragSensitivity||1;if(cfg.overviewCanvasId!==null&&cfg.overviewCanvasId!==undefined){var overviewCanvas=document.getElementById(cfg.overviewCanvasId);if(!overviewCanvas){_this106.warn("Can't find overview canvas: '"+cfg.overviewCanvasId+"' - will create plugin without overview");}else{_this106._overview=new Overview$1(_assertThisInitialized(_this106),{overviewCanvas:overviewCanvas,visible:cfg.overviewVisible,onHoverEnterPlane:function onHoverEnterPlane(id){_this106._overview.setPlaneHighlighted(id,true);},onHoverLeavePlane:function onHoverLeavePlane(id){_this106._overview.setPlaneHighlighted(id,false);},onClickedPlane:function onClickedPlane(id){if(_this106.getShownControl()===id){_this106.hideControl();return;}_this106.showControl(id);var sectionPlane=_this106.sectionPlanes[id];var sectionPlanePos=sectionPlane.pos;tempAABB$1.set(_this106.viewer.scene.aabb);math.getAABB3Center(tempAABB$1,tempVec3$1);tempAABB$1[0]+=sectionPlanePos[0]-tempVec3$1[0];tempAABB$1[1]+=sectionPlanePos[1]-tempVec3$1[1];tempAABB$1[2]+=sectionPlanePos[2]-tempVec3$1[2];tempAABB$1[3]+=sectionPlanePos[0]-tempVec3$1[0];tempAABB$1[4]+=sectionPlanePos[1]-tempVec3$1[1];tempAABB$1[5]+=sectionPlanePos[2]-tempVec3$1[2];_this106.viewer.cameraFlight.flyTo({aabb:tempAABB$1,fitFOV:65});},onClickedNothing:function onClickedNothing(){_this106.hideControl();}});}}if(cfg.controlElementId===null||cfg.controlElementId===undefined){_this106.error("Parameter expected: controlElementId");}else{_this106._controlElement=document.getElementById(cfg.controlElementId);if(!_this106._controlElement){_this106.warn("Can't find control element: '"+cfg.controlElementId+"' - will create plugin without control element");}}_this106._onSceneSectionPlaneCreated=viewer.scene.on("sectionPlaneCreated",function(sectionPlane){// SectionPlane created, either via FaceAlignedSectionPlanesPlugin#createSectionPlane(), or by directly
 // instantiating a SectionPlane independently of FaceAlignedSectionPlanesPlugin, which can be done
 // by BCFViewpointsPlugin#loadViewpoint().
 _this106._sectionPlaneCreated(sectionPlane);});return _this106;}/**