@xeokit/xeokit-sdk 2.6.7 → 2.6.9

package/dist/xeokit-sdk.cjs.js

@@ -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();
         

package/dist/xeokit-sdk.es.js

@@ -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();
         

package/dist/xeokit-sdk.es5.js

@@ -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.