@xtctwins/tctwins-core 1.0.12 → 1.0.14

package/dist/tctwins-core.es5.js

@@ -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,352 +9032,369 @@ 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.
-     *
-     * @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
+   * 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
-     */,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
+   * 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) {
+   * 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.
@@ -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;/**
@@ -26401,27 +26417,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(
@@ -26462,29 +26478,36 @@ this.fire("ExpandHandler",event);}//收起点击事件
 this.fire("CollapseHandler",event);}//勾选框点击事件
 },{key:"checkboxChangeHandler",value:function checkboxChangeHandler(event){this.fire("checkBoxChanged",event);if(this._muteTreeEvents){return;}this._muteSceneEvents=true;var checkbox=event.target;//勾选框html对象
 var visible=checkbox.checked;//获取勾选状态
-var nodeId=checkbox.id.replace('checkbox-','');//获取勾选框对应节点id
+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));
-parent=parent.parent;}this._muteSceneEvents=false;}/**
-   * 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
+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;}/**
+	 * 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 +26569,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 +26619,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 +26653,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 +26662,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