@xtctwins/tctwins-core 1.0.13 → 1.0.15

package/dist/tctwins-core.es5.js

@@ -2950,57 +2950,57 @@ this._originDot.setVisible(this._visible&&this._originVisible);this._cornerDot.s
  * angleMeasurementsMouseControl.activate();
  * ````
  */var AngleMeasurementsMouseControl=/*#__PURE__*/function(_AngleMeasurementsCon){_inherits(AngleMeasurementsMouseControl,_AngleMeasurementsCon);var _super7=_createSuper(AngleMeasurementsMouseControl);/**
-     * Creates a AngleMeasurementsMouseControl bound to the given AngleMeasurementsPlugin.
-     *
-     * @param {AngleMeasurementsPlugin} angleMeasurementsPlugin The AngleMeasurementsPlugin to control.
-     * @param {*} [cfg] Configuration
-     * @param {PointerLens} [cfg.pointerLens] A PointerLens to use to provide a magnified view of the cursor when snapping is enabled.
-     * @param {boolean} [cfg.snapping=true] Whether to initially enable snap-to-vertex and snap-to-edge for this AngleMeasurementsMouseControl.
-     */function AngleMeasurementsMouseControl(angleMeasurementsPlugin){var _this18;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,AngleMeasurementsMouseControl);_this18=_super7.call(this,angleMeasurementsPlugin.viewer.scene);_this18.pointerLens=cfg.pointerLens;_this18._active=false;_this18._mouseState=MOUSE_FINDING_ORIGIN;_this18._currentAngleMeasurement=null;// init markerDiv element (think about making its style configurable)
-_this18._initMarkerDiv();_this18._onMouseHoverSurface=null;_this18._onHoverNothing=null;_this18._onPickedNothing=null;_this18._onPickedSurface=null;_this18._onInputMouseDown=null;_this18._onInputMouseUp=null;_this18._snapping=cfg.snapping!==false;_this18._attachPlugin(angleMeasurementsPlugin,cfg);return _this18;}_createClass(AngleMeasurementsMouseControl,[{key:"_initMarkerDiv",value:function _initMarkerDiv(){var markerDiv=document.createElement('div');markerDiv.setAttribute('id','myAngleMeasureMarker');var canvas=this.scene.canvas.canvas;canvas.parentNode.insertBefore(markerDiv,canvas);markerDiv.style.background="black";markerDiv.style.border="2px solid blue";markerDiv.style.borderRadius="10px";markerDiv.style.width="5px";markerDiv.style.height="5px";markerDiv.style.margin="-200px -200px";markerDiv.style.zIndex="100";markerDiv.style.position="absolute";markerDiv.style.pointerEvents="none";this.markerDiv=markerDiv;}},{key:"_destroyMarkerDiv",value:function _destroyMarkerDiv(){if(this.markerDiv){var element=document.getElementById('myAngleMeasureMarker');element.parentNode.removeChild(element);this.markerDiv=null;}}},{key:"_attachPlugin",value:function _attachPlugin(angleMeasurementsPlugin){var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
-         * The {@link AngleMeasurementsPlugin} that owns this AngleMeasurementsMouseControl.
-         *
-         * @type {AngleMeasurementsPlugin}
-         */this.angleMeasurementsPlugin=angleMeasurementsPlugin;/**
-         * The {@link AngleMeasurementsPlugin} that owns this AngleMeasurementsMouseControl.
-         *
-         * @type {AngleMeasurementsPlugin}
-         */this.plugin=angleMeasurementsPlugin;}/**
-     * Gets if this AngleMeasurementsMouseControl is currently active, where it is responding to input.
-     *
-     * @returns {boolean}
-     */},{key:"active",get:function get(){return this._active;}/**
-     * Sets whether snap-to-vertex and snap-to-edge are enabled for this AngleMeasurementsMouseControl.
-     *
-     * This is `true` by default.
-     *
-     * Internally, this deactivates then activates the AngleMeasurementsMouseControl when changed, which means that
-     * it will destroy any AngleMeasurements currently under construction, and incurs some overhead, since it unbinds
-     * and rebinds various input handlers.
-     *
-     * @param {boolean} snapping Whether to enable snap-to-vertex and snap-edge for this AngleMeasurementsMouseControl.
-     */},{key:"snapping",get:/**
-     * Gets whether snap-to-vertex and snap-to-edge are enabled for this AngleMeasurementsMouseControl.
-     *
-     * This is `true` by default.
-     *
-     * @returns {boolean} Whether snap-to-vertex and snap-to-edge are enabled for this AngleMeasurementsMouseControl.
-     */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 _this19=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;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;}_this19.markerDiv.style.background="greenyellow";_this19.markerDiv.style.border="2px solid green";}else{if(pointerLens){pointerLens.visible=true;pointerLens.canvasPos=event.canvasPos;pointerLens.snappedCanvasPos=event.canvasPos;pointerLens.snapped=false;}_this19.markerDiv.style.background="pink";_this19.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(_this19._mouseState){case MOUSE_FINDING_ORIGIN:var canvasBoundRect=canvas.getBoundingClientRect();var scrollLeft=window.pageXOffset||document.documentElement.scrollLeft;var scrollTop=window.pageYOffset||document.documentElement.scrollTop;var canvasLeftEdge=canvasBoundRect.left+scrollLeft;var canvasTopEdge=canvasBoundRect.top+scrollTop;_this19.markerDiv.style.marginLeft="".concat(canvasLeftEdge+canvasPos[0]-5,"px");_this19.markerDiv.style.marginTop="".concat(canvasTopEdge+canvasPos[1]-5,"px");break;case MOUSE_FINDING_CORNER:if(_this19._currentAngleMeasurement){_this19._currentAngleMeasurement.originWireVisible=true;_this19._currentAngleMeasurement.targetWireVisible=false;_this19._currentAngleMeasurement.cornerVisible=true;_this19._currentAngleMeasurement.angleVisible=false;_this19._currentAngleMeasurement.corner.worldPos=event.worldPos;_this19._currentAngleMeasurement.corner.entity=event.entity;}_this19.markerDiv.style.marginLeft="-10000px";_this19.markerDiv.style.marginTop="-10000px";canvas.style.cursor="pointer";break;case MOUSE_FINDING_TARGET:if(_this19._currentAngleMeasurement){_this19._currentAngleMeasurement.targetWireVisible=true;_this19._currentAngleMeasurement.targetVisible=true;_this19._currentAngleMeasurement.angleVisible=true;_this19._currentAngleMeasurement.target.worldPos=event.worldPos;_this19._currentAngleMeasurement.target.entity=event.entity;}_this19.markerDiv.style.marginLeft="-10000px";_this19.markerDiv.style.marginTop="-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(_this19._mouseState){case MOUSE_FINDING_ORIGIN:if(mouseHovering){_this19._currentAngleMeasurement=_this19.angleMeasurementsPlugin.createMeasurement({id:math.createUUID(),origin:{worldPos:mouseWorldPos},corner:{worldPos:mouseWorldPos},target:{worldPos:mouseWorldPos},approximate:true});_this19._currentAngleMeasurement.clickable=false;_this19._currentAngleMeasurement.originVisible=true;_this19._currentAngleMeasurement.originWireVisible=true;_this19._currentAngleMeasurement.cornerVisible=false;_this19._currentAngleMeasurement.targetWireVisible=false;_this19._currentAngleMeasurement.targetVisible=false;_this19._currentAngleMeasurement.angleVisible=false;_this19._currentAngleMeasurement.origin.entity=hoveredEntity;_this19._mouseState=MOUSE_FINDING_CORNER;_this19.angleMeasurementsPlugin.fire("measurementStart",_this19._currentAngleMeasurement);}break;case MOUSE_FINDING_CORNER:if(mouseHovering){_this19._currentAngleMeasurement.targetWireVisible=false;_this19._currentAngleMeasurement.targetVisible=true;_this19._currentAngleMeasurement.angleVisible=true;_this19._currentAngleMeasurement.corner.entity=hoveredEntity;_this19._mouseState=MOUSE_FINDING_TARGET;}else{if(_this19._currentAngleMeasurement){_this19._currentAngleMeasurement.destroy();_this19._currentAngleMeasurement=null;hoveredEntity=null;_this19._mouseState=MOUSE_FINDING_ORIGIN;_this19.angleMeasurementsPlugin.fire("measurementCancel",_this19._currentAngleMeasurement);}}break;case MOUSE_FINDING_TARGET:if(mouseHovering){_this19._currentAngleMeasurement.targetVisible=true;_this19._currentAngleMeasurement.angleVisible=true;_this19._currentAngleMeasurement.target.entity=hoveredEntity;_this19._currentAngleMeasurement.clickable=true;hoveredEntity=null;_this19.angleMeasurementsPlugin.fire("measurementEnd",_this19._currentAngleMeasurement);_this19._currentAngleMeasurement=null;_this19._mouseState=MOUSE_FINDING_ORIGIN;}else{if(_this19._currentAngleMeasurement){_this19._currentAngleMeasurement.destroy();_this19._currentAngleMeasurement=null;hoveredEntity=null;_this19._mouseState=MOUSE_FINDING_ORIGIN;_this19.angleMeasurementsPlugin.fire("measurementCancel",_this19._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;}_this19.markerDiv.style.marginLeft="-100px";_this19.markerDiv.style.marginTop="-100px";if(_this19._currentAngleMeasurement){switch(_this19._mouseState){case MOUSE_FINDING_ORIGIN:_this19._currentAngleMeasurement.originVisible=false;break;case MOUSE_FINDING_CORNER:_this19._currentAngleMeasurement.cornerVisible=false;_this19._currentAngleMeasurement.originWireVisible=false;_this19._currentAngleMeasurement.targetVisible=false;_this19._currentAngleMeasurement.targetWireVisible=false;_this19._currentAngleMeasurement.angleVisible=false;break;case MOUSE_FINDING_TARGET:_this19._currentAngleMeasurement.targetVisible=false;_this19._currentAngleMeasurement.targetWireVisible=false;_this19._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.
-     */},{key:"deactivate",value:function deactivate(){if(!this._active){return;}if(this.pointerLens){this.pointerLens.visible=false;}if(this.markerDiv){this._destroyMarkerDiv();}this.reset();var canvas=this.scene.canvas.canvas;canvas.removeEventListener("mousedown",this._onMouseDown);canvas.removeEventListener("mouseup",this._onMouseUp);var cameraControl=this.angleMeasurementsPlugin.viewer.cameraControl;cameraControl.off(this._onMouseHoverSurface);cameraControl.off(this._onPickedSurface);cameraControl.off(this._onHoverNothing);cameraControl.off(this._onPickedNothing);this._currentAngleMeasurement=null;this._active=false;}/**
-     * Resets this AngleMeasurementsMouseControl.
-     *
-     * Destroys any {@link AngleMeasurement} under construction by this AngleMeasurementsMouseControl.
-     *
-     * Does nothing if the AngleMeasurementsMouseControl is not active.
-     */},{key:"reset",value:function reset(){if(!this._active){return;}this._destroyMarkerDiv();this._initMarkerDiv();if(this._currentAngleMeasurement){this._currentAngleMeasurement.destroy();this._currentAngleMeasurement=null;}this._mouseState=MOUSE_FINDING_ORIGIN;}/**
-     * Destroys this AngleMeasurementsMouseControl.
-     */},{key:"destroy",value:function destroy(){this.deactivate();_get(_getPrototypeOf(AngleMeasurementsMouseControl.prototype),"destroy",this).call(this);}}]);return AngleMeasurementsMouseControl;}(AngleMeasurementsControl);/**
+	 * Creates a AngleMeasurementsMouseControl bound to the given AngleMeasurementsPlugin.
+	 *
+	 * @param {AngleMeasurementsPlugin} angleMeasurementsPlugin The AngleMeasurementsPlugin to control.
+	 * @param {*} [cfg] Configuration
+	 * @param {PointerLens} [cfg.pointerLens] A PointerLens to use to provide a magnified view of the cursor when snapping is enabled.
+	 * @param {boolean} [cfg.snapping=true] Whether to initially enable snap-to-vertex and snap-to-edge for this AngleMeasurementsMouseControl.
+	 */function AngleMeasurementsMouseControl(angleMeasurementsPlugin){var _this18;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,AngleMeasurementsMouseControl);_this18=_super7.call(this,angleMeasurementsPlugin.viewer.scene);_this18.pointerLens=cfg.pointerLens;_this18._active=false;_this18._mouseState=MOUSE_FINDING_ORIGIN;_this18._currentAngleMeasurement=null;// init markerDiv element (think about making its style configurable)
+_this18._initMarkerDiv();_this18._onMouseHoverSurface=null;_this18._onHoverNothing=null;_this18._onPickedNothing=null;_this18._onPickedSurface=null;_this18._onInputMouseDown=null;_this18._onInputMouseUp=null;_this18._snapping=cfg.snapping!==false;_this18._attachPlugin(angleMeasurementsPlugin,cfg);return _this18;}_createClass(AngleMeasurementsMouseControl,[{key:"_initMarkerDiv",value:function _initMarkerDiv(){var markerDiv=document.createElement("div");markerDiv.setAttribute("id","myAngleMeasureMarker");var canvas=this.scene.canvas.canvas;canvas.parentNode.insertBefore(markerDiv,canvas);markerDiv.style.background="black";markerDiv.style.border="2px solid blue";markerDiv.style.borderRadius="10px";markerDiv.style.width="5px";markerDiv.style.height="5px";markerDiv.style.margin="-200px -200px";markerDiv.style.zIndex="100";markerDiv.style.position="absolute";markerDiv.style.pointerEvents="none";this.markerDiv=markerDiv;}},{key:"_destroyMarkerDiv",value:function _destroyMarkerDiv(){if(this.markerDiv){var element=document.getElementById("myAngleMeasureMarker");element.parentNode.removeChild(element);this.markerDiv=null;}}},{key:"_attachPlugin",value:function _attachPlugin(angleMeasurementsPlugin){var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
+		 * The {@link AngleMeasurementsPlugin} that owns this AngleMeasurementsMouseControl.
+		 *
+		 * @type {AngleMeasurementsPlugin}
+		 */this.angleMeasurementsPlugin=angleMeasurementsPlugin;/**
+		 * The {@link AngleMeasurementsPlugin} that owns this AngleMeasurementsMouseControl.
+		 *
+		 * @type {AngleMeasurementsPlugin}
+		 */this.plugin=angleMeasurementsPlugin;}/**
+	 * Gets if this AngleMeasurementsMouseControl is currently active, where it is responding to input.
+	 *
+	 * @returns {boolean}
+	 */},{key:"active",get:function get(){return this._active;}/**
+	 * Sets whether snap-to-vertex and snap-to-edge are enabled for this AngleMeasurementsMouseControl.
+	 *
+	 * This is `true` by default.
+	 *
+	 * Internally, this deactivates then activates the AngleMeasurementsMouseControl when changed, which means that
+	 * it will destroy any AngleMeasurements currently under construction, and incurs some overhead, since it unbinds
+	 * and rebinds various input handlers.
+	 *
+	 * @param {boolean} snapping Whether to enable snap-to-vertex and snap-edge for this AngleMeasurementsMouseControl.
+	 */},{key:"snapping",get:/**
+	 * Gets whether snap-to-vertex and snap-to-edge are enabled for this AngleMeasurementsMouseControl.
+	 *
+	 * This is `true` by default.
+	 *
+	 * @returns {boolean} Whether snap-to-vertex and snap-to-edge are enabled for this AngleMeasurementsMouseControl.
+	 */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 _this19=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;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;}_this19.markerDiv.style.background="greenyellow";_this19.markerDiv.style.border="2px solid green";}else{if(pointerLens){pointerLens.visible=true;pointerLens.canvasPos=event.canvasPos;pointerLens.snappedCanvasPos=event.canvasPos;pointerLens.snapped=false;}_this19.markerDiv.style.background="pink";_this19.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(_this19._mouseState){case MOUSE_FINDING_ORIGIN:canvas.getBoundingClientRect();var scrollLeft=window.pageXOffset||document.documentElement.scrollLeft;var scrollTop=window.pageYOffset||document.documentElement.scrollTop;var canvasLeftEdge=scrollLeft;var canvasTopEdge=scrollTop;_this19.markerDiv.style.marginLeft="".concat(canvasLeftEdge+canvasPos[0]-5,"px");_this19.markerDiv.style.marginTop="".concat(canvasTopEdge+canvasPos[1]-5,"px");break;case MOUSE_FINDING_CORNER:if(_this19._currentAngleMeasurement){_this19._currentAngleMeasurement.originWireVisible=true;_this19._currentAngleMeasurement.targetWireVisible=false;_this19._currentAngleMeasurement.cornerVisible=true;_this19._currentAngleMeasurement.angleVisible=false;_this19._currentAngleMeasurement.corner.worldPos=event.worldPos;_this19._currentAngleMeasurement.corner.entity=event.entity;}_this19.markerDiv.style.marginLeft="-10000px";_this19.markerDiv.style.marginTop="-10000px";canvas.style.cursor="pointer";break;case MOUSE_FINDING_TARGET:if(_this19._currentAngleMeasurement){_this19._currentAngleMeasurement.targetWireVisible=true;_this19._currentAngleMeasurement.targetVisible=true;_this19._currentAngleMeasurement.angleVisible=true;_this19._currentAngleMeasurement.target.worldPos=event.worldPos;_this19._currentAngleMeasurement.target.entity=event.entity;}_this19.markerDiv.style.marginLeft="-10000px";_this19.markerDiv.style.marginTop="-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(_this19._mouseState){case MOUSE_FINDING_ORIGIN:if(mouseHovering){_this19._currentAngleMeasurement=_this19.angleMeasurementsPlugin.createMeasurement({id:math.createUUID(),origin:{worldPos:mouseWorldPos},corner:{worldPos:mouseWorldPos},target:{worldPos:mouseWorldPos},approximate:true});_this19._currentAngleMeasurement.clickable=false;_this19._currentAngleMeasurement.originVisible=true;_this19._currentAngleMeasurement.originWireVisible=true;_this19._currentAngleMeasurement.cornerVisible=false;_this19._currentAngleMeasurement.targetWireVisible=false;_this19._currentAngleMeasurement.targetVisible=false;_this19._currentAngleMeasurement.angleVisible=false;_this19._currentAngleMeasurement.origin.entity=hoveredEntity;_this19._mouseState=MOUSE_FINDING_CORNER;_this19.angleMeasurementsPlugin.fire("measurementStart",_this19._currentAngleMeasurement);}break;case MOUSE_FINDING_CORNER:if(mouseHovering){_this19._currentAngleMeasurement.targetWireVisible=false;_this19._currentAngleMeasurement.targetVisible=true;_this19._currentAngleMeasurement.angleVisible=true;_this19._currentAngleMeasurement.corner.entity=hoveredEntity;_this19._mouseState=MOUSE_FINDING_TARGET;}else{if(_this19._currentAngleMeasurement){_this19._currentAngleMeasurement.destroy();_this19._currentAngleMeasurement=null;hoveredEntity=null;_this19._mouseState=MOUSE_FINDING_ORIGIN;_this19.angleMeasurementsPlugin.fire("measurementCancel",_this19._currentAngleMeasurement);}}break;case MOUSE_FINDING_TARGET:if(mouseHovering){_this19._currentAngleMeasurement.targetVisible=true;_this19._currentAngleMeasurement.angleVisible=true;_this19._currentAngleMeasurement.target.entity=hoveredEntity;_this19._currentAngleMeasurement.clickable=true;hoveredEntity=null;_this19.angleMeasurementsPlugin.fire("measurementEnd",_this19._currentAngleMeasurement);_this19._currentAngleMeasurement=null;_this19._mouseState=MOUSE_FINDING_ORIGIN;}else{if(_this19._currentAngleMeasurement){_this19._currentAngleMeasurement.destroy();_this19._currentAngleMeasurement=null;hoveredEntity=null;_this19._mouseState=MOUSE_FINDING_ORIGIN;_this19.angleMeasurementsPlugin.fire("measurementCancel",_this19._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;}_this19.markerDiv.style.marginLeft="-100px";_this19.markerDiv.style.marginTop="-100px";if(_this19._currentAngleMeasurement){switch(_this19._mouseState){case MOUSE_FINDING_ORIGIN:_this19._currentAngleMeasurement.originVisible=false;break;case MOUSE_FINDING_CORNER:_this19._currentAngleMeasurement.cornerVisible=false;_this19._currentAngleMeasurement.originWireVisible=false;_this19._currentAngleMeasurement.targetVisible=false;_this19._currentAngleMeasurement.targetWireVisible=false;_this19._currentAngleMeasurement.angleVisible=false;break;case MOUSE_FINDING_TARGET:_this19._currentAngleMeasurement.targetVisible=false;_this19._currentAngleMeasurement.targetWireVisible=false;_this19._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.
+	 */},{key:"deactivate",value:function deactivate(){if(!this._active){return;}if(this.pointerLens){this.pointerLens.visible=false;}if(this.markerDiv){this._destroyMarkerDiv();}this.reset();var canvas=this.scene.canvas.canvas;canvas.removeEventListener("mousedown",this._onMouseDown);canvas.removeEventListener("mouseup",this._onMouseUp);var cameraControl=this.angleMeasurementsPlugin.viewer.cameraControl;cameraControl.off(this._onMouseHoverSurface);cameraControl.off(this._onPickedSurface);cameraControl.off(this._onHoverNothing);cameraControl.off(this._onPickedNothing);this._currentAngleMeasurement=null;this._active=false;}/**
+	 * Resets this AngleMeasurementsMouseControl.
+	 *
+	 * Destroys any {@link AngleMeasurement} under construction by this AngleMeasurementsMouseControl.
+	 *
+	 * Does nothing if the AngleMeasurementsMouseControl is not active.
+	 */},{key:"reset",value:function reset(){if(!this._active){return;}this._destroyMarkerDiv();this._initMarkerDiv();if(this._currentAngleMeasurement){this._currentAngleMeasurement.destroy();this._currentAngleMeasurement=null;}this._mouseState=MOUSE_FINDING_ORIGIN;}/**
+	 * Destroys this AngleMeasurementsMouseControl.
+	 */},{key:"destroy",value:function destroy(){this.deactivate();_get(_getPrototypeOf(AngleMeasurementsMouseControl.prototype),"destroy",this).call(this);}}]);return AngleMeasurementsMouseControl;}(AngleMeasurementsControl);/**
  * {@link Viewer} plugin for measuring angles.
  *
  * [<img src="https://user-images.githubusercontent.com/83100/63641903-61488180-c6b6-11e9-8e00-895b9d16dc4b.gif">](https://xeokit.github.io/xeokit-sdk/examples/#measurements_angle_createWithMouse)
@@ -4589,7 +4589,7 @@ return imageDataCache;}},{key:"unbind",value:function unbind(){var gl=this.gl;gl
      * @type {WebGL2RenderingContext}
      */var gl=scene.canvas.gl;var canvasTransparent=!!options.transparent;var alphaDepthMask=options.alphaDepthMask;var pickIDs=new Map$1({});var drawableTypeInfo={};var drawables={};var drawableListDirty=true;var stateSortDirty=true;var imageDirty=true;var transparentEnabled=true;var edgesEnabled=!!options.edgesEnabled;var saoEnabled=true;var pbrEnabled=true;var colorTextureEnabled=true;var renderBufferManager=new RenderBufferManager(scene);var snapshotBound=false;var saoOcclusionRenderer=new SAOOcclusionRenderer(scene);var saoDepthLimitedBlurRenderer=new SAODepthLimitedBlurRenderer(scene);this.scene=scene;this._occlusionTester=null;// Lazy-created in #addMarker()
 this.capabilities={astcSupported:!!getExtension(gl,'WEBGL_compressed_texture_astc'),etc1Supported:true,// WebGL2
-etc2Supported:!!getExtension(gl,'WEBGL_compressed_texture_etc'),dxtSupported:!!getExtension(gl,'WEBGL_compressed_texture_s3tc'),bptcSupported:!!getExtension(gl,'EXT_texture_compression_bptc'),pvrtcSupported:!!(getExtension(gl,'WEBGL_compressed_texture_pvrtc')||getExtension(gl,'WEBKIT_WEBGL_compressed_texture_pvrtc'))};this.setTransparentEnabled=function(enabled){transparentEnabled=enabled;imageDirty=true;};this.setEdgesEnabled=function(enabled){edgesEnabled=enabled;imageDirty=true;};this.setSAOEnabled=function(enabled){saoEnabled=enabled;imageDirty=true;};this.setPBREnabled=function(enabled){pbrEnabled=enabled;imageDirty=true;};this.setColorTextureEnabled=function(enabled){colorTextureEnabled=enabled;imageDirty=true;};this.needStateSort=function(){stateSortDirty=true;};this.shadowsDirty=function(){};this.imageDirty=function(){imageDirty=true;};this.webglContextLost=function(){};this.webglContextRestored=function(gl){// renderBufferManager.webglContextRestored(gl);
+etc2Supported:!!getExtension(gl,'WEBGL_compressed_texture_etc'),dxtSupported:!!getExtension(gl,'WEBGL_compressed_texture_s3tc'),bptcSupported:!!getExtension(gl,'EXT_texture_compression_bptc'),pvrtcSupported:!!(getExtension(gl,'WEBGL_compressed_texture_pvrtc')||getExtension(gl,'WEBKIT_WEBGL_compressed_texture_pvrtc'))};this.setTransparentEnabled=function(enabled){transparentEnabled=enabled;canvasTransparent=enabled;imageDirty=true;};this.setEdgesEnabled=function(enabled){edgesEnabled=enabled;imageDirty=true;};this.setSAOEnabled=function(enabled){saoEnabled=enabled;imageDirty=true;};this.setPBREnabled=function(enabled){pbrEnabled=enabled;imageDirty=true;};this.setColorTextureEnabled=function(enabled){colorTextureEnabled=enabled;imageDirty=true;};this.needStateSort=function(){stateSortDirty=true;};this.shadowsDirty=function(){};this.imageDirty=function(){imageDirty=true;};this.webglContextLost=function(){};this.webglContextRestored=function(gl){// renderBufferManager.webglContextRestored(gl);
 saoOcclusionRenderer.init();saoDepthLimitedBlurRenderer.init();imageDirty=true;};/**
      * Inserts a drawable into this renderer.
      *  @private
@@ -4605,7 +4605,7 @@ saoOcclusionRenderer.init();saoDepthLimitedBlurRenderer.init();imageDirty=true;}
      */this.putPickID=function(pickID){pickIDs.removeItem(pickID);};/**
      * Clears the canvas.
      *  @private
-     */this.clear=function(params){gl.viewport(0,0,gl.drawingBufferWidth,gl.drawingBufferHeight);if(canvasTransparent){gl.clearColor(1,1,1,1);}else{var _backgroundColor=scene.canvas.backgroundColorFromAmbientLight?this.lights.getAmbientColorAndIntensity():scene.canvas.backgroundColor;gl.clearColor(_backgroundColor[0],_backgroundColor[1],_backgroundColor[2],1.0);}gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT);};/**
+     */this.clear=function(params){gl.viewport(0,0,gl.drawingBufferWidth,gl.drawingBufferHeight);if(canvasTransparent){gl.clearColor(1,1,1,0);}else{var _backgroundColor=scene.canvas.backgroundColorFromAmbientLight?this.lights.getAmbientColorAndIntensity():scene.canvas.backgroundColor;gl.clearColor(_backgroundColor[0],_backgroundColor[1],_backgroundColor[2],1.0);}gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT);};/**
      * Returns true if the next call to render() will draw something
      * @returns {Boolean}
      */this.needsRender=function(){var needsRender=imageDirty||drawableListDirty||stateSortDirty;return needsRender;};/**
@@ -8817,28 +8817,28 @@ function getEntityIDMap(scene,entityIds){var map={};var entityId;var entity;for(
  *
  * @class Scene
  */var Scene=/*#__PURE__*/function(_Component20){_inherits(Scene,_Component20);var _super33=_createSuper(Scene);/**
+   * @private
+   * @constructor
+   * @param {Viewer} viewer The Viewer this Scene belongs to.
+   * @param {Object} cfg Scene configuration.
+   * @param {String} [cfg.canvasId]  ID of an existing HTML canvas for the {@link Scene#canvas} - either this or canvasElement is mandatory. When both values are given, the element reference is always preferred to the ID.
+   * @param {HTMLCanvasElement} [cfg.canvasElement] Reference of an existing HTML canvas for the {@link Scene#canvas} - either this or canvasId is mandatory. When both values are given, the element reference is always preferred to the ID.
+   * @param {HTMLElement} [cfg.keyboardEventsElement] Optional reference to HTML element on which key events should be handled. Defaults to the HTML Document.
+   * @param {number} [cfg.numCachedSectionPlanes=0] Enhances the efficiency of SectionPlane creation by proactively allocating Viewer resources for a specified quantity
+   * of SectionPlanes. Introducing this parameter streamlines the initial creation speed of SectionPlanes, particularly up to the designated quantity. This parameter internally
+   * configures renderer logic for the specified number of SectionPlanes, eliminating the need for setting up logic with each SectionPlane creation and thereby enhancing
+   * responsiveness. It is important to consider that each SectionPlane imposes rendering performance, so it is recommended to set this value to a quantity that aligns with
+   * your expected usage.
+   * @throws {String} Throws an exception when both canvasId or canvasElement are missing or they aren't pointing to a valid HTMLCanvasElement.
+   */function Scene(viewer){var _this52;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,Scene);_this52=_super33.call(this,null,cfg);var canvas=cfg.canvasElement||document.getElementById(cfg.canvasId);if(!(canvas instanceof HTMLCanvasElement)){throw"Mandatory config expected: valid canvasId or canvasElement";}/**
+     * @type {{[key: string]: {wrapperFunc: Function, tickSubId: string}}}
+     */_this52._tickifiedFunctions={};_this52._transparent=!!cfg.transparent;var alphaDepthMask=!!cfg.alphaDepthMask;_this52._edgesEnabled=!!cfg.edgesEnabled;_this52._aabbDirty=true;/**
+     * The {@link Viewer} this Scene belongs to.
+     * @type {Viewer}
+     */_this52.viewer=viewer;/** Decremented each frame, triggers occlusion test for occludable {@link Marker}s when zero.
      * @private
-     * @constructor
-     * @param {Viewer} viewer The Viewer this Scene belongs to.
-     * @param {Object} cfg Scene configuration.
-     * @param {String} [cfg.canvasId]  ID of an existing HTML canvas for the {@link Scene#canvas} - either this or canvasElement is mandatory. When both values are given, the element reference is always preferred to the ID.
-     * @param {HTMLCanvasElement} [cfg.canvasElement] Reference of an existing HTML canvas for the {@link Scene#canvas} - either this or canvasId is mandatory. When both values are given, the element reference is always preferred to the ID.
-     * @param {HTMLElement} [cfg.keyboardEventsElement] Optional reference to HTML element on which key events should be handled. Defaults to the HTML Document.
-     * @param {number} [cfg.numCachedSectionPlanes=0] Enhances the efficiency of SectionPlane creation by proactively allocating Viewer resources for a specified quantity
-     * of SectionPlanes. Introducing this parameter streamlines the initial creation speed of SectionPlanes, particularly up to the designated quantity. This parameter internally
-     * configures renderer logic for the specified number of SectionPlanes, eliminating the need for setting up logic with each SectionPlane creation and thereby enhancing
-     * responsiveness. It is important to consider that each SectionPlane imposes rendering performance, so it is recommended to set this value to a quantity that aligns with
-     * your expected usage.
-     * @throws {String} Throws an exception when both canvasId or canvasElement are missing or they aren't pointing to a valid HTMLCanvasElement.
-     */function Scene(viewer){var _this52;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,Scene);_this52=_super33.call(this,null,cfg);var canvas=cfg.canvasElement||document.getElementById(cfg.canvasId);if(!(canvas instanceof HTMLCanvasElement)){throw"Mandatory config expected: valid canvasId or canvasElement";}/**
-         * @type {{[key: string]: {wrapperFunc: Function, tickSubId: string}}}
-         */_this52._tickifiedFunctions={};var transparent=!!cfg.transparent;var alphaDepthMask=!!cfg.alphaDepthMask;var edgesEnabled=!!cfg.edgesEnabled;_this52._aabbDirty=true;/**
-         * The {@link Viewer} this Scene belongs to.
-         * @type {Viewer}
-         */_this52.viewer=viewer;/** Decremented each frame, triggers occlusion test for occludable {@link Marker}s when zero.
-         * @private
-         * @type {number}
-         */_this52.occlusionTestCountdown=0;/**
+     * @type {number}
+     */_this52.occlusionTestCountdown=0;/**
          The number of models currently loading.
 
          @property loading
@@ -8851,158 +8851,157 @@ function getEntityIDMap(scene,entityIds){var map={};var entityId;var entity;for(
          @final
          @type {Number}
          */_this52.startTime=new Date().getTime();/**
-         * Map of {@link Entity}s that represent models.
-         *
-         * Each {@link Entity} is mapped here by {@link Entity#id} when {@link Entity#isModel} is ````true````.
-         *
-         * @property models
-         * @final
-         * @type {{String:Entity}}
-         */_this52.models={};/**
-         * Map of {@link Entity}s that represents objects.
-         *
-         * Each {@link Entity} is mapped here by {@link Entity#id} when {@link Entity#isObject} is ````true````.
-         *
-         * @property objects
-         * @final
-         * @type {{String:Entity}}
-         */_this52.objects={};_this52._numObjects=0;/**
-         * Map of currently visible {@link Entity}s that represent objects.
-         *
-         * An Entity represents an object if {@link Entity#isObject} is ````true````, and is visible when {@link Entity#visible} is true.
-         *
-         * @property visibleObjects
-         * @final
-         * @type {{String:Object}}
-         */_this52.visibleObjects={};_this52._numVisibleObjects=0;/**
-         * Map of currently xrayed {@link Entity}s that represent objects.
-         *
-         * An Entity represents an object if {@link Entity#isObject} is ````true````, and is xrayed when {@link Entity#xrayed} is true.
-         *
-         * Each {@link Entity} is mapped here by {@link Entity#id}.
-         *
-         * @property xrayedObjects
-         * @final
-         * @type {{String:Object}}
-         */_this52.xrayedObjects={};_this52._numXRayedObjects=0;/**
-         * Map of currently highlighted {@link Entity}s that represent objects.
-         *
-         * An Entity represents an object if {@link Entity#isObject} is ````true```` is true, and is highlighted when {@link Entity#highlighted} is true.
-         *
-         * Each {@link Entity} is mapped here by {@link Entity#id}.
-         *
-         * @property highlightedObjects
-         * @final
-         * @type {{String:Object}}
-         */_this52.highlightedObjects={};_this52._numHighlightedObjects=0;/**
-         * Map of currently selected {@link Entity}s that represent objects.
-         *
-         * An Entity represents an object if {@link Entity#isObject} is true, and is selected while {@link Entity#selected} is true.
-         *
-         * Each {@link Entity} is mapped here by {@link Entity#id}.
-         *
-         * @property selectedObjects
-         * @final
-         * @type {{String:Object}}
-         */_this52.selectedObjects={};_this52._numSelectedObjects=0;/**
-         * Map of currently colorized {@link Entity}s that represent objects.
-         *
-         * An Entity represents an object if {@link Entity#isObject} is ````true````.
-         *
-         * Each {@link Entity} is mapped here by {@link Entity#id}.
-         *
-         * @property colorizedObjects
-         * @final
-         * @type {{String:Object}}
-         */_this52.colorizedObjects={};_this52._numColorizedObjects=0;/**
-         * Map of {@link Entity}s that represent objects whose opacity was updated.
-         *
-         * An Entity represents an object if {@link Entity#isObject} is ````true````.
-         *
-         * Each {@link Entity} is mapped here by {@link Entity#id}.
-         *
-         * @property opacityObjects
-         * @final
-         * @type {{String:Object}}
-         */_this52.opacityObjects={};_this52._numOpacityObjects=0;/**
-         * Map of {@link Entity}s that represent objects whose {@link Entity#offset}s were updated.
-         *
-         * An Entity represents an object if {@link Entity#isObject} is ````true````.
-         *
-         * Each {@link Entity} is mapped here by {@link Entity#id}.
-         *
-         * @property offsetObjects
-         * @final
-         * @type {{String:Object}}
-         */_this52.offsetObjects={};_this52._numOffsetObjects=0;// Cached ID arrays, lazy-rebuilt as needed when stale after map updates
+     * Map of {@link Entity}s that represent models.
+     *
+     * Each {@link Entity} is mapped here by {@link Entity#id} when {@link Entity#isModel} is ````true````.
+     *
+     * @property models
+     * @final
+     * @type {{String:Entity}}
+     */_this52.models={};/**
+     * Map of {@link Entity}s that represents objects.
+     *
+     * Each {@link Entity} is mapped here by {@link Entity#id} when {@link Entity#isObject} is ````true````.
+     *
+     * @property objects
+     * @final
+     * @type {{String:Entity}}
+     */_this52.objects={};_this52._numObjects=0;/**
+     * Map of currently visible {@link Entity}s that represent objects.
+     *
+     * An Entity represents an object if {@link Entity#isObject} is ````true````, and is visible when {@link Entity#visible} is true.
+     *
+     * @property visibleObjects
+     * @final
+     * @type {{String:Object}}
+     */_this52.visibleObjects={};_this52._numVisibleObjects=0;/**
+     * Map of currently xrayed {@link Entity}s that represent objects.
+     *
+     * An Entity represents an object if {@link Entity#isObject} is ````true````, and is xrayed when {@link Entity#xrayed} is true.
+     *
+     * Each {@link Entity} is mapped here by {@link Entity#id}.
+     *
+     * @property xrayedObjects
+     * @final
+     * @type {{String:Object}}
+     */_this52.xrayedObjects={};_this52._numXRayedObjects=0;/**
+     * Map of currently highlighted {@link Entity}s that represent objects.
+     *
+     * An Entity represents an object if {@link Entity#isObject} is ````true```` is true, and is highlighted when {@link Entity#highlighted} is true.
+     *
+     * Each {@link Entity} is mapped here by {@link Entity#id}.
+     *
+     * @property highlightedObjects
+     * @final
+     * @type {{String:Object}}
+     */_this52.highlightedObjects={};_this52._numHighlightedObjects=0;/**
+     * Map of currently selected {@link Entity}s that represent objects.
+     *
+     * An Entity represents an object if {@link Entity#isObject} is true, and is selected while {@link Entity#selected} is true.
+     *
+     * Each {@link Entity} is mapped here by {@link Entity#id}.
+     *
+     * @property selectedObjects
+     * @final
+     * @type {{String:Object}}
+     */_this52.selectedObjects={};_this52._numSelectedObjects=0;/**
+     * Map of currently colorized {@link Entity}s that represent objects.
+     *
+     * An Entity represents an object if {@link Entity#isObject} is ````true````.
+     *
+     * Each {@link Entity} is mapped here by {@link Entity#id}.
+     *
+     * @property colorizedObjects
+     * @final
+     * @type {{String:Object}}
+     */_this52.colorizedObjects={};_this52._numColorizedObjects=0;/**
+     * Map of {@link Entity}s that represent objects whose opacity was updated.
+     *
+     * An Entity represents an object if {@link Entity#isObject} is ````true````.
+     *
+     * Each {@link Entity} is mapped here by {@link Entity#id}.
+     *
+     * @property opacityObjects
+     * @final
+     * @type {{String:Object}}
+     */_this52.opacityObjects={};_this52._numOpacityObjects=0;/**
+     * Map of {@link Entity}s that represent objects whose {@link Entity#offset}s were updated.
+     *
+     * An Entity represents an object if {@link Entity#isObject} is ````true````.
+     *
+     * Each {@link Entity} is mapped here by {@link Entity#id}.
+     *
+     * @property offsetObjects
+     * @final
+     * @type {{String:Object}}
+     */_this52.offsetObjects={};_this52._numOffsetObjects=0;// Cached ID arrays, lazy-rebuilt as needed when stale after map updates
 /**
          Lazy-regenerated ID lists.
          */_this52._modelIds=null;_this52._objectIds=null;_this52._visibleObjectIds=null;_this52._xrayedObjectIds=null;_this52._highlightedObjectIds=null;_this52._selectedObjectIds=null;_this52._colorizedObjectIds=null;_this52._opacityObjectIds=null;_this52._offsetObjectIds=null;_this52._collidables={};// Components that contribute to the Scene AABB
 _this52._compilables={};// Components that require shader compilation
 _this52._needRecompile=false;/**
-         * For each {@link Component} type, a map of IDs to {@link Component} instances of that type.
-         *
-         * @type {{String:{String:Component}}}
-         */_this52.types={};/**
-         * The {@link Component}s within this Scene, each mapped to its {@link Component#id}.
-         *
-         * *@type {{String:Component}}
-         */_this52.components={};/**
-         * The {@link SectionPlane}s in this Scene, each mapped to its {@link SectionPlane#id}.
-         *
-         * @type {{String:SectionPlane}}
-         */_this52.sectionPlanes={};/**
-         * The {@link Light}s in this Scene, each mapped to its {@link Light#id}.
-         *
-         * @type {{String:Light}}
-         */_this52.lights={};/**
-         * The {@link LightMap}s in this Scene, each mapped to its {@link LightMap#id}.
-         *
-         * @type {{String:LightMap}}
-         */_this52.lightMaps={};/**
-         * The {@link ReflectionMap}s in this Scene, each mapped to its {@link ReflectionMap#id}.
-         *
-         * @type {{String:ReflectionMap}}
-         */_this52.reflectionMaps={};/**
-         * The {@link Bitmap}s in this Scene, each mapped to its {@link Bitmap#id}.
-         *
-         * @type {{String:Bitmap}}
-         */_this52.bitmaps={};/**
-         * The {@link LineSet}s in this Scene, each mapped to its {@link LineSet#id}.
-         *
-         * @type {{String:LineSet}}
-         */_this52.lineSets={};/**
-         * The real world offset for this Scene
-         *
-         * @type {Number[]}
-         */_this52.realWorldOffset=cfg.realWorldOffset||new Float64Array([0,0,0]);/**
-         * Manages the HTML5 canvas for this Scene.
-         *
-         * @type {Canvas}
-         */_this52.canvas=new Canvas(_assertThisInitialized(_this52),{dontClear:true,// Never destroy this component with Scene#clear();
-canvas:canvas,spinnerElementId:cfg.spinnerElementId,transparent:transparent,webgl2:cfg.webgl2!==false,contextAttr:cfg.contextAttr||{},backgroundColor:cfg.backgroundColor,backgroundColorFromAmbientLight:cfg.backgroundColorFromAmbientLight,premultipliedAlpha:cfg.premultipliedAlpha});_this52.canvas.on("boundary",function(){_this52.glRedraw();});_this52.canvas.on("webglContextFailed",function(){alert("xeokit failed to find WebGL!");});_this52._renderer=new Renderer$1(_assertThisInitialized(_this52),{transparent:transparent,alphaDepthMask:alphaDepthMask,edgesEnabled:edgesEnabled});_this52._sectionPlanesState=new function(){this.sectionPlanes=[];this.clippingCaps=false;this._numCachedSectionPlanes=0;var hash=null;this.getHash=function(){if(hash){return hash;}var numAllocatedSectionPlanes=this.getNumAllocatedSectionPlanes();var sectionPlanes=this.sectionPlanes;if(numAllocatedSectionPlanes===0){return this.hash=";";}var hashParts=[];for(var _i80=0,len=numAllocatedSectionPlanes;_i80<len;_i80++){sectionPlanes[_i80];hashParts.push("cp");}hashParts.push(";");hash=hashParts.join("");return hash;};this.addSectionPlane=function(sectionPlane){this.sectionPlanes.push(sectionPlane);hash=null;};this.removeSectionPlane=function(sectionPlane){for(var _i81=0,len=this.sectionPlanes.length;_i81<len;_i81++){if(this.sectionPlanes[_i81].id===sectionPlane.id){this.sectionPlanes.splice(_i81,1);hash=null;return;}}};this.setNumCachedSectionPlanes=function(numCachedSectionPlanes){this._numCachedSectionPlanes=numCachedSectionPlanes;hash=null;};this.getNumCachedSectionPlanes=function(){return this._numCachedSectionPlanes;};this.getNumAllocatedSectionPlanes=function(){var num=this.sectionPlanes.length;return num>this._numCachedSectionPlanes?num:this._numCachedSectionPlanes;};}();_this52._sectionPlanesState.setNumCachedSectionPlanes(cfg.numCachedSectionPlanes||0);_this52._lightsState=new function(){var DEFAULT_AMBIENT=math.vec4([0,0,0,0]);var ambientColorIntensity=math.vec4();this.lights=[];this.reflectionMaps=[];this.lightMaps=[];var hash=null;var ambientLight=null;this.getHash=function(){if(hash){return hash;}var hashParts=[];var lights=this.lights;var light;for(var _i82=0,len=lights.length;_i82<len;_i82++){light=lights[_i82];hashParts.push("/");hashParts.push(light.type);hashParts.push(light.space==="world"?"w":"v");if(light.castsShadow){hashParts.push("sh");}}if(this.lightMaps.length>0){hashParts.push("/lm");}if(this.reflectionMaps.length>0){hashParts.push("/rm");}hashParts.push(";");hash=hashParts.join("");return hash;};this.addLight=function(state){this.lights.push(state);ambientLight=null;hash=null;};this.removeLight=function(state){for(var _i83=0,len=this.lights.length;_i83<len;_i83++){var light=this.lights[_i83];if(light.id===state.id){this.lights.splice(_i83,1);if(ambientLight&&ambientLight.id===state.id){ambientLight=null;}hash=null;return;}}};this.addReflectionMap=function(state){this.reflectionMaps.push(state);hash=null;};this.removeReflectionMap=function(state){for(var _i84=0,len=this.reflectionMaps.length;_i84<len;_i84++){if(this.reflectionMaps[_i84].id===state.id){this.reflectionMaps.splice(_i84,1);hash=null;return;}}};this.addLightMap=function(state){this.lightMaps.push(state);hash=null;};this.removeLightMap=function(state){for(var _i85=0,len=this.lightMaps.length;_i85<len;_i85++){if(this.lightMaps[_i85].id===state.id){this.lightMaps.splice(_i85,1);hash=null;return;}}};this.getAmbientColorAndIntensity=function(){if(!ambientLight){for(var _i86=0,len=this.lights.length;_i86<len;_i86++){var light=this.lights[_i86];if(light.type==="ambient"){ambientLight=light;break;}}}if(ambientLight){var _color2=ambientLight.color;var intensity=ambientLight.intensity;ambientColorIntensity[0]=_color2[0];ambientColorIntensity[1]=_color2[1];ambientColorIntensity[2]=_color2[2];ambientColorIntensity[3]=intensity;return ambientColorIntensity;}else{return DEFAULT_AMBIENT;}};}();/**
-         * Publishes input events that occur on this Scene's canvas.
-         *
-         * @property input
-         * @type {Input}
-         * @final
-         */_this52.input=new Input(_assertThisInitialized(_this52),{dontClear:true,// Never destroy this component with Scene#clear();
+     * For each {@link Component} type, a map of IDs to {@link Component} instances of that type.
+     *
+     * @type {{String:{String:Component}}}
+     */_this52.types={};/**
+     * The {@link Component}s within this Scene, each mapped to its {@link Component#id}.
+     *
+     * *@type {{String:Component}}
+     */_this52.components={};/**
+     * The {@link SectionPlane}s in this Scene, each mapped to its {@link SectionPlane#id}.
+     *
+     * @type {{String:SectionPlane}}
+     */_this52.sectionPlanes={};/**
+     * The {@link Light}s in this Scene, each mapped to its {@link Light#id}.
+     *
+     * @type {{String:Light}}
+     */_this52.lights={};/**
+     * The {@link LightMap}s in this Scene, each mapped to its {@link LightMap#id}.
+     *
+     * @type {{String:LightMap}}
+     */_this52.lightMaps={};/**
+     * The {@link ReflectionMap}s in this Scene, each mapped to its {@link ReflectionMap#id}.
+     *
+     * @type {{String:ReflectionMap}}
+     */_this52.reflectionMaps={};/**
+     * The {@link Bitmap}s in this Scene, each mapped to its {@link Bitmap#id}.
+     *
+     * @type {{String:Bitmap}}
+     */_this52.bitmaps={};/**
+     * The {@link LineSet}s in this Scene, each mapped to its {@link LineSet#id}.
+     *
+     * @type {{String:LineSet}}
+     */_this52.lineSets={};/**
+     * The real world offset for this Scene
+     *
+     * @type {Number[]}
+     */_this52.realWorldOffset=cfg.realWorldOffset||new Float64Array([0,0,0]);/**
+     * Manages the HTML5 canvas for this Scene.
+     *
+     * @type {Canvas}
+     */_this52.canvas=new Canvas(_assertThisInitialized(_this52),{dontClear:true,// Never destroy this component with Scene#clear();
+canvas:canvas,spinnerElementId:cfg.spinnerElementId,transparent:_this52._transparent,webgl2:cfg.webgl2!==false,contextAttr:cfg.contextAttr||{},backgroundColor:cfg.backgroundColor,backgroundColorFromAmbientLight:cfg.backgroundColorFromAmbientLight,premultipliedAlpha:cfg.premultipliedAlpha});_this52.canvas.on("boundary",function(){_this52.glRedraw();});_this52.canvas.on("webglContextFailed",function(){alert("xeokit failed to find WebGL!");});_this52._renderer=new Renderer$1(_assertThisInitialized(_this52),{transparent:_this52._transparent,alphaDepthMask:alphaDepthMask,edgesEnabled:_this52._edgesEnabled});_this52._sectionPlanesState=new function(){this.sectionPlanes=[];this.clippingCaps=false;this._numCachedSectionPlanes=0;var hash=null;this.getHash=function(){if(hash){return hash;}var numAllocatedSectionPlanes=this.getNumAllocatedSectionPlanes();var sectionPlanes=this.sectionPlanes;if(numAllocatedSectionPlanes===0){return this.hash=";";}var hashParts=[];for(var _i80=0,len=numAllocatedSectionPlanes;_i80<len;_i80++){sectionPlanes[_i80];hashParts.push("cp");}hashParts.push(";");hash=hashParts.join("");return hash;};this.addSectionPlane=function(sectionPlane){this.sectionPlanes.push(sectionPlane);hash=null;};this.removeSectionPlane=function(sectionPlane){for(var _i81=0,len=this.sectionPlanes.length;_i81<len;_i81++){if(this.sectionPlanes[_i81].id===sectionPlane.id){this.sectionPlanes.splice(_i81,1);hash=null;return;}}};this.setNumCachedSectionPlanes=function(numCachedSectionPlanes){this._numCachedSectionPlanes=numCachedSectionPlanes;hash=null;};this.getNumCachedSectionPlanes=function(){return this._numCachedSectionPlanes;};this.getNumAllocatedSectionPlanes=function(){var num=this.sectionPlanes.length;return num>this._numCachedSectionPlanes?num:this._numCachedSectionPlanes;};}();_this52._sectionPlanesState.setNumCachedSectionPlanes(cfg.numCachedSectionPlanes||0);_this52._lightsState=new function(){var DEFAULT_AMBIENT=math.vec4([0,0,0,0]);var ambientColorIntensity=math.vec4();this.lights=[];this.reflectionMaps=[];this.lightMaps=[];var hash=null;var ambientLight=null;this.getHash=function(){if(hash){return hash;}var hashParts=[];var lights=this.lights;var light;for(var _i82=0,len=lights.length;_i82<len;_i82++){light=lights[_i82];hashParts.push("/");hashParts.push(light.type);hashParts.push(light.space==="world"?"w":"v");if(light.castsShadow){hashParts.push("sh");}}if(this.lightMaps.length>0){hashParts.push("/lm");}if(this.reflectionMaps.length>0){hashParts.push("/rm");}hashParts.push(";");hash=hashParts.join("");return hash;};this.addLight=function(state){this.lights.push(state);ambientLight=null;hash=null;};this.removeLight=function(state){for(var _i83=0,len=this.lights.length;_i83<len;_i83++){var light=this.lights[_i83];if(light.id===state.id){this.lights.splice(_i83,1);if(ambientLight&&ambientLight.id===state.id){ambientLight=null;}hash=null;return;}}};this.addReflectionMap=function(state){this.reflectionMaps.push(state);hash=null;};this.removeReflectionMap=function(state){for(var _i84=0,len=this.reflectionMaps.length;_i84<len;_i84++){if(this.reflectionMaps[_i84].id===state.id){this.reflectionMaps.splice(_i84,1);hash=null;return;}}};this.addLightMap=function(state){this.lightMaps.push(state);hash=null;};this.removeLightMap=function(state){for(var _i85=0,len=this.lightMaps.length;_i85<len;_i85++){if(this.lightMaps[_i85].id===state.id){this.lightMaps.splice(_i85,1);hash=null;return;}}};this.getAmbientColorAndIntensity=function(){if(!ambientLight){for(var _i86=0,len=this.lights.length;_i86<len;_i86++){var light=this.lights[_i86];if(light.type==="ambient"){ambientLight=light;break;}}}if(ambientLight){var _color2=ambientLight.color;var intensity=ambientLight.intensity;ambientColorIntensity[0]=_color2[0];ambientColorIntensity[1]=_color2[1];ambientColorIntensity[2]=_color2[2];ambientColorIntensity[3]=intensity;return ambientColorIntensity;}else{return DEFAULT_AMBIENT;}};}();/**
+     * Publishes input events that occur on this Scene's canvas.
+     * @property input
+     * @type {Input}
+     * @final
+     */_this52.input=new Input(_assertThisInitialized(_this52),{dontClear:true,// Never destroy this component with Scene#clear();
 element:_this52.canvas.canvas,keyboardEventsElement:cfg.keyboardEventsElement});/**
-         * Configures this Scene's units of measurement and coordinate mapping between Real-space and World-space 3D coordinate systems.
-         *
-         * @property metrics
-         * @type {Metrics}
-         * @final
-         */_this52.metrics=new Metrics(_assertThisInitialized(_this52),{units:cfg.units,scale:cfg.scale,origin:cfg.origin});/** Configures Scalable Ambient Obscurance (SAO) for this Scene.
-         * @type {SAO}
-         * @final
-         */_this52.sao=new SAO(_assertThisInitialized(_this52),{enabled:cfg.saoEnabled});_this52.ticksPerRender=cfg.ticksPerRender;_this52.ticksPerOcclusionTest=cfg.ticksPerOcclusionTest;_this52.passes=cfg.passes;_this52.clearEachPass=cfg.clearEachPass;_this52.gammaInput=cfg.gammaInput;_this52.gammaOutput=cfg.gammaOutput;_this52.gammaFactor=cfg.gammaFactor;_this52._entityOffsetsEnabled=!!cfg.entityOffsetsEnabled;_this52._logarithmicDepthBufferEnabled=!!cfg.logarithmicDepthBufferEnabled;_this52._dtxEnabled=cfg.dtxEnabled!==false;_this52._pbrEnabled=!!cfg.pbrEnabled;_this52._colorTextureEnabled=cfg.colorTextureEnabled!==false;_this52._dtxEnabled=!!cfg.dtxEnabled;// Register Scene on xeokit
+     * Configures this Scene's units of measurement and coordinate mapping between Real-space and World-space 3D coordinate systems.
+     *
+     * @property metrics
+     * @type {Metrics}
+     * @final
+     */_this52.metrics=new Metrics(_assertThisInitialized(_this52),{units:cfg.units,scale:cfg.scale,origin:cfg.origin});/** Configures Scalable Ambient Obscurance (SAO) for this Scene.
+     * @type {SAO}
+     * @final
+     */_this52.sao=new SAO(_assertThisInitialized(_this52),{enabled:cfg.saoEnabled});_this52.ticksPerRender=cfg.ticksPerRender;_this52.ticksPerOcclusionTest=cfg.ticksPerOcclusionTest;_this52.passes=cfg.passes;_this52.clearEachPass=cfg.clearEachPass;_this52.gammaInput=cfg.gammaInput;_this52.gammaOutput=cfg.gammaOutput;_this52.gammaFactor=cfg.gammaFactor;_this52._entityOffsetsEnabled=!!cfg.entityOffsetsEnabled;_this52._logarithmicDepthBufferEnabled=!!cfg.logarithmicDepthBufferEnabled;_this52._dtxEnabled=cfg.dtxEnabled!==false;_this52._pbrEnabled=!!cfg.pbrEnabled;_this52._colorTextureEnabled=cfg.colorTextureEnabled!==false;_this52._dtxEnabled=!!cfg.dtxEnabled;// Register Scene on xeokit
 // Do this BEFORE we add components below
 core._addScene(_assertThisInitialized(_this52));_this52._initDefaults();// Global components
 _this52._viewport=new Viewport(_assertThisInitialized(_this52),{id:"default.viewport",autoBoundary:true,dontClear:true// Never destroy this component with Scene#clear();
 });_this52._camera=new Camera(_assertThisInitialized(_this52),{id:"default.camera",dontClear:true// Never destroy this component with Scene#clear();
 });// Default lights
-new AmbientLight(_assertThisInitialized(_this52),{color:[1.0,1.0,1.0],intensity:0.7});new DirLight(_assertThisInitialized(_this52),{dir:[0.8,-.5,-0.5],color:[0.67,0.67,1.0],intensity:0.7,space:"world"});new DirLight(_assertThisInitialized(_this52),{dir:[-0.8,-1.0,0.5],color:[1,1,.9],intensity:0.9,space:"world"});_this52._camera.on("dirty",function(){_this52._renderer.imageDirty();});return _this52;}_createClass(Scene,[{key:"type",get:/**
+new AmbientLight(_assertThisInitialized(_this52),{color:[1.0,1.0,1.0],intensity:0.7});new DirLight(_assertThisInitialized(_this52),{dir:[0.8,-0.5,-0.5],color:[0.67,0.67,1.0],intensity:0.7,space:"world"});new DirLight(_assertThisInitialized(_this52),{dir:[-0.8,-1.0,0.5],color:[1,1,0.9],intensity:0.9,space:"world"});_this52._camera.on("dirty",function(){_this52._renderer.imageDirty();});return _this52;}_createClass(Scene,[{key:"type",get:/**
      @private
      */function get(){return"Scene";}},{key:"_initDefaults",value:function _initDefaults(){this.geometry;this.material;this.xrayMaterial;this.edgeMaterial;this.selectedMaterial;this.highlightMaterial;}},{key:"_addComponent",value:function _addComponent(component){if(component.id){// Manual ID
 if(this.components[component.id]){this.error("Component "+utils.inQuotes(component.id)+" already exists in Scene - ignoring ID, will randomly-generate instead");component.id=null;}}if(!component.id){// Auto ID
@@ -9033,371 +9032,388 @@ if(notify){this.fire("objectSelected",entity,true);}}},{key:"_deRegisterSelected
 }},{key:"_webglContextLost",value:function _webglContextLost(){//  this.loading++;
 this.canvas.spinner.processes++;for(var id in this.components){if(this.components.hasOwnProperty(id)){var component=this.components[id];if(component._webglContextLost){component._webglContextLost();}}}this._renderer.webglContextLost();}},{key:"_webglContextRestored",value:function _webglContextRestored(){var gl=this.canvas.gl;for(var id in this.components){if(this.components.hasOwnProperty(id)){var component=this.components[id];if(component._webglContextRestored){component._webglContextRestored(gl);}}}this._renderer.webglContextRestored(gl);//this.loading--;
 this.canvas.spinner.processes--;}/**
-     * Returns the capabilities of this Scene.
+   * Returns the capabilities of this Scene.
+   *
+   * @private
+   * @returns {{astcSupported: boolean, etc1Supported: boolean, pvrtcSupported: boolean, etc2Supported: boolean, dxtSupported: boolean, bptcSupported: boolean}}
+   */},{key:"capabilities",get:function get(){return this._renderer.capabilities;}/**
+   * Whether {@link Entity#offset} is enabled.
+   *
+   * This is set via the {@link Viewer} constructor and is ````false```` by default.
+   *
+   * @returns {Boolean} True if {@link Entity#offset} is enabled.
+   */},{key:"entityOffsetsEnabled",get:function get(){return this._entityOffsetsEnabled;}/**
+   * Whether precision surface picking is enabled.
+   *
+   * This is set via the {@link Viewer} constructor and is ````false```` by default.
+   *
+   * The ````pickSurfacePrecision```` option for ````Scene#pick```` only works if this is set ````true````.
+   *
+   * Note that when ````true````, this configuration will increase the amount of browser memory used by the Viewer.
+   *
+   * @returns {Boolean} True if precision picking is enabled.
+   */},{key:"pickSurfacePrecisionEnabled",get:function get(){return false;// Removed
+}/**
+   * Whether logarithmic depth buffer is enabled.
+   *
+   * This is set via the {@link Viewer} constructor and is ````false```` by default.
+   *
+   * @returns {Boolean} True if logarithmic depth buffer is enabled.
+   */},{key:"logarithmicDepthBufferEnabled",get:function get(){return this._logarithmicDepthBufferEnabled;}/**
+   * Sets the number of {@link SectionPlane}s for which this Scene pre-caches resources.
+   *
+   * This property enhances the efficiency of SectionPlane creation by proactively allocating and caching Viewer resources for a specified quantity
+   * of SectionPlanes. Introducing this parameter streamlines the initial creation speed of SectionPlanes, particularly up to the designated quantity. This parameter internally
+   * configures renderer logic for the specified number of SectionPlanes, eliminating the need for setting up logic with each SectionPlane creation and thereby enhancing
+   * responsiveness. It is important to consider that each SectionPlane impacts rendering performance, so it is recommended to set this value to a quantity that aligns with
+   * your expected usage.
+   *
+   * Default is ````0````.
+   */},{key:"numCachedSectionPlanes",get:/**
+   * Gets the number of {@link SectionPlane}s for which this Scene pre-caches resources.
+   *
+   * This property enhances the efficiency of SectionPlane creation by proactively allocating and caching Viewer resources for a specified quantity
+   * of SectionPlanes. Introducing this parameter streamlines the initial creation speed of SectionPlanes, particularly up to the designated quantity. This parameter internally
+   * configures renderer logic for the specified number of SectionPlanes, eliminating the need for setting up logic with each SectionPlane creation and thereby enhancing
+   * responsiveness. It is important to consider that each SectionPlane impacts rendering performance, so it is recommended to set this value to a quantity that aligns with
+   * your expected usage.
+   *
+   * Default is ````0````.
+   *
+   * @returns {number} The number of {@link SectionPlane}s for which this Scene pre-caches resources.
+   */function get(){return this._sectionPlanesState.getNumCachedSectionPlanes();}/**
+   * Sets whether physically-based rendering is enabled.
+   *
+   * Default is ````false````.
+   */,set:function set(numCachedSectionPlanes){numCachedSectionPlanes=numCachedSectionPlanes||0;if(this._sectionPlanesState.getNumCachedSectionPlanes()!==numCachedSectionPlanes){this._sectionPlanesState.setNumCachedSectionPlanes(numCachedSectionPlanes);this._needRecompile=true;this.glRedraw();}}},{key:"pbrEnabled",get:/**
+   * Gets whether physically-based rendering is enabled.
+   *
+   * Default is ````false````.
+   *
+   * @returns {Boolean} True if quality rendering is enabled.
+   */function get(){return this._pbrEnabled;}/**
+   * Sets whether data texture scene representation (DTX) is enabled for the {@link Scene}.
+   *
+   * Even when enabled, DTX will only work if supported.
+   *
+   * Default value is ````false````.
+   *
+   * @type {Boolean}
+   */,set:function set(pbrEnabled){this._pbrEnabled=!!pbrEnabled;this.glRedraw();}},{key:"dtxEnabled",get:/**
+   * Gets whether data texture-based scene representation (DTX) is enabled for the {@link Scene}.
+   *
+   * Even when enabled, DTX will only apply if supported.
+   *
+   * Default value is ````false````.
+   *
+   * @type {Boolean}
+   */function get(){return this._dtxEnabled;}/**
+   * set showedges enable
+   * @param {boolean} edgesEnabled
+   */,set:function set(value){value=!!value;if(this._dtxEnabled===value){return;}this._dtxEnabled=value;}},{key:"edgesEnabled",get:/**
+   * @param {boolean} trans
+   */function get(){return this._edgesEnabled;}/**
+   * set whether transparent of canvas background
+   * @param {boolean} trans
+   */,set:function set(edgesEnabled){edgesEnabled=!!edgesEnabled;if(this._edgesEnabled===edgesEnabled){return;}this._edgesEnabled=edgesEnabled;this._renderer.setEdgesEnabled(edgesEnabled);}},{key:"backgroundTransparent",get:/**
+   * @returns {boolean} backgroundTransparent
+   */function get(){return this._transparent;}/**
+   * set background color
+   * @param {[]} color
+   */,set:function set(trans){trans=!!trans;// if (this._transparent == trans) {
+//   return;
+// }
+this._transparent=trans;this._renderer.setTransparentEnabled(trans);}},{key:"backgroundColor",get:/**
+   * return backgroundColor
+   * @returns {boolean} backgroundColor
+   */function get(){return this.canvas.backgroundColor();}/**
+   * Sets whether basic color texture rendering is enabled.
+   *
+   * Default is ````true````.
+   *
+   * @returns {Boolean} True if basic color texture rendering is enabled.
+   */,set:function set(color){this.canvas.backgroundColor=color;this._renderer.render({force:true});}},{key:"colorTextureEnabled",get:/**
+   * Gets whether basic color texture rendering is enabled.
+   *
+   * Default is ````true````.
+   *
+   * @returns {Boolean} True if basic color texture rendering is enabled.
+   */function get(){return this._colorTextureEnabled;}/**
+   * Performs an occlusion test on all {@link Marker}s in this {@link Scene}.
+   *
+   * Sets each {@link Marker#visible} ````true```` if the Marker is currently not occluded by any opaque {@link Entity}s
+   * in the Scene, or ````false```` if an Entity is occluding it.
+   */,set:function set(colorTextureEnabled){this._colorTextureEnabled=!!colorTextureEnabled;this.glRedraw();}},{key:"doOcclusionTest",value:function doOcclusionTest(){if(this._needRecompile){this._recompile();this._needRecompile=false;}this._renderer.doOcclusionTest();}/**
+   * Renders a single frame of this Scene.
+   *
+   * The Scene will periodically render itself after any updates, but you can call this method to force a render
+   * if required.
+   *
+   * @param {Boolean} [forceRender=false] Forces a render when true, otherwise only renders if something has changed in this Scene
+   * since the last render.
+   */},{key:"render",value:function render(forceRender){if(forceRender){core.runTasks();}var renderEvent={sceneId:null,pass:0};if(this._needRecompile){this._recompile();this._renderer.imageDirty();this._needRecompile=false;}if(!forceRender&&!this._renderer.needsRender()){return;}renderEvent.sceneId=this.id;var passes=this._passes;var clearEachPass=this._clearEachPass;var pass;var clear;for(pass=0;pass<passes;pass++){renderEvent.pass=pass;/**
+       * Fired when about to render a frame for a Scene.
+       *
+       * @event rendering
+       * @param {String} sceneID The ID of this Scene.
+       * @param {Number} pass Index of the pass we are about to render (see {@link Scene#passes}).
+       */this.fire("rendering",renderEvent,true);clear=clearEachPass||pass===0;this._renderer.render({pass:pass,clear:clear,force:forceRender});/**
+       * Fired when we have just rendered a frame for a Scene.
+       *
+       * @event rendering
+       * @param {String} sceneID The ID of this Scene.
+       * @param {Number} pass Index of the pass we rendered (see {@link Scene#passes}).
+       */this.fire("rendered",renderEvent,true);}this._saveAmbientColor();}/**
+   * @private
+   */},{key:"compile",value:function compile(){if(this._needRecompile){this._recompile();this._renderer.imageDirty();this._needRecompile=false;}}},{key:"_recompile",value:function _recompile(){for(var id in this._compilables){if(this._compilables.hasOwnProperty(id)){this._compilables[id].compile();}}this._renderer.shadowsDirty();this.fire("compile",this,true);}},{key:"_saveAmbientColor",value:function _saveAmbientColor(){var canvas=this.canvas;if(!canvas.transparent&&!canvas.backgroundImage&&!canvas.backgroundColor){var ambientColorIntensity=this._lightsState.getAmbientColorAndIntensity();if(!this._lastAmbientColor||this._lastAmbientColor[0]!==ambientColorIntensity[0]||this._lastAmbientColor[1]!==ambientColorIntensity[1]||this._lastAmbientColor[2]!==ambientColorIntensity[2]||this._lastAmbientColor[3]!==ambientColorIntensity[3]){canvas.backgroundColor=ambientColorIntensity;if(!this._lastAmbientColor){this._lastAmbientColor=math.vec4([0,0,0,1]);}this._lastAmbientColor.set(ambientColorIntensity);}}else{this._lastAmbientColor=null;}}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#models}.
+   *
+   * @type {String[]}
+   */},{key:"modelIds",get:function get(){if(!this._modelIds){this._modelIds=Object.keys(this.models);}return this._modelIds;}/**
+   * Gets the number of {@link Entity}s in {@link Scene#objects}.
+   *
+   * @type {Number}
+   */},{key:"numObjects",get:function get(){return this._numObjects;}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#objects}.
+   *
+   * @type {String[]}
+   */},{key:"objectIds",get:function get(){if(!this._objectIds){this._objectIds=Object.keys(this.objects);}return this._objectIds;}/**
+   * Gets the number of {@link Entity}s in {@link Scene#visibleObjects}.
+   *
+   * @type {Number}
+   */},{key:"numVisibleObjects",get:function get(){return this._numVisibleObjects;}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#visibleObjects}.
+   *
+   * @type {String[]}
+   */},{key:"visibleObjectIds",get:function get(){if(!this._visibleObjectIds){this._visibleObjectIds=Object.keys(this.visibleObjects);}return this._visibleObjectIds;}/**
+   * Gets the number of {@link Entity}s in {@link Scene#xrayedObjects}.
+   *
+   * @type {Number}
+   */},{key:"numXRayedObjects",get:function get(){return this._numXRayedObjects;}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#xrayedObjects}.
+   *
+   * @type {String[]}
+   */},{key:"xrayedObjectIds",get:function get(){if(!this._xrayedObjectIds){this._xrayedObjectIds=Object.keys(this.xrayedObjects);}return this._xrayedObjectIds;}/**
+   * Gets the number of {@link Entity}s in {@link Scene#highlightedObjects}.
+   *
+   * @type {Number}
+   */},{key:"numHighlightedObjects",get:function get(){return this._numHighlightedObjects;}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#highlightedObjects}.
+   *
+   * @type {String[]}
+   */},{key:"highlightedObjectIds",get:function get(){if(!this._highlightedObjectIds){this._highlightedObjectIds=Object.keys(this.highlightedObjects);}return this._highlightedObjectIds;}/**
+   * Gets the number of {@link Entity}s in {@link Scene#selectedObjects}.
+   *
+   * @type {Number}
+   */},{key:"numSelectedObjects",get:function get(){return this._numSelectedObjects;}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#selectedObjects}.
+   *
+   * @type {String[]}
+   */},{key:"selectedObjectIds",get:function get(){if(!this._selectedObjectIds){this._selectedObjectIds=Object.keys(this.selectedObjects);}return this._selectedObjectIds;}/**
+   * Gets the number of {@link Entity}s in {@link Scene#colorizedObjects}.
+   *
+   * @type {Number}
+   */},{key:"numColorizedObjects",get:function get(){return this._numColorizedObjects;}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#colorizedObjects}.
+   *
+   * @type {String[]}
+   */},{key:"colorizedObjectIds",get:function get(){if(!this._colorizedObjectIds){this._colorizedObjectIds=Object.keys(this.colorizedObjects);}return this._colorizedObjectIds;}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#opacityObjects}.
+   *
+   * @type {String[]}
+   */},{key:"opacityObjectIds",get:function get(){if(!this._opacityObjectIds){this._opacityObjectIds=Object.keys(this.opacityObjects);}return this._opacityObjectIds;}/**
+   * Gets the IDs of the {@link Entity}s in {@link Scene#offsetObjects}.
+   *
+   * @type {String[]}
+   */},{key:"offsetObjectIds",get:function get(){if(!this._offsetObjectIds){this._offsetObjectIds=Object.keys(this.offsetObjects);}return this._offsetObjectIds;}/**
+   * Sets the number of "ticks" that happen between each render or this Scene.
+   *
+   * Default value is ````1````.
+   *
+   * @type {Number}
+   */},{key:"ticksPerRender",get:/**
+   * Gets the number of "ticks" that happen between each render or this Scene.
+   *
+   * Default value is ````1````.
+   *
+   * @type {Number}
+   */function get(){return this._ticksPerRender;}/**
+   * Sets the number of "ticks" that happen between occlusion testing for {@link Marker}s.
+   *
+   * Default value is ````20````.
+   *
+   * @type {Number}
+   */,set:function set(value){if(value===undefined||value===null){value=1;}else if(!utils.isNumeric(value)||value<=0){this.error("Unsupported value for 'ticksPerRender': '"+value+"' - should be an integer greater than zero.");value=1;}if(value===this._ticksPerRender){return;}this._ticksPerRender=value;}},{key:"ticksPerOcclusionTest",get:/**
+   * Gets the number of "ticks" that happen between each render of this Scene.
+   *
+   * Default value is ````1````.
+   *
+   * @type {Number}
+   */function get(){return this._ticksPerOcclusionTest;}/**
+   * Sets the number of times this Scene renders per frame.
+   *
+   * Default value is ````1````.
+   *
+   * @type {Number}
+   */,set:function set(value){if(value===undefined||value===null){value=20;}else if(!utils.isNumeric(value)||value<=0){this.error("Unsupported value for 'ticksPerOcclusionTest': '"+value+"' - should be an integer greater than zero.");value=20;}if(value===this._ticksPerOcclusionTest){return;}this._ticksPerOcclusionTest=value;}},{key:"passes",get:/**
+   * Gets the number of times this Scene renders per frame.
+   *
+   * Default value is ````1````.
+   *
+   * @type {Number}
+   */function get(){return this._passes;}/**
+   * When {@link Scene#passes} is greater than ````1````, indicates whether or not to clear the canvas before each pass (````true````) or just before the first pass (````false````).
+   *
+   * Default value is ````false````.
+   *
+   * @type {Boolean}
+   */,set:function set(value){if(value===undefined||value===null){value=1;}else if(!utils.isNumeric(value)||value<=0){this.error("Unsupported value for 'passes': '"+value+"' - should be an integer greater than zero.");value=1;}if(value===this._passes){return;}this._passes=value;this.glRedraw();}},{key:"clearEachPass",get:/**
+   * When {@link Scene#passes} is greater than ````1````, indicates whether or not to clear the canvas before each pass (````true````) or just before the first pass (````false````).
+   *
+   * Default value is ````false````.
+   *
+   * @type {Boolean}
+   */function get(){return this._clearEachPass;}/**
+   * Sets whether or not {@link Scene} should expect all {@link Texture}s and colors to have pre-multiplied gamma.
+   *
+   * Default value is ````false````.
+   *
+   * @type {Boolean}
+   */,set:function set(value){value=!!value;if(value===this._clearEachPass){return;}this._clearEachPass=value;this.glRedraw();}},{key:"gammaInput",get:/**
+   * Gets whether or not {@link Scene} should expect all {@link Texture}s and colors to have pre-multiplied gamma.
+   *
+   * Default value is ````false````.
+   *
+   * @type {Boolean}
+   */function get(){return this._renderer.gammaInput;}/**
+   * Sets whether or not to render pixels with pre-multiplied gama.
+   *
+   * Default value is ````false````.
+   *
+   * @type {Boolean}
+   */,set:function set(value){value=value!==false;if(value===this._renderer.gammaInput){return;}this._renderer.gammaInput=value;this._needRecompile=true;this.glRedraw();}},{key:"gammaOutput",get:/**
+   * Gets whether or not to render pixels with pre-multiplied gama.
+   *
+   * Default value is ````true````.
+   *
+   * @type {Boolean}
+   */function get(){return this._renderer.gammaOutput;}/**
+   * Sets the gamma factor to use when {@link Scene#gammaOutput} is set true.
+   *
+   * Default value is ````2.2````.
+   *
+   * @type {Number}
+   */,set:function set(value){value=!!value;if(value===this._renderer.gammaOutput){return;}this._renderer.gammaOutput=value;this._needRecompile=true;this.glRedraw();}},{key:"gammaFactor",get:/**
+   * Gets the gamma factor to use when {@link Scene#gammaOutput} is set true.
+   *
+   * Default value is ````2.2````.
+   *
+   * @type {Number}
+   */function get(){return this._renderer.gammaFactor;}/**
+   * Gets the default {@link Geometry} for this Scene, which is a {@link ReadableGeometry} with a unit-sized box shape.
+   *
+   * Has {@link ReadableGeometry#id} set to "default.geometry".
+   *
+   * {@link Mesh}s in this Scene have {@link Mesh#geometry} set to this {@link ReadableGeometry} by default.
+   *
+   * @type {ReadableGeometry}
+   */,set:function set(value){value=value===undefined||value===null?2.2:value;if(value===this._renderer.gammaFactor){return;}this._renderer.gammaFactor=value;this.glRedraw();}},{key:"geometry",get:function get(){return this.components["default.geometry"]||buildBoxGeometry(ReadableGeometry);}/**
+   * Gets the default {@link Material} for this Scene, which is a {@link PhongMaterial}.
+   *
+   * Has {@link PhongMaterial#id} set to "default.material".
+   *
+   * {@link Mesh}s in this Scene have {@link Mesh#material} set to this {@link PhongMaterial} by default.
+   *
+   * @type {PhongMaterial}
+   */},{key:"material",get:function get(){return this.components["default.material"]||new PhongMaterial(this,{id:"default.material",emissive:[0.4,0.4,0.4],// Visible by default on geometry without normals
+dontClear:true});}/**
+   * Gets the default xraying {@link EmphasisMaterial} for this Scene.
+   *
+   * Has {@link EmphasisMaterial#id} set to "default.xrayMaterial".
+   *
+   * {@link Mesh}s in this Scene have {@link Mesh#xrayMaterial} set to this {@link EmphasisMaterial} by default.
+   *
+   * {@link Mesh}s are xrayed while {@link Mesh#xrayed} is ````true````.
+   *
+   * @type {EmphasisMaterial}
+   */},{key:"xrayMaterial",get:function get(){return this.components["default.xrayMaterial"]||new EmphasisMaterial(this,{id:"default.xrayMaterial",preset:"sepia",dontClear:true});}/**
+   * Gets the default highlight {@link EmphasisMaterial} for this Scene.
+   *
+   * Has {@link EmphasisMaterial#id} set to "default.highlightMaterial".
+   *
+   * {@link Mesh}s in this Scene have {@link Mesh#highlightMaterial} set to this {@link EmphasisMaterial} by default.
+   *
+   * {@link Mesh}s are highlighted while {@link Mesh#highlighted} is ````true````.
+   *
+   * @type {EmphasisMaterial}
+   */},{key:"highlightMaterial",get:function get(){return this.components["default.highlightMaterial"]||new EmphasisMaterial(this,{id:"default.highlightMaterial",preset:"yellowHighlight",dontClear:true});}/**
+   * Gets the default selection {@link EmphasisMaterial} for this Scene.
+   *
+   * Has {@link EmphasisMaterial#id} set to "default.selectedMaterial".
+   *
+   * {@link Mesh}s in this Scene have {@link Mesh#highlightMaterial} set to this {@link EmphasisMaterial} by default.
+   *
+   * {@link Mesh}s are highlighted while {@link Mesh#highlighted} is ````true````.
+   *
+   * @type {EmphasisMaterial}
+   */},{key:"selectedMaterial",get:function get(){return this.components["default.selectedMaterial"]||new EmphasisMaterial(this,{id:"default.selectedMaterial",preset:"greenSelected",dontClear:true});}/**
+   * Gets the default {@link EdgeMaterial} for this Scene.
+   *
+   * Has {@link EdgeMaterial#id} set to "default.edgeMaterial".
+   *
+   * {@link Mesh}s in this Scene have {@link Mesh#edgeMaterial} set to this {@link EdgeMaterial} by default.
+   *
+   * {@link Mesh}s have their edges emphasized while {@link Mesh#edges} is ````true````.
+   *
+   * @type {EdgeMaterial}
+   */},{key:"edgeMaterial",get:function get(){return this.components["default.edgeMaterial"]||new EdgeMaterial(this,{id:"default.edgeMaterial",preset:"default",edgeColor:[0.0,0.0,0.0],edgeAlpha:1.0,edgeWidth:1,dontClear:true});}/**
+   * Gets the {@link PointsMaterial} for this Scene.
+   *
+   * @type {PointsMaterial}
+   */},{key:"pointsMaterial",get:function get(){return this.components["default.pointsMaterial"]||new PointsMaterial(this,{id:"default.pointsMaterial",preset:"default",dontClear:true});}/**
+   * Gets the {@link LinesMaterial} for this Scene.
+   *
+   * @type {LinesMaterial}
+   */},{key:"linesMaterial",get:function get(){return this.components["default.linesMaterial"]||new LinesMaterial(this,{id:"default.linesMaterial",preset:"default",dontClear:true});}/**
+   * Gets the {@link Viewport} for this Scene.
+   *
+   * @type Viewport
+   */},{key:"viewport",get:function get(){return this._viewport;}/**
+   * Gets the {@link Camera} for this Scene.
+   *
+   * @type {Camera}
+   */},{key:"camera",get:function get(){return this._camera;}/**
+   * Gets the World-space 3D center of this Scene.
+   *
+   *@type {Number[]}
+   */},{key:"center",get:function get(){if(this._aabbDirty||!this._center){if(!this._center||!this._center){this._center=math.vec3();}var aabb=this.aabb;this._center[0]=(aabb[0]+aabb[3])/2;this._center[1]=(aabb[1]+aabb[4])/2;this._center[2]=(aabb[2]+aabb[5])/2;}return this._center;}/**
+   * Gets the World-space axis-aligned 3D boundary (AABB) of this Scene.
+   *
+   * The AABB is represented by a six-element Float64Array containing the min/max extents of the axis-aligned volume, ie. ````[xmin, ymin,zmin,xmax,ymax, zmax]````.
+   *
+   * When the Scene has no content, will be ````[-100,-100,-100,100,100,100]````.
+   *
+   * @type {Number[]}
+   */},{key:"aabb",get:function get(){if(this._aabbDirty){if(!this._aabb){this._aabb=math.AABB3();}var xmin=math.MAX_DOUBLE;var ymin=math.MAX_DOUBLE;var zmin=math.MAX_DOUBLE;var xmax=math.MIN_DOUBLE;var ymax=math.MIN_DOUBLE;var zmax=math.MIN_DOUBLE;var aabb;var collidables=this._collidables;var collidable;var valid=false;for(var collidableId in collidables){if(collidables.hasOwnProperty(collidableId)){collidable=collidables[collidableId];if(collidable.collidable===false){continue;}aabb=collidable.aabb;if(aabb[0]<xmin){xmin=aabb[0];}if(aabb[1]<ymin){ymin=aabb[1];}if(aabb[2]<zmin){zmin=aabb[2];}if(aabb[3]>xmax){xmax=aabb[3];}if(aabb[4]>ymax){ymax=aabb[4];}if(aabb[5]>zmax){zmax=aabb[5];}valid=true;}}if(!valid){xmin=-100;ymin=-100;zmin=-100;xmax=100;ymax=100;zmax=100;}this._aabb[0]=xmin;this._aabb[1]=ymin;this._aabb[2]=zmin;this._aabb[3]=xmax;this._aabb[4]=ymax;this._aabb[5]=zmax;this._aabbDirty=false;}return this._aabb;}},{key:"_setAABBDirty",value:function _setAABBDirty(){//if (!this._aabbDirty) {
+this._aabbDirty=true;this.fire("boundary");// }
+}/**
+     * Attempts to pick an {@link Entity} in this Scene.
      *
-     * @private
-     * @returns {{astcSupported: boolean, etc1Supported: boolean, pvrtcSupported: boolean, etc2Supported: boolean, dxtSupported: boolean, bptcSupported: boolean}}
-     */},{key:"capabilities",get:function get(){return this._renderer.capabilities;}/**
-     * Whether {@link Entity#offset} is enabled.
+     * Ignores {@link Entity}s with {@link Entity#pickable} set ````false````.
      *
-     * This is set via the {@link Viewer} constructor and is ````false```` by default.
+     * When an {@link Entity} is picked, fires a "pick" event on the {@link Entity} with the pick result as parameters.
      *
-     * @returns {Boolean} True if {@link Entity#offset} is enabled.
-     */},{key:"entityOffsetsEnabled",get:function get(){return this._entityOffsetsEnabled;}/**
-     * Whether precision surface picking is enabled.
+     * Picking the {@link Entity} at the given canvas coordinates:
+
+     * ````javascript
+     * var pickResult = scene.pick({
+     *          canvasPos: [23, 131]
+     *       });
      *
-     * This is set via the {@link Viewer} constructor and is ````false```` by default.
-     *
-     * The ````pickSurfacePrecision```` option for ````Scene#pick```` only works if this is set ````true````.
-     *
-     * Note that when ````true````, this configuration will increase the amount of browser memory used by the Viewer.
-     *
-     * @returns {Boolean} True if precision picking is enabled.
-     */},{key:"pickSurfacePrecisionEnabled",get:function get(){return false;// Removed
-}/**
-     * Whether logarithmic depth buffer is enabled.
-     *
-     * This is set via the {@link Viewer} constructor and is ````false```` by default.
-     *
-     * @returns {Boolean} True if logarithmic depth buffer is enabled.
-     */},{key:"logarithmicDepthBufferEnabled",get:function get(){return this._logarithmicDepthBufferEnabled;}/**
-     * Sets the number of {@link SectionPlane}s for which this Scene pre-caches resources.
-     *
-     * This property enhances the efficiency of SectionPlane creation by proactively allocating and caching Viewer resources for a specified quantity
-     * of SectionPlanes. Introducing this parameter streamlines the initial creation speed of SectionPlanes, particularly up to the designated quantity. This parameter internally
-     * configures renderer logic for the specified number of SectionPlanes, eliminating the need for setting up logic with each SectionPlane creation and thereby enhancing
-     * responsiveness. It is important to consider that each SectionPlane impacts rendering performance, so it is recommended to set this value to a quantity that aligns with
-     * your expected usage.
-     *
-     * Default is ````0````.
-     */},{key:"numCachedSectionPlanes",get:/**
-     * Gets the number of {@link SectionPlane}s for which this Scene pre-caches resources.
-     *
-     * This property enhances the efficiency of SectionPlane creation by proactively allocating and caching Viewer resources for a specified quantity
-     * of SectionPlanes. Introducing this parameter streamlines the initial creation speed of SectionPlanes, particularly up to the designated quantity. This parameter internally
-     * configures renderer logic for the specified number of SectionPlanes, eliminating the need for setting up logic with each SectionPlane creation and thereby enhancing
-     * responsiveness. It is important to consider that each SectionPlane impacts rendering performance, so it is recommended to set this value to a quantity that aligns with
-     * your expected usage.
-     *
-     * Default is ````0````.
-     *
-     * @returns {number} The number of {@link SectionPlane}s for which this Scene pre-caches resources.
-     */function get(){return this._sectionPlanesState.getNumCachedSectionPlanes();}/**
-     * Sets whether physically-based rendering is enabled.
-     *
-     * Default is ````false````.
-     */,set:function set(numCachedSectionPlanes){numCachedSectionPlanes=numCachedSectionPlanes||0;if(this._sectionPlanesState.getNumCachedSectionPlanes()!==numCachedSectionPlanes){this._sectionPlanesState.setNumCachedSectionPlanes(numCachedSectionPlanes);this._needRecompile=true;this.glRedraw();}}},{key:"pbrEnabled",get:/**
-     * Gets whether physically-based rendering is enabled.
-     *
-     * Default is ````false````.
-     *
-     * @returns {Boolean} True if quality rendering is enabled.
-     */function get(){return this._pbrEnabled;}/**
-     * Sets whether data texture scene representation (DTX) is enabled for the {@link Scene}.
-     *
-     * Even when enabled, DTX will only work if supported.
-     *
-     * Default value is ````false````.
-     *
-     * @type {Boolean}
-     */,set:function set(pbrEnabled){this._pbrEnabled=!!pbrEnabled;this.glRedraw();}},{key:"dtxEnabled",get:/**
-     * Gets whether data texture-based scene representation (DTX) is enabled for the {@link Scene}.
-     *
-     * Even when enabled, DTX will only apply if supported.
-     *
-     * Default value is ````false````.
-     *
-     * @type {Boolean}
-     */function get(){return this._dtxEnabled;}/**
-     * set showedges enable
-     */,set:function set(value){value=!!value;if(this._dtxEnabled===value){return;}this._dtxEnabled=value;}},{key:"setEdgesEnabled",value:function setEdgesEnabled(edgesEnabled){this._renderer.setEdgesEnabled(edgesEnabled);}/**
-     * Sets whether basic color texture rendering is enabled.
-     *
-     * Default is ````true````.
-     *
-     * @returns {Boolean} True if basic color texture rendering is enabled.
-     */},{key:"colorTextureEnabled",get:/**
-     * Gets whether basic color texture rendering is enabled.
-     *
-     * Default is ````true````.
-     *
-     * @returns {Boolean} True if basic color texture rendering is enabled.
-     */function get(){return this._colorTextureEnabled;}/**
-     * Performs an occlusion test on all {@link Marker}s in this {@link Scene}.
-     *
-     * Sets each {@link Marker#visible} ````true```` if the Marker is currently not occluded by any opaque {@link Entity}s
-     * in the Scene, or ````false```` if an Entity is occluding it.
-     */,set:function set(colorTextureEnabled){this._colorTextureEnabled=!!colorTextureEnabled;this.glRedraw();}},{key:"doOcclusionTest",value:function doOcclusionTest(){if(this._needRecompile){this._recompile();this._needRecompile=false;}this._renderer.doOcclusionTest();}/**
-     * Renders a single frame of this Scene.
-     *
-     * The Scene will periodically render itself after any updates, but you can call this method to force a render
-     * if required.
-     *
-     * @param {Boolean} [forceRender=false] Forces a render when true, otherwise only renders if something has changed in this Scene
-     * since the last render.
-     */},{key:"render",value:function render(forceRender){if(forceRender){core.runTasks();}var renderEvent={sceneId:null,pass:0};if(this._needRecompile){this._recompile();this._renderer.imageDirty();this._needRecompile=false;}if(!forceRender&&!this._renderer.needsRender()){return;}renderEvent.sceneId=this.id;var passes=this._passes;var clearEachPass=this._clearEachPass;var pass;var clear;for(pass=0;pass<passes;pass++){renderEvent.pass=pass;/**
-             * Fired when about to render a frame for a Scene.
-             *
-             * @event rendering
-             * @param {String} sceneID The ID of this Scene.
-             * @param {Number} pass Index of the pass we are about to render (see {@link Scene#passes}).
-             */this.fire("rendering",renderEvent,true);clear=clearEachPass||pass===0;this._renderer.render({pass:pass,clear:clear,force:forceRender});/**
-             * Fired when we have just rendered a frame for a Scene.
-             *
-             * @event rendering
-             * @param {String} sceneID The ID of this Scene.
-             * @param {Number} pass Index of the pass we rendered (see {@link Scene#passes}).
-             */this.fire("rendered",renderEvent,true);}this._saveAmbientColor();}/**
-     * @private
-     */},{key:"compile",value:function compile(){if(this._needRecompile){this._recompile();this._renderer.imageDirty();this._needRecompile=false;}}},{key:"_recompile",value:function _recompile(){for(var id in this._compilables){if(this._compilables.hasOwnProperty(id)){this._compilables[id].compile();}}this._renderer.shadowsDirty();this.fire("compile",this,true);}},{key:"_saveAmbientColor",value:function _saveAmbientColor(){var canvas=this.canvas;if(!canvas.transparent&&!canvas.backgroundImage&&!canvas.backgroundColor){var ambientColorIntensity=this._lightsState.getAmbientColorAndIntensity();if(!this._lastAmbientColor||this._lastAmbientColor[0]!==ambientColorIntensity[0]||this._lastAmbientColor[1]!==ambientColorIntensity[1]||this._lastAmbientColor[2]!==ambientColorIntensity[2]||this._lastAmbientColor[3]!==ambientColorIntensity[3]){canvas.backgroundColor=ambientColorIntensity;if(!this._lastAmbientColor){this._lastAmbientColor=math.vec4([0,0,0,1]);}this._lastAmbientColor.set(ambientColorIntensity);}}else{this._lastAmbientColor=null;}}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#models}.
-     *
-     * @type {String[]}
-     */},{key:"modelIds",get:function get(){if(!this._modelIds){this._modelIds=Object.keys(this.models);}return this._modelIds;}/**
-     * Gets the number of {@link Entity}s in {@link Scene#objects}.
-     *
-     * @type {Number}
-     */},{key:"numObjects",get:function get(){return this._numObjects;}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#objects}.
-     *
-     * @type {String[]}
-     */},{key:"objectIds",get:function get(){if(!this._objectIds){this._objectIds=Object.keys(this.objects);}return this._objectIds;}/**
-     * Gets the number of {@link Entity}s in {@link Scene#visibleObjects}.
-     *
-     * @type {Number}
-     */},{key:"numVisibleObjects",get:function get(){return this._numVisibleObjects;}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#visibleObjects}.
-     *
-     * @type {String[]}
-     */},{key:"visibleObjectIds",get:function get(){if(!this._visibleObjectIds){this._visibleObjectIds=Object.keys(this.visibleObjects);}return this._visibleObjectIds;}/**
-     * Gets the number of {@link Entity}s in {@link Scene#xrayedObjects}.
-     *
-     * @type {Number}
-     */},{key:"numXRayedObjects",get:function get(){return this._numXRayedObjects;}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#xrayedObjects}.
-     *
-     * @type {String[]}
-     */},{key:"xrayedObjectIds",get:function get(){if(!this._xrayedObjectIds){this._xrayedObjectIds=Object.keys(this.xrayedObjects);}return this._xrayedObjectIds;}/**
-     * Gets the number of {@link Entity}s in {@link Scene#highlightedObjects}.
-     *
-     * @type {Number}
-     */},{key:"numHighlightedObjects",get:function get(){return this._numHighlightedObjects;}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#highlightedObjects}.
-     *
-     * @type {String[]}
-     */},{key:"highlightedObjectIds",get:function get(){if(!this._highlightedObjectIds){this._highlightedObjectIds=Object.keys(this.highlightedObjects);}return this._highlightedObjectIds;}/**
-     * Gets the number of {@link Entity}s in {@link Scene#selectedObjects}.
-     *
-     * @type {Number}
-     */},{key:"numSelectedObjects",get:function get(){return this._numSelectedObjects;}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#selectedObjects}.
-     *
-     * @type {String[]}
-     */},{key:"selectedObjectIds",get:function get(){if(!this._selectedObjectIds){this._selectedObjectIds=Object.keys(this.selectedObjects);}return this._selectedObjectIds;}/**
-     * Gets the number of {@link Entity}s in {@link Scene#colorizedObjects}.
-     *
-     * @type {Number}
-     */},{key:"numColorizedObjects",get:function get(){return this._numColorizedObjects;}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#colorizedObjects}.
-     *
-     * @type {String[]}
-     */},{key:"colorizedObjectIds",get:function get(){if(!this._colorizedObjectIds){this._colorizedObjectIds=Object.keys(this.colorizedObjects);}return this._colorizedObjectIds;}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#opacityObjects}.
-     *
-     * @type {String[]}
-     */},{key:"opacityObjectIds",get:function get(){if(!this._opacityObjectIds){this._opacityObjectIds=Object.keys(this.opacityObjects);}return this._opacityObjectIds;}/**
-     * Gets the IDs of the {@link Entity}s in {@link Scene#offsetObjects}.
-     *
-     * @type {String[]}
-     */},{key:"offsetObjectIds",get:function get(){if(!this._offsetObjectIds){this._offsetObjectIds=Object.keys(this.offsetObjects);}return this._offsetObjectIds;}/**
-     * Sets the number of "ticks" that happen between each render or this Scene.
-     *
-     * Default value is ````1````.
-     *
-     * @type {Number}
-     */},{key:"ticksPerRender",get:/**
-     * Gets the number of "ticks" that happen between each render or this Scene.
-     *
-     * Default value is ````1````.
-     *
-     * @type {Number}
-     */function get(){return this._ticksPerRender;}/**
-     * Sets the number of "ticks" that happen between occlusion testing for {@link Marker}s.
-     *
-     * Default value is ````20````.
-     *
-     * @type {Number}
-     */,set:function set(value){if(value===undefined||value===null){value=1;}else if(!utils.isNumeric(value)||value<=0){this.error("Unsupported value for 'ticksPerRender': '"+value+"' - should be an integer greater than zero.");value=1;}if(value===this._ticksPerRender){return;}this._ticksPerRender=value;}},{key:"ticksPerOcclusionTest",get:/**
-     * Gets the number of "ticks" that happen between each render of this Scene.
-     *
-     * Default value is ````1````.
-     *
-     * @type {Number}
-     */function get(){return this._ticksPerOcclusionTest;}/**
-     * Sets the number of times this Scene renders per frame.
-     *
-     * Default value is ````1````.
-     *
-     * @type {Number}
-     */,set:function set(value){if(value===undefined||value===null){value=20;}else if(!utils.isNumeric(value)||value<=0){this.error("Unsupported value for 'ticksPerOcclusionTest': '"+value+"' - should be an integer greater than zero.");value=20;}if(value===this._ticksPerOcclusionTest){return;}this._ticksPerOcclusionTest=value;}},{key:"passes",get:/**
-     * Gets the number of times this Scene renders per frame.
-     *
-     * Default value is ````1````.
-     *
-     * @type {Number}
-     */function get(){return this._passes;}/**
-     * When {@link Scene#passes} is greater than ````1````, indicates whether or not to clear the canvas before each pass (````true````) or just before the first pass (````false````).
-     *
-     * Default value is ````false````.
-     *
-     * @type {Boolean}
-     */,set:function set(value){if(value===undefined||value===null){value=1;}else if(!utils.isNumeric(value)||value<=0){this.error("Unsupported value for 'passes': '"+value+"' - should be an integer greater than zero.");value=1;}if(value===this._passes){return;}this._passes=value;this.glRedraw();}},{key:"clearEachPass",get:/**
-     * When {@link Scene#passes} is greater than ````1````, indicates whether or not to clear the canvas before each pass (````true````) or just before the first pass (````false````).
-     *
-     * Default value is ````false````.
-     *
-     * @type {Boolean}
-     */function get(){return this._clearEachPass;}/**
-     * Sets whether or not {@link Scene} should expect all {@link Texture}s and colors to have pre-multiplied gamma.
-     *
-     * Default value is ````false````.
-     *
-     * @type {Boolean}
-     */,set:function set(value){value=!!value;if(value===this._clearEachPass){return;}this._clearEachPass=value;this.glRedraw();}},{key:"gammaInput",get:/**
-     * Gets whether or not {@link Scene} should expect all {@link Texture}s and colors to have pre-multiplied gamma.
-     *
-     * Default value is ````false````.
-     *
-     * @type {Boolean}
-     */function get(){return this._renderer.gammaInput;}/**
-     * Sets whether or not to render pixels with pre-multiplied gama.
-     *
-     * Default value is ````false````.
-     *
-     * @type {Boolean}
-     */,set:function set(value){value=value!==false;if(value===this._renderer.gammaInput){return;}this._renderer.gammaInput=value;this._needRecompile=true;this.glRedraw();}},{key:"gammaOutput",get:/**
-     * Gets whether or not to render pixels with pre-multiplied gama.
-     *
-     * Default value is ````true````.
-     *
-     * @type {Boolean}
-     */function get(){return this._renderer.gammaOutput;}/**
-     * Sets the gamma factor to use when {@link Scene#gammaOutput} is set true.
-     *
-     * Default value is ````2.2````.
-     *
-     * @type {Number}
-     */,set:function set(value){value=!!value;if(value===this._renderer.gammaOutput){return;}this._renderer.gammaOutput=value;this._needRecompile=true;this.glRedraw();}},{key:"gammaFactor",get:/**
-     * Gets the gamma factor to use when {@link Scene#gammaOutput} is set true.
-     *
-     * Default value is ````2.2````.
-     *
-     * @type {Number}
-     */function get(){return this._renderer.gammaFactor;}/**
-     * Gets the default {@link Geometry} for this Scene, which is a {@link ReadableGeometry} with a unit-sized box shape.
-     *
-     * Has {@link ReadableGeometry#id} set to "default.geometry".
-     *
-     * {@link Mesh}s in this Scene have {@link Mesh#geometry} set to this {@link ReadableGeometry} by default.
-     *
-     * @type {ReadableGeometry}
-     */,set:function set(value){value=value===undefined||value===null?2.2:value;if(value===this._renderer.gammaFactor){return;}this._renderer.gammaFactor=value;this.glRedraw();}},{key:"geometry",get:function get(){return this.components["default.geometry"]||buildBoxGeometry(ReadableGeometry);}/**
-     * Gets the default {@link Material} for this Scene, which is a {@link PhongMaterial}.
-     *
-     * Has {@link PhongMaterial#id} set to "default.material".
-     *
-     * {@link Mesh}s in this Scene have {@link Mesh#material} set to this {@link PhongMaterial} by default.
-     *
-     * @type {PhongMaterial}
-     */},{key:"material",get:function get(){return this.components["default.material"]||new PhongMaterial(this,{id:"default.material",emissive:[0.4,0.4,0.4],// Visible by default on geometry without normals
-dontClear:true});}/**
-     * Gets the default xraying {@link EmphasisMaterial} for this Scene.
-     *
-     * Has {@link EmphasisMaterial#id} set to "default.xrayMaterial".
-     *
-     * {@link Mesh}s in this Scene have {@link Mesh#xrayMaterial} set to this {@link EmphasisMaterial} by default.
-     *
-     * {@link Mesh}s are xrayed while {@link Mesh#xrayed} is ````true````.
-     *
-     * @type {EmphasisMaterial}
-     */},{key:"xrayMaterial",get:function get(){return this.components["default.xrayMaterial"]||new EmphasisMaterial(this,{id:"default.xrayMaterial",preset:"sepia",dontClear:true});}/**
-     * Gets the default highlight {@link EmphasisMaterial} for this Scene.
-     *
-     * Has {@link EmphasisMaterial#id} set to "default.highlightMaterial".
-     *
-     * {@link Mesh}s in this Scene have {@link Mesh#highlightMaterial} set to this {@link EmphasisMaterial} by default.
-     *
-     * {@link Mesh}s are highlighted while {@link Mesh#highlighted} is ````true````.
-     *
-     * @type {EmphasisMaterial}
-     */},{key:"highlightMaterial",get:function get(){return this.components["default.highlightMaterial"]||new EmphasisMaterial(this,{id:"default.highlightMaterial",preset:"yellowHighlight",dontClear:true});}/**
-     * Gets the default selection {@link EmphasisMaterial} for this Scene.
-     *
-     * Has {@link EmphasisMaterial#id} set to "default.selectedMaterial".
-     *
-     * {@link Mesh}s in this Scene have {@link Mesh#highlightMaterial} set to this {@link EmphasisMaterial} by default.
-     *
-     * {@link Mesh}s are highlighted while {@link Mesh#highlighted} is ````true````.
-     *
-     * @type {EmphasisMaterial}
-     */},{key:"selectedMaterial",get:function get(){return this.components["default.selectedMaterial"]||new EmphasisMaterial(this,{id:"default.selectedMaterial",preset:"greenSelected",dontClear:true});}/**
-     * Gets the default {@link EdgeMaterial} for this Scene.
-     *
-     * Has {@link EdgeMaterial#id} set to "default.edgeMaterial".
-     *
-     * {@link Mesh}s in this Scene have {@link Mesh#edgeMaterial} set to this {@link EdgeMaterial} by default.
-     *
-     * {@link Mesh}s have their edges emphasized while {@link Mesh#edges} is ````true````.
-     *
-     * @type {EdgeMaterial}
-     */},{key:"edgeMaterial",get:function get(){return this.components["default.edgeMaterial"]||new EdgeMaterial(this,{id:"default.edgeMaterial",preset:"default",edgeColor:[0.0,0.0,0.0],edgeAlpha:1.0,edgeWidth:1,dontClear:true});}/**
-     * Gets the {@link PointsMaterial} for this Scene.
-     *
-     * @type {PointsMaterial}
-     */},{key:"pointsMaterial",get:function get(){return this.components["default.pointsMaterial"]||new PointsMaterial(this,{id:"default.pointsMaterial",preset:"default",dontClear:true});}/**
-     * Gets the {@link LinesMaterial} for this Scene.
-     *
-     * @type {LinesMaterial}
-     */},{key:"linesMaterial",get:function get(){return this.components["default.linesMaterial"]||new LinesMaterial(this,{id:"default.linesMaterial",preset:"default",dontClear:true});}/**
-     * Gets the {@link Viewport} for this Scene.
-     *
-     * @type Viewport
-     */},{key:"viewport",get:function get(){return this._viewport;}/**
-     * Gets the {@link Camera} for this Scene.
-     *
-     * @type {Camera}
-     */},{key:"camera",get:function get(){return this._camera;}/**
-     * Gets the World-space 3D center of this Scene.
-     *
-     *@type {Number[]}
-     */},{key:"center",get:function get(){if(this._aabbDirty||!this._center){if(!this._center||!this._center){this._center=math.vec3();}var aabb=this.aabb;this._center[0]=(aabb[0]+aabb[3])/2;this._center[1]=(aabb[1]+aabb[4])/2;this._center[2]=(aabb[2]+aabb[5])/2;}return this._center;}/**
-     * Gets the World-space axis-aligned 3D boundary (AABB) of this Scene.
-     *
-     * The AABB is represented by a six-element Float64Array containing the min/max extents of the axis-aligned volume, ie. ````[xmin, ymin,zmin,xmax,ymax, zmax]````.
-     *
-     * When the Scene has no content, will be ````[-100,-100,-100,100,100,100]````.
-     *
-     * @type {Number[]}
-     */},{key:"aabb",get:function get(){if(this._aabbDirty){if(!this._aabb){this._aabb=math.AABB3();}var xmin=math.MAX_DOUBLE;var ymin=math.MAX_DOUBLE;var zmin=math.MAX_DOUBLE;var xmax=math.MIN_DOUBLE;var ymax=math.MIN_DOUBLE;var zmax=math.MIN_DOUBLE;var aabb;var collidables=this._collidables;var collidable;var valid=false;for(var collidableId in collidables){if(collidables.hasOwnProperty(collidableId)){collidable=collidables[collidableId];if(collidable.collidable===false){continue;}aabb=collidable.aabb;if(aabb[0]<xmin){xmin=aabb[0];}if(aabb[1]<ymin){ymin=aabb[1];}if(aabb[2]<zmin){zmin=aabb[2];}if(aabb[3]>xmax){xmax=aabb[3];}if(aabb[4]>ymax){ymax=aabb[4];}if(aabb[5]>zmax){zmax=aabb[5];}valid=true;}}if(!valid){xmin=-100;ymin=-100;zmin=-100;xmax=100;ymax=100;zmax=100;}this._aabb[0]=xmin;this._aabb[1]=ymin;this._aabb[2]=zmin;this._aabb[3]=xmax;this._aabb[4]=ymax;this._aabb[5]=zmax;this._aabbDirty=false;}return this._aabb;}},{key:"_setAABBDirty",value:function _setAABBDirty(){//if (!this._aabbDirty) {
-this._aabbDirty=true;this.fire("boundary");// }
-}/**
-     * Attempts to pick an {@link Entity} in this Scene.
-     *
-     * Ignores {@link Entity}s with {@link Entity#pickable} set ````false````.
-     *
-     * When an {@link Entity} is picked, fires a "pick" event on the {@link Entity} with the pick result as parameters.
-     *
-     * Picking the {@link Entity} at the given canvas coordinates:
-
-     * ````javascript
-     * var pickResult = scene.pick({
-     *          canvasPos: [23, 131]
-     *       });
-     *
-     * if (pickResult) { // Picked an Entity
-     *         var entity = pickResult.entity;
-     *     }
-     * ````
+     * if (pickResult) { // Picked an Entity
+     *         var entity = pickResult.entity;
+     *     }
+     * ````
      *
      * Picking, with a ray cast through the canvas, hits an {@link Entity}:
      *
@@ -9493,166 +9509,166 @@ if(!params.canvasPos&&!params.matrix&&(!params.origin||!params.direction)){this.
 if(includeEntities){params.includeEntityIds=getEntityIDMap(this,includeEntities);}var excludeEntities=params.excludeEntities||params.exclude;// Backwards compat
 if(excludeEntities){params.excludeEntityIds=getEntityIDMap(this,excludeEntities);}if(this._needRecompile){this._recompile();this._renderer.imageDirty();this._needRecompile=false;}if(params.snapToEdge||params.snapToVertex){pickResult=this._renderer.snapPick(params.canvasPos,params.snapRadius||30,params.snapToVertex,params.snapToEdge,pickResult);}else{pickResult=this._renderer.pick(params,pickResult);}if(pickResult){if(pickResult.entity&&pickResult.entity.fire){pickResult.entity.fire("picked",pickResult);// TODO: SceneModelEntity doesn't fire events
 }}return pickResult;}/**
-     * @param {Object} params Picking parameters.
-     * @param {Number[]} [params.canvasPos] Canvas-space coordinates. When ray-picking, this will override the **origin** and ** direction** parameters and will cause the ray to be fired through the canvas at this position, directly along the negative View-space Z-axis.
-     * @param {Number} [params.snapRadius=30] The snap radius, in canvas pixels
-     * @param {boolean} [params.snapToVertex=true] Whether to snap to vertex.
-     * @param {boolean} [params.snapToEdge=true] Whether to snap to edge.
-     * @deprecated
-     */},{key:"snapPick",value:function snapPick(params){if(undefined===this._warnSnapPickDeprecated){this._warnSnapPickDeprecated=true;this.warn("Scene.snapPick() is deprecated since v2.4.2 - use Scene.pick() instead");}return this._renderer.snapPick(params.canvasPos,params.snapRadius||30,params.snapToVertex,params.snapToEdge);}/**
-     * Destroys all non-default {@link Component}s in this Scene.
-     */},{key:"clear",value:function clear(){var component;for(var id in this.components){if(this.components.hasOwnProperty(id)){component=this.components[id];if(!component._dontClear){// Don't destroy components like Camera, Input, Viewport etc.
+   * @param {Object} params Picking parameters.
+   * @param {Number[]} [params.canvasPos] Canvas-space coordinates. When ray-picking, this will override the **origin** and ** direction** parameters and will cause the ray to be fired through the canvas at this position, directly along the negative View-space Z-axis.
+   * @param {Number} [params.snapRadius=30] The snap radius, in canvas pixels
+   * @param {boolean} [params.snapToVertex=true] Whether to snap to vertex.
+   * @param {boolean} [params.snapToEdge=true] Whether to snap to edge.
+   * @deprecated
+   */},{key:"snapPick",value:function snapPick(params){if(undefined===this._warnSnapPickDeprecated){this._warnSnapPickDeprecated=true;this.warn("Scene.snapPick() is deprecated since v2.4.2 - use Scene.pick() instead");}return this._renderer.snapPick(params.canvasPos,params.snapRadius||30,params.snapToVertex,params.snapToEdge);}/**
+   * Destroys all non-default {@link Component}s in this Scene.
+   */},{key:"clear",value:function clear(){var component;for(var id in this.components){if(this.components.hasOwnProperty(id)){component=this.components[id];if(!component._dontClear){// Don't destroy components like Camera, Input, Viewport etc.
 component.destroy();}}}}/**
-     * Destroys all {@link Light}s in this Scene..
-     */},{key:"clearLights",value:function clearLights(){var ids=Object.keys(this.lights);for(var _i87=0,len=ids.length;_i87<len;_i87++){this.lights[ids[_i87]].destroy();}}/**
-     * Destroys all {@link SectionPlane}s in this Scene.
-     */},{key:"clearSectionPlanes",value:function clearSectionPlanes(){var ids=Object.keys(this.sectionPlanes);for(var _i88=0,len=ids.length;_i88<len;_i88++){this.sectionPlanes[ids[_i88]].destroy();}}/**
-     * Destroys all {@link Line}s in this Scene.
-     */},{key:"clearBitmaps",value:function clearBitmaps(){var ids=Object.keys(this.bitmaps);for(var _i89=0,len=ids.length;_i89<len;_i89++){this.bitmaps[ids[_i89]].destroy();}}/**
-     * Destroys all {@link Line}s in this Scene.
-     */},{key:"clearLines",value:function clearLines(){var ids=Object.keys(this.lineSets);for(var _i90=0,len=ids.length;_i90<len;_i90++){this.lineSets[ids[_i90]].destroy();}}/**
-     * Gets the collective axis-aligned boundary (AABB) of a batch of {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * Each {@link Entity} on which {@link Entity#isObject} is registered by {@link Entity#id} in {@link Scene#visibleObjects}.
-     *
-     * Each {@link Entity} is only included in the AABB when {@link Entity#collidable} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @returns {[Number, Number, Number, Number, Number, Number]} An axis-aligned World-space bounding box, given as elements ````[xmin, ymin, zmin, xmax, ymax, zmax]````.
-     */},{key:"getAABB",value:function getAABB(ids){if(ids===undefined){return this.aabb;}if(utils.isString(ids)){var entity=this.objects[ids];if(entity&&entity.aabb){// A Component subclass with an AABB
+   * Destroys all {@link Light}s in this Scene..
+   */},{key:"clearLights",value:function clearLights(){var ids=Object.keys(this.lights);for(var _i87=0,len=ids.length;_i87<len;_i87++){this.lights[ids[_i87]].destroy();}}/**
+   * Destroys all {@link SectionPlane}s in this Scene.
+   */},{key:"clearSectionPlanes",value:function clearSectionPlanes(){var ids=Object.keys(this.sectionPlanes);for(var _i88=0,len=ids.length;_i88<len;_i88++){this.sectionPlanes[ids[_i88]].destroy();}}/**
+   * Destroys all {@link Line}s in this Scene.
+   */},{key:"clearBitmaps",value:function clearBitmaps(){var ids=Object.keys(this.bitmaps);for(var _i89=0,len=ids.length;_i89<len;_i89++){this.bitmaps[ids[_i89]].destroy();}}/**
+   * Destroys all {@link Line}s in this Scene.
+   */},{key:"clearLines",value:function clearLines(){var ids=Object.keys(this.lineSets);for(var _i90=0,len=ids.length;_i90<len;_i90++){this.lineSets[ids[_i90]].destroy();}}/**
+   * Gets the collective axis-aligned boundary (AABB) of a batch of {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * Each {@link Entity} on which {@link Entity#isObject} is registered by {@link Entity#id} in {@link Scene#visibleObjects}.
+   *
+   * Each {@link Entity} is only included in the AABB when {@link Entity#collidable} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @returns {[Number, Number, Number, Number, Number, Number]} An axis-aligned World-space bounding box, given as elements ````[xmin, ymin, zmin, xmax, ymax, zmax]````.
+   */},{key:"getAABB",value:function getAABB(ids){if(ids===undefined){return this.aabb;}if(utils.isString(ids)){var entity=this.objects[ids];if(entity&&entity.aabb){// A Component subclass with an AABB
 return entity.aabb;}ids=[ids];// Must be an entity type
 }if(ids.length===0){return this.aabb;}var xmin=math.MAX_DOUBLE;var ymin=math.MAX_DOUBLE;var zmin=math.MAX_DOUBLE;var xmax=math.MIN_DOUBLE;var ymax=math.MIN_DOUBLE;var zmax=math.MIN_DOUBLE;var valid;this.withObjects(ids,function(entity){if(entity.collidable){var aabb=entity.aabb;if(aabb[0]<xmin){xmin=aabb[0];}if(aabb[1]<ymin){ymin=aabb[1];}if(aabb[2]<zmin){zmin=aabb[2];}if(aabb[3]>xmax){xmax=aabb[3];}if(aabb[4]>ymax){ymax=aabb[4];}if(aabb[5]>zmax){zmax=aabb[5];}valid=true;}});if(valid){var aabb2=math.AABB3();aabb2[0]=xmin;aabb2[1]=ymin;aabb2[2]=zmin;aabb2[3]=xmax;aabb2[4]=ymax;aabb2[5]=zmax;return aabb2;}else{return this.aabb;// Scene AABB
 }}/**
-     * Batch-updates {@link Entity#visible} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * Each {@link Entity} on which both {@link Entity#isObject} and {@link Entity#visible} are ````true```` is
-     * registered by {@link Entity#id} in {@link Scene#visibleObjects}.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Boolean} visible Whether or not to set visible.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsVisible",value:function setObjectsVisible(ids,visible){return this.withObjects(ids,function(entity){var changed=entity.visible!==visible;entity.visible=visible;return changed;});}/**
-     * Batch-updates {@link Entity#collidable} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Boolean} collidable Whether or not to set collidable.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsCollidable",value:function setObjectsCollidable(ids,collidable){return this.withObjects(ids,function(entity){var changed=entity.collidable!==collidable;entity.collidable=collidable;return changed;});}/**
-     * Batch-updates {@link Entity#culled} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Boolean} culled Whether or not to cull.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsCulled",value:function setObjectsCulled(ids,culled){return this.withObjects(ids,function(entity){var changed=entity.culled!==culled;entity.culled=culled;return changed;});}/**
-     * Batch-updates {@link Entity#selected} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * Each {@link Entity} on which both {@link Entity#isObject} and {@link Entity#selected} are ````true```` is
-     * registered by {@link Entity#id} in {@link Scene#selectedObjects}.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Boolean} selected Whether or not to select.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsSelected",value:function setObjectsSelected(ids,selected){return this.withObjects(ids,function(entity){var changed=entity.selected!==selected;entity.selected=selected;return changed;});}/**
-     * Batch-updates {@link Entity#highlighted} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * Each {@link Entity} on which both {@link Entity#isObject} and {@link Entity#highlighted} are ````true```` is
-     * registered by {@link Entity#id} in {@link Scene#highlightedObjects}.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Boolean} highlighted Whether or not to highlight.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsHighlighted",value:function setObjectsHighlighted(ids,highlighted){return this.withObjects(ids,function(entity){var changed=entity.highlighted!==highlighted;entity.highlighted=highlighted;return changed;});}/**
-     * Batch-updates {@link Entity#xrayed} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Boolean} xrayed Whether or not to xray.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsXRayed",value:function setObjectsXRayed(ids,xrayed){return this.withObjects(ids,function(entity){var changed=entity.xrayed!==xrayed;entity.xrayed=xrayed;return changed;});}/**
-     * Batch-updates {@link Entity#edges} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Boolean} edges Whether or not to show edges.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsEdges",value:function setObjectsEdges(ids,edges){return this.withObjects(ids,function(entity){var changed=entity.edges!==edges;entity.edges=edges;return changed;});}/**
-     * Batch-updates {@link Entity#colorize} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Number[]} [colorize=(1,1,1)] RGB colorize factors, multiplied by the rendered pixel colors.
-     * @returns {Boolean} True if any {@link Entity}s changed opacity, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsColorized",value:function setObjectsColorized(ids,colorize){return this.withObjects(ids,function(entity){entity.colorize=colorize;});}/**
-     * Batch-updates {@link Entity#opacity} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Number} [opacity=1.0] Opacity factor, multiplied by the rendered pixel alphas.
-     * @returns {Boolean} True if any {@link Entity}s changed opacity, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsOpacity",value:function setObjectsOpacity(ids,opacity){return this.withObjects(ids,function(entity){var changed=entity.opacity!==opacity;entity.opacity=opacity;return changed;});}/**
-     * Batch-updates {@link Entity#pickable} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Boolean} pickable Whether or not to set pickable.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"setObjectsPickable",value:function setObjectsPickable(ids,pickable){return this.withObjects(ids,function(entity){var changed=entity.pickable!==pickable;entity.pickable=pickable;return changed;});}/**
-     * Batch-updates {@link Entity#offset} on {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Number[]} [offset] 3D offset vector.
-     */},{key:"setObjectsOffset",value:function setObjectsOffset(ids,offset){this.withObjects(ids,function(entity){entity.offset=offset;});}/**
-     * Iterates with a callback over {@link Entity}s that represent objects.
-     *
-     * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
-     *
-     * @param {String[]} ids Array of {@link Entity#id} values.
-     * @param {Function} callback Callback to execute on eacn {@link Entity}.
-     * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
-     */},{key:"withObjects",value:function withObjects(ids,callback){if(utils.isString(ids)){ids=[ids];}var changed=false;for(var _i91=0,len=ids.length;_i91<len;_i91++){var id=ids[_i91];var entity=this.objects[id];if(entity){changed=callback(entity)||changed;}else{var modelIds=this.modelIds;for(var _i92=0,_len9=modelIds.length;_i92<_len9;_i92++){var modelId=modelIds[_i92];var globalObjectId=math.globalizeObjectId(modelId,id);entity=this.objects[globalObjectId];if(entity){changed=callback(entity)||changed;}}}}return changed;}/**
-     * This method will "tickify" the provided `cb` function.
-     *
-     * This means, the function will be wrapped so:
-     *
-     * - it runs time-aligned to scene ticks
-     * - it runs maximum once per scene-tick
-     *
-     * @param {Function} cb The function to tickify
-     * @returns {Function}
-     */},{key:"tickify",value:function tickify(cb){var cbString=cb.toString();/**
-         * Check if the function is already tickified, and if so return the cached one.
-         */if(cbString in this._tickifiedFunctions){return this._tickifiedFunctions[cbString].wrapperFunc;}var alreadyRun=0;var needToRun=0;var lastArgs;/**
-         * The provided `cb` function is replaced with a "set-dirty" function
-         *
-         * @type {Function}
-         */var wrapperFunc=function wrapperFunc(){for(var _len10=arguments.length,args=new Array(_len10),_key7=0;_key7<_len10;_key7++){args[_key7]=arguments[_key7];}lastArgs=args;needToRun++;};/**
-         * An each scene tick, if the "dirty-flag" is set, run the `cb` function.
-         *
-         * This will make it run time-aligned to the scene tick.
-         */var tickSubId=this.on("tick",function(){var tmp=needToRun;if(tmp>alreadyRun){alreadyRun=tmp;cb.apply(void 0,_toConsumableArray(lastArgs));}});/**
-         * And, store the list of subscribers.
-         */this._tickifiedFunctions[cbString]={tickSubId:tickSubId,wrapperFunc:wrapperFunc};return wrapperFunc;}/**
-     * Destroys this Scene.
-     */},{key:"destroy",value:function destroy(){_get(_getPrototypeOf(Scene.prototype),"destroy",this).call(this);for(var id in this.components){if(this.components.hasOwnProperty(id)){this.components[id].destroy();}}this.canvas.gl=null;// Memory leak prevention
+   * Batch-updates {@link Entity#visible} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * Each {@link Entity} on which both {@link Entity#isObject} and {@link Entity#visible} are ````true```` is
+   * registered by {@link Entity#id} in {@link Scene#visibleObjects}.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Boolean} visible Whether or not to set visible.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsVisible",value:function setObjectsVisible(ids,visible){return this.withObjects(ids,function(entity){var changed=entity.visible!==visible;entity.visible=visible;return changed;});}/**
+   * Batch-updates {@link Entity#collidable} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Boolean} collidable Whether or not to set collidable.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsCollidable",value:function setObjectsCollidable(ids,collidable){return this.withObjects(ids,function(entity){var changed=entity.collidable!==collidable;entity.collidable=collidable;return changed;});}/**
+   * Batch-updates {@link Entity#culled} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Boolean} culled Whether or not to cull.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsCulled",value:function setObjectsCulled(ids,culled){return this.withObjects(ids,function(entity){var changed=entity.culled!==culled;entity.culled=culled;return changed;});}/**
+   * Batch-updates {@link Entity#selected} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * Each {@link Entity} on which both {@link Entity#isObject} and {@link Entity#selected} are ````true```` is
+   * registered by {@link Entity#id} in {@link Scene#selectedObjects}.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Boolean} selected Whether or not to select.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsSelected",value:function setObjectsSelected(ids,selected){return this.withObjects(ids,function(entity){var changed=entity.selected!==selected;entity.selected=selected;return changed;});}/**
+   * Batch-updates {@link Entity#highlighted} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * Each {@link Entity} on which both {@link Entity#isObject} and {@link Entity#highlighted} are ````true```` is
+   * registered by {@link Entity#id} in {@link Scene#highlightedObjects}.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Boolean} highlighted Whether or not to highlight.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsHighlighted",value:function setObjectsHighlighted(ids,highlighted){return this.withObjects(ids,function(entity){var changed=entity.highlighted!==highlighted;entity.highlighted=highlighted;return changed;});}/**
+   * Batch-updates {@link Entity#xrayed} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Boolean} xrayed Whether or not to xray.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsXRayed",value:function setObjectsXRayed(ids,xrayed){return this.withObjects(ids,function(entity){var changed=entity.xrayed!==xrayed;entity.xrayed=xrayed;return changed;});}/**
+   * Batch-updates {@link Entity#edges} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Boolean} edges Whether or not to show edges.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsEdges",value:function setObjectsEdges(ids,edges){return this.withObjects(ids,function(entity){var changed=entity.edges!==edges;entity.edges=edges;return changed;});}/**
+   * Batch-updates {@link Entity#colorize} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Number[]} [colorize=(1,1,1)] RGB colorize factors, multiplied by the rendered pixel colors.
+   * @returns {Boolean} True if any {@link Entity}s changed opacity, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsColorized",value:function setObjectsColorized(ids,colorize){return this.withObjects(ids,function(entity){entity.colorize=colorize;});}/**
+   * Batch-updates {@link Entity#opacity} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Number} [opacity=1.0] Opacity factor, multiplied by the rendered pixel alphas.
+   * @returns {Boolean} True if any {@link Entity}s changed opacity, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsOpacity",value:function setObjectsOpacity(ids,opacity){return this.withObjects(ids,function(entity){var changed=entity.opacity!==opacity;entity.opacity=opacity;return changed;});}/**
+   * Batch-updates {@link Entity#pickable} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Boolean} pickable Whether or not to set pickable.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"setObjectsPickable",value:function setObjectsPickable(ids,pickable){return this.withObjects(ids,function(entity){var changed=entity.pickable!==pickable;entity.pickable=pickable;return changed;});}/**
+   * Batch-updates {@link Entity#offset} on {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Number[]} [offset] 3D offset vector.
+   */},{key:"setObjectsOffset",value:function setObjectsOffset(ids,offset){this.withObjects(ids,function(entity){entity.offset=offset;});}/**
+   * Iterates with a callback over {@link Entity}s that represent objects.
+   *
+   * An {@link Entity} represents an object when {@link Entity#isObject} is ````true````.
+   *
+   * @param {String[]} ids Array of {@link Entity#id} values.
+   * @param {Function} callback Callback to execute on eacn {@link Entity}.
+   * @returns {Boolean} True if any {@link Entity}s were updated, else false if all updates were redundant and not applied.
+   */},{key:"withObjects",value:function withObjects(ids,callback){if(utils.isString(ids)){ids=[ids];}var changed=false;for(var _i91=0,len=ids.length;_i91<len;_i91++){var id=ids[_i91];var entity=this.objects[id];if(entity){changed=callback(entity)||changed;}else{var modelIds=this.modelIds;for(var _i92=0,_len9=modelIds.length;_i92<_len9;_i92++){var modelId=modelIds[_i92];var globalObjectId=math.globalizeObjectId(modelId,id);entity=this.objects[globalObjectId];if(entity){changed=callback(entity)||changed;}}}}return changed;}/**
+   * This method will "tickify" the provided `cb` function.
+   *
+   * This means, the function will be wrapped so:
+   *
+   * - it runs time-aligned to scene ticks
+   * - it runs maximum once per scene-tick
+   *
+   * @param {Function} cb The function to tickify
+   * @returns {Function}
+   */},{key:"tickify",value:function tickify(cb){var cbString=cb.toString();/**
+     * Check if the function is already tickified, and if so return the cached one.
+     */if(cbString in this._tickifiedFunctions){return this._tickifiedFunctions[cbString].wrapperFunc;}var alreadyRun=0;var needToRun=0;var lastArgs;/**
+     * The provided `cb` function is replaced with a "set-dirty" function
+     *
+     * @type {Function}
+     */var wrapperFunc=function wrapperFunc(){for(var _len10=arguments.length,args=new Array(_len10),_key7=0;_key7<_len10;_key7++){args[_key7]=arguments[_key7];}lastArgs=args;needToRun++;};/**
+     * An each scene tick, if the "dirty-flag" is set, run the `cb` function.
+     *
+     * This will make it run time-aligned to the scene tick.
+     */var tickSubId=this.on("tick",function(){var tmp=needToRun;if(tmp>alreadyRun){alreadyRun=tmp;cb.apply(void 0,_toConsumableArray(lastArgs));}});/**
+     * And, store the list of subscribers.
+     */this._tickifiedFunctions[cbString]={tickSubId:tickSubId,wrapperFunc:wrapperFunc};return wrapperFunc;}/**
+   * Destroys this Scene.
+   */},{key:"destroy",value:function destroy(){_get(_getPrototypeOf(Scene.prototype),"destroy",this).call(this);for(var id in this.components){if(this.components.hasOwnProperty(id)){this.components[id].destroy();}}this.canvas.gl=null;// Memory leak prevention
 this.components=null;this.models=null;this.objects=null;this.visibleObjects=null;this.xrayedObjects=null;this.highlightedObjects=null;this.selectedObjects=null;this.colorizedObjects=null;this.opacityObjects=null;this.sectionPlanes=null;this.lights=null;this.lightMaps=null;this.reflectionMaps=null;this._objectIds=null;this._visibleObjectIds=null;this._xrayedObjectIds=null;this._highlightedObjectIds=null;this._selectedObjectIds=null;this._colorizedObjectIds=null;this.types=null;this.components=null;this.canvas=null;this._renderer=null;this.input=null;this._viewport=null;this._camera=null;}}]);return Scene;}(Component);/**
  * Texture wrapping mode in which the texture repeats to infinity.
  */var RepeatWrapping=1000;/**
@@ -18693,11 +18709,11 @@ origin:eye,direction:look});look=hit?hit.worldPos:math.addVec3(eye,look,tempVec3
      */function DistanceMeasurement(plugin){var _this80;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,DistanceMeasurement);_this80=_super115.call(this,plugin.viewer.scene,cfg);/**
          * The {@link DistanceMeasurementsPlugin} that owns this DistanceMeasurement.
          * @type {DistanceMeasurementsPlugin}
-         */_this80.plugin=plugin;_this80._container=cfg.container;if(!_this80._container){throw"config missing: container";}_this80._eventSubs={};var scene=_this80.plugin.viewer.scene;_this80._originMarker=new Marker(scene,cfg.origin);_this80._targetMarker=new Marker(scene,cfg.target);_this80._originWorld=math.vec3();_this80._targetWorld=math.vec3();_this80._wp=new Float64Array(24);_this80._vp=new Float64Array(24);_this80._pp=new Float64Array(24);_this80._cp=new Float64Array(8);_this80._xAxisLabelCulled=false;_this80._yAxisLabelCulled=false;_this80._zAxisLabelCulled=false;_this80._color=cfg.color||_this80.plugin.defaultColor;var onMouseOver=cfg.onMouseOver?function(event){cfg.onMouseOver(event,_assertThisInitialized(_this80));_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mouseover',event));}:null;var onMouseLeave=cfg.onMouseLeave?function(event){cfg.onMouseLeave(event,_assertThisInitialized(_this80));_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mouseleave',event));}:null;var onMouseDown=function onMouseDown(event){_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mousedown',event));};var onMouseUp=function onMouseUp(event){_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mouseup',event));};var onMouseMove=function onMouseMove(event){_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mousemove',event));};var onContextMenu=cfg.onContextMenu?function(event){cfg.onContextMenu(event,_assertThisInitialized(_this80));}:null;var onMouseWheel=function onMouseWheel(event){_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new WheelEvent('wheel',event));};_this80._originDot=new Dot(_this80._container,{fillColor:_this80._color,zIndex:plugin.zIndex!==undefined?plugin.zIndex+2:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._targetDot=new Dot(_this80._container,{fillColor:_this80._color,zIndex:plugin.zIndex!==undefined?plugin.zIndex+2:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._lengthWire=new Wire(_this80._container,{color:_this80._color,thickness:2,thicknessClickable:6,zIndex:plugin.zIndex!==undefined?plugin.zIndex+1:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._xAxisWire=new Wire(_this80._container,{color:"#FF0000",thickness:1,thicknessClickable:6,zIndex:plugin.zIndex!==undefined?plugin.zIndex+1:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._yAxisWire=new Wire(_this80._container,{color:"green",thickness:1,thicknessClickable:6,zIndex:plugin.zIndex!==undefined?plugin.zIndex+1:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._zAxisWire=new Wire(_this80._container,{color:"blue",thickness:1,thicknessClickable:6,zIndex:plugin.zIndex!==undefined?plugin.zIndex+1:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._lengthLabel=new Label(_this80._container,{fillColor:_this80._color,prefix:"",text:"",zIndex:plugin.zIndex!==undefined?plugin.zIndex+4:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._xAxisLabel=new Label(_this80._container,{fillColor:"red",prefix:"X",text:"",zIndex:plugin.zIndex!==undefined?plugin.zIndex+3:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._yAxisLabel=new Label(_this80._container,{fillColor:"green",prefix:"Y",text:"",zIndex:plugin.zIndex!==undefined?plugin.zIndex+3:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._zAxisLabel=new Label(_this80._container,{fillColor:"blue",prefix:"Z",text:"",zIndex:plugin.zIndex!==undefined?plugin.zIndex+3:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._wpDirty=false;_this80._vpDirty=false;_this80._cpDirty=false;_this80._sectionPlanesDirty=true;_this80._visible=false;_this80._originVisible=false;_this80._targetVisible=false;_this80._wireVisible=false;_this80._axisVisible=false;_this80._xAxisVisible=false;_this80._yAxisVisible=false;_this80._zAxisVisible=false;_this80._axisEnabled=true;_this80._labelsVisible=false;_this80._clickable=false;_this80._originMarker.on("worldPos",function(value){_this80._originWorld.set(value||[0,0,0]);_this80._wpDirty=true;_this80._needUpdate(0);// No lag
+         */_this80.plugin=plugin;_this80._container=cfg.container;if(!_this80._container){throw"config missing: container";}_this80._eventSubs={};var scene=_this80.plugin.viewer.scene;_this80._originMarker=new Marker(scene,cfg.origin);_this80._targetMarker=new Marker(scene,cfg.target);_this80._originWorld=math.vec3();_this80._targetWorld=math.vec3();_this80._wp=new Float64Array(24);_this80._vp=new Float64Array(24);_this80._pp=new Float64Array(24);_this80._cp=new Float64Array(8);_this80._xAxisLabelCulled=false;_this80._yAxisLabelCulled=false;_this80._zAxisLabelCulled=false;_this80._color=cfg.color||_this80.plugin.defaultColor;var onMouseOver=cfg.onMouseOver?function(event){cfg.onMouseOver(event,_assertThisInitialized(_this80));_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mouseover',event));}:null;var onMouseLeave=cfg.onMouseLeave?function(event){cfg.onMouseLeave(event,_assertThisInitialized(_this80));_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mouseleave',event));}:null;var onMouseDown=function onMouseDown(event){_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mousedown',event));};var onMouseUp=function onMouseUp(event){_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mouseup',event));};var onMouseMove=function onMouseMove(event){_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new MouseEvent('mousemove',event));};var onContextMenu=cfg.onContextMenu?function(event){cfg.onContextMenu(event,_assertThisInitialized(_this80));}:null;var onMouseWheel=function onMouseWheel(event){_this80.plugin.viewer.scene.canvas.canvas.dispatchEvent(new WheelEvent('wheel',event));};_this80._originDot=new Dot(_this80._container,{fillColor:_this80._color,zIndex:plugin.zIndex!==undefined?plugin.zIndex+2:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._targetDot=new Dot(_this80._container,{fillColor:_this80._color,zIndex:plugin.zIndex!==undefined?plugin.zIndex+2:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._lengthWire=new Wire(_this80._container,{color:_this80._color,thickness:2,thicknessClickable:6,zIndex:plugin.zIndex!==undefined?plugin.zIndex+1:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._xAxisWire=new Wire(_this80._container,{color:"#FF0000",thickness:1,thicknessClickable:6,zIndex:plugin.zIndex!==undefined?plugin.zIndex+1:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._yAxisWire=new Wire(_this80._container,{color:"green",thickness:1,thicknessClickable:6,zIndex:plugin.zIndex!==undefined?plugin.zIndex+1:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._zAxisWire=new Wire(_this80._container,{color:"blue",thickness:1,thicknessClickable:6,zIndex:plugin.zIndex!==undefined?plugin.zIndex+1:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._lengthLabel=new Label(_this80._container,{fillColor:_this80._color,prefix:"",text:"",zIndex:plugin.zIndex!==undefined?plugin.zIndex+4:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._xAxisLabel=new Label(_this80._container,{fillColor:"red",prefix:"X",text:"",zIndex:plugin.zIndex!==undefined?plugin.zIndex+3:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._yAxisLabel=new Label(_this80._container,{fillColor:"green",prefix:"Y",text:"",zIndex:plugin.zIndex!==undefined?plugin.zIndex+3:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._zAxisLabel=new Label(_this80._container,{fillColor:"blue",prefix:"Z",text:"",zIndex:plugin.zIndex!==undefined?plugin.zIndex+3:undefined,onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,onMouseWheel:onMouseWheel,onMouseDown:onMouseDown,onMouseUp:onMouseUp,onMouseMove:onMouseMove,onContextMenu:onContextMenu});_this80._wpDirty=false;_this80._vpDirty=false;_this80._cpDirty=false;_this80._sectionPlanesDirty=true;_this80._visible=false;_this80._originVisible=false;_this80._targetVisible=false;_this80._wireVisible=false;_this80._axisVisible=false;_this80._xAxisVisible=false;_this80._yAxisVisible=false;_this80._zAxisVisible=false;_this80._axisEnabled=true;_this80._labelsVisible=false;_this80._labelsOnWires=false;_this80._clickable=false;_this80._originMarker.on("worldPos",function(value){_this80._originWorld.set(value||[0,0,0]);_this80._wpDirty=true;_this80._needUpdate(0);// No lag
 });_this80._targetMarker.on("worldPos",function(value){_this80._targetWorld.set(value||[0,0,0]);_this80._wpDirty=true;_this80._needUpdate(0);// No lag
 });_this80._onViewMatrix=scene.camera.on("viewMatrix",function(){_this80._vpDirty=true;_this80._needUpdate(0);// No lag
 });_this80._onProjMatrix=scene.camera.on("projMatrix",function(){_this80._cpDirty=true;_this80._needUpdate();});_this80._onCanvasBoundary=scene.canvas.on("boundary",function(){_this80._cpDirty=true;_this80._needUpdate(0);// No lag
-});_this80._onMetricsUnits=scene.metrics.on("units",function(){_this80._cpDirty=true;_this80._needUpdate();});_this80._onMetricsScale=scene.metrics.on("scale",function(){_this80._cpDirty=true;_this80._needUpdate();});_this80._onMetricsOrigin=scene.metrics.on("origin",function(){_this80._cpDirty=true;_this80._needUpdate();});_this80._onSectionPlaneUpdated=scene.on("sectionPlaneUpdated",function(){_this80._sectionPlanesDirty=true;_this80._needUpdate();});_this80.approximate=cfg.approximate;_this80.visible=cfg.visible;_this80.originVisible=cfg.originVisible;_this80.targetVisible=cfg.targetVisible;_this80.wireVisible=cfg.wireVisible;_this80.axisVisible=cfg.axisVisible;_this80.xAxisVisible=cfg.xAxisVisible;_this80.yAxisVisible=cfg.yAxisVisible;_this80.zAxisVisible=cfg.zAxisVisible;_this80.labelsVisible=cfg.labelsVisible;return _this80;}_createClass(DistanceMeasurement,[{key:"_update",value:function _update(){if(!this._visible){return;}var scene=this.plugin.viewer.scene;if(this._wpDirty){this._wp[0]=this._originWorld[0];this._wp[1]=this._originWorld[1];this._wp[2]=this._originWorld[2];this._wp[3]=1.0;this._wp[4]=this._targetWorld[0];this._wp[5]=this._originWorld[1];this._wp[6]=this._originWorld[2];this._wp[7]=1.0;this._wp[8]=this._targetWorld[0];this._wp[9]=this._targetWorld[1];this._wp[10]=this._originWorld[2];this._wp[11]=1.0;this._wp[12]=this._targetWorld[0];this._wp[13]=this._targetWorld[1];this._wp[14]=this._targetWorld[2];this._wp[15]=1.0;this._wpDirty=false;this._vpDirty=true;}if(this._vpDirty){math.transformPositions4(scene.camera.viewMatrix,this._wp,this._vp);this._vp[3]=1.0;this._vp[7]=1.0;this._vp[11]=1.0;this._vp[15]=1.0;this._vpDirty=false;this._cpDirty=true;}if(this._sectionPlanesDirty){if(this._isSliced(this._wp)){this._xAxisLabel.setCulled(true);this._yAxisLabel.setCulled(true);this._zAxisLabel.setCulled(true);this._lengthLabel.setCulled(true);this._xAxisWire.setCulled(true);this._yAxisWire.setCulled(true);this._zAxisWire.setCulled(true);this._lengthWire.setCulled(true);this._originDot.setCulled(true);this._targetDot.setCulled(true);return;}else{this._xAxisLabel.setCulled(false);this._yAxisLabel.setCulled(false);this._zAxisLabel.setCulled(false);this._lengthLabel.setCulled(false);this._xAxisWire.setCulled(false);this._yAxisWire.setCulled(false);this._zAxisWire.setCulled(false);this._lengthWire.setCulled(false);this._originDot.setCulled(false);this._targetDot.setCulled(false);}this._sectionPlanesDirty=true;}var near=-0.3;var vpz1=this._originMarker.viewPos[2];var vpz2=this._targetMarker.viewPos[2];if(vpz1>near||vpz2>near){this._xAxisLabel.setCulled(true);this._yAxisLabel.setCulled(true);this._zAxisLabel.setCulled(true);this._lengthLabel.setCulled(true);this._xAxisWire.setVisible(false);this._yAxisWire.setVisible(false);this._zAxisWire.setVisible(false);this._lengthWire.setVisible(false);this._originDot.setVisible(false);this._targetDot.setVisible(false);return;}if(this._cpDirty){math.transformPositions4(scene.camera.project.matrix,this._vp,this._pp);var pp=this._pp;var cp=this._cp;var canvas=scene.canvas.canvas;var offsets=canvas.getBoundingClientRect();var containerOffsets=this._container.getBoundingClientRect();var top=offsets.top-containerOffsets.top;var left=offsets.left-containerOffsets.left;var aabb=scene.canvas.boundary;var canvasWidth=aabb[2];var canvasHeight=aabb[3];var j=0;var metrics=this.plugin.viewer.scene.metrics;var _scale5=metrics.scale;var units=metrics.units;var unitInfo=metrics.unitsInfo[units];var unitAbbrev=unitInfo.abbrev;for(var i=0,len=pp.length;i<len;i+=4){cp[j]=left+Math.floor((1+pp[i+0]/pp[i+3])*canvasWidth/2);cp[j+1]=top+Math.floor((1-pp[i+1]/pp[i+3])*canvasHeight/2);j+=2;}this._originDot.setPos(cp[0],cp[1]);this._targetDot.setPos(cp[6],cp[7]);this._lengthWire.setStartAndEnd(cp[0],cp[1],cp[6],cp[7]);this._xAxisWire.setStartAndEnd(cp[0],cp[1],cp[2],cp[3]);this._yAxisWire.setStartAndEnd(cp[2],cp[3],cp[4],cp[5]);this._zAxisWire.setStartAndEnd(cp[4],cp[5],cp[6],cp[7]);if(!this.labelsVisible){this._lengthLabel.setCulled(true);this._xAxisLabel.setCulled(true);this._yAxisLabel.setCulled(true);this._zAxisLabel.setCulled(true);}else{this._lengthLabel.setPosOnWire(cp[0],cp[1],cp[6],cp[7]);this._xAxisLabel.setPosOnWire(cp[0],cp[1],cp[2],cp[3]);this._yAxisLabel.setPosOnWire(cp[2],cp[3],cp[4],cp[5]);this._zAxisLabel.setPosOnWire(cp[4],cp[5],cp[6],cp[7]);var tilde=this._approximate?" ~ ":" = ";this._length=Math.abs(math.lenVec3(math.subVec3(this._targetWorld,this._originWorld,distVec3)));this._lengthLabel.setText(tilde+(this._length*_scale5).toFixed(2)+unitAbbrev);var xAxisCanvasLength=Math.abs(lengthWire(cp[0],cp[1],cp[2],cp[3]));var yAxisCanvasLength=Math.abs(lengthWire(cp[2],cp[3],cp[4],cp[5]));var zAxisCanvasLength=Math.abs(lengthWire(cp[4],cp[5],cp[6],cp[7]));var labelMinAxisLength=this.plugin.labelMinAxisLength;this._xAxisLabelCulled=xAxisCanvasLength<labelMinAxisLength;this._yAxisLabelCulled=yAxisCanvasLength<labelMinAxisLength;this._zAxisLabelCulled=zAxisCanvasLength<labelMinAxisLength;if(!this._xAxisLabelCulled){this._xAxisLabel.setText(tilde+Math.abs((this._targetWorld[0]-this._originWorld[0])*_scale5).toFixed(2)+unitAbbrev);this._xAxisLabel.setCulled(!this.axisVisible);}else{this._xAxisLabel.setCulled(true);}if(!this._yAxisLabelCulled){this._yAxisLabel.setText(tilde+Math.abs((this._targetWorld[1]-this._originWorld[1])*_scale5).toFixed(2)+unitAbbrev);this._yAxisLabel.setCulled(!this.axisVisible);}else{this._yAxisLabel.setCulled(true);}if(!this._zAxisLabelCulled){this._zAxisLabel.setText(tilde+Math.abs((this._targetWorld[2]-this._originWorld[2])*_scale5).toFixed(2)+unitAbbrev);this._zAxisLabel.setCulled(!this.axisVisible);}else{this._zAxisLabel.setCulled(true);}}// this._xAxisLabel.setVisible(this.axisVisible && this.xAxisVisible);
+});_this80._onMetricsUnits=scene.metrics.on("units",function(){_this80._cpDirty=true;_this80._needUpdate();});_this80._onMetricsScale=scene.metrics.on("scale",function(){_this80._cpDirty=true;_this80._needUpdate();});_this80._onMetricsOrigin=scene.metrics.on("origin",function(){_this80._cpDirty=true;_this80._needUpdate();});_this80._onSectionPlaneUpdated=scene.on("sectionPlaneUpdated",function(){_this80._sectionPlanesDirty=true;_this80._needUpdate();});_this80.approximate=cfg.approximate;_this80.visible=cfg.visible;_this80.originVisible=cfg.originVisible;_this80.targetVisible=cfg.targetVisible;_this80.wireVisible=cfg.wireVisible;_this80.axisVisible=cfg.axisVisible;_this80.xAxisVisible=cfg.xAxisVisible;_this80.yAxisVisible=cfg.yAxisVisible;_this80.zAxisVisible=cfg.zAxisVisible;_this80.labelsVisible=cfg.labelsVisible;_this80.labelsOnWires=cfg.labelsOnWires;return _this80;}_createClass(DistanceMeasurement,[{key:"_update",value:function _update(){if(!this._visible){return;}var scene=this.plugin.viewer.scene;if(this._wpDirty){this._wp[0]=this._originWorld[0];this._wp[1]=this._originWorld[1];this._wp[2]=this._originWorld[2];this._wp[3]=1.0;this._wp[4]=this._targetWorld[0];this._wp[5]=this._originWorld[1];this._wp[6]=this._originWorld[2];this._wp[7]=1.0;this._wp[8]=this._targetWorld[0];this._wp[9]=this._targetWorld[1];this._wp[10]=this._originWorld[2];this._wp[11]=1.0;this._wp[12]=this._targetWorld[0];this._wp[13]=this._targetWorld[1];this._wp[14]=this._targetWorld[2];this._wp[15]=1.0;this._wpDirty=false;this._vpDirty=true;}if(this._vpDirty){math.transformPositions4(scene.camera.viewMatrix,this._wp,this._vp);this._vp[3]=1.0;this._vp[7]=1.0;this._vp[11]=1.0;this._vp[15]=1.0;this._vpDirty=false;this._cpDirty=true;}if(this._sectionPlanesDirty){if(this._isSliced(this._originWorld)||this._isSliced(this._targetWorld)){this._xAxisLabel.setCulled(true);this._yAxisLabel.setCulled(true);this._zAxisLabel.setCulled(true);this._lengthLabel.setCulled(true);this._xAxisWire.setCulled(true);this._yAxisWire.setCulled(true);this._zAxisWire.setCulled(true);this._lengthWire.setCulled(true);this._originDot.setCulled(true);this._targetDot.setCulled(true);return;}else{this._xAxisLabel.setCulled(false);this._yAxisLabel.setCulled(false);this._zAxisLabel.setCulled(false);this._lengthLabel.setCulled(false);this._xAxisWire.setCulled(false);this._yAxisWire.setCulled(false);this._zAxisWire.setCulled(false);this._lengthWire.setCulled(false);this._originDot.setCulled(false);this._targetDot.setCulled(false);}this._sectionPlanesDirty=true;}var near=-0.3;var vpz1=this._originMarker.viewPos[2];var vpz2=this._targetMarker.viewPos[2];if(vpz1>near||vpz2>near){this._xAxisLabel.setCulled(true);this._yAxisLabel.setCulled(true);this._zAxisLabel.setCulled(true);this._lengthLabel.setCulled(true);this._xAxisWire.setVisible(false);this._yAxisWire.setVisible(false);this._zAxisWire.setVisible(false);this._lengthWire.setVisible(false);this._originDot.setVisible(false);this._targetDot.setVisible(false);return;}if(this._cpDirty){math.transformPositions4(scene.camera.project.matrix,this._vp,this._pp);var pp=this._pp;var cp=this._cp;var canvas=scene.canvas.canvas;var offsets=canvas.getBoundingClientRect();var containerOffsets=this._container.getBoundingClientRect();var top=offsets.top-containerOffsets.top;var left=offsets.left-containerOffsets.left;var aabb=scene.canvas.boundary;var canvasWidth=aabb[2];var canvasHeight=aabb[3];var j=0;var metrics=this.plugin.viewer.scene.metrics;var _scale5=metrics.scale;var units=metrics.units;var unitInfo=metrics.unitsInfo[units];var unitAbbrev=unitInfo.abbrev;for(var i=0,len=pp.length;i<len;i+=4){cp[j]=left+Math.floor((1+pp[i+0]/pp[i+3])*canvasWidth/2);cp[j+1]=top+Math.floor((1-pp[i+1]/pp[i+3])*canvasHeight/2);j+=2;}this._originDot.setPos(cp[0],cp[1]);this._targetDot.setPos(cp[6],cp[7]);this._lengthWire.setStartAndEnd(cp[0],cp[1],cp[6],cp[7]);this._xAxisWire.setStartAndEnd(cp[0],cp[1],cp[2],cp[3]);this._yAxisWire.setStartAndEnd(cp[2],cp[3],cp[4],cp[5]);this._zAxisWire.setStartAndEnd(cp[4],cp[5],cp[6],cp[7]);if(!this.labelsVisible){this._lengthLabel.setCulled(true);this._xAxisLabel.setCulled(true);this._yAxisLabel.setCulled(true);this._zAxisLabel.setCulled(true);}else{this._lengthLabel.setPosOnWire(cp[0],cp[1],cp[6],cp[7]);if(this.labelsOnWires){this._xAxisLabel.setPosOnWire(cp[0],cp[1],cp[2],cp[3]);this._yAxisLabel.setPosOnWire(cp[2],cp[3],cp[4],cp[5]);this._zAxisLabel.setPosOnWire(cp[4],cp[5],cp[6],cp[7]);}else{var labelOffset=35;var currentLabelOffset=labelOffset;this._xAxisLabel.setPosOnWire(cp[0],cp[1]+currentLabelOffset,cp[6],cp[7]+currentLabelOffset);currentLabelOffset+=labelOffset;this._yAxisLabel.setPosOnWire(cp[0],cp[1]+currentLabelOffset,cp[6],cp[7]+currentLabelOffset);currentLabelOffset+=labelOffset;this._zAxisLabel.setPosOnWire(cp[0],cp[1]+currentLabelOffset,cp[6],cp[7]+currentLabelOffset);}var tilde=this._approximate?" ~ ":" = ";this._length=Math.abs(math.lenVec3(math.subVec3(this._targetWorld,this._originWorld,distVec3)));this._lengthLabel.setText(tilde+(this._length*_scale5).toFixed(2)+unitAbbrev);var xAxisCanvasLength=Math.abs(lengthWire(cp[0],cp[1],cp[2],cp[3]));var yAxisCanvasLength=Math.abs(lengthWire(cp[2],cp[3],cp[4],cp[5]));var zAxisCanvasLength=Math.abs(lengthWire(cp[4],cp[5],cp[6],cp[7]));var labelMinAxisLength=this.plugin.labelMinAxisLength;if(this.labelsOnWires){this._xAxisLabelCulled=xAxisCanvasLength<labelMinAxisLength;this._yAxisLabelCulled=yAxisCanvasLength<labelMinAxisLength;this._zAxisLabelCulled=zAxisCanvasLength<labelMinAxisLength;}else{this._xAxisLabelCulled=false;this._yAxisLabelCulled=false;this._zAxisLabelCulled=false;}if(!this._xAxisLabelCulled){this._xAxisLabel.setText(tilde+Math.abs((this._targetWorld[0]-this._originWorld[0])*_scale5).toFixed(2)+unitAbbrev);this._xAxisLabel.setCulled(!this.axisVisible);}else{this._xAxisLabel.setCulled(true);}if(!this._yAxisLabelCulled){this._yAxisLabel.setText(tilde+Math.abs((this._targetWorld[1]-this._originWorld[1])*_scale5).toFixed(2)+unitAbbrev);this._yAxisLabel.setCulled(!this.axisVisible);}else{this._yAxisLabel.setCulled(true);}if(!this._zAxisLabelCulled){this._zAxisLabel.setText(tilde+Math.abs((this._targetWorld[2]-this._originWorld[2])*_scale5).toFixed(2)+unitAbbrev);this._zAxisLabel.setCulled(!this.axisVisible);}else{this._zAxisLabel.setCulled(true);}}// this._xAxisLabel.setVisible(this.axisVisible && this.xAxisVisible);
 // this._yAxisLabel.setVisible(this.axisVisible && this.yAxisVisible);
 // this._zAxisLabel.setVisible(this.axisVisible && this.zAxisVisible);
 // this._lengthLabel.setVisible(false);
@@ -18826,9 +18842,17 @@ this._originDot.setVisible(this._visible&&this._originVisible);this._targetDot.s
      *
      * @type {Boolean}
      */function get(){return this._labelsVisible;}/**
+     * Sets if labels should be positioned on the wires.
+     *
+     * @type {Boolean}
+     */,set:function set(value){value=value!==undefined?Boolean(value):this.plugin.defaultLabelsVisible;this._labelsVisible=value;var labelsVisible=this._visible&&this._labelsVisible;this._xAxisLabel.setVisible(labelsVisible&&!this._xAxisLabelCulled&&this._clickable&&this._axisEnabled);this._yAxisLabel.setVisible(labelsVisible&&!this._yAxisLabelCulled&&this._clickable&&this._axisEnabled);this._zAxisLabel.setVisible(labelsVisible&&!this._zAxisLabelCulled&&this._clickable&&this._axisEnabled);this._lengthLabel.setVisible(labelsVisible);this._cpDirty=true;this._needUpdate();}},{key:"labelsOnWires",get:/**
+     * Gets if labels should be positioned on the wires.
+     *
+     * @type {Boolean}
+     */function get(){return this._labelsOnWires;}/**
      * Sets if this DistanceMeasurement appears highlighted.
      * @param highlighted
-     */,set:function set(value){value=value!==undefined?Boolean(value):this.plugin.defaultLabelsVisible;this._labelsVisible=value;var labelsVisible=this._visible&&this._labelsVisible;this._xAxisLabel.setVisible(labelsVisible&&!this._xAxisLabelCulled&&this._clickable&&this._axisEnabled);this._yAxisLabel.setVisible(labelsVisible&&!this._yAxisLabelCulled&&this._clickable&&this._axisEnabled);this._zAxisLabel.setVisible(labelsVisible&&!this._zAxisLabelCulled&&this._clickable&&this._axisEnabled);this._lengthLabel.setVisible(labelsVisible);this._cpDirty=true;this._needUpdate();}},{key:"setHighlighted",value:function setHighlighted(highlighted){this._originDot.setHighlighted(highlighted);this._targetDot.setHighlighted(highlighted);this._xAxisWire.setHighlighted(highlighted);this._yAxisWire.setHighlighted(highlighted);this._zAxisWire.setHighlighted(highlighted);this._xAxisLabel.setHighlighted(highlighted);this._yAxisLabel.setHighlighted(highlighted);this._zAxisLabel.setHighlighted(highlighted);this._lengthWire.setHighlighted(highlighted);this._lengthLabel.setHighlighted(highlighted);}/**
+     */,set:function set(value){value=value!==undefined?Boolean(value):this.plugin.defaultLabelsOnWires;this._labelsOnWires=value;}},{key:"setHighlighted",value:function setHighlighted(highlighted){this._originDot.setHighlighted(highlighted);this._targetDot.setHighlighted(highlighted);this._xAxisWire.setHighlighted(highlighted);this._yAxisWire.setHighlighted(highlighted);this._zAxisWire.setHighlighted(highlighted);this._xAxisLabel.setHighlighted(highlighted);this._yAxisLabel.setHighlighted(highlighted);this._zAxisLabel.setHighlighted(highlighted);this._lengthWire.setHighlighted(highlighted);this._lengthLabel.setHighlighted(highlighted);}/**
      * Sets if the wires, dots ad labels will fire "mouseOver" "mouseLeave" and "contextMenu" events, or ignore mouse events altogether.
      *
      * @type {Boolean}
@@ -18924,55 +18948,55 @@ this._originDot.setVisible(this._visible&&this._originVisible);this._targetDot.s
  * distanceMeasurementsControl.activate();
  * ````
  */var DistanceMeasurementsMouseControl=/*#__PURE__*/function(_DistanceMeasurements){_inherits(DistanceMeasurementsMouseControl,_DistanceMeasurements);var _super117=_createSuper(DistanceMeasurementsMouseControl);/**
-     * Creates a DistanceMeasurementsMouseControl bound to the given DistanceMeasurementsPlugin.
-     *
-     * @param {DistanceMeasurementsPlugin} distanceMeasurementsPlugin The AngleMeasurementsPlugin to control.
-     * @param [cfg] Configuration
-     * @param {PointerLens} [cfg.pointerLens] A PointerLens to use to provide a magnified view of the cursor when snapping is enabled.
-     * @param {boolean} [cfg.snapping=true] Whether to initially enable snap-to-vertex and snap-to-edge for this DistanceMeasurementsMouseControl.
-     */function DistanceMeasurementsMouseControl(distanceMeasurementsPlugin){var _this81;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,DistanceMeasurementsMouseControl);_this81=_super117.call(this,distanceMeasurementsPlugin.viewer.scene);_this81.pointerLens=cfg.pointerLens;_this81._active=false;_this81._currentDistanceMeasurement=null;_this81._currentDistanceMeasurementInitState={wireVisible:null,axisVisible:null,xAxisVisible:null,yaxisVisible:null,zAxisVisible:null,targetVisible:null};_this81._initMarkerDiv();_this81._onCameraControlHoverSnapOrSurface=null;_this81._onCameraControlHoverSnapOrSurfaceOff=null;_this81._onMouseDown=null;_this81._onMouseUp=null;_this81._onCanvasTouchStart=null;_this81._onCanvasTouchEnd=null;_this81._snapping=cfg.snapping!==false;_this81._mouseState=MOUSE_FIRST_CLICK_EXPECTED;_this81._attachPlugin(distanceMeasurementsPlugin,cfg);return _this81;}_createClass(DistanceMeasurementsMouseControl,[{key:"_initMarkerDiv",value:function _initMarkerDiv(){var markerDiv=document.createElement('div');markerDiv.setAttribute('id','myDistanceMarker');var canvas=this.scene.canvas.canvas;canvas.parentNode.insertBefore(markerDiv,canvas);markerDiv.style.background="black";markerDiv.style.border="2px solid blue";markerDiv.style.borderRadius="10px";markerDiv.style.width="5px";markerDiv.style.height="5px";markerDiv.style.margin="-200px -200px";markerDiv.style.zIndex="100";markerDiv.style.position="absolute";markerDiv.style.pointerEvents="none";this._markerDiv=markerDiv;}},{key:"_destroyMarkerDiv",value:function _destroyMarkerDiv(){if(this._markerDiv){var element=document.getElementById('myDistanceMarker');element.parentNode.removeChild(element);this._markerDiv=null;}}},{key:"_attachPlugin",value:function _attachPlugin(distanceMeasurementsPlugin){var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
-         * The {@link DistanceMeasurementsPlugin} that owns this DistanceMeasurementsMouseControl.
-         * @type {DistanceMeasurementsPlugin}
-         */this.distanceMeasurementsPlugin=distanceMeasurementsPlugin;/**
-         * The {@link DistanceMeasurementsPlugin} that owns this DistanceMeasurementsMouseControl.
-         * @type {DistanceMeasurementsPlugin}
-         */this.plugin=distanceMeasurementsPlugin;}/**
-     * Gets if this DistanceMeasurementsMouseControl is currently active, where it is responding to input.
-     *
-     * @returns {boolean} True if this DistanceMeasurementsMouseControl is active.
-     */},{key:"active",get:function get(){return this._active;}/**
-     * Sets whether snap-to-vertex and snap-to-edge are enabled for this DistanceMeasurementsMouseControl.
-     *
-     * This is `true` by default.
-     *
-     * Internally, this deactivates then activates the DistanceMeasurementsMouseControl when changed, which means that
-     * it will destroy any DistanceMeasurements currently under construction, and incurs some overhead, since it unbinds
-     * and rebinds various input handlers.
-     *
-     * @param {boolean} snapping Whether to enable snap-to-vertex and snap-edge for this DistanceMeasurementsMouseControl.
-     */},{key:"snapping",get:/**
-     * Gets whether snap-to-vertex and snap-to-edge are enabled for this DistanceMeasurementsMouseControl.
-     *
-     * This is `true` by default.
-     *
-     * @returns {boolean} Whether snap-to-vertex and snap-to-edge are enabled for this DistanceMeasurementsMouseControl.
-     */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 _this82=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;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(_this82._mouseState===MOUSE_FIRST_CLICK_EXPECTED){var canvasBoundRect=canvas.getBoundingClientRect();var scrollLeft=window.pageXOffset||document.documentElement.scrollLeft;var scrollTop=window.pageYOffset||document.documentElement.scrollTop;var canvasLeftEdge=canvasBoundRect.left+scrollLeft;var canvasTopEdge=canvasBoundRect.top+scrollTop;_this82._markerDiv.style.marginLeft="".concat(canvasLeftEdge+canvasPos[0]-5,"px");_this82._markerDiv.style.marginTop="".concat(canvasTopEdge+canvasPos[1]-5,"px");_this82._markerDiv.style.background="pink";if(event.snappedToVertex||event.snappedToEdge){if(_this82.pointerLens){_this82.pointerLens.visible=true;_this82.pointerLens.canvasPos=event.canvasPos;_this82.pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;_this82.pointerLens.snapped=true;}_this82._markerDiv.style.background="greenyellow";_this82._markerDiv.style.border="2px solid green";}else{if(_this82.pointerLens){_this82.pointerLens.visible=true;_this82.pointerLens.canvasPos=event.canvasPos;_this82.pointerLens.snappedCanvasPos=event.canvasPos;_this82.pointerLens.snapped=false;}_this82._markerDiv.style.background="pink";_this82._markerDiv.style.border="2px solid red";}hoveredEntity=event.entity;}else{_this82._markerDiv.style.marginLeft="-10000px";_this82._markerDiv.style.marginTop="-10000px";}canvas.style.cursor="pointer";if(_this82._currentDistanceMeasurement){_this82._currentDistanceMeasurement.wireVisible=_this82._currentDistanceMeasurementInitState.wireVisible;_this82._currentDistanceMeasurement.axisVisible=_this82._currentDistanceMeasurementInitState.axisVisible&&_this82.distanceMeasurementsPlugin.defaultAxisVisible;_this82._currentDistanceMeasurement.xAxisVisible=_this82._currentDistanceMeasurementInitState.xAxisVisible&&_this82.distanceMeasurementsPlugin.defaultXAxisVisible;_this82._currentDistanceMeasurement.yAxisVisible=_this82._currentDistanceMeasurementInitState.yAxisVisible&&_this82.distanceMeasurementsPlugin.defaultYAxisVisible;_this82._currentDistanceMeasurement.zAxisVisible=_this82._currentDistanceMeasurementInitState.zAxisVisible&&_this82.distanceMeasurementsPlugin.defaultZAxisVisible;_this82._currentDistanceMeasurement.targetVisible=_this82._currentDistanceMeasurementInitState.targetVisible;_this82._currentDistanceMeasurement.target.worldPos=pointerWorldPos.slice();_this82._markerDiv.style.marginLeft="-10000px";_this82._markerDiv.style.marginTop="-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(_this82._currentDistanceMeasurement){if(mouseHovering){_this82._currentDistanceMeasurement.target.entity=hoveredEntity;hoveredEntity=null;_this82._currentDistanceMeasurement.clickable=true;_this82.distanceMeasurementsPlugin.fire("measurementEnd",_this82._currentDistanceMeasurement);_this82._currentDistanceMeasurement=null;}else{_this82._currentDistanceMeasurement.destroy();_this82.distanceMeasurementsPlugin.fire("measurementCancel",_this82._currentDistanceMeasurement);_this82._currentDistanceMeasurement=null;hoveredEntity=null;}}else{if(mouseHovering){_this82._currentDistanceMeasurement=distanceMeasurementsPlugin.createMeasurement({id:math.createUUID(),origin:{worldPos:pointerWorldPos.slice()},target:{worldPos:pointerWorldPos.slice()},approximate:true});_this82._currentDistanceMeasurementInitState.axisVisible=_this82._currentDistanceMeasurement.axisVisible&&_this82.distanceMeasurementsPlugin.defaultAxisVisible;_this82._currentDistanceMeasurementInitState.xAxisVisible=_this82._currentDistanceMeasurement.xAxisVisible&&_this82.distanceMeasurementsPlugin.defaultXAxisVisible;_this82._currentDistanceMeasurementInitState.yAxisVisible=_this82._currentDistanceMeasurement.yAxisVisible&&_this82.distanceMeasurementsPlugin.defaultYAxisVisible;_this82._currentDistanceMeasurementInitState.zAxisVisible=_this82._currentDistanceMeasurement.zAxisVisible&&_this82.distanceMeasurementsPlugin.defaultZAxisVisible;_this82._currentDistanceMeasurementInitState.wireVisible=_this82._currentDistanceMeasurement.wireVisible;_this82._currentDistanceMeasurementInitState.targetVisible=_this82._currentDistanceMeasurement.targetVisible;_this82._currentDistanceMeasurement.clickable=false;_this82._currentDistanceMeasurement.origin.entity=hoveredEntity;hoveredEntity=null;_this82.fire("measurementStart",_this82._currentDistanceMeasurement);}}});this._onCameraControlHoverSnapOrSurfaceOff=cameraControl.on(this._snapping?"hoverSnapOrSurfaceOff":"hoverOff",function(event){if(_this82.pointerLens){_this82.pointerLens.visible=true;_this82.pointerLens.canvasPos=event.canvasPos;_this82.pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;}mouseHovering=false;_this82._markerDiv.style.marginLeft="-100px";_this82._markerDiv.style.marginTop="-100px";if(_this82._currentDistanceMeasurement){_this82._currentDistanceMeasurement.wireVisible=false;_this82._currentDistanceMeasurement.targetVisible=false;_this82._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.
-     */},{key:"deactivate",value:function deactivate(){if(!this._active){return;}this.fire("activated",false);if(this.pointerLens){this.pointerLens.visible=false;}if(this._markerDiv){this._destroyMarkerDiv();}this.reset();var canvas=this.scene.canvas.canvas;canvas.removeEventListener("mousedown",this._onMouseDown);canvas.removeEventListener("mouseup",this._onMouseUp);var cameraControl=this.distanceMeasurementsPlugin.viewer.cameraControl;cameraControl.off(this._onCameraControlHoverSnapOrSurface);cameraControl.off(this._onCameraControlHoverSnapOrSurfaceOff);if(this._currentDistanceMeasurement){this.distanceMeasurementsPlugin.fire("measurementCancel",this._currentDistanceMeasurement);this._currentDistanceMeasurement.destroy();this._currentDistanceMeasurement=null;}this._active=false;}/**
-     * Resets this DistanceMeasurementsMouseControl.
-     *
-     * Destroys any {@link DistanceMeasurement} under construction by this DistanceMeasurementsMouseControl.
-     *
-     * Does nothing if the DistanceMeasurementsMouseControl is not active.
-     */},{key:"reset",value:function reset(){if(!this._active){return;}this._destroyMarkerDiv();this._initMarkerDiv();if(this._currentDistanceMeasurement){this.distanceMeasurementsPlugin.fire("measurementCancel",this._currentDistanceMeasurement);this._currentDistanceMeasurement.destroy();this._currentDistanceMeasurement=null;}}/**
-     * Destroys this DistanceMeasurementsMouseControl.
-     *
-     * Destroys any {@link DistanceMeasurement} under construction by this DistanceMeasurementsMouseControl.
-     */},{key:"destroy",value:function destroy(){this.deactivate();_get(_getPrototypeOf(DistanceMeasurementsMouseControl.prototype),"destroy",this).call(this);}}]);return DistanceMeasurementsMouseControl;}(DistanceMeasurementsControl);/**
+	 * Creates a DistanceMeasurementsMouseControl bound to the given DistanceMeasurementsPlugin.
+	 *
+	 * @param {DistanceMeasurementsPlugin} distanceMeasurementsPlugin The AngleMeasurementsPlugin to control.
+	 * @param [cfg] Configuration
+	 * @param {PointerLens} [cfg.pointerLens] A PointerLens to use to provide a magnified view of the cursor when snapping is enabled.
+	 * @param {boolean} [cfg.snapping=true] Whether to initially enable snap-to-vertex and snap-to-edge for this DistanceMeasurementsMouseControl.
+	 */function DistanceMeasurementsMouseControl(distanceMeasurementsPlugin){var _this81;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,DistanceMeasurementsMouseControl);_this81=_super117.call(this,distanceMeasurementsPlugin.viewer.scene);_this81.pointerLens=cfg.pointerLens;_this81._active=false;_this81._currentDistanceMeasurement=null;_this81._currentDistanceMeasurementInitState={wireVisible:null,axisVisible:null,xAxisVisible:null,yaxisVisible:null,zAxisVisible:null,targetVisible:null};_this81._initMarkerDiv();_this81._onCameraControlHoverSnapOrSurface=null;_this81._onCameraControlHoverSnapOrSurfaceOff=null;_this81._onMouseDown=null;_this81._onMouseUp=null;_this81._onCanvasTouchStart=null;_this81._onCanvasTouchEnd=null;_this81._snapping=cfg.snapping!==false;_this81._mouseState=MOUSE_FIRST_CLICK_EXPECTED;_this81._attachPlugin(distanceMeasurementsPlugin,cfg);return _this81;}_createClass(DistanceMeasurementsMouseControl,[{key:"_initMarkerDiv",value:function _initMarkerDiv(){var markerDiv=document.createElement("div");markerDiv.setAttribute("id","myDistanceMarker");var canvas=this.scene.canvas.canvas;canvas.parentNode.insertBefore(markerDiv,canvas);markerDiv.style.background="black";markerDiv.style.border="2px solid blue";markerDiv.style.borderRadius="10px";markerDiv.style.width="5px";markerDiv.style.height="5px";markerDiv.style.margin="-200px -200px";markerDiv.style.zIndex="100";markerDiv.style.position="absolute";markerDiv.style.pointerEvents="none";this._markerDiv=markerDiv;}},{key:"_destroyMarkerDiv",value:function _destroyMarkerDiv(){if(this._markerDiv){var element=document.getElementById("myDistanceMarker");element.parentNode.removeChild(element);this._markerDiv=null;}}},{key:"_attachPlugin",value:function _attachPlugin(distanceMeasurementsPlugin){var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};/**
+		 * The {@link DistanceMeasurementsPlugin} that owns this DistanceMeasurementsMouseControl.
+		 * @type {DistanceMeasurementsPlugin}
+		 */this.distanceMeasurementsPlugin=distanceMeasurementsPlugin;/**
+		 * The {@link DistanceMeasurementsPlugin} that owns this DistanceMeasurementsMouseControl.
+		 * @type {DistanceMeasurementsPlugin}
+		 */this.plugin=distanceMeasurementsPlugin;}/**
+	 * Gets if this DistanceMeasurementsMouseControl is currently active, where it is responding to input.
+	 *
+	 * @returns {boolean} True if this DistanceMeasurementsMouseControl is active.
+	 */},{key:"active",get:function get(){return this._active;}/**
+	 * Sets whether snap-to-vertex and snap-to-edge are enabled for this DistanceMeasurementsMouseControl.
+	 *
+	 * This is `true` by default.
+	 *
+	 * Internally, this deactivates then activates the DistanceMeasurementsMouseControl when changed, which means that
+	 * it will destroy any DistanceMeasurements currently under construction, and incurs some overhead, since it unbinds
+	 * and rebinds various input handlers.
+	 *
+	 * @param {boolean} snapping Whether to enable snap-to-vertex and snap-edge for this DistanceMeasurementsMouseControl.
+	 */},{key:"snapping",get:/**
+	 * Gets whether snap-to-vertex and snap-to-edge are enabled for this DistanceMeasurementsMouseControl.
+	 *
+	 * This is `true` by default.
+	 *
+	 * @returns {boolean} Whether snap-to-vertex and snap-to-edge are enabled for this DistanceMeasurementsMouseControl.
+	 */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 _this82=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;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(_this82._mouseState===MOUSE_FIRST_CLICK_EXPECTED){canvas.getBoundingClientRect();var scrollLeft=window.pageXOffset||document.documentElement.scrollLeft;var scrollTop=window.pageYOffset||document.documentElement.scrollTop;var canvasLeftEdge=scrollLeft;var canvasTopEdge=scrollTop;_this82._markerDiv.style.marginLeft="".concat(canvasLeftEdge+canvasPos[0]-5,"px");_this82._markerDiv.style.marginTop="".concat(canvasTopEdge+canvasPos[1]-5,"px");_this82._markerDiv.style.background="pink";if(event.snappedToVertex||event.snappedToEdge){if(_this82.pointerLens){_this82.pointerLens.visible=true;_this82.pointerLens.canvasPos=event.canvasPos;_this82.pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;_this82.pointerLens.snapped=true;}_this82._markerDiv.style.background="greenyellow";_this82._markerDiv.style.border="2px solid green";}else{if(_this82.pointerLens){_this82.pointerLens.visible=true;_this82.pointerLens.canvasPos=event.canvasPos;_this82.pointerLens.snappedCanvasPos=event.canvasPos;_this82.pointerLens.snapped=false;}_this82._markerDiv.style.background="pink";_this82._markerDiv.style.border="2px solid red";}hoveredEntity=event.entity;}else{_this82._markerDiv.style.marginLeft="-10000px";_this82._markerDiv.style.marginTop="-10000px";}canvas.style.cursor="pointer";if(_this82._currentDistanceMeasurement){_this82._currentDistanceMeasurement.wireVisible=_this82._currentDistanceMeasurementInitState.wireVisible;_this82._currentDistanceMeasurement.axisVisible=_this82._currentDistanceMeasurementInitState.axisVisible&&_this82.distanceMeasurementsPlugin.defaultAxisVisible;_this82._currentDistanceMeasurement.xAxisVisible=_this82._currentDistanceMeasurementInitState.xAxisVisible&&_this82.distanceMeasurementsPlugin.defaultXAxisVisible;_this82._currentDistanceMeasurement.yAxisVisible=_this82._currentDistanceMeasurementInitState.yAxisVisible&&_this82.distanceMeasurementsPlugin.defaultYAxisVisible;_this82._currentDistanceMeasurement.zAxisVisible=_this82._currentDistanceMeasurementInitState.zAxisVisible&&_this82.distanceMeasurementsPlugin.defaultZAxisVisible;_this82._currentDistanceMeasurement.targetVisible=_this82._currentDistanceMeasurementInitState.targetVisible;_this82._currentDistanceMeasurement.target.worldPos=pointerWorldPos.slice();_this82._markerDiv.style.marginLeft="-10000px";_this82._markerDiv.style.marginTop="-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(_this82._currentDistanceMeasurement){if(mouseHovering){_this82._currentDistanceMeasurement.target.entity=hoveredEntity;hoveredEntity=null;_this82._currentDistanceMeasurement.clickable=true;_this82.distanceMeasurementsPlugin.fire("measurementEnd",_this82._currentDistanceMeasurement);_this82._currentDistanceMeasurement=null;}else{_this82._currentDistanceMeasurement.destroy();_this82.distanceMeasurementsPlugin.fire("measurementCancel",_this82._currentDistanceMeasurement);_this82._currentDistanceMeasurement=null;hoveredEntity=null;}}else{if(mouseHovering){_this82._currentDistanceMeasurement=distanceMeasurementsPlugin.createMeasurement({id:math.createUUID(),origin:{worldPos:pointerWorldPos.slice()},target:{worldPos:pointerWorldPos.slice()},approximate:true});_this82._currentDistanceMeasurementInitState.axisVisible=_this82._currentDistanceMeasurement.axisVisible&&_this82.distanceMeasurementsPlugin.defaultAxisVisible;_this82._currentDistanceMeasurementInitState.xAxisVisible=_this82._currentDistanceMeasurement.xAxisVisible&&_this82.distanceMeasurementsPlugin.defaultXAxisVisible;_this82._currentDistanceMeasurementInitState.yAxisVisible=_this82._currentDistanceMeasurement.yAxisVisible&&_this82.distanceMeasurementsPlugin.defaultYAxisVisible;_this82._currentDistanceMeasurementInitState.zAxisVisible=_this82._currentDistanceMeasurement.zAxisVisible&&_this82.distanceMeasurementsPlugin.defaultZAxisVisible;_this82._currentDistanceMeasurementInitState.wireVisible=_this82._currentDistanceMeasurement.wireVisible;_this82._currentDistanceMeasurementInitState.targetVisible=_this82._currentDistanceMeasurement.targetVisible;_this82._currentDistanceMeasurement.clickable=false;_this82._currentDistanceMeasurement.origin.entity=hoveredEntity;hoveredEntity=null;_this82.fire("measurementStart",_this82._currentDistanceMeasurement);}}});this._onCameraControlHoverSnapOrSurfaceOff=cameraControl.on(this._snapping?"hoverSnapOrSurfaceOff":"hoverOff",function(event){if(_this82.pointerLens){_this82.pointerLens.visible=true;_this82.pointerLens.canvasPos=event.canvasPos;_this82.pointerLens.snappedCanvasPos=event.snappedCanvasPos||event.canvasPos;}mouseHovering=false;_this82._markerDiv.style.marginLeft="-100px";_this82._markerDiv.style.marginTop="-100px";if(_this82._currentDistanceMeasurement){_this82._currentDistanceMeasurement.wireVisible=false;_this82._currentDistanceMeasurement.targetVisible=false;_this82._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.
+	 */},{key:"deactivate",value:function deactivate(){if(!this._active){return;}this.fire("activated",false);if(this.pointerLens){this.pointerLens.visible=false;}if(this._markerDiv){this._destroyMarkerDiv();}this.reset();var canvas=this.scene.canvas.canvas;canvas.removeEventListener("mousedown",this._onMouseDown);canvas.removeEventListener("mouseup",this._onMouseUp);var cameraControl=this.distanceMeasurementsPlugin.viewer.cameraControl;cameraControl.off(this._onCameraControlHoverSnapOrSurface);cameraControl.off(this._onCameraControlHoverSnapOrSurfaceOff);if(this._currentDistanceMeasurement){this.distanceMeasurementsPlugin.fire("measurementCancel",this._currentDistanceMeasurement);this._currentDistanceMeasurement.destroy();this._currentDistanceMeasurement=null;}this._active=false;}/**
+	 * Resets this DistanceMeasurementsMouseControl.
+	 *
+	 * Destroys any {@link DistanceMeasurement} under construction by this DistanceMeasurementsMouseControl.
+	 *
+	 * Does nothing if the DistanceMeasurementsMouseControl is not active.
+	 */},{key:"reset",value:function reset(){if(!this._active){return;}this._destroyMarkerDiv();this._initMarkerDiv();if(this._currentDistanceMeasurement){this.distanceMeasurementsPlugin.fire("measurementCancel",this._currentDistanceMeasurement);this._currentDistanceMeasurement.destroy();this._currentDistanceMeasurement=null;}}/**
+	 * Destroys this DistanceMeasurementsMouseControl.
+	 *
+	 * Destroys any {@link DistanceMeasurement} under construction by this DistanceMeasurementsMouseControl.
+	 */},{key:"destroy",value:function destroy(){this.deactivate();_get(_getPrototypeOf(DistanceMeasurementsMouseControl.prototype),"destroy",this).call(this);}}]);return DistanceMeasurementsMouseControl;}(DistanceMeasurementsControl);/**
  * {@link Viewer} plugin for measuring point-to-point distances.
  *
  * [<img src="https://user-images.githubusercontent.com/83100/63047331-867a0a80-bed4-11e9-892f-398740013c5f.gif">](https://xeokit.github.io/xeokit-sdk/examples/#measurements_distance_createWithMouse)
@@ -21689,62 +21713,64 @@ var eyeTargetVec=math.subVec3(optionalTargetWorldPos,camera.eye,tempVec3a$7);var
 // - add both vectors to camera eye and look.
 var worldPos1=this._unproject(targetCanvasPos,tempVec4a$4);camera.ortho.scale=camera.ortho.scale-dollyDelta;camera.ortho._update();// HACK
 var worldPos2=this._unproject(targetCanvasPos,tempVec4b$4);var _offset=math.subVec3(worldPos2,worldPos1,tempVec4c$1);var eyeLookMoveVec=math.mulVec3Scalar(math.normalizeVec3(math.subVec3(camera.look,camera.eye,tempVec3a$7)),-dollyDelta,tempVec3b$4);var _moveVec=math.addVec3(_offset,eyeLookMoveVec,tempVec3c$3);camera.eye=[camera.eye[0]-_moveVec[0],camera.eye[1]-_moveVec[1],camera.eye[2]-_moveVec[2]];camera.look=[camera.look[0]-_moveVec[0],camera.look[1]-_moveVec[1],camera.look[2]-_moveVec[2]];}return dolliedThroughSurface;}},{key:"_unproject",value:function _unproject(canvasPos,worldPos){var camera=this._scene.camera;var transposedProjectMat=camera.project.transposedMatrix;var Pt3=transposedProjectMat.subarray(8,12);var Pt4=transposedProjectMat.subarray(12);var D=[0,0,-1.0,1];var screenZ=math.dotVec4(D,Pt3)/math.dotVec4(D,Pt4);camera.project.unproject(canvasPos,screenZ,screenPos,viewPos,worldPos);return worldPos;}},{key:"destroy",value:function destroy(){}}]);return PanController;}();var tempVec3a$6=math.vec3();var tempVec3b$3=math.vec3();var tempVec3c$2=math.vec3();var tempVec4a$3=math.vec4();var tempVec4b$3=math.vec4();var tempVec4c=math.vec4();/** @private */var PivotController=/*#__PURE__*/function(){/**
-     * @private
-     */function PivotController(scene,configs){var _this103=this;_classCallCheck(this,PivotController);// Pivot math by: http://www.derschmale.com/
+	 * @private
+	 */function PivotController(scene,configs){var _this103=this;_classCallCheck(this,PivotController);// Pivot math by: http://www.derschmale.com/
 this._scene=scene;this._configs=configs;this._pivotWorldPos=math.vec3();this._cameraOffset=math.vec3();this._azimuth=0;this._polar=0;this._radius=0;this._pivotPosSet=false;// Initially false, true as soon as _pivotWorldPos has been set to some value
 this._pivoting=false;// True while pivoting
-this._shown=false;this._pivotSphereEnabled=false;this._pivotSphere=null;this._pivotSphereSize=1;this._pivotSphereGeometry=null;this._pivotSphereMaterial=null;this._rtcCenter=math.vec3();this._rtcPos=math.vec3();this._pivotViewPos=math.vec4();this._pivotProjPos=math.vec4();this._pivotCanvasPos=math.vec2();this._cameraDirty=true;this._onViewMatrix=this._scene.camera.on("viewMatrix",function(){_this103._cameraDirty=true;});this._onProjMatrix=this._scene.camera.on("projMatrix",function(){_this103._cameraDirty=true;});this._onTick=this._scene.on("tick",function(){_this103.updatePivotElement();_this103.updatePivotSphere();});}_createClass(PivotController,[{key:"createPivotSphere",value:function createPivotSphere(){var currentPos=this.getPivotPos();var cameraPos=math.vec3();math.decomposeMat4(math.inverseMat4(this._scene.viewer.camera.viewMatrix,math.mat4()),cameraPos,math.vec4(),math.vec3());var length=math.distVec3(cameraPos,currentPos);var radius=Math.tan(Math.PI/500)*length*this._pivotSphereSize;if(this._scene.camera.projection=="ortho"){radius/=this._scene.camera.ortho.scale/2;}worldToRTCPos(currentPos,this._rtcCenter,this._rtcPos);this._pivotSphereGeometry=new VBOGeometry(this._scene,buildSphereGeometry({radius:radius}));this._pivotSphere=new Mesh(this._scene,{geometry:this._pivotSphereGeometry,material:this._pivotSphereMaterial,pickable:false,position:this._rtcPos,rtcCenter:this._rtcCenter});}},{key:"destroyPivotSphere",value:function destroyPivotSphere(){if(this._pivotSphere){this._pivotSphere.destroy();this._pivotSphere=null;}if(this._pivotSphereGeometry){this._pivotSphereGeometry.destroy();this._pivotSphereGeometry=null;}}},{key:"updatePivotElement",value:function updatePivotElement(){var camera=this._scene.camera;var canvas=this._scene.canvas;if(this._pivoting&&this._cameraDirty){math.transformPoint3(camera.viewMatrix,this.getPivotPos(),this._pivotViewPos);this._pivotViewPos[3]=1;math.transformPoint4(camera.projMatrix,this._pivotViewPos,this._pivotProjPos);var canvasAABB=canvas.boundary;var canvasWidth=canvasAABB[2];var canvasHeight=canvasAABB[3];this._pivotCanvasPos[0]=Math.floor((1+this._pivotProjPos[0]/this._pivotProjPos[3])*canvasWidth/2);this._pivotCanvasPos[1]=Math.floor((1-this._pivotProjPos[1]/this._pivotProjPos[3])*canvasHeight/2);// data-textures: avoid to do continuous DOM layout calculations            
-var canvasBoundingRect=canvas._lastBoundingClientRect;if(!canvasBoundingRect||canvas._canvasSizeChanged){var canvasElem=canvas.canvas;canvasBoundingRect=canvas._lastBoundingClientRect=canvasElem.getBoundingClientRect();}if(this._pivotElement){this._pivotElement.style.left=Math.floor(canvasBoundingRect.left+this._pivotCanvasPos[0])-this._pivotElement.clientWidth/2+window.scrollX+"px";this._pivotElement.style.top=Math.floor(canvasBoundingRect.top+this._pivotCanvasPos[1])-this._pivotElement.clientHeight/2+window.scrollY+"px";}this._cameraDirty=false;}}},{key:"updatePivotSphere",value:function updatePivotSphere(){if(this._pivoting&&this._pivotSphere){worldToRTCPos(this.getPivotPos(),this._rtcCenter,this._rtcPos);if(!math.compareVec3(this._rtcPos,this._pivotSphere.position)){this.destroyPivotSphere();this.createPivotSphere();}}}/**
-     * Sets the HTML DOM element that will represent the pivot position.
-     *
-     * @param pivotElement
-     */},{key:"setPivotElement",value:function setPivotElement(pivotElement){this._pivotElement=pivotElement;}/**
-     * Sets a sphere as the representation of the pivot position.
-     *
-     * @param {Object} [cfg] Sphere configuration.
-     * @param {String} [cfg.size=1] Optional size factor of the sphere. Defaults to 1.
-     * @param {String} [cfg.color=Array] Optional maretial color. Defaults to a red.
-     */},{key:"enablePivotSphere",value:function enablePivotSphere(){var cfg=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};this.destroyPivotSphere();this._pivotSphereEnabled=true;if(cfg.size){this._pivotSphereSize=cfg.size;}var color=cfg.color||[1,0,0];this._pivotSphereMaterial=new PhongMaterial(this._scene,{emissive:color,ambient:color,specular:[0,0,0],diffuse:[0,0,0]});}/**
-     * Remove the sphere as the representation of the pivot position.
-     *
-     */},{key:"disablePivotSphere",value:function disablePivotSphere(){this.destroyPivotSphere();this._pivotSphereEnabled=false;}/**
-     * Begins pivoting.
-     */},{key:"startPivot",value:function startPivot(){if(this._cameraLookingDownwards()){this._pivoting=false;return false;}var camera=this._scene.camera;var lookat=math.lookAtMat4v(camera.eye,camera.look,camera.worldUp);math.transformPoint3(lookat,this.getPivotPos(),this._cameraOffset);var pivotPos=this.getPivotPos();this._cameraOffset[2]+=math.distVec3(camera.eye,pivotPos);lookat=math.inverseMat4(lookat);var offset=math.transformVec3(lookat,this._cameraOffset);var diff=math.vec3();math.subVec3(camera.eye,pivotPos,diff);math.addVec3(diff,offset);if(camera.zUp){var t=diff[1];diff[1]=diff[2];diff[2]=t;}this._radius=math.lenVec3(diff);this._polar=Math.acos(diff[1]/this._radius);this._azimuth=Math.atan2(diff[0],diff[2]);this._pivoting=true;}},{key:"_cameraLookingDownwards",value:function _cameraLookingDownwards(){// Returns true if angle between camera viewing direction and World-space "up" axis is too small
+this._shown=false;this._pivotSphereEnabled=false;this._pivotSphere=null;this._pivotSphereSize=1;this._pivotSphereGeometry=null;this._pivotSphereMaterial=null;this._rtcCenter=math.vec3();this._rtcPos=math.vec3();this._pivotViewPos=math.vec4();this._pivotProjPos=math.vec4();this._pivotCanvasPos=math.vec2();this._cameraDirty=true;this._onViewMatrix=this._scene.camera.on("viewMatrix",function(){_this103._cameraDirty=true;});this._onProjMatrix=this._scene.camera.on("projMatrix",function(){_this103._cameraDirty=true;});this._onTick=this._scene.on("tick",function(){_this103.updatePivotElement();_this103.updatePivotSphere();});}_createClass(PivotController,[{key:"createPivotSphere",value:function createPivotSphere(){var currentPos=this.getPivotPos();var cameraPos=math.vec3();math.decomposeMat4(math.inverseMat4(this._scene.viewer.camera.viewMatrix,math.mat4()),cameraPos,math.vec4(),math.vec3());var length=math.distVec3(cameraPos,currentPos);var radius=Math.tan(Math.PI/500)*length*this._pivotSphereSize;if(this._scene.camera.projection=="ortho"){radius/=this._scene.camera.ortho.scale/2;}worldToRTCPos(currentPos,this._rtcCenter,this._rtcPos);this._pivotSphereGeometry=new VBOGeometry(this._scene,buildSphereGeometry({radius:radius}));this._pivotSphere=new Mesh(this._scene,{geometry:this._pivotSphereGeometry,material:this._pivotSphereMaterial,pickable:false,position:this._rtcPos,rtcCenter:this._rtcCenter});}},{key:"destroyPivotSphere",value:function destroyPivotSphere(){if(this._pivotSphere){this._pivotSphere.destroy();this._pivotSphere=null;}if(this._pivotSphereGeometry){this._pivotSphereGeometry.destroy();this._pivotSphereGeometry=null;}}},{key:"updatePivotElement",value:function updatePivotElement(){var camera=this._scene.camera;var canvas=this._scene.canvas;if(this._pivoting&&this._cameraDirty){math.transformPoint3(camera.viewMatrix,this.getPivotPos(),this._pivotViewPos);this._pivotViewPos[3]=1;math.transformPoint4(camera.projMatrix,this._pivotViewPos,this._pivotProjPos);var canvasAABB=canvas.boundary;var canvasWidth=canvasAABB[2];var canvasHeight=canvasAABB[3];this._pivotCanvasPos[0]=Math.floor((1+this._pivotProjPos[0]/this._pivotProjPos[3])*canvasWidth/2);this._pivotCanvasPos[1]=Math.floor((1-this._pivotProjPos[1]/this._pivotProjPos[3])*canvasHeight/2);// data-textures: avoid to do continuous DOM layout calculations
+var canvasBoundingRect=canvas._lastBoundingClientRect;// if (!canvasBoundingRect || canvas._canvasSizeChanged) {
+var canvasElem=canvas.canvas;canvasBoundingRect=canvas._lastBoundingClientRect=canvasElem.getBoundingClientRect();// }
+if(this._pivotElement){this._pivotElement.style.left=Math.floor(canvasBoundingRect.left+this._pivotCanvasPos[0])-this._pivotElement.clientWidth/2+window.scrollX+"px";this._pivotElement.style.top=Math.floor(canvasBoundingRect.top+this._pivotCanvasPos[1])-this._pivotElement.clientHeight/2+window.scrollY+"px";}this._cameraDirty=false;}}},{key:"updatePivotSphere",value:function updatePivotSphere(){if(this._pivoting&&this._pivotSphere){worldToRTCPos(this.getPivotPos(),this._rtcCenter,this._rtcPos);if(!math.compareVec3(this._rtcPos,this._pivotSphere.position)){this.destroyPivotSphere();this.createPivotSphere();}}}/**
+	 * Sets the HTML DOM element that will represent the pivot position.
+	 *
+	 * @param pivotElement
+	 */},{key:"setPivotElement",value:function setPivotElement(pivotElement){this._pivotElement=pivotElement;}/**
+	 * Sets a sphere as the representation of the pivot position.
+	 *
+	 * @param {Object} [cfg] Sphere configuration.
+	 * @param {String} [cfg.size=1] Optional size factor of the sphere. Defaults to 1.
+	 * @param {String} [cfg.color=Array] Optional maretial color. Defaults to a red.
+	 */},{key:"enablePivotSphere",value:function enablePivotSphere(){var cfg=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};this.destroyPivotSphere();this._pivotSphereEnabled=true;if(cfg.size){this._pivotSphereSize=cfg.size;}var color=cfg.color||[1,0,0];this._pivotSphereMaterial=new PhongMaterial(this._scene,{emissive:color,ambient:color,specular:[0,0,0],diffuse:[0,0,0]});}/**
+	 * Remove the sphere as the representation of the pivot position.
+	 *
+	 */},{key:"disablePivotSphere",value:function disablePivotSphere(){this.destroyPivotSphere();this._pivotSphereEnabled=false;}/**
+	 * Begins pivoting.
+	 */},{key:"startPivot",value:function startPivot(){if(this._cameraLookingDownwards()){this._pivoting=false;return false;}var camera=this._scene.camera;var lookat=math.lookAtMat4v(camera.eye,camera.look,camera.worldUp);math.transformPoint3(lookat,this.getPivotPos(),this._cameraOffset);var pivotPos=this.getPivotPos();this._cameraOffset[2]+=math.distVec3(camera.eye,pivotPos);lookat=math.inverseMat4(lookat);var offset=math.transformVec3(lookat,this._cameraOffset);var diff=math.vec3();math.subVec3(camera.eye,pivotPos,diff);math.addVec3(diff,offset);if(camera.zUp){var t=diff[1];diff[1]=diff[2];diff[2]=t;}this._radius=math.lenVec3(diff);this._polar=Math.acos(diff[1]/this._radius);this._azimuth=Math.atan2(diff[0],diff[2]);this._pivoting=true;}},{key:"_cameraLookingDownwards",value:function _cameraLookingDownwards(){// Returns true if angle between camera viewing direction and World-space "up" axis is too small
 var camera=this._scene.camera;var forwardAxis=math.normalizeVec3(math.subVec3(camera.look,camera.eye,tempVec3a$6));var rightAxis=math.cross3Vec3(forwardAxis,camera.worldUp,tempVec3b$3);var rightAxisLen=math.sqLenVec3(rightAxis);return rightAxisLen<=0.0001;}/**
-     * Returns true if we are currently pivoting.
-     *
-     * @returns {Boolean}
-     */},{key:"getPivoting",value:function getPivoting(){return this._pivoting;}/**
-     * Sets a 3D World-space position to pivot about.
-     *
-     * @param {Number[]} worldPos The new World-space pivot position.
-     */},{key:"setPivotPos",value:function setPivotPos(worldPos){this._pivotWorldPos.set(worldPos);this._pivotPosSet=true;}/**
-     * Sets the pivot position to the 3D projection of the given 2D canvas coordinates on a sphere centered
-     * at the viewpoint. The radius of the sphere is configured via {@link CameraControl#smartPivot}.
-     *
-     *
-     * @param canvasPos
-     */},{key:"setCanvasPivotPos",value:function setCanvasPivotPos(canvasPos){var camera=this._scene.camera;var pivotShereRadius=Math.abs(math.distVec3(this._scene.center,camera.eye));var transposedProjectMat=camera.project.transposedMatrix;var Pt3=transposedProjectMat.subarray(8,12);var Pt4=transposedProjectMat.subarray(12);var D=[0,0,-1.0,1];var screenZ=math.dotVec4(D,Pt3)/math.dotVec4(D,Pt4);var worldPos=tempVec4a$3;camera.project.unproject(canvasPos,screenZ,tempVec4b$3,tempVec4c,worldPos);var eyeWorldPosVec=math.normalizeVec3(math.subVec3(worldPos,camera.eye,tempVec3a$6));var posOnSphere=math.addVec3(camera.eye,math.mulVec3Scalar(eyeWorldPosVec,pivotShereRadius,tempVec3b$3),tempVec3c$2);this.setPivotPos(posOnSphere);}/**
-     * Gets the current position we're pivoting about.
-     * @returns {Number[]} The current World-space pivot position.
-     */},{key:"getPivotPos",value:function getPivotPos(){return this._pivotPosSet?this._pivotWorldPos:this._scene.camera.look;// Avoid pivoting about [0,0,0] by default
+	 * Returns true if we are currently pivoting.
+	 *
+	 * @returns {Boolean}
+	 */},{key:"getPivoting",value:function getPivoting(){return this._pivoting;}/**
+	 * Sets a 3D World-space position to pivot about.
+	 *
+	 * @param {Number[]} worldPos The new World-space pivot position.
+	 */},{key:"setPivotPos",value:function setPivotPos(worldPos){this._pivotWorldPos.set(worldPos);this._pivotPosSet=true;}/**
+	 * Sets the pivot position to the 3D projection of the given 2D canvas coordinates on a sphere centered
+	 * at the viewpoint. The radius of the sphere is configured via {@link CameraControl#smartPivot}.
+	 *
+	 *
+	 * @param canvasPos
+	 */},{key:"setCanvasPivotPos",value:function setCanvasPivotPos(canvasPos){var camera=this._scene.camera;var pivotShereRadius=Math.abs(math.distVec3(this._scene.center,camera.eye));var transposedProjectMat=camera.project.transposedMatrix;var Pt3=transposedProjectMat.subarray(8,12);var Pt4=transposedProjectMat.subarray(12);var D=[0,0,-1.0,1];var screenZ=math.dotVec4(D,Pt3)/math.dotVec4(D,Pt4);var worldPos=tempVec4a$3;camera.project.unproject(canvasPos,screenZ,tempVec4b$3,tempVec4c,worldPos);var eyeWorldPosVec=math.normalizeVec3(math.subVec3(worldPos,camera.eye,tempVec3a$6));var posOnSphere=math.addVec3(camera.eye,math.mulVec3Scalar(eyeWorldPosVec,pivotShereRadius,tempVec3b$3),tempVec3c$2);this.setPivotPos(posOnSphere);}/**
+	 * Gets the current position we're pivoting about.
+	 * @returns {Number[]} The current World-space pivot position.
+	 */},{key:"getPivotPos",value:function getPivotPos(){return this._pivotPosSet?this._pivotWorldPos:this._scene.camera.look;// Avoid pivoting about [0,0,0] by default
 }/**
-     * Continues to pivot.
-     *
-     * @param {Number} yawInc Yaw rotation increment.
-     * @param {Number} pitchInc Pitch rotation increment.
-     */},{key:"continuePivot",value:function continuePivot(yawInc,pitchInc){if(!this._pivoting){return;}if(yawInc===0&&pitchInc===0){return;}var camera=this._scene.camera;var dx=-yawInc;var dy=-pitchInc;if(camera.worldUp[2]===1){dx=-dx;}this._azimuth+=-dx*.01;this._polar+=dy*.01;this._polar=math.clamp(this._polar,.001,Math.PI-.001);var pos=[this._radius*Math.sin(this._polar)*Math.sin(this._azimuth),this._radius*Math.cos(this._polar),this._radius*Math.sin(this._polar)*Math.cos(this._azimuth)];if(camera.worldUp[2]===1){var t=pos[1];pos[1]=pos[2];pos[2]=t;}// Preserve the eye->look distance, since in xeokit "look" is the point-of-interest, not the direction vector.
+	 * Continues to pivot.
+	 *
+	 * @param {Number} yawInc Yaw rotation increment.
+	 * @param {Number} pitchInc Pitch rotation increment.
+	 */},{key:"continuePivot",value:function continuePivot(yawInc,pitchInc){if(!this._pivoting){return;}if(yawInc===0&&pitchInc===0){return;}var camera=this._scene.camera;var dx=-yawInc;var dy=-pitchInc;if(camera.worldUp[2]===1){dx=-dx;}this._azimuth+=-dx*0.01;this._polar+=dy*0.01;this._polar=math.clamp(this._polar,0.001,Math.PI-0.001);var pos=[this._radius*Math.sin(this._polar)*Math.sin(this._azimuth),this._radius*Math.cos(this._polar),this._radius*Math.sin(this._polar)*Math.cos(this._azimuth)];if(camera.worldUp[2]===1){var t=pos[1];pos[1]=pos[2];pos[2]=t;}// Preserve the eye->look distance, since in xeokit "look" is the point-of-interest, not the direction vector.
 var eyeLookLen=math.lenVec3(math.subVec3(camera.look,camera.eye,math.vec3()));var pivotPos=this.getPivotPos();math.addVec3(pos,pivotPos);var lookat=math.lookAtMat4v(pos,pivotPos,camera.worldUp);lookat=math.inverseMat4(lookat);var offset=math.transformVec3(lookat,this._cameraOffset);lookat[12]-=offset[0];lookat[13]-=offset[1];lookat[14]-=offset[2];var zAxis=[lookat[8],lookat[9],lookat[10]];camera.eye=[lookat[12],lookat[13],lookat[14]];math.subVec3(camera.eye,math.mulVec3Scalar(zAxis,eyeLookLen),camera.look);camera.up=[lookat[4],lookat[5],lookat[6]];this.showPivot();}/**
-     * Shows the pivot position.
-     *
-     * Only works if we set an  HTML DOM element to represent the pivot position.
-     */},{key:"showPivot",value:function showPivot(){if(this._shown){return;}if(this._pivotElement){this.updatePivotElement();this._pivotElement.style.visibility="visible";}if(this._pivotSphereEnabled){this.destroyPivotSphere();this.createPivotSphere();}this._shown=true;}/**
-     * Hides the pivot position.
-     *
-     * Only works if we set an  HTML DOM element to represent the pivot position.
-     */},{key:"hidePivot",value:function hidePivot(){if(!this._shown){return;}if(this._pivotElement){this._pivotElement.style.visibility="hidden";}if(this._pivotSphereEnabled){this.destroyPivotSphere();}this._shown=false;}/**
-     * Finishes pivoting.
-     */},{key:"endPivot",value:function endPivot(){this._pivoting=false;}},{key:"destroy",value:function destroy(){this.destroyPivotSphere();this._scene.camera.off(this._onViewMatrix);this._scene.camera.off(this._onProjMatrix);this._scene.off(this._onTick);}}]);return PivotController;}();/**
+	 * Shows the pivot position.
+	 *
+	 * Only works if we set an  HTML DOM element to represent the pivot position.
+	 */},{key:"showPivot",value:function showPivot(){if(this._shown){return;}if(this._pivotElement){this.updatePivotElement();this._pivotElement.style.visibility="visible";}if(this._pivotSphereEnabled){this.destroyPivotSphere();this.createPivotSphere();}this._shown=true;}/**
+	 * Hides the pivot position.
+	 *
+	 * Only works if we set an  HTML DOM element to represent the pivot position.
+	 */},{key:"hidePivot",value:function hidePivot(){if(!this._shown){return;}if(this._pivotElement){this._pivotElement.style.visibility="hidden";}if(this._pivotSphereEnabled){this.destroyPivotSphere();}this._shown=false;}/**
+	 * Finishes pivoting.
+	 */},{key:"endPivot",value:function endPivot(){this._pivoting=false;}},{key:"destroy",value:function destroy(){this.destroyPivotSphere();this._scene.camera.off(this._onViewMatrix);this._scene.camera.off(this._onProjMatrix);this._scene.off(this._onTick);}}]);return PivotController;}();/**
  *
  * @private
  */var PickController=/*#__PURE__*/function(){function PickController(cameraControl,configs){_classCallCheck(this,PickController);/**
@@ -22352,81 +22378,81 @@ getCanvasPosFromEvent(changedTouches[0],pickController.pickCursorPos);pickContro
  * * ````"qwerty"````
  * * ````"azerty"````
  */var CameraControl=/*#__PURE__*/function(_Component38){_inherits(CameraControl,_Component38);var _super136=_createSuper(CameraControl);/**
-     * @private
-     * @constructor
-     */function CameraControl(owner){var _this105;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,CameraControl);_this105=_super136.call(this,owner,cfg);/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.PAN_LEFT=0;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.PAN_RIGHT=1;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.PAN_UP=2;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.PAN_DOWN=3;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.PAN_FORWARDS=4;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.PAN_BACKWARDS=5;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.ROTATE_X_POS=6;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.ROTATE_X_NEG=7;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.ROTATE_Y_POS=8;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.ROTATE_Y_NEG=9;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.DOLLY_FORWARDS=10;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.DOLLY_BACKWARDS=11;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.AXIS_VIEW_RIGHT=12;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.AXIS_VIEW_BACK=13;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.AXIS_VIEW_LEFT=14;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.AXIS_VIEW_FRONT=15;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.AXIS_VIEW_TOP=16;/**
-         * Identifies the XX action.
-         * @final
-         * @type {Number}
-         */_this105.AXIS_VIEW_BOTTOM=17;_this105._keyMap={};// Maps key codes to the above actions
+	 * @private
+	 * @constructor
+	 */function CameraControl(owner){var _this105;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,CameraControl);_this105=_super136.call(this,owner,cfg);/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.PAN_LEFT=0;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.PAN_RIGHT=1;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.PAN_UP=2;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.PAN_DOWN=3;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.PAN_FORWARDS=4;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.PAN_BACKWARDS=5;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.ROTATE_X_POS=6;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.ROTATE_X_NEG=7;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.ROTATE_Y_POS=8;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.ROTATE_Y_NEG=9;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.DOLLY_FORWARDS=10;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.DOLLY_BACKWARDS=11;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.AXIS_VIEW_RIGHT=12;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.AXIS_VIEW_BACK=13;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.AXIS_VIEW_LEFT=14;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.AXIS_VIEW_FRONT=15;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.AXIS_VIEW_TOP=16;/**
+		 * Identifies the XX action.
+		 * @final
+		 * @type {Number}
+		 */_this105.AXIS_VIEW_BOTTOM=17;_this105._keyMap={};// Maps key codes to the above actions
 _this105.scene.canvas.canvas.oncontextmenu=function(e){e.preventDefault();};// User-settable CameraControl configurations
 _this105._configs={// Private
 longTapTimeout:600,// Millisecs
@@ -22443,509 +22469,509 @@ _this105._handlers=[new MouseMiscHandler(_this105.scene,_this105._controllers,_t
 _this105._cameraUpdater=new CameraUpdater(_this105.scene,_this105._controllers,_this105._configs,_this105._states,_this105._updates);// Set initial user configurations
 _this105.navMode=cfg.navMode;if(cfg.planView){_this105.planView=cfg.planView;}_this105.constrainVertical=cfg.constrainVertical;if(cfg.keyboardLayout){_this105.keyboardLayout=cfg.keyboardLayout;// Deprecated
 }else{_this105.keyMap=cfg.keyMap;}_this105.doublePickFlyTo=cfg.doublePickFlyTo;_this105.panRightClick=cfg.panRightClick;_this105.active=cfg.active;_this105.followPointer=cfg.followPointer;_this105.rotationInertia=cfg.rotationInertia;_this105.keyboardPanRate=cfg.keyboardPanRate;_this105.touchPanRate=cfg.touchPanRate;_this105.keyboardRotationRate=cfg.keyboardRotationRate;_this105.dragRotationRate=cfg.dragRotationRate;_this105.touchDollyRate=cfg.touchDollyRate;_this105.dollyInertia=cfg.dollyInertia;_this105.dollyProximityThreshold=cfg.dollyProximityThreshold;_this105.dollyMinSpeed=cfg.dollyMinSpeed;_this105.panInertia=cfg.panInertia;_this105.pointerEnabled=true;_this105.keyboardDollyRate=cfg.keyboardDollyRate;_this105.mouseWheelDollyRate=cfg.mouseWheelDollyRate;return _this105;}/**
-     * Sets custom mappings of keys to ````CameraControl```` actions.
-     *
-     * See class docs for usage.
-     *
-     * @param {{Number:Number}|String} value Either a set of new key mappings, or a string to select a keyboard layout,
-     * which causes ````CameraControl```` to use the default key mappings for that layout.
-     */_createClass(CameraControl,[{key:"keyMap",get:/**
-     * Gets custom mappings of keys to {@link CameraControl} actions.
-     *
-     * @returns {{Number:Number}} Current key mappings.
-     */function get(){return this._keyMap;}/**
-     * Returns true if any keys configured for the given action are down.
-     * @param action
-     * @param keyDownMap
-     * @private
-     */,set:function set(value){value=value||"qwerty";if(utils.isString(value)){var input=this.scene.input;var keyMap={};switch(value){default:this.error("Unsupported value for 'keyMap': "+value+" defaulting to 'qwerty'");// Intentional fall-through to "qwerty"
+	 * Sets custom mappings of keys to ````CameraControl```` actions.
+	 *
+	 * See class docs for usage.
+	 *
+	 * @param {{Number:Number}|String} value Either a set of new key mappings, or a string to select a keyboard layout,
+	 * which causes ````CameraControl```` to use the default key mappings for that layout.
+	 */_createClass(CameraControl,[{key:"keyMap",get:/**
+	 * Gets custom mappings of keys to {@link CameraControl} actions.
+	 *
+	 * @returns {{Number:Number}} Current key mappings.
+	 */function get(){return this._keyMap;}/**
+	 * Returns true if any keys configured for the given action are down.
+	 * @param action
+	 * @param keyDownMap
+	 * @private
+	 */,set:function set(value){value=value||"qwerty";if(utils.isString(value)){var input=this.scene.input;var keyMap={};switch(value){default:this.error("Unsupported value for 'keyMap': "+value+" defaulting to 'qwerty'");// Intentional fall-through to "qwerty"
 case"qwerty":keyMap[this.PAN_LEFT]=[input.KEY_A];keyMap[this.PAN_RIGHT]=[input.KEY_D];keyMap[this.PAN_UP]=[input.KEY_Z];keyMap[this.PAN_DOWN]=[input.KEY_X];keyMap[this.PAN_BACKWARDS]=[];keyMap[this.PAN_FORWARDS]=[];keyMap[this.DOLLY_FORWARDS]=[input.KEY_W,input.KEY_ADD];keyMap[this.DOLLY_BACKWARDS]=[input.KEY_S,input.KEY_SUBTRACT];keyMap[this.ROTATE_X_POS]=[input.KEY_DOWN_ARROW];keyMap[this.ROTATE_X_NEG]=[input.KEY_UP_ARROW];keyMap[this.ROTATE_Y_POS]=[input.KEY_Q,input.KEY_LEFT_ARROW];keyMap[this.ROTATE_Y_NEG]=[input.KEY_E,input.KEY_RIGHT_ARROW];keyMap[this.AXIS_VIEW_RIGHT]=[input.KEY_NUM_1];keyMap[this.AXIS_VIEW_BACK]=[input.KEY_NUM_2];keyMap[this.AXIS_VIEW_LEFT]=[input.KEY_NUM_3];keyMap[this.AXIS_VIEW_FRONT]=[input.KEY_NUM_4];keyMap[this.AXIS_VIEW_TOP]=[input.KEY_NUM_5];keyMap[this.AXIS_VIEW_BOTTOM]=[input.KEY_NUM_6];break;case"azerty":keyMap[this.PAN_LEFT]=[input.KEY_Q];keyMap[this.PAN_RIGHT]=[input.KEY_D];keyMap[this.PAN_UP]=[input.KEY_W];keyMap[this.PAN_DOWN]=[input.KEY_X];keyMap[this.PAN_BACKWARDS]=[];keyMap[this.PAN_FORWARDS]=[];keyMap[this.DOLLY_FORWARDS]=[input.KEY_Z,input.KEY_ADD];keyMap[this.DOLLY_BACKWARDS]=[input.KEY_S,input.KEY_SUBTRACT];keyMap[this.ROTATE_X_POS]=[input.KEY_DOWN_ARROW];keyMap[this.ROTATE_X_NEG]=[input.KEY_UP_ARROW];keyMap[this.ROTATE_Y_POS]=[input.KEY_A,input.KEY_LEFT_ARROW];keyMap[this.ROTATE_Y_NEG]=[input.KEY_E,input.KEY_RIGHT_ARROW];keyMap[this.AXIS_VIEW_RIGHT]=[input.KEY_NUM_1];keyMap[this.AXIS_VIEW_BACK]=[input.KEY_NUM_2];keyMap[this.AXIS_VIEW_LEFT]=[input.KEY_NUM_3];keyMap[this.AXIS_VIEW_FRONT]=[input.KEY_NUM_4];keyMap[this.AXIS_VIEW_TOP]=[input.KEY_NUM_5];keyMap[this.AXIS_VIEW_BOTTOM]=[input.KEY_NUM_6];break;}this._keyMap=keyMap;}else{var _keyMap=value;this._keyMap=_keyMap;}}},{key:"_isKeyDownForAction",value:function _isKeyDownForAction(action,keyDownMap){var keys=this._keyMap[action];if(!keys){return false;}if(!keyDownMap){keyDownMap=this.scene.input.keyDown;}for(var _i466=0,len=keys.length;_i466<len;_i466++){var key=keys[_i466];if(keyDownMap[key]){return true;}}return false;}/**
-     * Sets the HTMl element to represent the pivot point when {@link CameraControl#followPointer} is true.
-     *
-     * See class comments for an example.
-     *
-     * @param {HTMLElement} element HTML element representing the pivot point.
-     */},{key:"pivotElement",set:function set(element){this._controllers.pivotController.setPivotElement(element);}/**
-     *  Sets if this ````CameraControl```` is active or not.
-     *
-     * When inactive, the ````CameraControl```` will not react to input.
-     *
-     * Default is ````true````.
-     *
-     * @param {Boolean} value Set ````true```` to activate this ````CameraControl````.
-     */},{key:"active",get:/**
-     * Gets if this ````CameraControl```` is active or not.
-     *
-     * When inactive, the ````CameraControl```` will not react to input.
-     *
-     * Default is ````true````.
-     *
-     * @returns {Boolean} Returns ````true```` if this ````CameraControl```` is active.
-     */function get(){return this._configs.active;}/**
-     * Sets whether the pointer snap to vertex.
-     *
-     * @param {boolean} snapToVertex
-     */,set:function set(value){value=value!==false;this._configs.active=value;this._handlers[1]._active=value;this._handlers[5]._active=value;}},{key:"snapToVertex",get:/**
-     * Gets whether the pointer snap to vertex.
-     *
-     * @returns {boolean}
-     */function get(){return this._configs.snapToVertex;}/**
-     * Sets whether the pointer snap to edge.
-     *
-     * @param {boolean} snapToEdge
-     */,set:function set(snapToVertex){this._configs.snapToVertex=!!snapToVertex;}},{key:"snapToEdge",get:/**
-     * Gets whether the pointer snap to edge.
-     *
-     * @returns {boolean}
-     */function get(){return this._configs.snapToEdge;}/**
-     * Sets the current snap radius for "hoverSnapOrSurface" events, to specify whether the radius
-     * within which the pointer snaps to the nearest vertex or the nearest edge.
-     *
-     * Default value is 30 pixels.
-     *
-     * @param {Number} snapRadius The snap radius.
-     */,set:function set(snapToEdge){this._configs.snapToEdge=!!snapToEdge;}},{key:"snapRadius",get:/**
-     * Gets the current snap radius.
-     *
-     * @returns {Number} The snap radius.
-     */function get(){return this._configs.snapRadius;}/**
-     * Sets the current navigation mode.
-     *
-     * Accepted values are:
-     *
-     * * "orbit" - rotation orbits about the current target or pivot point,
-     * * "firstPerson" - rotation is about the current eye position,
-     * * "planView" - rotation is disabled.
-     *
-     * See class comments for more info.
-     *
-     * @param {String} navMode The navigation mode: "orbit", "firstPerson" or "planView".
-     */,set:function set(snapRadius){snapRadius=snapRadius||DEFAULT_SNAP_PICK_RADIUS;this._configs.snapRadius=snapRadius;}},{key:"navMode",get:/**
-     * Gets the current navigation mode.
-     *
-     * @returns {String} The navigation mode: "orbit", "firstPerson" or "planView".
-     */function get(){return this._configs.navMode;}/**
-     * Sets whether mouse and touch input is enabled.
-     *
-     * Default is ````true````.
-     *
-     * Disabling mouse and touch input on ````CameraControl```` is useful when we want to temporarily use mouse or
-     * touch input to interact with some other 3D control, without disturbing the {@link Camera}.
-     *
-     * @param {Boolean} value Set ````true```` to enable mouse and touch input.
-     */,set:function set(navMode){navMode=navMode||"orbit";if(navMode!=="firstPerson"&&navMode!=="orbit"&&navMode!=="planView"){this.error("Unsupported value for navMode: "+navMode+" - supported values are 'orbit', 'firstPerson' and 'planView' - defaulting to 'orbit'");navMode="orbit";}this._configs.firstPerson=navMode==="firstPerson";this._configs.planView=navMode==="planView";if(this._configs.firstPerson||this._configs.planView){this._controllers.pivotController.hidePivot();this._controllers.pivotController.endPivot();}this._configs.navMode=navMode;}},{key:"pointerEnabled",get:/**
-     * Gets whether mouse and touch input is enabled.
-     *
-     * Default is ````true````.
-     *
-     * Disabling mouse and touch input on ````CameraControl```` is desirable when we want to temporarily use mouse or
-     * touch input to interact with some other 3D control, without interfering with the {@link Camera}.
-     *
-     * @returns {Boolean} Returns ````true```` if mouse and touch input is enabled.
-     */function get(){return this._configs.pointerEnabled;}/**
-     * Sets whether the {@link Camera} follows the mouse/touch pointer.
-     *
-     * In orbiting mode, the Camera will orbit about the pointer, and will dolly to and from the pointer.
-     *
-     * In fly-to mode, the Camera will dolly to and from the pointer, however the World will always rotate about the Camera position.
-     *
-     * In plan-view mode, the Camera will dolly to and from the pointer, however the Camera will not rotate.
-     *
-     * Default is ````true````.
-     *
-     * See class comments for more info.
-     *
-     * @param {Boolean} value Set ````true```` to enable the Camera to follow the pointer.
-     */,set:function set(value){this._reset();this._configs.pointerEnabled=!!value;}},{key:"_reset",value:function _reset(){for(var _i467=0,len=this._handlers.length;_i467<len;_i467++){var handler=this._handlers[_i467];if(handler.reset){handler.reset();}}this._updates.panDeltaX=0;this._updates.panDeltaY=0;this._updates.rotateDeltaX=0;this._updates.rotateDeltaY=0;this._updates.dolyDelta=0;}},{key:"followPointer",get:/**
-     * Sets whether the {@link Camera} follows the mouse/touch pointer.
-     *
-     * In orbiting mode, the Camera will orbit about the pointer, and will dolly to and from the pointer.
-     *
-     * In fly-to mode, the Camera will dolly to and from the pointer, however the World will always rotate about the Camera position.
-     *
-     * In plan-view mode, the Camera will dolly to and from the pointer, however the Camera will not rotate.
-     *
-     * Default is ````true````.
-     *
-     * See class comments for more info.
-     *
-     * @returns {Boolean} Returns ````true```` if the Camera follows the pointer.
-     */function get(){return this._configs.followPointer;}/**
-     * Sets the current World-space 3D target position.
-     *
-     * Only applies when {@link CameraControl#followPointer} is ````true````.
-     *
-     * @param {Number[]} worldPos The new World-space 3D target position.
-     */,set:function set(value){this._configs.followPointer=value!==false;}},{key:"pivotPos",get:/**
-     * Gets the current World-space 3D pivot position.
-     *
-     * Only applies when {@link CameraControl#followPointer} is ````true````.
-     *
-     * @return {Number[]} worldPos The current World-space 3D pivot position.
-     */function get(){return this._controllers.pivotController.getPivotPos();}/**
-     * @deprecated
-     * @param {Boolean} value Set ````true```` to enable dolly-to-pointer behaviour.
-     */,set:function set(worldPos){this._controllers.pivotController.setPivotPos(worldPos);}},{key:"dollyToPointer",get:/**
-     * @deprecated
-     * @returns {Boolean} Returns ````true```` if dolly-to-pointer behaviour is enabled.
-     */function get(){this.warn("dollyToPointer property is deprecated - replaced with followPointer");return this.followPointer;}/**
-     * @deprecated
-     * @param {Boolean} value Set ````true```` to enable dolly-to-pointer behaviour.
-     */,set:function set(value){this.warn("dollyToPointer property is deprecated - replaced with followPointer");this.followPointer=value;}},{key:"panToPointer",get:/**
-     * @deprecated
-     * @returns {Boolean} Returns ````true```` if dolly-to-pointer behaviour is enabled.
-     */function get(){this.warn("panToPointer property is deprecated - replaced with followPointer");return false;}/**
-     * Sets whether this ````CameraControl```` is in plan-view mode.
-     *
-     * When in plan-view mode, rotation is disabled.
-     *
-     * Default is ````false````.
-     *
-     * Deprecated - use {@link CameraControl#navMode} instead.
-     *
-     * @param {Boolean} value Set ````true```` to enable plan-view mode.
-     * @deprecated
-     */,set:function set(value){this.warn("panToPointer property is deprecated - replaced with followPointer");}},{key:"planView",get:/**
-     * Gets whether this ````CameraControl```` is in plan-view mode.
-     *
-     * When in plan-view mode, rotation is disabled.
-     *
-     * Default is ````false````.
-     *
-     * Deprecated - use {@link CameraControl#navMode} instead.
-     *
-     * @returns {Boolean} Returns ````true```` if plan-view mode is enabled.
-     * @deprecated
-     */function get(){this.warn("planView property is deprecated - replaced with navMode");return this._configs.planView;}/**
-     * Sets whether this ````CameraControl```` is in first-person mode.
-     *
-     * In "first person" mode (disabled by default) the look position rotates about the eye position. Otherwise,  {@link Camera#eye} rotates about {@link Camera#look}.
-     *
-     * Default is ````false````.
-     *
-     * Deprecated - use {@link CameraControl#navMode} instead.
-     *
-     * @param {Boolean} value Set ````true```` to enable first-person mode.
-     * @deprecated
-     */,set:function set(value){this._configs.planView=!!value;this._configs.firstPerson=false;if(this._configs.planView){this._controllers.pivotController.hidePivot();this._controllers.pivotController.endPivot();}this.warn("planView property is deprecated - replaced with navMode");}},{key:"firstPerson",get:/**
-     * Gets whether this ````CameraControl```` is in first-person mode.
-     *
-     * In "first person" mode (disabled by default) the look position rotates about the eye position. Otherwise,  {@link Camera#eye} rotates about {@link Camera#look}.
-     *
-     * Default is ````false````.
-     *
-     * Deprecated - use {@link CameraControl#navMode} instead.
-     *
-     * @returns {Boolean} Returns ````true```` if first-person mode is enabled.
-     * @deprecated
-     */function get(){this.warn("firstPerson property is deprecated - replaced with navMode");return this._configs.firstPerson;}/**
-     * Sets whether to vertically constrain the {@link Camera} position for first-person navigation.
-     *
-     * When set ````true````, this constrains {@link Camera#eye} to its current vertical position.
-     *
-     * Only applies when {@link CameraControl#navMode} is ````"firstPerson"````.
-     *
-     * Default is ````false````.
-     *
-     * @param {Boolean} value Set ````true```` to vertically constrain the Camera.
-     */,set:function set(value){this.warn("firstPerson property is deprecated - replaced with navMode");this._configs.firstPerson=!!value;this._configs.planView=false;if(this._configs.firstPerson){this._controllers.pivotController.hidePivot();this._controllers.pivotController.endPivot();}}},{key:"constrainVertical",get:/**
-     * Gets whether to vertically constrain the {@link Camera} position for first-person navigation.
-     *
-     * When set ````true````, this constrains {@link Camera#eye} to its current vertical position.
-     *
-     * Only applies when {@link CameraControl#navMode} is ````"firstPerson"````.
-     *
-     * Default is ````false````.
-     *
-     * @returns {Boolean} ````true```` when Camera is vertically constrained.
-     */function get(){return this._configs.constrainVertical;}/**
-     * Sets whether double-picking an {@link Entity} causes the {@link Camera} to fly to its boundary.
-     *
-     * Default is ````false````.
-     *
-     * @param {Boolean} value Set ````true```` to enable double-pick-fly-to mode.
-     */,set:function set(value){this._configs.constrainVertical=!!value;}},{key:"doublePickFlyTo",get:/**
-     * Gets whether double-picking an {@link Entity} causes the {@link Camera} to fly to its boundary.
-     *
-     * Default is ````false````.
-     *
-     * @returns {Boolean} Returns ````true```` when double-pick-fly-to mode is enabled.
-     */function get(){return this._configs.doublePickFlyTo;}/**
-     * Sets whether either right-clicking (true) or middle-clicking (false) pans the {@link Camera}.
-     *
-     * Default is ````true````.
-     *
-     * @param {Boolean} value Set ````false```` to disable pan on right-click.
-     */,set:function set(value){this._configs.doublePickFlyTo=value!==false;}},{key:"panRightClick",get:/**
-     * Gets whether right-clicking pans the {@link Camera}.
-     *
-     * Default is ````true````.
-     *
-     * @returns {Boolean} Returns ````false```` when pan on right-click is disabled.
-     */function get(){return this._configs.panRightClick;}/**
-     * Sets a factor in range ````[0..1]```` indicating how much the {@link Camera} keeps moving after you finish rotating it.
-     *
-     * A value of ````0.0```` causes it to immediately stop, ````0.5```` causes its movement to decay 50% on each tick,
-     * while ````1.0```` causes no decay, allowing it continue moving, by the current rate of rotation.
-     *
-     * You may choose an inertia of zero when you want be able to precisely rotate the Camera,
-     * without interference from inertia. Zero inertia can also mean that less frames are rendered while
-     * you are rotating the Camera.
-     *
-     * Default is ````0.0````.
-     *
-     * Does not apply when {@link CameraControl#navMode} is ````"planView"````, which disallows rotation.
-     *
-     * @param {Number} rotationInertia New inertial factor.
-     */,set:function set(value){this._configs.panRightClick=value!==false;}},{key:"rotationInertia",get:/**
-     * Gets the rotation inertia factor.
-     *
-     * Default is ````0.0````.
-     *
-     * Does not apply when {@link CameraControl#navMode} is ````"planView"````, which disallows rotation.
-     *
-     * @returns {Number} The inertia factor.
-     */function get(){return this._configs.rotationInertia;}/**
-     * Sets how much the {@link Camera} pans each second with keyboard input.
-     *
-     * Default is ````5.0````, to pan the Camera ````5.0```` World-space units every second that
-     * a panning key is depressed. See the ````CameraControl```` class documentation for which keys control
-     * panning.
-     *
-     * Panning direction is aligned to our Camera's orientation. When we pan horizontally, we pan
-     * to our left and right, when we pan vertically, we pan upwards and downwards, and when we pan forwards
-     * and backwards, we pan along the direction the Camera is pointing.
-     *
-     * Unlike dollying when {@link followPointer} is ````true````, panning does not follow the pointer.
-     *
-     * @param {Number} keyboardPanRate The new keyboard pan rate.
-     */,set:function set(rotationInertia){this._configs.rotationInertia=rotationInertia!==undefined&&rotationInertia!==null?rotationInertia:0.0;}},{key:"keyboardPanRate",get:/**
-     * Gets how much the {@link Camera} pans each second with keyboard input.
-     *
-     * Default is ````5.0````.
-     *
-     * @returns {Number} The current keyboard pan rate.
-     */function get(){return this._configs.keyboardPanRate;}/**
-     * Sets how many degrees per second the {@link Camera} rotates/orbits with keyboard input.
-     *
-     * Default is ````90.0````, to rotate/orbit the Camera ````90.0```` degrees every second that
-     * a rotation key is depressed. See the ````CameraControl```` class documentation for which keys control
-     * rotation/orbit.
-     *
-     * @param {Number} keyboardRotationRate The new keyboard rotation rate.
-     */,set:function set(keyboardPanRate){this._configs.keyboardPanRate=keyboardPanRate!==null&&keyboardPanRate!==undefined?keyboardPanRate:5.0;}/**
-     * Sets how fast the camera pans on touch panning
-     *
-     * @param {Number} touchPanRate The new touch pan rate.
-     */},{key:"touchPanRate",get:/**
-     * Gets how fast the {@link Camera} pans on touch panning
-     *
-     * Default is ````1.0````.
-     *
-     * @returns {Number} The current touch pan rate.
-     */function get(){return this._configs.touchPanRate;},set:function set(touchPanRate){this._configs.touchPanRate=touchPanRate!==null&&touchPanRate!==undefined?touchPanRate:1.0;}},{key:"keyboardRotationRate",get:/**
-     * Sets how many degrees per second the {@link Camera} rotates/orbits with keyboard input.
-     *
-     * Default is ````90.0````.
-     *
-     * @returns {Number} The current keyboard rotation rate.
-     */function get(){return this._configs.keyboardRotationRate;}/**
-     * Sets the current drag rotation rate.
-     *
-     * This configures how many degrees the {@link Camera} rotates/orbits for a full sweep of the canvas by mouse or touch dragging.
-     *
-     * For example, a value of ````360.0```` indicates that the ````Camera```` rotates/orbits ````360.0```` degrees horizontally
-     * when we sweep the entire width of the canvas.
-     *
-     * ````CameraControl```` makes vertical rotation half as sensitive as horizontal rotation, so that we don't tend to
-     * flip upside-down. Therefore, a value of ````360.0```` rotates/orbits the ````Camera```` through ````180.0```` degrees
-     * vertically when we sweep the entire height of the canvas.
-     *
-     * Default is ````360.0````.
-     *
-     * @param {Number} dragRotationRate The new drag rotation rate.
-     */,set:function set(keyboardRotationRate){this._configs.keyboardRotationRate=keyboardRotationRate!==null&&keyboardRotationRate!==undefined?keyboardRotationRate:90.0;}},{key:"dragRotationRate",get:/**
-     * Gets the current drag rotation rate.
-     *
-     * Default is ````360.0````.
-     *
-     * @returns {Number} The current drag rotation rate.
-     */function get(){return this._configs.dragRotationRate;}/**
-     * Sets how much the {@link Camera} dollys each second with keyboard input.
-     *
-     * Default is ````15.0````, to dolly the {@link Camera} ````15.0```` World-space units per second while we hold down
-     * the ````+```` and ````-```` keys.
-     *
-     * @param {Number} keyboardDollyRate The new keyboard dolly rate.
-     */,set:function set(dragRotationRate){this._configs.dragRotationRate=dragRotationRate!==null&&dragRotationRate!==undefined?dragRotationRate:360.0;}},{key:"keyboardDollyRate",get:/**
-     * Gets how much the {@link Camera} dollys each second with keyboard input.
-     *
-     * Default is ````15.0````.
-     *
-     * @returns {Number} The current keyboard dolly rate.
-     */function get(){return this._configs.keyboardDollyRate;}/**
-     * Sets how much the {@link Camera} dollys with touch input.
-     *
-     * Default is ````0.2````
-     *
-     * @param {Number} touchDollyRate The new touch dolly rate.
-     */,set:function set(keyboardDollyRate){this._configs.keyboardDollyRate=keyboardDollyRate!==null&&keyboardDollyRate!==undefined?keyboardDollyRate:15.0;}},{key:"touchDollyRate",get:/**
-     * Gets how much the {@link Camera} dollys each second with touch input.
-     *
-     * Default is ````0.2````.
-     *
-     * @returns {Number} The current touch dolly rate.
-     */function get(){return this._configs.touchDollyRate;}/**
-     * Sets how much the {@link Camera} dollys each second while the mouse wheel is spinning.
-     *
-     * Default is ````100.0````, to dolly the {@link Camera} ````10.0```` World-space units per second as we spin
-     * the mouse wheel.
-     *
-     * @param {Number} mouseWheelDollyRate The new mouse wheel dolly rate.
-     */,set:function set(touchDollyRate){this._configs.touchDollyRate=touchDollyRate!==null&&touchDollyRate!==undefined?touchDollyRate:0.2;}},{key:"mouseWheelDollyRate",get:/**
-     * Gets how much the {@link Camera} dollys each second while the mouse wheel is spinning.
-     *
-     * Default is ````100.0````.
-     *
-     * @returns {Number} The current mouseWheel dolly rate.
-     */function get(){return this._configs.mouseWheelDollyRate;}/**
-     * Sets the dolly inertia factor.
-     *
-     * This factor configures how much the {@link Camera} keeps moving after you finish dollying it.
-     *
-     * This factor is a value in range ````[0..1]````. A value of ````0.0```` causes dollying to immediately stop,
-     * ````0.5```` causes dollying to decay 50% on each animation frame, while ````1.0```` causes no decay, which allows dollying
-     * to continue until further input stops it.
-     *
-     * You might set ````dollyInertia```` to zero when you want be able to precisely position or rotate the Camera,
-     * without interference from inertia. This also means that xeokit renders less frames while dollying the Camera,
-     * which can improve rendering performance.
-     *
-     * Default is ````0````.
-     *
-     * @param {Number} dollyInertia New dolly inertia factor.
-     */,set:function set(mouseWheelDollyRate){this._configs.mouseWheelDollyRate=mouseWheelDollyRate!==null&&mouseWheelDollyRate!==undefined?mouseWheelDollyRate:100.0;}},{key:"dollyInertia",get:/**
-     * Gets the dolly inertia factor.
-     *
-     * Default is ````0````.
-     *
-     * @returns {Number} The current dolly inertia factor.
-     */function get(){return this._configs.dollyInertia;}/**
-     * Sets the proximity to the closest object below which dolly speed decreases, and above which dolly speed increases.
-     *
-     * Default is ````35.0````.
-     *
-     * @param {Number} dollyProximityThreshold New dolly proximity threshold.
-     */,set:function set(dollyInertia){this._configs.dollyInertia=dollyInertia!==undefined&&dollyInertia!==null?dollyInertia:0;}},{key:"dollyProximityThreshold",get:/**
-     * Gets the proximity to the closest object below which dolly speed decreases, and above which dolly speed increases.
-     *
-     * Default is ````35.0````.
-     *
-     * @returns {Number} The current dolly proximity threshold.
-     */function get(){return this._configs.dollyProximityThreshold;}/**
-     * Sets the minimum dolly speed.
-     *
-     * Default is ````0.04````.
-     *
-     * @param {Number} dollyMinSpeed New dolly minimum speed.
-     */,set:function set(dollyProximityThreshold){this._configs.dollyProximityThreshold=dollyProximityThreshold!==undefined&&dollyProximityThreshold!==null?dollyProximityThreshold:35.0;}},{key:"dollyMinSpeed",get:/**
-     * Gets the minimum dolly speed.
-     *
-     * Default is ````0.04````.
-     *
-     * @returns {Number} The current minimum dolly speed.
-     */function get(){return this._configs.dollyMinSpeed;}/**
-     * Sets the pan inertia factor.
-     *
-     * This factor configures how much the {@link Camera} keeps moving after you finish panning it.
-     *
-     * This factor is a value in range ````[0..1]````. A value of ````0.0```` causes panning to immediately stop,
-     * ````0.5```` causes panning to decay 50% on each animation frame, while ````1.0```` causes no decay, which allows panning
-     * to continue until further input stops it.
-     *
-     * You might set ````panInertia```` to zero when you want be able to precisely position or rotate the Camera,
-     * without interference from inertia. This also means that xeokit renders less frames while panning the Camera,
-     * wich can improve rendering performance.
-     *
-     * Default is ````0.5````.
-     *
-     * @param {Number} panInertia New pan inertia factor.
-     */,set:function set(dollyMinSpeed){this._configs.dollyMinSpeed=dollyMinSpeed!==undefined&&dollyMinSpeed!==null?dollyMinSpeed:0.04;}},{key:"panInertia",get:/**
-     * Gets the pan inertia factor.
-     *
-     * Default is ````0.5````.
-     *
-     * @returns {Number} The current pan inertia factor.
-     */function get(){return this._configs.panInertia;}/**
-     * Sets the keyboard layout.
-     *
-     * Supported layouts are:
-     *
-     * * ````"qwerty"```` (default)
-     * * ````"azerty"````
-     *
-     * @deprecated
-     * @param {String} value Selects the keyboard layout.
-     */,set:function set(panInertia){this._configs.panInertia=panInertia!==undefined&&panInertia!==null?panInertia:0.5;}},{key:"keyboardLayout",get:/**
-     * Gets the keyboard layout.
-     *
-     * Supported layouts are:
-     *
-     * * ````"qwerty"```` (default)
-     * * ````"azerty"````
-     *
-     * @deprecated
-     * @returns {String} The current keyboard layout.
-     */function get(){return this._configs.keyboardLayout;}/**
-     * Sets a sphere as the representation of the pivot position.
-     *
-     * @param {Object} [cfg] Sphere configuration.
-     * @param {String} [cfg.size=1] Optional size factor of the sphere. Defaults to 1.
-     * @param {String} [cfg.material=PhongMaterial] Optional size factor of the sphere. Defaults to a red opaque material.
-     */,set:function set(value){// this.warn("keyboardLayout property is deprecated - use keyMap property instead");
+	 * Sets the HTMl element to represent the pivot point when {@link CameraControl#followPointer} is true.
+	 *
+	 * See class comments for an example.
+	 *
+	 * @param {HTMLElement} element HTML element representing the pivot point.
+	 */},{key:"pivotElement",set:function set(element){this._controllers.pivotController.setPivotElement(element);}/**
+	 *  Sets if this ````CameraControl```` is active or not.
+	 *
+	 * When inactive, the ````CameraControl```` will not react to input.
+	 *
+	 * Default is ````true````.
+	 *
+	 * @param {Boolean} value Set ````true```` to activate this ````CameraControl````.
+	 */},{key:"active",get:/**
+	 * Gets if this ````CameraControl```` is active or not.
+	 *
+	 * When inactive, the ````CameraControl```` will not react to input.
+	 *
+	 * Default is ````true````.
+	 *
+	 * @returns {Boolean} Returns ````true```` if this ````CameraControl```` is active.
+	 */function get(){return this._configs.active;}/**
+	 * Sets whether the pointer snap to vertex.
+	 *
+	 * @param {boolean} snapToVertex
+	 */,set:function set(value){value=value!==false;this._configs.active=value;this._handlers[1]._active=value;this._handlers[5]._active=value;}},{key:"snapToVertex",get:/**
+	 * Gets whether the pointer snap to vertex.
+	 *
+	 * @returns {boolean}
+	 */function get(){return this._configs.snapToVertex;}/**
+	 * Sets whether the pointer snap to edge.
+	 *
+	 * @param {boolean} snapToEdge
+	 */,set:function set(snapToVertex){this._configs.snapToVertex=!!snapToVertex;}},{key:"snapToEdge",get:/**
+	 * Gets whether the pointer snap to edge.
+	 *
+	 * @returns {boolean}
+	 */function get(){return this._configs.snapToEdge;}/**
+	 * Sets the current snap radius for "hoverSnapOrSurface" events, to specify whether the radius
+	 * within which the pointer snaps to the nearest vertex or the nearest edge.
+	 *
+	 * Default value is 30 pixels.
+	 *
+	 * @param {Number} snapRadius The snap radius.
+	 */,set:function set(snapToEdge){this._configs.snapToEdge=!!snapToEdge;}},{key:"snapRadius",get:/**
+	 * Gets the current snap radius.
+	 *
+	 * @returns {Number} The snap radius.
+	 */function get(){return this._configs.snapRadius;}/**
+	 * Sets the current navigation mode.
+	 *
+	 * Accepted values are:
+	 *
+	 * * "orbit" - rotation orbits about the current target or pivot point,
+	 * * "firstPerson" - rotation is about the current eye position,
+	 * * "planView" - rotation is disabled.
+	 *
+	 * See class comments for more info.
+	 *
+	 * @param {String} navMode The navigation mode: "orbit", "firstPerson" or "planView".
+	 */,set:function set(snapRadius){snapRadius=snapRadius||DEFAULT_SNAP_PICK_RADIUS;this._configs.snapRadius=snapRadius;}},{key:"navMode",get:/**
+	 * Gets the current navigation mode.
+	 *
+	 * @returns {String} The navigation mode: "orbit", "firstPerson" or "planView".
+	 */function get(){return this._configs.navMode;}/**
+	 * Sets whether mouse and touch input is enabled.
+	 *
+	 * Default is ````true````.
+	 *
+	 * Disabling mouse and touch input on ````CameraControl```` is useful when we want to temporarily use mouse or
+	 * touch input to interact with some other 3D control, without disturbing the {@link Camera}.
+	 *
+	 * @param {Boolean} value Set ````true```` to enable mouse and touch input.
+	 */,set:function set(navMode){navMode=navMode||"orbit";if(navMode!=="firstPerson"&&navMode!=="orbit"&&navMode!=="planView"){this.error("Unsupported value for navMode: "+navMode+" - supported values are 'orbit', 'firstPerson' and 'planView' - defaulting to 'orbit'");navMode="orbit";}this._configs.firstPerson=navMode==="firstPerson";this._configs.planView=navMode==="planView";if(this._configs.firstPerson||this._configs.planView){this._controllers.pivotController.hidePivot();this._controllers.pivotController.endPivot();}this._configs.navMode=navMode;}},{key:"pointerEnabled",get:/**
+	 * Gets whether mouse and touch input is enabled.
+	 *
+	 * Default is ````true````.
+	 *
+	 * Disabling mouse and touch input on ````CameraControl```` is desirable when we want to temporarily use mouse or
+	 * touch input to interact with some other 3D control, without interfering with the {@link Camera}.
+	 *
+	 * @returns {Boolean} Returns ````true```` if mouse and touch input is enabled.
+	 */function get(){return this._configs.pointerEnabled;}/**
+	 * Sets whether the {@link Camera} follows the mouse/touch pointer.
+	 *
+	 * In orbiting mode, the Camera will orbit about the pointer, and will dolly to and from the pointer.
+	 *
+	 * In fly-to mode, the Camera will dolly to and from the pointer, however the World will always rotate about the Camera position.
+	 *
+	 * In plan-view mode, the Camera will dolly to and from the pointer, however the Camera will not rotate.
+	 *
+	 * Default is ````true````.
+	 *
+	 * See class comments for more info.
+	 *
+	 * @param {Boolean} value Set ````true```` to enable the Camera to follow the pointer.
+	 */,set:function set(value){this._reset();this._configs.pointerEnabled=!!value;}},{key:"_reset",value:function _reset(){for(var _i467=0,len=this._handlers.length;_i467<len;_i467++){var handler=this._handlers[_i467];if(handler.reset){handler.reset();}}this._updates.panDeltaX=0;this._updates.panDeltaY=0;this._updates.rotateDeltaX=0;this._updates.rotateDeltaY=0;this._updates.dolyDelta=0;}},{key:"followPointer",get:/**
+	 * Sets whether the {@link Camera} follows the mouse/touch pointer.
+	 *
+	 * In orbiting mode, the Camera will orbit about the pointer, and will dolly to and from the pointer.
+	 *
+	 * In fly-to mode, the Camera will dolly to and from the pointer, however the World will always rotate about the Camera position.
+	 *
+	 * In plan-view mode, the Camera will dolly to and from the pointer, however the Camera will not rotate.
+	 *
+	 * Default is ````true````.
+	 *
+	 * See class comments for more info.
+	 *
+	 * @returns {Boolean} Returns ````true```` if the Camera follows the pointer.
+	 */function get(){return this._configs.followPointer;}/**
+	 * Sets the current World-space 3D target position.
+	 *
+	 * Only applies when {@link CameraControl#followPointer} is ````true````.
+	 *
+	 * @param {Number[]} worldPos The new World-space 3D target position.
+	 */,set:function set(value){this._configs.followPointer=value!==false;}},{key:"pivotPos",get:/**
+	 * Gets the current World-space 3D pivot position.
+	 *
+	 * Only applies when {@link CameraControl#followPointer} is ````true````.
+	 *
+	 * @return {Number[]} worldPos The current World-space 3D pivot position.
+	 */function get(){return this._controllers.pivotController.getPivotPos();}/**
+	 * @deprecated
+	 * @param {Boolean} value Set ````true```` to enable dolly-to-pointer behaviour.
+	 */,set:function set(worldPos){this._controllers.pivotController.setPivotPos(worldPos);}},{key:"dollyToPointer",get:/**
+	 * @deprecated
+	 * @returns {Boolean} Returns ````true```` if dolly-to-pointer behaviour is enabled.
+	 */function get(){this.warn("dollyToPointer property is deprecated - replaced with followPointer");return this.followPointer;}/**
+	 * @deprecated
+	 * @param {Boolean} value Set ````true```` to enable dolly-to-pointer behaviour.
+	 */,set:function set(value){this.warn("dollyToPointer property is deprecated - replaced with followPointer");this.followPointer=value;}},{key:"panToPointer",get:/**
+	 * @deprecated
+	 * @returns {Boolean} Returns ````true```` if dolly-to-pointer behaviour is enabled.
+	 */function get(){this.warn("panToPointer property is deprecated - replaced with followPointer");return false;}/**
+	 * Sets whether this ````CameraControl```` is in plan-view mode.
+	 *
+	 * When in plan-view mode, rotation is disabled.
+	 *
+	 * Default is ````false````.
+	 *
+	 * Deprecated - use {@link CameraControl#navMode} instead.
+	 *
+	 * @param {Boolean} value Set ````true```` to enable plan-view mode.
+	 * @deprecated
+	 */,set:function set(value){this.warn("panToPointer property is deprecated - replaced with followPointer");}},{key:"planView",get:/**
+	 * Gets whether this ````CameraControl```` is in plan-view mode.
+	 *
+	 * When in plan-view mode, rotation is disabled.
+	 *
+	 * Default is ````false````.
+	 *
+	 * Deprecated - use {@link CameraControl#navMode} instead.
+	 *
+	 * @returns {Boolean} Returns ````true```` if plan-view mode is enabled.
+	 * @deprecated
+	 */function get(){this.warn("planView property is deprecated - replaced with navMode");return this._configs.planView;}/**
+	 * Sets whether this ````CameraControl```` is in first-person mode.
+	 *
+	 * In "first person" mode (disabled by default) the look position rotates about the eye position. Otherwise,  {@link Camera#eye} rotates about {@link Camera#look}.
+	 *
+	 * Default is ````false````.
+	 *
+	 * Deprecated - use {@link CameraControl#navMode} instead.
+	 *
+	 * @param {Boolean} value Set ````true```` to enable first-person mode.
+	 * @deprecated
+	 */,set:function set(value){this._configs.planView=!!value;this._configs.firstPerson=false;if(this._configs.planView){this._controllers.pivotController.hidePivot();this._controllers.pivotController.endPivot();}this.warn("planView property is deprecated - replaced with navMode");}},{key:"firstPerson",get:/**
+	 * Gets whether this ````CameraControl```` is in first-person mode.
+	 *
+	 * In "first person" mode (disabled by default) the look position rotates about the eye position. Otherwise,  {@link Camera#eye} rotates about {@link Camera#look}.
+	 *
+	 * Default is ````false````.
+	 *
+	 * Deprecated - use {@link CameraControl#navMode} instead.
+	 *
+	 * @returns {Boolean} Returns ````true```` if first-person mode is enabled.
+	 * @deprecated
+	 */function get(){this.warn("firstPerson property is deprecated - replaced with navMode");return this._configs.firstPerson;}/**
+	 * Sets whether to vertically constrain the {@link Camera} position for first-person navigation.
+	 *
+	 * When set ````true````, this constrains {@link Camera#eye} to its current vertical position.
+	 *
+	 * Only applies when {@link CameraControl#navMode} is ````"firstPerson"````.
+	 *
+	 * Default is ````false````.
+	 *
+	 * @param {Boolean} value Set ````true```` to vertically constrain the Camera.
+	 */,set:function set(value){this.warn("firstPerson property is deprecated - replaced with navMode");this._configs.firstPerson=!!value;this._configs.planView=false;if(this._configs.firstPerson){this._controllers.pivotController.hidePivot();this._controllers.pivotController.endPivot();}}},{key:"constrainVertical",get:/**
+	 * Gets whether to vertically constrain the {@link Camera} position for first-person navigation.
+	 *
+	 * When set ````true````, this constrains {@link Camera#eye} to its current vertical position.
+	 *
+	 * Only applies when {@link CameraControl#navMode} is ````"firstPerson"````.
+	 *
+	 * Default is ````false````.
+	 *
+	 * @returns {Boolean} ````true```` when Camera is vertically constrained.
+	 */function get(){return this._configs.constrainVertical;}/**
+	 * Sets whether double-picking an {@link Entity} causes the {@link Camera} to fly to its boundary.
+	 *
+	 * Default is ````false````.
+	 *
+	 * @param {Boolean} value Set ````true```` to enable double-pick-fly-to mode.
+	 */,set:function set(value){this._configs.constrainVertical=!!value;}},{key:"doublePickFlyTo",get:/**
+	 * Gets whether double-picking an {@link Entity} causes the {@link Camera} to fly to its boundary.
+	 *
+	 * Default is ````false````.
+	 *
+	 * @returns {Boolean} Returns ````true```` when double-pick-fly-to mode is enabled.
+	 */function get(){return this._configs.doublePickFlyTo;}/**
+	 * Sets whether either right-clicking (true) or middle-clicking (false) pans the {@link Camera}.
+	 *
+	 * Default is ````true````.
+	 *
+	 * @param {Boolean} value Set ````false```` to disable pan on right-click.
+	 */,set:function set(value){this._configs.doublePickFlyTo=value!==false;}},{key:"panRightClick",get:/**
+	 * Gets whether right-clicking pans the {@link Camera}.
+	 *
+	 * Default is ````true````.
+	 *
+	 * @returns {Boolean} Returns ````false```` when pan on right-click is disabled.
+	 */function get(){return this._configs.panRightClick;}/**
+	 * Sets a factor in range ````[0..1]```` indicating how much the {@link Camera} keeps moving after you finish rotating it.
+	 *
+	 * A value of ````0.0```` causes it to immediately stop, ````0.5```` causes its movement to decay 50% on each tick,
+	 * while ````1.0```` causes no decay, allowing it continue moving, by the current rate of rotation.
+	 *
+	 * You may choose an inertia of zero when you want be able to precisely rotate the Camera,
+	 * without interference from inertia. Zero inertia can also mean that less frames are rendered while
+	 * you are rotating the Camera.
+	 *
+	 * Default is ````0.0````.
+	 *
+	 * Does not apply when {@link CameraControl#navMode} is ````"planView"````, which disallows rotation.
+	 *
+	 * @param {Number} rotationInertia New inertial factor.
+	 */,set:function set(value){this._configs.panRightClick=value!==false;}},{key:"rotationInertia",get:/**
+	 * Gets the rotation inertia factor.
+	 *
+	 * Default is ````0.0````.
+	 *
+	 * Does not apply when {@link CameraControl#navMode} is ````"planView"````, which disallows rotation.
+	 *
+	 * @returns {Number} The inertia factor.
+	 */function get(){return this._configs.rotationInertia;}/**
+	 * Sets how much the {@link Camera} pans each second with keyboard input.
+	 *
+	 * Default is ````5.0````, to pan the Camera ````5.0```` World-space units every second that
+	 * a panning key is depressed. See the ````CameraControl```` class documentation for which keys control
+	 * panning.
+	 *
+	 * Panning direction is aligned to our Camera's orientation. When we pan horizontally, we pan
+	 * to our left and right, when we pan vertically, we pan upwards and downwards, and when we pan forwards
+	 * and backwards, we pan along the direction the Camera is pointing.
+	 *
+	 * Unlike dollying when {@link followPointer} is ````true````, panning does not follow the pointer.
+	 *
+	 * @param {Number} keyboardPanRate The new keyboard pan rate.
+	 */,set:function set(rotationInertia){this._configs.rotationInertia=rotationInertia!==undefined&&rotationInertia!==null?rotationInertia:0.0;}},{key:"keyboardPanRate",get:/**
+	 * Gets how much the {@link Camera} pans each second with keyboard input.
+	 *
+	 * Default is ````5.0````.
+	 *
+	 * @returns {Number} The current keyboard pan rate.
+	 */function get(){return this._configs.keyboardPanRate;}/**
+	 * Sets how many degrees per second the {@link Camera} rotates/orbits with keyboard input.
+	 *
+	 * Default is ````90.0````, to rotate/orbit the Camera ````90.0```` degrees every second that
+	 * a rotation key is depressed. See the ````CameraControl```` class documentation for which keys control
+	 * rotation/orbit.
+	 *
+	 * @param {Number} keyboardRotationRate The new keyboard rotation rate.
+	 */,set:function set(keyboardPanRate){this._configs.keyboardPanRate=keyboardPanRate!==null&&keyboardPanRate!==undefined?keyboardPanRate:5.0;}/**
+	 * Sets how fast the camera pans on touch panning
+	 *
+	 * @param {Number} touchPanRate The new touch pan rate.
+	 */},{key:"touchPanRate",get:/**
+	 * Gets how fast the {@link Camera} pans on touch panning
+	 *
+	 * Default is ````1.0````.
+	 *
+	 * @returns {Number} The current touch pan rate.
+	 */function get(){return this._configs.touchPanRate;},set:function set(touchPanRate){this._configs.touchPanRate=touchPanRate!==null&&touchPanRate!==undefined?touchPanRate:1.0;}},{key:"keyboardRotationRate",get:/**
+	 * Sets how many degrees per second the {@link Camera} rotates/orbits with keyboard input.
+	 *
+	 * Default is ````90.0````.
+	 *
+	 * @returns {Number} The current keyboard rotation rate.
+	 */function get(){return this._configs.keyboardRotationRate;}/**
+	 * Sets the current drag rotation rate.
+	 *
+	 * This configures how many degrees the {@link Camera} rotates/orbits for a full sweep of the canvas by mouse or touch dragging.
+	 *
+	 * For example, a value of ````360.0```` indicates that the ````Camera```` rotates/orbits ````360.0```` degrees horizontally
+	 * when we sweep the entire width of the canvas.
+	 *
+	 * ````CameraControl```` makes vertical rotation half as sensitive as horizontal rotation, so that we don't tend to
+	 * flip upside-down. Therefore, a value of ````360.0```` rotates/orbits the ````Camera```` through ````180.0```` degrees
+	 * vertically when we sweep the entire height of the canvas.
+	 *
+	 * Default is ````360.0````.
+	 *
+	 * @param {Number} dragRotationRate The new drag rotation rate.
+	 */,set:function set(keyboardRotationRate){this._configs.keyboardRotationRate=keyboardRotationRate!==null&&keyboardRotationRate!==undefined?keyboardRotationRate:90.0;}},{key:"dragRotationRate",get:/**
+	 * Gets the current drag rotation rate.
+	 *
+	 * Default is ````360.0````.
+	 *
+	 * @returns {Number} The current drag rotation rate.
+	 */function get(){return this._configs.dragRotationRate;}/**
+	 * Sets how much the {@link Camera} dollys each second with keyboard input.
+	 *
+	 * Default is ````15.0````, to dolly the {@link Camera} ````15.0```` World-space units per second while we hold down
+	 * the ````+```` and ````-```` keys.
+	 *
+	 * @param {Number} keyboardDollyRate The new keyboard dolly rate.
+	 */,set:function set(dragRotationRate){this._configs.dragRotationRate=dragRotationRate!==null&&dragRotationRate!==undefined?dragRotationRate:360.0;}},{key:"keyboardDollyRate",get:/**
+	 * Gets how much the {@link Camera} dollys each second with keyboard input.
+	 *
+	 * Default is ````15.0````.
+	 *
+	 * @returns {Number} The current keyboard dolly rate.
+	 */function get(){return this._configs.keyboardDollyRate;}/**
+	 * Sets how much the {@link Camera} dollys with touch input.
+	 *
+	 * Default is ````0.2````
+	 *
+	 * @param {Number} touchDollyRate The new touch dolly rate.
+	 */,set:function set(keyboardDollyRate){this._configs.keyboardDollyRate=keyboardDollyRate!==null&&keyboardDollyRate!==undefined?keyboardDollyRate:15.0;}},{key:"touchDollyRate",get:/**
+	 * Gets how much the {@link Camera} dollys each second with touch input.
+	 *
+	 * Default is ````0.2````.
+	 *
+	 * @returns {Number} The current touch dolly rate.
+	 */function get(){return this._configs.touchDollyRate;}/**
+	 * Sets how much the {@link Camera} dollys each second while the mouse wheel is spinning.
+	 *
+	 * Default is ````100.0````, to dolly the {@link Camera} ````10.0```` World-space units per second as we spin
+	 * the mouse wheel.
+	 *
+	 * @param {Number} mouseWheelDollyRate The new mouse wheel dolly rate.
+	 */,set:function set(touchDollyRate){this._configs.touchDollyRate=touchDollyRate!==null&&touchDollyRate!==undefined?touchDollyRate:0.2;}},{key:"mouseWheelDollyRate",get:/**
+	 * Gets how much the {@link Camera} dollys each second while the mouse wheel is spinning.
+	 *
+	 * Default is ````100.0````.
+	 *
+	 * @returns {Number} The current mouseWheel dolly rate.
+	 */function get(){return this._configs.mouseWheelDollyRate;}/**
+	 * Sets the dolly inertia factor.
+	 *
+	 * This factor configures how much the {@link Camera} keeps moving after you finish dollying it.
+	 *
+	 * This factor is a value in range ````[0..1]````. A value of ````0.0```` causes dollying to immediately stop,
+	 * ````0.5```` causes dollying to decay 50% on each animation frame, while ````1.0```` causes no decay, which allows dollying
+	 * to continue until further input stops it.
+	 *
+	 * You might set ````dollyInertia```` to zero when you want be able to precisely position or rotate the Camera,
+	 * without interference from inertia. This also means that xeokit renders less frames while dollying the Camera,
+	 * which can improve rendering performance.
+	 *
+	 * Default is ````0````.
+	 *
+	 * @param {Number} dollyInertia New dolly inertia factor.
+	 */,set:function set(mouseWheelDollyRate){this._configs.mouseWheelDollyRate=mouseWheelDollyRate!==null&&mouseWheelDollyRate!==undefined?mouseWheelDollyRate:100.0;}},{key:"dollyInertia",get:/**
+	 * Gets the dolly inertia factor.
+	 *
+	 * Default is ````0````.
+	 *
+	 * @returns {Number} The current dolly inertia factor.
+	 */function get(){return this._configs.dollyInertia;}/**
+	 * Sets the proximity to the closest object below which dolly speed decreases, and above which dolly speed increases.
+	 *
+	 * Default is ````35.0````.
+	 *
+	 * @param {Number} dollyProximityThreshold New dolly proximity threshold.
+	 */,set:function set(dollyInertia){this._configs.dollyInertia=dollyInertia!==undefined&&dollyInertia!==null?dollyInertia:0;}},{key:"dollyProximityThreshold",get:/**
+	 * Gets the proximity to the closest object below which dolly speed decreases, and above which dolly speed increases.
+	 *
+	 * Default is ````35.0````.
+	 *
+	 * @returns {Number} The current dolly proximity threshold.
+	 */function get(){return this._configs.dollyProximityThreshold;}/**
+	 * Sets the minimum dolly speed.
+	 *
+	 * Default is ````0.04````.
+	 *
+	 * @param {Number} dollyMinSpeed New dolly minimum speed.
+	 */,set:function set(dollyProximityThreshold){this._configs.dollyProximityThreshold=dollyProximityThreshold!==undefined&&dollyProximityThreshold!==null?dollyProximityThreshold:35.0;}},{key:"dollyMinSpeed",get:/**
+	 * Gets the minimum dolly speed.
+	 *
+	 * Default is ````0.04````.
+	 *
+	 * @returns {Number} The current minimum dolly speed.
+	 */function get(){return this._configs.dollyMinSpeed;}/**
+	 * Sets the pan inertia factor.
+	 *
+	 * This factor configures how much the {@link Camera} keeps moving after you finish panning it.
+	 *
+	 * This factor is a value in range ````[0..1]````. A value of ````0.0```` causes panning to immediately stop,
+	 * ````0.5```` causes panning to decay 50% on each animation frame, while ````1.0```` causes no decay, which allows panning
+	 * to continue until further input stops it.
+	 *
+	 * You might set ````panInertia```` to zero when you want be able to precisely position or rotate the Camera,
+	 * without interference from inertia. This also means that xeokit renders less frames while panning the Camera,
+	 * wich can improve rendering performance.
+	 *
+	 * Default is ````0.5````.
+	 *
+	 * @param {Number} panInertia New pan inertia factor.
+	 */,set:function set(dollyMinSpeed){this._configs.dollyMinSpeed=dollyMinSpeed!==undefined&&dollyMinSpeed!==null?dollyMinSpeed:0.04;}},{key:"panInertia",get:/**
+	 * Gets the pan inertia factor.
+	 *
+	 * Default is ````0.5````.
+	 *
+	 * @returns {Number} The current pan inertia factor.
+	 */function get(){return this._configs.panInertia;}/**
+	 * Sets the keyboard layout.
+	 *
+	 * Supported layouts are:
+	 *
+	 * * ````"qwerty"```` (default)
+	 * * ````"azerty"````
+	 *
+	 * @deprecated
+	 * @param {String} value Selects the keyboard layout.
+	 */,set:function set(panInertia){this._configs.panInertia=panInertia!==undefined&&panInertia!==null?panInertia:0.5;}},{key:"keyboardLayout",get:/**
+	 * Gets the keyboard layout.
+	 *
+	 * Supported layouts are:
+	 *
+	 * * ````"qwerty"```` (default)
+	 * * ````"azerty"````
+	 *
+	 * @deprecated
+	 * @returns {String} The current keyboard layout.
+	 */function get(){return this._configs.keyboardLayout;}/**
+	 * Sets a sphere as the representation of the pivot position.
+	 *
+	 * @param {Object} [cfg] Sphere configuration.
+	 * @param {String} [cfg.size=1] Optional size factor of the sphere. Defaults to 1.
+	 * @param {String} [cfg.material=PhongMaterial] Optional size factor of the sphere. Defaults to a red opaque material.
+	 */,set:function set(value){// this.warn("keyboardLayout property is deprecated - use keyMap property instead");
 value=value||"qwerty";if(value!=="qwerty"&&value!=="azerty"){this.error("Unsupported value for keyboardLayout - defaulting to 'qwerty'");value="qwerty";}this._configs.keyboardLayout=value;this.keyMap=this._configs.keyboardLayout;}},{key:"enablePivotSphere",value:function enablePivotSphere(){var cfg=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};this._controllers.pivotController.enablePivotSphere(cfg);}/**
-     * Remove the sphere as the representation of the pivot position.
-     *
-     */},{key:"disablePivotSphere",value:function disablePivotSphere(){this._controllers.pivotController.disablePivotSphere();}/**
-     * Sets whether smart default pivoting is enabled.
-     *
-     * When ````true````, we'll pivot by default about the 3D position of the mouse/touch pointer on an
-     * imaginary sphere that's centered at {@link Camera#eye} and sized to the {@link Scene} boundary.
-     *
-     * When ````false````, we'll pivot by default about {@link Camera#look}.
-     *
-     * Default is ````false````.
-     *
-     * @param {Boolean} enabled Set ````true```` to pivot by default about the selected point on the virtual sphere, or ````false```` to pivot by default about {@link Camera#look}.
-     */},{key:"smartPivot",get:/**
-     * Gets whether smart default pivoting is enabled.
-     *
-     * When ````true````, we'll pivot by default about the 3D position of the mouse/touch pointer on an
-     * imaginary sphere that's centered at {@link Camera#eye} and sized to the {@link Scene} boundary.
-     *
-     * When ````false````, we'll pivot by default about {@link Camera#look}.
-     *
-     * Default is ````false````.
-     *
-     * @returns {Boolean} Returns ````true```` when pivoting by default about the selected point on the virtual sphere, or ````false```` when pivoting by default about {@link Camera#look}.
-     */function get(){return this._configs.smartPivot;}/**
-     * Sets the double click time frame length in milliseconds.
-     * 
-     * If two mouse click events occur within this time frame, it is considered a double click. 
-     * 
-     * Default is ````250````
-     * 
-     * @param {Number} value New double click time frame.
-     */,set:function set(enabled){this._configs.smartPivot=enabled!==false;}},{key:"doubleClickTimeFrame",get:/**
-     * Gets the double click time frame length in milliseconds.
-     *  
-     * Default is ````250````
-     * 
-     * @param {Number} value Current double click time frame.
-     */function get(){return this._configs.doubleClickTimeFrame;}/**
-     * Destroys this ````CameraControl````.
-     * @private
-     */,set:function set(value){this._configs.doubleClickTimeFrame=value!==undefined&&value!==null?value:250;}},{key:"destroy",value:function destroy(){this._destroyHandlers();this._destroyControllers();this._cameraUpdater.destroy();_get(_getPrototypeOf(CameraControl.prototype),"destroy",this).call(this);}},{key:"_destroyHandlers",value:function _destroyHandlers(){for(var _i468=0,len=this._handlers.length;_i468<len;_i468++){var handler=this._handlers[_i468];if(handler.destroy){handler.destroy();}}}},{key:"_destroyControllers",value:function _destroyControllers(){for(var _i469=0,len=this._controllers.length;_i469<len;_i469++){var controller=this._controllers[_i469];if(controller.destroy){controller.destroy();}}}}]);return CameraControl;}(Component);/**
+	 * Remove the sphere as the representation of the pivot position.
+	 *
+	 */},{key:"disablePivotSphere",value:function disablePivotSphere(){this._controllers.pivotController.disablePivotSphere();}/**
+	 * Sets whether smart default pivoting is enabled.
+	 *
+	 * When ````true````, we'll pivot by default about the 3D position of the mouse/touch pointer on an
+	 * imaginary sphere that's centered at {@link Camera#eye} and sized to the {@link Scene} boundary.
+	 *
+	 * When ````false````, we'll pivot by default about {@link Camera#look}.
+	 *
+	 * Default is ````false````.
+	 *
+	 * @param {Boolean} enabled Set ````true```` to pivot by default about the selected point on the virtual sphere, or ````false```` to pivot by default about {@link Camera#look}.
+	 */},{key:"smartPivot",get:/**
+	 * Gets whether smart default pivoting is enabled.
+	 *
+	 * When ````true````, we'll pivot by default about the 3D position of the mouse/touch pointer on an
+	 * imaginary sphere that's centered at {@link Camera#eye} and sized to the {@link Scene} boundary.
+	 *
+	 * When ````false````, we'll pivot by default about {@link Camera#look}.
+	 *
+	 * Default is ````false````.
+	 *
+	 * @returns {Boolean} Returns ````true```` when pivoting by default about the selected point on the virtual sphere, or ````false```` when pivoting by default about {@link Camera#look}.
+	 */function get(){return this._configs.smartPivot;}/**
+	 * Sets the double click time frame length in milliseconds.
+	 *
+	 * If two mouse click events occur within this time frame, it is considered a double click.
+	 *
+	 * Default is ````250````
+	 *
+	 * @param {Number} value New double click time frame.
+	 */,set:function set(enabled){this._configs.smartPivot=enabled!==false;}},{key:"doubleClickTimeFrame",get:/**
+	 * Gets the double click time frame length in milliseconds.
+	 *
+	 * Default is ````250````
+	 *
+	 * @param {Number} value Current double click time frame.
+	 */function get(){return this._configs.doubleClickTimeFrame;}/**
+	 * Destroys this ````CameraControl````.
+	 * @private
+	 */,set:function set(value){this._configs.doubleClickTimeFrame=value!==undefined&&value!==null?value:250;}},{key:"destroy",value:function destroy(){this._destroyHandlers();this._destroyControllers();this._cameraUpdater.destroy();_get(_getPrototypeOf(CameraControl.prototype),"destroy",this).call(this);}},{key:"_destroyHandlers",value:function _destroyHandlers(){for(var _i468=0,len=this._handlers.length;_i468<len;_i468++){var handler=this._handlers[_i468];if(handler.destroy){handler.destroy();}}}},{key:"_destroyControllers",value:function _destroyControllers(){for(var _i469=0,len=this._controllers.length;_i469<len;_i469++){var controller=this._controllers[_i469];if(controller.destroy){controller.destroy();}}}}]);return CameraControl;}(Component);/**
  * @desc A property within a {@link PropertySet}.
  *
  * @class Property
@@ -26401,27 +26427,27 @@ addMesh(modelNode,positions,normals,colors,material,options);}function addMesh(m
  *
  * @class TreeViewPlugin
  */var TreeViewPlugin=/*#__PURE__*/function(_Plugin15){_inherits(TreeViewPlugin,_Plugin15);var _super161=_createSuper(TreeViewPlugin);/**
-   * @constructor
-   *
-   * @param {Viewer} viewer The Viewer.
-   * @param {*} cfg Plugin configuration.
-   * @param {String} [cfg.containerElementId]  ID of an existing HTML element to contain the TreeViewPlugin - either this or containerElement is mandatory. When both values are given, the element reference is always preferred to the ID.
-   * @param {HTMLElement} cfg.containerElement DOM element to contain the TreeViewPlugin.
-   * @param {Boolean} [cfg.autoAddModels=true] When ````true```` (default), will automatically add each model as it's created. Set this ````false```` if you want to manually add models using {@link TreeViewPlugin#addModel} instead.
-   * @param {Number} [cfg.autoExpandDepth] Optional depth to which to initially expand the tree.
-   * @param {String} [cfg.hierarchy="containment"] How to organize the tree nodes: "containment", "storeys" or "types". See the class documentation for details.
-   * @param {Boolean} [cfg.sortNodes=true] When true, will sort the children of each node. For a "storeys" hierarchy, the
-   * ````IfcBuildingStorey```` nodes will be ordered spatially, from the highest storey down to the lowest, on the
-   * vertical World axis. For all hierarchy types, other node types will be ordered in the ascending alphanumeric order of their titles.
-   * @param {Boolean} [cfg.pruneEmptyNodes=true] When true, will not contain nodes that don't have content in the {@link Scene}. These are nodes whose {@link MetaObject}s don't have {@link Entity}s.
-   * @param {RenderService} [cfg.renderService] Optional {@link RenderService} to use. Defaults to the {@link TreeViewPlugin}'s default {@link RenderService}.
-   */function TreeViewPlugin(viewer){var _this145;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,TreeViewPlugin);_this145=_super161.call(this,"TreeViewPlugin",viewer);/**
-     * Contains messages for any errors found while last rebuilding this TreeView.
-     * @type {String[]}
-     */_this145.errors=[];/**
-     * True if errors were found generating this TreeView.
-     * @type {boolean}
-     */_this145.valid=true;// const containerElement =
+	 * @constructor
+	 *
+	 * @param {Viewer} viewer The Viewer.
+	 * @param {*} cfg Plugin configuration.
+	 * @param {String} [cfg.containerElementId]  ID of an existing HTML element to contain the TreeViewPlugin - either this or containerElement is mandatory. When both values are given, the element reference is always preferred to the ID.
+	 * @param {HTMLElement} cfg.containerElement DOM element to contain the TreeViewPlugin.
+	 * @param {Boolean} [cfg.autoAddModels=true] When ````true```` (default), will automatically add each model as it's created. Set this ````false```` if you want to manually add models using {@link TreeViewPlugin#addModel} instead.
+	 * @param {Number} [cfg.autoExpandDepth] Optional depth to which to initially expand the tree.
+	 * @param {String} [cfg.hierarchy="containment"] How to organize the tree nodes: "containment", "storeys" or "types". See the class documentation for details.
+	 * @param {Boolean} [cfg.sortNodes=true] When true, will sort the children of each node. For a "storeys" hierarchy, the
+	 * ````IfcBuildingStorey```` nodes will be ordered spatially, from the highest storey down to the lowest, on the
+	 * vertical World axis. For all hierarchy types, other node types will be ordered in the ascending alphanumeric order of their titles.
+	 * @param {Boolean} [cfg.pruneEmptyNodes=true] When true, will not contain nodes that don't have content in the {@link Scene}. These are nodes whose {@link MetaObject}s don't have {@link Entity}s.
+	 * @param {RenderService} [cfg.renderService] Optional {@link RenderService} to use. Defaults to the {@link TreeViewPlugin}'s default {@link RenderService}.
+	 */function TreeViewPlugin(viewer){var _this145;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,TreeViewPlugin);_this145=_super161.call(this,"TreeViewPlugin",viewer);/**
+		 * Contains messages for any errors found while last rebuilding this TreeView.
+		 * @type {String[]}
+		 */_this145.errors=[];/**
+		 * True if errors were found generating this TreeView.
+		 * @type {boolean}
+		 */_this145.valid=true;// const containerElement =
 //   cfg.containerElement || document.getElementById(cfg.containerElementId);
 // if (!(containerElement instanceof HTMLElement)) {
 //   this.error(
@@ -26465,26 +26491,33 @@ var visible=checkbox.checked;//获取勾选状态
 var nodeId=checkbox.id.replace("checkbox-","");//获取勾选框对应节点id
 var checkedNode=this._nodeNodes[nodeId];var objects=this._viewer.scene.objects;var numUpdated=0;this._withNodeTree(checkedNode,function(node){var objectId=node.objectId;var entity=objects[objectId];var isLeaf=node.children.length===0;node.numVisibleEntities=visible?node.numEntities:0;if(isLeaf&&visible!==node.checked){numUpdated++;}node.checked=visible;setCheckbox(node.nodeId,visible);if(entity){entity.visible=visible;}function setCheckbox(nodeId,checked){var checkbox=document.getElementById("checkbox-".concat(nodeId));if(checkbox){if(checked!==checkbox.checked){checkbox.checked=checked;}}}});var parent=checkedNode.parent;while(parent){parent.checked=visible;if(visible){parent.numVisibleEntities+=numUpdated;}else{parent.numVisibleEntities-=numUpdated;}// this._renderService.setCheckbox(parent.nodeId, (parent.numVisibleEntities > 0));
 setCheckbox(parent.nodeId,parent.numVisibleEntities>0);parent=parent.parent;}this._muteSceneEvents=false;function setCheckbox(nodeId,checked){var checkbox=document.getElementById("checkbox-".concat(nodeId));if(checkbox){if(checked!==checkbox.checked){checkbox.checked=checked;}}}}/**
-   * Sets how the nodes are organized within this tree view.
-   *
-   * Accepted values are:
-   *
-   * * "containment" - organizes the nodes to indicate the containment hierarchy of the IFC objects.
-   * * "types" - groups the nodes within their IFC types.
-   * * "storeys" - groups the nodes within ````IfcBuildingStoreys```` and sub-groups them by their IFC types.
-   *
-   * <br>
-   * This can be updated dynamically.
-   *
-   * Default value is "containment".
-   *
-   * @type {String}
-   */},{key:"hierarchy",get:/**
-   * Gets how the nodes are organized within this tree view.
-   *
-   * @type {String}
-   */function get(){return this._hierarchy;}//创建根节点tree---------11111111111111111
-,set:function set(hierarchy){hierarchy=hierarchy||"containment";if(hierarchy!=="containment"&&hierarchy!=="storeys"&&hierarchy!=="types"){this.error("Unsupported value for `hierarchy' - defaulting to 'containment'");hierarchy="containment";}if(this._hierarchy===hierarchy){return;}this._hierarchy=hierarchy;this._createNodes();}},{key:"_createNodes",value:function _createNodes(){if(this._rootElement){this._rootElement.parentNode.removeChild(this._rootElement);this._rootElement=null;}this._rootNodes=[];this._objectNodes={};this._nodeNodes={};this._validate();if(this.valid||this._hierarchy!=="storeys"){this._createEnabledNodes();}}//创建节点tree----------222222222222222222
+	 * Sets how the nodes are organized within this tree view.
+	 *
+	 * Accepted values are:
+	 *
+	 * * "containment" - organizes the nodes to indicate the containment hierarchy of the IFC objects.
+	 * * "types" - groups the nodes within their IFC types.
+	 * * "storeys" - groups the nodes within ````IfcBuildingStoreys```` and sub-groups them by their IFC types.
+	 *
+	 * <br>
+	 * This can be updated dynamically.
+	 *
+	 * Default value is "containment".
+	 *
+	 * @type {String}
+	 */},{key:"hierarchy",get:/**
+	 * Gets how the nodes are organized within this tree view.
+	 *
+	 * @type {String}
+	 */function get(){return this._hierarchy;}/**
+	 * get _muteTreeEvents
+	 * @type {boolean}
+	 */,set:function set(hierarchy){hierarchy=hierarchy||"containment";if(hierarchy!=="containment"&&hierarchy!=="storeys"&&hierarchy!=="types"){this.error("Unsupported value for `hierarchy' - defaulting to 'containment'");hierarchy="containment";}if(this._hierarchy===hierarchy){return;}this._hierarchy=hierarchy;this._createNodes();}},{key:"muteTreeEvents",get:function get(){return this._muteTreeEvents;}/**
+	 * set _muteTreeEvents
+	 */,set:function set(mute){this._muteTreeEvents=mute;}/**
+	 * 获取nodeNodes
+	 */},{key:"nodeNodes",get:function get(){return this._nodeNodes;}//创建根节点tree---------11111111111111111
+},{key:"_createNodes",value:function _createNodes(){if(this._rootElement){this._rootElement.parentNode.removeChild(this._rootElement);this._rootElement=null;}this._rootNodes=[];this._objectNodes={};this._nodeNodes={};this._validate();if(this.valid||this._hierarchy!=="storeys"){this._createEnabledNodes();}}//创建节点tree----------222222222222222222
 },{key:"_createEnabledNodes",value:function _createEnabledNodes(){if(this._pruneEmptyNodes){this._findEmptyNodes();}switch(this._hierarchy){case"storeys":this._createStoreysNodes();if(this._rootNodes.length===0){this.error("Failed to build storeys hierarchy");}break;case"types":this._createTypesNodes();break;case"containment":default:this._createContainmentNodes();}if(this._sortNodes){this._doSortNodes();}this._synchNodesToEntities();//同步scene和metaScene中的内容
 this.fire("nodeNodes_Created",this._nodeNodes);this.fire("rootNodes_Created",this._rootNodes);this.fire("objectNodes_Created",this._objectNodes);// this._createTrees(); //创建html tree
 // this.expandToDepth(this._autoExpandDepth); //展开几层与否
@@ -26546,46 +26579,46 @@ while(parent){parent.numEntities++;if(visible){parent.numVisibleEntities++;paren
 //     }
 // }
 return true;}/**
-   * Adds a model to this tree view.
-   *
-   * The model will be automatically removed when destroyed.
-   *
-   * To automatically add each model as it's created, instead of manually calling this method each time,
-   * provide a ````autoAddModels: true```` to the TreeViewPlugin constructor.
-   *
-   * @param {String} modelId ID of a model {@link Entity} in {@link Scene#models}.
-   * @param {Object} [options] Options for model in the tree view.
-   * @param {String} [options.rootName] Optional display name for the root node. Ordinary, for "containment"
-   * and "storeys" hierarchy types, the tree would derive the root node name from the model's "IfcProject" element
-   * name. This option allows to override that name when it is not suitable as a display name.
-   */},{key:"addModel",value:function addModel(modelId){var _this146=this;var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};// if (!this._containerElement) {
+	 * Adds a model to this tree view.
+	 *
+	 * The model will be automatically removed when destroyed.
+	 *
+	 * To automatically add each model as it's created, instead of manually calling this method each time,
+	 * provide a ````autoAddModels: true```` to the TreeViewPlugin constructor.
+	 *
+	 * @param {String} modelId ID of a model {@link Entity} in {@link Scene#models}.
+	 * @param {Object} [options] Options for model in the tree view.
+	 * @param {String} [options.rootName] Optional display name for the root node. Ordinary, for "containment"
+	 * and "storeys" hierarchy types, the tree would derive the root node name from the model's "IfcProject" element
+	 * name. This option allows to override that name when it is not suitable as a display name.
+	 */},{key:"addModel",value:function addModel(modelId){var _this146=this;var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};// if (!this._containerElement) {
 //   return;
 // }
 var model=this.viewer.scene.models[modelId];if(!model){throw"Model not found: "+modelId;}var metaModel=this.viewer.metaScene.metaModels[modelId];if(!metaModel){this.error("MetaModel not found: "+modelId);return;}if(this._metaModels[modelId]){this.warn("Model already added: "+modelId);return;}this._metaModels[modelId]=metaModel;if(options&&options.rootName){this._rootNames[modelId]=options.rootName;}model.on("destroyed",function(){_this146.removeModel(model.id);});this._createNodes();}/**
-   * Removes a model from this tree view.
-   *
-   * Does nothing if model not currently in tree view.
-   *
-   * @param {String} modelId ID of a model {@link Entity} in {@link Scene#models}.
-   */},{key:"removeModel",value:function removeModel(modelId){// if (!this._containerElement) {
+	 * Removes a model from this tree view.
+	 *
+	 * Does nothing if model not currently in tree view.
+	 *
+	 * @param {String} modelId ID of a model {@link Entity} in {@link Scene#models}.
+	 */},{key:"removeModel",value:function removeModel(modelId){// if (!this._containerElement) {
 //   return;
 // }
 var metaModel=this._metaModels[modelId];if(!metaModel){return;}if(this._rootNames[modelId]){delete this._rootNames[modelId];}delete this._metaModels[modelId];this._createNodes();}/**
-   * Highlights the tree view node that represents the given object {@link Entity}.
-   *
-   * This causes the tree view to collapse, then expand to reveal the node, then highlight the node.
-   *
-   * If a node is previously highlighted, de-highlights that node and collapses the tree first.
-   *
-   * Note that if the TreeViewPlugin was configured with ````pruneEmptyNodes: true```` (default configuration), then the
-   * node won't exist in the tree if it has no Entitys in the {@link Scene}. in that case, nothing will happen.
-   *
-   * Within the DOM, the node is represented by an ````<li>```` element. This method will add a ````.highlighted-node```` class to
-   * the element to make it appear highlighted, removing that class when de-highlighting it again. See the CSS rules
-   * in the TreeViewPlugin examples for an example of that class.
-   *
-   * @param {String} objectId ID of the {@link Entity}.
-   */},{key:"showNode",value:function showNode(objectId){this.unShowNode();var node=this._objectNodes[objectId];if(!node){return;// Node may not exist for the given object if (this._pruneEmptyNodes == true)
+	 * Highlights the tree view node that represents the given object {@link Entity}.
+	 *
+	 * This causes the tree view to collapse, then expand to reveal the node, then highlight the node.
+	 *
+	 * If a node is previously highlighted, de-highlights that node and collapses the tree first.
+	 *
+	 * Note that if the TreeViewPlugin was configured with ````pruneEmptyNodes: true```` (default configuration), then the
+	 * node won't exist in the tree if it has no Entitys in the {@link Scene}. in that case, nothing will happen.
+	 *
+	 * Within the DOM, the node is represented by an ````<li>```` element. This method will add a ````.highlighted-node```` class to
+	 * the element to make it appear highlighted, removing that class when de-highlighting it again. See the CSS rules
+	 * in the TreeViewPlugin examples for an example of that class.
+	 *
+	 * @param {String} objectId ID of the {@link Entity}.
+	 */},{key:"showNode",value:function showNode(objectId){this.unShowNode();var node=this._objectNodes[objectId];if(!node){return;// Node may not exist for the given object if (this._pruneEmptyNodes == true)
 }var nodeId=node.nodeId;var parent=node.parent;while(parent){parent=parent.parent;}// for (let i = 0, len = path.length; i < len; i++) {
 //   const switchElement = this._renderService.getSwitchElement(
 //     path[i].nodeId
@@ -26596,19 +26629,19 @@ var metaModel=this._metaModels[modelId];if(!metaModel){return;}if(this._rootName
 // }
 // this._renderService.setHighlighted(nodeId, true);
 this._showListItemElementId=nodeId;}/**
-   * De-highlights the node previously shown with {@link TreeViewPlugin#showNode}.
-   *
-   * Does nothing if no node is currently shown.
-   *
-   * If the node is currently scrolled into view, keeps the node in view.
-   */},{key:"unShowNode",value:function unShowNode(){if(!this._showListItemElementId){return;}// this._renderService.setHighlighted(this._showListItemElementId, false);
+	 * De-highlights the node previously shown with {@link TreeViewPlugin#showNode}.
+	 *
+	 * Does nothing if no node is currently shown.
+	 *
+	 * If the node is currently scrolled into view, keeps the node in view.
+	 */},{key:"unShowNode",value:function unShowNode(){if(!this._showListItemElementId){return;}// this._renderService.setHighlighted(this._showListItemElementId, false);
 this._showListItemElementId=null;}/**
-   * Expands the tree to the given depth.
-   *
-   * Collapses the tree first.
-   *
-   * @param {Number} depth Depth to expand to.
-   */ //   expandToDepth(depth) {
+	 * Expands the tree to the given depth.
+	 *
+	 * Collapses the tree first.
+	 *
+	 * @param {Number} depth Depth to expand to.
+	 */ //   expandToDepth(depth) {
 //     this.collapse();
 //     const expand = (node, countDepth) => {
 //       if (countDepth === depth) {
@@ -26630,8 +26663,8 @@ this._showListItemElementId=null;}/**
 //     }
 //   }
 /**
-   * Closes all the nodes in the tree.
-   */ //   collapse() {
+	 * Closes all the nodes in the tree.
+	 */ //   collapse() {
 //     for (let i = 0, len = this._rootNodes.length; i < len; i++) {
 //       const rootNode = this._rootNodes[i];
 //       const objectId = rootNode.objectId;
@@ -26639,23 +26672,23 @@ this._showListItemElementId=null;}/**
 //     }
 //   }
 /**
-   * Iterates over a subtree of the tree view's {@link TreeViewNode}s, calling the given callback for each
-   * node in depth-first pre-order.
-   *
-   * @param {TreeViewNode} node Root of the subtree.
-   * @param {Function} callback Callback called at each {@link TreeViewNode}, with the TreeViewNode given as the argument.
-   */},{key:"withNodeTree",value:function withNodeTree(node,callback){callback(node);var children=node.children;if(!children){return;}for(var _i570=0,len=children.length;_i570<len;_i570++){this.withNodeTree(children[_i570],callback);}}//遍历树指定节点下的子节点
+	 * Iterates over a subtree of the tree view's {@link TreeViewNode}s, calling the given callback for each
+	 * node in depth-first pre-order.
+	 *
+	 * @param {TreeViewNode} node Root of the subtree.
+	 * @param {Function} callback Callback called at each {@link TreeViewNode}, with the TreeViewNode given as the argument.
+	 */},{key:"withNodeTree",value:function withNodeTree(node,callback){callback(node);var children=node.children;if(!children){return;}for(var _i570=0,len=children.length;_i570<len;_i570++){this.withNodeTree(children[_i570],callback);}}//遍历树指定节点下的子节点
 },{key:"_withNodeTree",value:function _withNodeTree(node,callback){callback(node);var children=node.children;if(!children){return;}for(var _i571=0,len=children.length;_i571<len;_i571++){this._withNodeTree(children[_i571],callback);}}/**
-   * 获取指定id节点的children
-   * @param {*} nodeId
-   * @returns node Children[]
-   */},{key:"getChildrenById",value:function getChildrenById(nodeId){return this._nodeNodes[nodeId].children;}/**
-   * 获取指定id的节点
-   * @param {*} nodeId
-   * @returns
-   */},{key:"getNodeById",value:function getNodeById(nodeId){return this._nodeNodes[nodeId];}/**
-   * Destroys this TreeViewPlugin.
-   */},{key:"destroy",value:function destroy(){// if (!this._containerElement) {
+	 * 获取指定id节点的children
+	 * @param {*} nodeId
+	 * @returns node Children[]
+	 */},{key:"getChildrenById",value:function getChildrenById(nodeId){return this._nodeNodes[nodeId].children;}/**
+	 * 获取指定id的节点
+	 * @param {*} nodeId
+	 * @returns
+	 */},{key:"getNodeById",value:function getNodeById(nodeId){return this._nodeNodes[nodeId];}/**
+	 * Destroys this TreeViewPlugin.
+	 */},{key:"destroy",value:function destroy(){// if (!this._containerElement) {
 //   return;
 // }
 this._metaModels={};if(this._rootElement&&!this._destroyed){this._rootElement.parentNode.removeChild(this._rootElement);this._viewer.scene.off(this._onObjectVisibility);this._destroyed=true;}delete treeViews[this._index];_get(_getPrototypeOf(TreeViewPlugin.prototype),"destroy",this).call(this);}},{key:"_findEmptyNodes",value:function _findEmptyNodes(){var rootMetaObjects=this._viewer.metaScene.rootMetaObjects;for(var objectId in rootMetaObjects){this._findEmptyNodes2(rootMetaObjects[objectId]);}}},{key:"_findEmptyNodes2",value:function _findEmptyNodes2(metaObject){var countEntities=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;var viewer=this.viewer;var scene=viewer.scene;var children=metaObject.children;var objectId=metaObject.id;var entity=scene.objects[objectId];metaObject._countEntities=0;if(entity){metaObject._countEntities++;}if(children){for(var _i572=0,len=children.length;_i572<len;_i572++){var childMetaObject=children[_i572];childMetaObject._countEntities=this._findEmptyNodes2(childMetaObject);metaObject._countEntities+=childMetaObject._countEntities;}}return metaObject._countEntities;}},{key:"_doSortNodes",value:function _doSortNodes(){for(var _i573=0,len=this._rootNodes.length;_i573<len;_i573++){var rootNode=this._rootNodes[_i573];this._sortChildren(rootNode);}}},{key:"_sortChildren",value:function _sortChildren(node){var children=node.children;if(!children||children.length===0){return;}if(this._hierarchy==="storeys"&&node.type==="IfcBuilding"){// Assumes that children of an IfcBuilding will always be IfcBuildingStoreys