@xeokit/xeokit-sdk 2.6.8 → 2.6.10

package/dist/xeokit-sdk.cjs.js

@@ -10460,7 +10460,7 @@ const tempVec4b$6 = math.vec4();
  * });
  *
  * // Create the Marker, associated with our Mesh Entity
- * const myMarker = new Marker({
+ * const myMarker = new Marker(viewer, {
  *      entity: entity,
  *      worldPos: [10,0,0],
  *      occludable: true
@@ -12333,8 +12333,8 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
         const mouseHoverCanvasPos = math.vec2();
         this._currentAngleMeasurement = null;
 
-        const getTop = el => el.offsetTop + (el.offsetParent && getTop(el.offsetParent));
-        const getLeft = el => el.offsetLeft + (el.offsetParent && getLeft(el.offsetParent));
+        const getTop = el => el.offsetTop + (el.offsetParent && (el.offsetParent !== canvas.parentNode) && getTop(el.offsetParent));
+        const getLeft = el => el.offsetLeft + (el.offsetParent && (el.offsetParent !== canvas.parentNode) && getLeft(el.offsetParent));
 
         const pagePos = math.vec2();
 
@@ -87397,8 +87397,8 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
 
         this._mouseState = MOUSE_FIRST_CLICK_EXPECTED;
 
-        const getTop = el => el.offsetTop + (el.offsetParent && getTop(el.offsetParent));
-        const getLeft = el => el.offsetLeft + (el.offsetParent && getLeft(el.offsetParent));
+        const getTop = el => el.offsetTop + (el.offsetParent && (el.offsetParent !== canvas.parentNode) && getTop(el.offsetParent));
+        const getLeft = el => el.offsetLeft + (el.offsetParent && (el.offsetParent !== canvas.parentNode) && getLeft(el.offsetParent));
 
         const pagePos = math.vec2();
         
@@ -96618,8 +96618,8 @@ function getCanvasPosFromEvent$2(event, canvas, canvasPos) {
         canvasPos[1] = event.y;
     } else {
         const { left, top } = canvas.getBoundingClientRect();
-        canvasPos[0] = event.clientX - left - window.scrollX;
-        canvasPos[1] = event.clientY - top - window.scrollY;
+        canvasPos[0] = event.clientX - left;
+        canvasPos[1] = event.clientY - top;
     }
     return canvasPos;
 }

package/dist/xeokit-sdk.es.js

@@ -10456,7 +10456,7 @@ const tempVec4b$6 = math.vec4();
  * });
  *
  * // Create the Marker, associated with our Mesh Entity
- * const myMarker = new Marker({
+ * const myMarker = new Marker(viewer, {
  *      entity: entity,
  *      worldPos: [10,0,0],
  *      occludable: true
@@ -12329,8 +12329,8 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
         const mouseHoverCanvasPos = math.vec2();
         this._currentAngleMeasurement = null;
 
-        const getTop = el => el.offsetTop + (el.offsetParent && getTop(el.offsetParent));
-        const getLeft = el => el.offsetLeft + (el.offsetParent && getLeft(el.offsetParent));
+        const getTop = el => el.offsetTop + (el.offsetParent && (el.offsetParent !== canvas.parentNode) && getTop(el.offsetParent));
+        const getLeft = el => el.offsetLeft + (el.offsetParent && (el.offsetParent !== canvas.parentNode) && getLeft(el.offsetParent));
 
         const pagePos = math.vec2();
 
@@ -87393,8 +87393,8 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
 
         this._mouseState = MOUSE_FIRST_CLICK_EXPECTED;
 
-        const getTop = el => el.offsetTop + (el.offsetParent && getTop(el.offsetParent));
-        const getLeft = el => el.offsetLeft + (el.offsetParent && getLeft(el.offsetParent));
+        const getTop = el => el.offsetTop + (el.offsetParent && (el.offsetParent !== canvas.parentNode) && getTop(el.offsetParent));
+        const getLeft = el => el.offsetLeft + (el.offsetParent && (el.offsetParent !== canvas.parentNode) && getLeft(el.offsetParent));
 
         const pagePos = math.vec2();
         
@@ -96614,8 +96614,8 @@ function getCanvasPosFromEvent$2(event, canvas, canvasPos) {
         canvasPos[1] = event.y;
     } else {
         const { left, top } = canvas.getBoundingClientRect();
-        canvasPos[0] = event.clientX - left - window.scrollX;
-        canvasPos[1] = event.clientY - top - window.scrollY;
+        canvasPos[0] = event.clientX - left;
+        canvasPos[1] = event.clientY - top;
     }
     return canvasPos;
 }

package/dist/xeokit-sdk.es5.js

@@ -2615,7 +2615,7 @@ if(lastOpacityQuantized===opacityQuantized){return;}}else{opacityQuantized=255.0
  * });
  *
  * // Create the Marker, associated with our Mesh Entity
- * const myMarker = new Marker({
+ * const myMarker = new Marker(viewer, {
  *      entity: entity,
  *      worldPos: [10,0,0],
  *      occludable: true
@@ -3013,7 +3013,7 @@ _this19._initMarkerDiv();_this19._onMouseHoverSurface=null;_this19._onHoverNothi
      */function get(){return this._snapping;}/**
      * Activates this AngleMeasurementsMouseControl, ready to respond to input.
      */,set:function set(snapping){if(snapping!==this._snapping){this._snapping=snapping;this.deactivate();this.activate();}else{this._snapping=snapping;}}},{key:"activate",value:function activate(){var _this20=this;if(this._active){return;}if(!this.markerDiv){this._initMarkerDiv();// if the marker is destroyed after deactivation, we recreate it
-}this.angleMeasurementsPlugin;var scene=this.scene;scene.input;var canvas=scene.canvas.canvas;var clickTolerance=20;var cameraControl=this.angleMeasurementsPlugin.viewer.cameraControl;var pointerLens=this.pointerLens;var mouseHovering=false;var hoveredEntity=null;var lastMouseCanvasX=0;var lastMouseCanvasY=0;var mouseWorldPos=math.vec3();var mouseHoverCanvasPos=math.vec2();this._currentAngleMeasurement=null;var getTop=function getTop(el){return el.offsetTop+(el.offsetParent&&getTop(el.offsetParent));};var getLeft=function getLeft(el){return el.offsetLeft+(el.offsetParent&&getLeft(el.offsetParent));};var pagePos=math.vec2();this._onMouseHoverSurface=cameraControl.on(this._snapping?"hoverSnapOrSurface":"hoverSurface",function(event){if(event.snappedToVertex||event.snappedToEdge){if(pointerLens){pointerLens.visible=true;pointerLens.canvasPos=event.canvasPos;pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;pointerLens.snapped=true;}_this20.markerDiv.style.background="greenyellow";_this20.markerDiv.style.border="2px solid green";}else{if(pointerLens){pointerLens.visible=true;pointerLens.canvasPos=event.canvasPos;pointerLens.snappedCanvasPos=event.canvasPos;pointerLens.snapped=false;}_this20.markerDiv.style.background="pink";_this20.markerDiv.style.border="2px solid red";}var canvasPos=event.snappedCanvasPos||event.canvasPos;mouseHovering=true;hoveredEntity=event.entity;mouseWorldPos.set(event.worldPos);mouseHoverCanvasPos.set(canvasPos);switch(_this20._mouseState){case MOUSE_FINDING_ORIGIN:if(_this20._canvasToPagePos){_this20._canvasToPagePos(canvas,canvasPos,pagePos);_this20.markerDiv.style.left="".concat(pagePos[0]-5,"px");_this20.markerDiv.style.top="".concat(pagePos[1]-5,"px");}else{_this20.markerDiv.style.left="".concat(getLeft(canvas)+canvasPos[0]-5,"px");_this20.markerDiv.style.top="".concat(getTop(canvas)+canvasPos[1]-5,"px");}break;case MOUSE_FINDING_CORNER:if(_this20._currentAngleMeasurement){_this20._currentAngleMeasurement.originWireVisible=true;_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.cornerVisible=true;_this20._currentAngleMeasurement.angleVisible=false;_this20._currentAngleMeasurement.corner.worldPos=event.worldPos;_this20._currentAngleMeasurement.corner.entity=event.entity;}_this20.markerDiv.style.left="-10000px";_this20.markerDiv.style.top="-10000px";canvas.style.cursor="pointer";break;case MOUSE_FINDING_TARGET:if(_this20._currentAngleMeasurement){_this20._currentAngleMeasurement.targetWireVisible=true;_this20._currentAngleMeasurement.targetVisible=true;_this20._currentAngleMeasurement.angleVisible=true;_this20._currentAngleMeasurement.target.worldPos=event.worldPos;_this20._currentAngleMeasurement.target.entity=event.entity;}_this20.markerDiv.style.left="-10000px";_this20.markerDiv.style.top="-10000px";canvas.style.cursor="pointer";break;}});canvas.addEventListener('mousedown',this._onMouseDown=function(e){if(e.which!==1){return;}lastMouseCanvasX=e.clientX;lastMouseCanvasY=e.clientY;});canvas.addEventListener("mouseup",this._onMouseUp=function(e){if(e.which!==1){return;}if(e.clientX>lastMouseCanvasX+clickTolerance||e.clientX<lastMouseCanvasX-clickTolerance||e.clientY>lastMouseCanvasY+clickTolerance||e.clientY<lastMouseCanvasY-clickTolerance){return;}switch(_this20._mouseState){case MOUSE_FINDING_ORIGIN:if(mouseHovering){_this20._currentAngleMeasurement=_this20.angleMeasurementsPlugin.createMeasurement({id:math.createUUID(),origin:{worldPos:mouseWorldPos,entity:hoveredEntity},corner:{worldPos:mouseWorldPos,entity:hoveredEntity},target:{worldPos:mouseWorldPos,entity:hoveredEntity},approximate:true});_this20._currentAngleMeasurement.clickable=false;_this20._currentAngleMeasurement.originVisible=true;_this20._currentAngleMeasurement.originWireVisible=true;_this20._currentAngleMeasurement.cornerVisible=false;_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.targetVisible=false;_this20._currentAngleMeasurement.angleVisible=false;_this20._currentAngleMeasurement.origin.entity=hoveredEntity;_this20._mouseState=MOUSE_FINDING_CORNER;_this20.angleMeasurementsPlugin.fire("measurementStart",_this20._currentAngleMeasurement);}break;case MOUSE_FINDING_CORNER:if(mouseHovering){_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.targetVisible=true;_this20._currentAngleMeasurement.angleVisible=true;_this20._currentAngleMeasurement.corner.entity=hoveredEntity;_this20._mouseState=MOUSE_FINDING_TARGET;}else{if(_this20._currentAngleMeasurement){_this20._currentAngleMeasurement.destroy();_this20._currentAngleMeasurement=null;hoveredEntity=null;_this20._mouseState=MOUSE_FINDING_ORIGIN;_this20.angleMeasurementsPlugin.fire("measurementCancel",_this20._currentAngleMeasurement);}}break;case MOUSE_FINDING_TARGET:if(mouseHovering){_this20._currentAngleMeasurement.targetVisible=true;_this20._currentAngleMeasurement.angleVisible=true;_this20._currentAngleMeasurement.target.entity=hoveredEntity;_this20._currentAngleMeasurement.clickable=true;hoveredEntity=null;_this20.angleMeasurementsPlugin.fire("measurementEnd",_this20._currentAngleMeasurement);_this20._currentAngleMeasurement=null;_this20._mouseState=MOUSE_FINDING_ORIGIN;}else{if(_this20._currentAngleMeasurement){_this20._currentAngleMeasurement.destroy();_this20._currentAngleMeasurement=null;hoveredEntity=null;_this20._mouseState=MOUSE_FINDING_ORIGIN;_this20.angleMeasurementsPlugin.fire("measurementCancel",_this20._currentAngleMeasurement);}}break;}});this._onMouseHoverOff=cameraControl.on(this._snapping?"hoverSnapOrSurfaceOff":"hoverOff",function(event){mouseHovering=false;if(pointerLens){pointerLens.visible=true;pointerLens.pointerPos=event.canvasPos;pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;pointerLens.snapped=false;}_this20.markerDiv.style.left="-100px";_this20.markerDiv.style.top="-100px";if(_this20._currentAngleMeasurement){switch(_this20._mouseState){case MOUSE_FINDING_ORIGIN:_this20._currentAngleMeasurement.originVisible=false;break;case MOUSE_FINDING_CORNER:_this20._currentAngleMeasurement.cornerVisible=false;_this20._currentAngleMeasurement.originWireVisible=false;_this20._currentAngleMeasurement.targetVisible=false;_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.angleVisible=false;break;case MOUSE_FINDING_TARGET:_this20._currentAngleMeasurement.targetVisible=false;_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.angleVisible=false;break;}canvas.style.cursor="default";}});this._active=true;}/**
+}this.angleMeasurementsPlugin;var scene=this.scene;scene.input;var canvas=scene.canvas.canvas;var clickTolerance=20;var cameraControl=this.angleMeasurementsPlugin.viewer.cameraControl;var pointerLens=this.pointerLens;var mouseHovering=false;var hoveredEntity=null;var lastMouseCanvasX=0;var lastMouseCanvasY=0;var mouseWorldPos=math.vec3();var mouseHoverCanvasPos=math.vec2();this._currentAngleMeasurement=null;var getTop=function getTop(el){return el.offsetTop+(el.offsetParent&&el.offsetParent!==canvas.parentNode&&getTop(el.offsetParent));};var getLeft=function getLeft(el){return el.offsetLeft+(el.offsetParent&&el.offsetParent!==canvas.parentNode&&getLeft(el.offsetParent));};var pagePos=math.vec2();this._onMouseHoverSurface=cameraControl.on(this._snapping?"hoverSnapOrSurface":"hoverSurface",function(event){if(event.snappedToVertex||event.snappedToEdge){if(pointerLens){pointerLens.visible=true;pointerLens.canvasPos=event.canvasPos;pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;pointerLens.snapped=true;}_this20.markerDiv.style.background="greenyellow";_this20.markerDiv.style.border="2px solid green";}else{if(pointerLens){pointerLens.visible=true;pointerLens.canvasPos=event.canvasPos;pointerLens.snappedCanvasPos=event.canvasPos;pointerLens.snapped=false;}_this20.markerDiv.style.background="pink";_this20.markerDiv.style.border="2px solid red";}var canvasPos=event.snappedCanvasPos||event.canvasPos;mouseHovering=true;hoveredEntity=event.entity;mouseWorldPos.set(event.worldPos);mouseHoverCanvasPos.set(canvasPos);switch(_this20._mouseState){case MOUSE_FINDING_ORIGIN:if(_this20._canvasToPagePos){_this20._canvasToPagePos(canvas,canvasPos,pagePos);_this20.markerDiv.style.left="".concat(pagePos[0]-5,"px");_this20.markerDiv.style.top="".concat(pagePos[1]-5,"px");}else{_this20.markerDiv.style.left="".concat(getLeft(canvas)+canvasPos[0]-5,"px");_this20.markerDiv.style.top="".concat(getTop(canvas)+canvasPos[1]-5,"px");}break;case MOUSE_FINDING_CORNER:if(_this20._currentAngleMeasurement){_this20._currentAngleMeasurement.originWireVisible=true;_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.cornerVisible=true;_this20._currentAngleMeasurement.angleVisible=false;_this20._currentAngleMeasurement.corner.worldPos=event.worldPos;_this20._currentAngleMeasurement.corner.entity=event.entity;}_this20.markerDiv.style.left="-10000px";_this20.markerDiv.style.top="-10000px";canvas.style.cursor="pointer";break;case MOUSE_FINDING_TARGET:if(_this20._currentAngleMeasurement){_this20._currentAngleMeasurement.targetWireVisible=true;_this20._currentAngleMeasurement.targetVisible=true;_this20._currentAngleMeasurement.angleVisible=true;_this20._currentAngleMeasurement.target.worldPos=event.worldPos;_this20._currentAngleMeasurement.target.entity=event.entity;}_this20.markerDiv.style.left="-10000px";_this20.markerDiv.style.top="-10000px";canvas.style.cursor="pointer";break;}});canvas.addEventListener('mousedown',this._onMouseDown=function(e){if(e.which!==1){return;}lastMouseCanvasX=e.clientX;lastMouseCanvasY=e.clientY;});canvas.addEventListener("mouseup",this._onMouseUp=function(e){if(e.which!==1){return;}if(e.clientX>lastMouseCanvasX+clickTolerance||e.clientX<lastMouseCanvasX-clickTolerance||e.clientY>lastMouseCanvasY+clickTolerance||e.clientY<lastMouseCanvasY-clickTolerance){return;}switch(_this20._mouseState){case MOUSE_FINDING_ORIGIN:if(mouseHovering){_this20._currentAngleMeasurement=_this20.angleMeasurementsPlugin.createMeasurement({id:math.createUUID(),origin:{worldPos:mouseWorldPos,entity:hoveredEntity},corner:{worldPos:mouseWorldPos,entity:hoveredEntity},target:{worldPos:mouseWorldPos,entity:hoveredEntity},approximate:true});_this20._currentAngleMeasurement.clickable=false;_this20._currentAngleMeasurement.originVisible=true;_this20._currentAngleMeasurement.originWireVisible=true;_this20._currentAngleMeasurement.cornerVisible=false;_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.targetVisible=false;_this20._currentAngleMeasurement.angleVisible=false;_this20._currentAngleMeasurement.origin.entity=hoveredEntity;_this20._mouseState=MOUSE_FINDING_CORNER;_this20.angleMeasurementsPlugin.fire("measurementStart",_this20._currentAngleMeasurement);}break;case MOUSE_FINDING_CORNER:if(mouseHovering){_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.targetVisible=true;_this20._currentAngleMeasurement.angleVisible=true;_this20._currentAngleMeasurement.corner.entity=hoveredEntity;_this20._mouseState=MOUSE_FINDING_TARGET;}else{if(_this20._currentAngleMeasurement){_this20._currentAngleMeasurement.destroy();_this20._currentAngleMeasurement=null;hoveredEntity=null;_this20._mouseState=MOUSE_FINDING_ORIGIN;_this20.angleMeasurementsPlugin.fire("measurementCancel",_this20._currentAngleMeasurement);}}break;case MOUSE_FINDING_TARGET:if(mouseHovering){_this20._currentAngleMeasurement.targetVisible=true;_this20._currentAngleMeasurement.angleVisible=true;_this20._currentAngleMeasurement.target.entity=hoveredEntity;_this20._currentAngleMeasurement.clickable=true;hoveredEntity=null;_this20.angleMeasurementsPlugin.fire("measurementEnd",_this20._currentAngleMeasurement);_this20._currentAngleMeasurement=null;_this20._mouseState=MOUSE_FINDING_ORIGIN;}else{if(_this20._currentAngleMeasurement){_this20._currentAngleMeasurement.destroy();_this20._currentAngleMeasurement=null;hoveredEntity=null;_this20._mouseState=MOUSE_FINDING_ORIGIN;_this20.angleMeasurementsPlugin.fire("measurementCancel",_this20._currentAngleMeasurement);}}break;}});this._onMouseHoverOff=cameraControl.on(this._snapping?"hoverSnapOrSurfaceOff":"hoverOff",function(event){mouseHovering=false;if(pointerLens){pointerLens.visible=true;pointerLens.pointerPos=event.canvasPos;pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;pointerLens.snapped=false;}_this20.markerDiv.style.left="-100px";_this20.markerDiv.style.top="-100px";if(_this20._currentAngleMeasurement){switch(_this20._mouseState){case MOUSE_FINDING_ORIGIN:_this20._currentAngleMeasurement.originVisible=false;break;case MOUSE_FINDING_CORNER:_this20._currentAngleMeasurement.cornerVisible=false;_this20._currentAngleMeasurement.originWireVisible=false;_this20._currentAngleMeasurement.targetVisible=false;_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.angleVisible=false;break;case MOUSE_FINDING_TARGET:_this20._currentAngleMeasurement.targetVisible=false;_this20._currentAngleMeasurement.targetWireVisible=false;_this20._currentAngleMeasurement.angleVisible=false;break;}canvas.style.cursor="default";}});this._active=true;}/**
      * Deactivates this AngleMeasurementsMouseControl, making it unresponsive to input.
      *
      * Destroys any {@link AngleMeasurement} under construction by this AngleMeasurementsMouseControl.
@@ -19551,7 +19551,7 @@ this._originDot.setVisible(this._visible&&this._originVisible);this._targetDot.s
      * @returns {*}
      */function get(){return this._snapping;}/**
      * Activates this DistanceMeasurementsMouseControl, ready to respond to input.
-     */,set:function set(snapping){if(snapping!==this._snapping){this._snapping=snapping;this.deactivate();this.activate();}else{this._snapping=snapping;}}},{key:"activate",value:function activate(){var _this86=this;if(this._active){return;}if(!this._markerDiv){this._initMarkerDiv();}this.fire("activated",true);var distanceMeasurementsPlugin=this.distanceMeasurementsPlugin;var scene=this.scene;var cameraControl=distanceMeasurementsPlugin.viewer.cameraControl;var canvas=scene.canvas.canvas;scene.input;var mouseHovering=false;var pointerWorldPos=math.vec3();var pointerCanvasPos=math.vec2();var pointerDownCanvasX;var pointerDownCanvasY;var clickTolerance=20;var hoveredEntity=null;this._mouseState=MOUSE_FIRST_CLICK_EXPECTED;var getTop=function getTop(el){return el.offsetTop+(el.offsetParent&&getTop(el.offsetParent));};var getLeft=function getLeft(el){return el.offsetLeft+(el.offsetParent&&getLeft(el.offsetParent));};var pagePos=math.vec2();this._onCameraControlHoverSnapOrSurface=cameraControl.on(this._snapping?"hoverSnapOrSurface":"hoverSurface",function(event){var canvasPos=event.snappedCanvasPos||event.canvasPos;mouseHovering=true;pointerWorldPos.set(event.worldPos);pointerCanvasPos.set(event.canvasPos);if(_this86._mouseState===MOUSE_FIRST_CLICK_EXPECTED){if(_this86._canvasToPagePos){_this86._canvasToPagePos(canvas,canvasPos,pagePos);_this86._markerDiv.style.left="".concat(pagePos[0]-5,"px");_this86._markerDiv.style.top="".concat(pagePos[1]-5,"px");}else{_this86._markerDiv.style.left="".concat(getLeft(canvas)+canvasPos[0]-5,"px");_this86._markerDiv.style.top="".concat(getTop(canvas)+canvasPos[1]-5,"px");}_this86._markerDiv.style.background="pink";if(event.snappedToVertex||event.snappedToEdge){if(_this86.pointerLens){_this86.pointerLens.visible=true;_this86.pointerLens.canvasPos=event.canvasPos;_this86.pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;_this86.pointerLens.snapped=true;}_this86._markerDiv.style.background="greenyellow";_this86._markerDiv.style.border="2px solid green";}else{if(_this86.pointerLens){_this86.pointerLens.visible=true;_this86.pointerLens.canvasPos=event.canvasPos;_this86.pointerLens.snappedCanvasPos=event.canvasPos;_this86.pointerLens.snapped=false;}_this86._markerDiv.style.background="pink";_this86._markerDiv.style.border="2px solid red";}hoveredEntity=event.entity;}else{_this86._markerDiv.style.left="-10000px";_this86._markerDiv.style.top="-10000px";}canvas.style.cursor="pointer";if(_this86._currentDistanceMeasurement){_this86._currentDistanceMeasurement.wireVisible=_this86._currentDistanceMeasurementInitState.wireVisible;_this86._currentDistanceMeasurement.axisVisible=_this86._currentDistanceMeasurementInitState.axisVisible&&_this86.distanceMeasurementsPlugin.defaultAxisVisible;_this86._currentDistanceMeasurement.xAxisVisible=_this86._currentDistanceMeasurementInitState.xAxisVisible&&_this86.distanceMeasurementsPlugin.defaultXAxisVisible;_this86._currentDistanceMeasurement.yAxisVisible=_this86._currentDistanceMeasurementInitState.yAxisVisible&&_this86.distanceMeasurementsPlugin.defaultYAxisVisible;_this86._currentDistanceMeasurement.zAxisVisible=_this86._currentDistanceMeasurementInitState.zAxisVisible&&_this86.distanceMeasurementsPlugin.defaultZAxisVisible;_this86._currentDistanceMeasurement.targetVisible=_this86._currentDistanceMeasurementInitState.targetVisible;_this86._currentDistanceMeasurement.target.worldPos=pointerWorldPos.slice();_this86._markerDiv.style.left="-10000px";_this86._markerDiv.style.top="-10000px";}});canvas.addEventListener('mousedown',this._onMouseDown=function(e){if(e.which!==1){return;}pointerDownCanvasX=e.clientX;pointerDownCanvasY=e.clientY;});canvas.addEventListener("mouseup",this._onMouseUp=function(e){if(e.which!==1){return;}if(e.clientX>pointerDownCanvasX+clickTolerance||e.clientX<pointerDownCanvasX-clickTolerance||e.clientY>pointerDownCanvasY+clickTolerance||e.clientY<pointerDownCanvasY-clickTolerance){return;}if(_this86._currentDistanceMeasurement){if(mouseHovering){_this86._currentDistanceMeasurement.target.entity=hoveredEntity;hoveredEntity=null;_this86._currentDistanceMeasurement.clickable=true;_this86.distanceMeasurementsPlugin.fire("measurementEnd",_this86._currentDistanceMeasurement);_this86._currentDistanceMeasurement=null;}else{_this86._currentDistanceMeasurement.destroy();_this86.distanceMeasurementsPlugin.fire("measurementCancel",_this86._currentDistanceMeasurement);_this86._currentDistanceMeasurement=null;hoveredEntity=null;}}else{if(mouseHovering){_this86._currentDistanceMeasurement=distanceMeasurementsPlugin.createMeasurement({id:math.createUUID(),origin:{worldPos:pointerWorldPos.slice(),entity:hoveredEntity},target:{worldPos:pointerWorldPos.slice(),entity:hoveredEntity},approximate:true});_this86._currentDistanceMeasurementInitState.axisVisible=_this86._currentDistanceMeasurement.axisVisible&&_this86.distanceMeasurementsPlugin.defaultAxisVisible;_this86._currentDistanceMeasurementInitState.xAxisVisible=_this86._currentDistanceMeasurement.xAxisVisible&&_this86.distanceMeasurementsPlugin.defaultXAxisVisible;_this86._currentDistanceMeasurementInitState.yAxisVisible=_this86._currentDistanceMeasurement.yAxisVisible&&_this86.distanceMeasurementsPlugin.defaultYAxisVisible;_this86._currentDistanceMeasurementInitState.zAxisVisible=_this86._currentDistanceMeasurement.zAxisVisible&&_this86.distanceMeasurementsPlugin.defaultZAxisVisible;_this86._currentDistanceMeasurementInitState.wireVisible=_this86._currentDistanceMeasurement.wireVisible;_this86._currentDistanceMeasurementInitState.targetVisible=_this86._currentDistanceMeasurement.targetVisible;_this86._currentDistanceMeasurement.clickable=false;_this86._currentDistanceMeasurement.origin.entity=hoveredEntity;hoveredEntity=null;_this86.distanceMeasurementsPlugin.fire("measurementStart",_this86._currentDistanceMeasurement);}}});this._onCameraControlHoverSnapOrSurfaceOff=cameraControl.on(this._snapping?"hoverSnapOrSurfaceOff":"hoverOff",function(event){if(_this86.pointerLens){_this86.pointerLens.visible=true;_this86.pointerLens.canvasPos=event.canvasPos;_this86.pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;}mouseHovering=false;_this86._markerDiv.style.left="-100px";_this86._markerDiv.style.top="-100px";if(_this86._currentDistanceMeasurement){_this86._currentDistanceMeasurement.wireVisible=false;_this86._currentDistanceMeasurement.targetVisible=false;_this86._currentDistanceMeasurement.axisVisible=false;}canvas.style.cursor="default";});this._active=true;}/**
+     */,set:function set(snapping){if(snapping!==this._snapping){this._snapping=snapping;this.deactivate();this.activate();}else{this._snapping=snapping;}}},{key:"activate",value:function activate(){var _this86=this;if(this._active){return;}if(!this._markerDiv){this._initMarkerDiv();}this.fire("activated",true);var distanceMeasurementsPlugin=this.distanceMeasurementsPlugin;var scene=this.scene;var cameraControl=distanceMeasurementsPlugin.viewer.cameraControl;var canvas=scene.canvas.canvas;scene.input;var mouseHovering=false;var pointerWorldPos=math.vec3();var pointerCanvasPos=math.vec2();var pointerDownCanvasX;var pointerDownCanvasY;var clickTolerance=20;var hoveredEntity=null;this._mouseState=MOUSE_FIRST_CLICK_EXPECTED;var getTop=function getTop(el){return el.offsetTop+(el.offsetParent&&el.offsetParent!==canvas.parentNode&&getTop(el.offsetParent));};var getLeft=function getLeft(el){return el.offsetLeft+(el.offsetParent&&el.offsetParent!==canvas.parentNode&&getLeft(el.offsetParent));};var pagePos=math.vec2();this._onCameraControlHoverSnapOrSurface=cameraControl.on(this._snapping?"hoverSnapOrSurface":"hoverSurface",function(event){var canvasPos=event.snappedCanvasPos||event.canvasPos;mouseHovering=true;pointerWorldPos.set(event.worldPos);pointerCanvasPos.set(event.canvasPos);if(_this86._mouseState===MOUSE_FIRST_CLICK_EXPECTED){if(_this86._canvasToPagePos){_this86._canvasToPagePos(canvas,canvasPos,pagePos);_this86._markerDiv.style.left="".concat(pagePos[0]-5,"px");_this86._markerDiv.style.top="".concat(pagePos[1]-5,"px");}else{_this86._markerDiv.style.left="".concat(getLeft(canvas)+canvasPos[0]-5,"px");_this86._markerDiv.style.top="".concat(getTop(canvas)+canvasPos[1]-5,"px");}_this86._markerDiv.style.background="pink";if(event.snappedToVertex||event.snappedToEdge){if(_this86.pointerLens){_this86.pointerLens.visible=true;_this86.pointerLens.canvasPos=event.canvasPos;_this86.pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;_this86.pointerLens.snapped=true;}_this86._markerDiv.style.background="greenyellow";_this86._markerDiv.style.border="2px solid green";}else{if(_this86.pointerLens){_this86.pointerLens.visible=true;_this86.pointerLens.canvasPos=event.canvasPos;_this86.pointerLens.snappedCanvasPos=event.canvasPos;_this86.pointerLens.snapped=false;}_this86._markerDiv.style.background="pink";_this86._markerDiv.style.border="2px solid red";}hoveredEntity=event.entity;}else{_this86._markerDiv.style.left="-10000px";_this86._markerDiv.style.top="-10000px";}canvas.style.cursor="pointer";if(_this86._currentDistanceMeasurement){_this86._currentDistanceMeasurement.wireVisible=_this86._currentDistanceMeasurementInitState.wireVisible;_this86._currentDistanceMeasurement.axisVisible=_this86._currentDistanceMeasurementInitState.axisVisible&&_this86.distanceMeasurementsPlugin.defaultAxisVisible;_this86._currentDistanceMeasurement.xAxisVisible=_this86._currentDistanceMeasurementInitState.xAxisVisible&&_this86.distanceMeasurementsPlugin.defaultXAxisVisible;_this86._currentDistanceMeasurement.yAxisVisible=_this86._currentDistanceMeasurementInitState.yAxisVisible&&_this86.distanceMeasurementsPlugin.defaultYAxisVisible;_this86._currentDistanceMeasurement.zAxisVisible=_this86._currentDistanceMeasurementInitState.zAxisVisible&&_this86.distanceMeasurementsPlugin.defaultZAxisVisible;_this86._currentDistanceMeasurement.targetVisible=_this86._currentDistanceMeasurementInitState.targetVisible;_this86._currentDistanceMeasurement.target.worldPos=pointerWorldPos.slice();_this86._markerDiv.style.left="-10000px";_this86._markerDiv.style.top="-10000px";}});canvas.addEventListener('mousedown',this._onMouseDown=function(e){if(e.which!==1){return;}pointerDownCanvasX=e.clientX;pointerDownCanvasY=e.clientY;});canvas.addEventListener("mouseup",this._onMouseUp=function(e){if(e.which!==1){return;}if(e.clientX>pointerDownCanvasX+clickTolerance||e.clientX<pointerDownCanvasX-clickTolerance||e.clientY>pointerDownCanvasY+clickTolerance||e.clientY<pointerDownCanvasY-clickTolerance){return;}if(_this86._currentDistanceMeasurement){if(mouseHovering){_this86._currentDistanceMeasurement.target.entity=hoveredEntity;hoveredEntity=null;_this86._currentDistanceMeasurement.clickable=true;_this86.distanceMeasurementsPlugin.fire("measurementEnd",_this86._currentDistanceMeasurement);_this86._currentDistanceMeasurement=null;}else{_this86._currentDistanceMeasurement.destroy();_this86.distanceMeasurementsPlugin.fire("measurementCancel",_this86._currentDistanceMeasurement);_this86._currentDistanceMeasurement=null;hoveredEntity=null;}}else{if(mouseHovering){_this86._currentDistanceMeasurement=distanceMeasurementsPlugin.createMeasurement({id:math.createUUID(),origin:{worldPos:pointerWorldPos.slice(),entity:hoveredEntity},target:{worldPos:pointerWorldPos.slice(),entity:hoveredEntity},approximate:true});_this86._currentDistanceMeasurementInitState.axisVisible=_this86._currentDistanceMeasurement.axisVisible&&_this86.distanceMeasurementsPlugin.defaultAxisVisible;_this86._currentDistanceMeasurementInitState.xAxisVisible=_this86._currentDistanceMeasurement.xAxisVisible&&_this86.distanceMeasurementsPlugin.defaultXAxisVisible;_this86._currentDistanceMeasurementInitState.yAxisVisible=_this86._currentDistanceMeasurement.yAxisVisible&&_this86.distanceMeasurementsPlugin.defaultYAxisVisible;_this86._currentDistanceMeasurementInitState.zAxisVisible=_this86._currentDistanceMeasurement.zAxisVisible&&_this86.distanceMeasurementsPlugin.defaultZAxisVisible;_this86._currentDistanceMeasurementInitState.wireVisible=_this86._currentDistanceMeasurement.wireVisible;_this86._currentDistanceMeasurementInitState.targetVisible=_this86._currentDistanceMeasurement.targetVisible;_this86._currentDistanceMeasurement.clickable=false;_this86._currentDistanceMeasurement.origin.entity=hoveredEntity;hoveredEntity=null;_this86.distanceMeasurementsPlugin.fire("measurementStart",_this86._currentDistanceMeasurement);}}});this._onCameraControlHoverSnapOrSurfaceOff=cameraControl.on(this._snapping?"hoverSnapOrSurfaceOff":"hoverOff",function(event){if(_this86.pointerLens){_this86.pointerLens.visible=true;_this86.pointerLens.canvasPos=event.canvasPos;_this86.pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;}mouseHovering=false;_this86._markerDiv.style.left="-100px";_this86._markerDiv.style.top="-100px";if(_this86._currentDistanceMeasurement){_this86._currentDistanceMeasurement.wireVisible=false;_this86._currentDistanceMeasurement.targetVisible=false;_this86._currentDistanceMeasurement.axisVisible=false;}canvas.style.cursor="default";});this._active=true;}/**
      * Deactivates this DistanceMeasurementsMouseControl, making it unresponsive to input.
      *
      * Destroys any {@link DistanceMeasurement} under construction by this DistanceMeasurementsMouseControl.
@@ -22587,7 +22587,7 @@ if(Math.abs(updates.panDeltaX)<EPSILON){updates.panDeltaX=0;}if(Math.abs(updates
 if(dollyDeltaForDist!==0){if(dollyDeltaForDist<0){cursorType="zoom-in";}else{cursorType="zoom-out";}if(configs.firstPerson){var _verticalEye;var _verticalLook;if(configs.constrainVertical){if(camera.xUp){_verticalEye=camera.eye[0];_verticalLook=camera.look[0];}else if(camera.yUp){_verticalEye=camera.eye[1];_verticalLook=camera.look[1];}else if(camera.zUp){_verticalEye=camera.eye[2];_verticalLook=camera.look[2];}}if(configs.followPointer){var dolliedThroughSurface=panController.dollyToCanvasPos(followPointerWorldPos,states.pointerCanvasPos,-dollyDeltaForDist);if(dolliedThroughSurface){states.followPointerDirty=true;}}else{camera.pan([0,0,dollyDeltaForDist]);camera.ortho.scale=camera.ortho.scale-dollyDeltaForDist;}if(configs.constrainVertical){var _eye=camera.eye;var _look=camera.look;if(camera.xUp){_eye[0]=_verticalEye;_look[0]=_verticalLook;}else if(camera.yUp){_eye[1]=_verticalEye;_look[1]=_verticalLook;}else if(camera.zUp){_eye[2]=_verticalEye;_look[2]=_verticalLook;}camera.eye=_eye;camera.look=_look;}}else if(configs.planView){if(configs.followPointer){var _dolliedThroughSurface=panController.dollyToCanvasPos(followPointerWorldPos,states.pointerCanvasPos,-dollyDeltaForDist);if(_dolliedThroughSurface){states.followPointerDirty=true;}}else{camera.ortho.scale=camera.ortho.scale+dollyDeltaForDist;camera.zoom(dollyDeltaForDist);}}else{// Orbiting
 if(configs.followPointer){var _dolliedThroughSurface2=panController.dollyToCanvasPos(followPointerWorldPos,states.pointerCanvasPos,-dollyDeltaForDist);if(_dolliedThroughSurface2){states.followPointerDirty=true;}}else{camera.ortho.scale=camera.ortho.scale+dollyDeltaForDist;camera.zoom(dollyDeltaForDist);}}updates.dollyDelta*=configs.dollyInertia;}pickController.fireEvents();document.body.style.cursor=cursorType;});}_createClass(CameraUpdater,[{key:"destroy",value:function destroy(){this._scene.off(this._onTick);}}]);return CameraUpdater;}();/**
  * @private
- */var MouseMiscHandler=/*#__PURE__*/function(){function MouseMiscHandler(scene,controllers,configs,states,updates){_classCallCheck(this,MouseMiscHandler);this._scene=scene;var canvas=this._scene.canvas.canvas;canvas.addEventListener("mouseenter",this._mouseEnterHandler=function(){states.mouseover=true;});canvas.addEventListener("mouseleave",this._mouseLeaveHandler=function(){states.mouseover=false;canvas.style.cursor=null;});document.addEventListener("mousemove",this._mouseMoveHandler=function(e){getCanvasPosFromEvent$2(e,canvas,states.pointerCanvasPos);});canvas.addEventListener("mousedown",this._mouseDownHandler=function(e){if(!(configs.active&&configs.pointerEnabled)){return;}getCanvasPosFromEvent$2(e,canvas,states.pointerCanvasPos);states.mouseover=true;});canvas.addEventListener("mouseup",this._mouseUpHandler=function(e){if(!(configs.active&&configs.pointerEnabled)){return;}});}_createClass(MouseMiscHandler,[{key:"reset",value:function reset(){}},{key:"destroy",value:function destroy(){var canvas=this._scene.canvas.canvas;document.removeEventListener("mousemove",this._mouseMoveHandler);canvas.removeEventListener("mouseenter",this._mouseEnterHandler);canvas.removeEventListener("mouseleave",this._mouseLeaveHandler);canvas.removeEventListener("mousedown",this._mouseDownHandler);canvas.removeEventListener("mouseup",this._mouseUpHandler);}}]);return MouseMiscHandler;}();function getCanvasPosFromEvent$2(event,canvas,canvasPos){if(!event){event=window.event;canvasPos[0]=event.x;canvasPos[1]=event.y;}else{var _canvas$getBoundingCl=canvas.getBoundingClientRect(),left=_canvas$getBoundingCl.left,top=_canvas$getBoundingCl.top;canvasPos[0]=event.clientX-left-window.scrollX;canvasPos[1]=event.clientY-top-window.scrollY;}return canvasPos;}var getCanvasPosFromEvent$1=function getCanvasPosFromEvent$1(event,canvasPos){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 MouseMiscHandler=/*#__PURE__*/function(){function MouseMiscHandler(scene,controllers,configs,states,updates){_classCallCheck(this,MouseMiscHandler);this._scene=scene;var canvas=this._scene.canvas.canvas;canvas.addEventListener("mouseenter",this._mouseEnterHandler=function(){states.mouseover=true;});canvas.addEventListener("mouseleave",this._mouseLeaveHandler=function(){states.mouseover=false;canvas.style.cursor=null;});document.addEventListener("mousemove",this._mouseMoveHandler=function(e){getCanvasPosFromEvent$2(e,canvas,states.pointerCanvasPos);});canvas.addEventListener("mousedown",this._mouseDownHandler=function(e){if(!(configs.active&&configs.pointerEnabled)){return;}getCanvasPosFromEvent$2(e,canvas,states.pointerCanvasPos);states.mouseover=true;});canvas.addEventListener("mouseup",this._mouseUpHandler=function(e){if(!(configs.active&&configs.pointerEnabled)){return;}});}_createClass(MouseMiscHandler,[{key:"reset",value:function reset(){}},{key:"destroy",value:function destroy(){var canvas=this._scene.canvas.canvas;document.removeEventListener("mousemove",this._mouseMoveHandler);canvas.removeEventListener("mouseenter",this._mouseEnterHandler);canvas.removeEventListener("mouseleave",this._mouseLeaveHandler);canvas.removeEventListener("mousedown",this._mouseDownHandler);canvas.removeEventListener("mouseup",this._mouseUpHandler);}}]);return MouseMiscHandler;}();function getCanvasPosFromEvent$2(event,canvas,canvasPos){if(!event){event=window.event;canvasPos[0]=event.x;canvasPos[1]=event.y;}else{var _canvas$getBoundingCl=canvas.getBoundingClientRect(),left=_canvas$getBoundingCl.left,top=_canvas$getBoundingCl.top;canvasPos[0]=event.clientX-left;canvasPos[1]=event.clientY-top;}return canvasPos;}var getCanvasPosFromEvent$1=function getCanvasPosFromEvent$1(event,canvasPos){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;};/**
  * @private
  */var TouchPanRotateAndDollyHandler=/*#__PURE__*/function(){function TouchPanRotateAndDollyHandler(scene,controllers,configs,states,updates){_classCallCheck(this,TouchPanRotateAndDollyHandler);this._scene=scene;var pickController=controllers.pickController;var pivotController=controllers.pivotController;var tapStartCanvasPos=math.vec2();var tapCanvasPos0=math.vec2();var tapCanvasPos1=math.vec2();var touch0Vec=math.vec2();var lastCanvasTouchPosList=[];var canvas=this._scene.canvas.canvas;var numTouches=0;var waitForTick=false;this._onTick=scene.on("tick",function(){waitForTick=false;});canvas.addEventListener("touchstart",this._canvasTouchStartHandler=function(event){if(!(configs.active&&configs.pointerEnabled)){return;}event.preventDefault();var touches=event.touches;var changedTouches=event.changedTouches;states.touchStartTime=Date.now();if(touches.length===1&&changedTouches.length===1){getCanvasPosFromEvent$1(touches[0],tapStartCanvasPos);if(configs.followPointer){pickController.pickCursorPos=tapStartCanvasPos;pickController.schedulePickSurface=true;pickController.update();if(!configs.planView){if(pickController.picked&&pickController.pickedSurface&&pickController.pickResult&&pickController.pickResult.worldPos){pivotController.setPivotPos(pickController.pickResult.worldPos);if(!configs.firstPerson&&pivotController.startPivot()){pivotController.showPivot();}}else{if(configs.smartPivot){pivotController.setCanvasPivotPos(states.pointerCanvasPos);}else{pivotController.setPivotPos(scene.camera.look);}if(!configs.firstPerson&&pivotController.startPivot()){pivotController.showPivot();}}}}}while(lastCanvasTouchPosList.length<touches.length){lastCanvasTouchPosList.push(math.vec2());}for(var _i464=0,len=touches.length;_i464<len;++_i464){getCanvasPosFromEvent$1(touches[_i464],lastCanvasTouchPosList[_i464]);}numTouches=touches.length;});canvas.addEventListener("touchend",this._canvasTouchEndHandler=function(){if(pivotController.getPivoting()){pivotController.endPivot();}});canvas.addEventListener("touchmove",this._canvasTouchMoveHandler=function(event){if(!(configs.active&&configs.pointerEnabled)){return;}event.stopPropagation();event.preventDefault();if(waitForTick){// Limit changes detection to one per frame
 return;}waitForTick=true;// Scaling drag-rotate to canvas boundary