@xtctwins/tctwins-bimx-viewer 0.1.14 → 0.1.16

package/dist/tctwins-bimx-viewer.min.es.js

@@ -8163,7 +8163,7 @@ if(this._normalMap){hash.push("/nm");if(this._normalMap.hasMatrix){hash.push("/m
      * @type {String}
      */function get(){return this._state.frontface?"ccw":"cw";}/**
      * Destroys this PhongMaterial.
-     */,set:function set(value){value=value!=="cw";if(this._state.frontface===value){return;}this._state.frontface=value;this.glRedraw();}},{key:"destroy",value:function destroy(){_superPropGet(PhongMaterial,"destroy",this,3)([]);this._state.destroy();}}]);}(Material);var PRESETS$3={"default":{fill:true,fillColor:[0.4,0.4,0.4],fillAlpha:0.2,edges:true,edgeColor:[0.2,0.2,0.2],edgeAlpha:0.5,edgeWidth:1},defaultWhiteBG:{fill:true,fillColor:[1,1,1],fillAlpha:0.6,edgeColor:[0.2,0.2,0.2],edgeAlpha:1.0,edgeWidth:1},defaultLightBG:{fill:true,fillColor:[0.4,0.4,0.4],fillAlpha:0.2,edges:true,edgeColor:[0.2,0.2,0.2],edgeAlpha:0.5,edgeWidth:1},defaultDarkBG:{fill:true,fillColor:[0.4,0.4,0.4],fillAlpha:0.2,edges:true,edgeColor:[0.5,0.5,0.5],edgeAlpha:0.5,edgeWidth:1},phosphorous:{fill:true,fillColor:[0.0,0.0,0.0],fillAlpha:0.4,edges:true,edgeColor:[0.9,0.9,0.9],edgeAlpha:0.5,edgeWidth:2},sunset:{fill:true,fillColor:[0.9,0.9,0.6],fillAlpha:0.2,edges:true,edgeColor:[0.9,0.9,0.9],edgeAlpha:0.5,edgeWidth:1},vectorscope:{fill:true,fillColor:[0.0,0.0,0.0],fillAlpha:0.7,edges:true,edgeColor:[0.2,1.0,0.2],edgeAlpha:1,edgeWidth:2},battlezone:{fill:true,fillColor:[0.0,0.0,0.0],fillAlpha:1.0,edges:true,edgeColor:[0.2,1.0,0.2],edgeAlpha:1,edgeWidth:3},xraylightblue:{fill:true,fillColor:[0.2,0.3,0.4],fillAlpha:0.2,edges:true,edgeColor:[0.1,0.2,0.3],edgeAlpha:1.0,edgeWidth:1},blueHighlight:{fill:true,fillColor:[0.6,0.7,0.8],fillAlpha:0.2,edges:true,edgeColor:[1.0,1.0,1.0],edgeAlpha:1.0,edgeWidth:1},greenSelected:{fill:true,fillColor:[0.0,1.0,0.0],fillAlpha:0.5,edges:true,edgeColor:[1.0,1.0,1.0],edgeAlpha:1.0,edgeWidth:1},gamegrid:{fill:true,fillColor:[0.2,0.2,0.7],fillAlpha:0.9,edges:true,edgeColor:[0.4,0.4,1.6],edgeAlpha:0.8,edgeWidth:3}};/**
+     */,set:function set(value){value=value!=="cw";if(this._state.frontface===value){return;}this._state.frontface=value;this.glRedraw();}},{key:"destroy",value:function destroy(){_superPropGet(PhongMaterial,"destroy",this,3)([]);this._state.destroy();}}]);}(Material);var PRESETS$3={"default":{fill:true,fillColor:[0.4,0.4,0.4],fillAlpha:0.2,edges:true,edgeColor:[0.2,0.2,0.2],edgeAlpha:0.5,edgeWidth:1},defaultWhiteBG:{fill:true,fillColor:[1,1,1],fillAlpha:0.6,edgeColor:[0.2,0.2,0.2],edgeAlpha:1.0,edgeWidth:1},defaultLightBG:{fill:true,fillColor:[0.4,0.4,0.4],fillAlpha:0.2,edges:true,edgeColor:[0.2,0.2,0.2],edgeAlpha:0.5,edgeWidth:1},defaultDarkBG:{fill:true,fillColor:[0.4,0.4,0.4],fillAlpha:0.2,edges:true,edgeColor:[0.5,0.5,0.5],edgeAlpha:0.5,edgeWidth:1},phosphorous:{fill:true,fillColor:[0.0,0.0,0.0],fillAlpha:0.4,edges:true,edgeColor:[0.9,0.9,0.9],edgeAlpha:0.5,edgeWidth:2},sunset:{fill:true,fillColor:[0.9,0.9,0.6],fillAlpha:0.2,edges:true,edgeColor:[0.9,0.9,0.9],edgeAlpha:0.5,edgeWidth:1},vectorscope:{fill:true,fillColor:[0.0,0.0,0.0],fillAlpha:0.7,edges:true,edgeColor:[0.2,1.0,0.2],edgeAlpha:1,edgeWidth:2},battlezone:{fill:true,fillColor:[0.0,0.0,0.0],fillAlpha:1.0,edges:true,edgeColor:[0.2,1.0,0.2],edgeAlpha:1,edgeWidth:3},xraylightblue:{fill:true,fillColor:[0.2,0.3,0.4],fillAlpha:0.2,edges:true,edgeColor:[0.1,0.2,0.3],edgeAlpha:1.0,edgeWidth:1},blueHighlight:{fill:true,fillColor:[0.6,0.7,0.8],fillAlpha:0.2,edges:true,edgeColor:[1.0,1.0,1.0],edgeAlpha:1.0,edgeWidth:1},greenSelected:{fill:true,fillColor:[0.0,1.0,0.0],fillAlpha:0.5,edges:true,edgeColor:[1.0,1.0,1.0],edgeAlpha:1.0,edgeWidth:1},blueSelected:{fill:true,fillColor:[0.2,0.6,0.9],fillAlpha:0.3,edges:false,edgeColor:[1.0,1.0,1.0],edgeAlpha:1.0,edgeWidth:1},gamegrid:{fill:true,fillColor:[0.2,0.2,0.7],fillAlpha:0.9,edges:true,edgeColor:[0.4,0.4,1.6],edgeAlpha:0.8,edgeWidth:3}};/**
  * Configures the appearance of {@link Entity}s when they are xrayed, highlighted or selected.
  *
  * * XRay an {@link Entity} by setting {@link Entity#xrayed} ````true````.
@@ -10108,7 +10108,7 @@ dontClear:true});}/**
 	 * {@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});}/**
+	 */},{key:"selectedMaterial",get:function get(){return this.components["default.selectedMaterial"]||new EmphasisMaterial(this,{id:"default.selectedMaterial",preset:"blueSelected",dontClear:true});}/**
 	 * Gets the default {@link EdgeMaterial} for this Scene.
 	 *
 	 * Has {@link EdgeMaterial#id} set to "default.edgeMaterial".
@@ -11644,224 +11644,224 @@ if(p===UnsignedInt248Type){return gl.UNSIGNED_INT_24_8;}if(p===RepeatWrapping){r
 if(props.format!==undefined){this.format=props.format;}if(props.internalFormat!==undefined){this.internalFormat=props.internalFormat;}if(props.encoding!==undefined){this.encoding=props.encoding;}if(props.type!==undefined){this.type=props.type;}if(props.flipY!==undefined){this.flipY=props.flipY;}if(props.premultiplyAlpha!==undefined){this.premultiplyAlpha=props.premultiplyAlpha;}if(props.unpackAlignment!==undefined){this.unpackAlignment=props.unpackAlignment;}if(props.minFilter!==undefined){this.minFilter=props.minFilter;}if(props.magFilter!==undefined){this.magFilter=props.magFilter;}if(props.wrapS!==undefined){this.wrapS=props.wrapS;}if(props.wrapT!==undefined){this.wrapT=props.wrapT;}if(props.wrapR!==undefined){this.wrapR=props.wrapR;}gl.activeTexture(gl.TEXTURE0+0);gl.bindTexture(this.target,this.texture);var supportsMips=mipmaps.length>1;gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL,this.flipY);gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,this.premultiplyAlpha);gl.pixelStorei(gl.UNPACK_ALIGNMENT,this.unpackAlignment);gl.pixelStorei(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL,gl.NONE);var wrapS=convertConstant(gl,this.wrapS);if(wrapS){gl.texParameteri(this.target,gl.TEXTURE_WRAP_S,wrapS);}var wrapT=convertConstant(gl,this.wrapT);if(wrapT){gl.texParameteri(this.target,gl.TEXTURE_WRAP_T,wrapT);}if(this.type===gl.TEXTURE_3D||this.type===gl.TEXTURE_2D_ARRAY){var wrapR=convertConstant(gl,this.wrapR);if(wrapR){gl.texParameteri(this.target,gl.TEXTURE_WRAP_R,wrapR);}gl.texParameteri(this.type,gl.TEXTURE_WRAP_R,wrapR);}if(supportsMips){gl.texParameteri(this.target,gl.TEXTURE_MIN_FILTER,filterFallback(gl,this.minFilter));gl.texParameteri(this.target,gl.TEXTURE_MAG_FILTER,filterFallback(gl,this.magFilter));}else{gl.texParameteri(this.target,gl.TEXTURE_MIN_FILTER,convertConstant(gl,this.minFilter));gl.texParameteri(this.target,gl.TEXTURE_MAG_FILTER,convertConstant(gl,this.magFilter));}var glFormat=convertConstant(gl,this.format,this.encoding);var glType=convertConstant(gl,this.type);var glInternalFormat=getInternalFormat(gl,this.internalFormat,glFormat,glType,this.encoding,false);gl.texStorage2D(gl.TEXTURE_2D,levels,glInternalFormat,mipmaps[0].width,mipmaps[0].height);for(var _i127=0,len=mipmaps.length;_i127<len;_i127++){var mipmap=mipmaps[_i127];if(this.format!==RGBAFormat){if(glFormat!==null){gl.compressedTexSubImage2D(gl.TEXTURE_2D,_i127,0,0,mipmap.width,mipmap.height,glFormat,mipmap.data);}else{console.warn('Attempt to load unsupported compressed texture format in .setCompressedData()');}}else{gl.texSubImage2D(gl.TEXTURE_2D,_i127,0,0,mipmap.width,mipmap.height,glFormat,glType,mipmap.data);}}//    if (generateMipMap) {
 // //       gl.generateMipmap(this.target); // Only for roughness textures?
 //    }
-gl.bindTexture(this.target,null);}},{key:"setProps",value:function setProps(props){var gl=this.gl;gl.bindTexture(this.target,this.texture);this._uploadProps(props);gl.bindTexture(this.target,null);}},{key:"_uploadProps",value:function _uploadProps(props){var gl=this.gl;if(props.format!==undefined){this.format=props.format;}if(props.internalFormat!==undefined){this.internalFormat=props.internalFormat;}if(props.encoding!==undefined){this.encoding=props.encoding;}if(props.type!==undefined){this.type=props.type;}if(props.minFilter!==undefined){var minFilter=convertConstant(gl,props.minFilter);if(minFilter){this.minFilter=props.minFilter;gl.texParameteri(this.target,gl.TEXTURE_MIN_FILTER,minFilter);if(minFilter===gl.NEAREST_MIPMAP_NEAREST||minFilter===gl.LINEAR_MIPMAP_NEAREST||minFilter===gl.NEAREST_MIPMAP_LINEAR||minFilter===gl.LINEAR_MIPMAP_LINEAR){gl.generateMipmap(this.target);}}}if(props.magFilter!==undefined){var magFilter=convertConstant(gl,props.magFilter);if(magFilter){this.magFilter=props.magFilter;gl.texParameteri(this.target,gl.TEXTURE_MAG_FILTER,magFilter);}}if(props.wrapS!==undefined){var wrapS=convertConstant(gl,props.wrapS);if(wrapS){this.wrapS=props.wrapS;gl.texParameteri(this.target,gl.TEXTURE_WRAP_S,wrapS);}}if(props.wrapT!==undefined){var wrapT=convertConstant(gl,props.wrapT);if(wrapT){this.wrapT=props.wrapT;gl.texParameteri(this.target,gl.TEXTURE_WRAP_T,wrapT);}}}},{key:"bind",value:function bind(unit){if(!this.allocated){return;}if(this.texture){var _gl2=this.gl;_gl2.activeTexture(_gl2["TEXTURE"+unit]);_gl2.bindTexture(this.target,this.texture);return true;}return false;}},{key:"unbind",value:function unbind(unit){if(!this.allocated){return;}if(this.texture){var _gl3=this.gl;_gl3.activeTexture(_gl3["TEXTURE"+unit]);_gl3.bindTexture(this.target,null);}}},{key:"destroy",value:function destroy(){if(!this.allocated){return;}if(this.texture){this.gl.deleteTexture(this.texture);this.texture=null;}}}]);}();function getInternalFormat(gl,internalFormatName,glFormat,glType,encoding){var isVideoTexture=arguments.length>5&&arguments[5]!==undefined?arguments[5]:false;if(internalFormatName!==null){if(gl[internalFormatName]!==undefined){return gl[internalFormatName];}console.warn('Attempt to use non-existing WebGL internal format \''+internalFormatName+'\'');}var internalFormat=glFormat;if(glFormat===gl.RED){if(glType===gl.FLOAT)internalFormat=gl.R32F;if(glType===gl.HALF_FLOAT)internalFormat=gl.R16F;if(glType===gl.UNSIGNED_BYTE)internalFormat=gl.R8;}if(glFormat===gl.RG){if(glType===gl.FLOAT)internalFormat=gl.RG32F;if(glType===gl.HALF_FLOAT)internalFormat=gl.RG16F;if(glType===gl.UNSIGNED_BYTE)internalFormat=gl.RG8;}if(glFormat===gl.RGBA){if(glType===gl.FLOAT)internalFormat=gl.RGBA32F;if(glType===gl.HALF_FLOAT)internalFormat=gl.RGBA16F;if(glType===gl.UNSIGNED_BYTE)internalFormat=encoding===sRGBEncoding&&isVideoTexture===false?gl.SRGB8_ALPHA8:gl.RGBA8;if(glType===gl.UNSIGNED_SHORT_4_4_4_4)internalFormat=gl.RGBA4;if(glType===gl.UNSIGNED_SHORT_5_5_5_1)internalFormat=gl.RGB5_A1;}if(internalFormat===gl.R16F||internalFormat===gl.R32F||internalFormat===gl.RG16F||internalFormat===gl.RG32F||internalFormat===gl.RGBA16F||internalFormat===gl.RGBA32F){getExtension(gl,'EXT_color_buffer_float');}return internalFormat;}function filterFallback(gl,f){if(f===NearestFilter||f===NearestMipmapNearestFilter||f===NearestMipmapLinearFilter){return gl.NEAREST;}return gl.LINEAR;}function ensureImageSizePowerOfTwo$1(image){if(!isPowerOfTwo$1(image.width)||!isPowerOfTwo$1(image.height)){var _canvas3=document.createElement("canvas");_canvas3.width=nextHighestPowerOfTwo$1(image.width);_canvas3.height=nextHighestPowerOfTwo$1(image.height);var ctx=_canvas3.getContext("2d");ctx.drawImage(image,0,0,image.width,image.height,0,0,_canvas3.width,_canvas3.height);image=_canvas3;}return image;}function isPowerOfTwo$1(x){return(x&x-1)===0;}function nextHighestPowerOfTwo$1(x){--x;for(var _i128=1;_i128<32;_i128<<=1){x=x|x>>_i128;}return x+1;}/**
- * @desc A 2D texture map.
- *
- * * Textures are attached to {@link Material}s, which are attached to {@link Mesh}es.
- * * To create a Texture from an image file, set {@link Texture#src} to the image file path.
- * * To create a Texture from an HTMLImageElement, set the Texture's {@link Texture#image} to the HTMLImageElement.
- *
- * ## Usage
- *
- * In this example we have a Mesh with a {@link PhongMaterial} which applies diffuse {@link Texture}, and a {@link buildTorusGeometry} which builds a {@link ReadableGeometry}.
- *
- * Note that xeokit will ignore {@link PhongMaterial#diffuse} and {@link PhongMaterial#specular}, since we override those
- * with {@link PhongMaterial#diffuseMap} and {@link PhongMaterial#specularMap}. The {@link Texture} pixel colors directly
- * provide the diffuse and specular components for each fragment across the {@link ReadableGeometry} surface.
- *
- * [[Run this example](/examples/#materials_Texture)]
- *
- * ```` javascript
- * import {Viewer, Mesh, buildTorusGeometry,
- *      ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";
- *
- * const viewer = new Viewer({
- *      canvasId: "myCanvas"
- * });
- *
- * viewer.camera.eye = [0, 0, 5];
- * viewer.camera.look = [0, 0, 0];
- * viewer.camera.up = [0, 1, 0];
- *
- * new Mesh(viewer.scene, {
- *      geometry: new ReadableGeometry(viewer.scene, buildTorusGeometry({
- *          center: [0, 0, 0],
- *          radius: 1.5,
- *          tube: 0.5,
- *          radialSegments: 32,
- *          tubeSegments: 24,
- *          arc: Math.PI * 2.0
- *      }),
- *      material: new PhongMaterial(viewer.scene, {
- *          ambient: [0.9, 0.3, 0.9],
- *          shininess: 30,
- *          diffuseMap: new Texture(viewer.scene, {
- *              src: "textures/diffuse/uvGrid2.jpg"
- *          })
- *      })
- * });
- *````
- */var Texture=/*#__PURE__*/function(_Component23){/**
-	 * @constructor
-	 * @param {Component} owner Owner component. When destroyed, the owner will destroy this Texture as well.
-	 * @param {*} [cfg] Configs
-	 * @param {String} [cfg.id] Optional ID for this Texture, unique among all components in the parent scene, generated automatically when omitted.
-	 * @param {String} [cfg.src=null] Path to image file to load into this Texture. See the {@link Texture#src} property for more info.
-	 * @param {HTMLImageElement} [cfg.image=null] HTML Image object to load into this Texture. See the {@link Texture#image} property for more info.
-	 * @param {Number} [cfg.minFilter=LinearMipmapLinearFilter] How the texture is sampled when a texel covers less than one pixel.
-	 * Supported values are {@link LinearMipmapLinearFilter}, {@link LinearMipMapNearestFilter}, {@link NearestMipMapNearestFilter}, {@link NearestMipMapLinearFilter} and {@link LinearMipMapLinearFilter}.
-	 * @param {Number} [cfg.magFilter=LinearFilter] How the texture is sampled when a texel covers more than one pixel. Supported values are {@link LinearFilter} and {@link NearestFilter}.
-	 * @param {Number} [cfg.wrapS=RepeatWrapping] Wrap parameter for texture coordinate *S*. Supported values are {@link ClampToEdgeWrapping}, {@link MirroredRepeatWrapping} and {@link RepeatWrapping}.
-	 * @param {Number} [cfg.wrapT=RepeatWrapping] Wrap parameter for texture coordinate *T*. Supported values are {@link ClampToEdgeWrapping}, {@link MirroredRepeatWrapping} and {@link RepeatWrapping}..
-	 * @param {Boolean} [cfg.flipY=false] Flips this Texture's source data along its vertical axis when ````true````.
-	 * @param  {Number} [cfg.encoding=LinearEncoding] Encoding format. Supported values are {@link LinearEncoding} and {@link sRGBEncoding}.
-	 * @param {Number[]} [cfg.translate=[0,0]] 2D translation vector that will be added to texture's *S* and *T* coordinates.
-	 * @param {Number[]} [cfg.scale=[1,1]] 2D scaling vector that will be applied to texture's *S* and *T* coordinates.
-	 * @param {Number} [cfg.rotate=0] Rotation, in degrees, that will be applied to texture's *S* and *T* coordinates.
+gl.bindTexture(this.target,null);}},{key:"setProps",value:function setProps(props){var gl=this.gl;gl.bindTexture(this.target,this.texture);this._uploadProps(props);gl.bindTexture(this.target,null);}},{key:"_uploadProps",value:function _uploadProps(props){var gl=this.gl;if(props.format!==undefined){this.format=props.format;}if(props.internalFormat!==undefined){this.internalFormat=props.internalFormat;}if(props.encoding!==undefined){this.encoding=props.encoding;}if(props.type!==undefined){this.type=props.type;}if(props.minFilter!==undefined){var minFilter=convertConstant(gl,props.minFilter);if(minFilter){this.minFilter=props.minFilter;gl.texParameteri(this.target,gl.TEXTURE_MIN_FILTER,minFilter);if(minFilter===gl.NEAREST_MIPMAP_NEAREST||minFilter===gl.LINEAR_MIPMAP_NEAREST||minFilter===gl.NEAREST_MIPMAP_LINEAR||minFilter===gl.LINEAR_MIPMAP_LINEAR){gl.generateMipmap(this.target);}}}if(props.magFilter!==undefined){var magFilter=convertConstant(gl,props.magFilter);if(magFilter){this.magFilter=props.magFilter;gl.texParameteri(this.target,gl.TEXTURE_MAG_FILTER,magFilter);}}if(props.wrapS!==undefined){var wrapS=convertConstant(gl,props.wrapS);if(wrapS){this.wrapS=props.wrapS;gl.texParameteri(this.target,gl.TEXTURE_WRAP_S,wrapS);}}if(props.wrapT!==undefined){var wrapT=convertConstant(gl,props.wrapT);if(wrapT){this.wrapT=props.wrapT;gl.texParameteri(this.target,gl.TEXTURE_WRAP_T,wrapT);}}}},{key:"bind",value:function bind(unit){if(!this.allocated){return;}if(this.texture){var _gl2=this.gl;_gl2.activeTexture(_gl2["TEXTURE"+unit]);_gl2.bindTexture(this.target,this.texture);return true;}return false;}},{key:"unbind",value:function unbind(unit){if(!this.allocated){return;}if(this.texture){var _gl3=this.gl;_gl3.activeTexture(_gl3["TEXTURE"+unit]);_gl3.bindTexture(this.target,null);}}},{key:"destroy",value:function destroy(){if(!this.allocated){return;}if(this.texture){this.gl.deleteTexture(this.texture);this.texture=null;}}}]);}();function getInternalFormat(gl,internalFormatName,glFormat,glType,encoding){var isVideoTexture=arguments.length>5&&arguments[5]!==undefined?arguments[5]:false;if(internalFormatName!==null){if(gl[internalFormatName]!==undefined){return gl[internalFormatName];}console.warn('Attempt to use non-existing WebGL internal format \''+internalFormatName+'\'');}var internalFormat=glFormat;if(glFormat===gl.RED){if(glType===gl.FLOAT)internalFormat=gl.R32F;if(glType===gl.HALF_FLOAT)internalFormat=gl.R16F;if(glType===gl.UNSIGNED_BYTE)internalFormat=gl.R8;}if(glFormat===gl.RG){if(glType===gl.FLOAT)internalFormat=gl.RG32F;if(glType===gl.HALF_FLOAT)internalFormat=gl.RG16F;if(glType===gl.UNSIGNED_BYTE)internalFormat=gl.RG8;}if(glFormat===gl.RGBA){if(glType===gl.FLOAT)internalFormat=gl.RGBA32F;if(glType===gl.HALF_FLOAT)internalFormat=gl.RGBA16F;if(glType===gl.UNSIGNED_BYTE)internalFormat=encoding===sRGBEncoding&&isVideoTexture===false?gl.SRGB8_ALPHA8:gl.RGBA8;if(glType===gl.UNSIGNED_SHORT_4_4_4_4)internalFormat=gl.RGBA4;if(glType===gl.UNSIGNED_SHORT_5_5_5_1)internalFormat=gl.RGB5_A1;}if(internalFormat===gl.R16F||internalFormat===gl.R32F||internalFormat===gl.RG16F||internalFormat===gl.RG32F||internalFormat===gl.RGBA16F||internalFormat===gl.RGBA32F){getExtension(gl,'EXT_color_buffer_float');}return internalFormat;}function filterFallback(gl,f){if(f===NearestFilter||f===NearestMipmapNearestFilter||f===NearestMipmapLinearFilter){return gl.NEAREST;}return gl.LINEAR;}function ensureImageSizePowerOfTwo$1(image){if(!isPowerOfTwo$1(image.width)||!isPowerOfTwo$1(image.height)){var _canvas3=document.createElement("canvas");_canvas3.width=nextHighestPowerOfTwo$1(image.width);_canvas3.height=nextHighestPowerOfTwo$1(image.height);var ctx=_canvas3.getContext("2d");ctx.drawImage(image,0,0,image.width,image.height,0,0,_canvas3.width,_canvas3.height);image=_canvas3;}return image;}function isPowerOfTwo$1(x){return(x&x-1)===0;}function nextHighestPowerOfTwo$1(x){--x;for(var _i128=1;_i128<32;_i128<<=1){x=x|x>>_i128;}return x+1;}/**
+ * @desc A 2D texture map.
+ *
+ * * Textures are attached to {@link Material}s, which are attached to {@link Mesh}es.
+ * * To create a Texture from an image file, set {@link Texture#src} to the image file path.
+ * * To create a Texture from an HTMLImageElement, set the Texture's {@link Texture#image} to the HTMLImageElement.
+ *
+ * ## Usage
+ *
+ * In this example we have a Mesh with a {@link PhongMaterial} which applies diffuse {@link Texture}, and a {@link buildTorusGeometry} which builds a {@link ReadableGeometry}.
+ *
+ * Note that xeokit will ignore {@link PhongMaterial#diffuse} and {@link PhongMaterial#specular}, since we override those
+ * with {@link PhongMaterial#diffuseMap} and {@link PhongMaterial#specularMap}. The {@link Texture} pixel colors directly
+ * provide the diffuse and specular components for each fragment across the {@link ReadableGeometry} surface.
+ *
+ * [[Run this example](/examples/#materials_Texture)]
+ *
+ * ```` javascript
+ * import {Viewer, Mesh, buildTorusGeometry,
+ *      ReadableGeometry, PhongMaterial, Texture} from "xeokit-sdk.es.js";
+ *
+ * const viewer = new Viewer({
+ *      canvasId: "myCanvas"
+ * });
+ *
+ * viewer.camera.eye = [0, 0, 5];
+ * viewer.camera.look = [0, 0, 0];
+ * viewer.camera.up = [0, 1, 0];
+ *
+ * new Mesh(viewer.scene, {
+ *      geometry: new ReadableGeometry(viewer.scene, buildTorusGeometry({
+ *          center: [0, 0, 0],
+ *          radius: 1.5,
+ *          tube: 0.5,
+ *          radialSegments: 32,
+ *          tubeSegments: 24,
+ *          arc: Math.PI * 2.0
+ *      }),
+ *      material: new PhongMaterial(viewer.scene, {
+ *          ambient: [0.9, 0.3, 0.9],
+ *          shininess: 30,
+ *          diffuseMap: new Texture(viewer.scene, {
+ *              src: "textures/diffuse/uvGrid2.jpg"
+ *          })
+ *      })
+ * });
+ *````
+ */var Texture=/*#__PURE__*/function(_Component23){/**
+	 * @constructor
+	 * @param {Component} owner Owner component. When destroyed, the owner will destroy this Texture as well.
+	 * @param {*} [cfg] Configs
+	 * @param {String} [cfg.id] Optional ID for this Texture, unique among all components in the parent scene, generated automatically when omitted.
+	 * @param {String} [cfg.src=null] Path to image file to load into this Texture. See the {@link Texture#src} property for more info.
+	 * @param {HTMLImageElement} [cfg.image=null] HTML Image object to load into this Texture. See the {@link Texture#image} property for more info.
+	 * @param {Number} [cfg.minFilter=LinearMipmapLinearFilter] How the texture is sampled when a texel covers less than one pixel.
+	 * Supported values are {@link LinearMipmapLinearFilter}, {@link LinearMipMapNearestFilter}, {@link NearestMipMapNearestFilter}, {@link NearestMipMapLinearFilter} and {@link LinearMipMapLinearFilter}.
+	 * @param {Number} [cfg.magFilter=LinearFilter] How the texture is sampled when a texel covers more than one pixel. Supported values are {@link LinearFilter} and {@link NearestFilter}.
+	 * @param {Number} [cfg.wrapS=RepeatWrapping] Wrap parameter for texture coordinate *S*. Supported values are {@link ClampToEdgeWrapping}, {@link MirroredRepeatWrapping} and {@link RepeatWrapping}.
+	 * @param {Number} [cfg.wrapT=RepeatWrapping] Wrap parameter for texture coordinate *T*. Supported values are {@link ClampToEdgeWrapping}, {@link MirroredRepeatWrapping} and {@link RepeatWrapping}..
+	 * @param {Boolean} [cfg.flipY=false] Flips this Texture's source data along its vertical axis when ````true````.
+	 * @param  {Number} [cfg.encoding=LinearEncoding] Encoding format. Supported values are {@link LinearEncoding} and {@link sRGBEncoding}.
+	 * @param {Number[]} [cfg.translate=[0,0]] 2D translation vector that will be added to texture's *S* and *T* coordinates.
+	 * @param {Number[]} [cfg.scale=[1,1]] 2D scaling vector that will be applied to texture's *S* and *T* coordinates.
+	 * @param {Number} [cfg.rotate=0] Rotation, in degrees, that will be applied to texture's *S* and *T* coordinates.
 	 */function Texture(owner){var _this59;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,Texture);_this59=_callSuper(this,Texture,[owner,cfg]);_this59._state=new RenderState({texture:new Texture2D({gl:_this59.scene.canvas.gl}),matrix:math.identityMat4(),hasMatrix:cfg.translate&&(cfg.translate[0]!==0||cfg.translate[1]!==0)||!!cfg.rotate||cfg.scale&&(cfg.scale[0]!==0||cfg.scale[1]!==0),minFilter:_this59._checkMinFilter(cfg.minFilter||1008),magFilter:_this59._checkMagFilter(cfg.magFilter||1006),wrapS:_this59._checkWrapS(cfg.wrapS||1000),wrapT:_this59._checkWrapT(cfg.wrapT||1000),flipY:_this59._checkFlipY(cfg.flipY||1000),encoding:_this59._checkEncoding(cfg.encoding)});// Data source
 _this59._src=null;_this59._image=null;// Transformation
 _this59._translate=math.vec2([0,0]);_this59._scale=math.vec2([1,1]);_this59._rotate=math.vec2([0,0]);_this59._matrixDirty=false;// Transform
 _this59.translate=cfg.translate;_this59.scale=cfg.scale;_this59.rotate=cfg.rotate;// Data source
 if(cfg.src){_this59.src=cfg.src;// Image file
 }else if(cfg.image){_this59.image=cfg.image;// Image object
-}stats.memory.textures++;return _this59;}_inherits(Texture,_Component23);return _createClass(Texture,[{key:"type",get:/**
-     @private
-     */function get(){return"Texture";}},{key:"_checkMinFilter",value:function _checkMinFilter(value){value=value||LinearMipMapLinearFilter;if(value!==LinearFilter&&value!==LinearMipMapNearestFilter&&value!==LinearMipMapLinearFilter&&value!==NearestMipMapLinearFilter&&value!==NearestMipMapNearestFilter){this.error("Unsupported value for 'minFilter' - supported values are LinearFilter, LinearMipMapNearestFilter, NearestMipMapNearestFilter, "+"NearestMipMapLinearFilter and LinearMipMapLinearFilter. Defaulting to LinearMipMapLinearFilter.");value=LinearMipMapLinearFilter;}return value;}},{key:"_checkMagFilter",value:function _checkMagFilter(value){value=value||LinearFilter;if(value!==LinearFilter&&value!==NearestFilter){this.error("Unsupported value for 'magFilter' - supported values are LinearFilter and NearestFilter. Defaulting to LinearFilter.");value=LinearFilter;}return value;}},{key:"_checkWrapS",value:function _checkWrapS(value){value=value||RepeatWrapping;if(value!==ClampToEdgeWrapping&&value!==MirroredRepeatWrapping&&value!==RepeatWrapping){this.error("Unsupported value for 'wrapS' - supported values are ClampToEdgeWrapping, MirroredRepeatWrapping and RepeatWrapping. Defaulting to RepeatWrapping.");value=RepeatWrapping;}return value;}},{key:"_checkWrapT",value:function _checkWrapT(value){value=value||RepeatWrapping;if(value!==ClampToEdgeWrapping&&value!==MirroredRepeatWrapping&&value!==RepeatWrapping){this.error("Unsupported value for 'wrapT' - supported values are ClampToEdgeWrapping, MirroredRepeatWrapping and RepeatWrapping. Defaulting to RepeatWrapping.");value=RepeatWrapping;}return value;}},{key:"_checkFlipY",value:function _checkFlipY(value){return!!value;}},{key:"_checkEncoding",value:function _checkEncoding(value){value=value||LinearEncoding;if(value!==LinearEncoding&&value!==sRGBEncoding){this.error("Unsupported value for 'encoding' - supported values are LinearEncoding and sRGBEncoding. Defaulting to LinearEncoding.");value=LinearEncoding;}return value;}},{key:"_webglContextRestored",value:function _webglContextRestored(){this._state.texture=new Texture2D({gl:this.scene.canvas.gl});if(this._image){this.image=this._image;}else if(this._src){this.src=this._src;}}},{key:"_update",value:function _update(){var state=this._state;if(this._matrixDirty){var _matrix;var t;if(this._translate[0]!==0||this._translate[1]!==0){_matrix=math.translationMat4v([this._translate[0],this._translate[1],0],this._state.matrix);}if(this._scale[0]!==1||this._scale[1]!==1){t=math.scalingMat4v([this._scale[0],this._scale[1],1]);_matrix=_matrix?math.mulMat4(_matrix,t):t;}if(this._rotate!==0){t=math.rotationMat4v(this._rotate*0.0174532925,[0,0,1]);_matrix=_matrix?math.mulMat4(_matrix,t):t;}if(_matrix){state.matrix=_matrix;}this._matrixDirty=false;}this.glRedraw();}/**
-	 * Sets an HTML DOM Image object to source this Texture from.
-	 *
-	 * Sets {@link Texture#src} null.
-	 *
-	 * @type {HTMLImageElement}
-	 */},{key:"image",get:/**
-	 * Gets HTML DOM Image object this Texture is sourced from, if any.
-	 *
-	 * Returns null if not set.
-	 *
-	 * @type {HTMLImageElement}
-	 */function get(){return this._image;}/**
-	 * Sets path to an image file to source this Texture from.
-	 *
-	 * Sets {@link Texture#image} null.
-	 *
-	 * @type {String}
-	 */,set:function set(value){this._image=ensureImageSizePowerOfTwo$1(value);this._image.crossOrigin="Anonymous";this._state.texture.setImage(this._image,this._state);this._src=null;this.glRedraw();}},{key:"src",get:/**
-	 * Gets path to the image file this Texture from, if any.
-	 *
-	 * Returns null if not set.
-	 *
-	 * @type {String}
-	 */function get(){return this._src;}/**
-	 * Sets the 2D translation vector added to this Texture's *S* and *T* UV coordinates.
-	 *
-	 * Default value is ````[0, 0]````.
-	 *
-	 * @type {Number[]}
-	 */,set:function set(src){this.scene.loading++;this.scene.canvas.spinner.processes++;var self=this;var image=new Image();image.onload=function(){image=ensureImageSizePowerOfTwo$1(image);self._state.texture.setImage(image,self._state);self.scene.loading--;self.glRedraw();self.scene.canvas.spinner.processes--;};image.src=src;this._src=src;this._image=null;}},{key:"translate",get:/**
-	 * Gets the 2D translation vector added to this Texture's *S* and *T* UV coordinates.
-	 *
-	 * Default value is ````[0, 0]````.
-	 *
-	 * @type {Number[]}
-	 */function get(){return this._translate;}/**
-	 * Sets the 2D scaling vector that will be applied to this Texture's *S* and *T* UV coordinates.
-	 *
-	 * Default value is ````[1, 1]````.
-	 *
-	 * @type {Number[]}
-	 */,set:function set(value){this._translate.set(value||[0,0]);this._matrixDirty=true;this._needUpdate();}},{key:"scale",get:/**
-	 * Gets the 2D scaling vector that will be applied to this Texture's *S* and *T* UV coordinates.
-	 *
-	 * Default value is ````[1, 1]````.
-	 *
-	 * @type {Number[]}
-	 */function get(){return this._scale;}/**
-	 * Sets the rotation angles, in degrees, that will be applied to this Texture's *S* and *T* UV coordinates.
-	 *
-	 * Default value is ````0````.
-	 *
-	 * @type {Number}
-	 */,set:function set(value){this._scale.set(value||[1,1]);this._matrixDirty=true;this._needUpdate();}},{key:"rotate",get:/**
-	 * Gets the rotation angles, in degrees, that will be applied to this Texture's *S* and *T* UV coordinates.
-	 *
-	 * Default value is ````0````.
-	 *
-	 * @type {Number}
-	 */function get(){return this._rotate;}/**
-	 * Gets how this Texture is sampled when a texel covers less than one pixel.
-	 *
-	 * Options are:
-	 *
-	 * * NearestFilter - Uses the value of the texture element that is nearest
-	 * (in Manhattan distance) to the center of the pixel being textured.
-	 *
-	 * * LinearFilter - Uses the weighted average of the four texture elements that are
-	 * closest to the center of the pixel being textured.
-	 *
-	 * * NearestMipMapNearestFilter - Chooses the mipmap that most closely matches the
-	 * size of the pixel being textured and uses the "nearest" criterion (the texture
-	 * element nearest to the center of the pixel) to produce a texture value.
-	 *
-	 * * LinearMipMapNearestFilter - Chooses the mipmap that most closely matches the size of
-	 * the pixel being textured and uses the "linear" criterion (a weighted average of the
-	 * four texture elements that are closest to the center of the pixel) to produce a
-	 * texture value.
-	 *
-	 * * NearestMipMapLinearFilter - Chooses the two mipmaps that most closely
-	 * match the size of the pixel being textured and uses the "nearest" criterion
-	 * (the texture element nearest to the center of the pixel) to produce a texture
-	 * value from each mipmap. The final texture value is a weighted average of those two
-	 * values.
-	 *
-	 * * LinearMipMapLinearFilter - (default) - Chooses the two mipmaps that most closely match the size
-	 * of the pixel being textured and uses the "linear" criterion (a weighted average
-	 * of the four texture elements that are closest to the center of the pixel) to
-	 * produce a texture value from each mipmap. The final texture value is a weighted
-	 * average of those two values.
-	 *
-	 * Default value is LinearMipMapLinearFilter.
-	 *
-	 *  @type {Number}
-	 */,set:function set(value){value=value||0;if(this._rotate===value){return;}this._rotate=value;this._matrixDirty=true;this._needUpdate();}},{key:"minFilter",get:function get(){return this._state.minFilter;}/**
-	 * Gets how this Texture is sampled when a texel covers more than one pixel.
-	 *
-	 * * NearestFilter - Uses the value of the texture element that is nearest
-	 * (in Manhattan distance) to the center of the pixel being textured.
-	 * * LinearFilter - (default) - Uses the weighted average of the four texture elements that are
-	 * closest to the center of the pixel being textured.
-	 *
-	 * Default value is LinearMipMapLinearFilter.
-	 *
-	 * @type {Number}
-	 */},{key:"magFilter",get:function get(){return this._state.magFilter;}/**
-	 * Gets the wrap parameter for this Texture's *S* coordinate.
-	 *
-	 * Values can be:
-	 *
-	 * * ClampToEdgeWrapping -  causes *S* coordinates to be clamped to the size of the texture.
-	 * * MirroredRepeatWrapping - causes the *S* coordinate to be set to the fractional part of the texture coordinate
-	 * if the integer part of *S* is even; if the integer part of *S* is odd, then the *S* texture coordinate is
-	 * set to *1 - frac ⁡ S* , where *frac ⁡ S* represents the fractional part of *S*.
-	 * * RepeatWrapping - (default) - causes the integer part of the *S* coordinate to be ignored; xeokit uses only the
-	 * fractional part, thereby creating a repeating pattern.
-	 *
-	 * Default value is RepeatWrapping.
-	 *
-	 * @type {Number}
-	 */},{key:"wrapS",get:function get(){return this._state.wrapS;}/**
-	 * Gets the wrap parameter for this Texture's *T* coordinate.
-	 *
-	 * Values can be:
-	 *
-	 * * ClampToEdgeWrapping -  causes *S* coordinates to be clamped to the size of the texture.
-	 *  * MirroredRepeatWrapping - causes the *S* coordinate to be set to the fractional part of the texture coordinate
-	 * if the integer part of *S* is even; if the integer part of *S* is odd, then the *S* texture coordinate is
-	 * set to *1 - frac ⁡ S* , where *frac ⁡ S* represents the fractional part of *S*.
-	 * * RepeatWrapping - (default) - causes the integer part of the *S* coordinate to be ignored; xeokit uses only the
-	 * fractional part, thereby creating a repeating pattern.
-	 *
-	 * Default value is RepeatWrapping.
-	 *
-	 * @type {Number}
-	 */},{key:"wrapT",get:function get(){return this._state.wrapT;}/**
-	 * Gets if this Texture's source data is flipped along its vertical axis.
-	 *
-	 * @type {Number}
-	 */},{key:"flipY",get:function get(){return this._state.flipY;}/**
-	 * Gets the Texture's encoding format.
-	 *
-	 * @type {Number}
-	 */},{key:"encoding",get:function get(){return this._state.encoding;}/**
-	 * Destroys this Texture
+}stats.memory.textures++;return _this59;}_inherits(Texture,_Component23);return _createClass(Texture,[{key:"type",get:/**
+     @private
+     */function get(){return"Texture";}},{key:"_checkMinFilter",value:function _checkMinFilter(value){value=value||LinearMipMapLinearFilter;if(value!==LinearFilter&&value!==LinearMipMapNearestFilter&&value!==LinearMipMapLinearFilter&&value!==NearestMipMapLinearFilter&&value!==NearestMipMapNearestFilter){this.error("Unsupported value for 'minFilter' - supported values are LinearFilter, LinearMipMapNearestFilter, NearestMipMapNearestFilter, "+"NearestMipMapLinearFilter and LinearMipMapLinearFilter. Defaulting to LinearMipMapLinearFilter.");value=LinearMipMapLinearFilter;}return value;}},{key:"_checkMagFilter",value:function _checkMagFilter(value){value=value||LinearFilter;if(value!==LinearFilter&&value!==NearestFilter){this.error("Unsupported value for 'magFilter' - supported values are LinearFilter and NearestFilter. Defaulting to LinearFilter.");value=LinearFilter;}return value;}},{key:"_checkWrapS",value:function _checkWrapS(value){value=value||RepeatWrapping;if(value!==ClampToEdgeWrapping&&value!==MirroredRepeatWrapping&&value!==RepeatWrapping){this.error("Unsupported value for 'wrapS' - supported values are ClampToEdgeWrapping, MirroredRepeatWrapping and RepeatWrapping. Defaulting to RepeatWrapping.");value=RepeatWrapping;}return value;}},{key:"_checkWrapT",value:function _checkWrapT(value){value=value||RepeatWrapping;if(value!==ClampToEdgeWrapping&&value!==MirroredRepeatWrapping&&value!==RepeatWrapping){this.error("Unsupported value for 'wrapT' - supported values are ClampToEdgeWrapping, MirroredRepeatWrapping and RepeatWrapping. Defaulting to RepeatWrapping.");value=RepeatWrapping;}return value;}},{key:"_checkFlipY",value:function _checkFlipY(value){return!!value;}},{key:"_checkEncoding",value:function _checkEncoding(value){value=value||LinearEncoding;if(value!==LinearEncoding&&value!==sRGBEncoding){this.error("Unsupported value for 'encoding' - supported values are LinearEncoding and sRGBEncoding. Defaulting to LinearEncoding.");value=LinearEncoding;}return value;}},{key:"_webglContextRestored",value:function _webglContextRestored(){this._state.texture=new Texture2D({gl:this.scene.canvas.gl});if(this._image){this.image=this._image;}else if(this._src){this.src=this._src;}}},{key:"_update",value:function _update(){var state=this._state;if(this._matrixDirty){var _matrix;var t;if(this._translate[0]!==0||this._translate[1]!==0){_matrix=math.translationMat4v([this._translate[0],this._translate[1],0],this._state.matrix);}if(this._scale[0]!==1||this._scale[1]!==1){t=math.scalingMat4v([this._scale[0],this._scale[1],1]);_matrix=_matrix?math.mulMat4(_matrix,t):t;}if(this._rotate!==0){t=math.rotationMat4v(this._rotate*0.0174532925,[0,0,1]);_matrix=_matrix?math.mulMat4(_matrix,t):t;}if(_matrix){state.matrix=_matrix;}this._matrixDirty=false;}this.glRedraw();}/**
+	 * Sets an HTML DOM Image object to source this Texture from.
+	 *
+	 * Sets {@link Texture#src} null.
+	 *
+	 * @type {HTMLImageElement}
+	 */},{key:"image",get:/**
+	 * Gets HTML DOM Image object this Texture is sourced from, if any.
+	 *
+	 * Returns null if not set.
+	 *
+	 * @type {HTMLImageElement}
+	 */function get(){return this._image;}/**
+	 * Sets path to an image file to source this Texture from.
+	 *
+	 * Sets {@link Texture#image} null.
+	 *
+	 * @type {String}
+	 */,set:function set(value){this._image=ensureImageSizePowerOfTwo$1(value);this._image.crossOrigin="Anonymous";this._state.texture.setImage(this._image,this._state);this._src=null;this.glRedraw();}},{key:"src",get:/**
+	 * Gets path to the image file this Texture from, if any.
+	 *
+	 * Returns null if not set.
+	 *
+	 * @type {String}
+	 */function get(){return this._src;}/**
+	 * Sets the 2D translation vector added to this Texture's *S* and *T* UV coordinates.
+	 *
+	 * Default value is ````[0, 0]````.
+	 *
+	 * @type {Number[]}
+	 */,set:function set(src){this.scene.loading++;this.scene.canvas.spinner.processes++;var self=this;var image=new Image();image.onload=function(){image=ensureImageSizePowerOfTwo$1(image);self._state.texture.setImage(image,self._state);self.scene.loading--;self.glRedraw();self.scene.canvas.spinner.processes--;};image.src=src;this._src=src;this._image=null;}},{key:"translate",get:/**
+	 * Gets the 2D translation vector added to this Texture's *S* and *T* UV coordinates.
+	 *
+	 * Default value is ````[0, 0]````.
+	 *
+	 * @type {Number[]}
+	 */function get(){return this._translate;}/**
+	 * Sets the 2D scaling vector that will be applied to this Texture's *S* and *T* UV coordinates.
+	 *
+	 * Default value is ````[1, 1]````.
+	 *
+	 * @type {Number[]}
+	 */,set:function set(value){this._translate.set(value||[0,0]);this._matrixDirty=true;this._needUpdate();}},{key:"scale",get:/**
+	 * Gets the 2D scaling vector that will be applied to this Texture's *S* and *T* UV coordinates.
+	 *
+	 * Default value is ````[1, 1]````.
+	 *
+	 * @type {Number[]}
+	 */function get(){return this._scale;}/**
+	 * Sets the rotation angles, in degrees, that will be applied to this Texture's *S* and *T* UV coordinates.
+	 *
+	 * Default value is ````0````.
+	 *
+	 * @type {Number}
+	 */,set:function set(value){this._scale.set(value||[1,1]);this._matrixDirty=true;this._needUpdate();}},{key:"rotate",get:/**
+	 * Gets the rotation angles, in degrees, that will be applied to this Texture's *S* and *T* UV coordinates.
+	 *
+	 * Default value is ````0````.
+	 *
+	 * @type {Number}
+	 */function get(){return this._rotate;}/**
+	 * Gets how this Texture is sampled when a texel covers less than one pixel.
+	 *
+	 * Options are:
+	 *
+	 * * NearestFilter - Uses the value of the texture element that is nearest
+	 * (in Manhattan distance) to the center of the pixel being textured.
+	 *
+	 * * LinearFilter - Uses the weighted average of the four texture elements that are
+	 * closest to the center of the pixel being textured.
+	 *
+	 * * NearestMipMapNearestFilter - Chooses the mipmap that most closely matches the
+	 * size of the pixel being textured and uses the "nearest" criterion (the texture
+	 * element nearest to the center of the pixel) to produce a texture value.
+	 *
+	 * * LinearMipMapNearestFilter - Chooses the mipmap that most closely matches the size of
+	 * the pixel being textured and uses the "linear" criterion (a weighted average of the
+	 * four texture elements that are closest to the center of the pixel) to produce a
+	 * texture value.
+	 *
+	 * * NearestMipMapLinearFilter - Chooses the two mipmaps that most closely
+	 * match the size of the pixel being textured and uses the "nearest" criterion
+	 * (the texture element nearest to the center of the pixel) to produce a texture
+	 * value from each mipmap. The final texture value is a weighted average of those two
+	 * values.
+	 *
+	 * * LinearMipMapLinearFilter - (default) - Chooses the two mipmaps that most closely match the size
+	 * of the pixel being textured and uses the "linear" criterion (a weighted average
+	 * of the four texture elements that are closest to the center of the pixel) to
+	 * produce a texture value from each mipmap. The final texture value is a weighted
+	 * average of those two values.
+	 *
+	 * Default value is LinearMipMapLinearFilter.
+	 *
+	 *  @type {Number}
+	 */,set:function set(value){value=value||0;if(this._rotate===value){return;}this._rotate=value;this._matrixDirty=true;this._needUpdate();}},{key:"minFilter",get:function get(){return this._state.minFilter;}/**
+	 * Gets how this Texture is sampled when a texel covers more than one pixel.
+	 *
+	 * * NearestFilter - Uses the value of the texture element that is nearest
+	 * (in Manhattan distance) to the center of the pixel being textured.
+	 * * LinearFilter - (default) - Uses the weighted average of the four texture elements that are
+	 * closest to the center of the pixel being textured.
+	 *
+	 * Default value is LinearMipMapLinearFilter.
+	 *
+	 * @type {Number}
+	 */},{key:"magFilter",get:function get(){return this._state.magFilter;}/**
+	 * Gets the wrap parameter for this Texture's *S* coordinate.
+	 *
+	 * Values can be:
+	 *
+	 * * ClampToEdgeWrapping -  causes *S* coordinates to be clamped to the size of the texture.
+	 * * MirroredRepeatWrapping - causes the *S* coordinate to be set to the fractional part of the texture coordinate
+	 * if the integer part of *S* is even; if the integer part of *S* is odd, then the *S* texture coordinate is
+	 * set to *1 - frac ⁡ S* , where *frac ⁡ S* represents the fractional part of *S*.
+	 * * RepeatWrapping - (default) - causes the integer part of the *S* coordinate to be ignored; xeokit uses only the
+	 * fractional part, thereby creating a repeating pattern.
+	 *
+	 * Default value is RepeatWrapping.
+	 *
+	 * @type {Number}
+	 */},{key:"wrapS",get:function get(){return this._state.wrapS;}/**
+	 * Gets the wrap parameter for this Texture's *T* coordinate.
+	 *
+	 * Values can be:
+	 *
+	 * * ClampToEdgeWrapping -  causes *S* coordinates to be clamped to the size of the texture.
+	 *  * MirroredRepeatWrapping - causes the *S* coordinate to be set to the fractional part of the texture coordinate
+	 * if the integer part of *S* is even; if the integer part of *S* is odd, then the *S* texture coordinate is
+	 * set to *1 - frac ⁡ S* , where *frac ⁡ S* represents the fractional part of *S*.
+	 * * RepeatWrapping - (default) - causes the integer part of the *S* coordinate to be ignored; xeokit uses only the
+	 * fractional part, thereby creating a repeating pattern.
+	 *
+	 * Default value is RepeatWrapping.
+	 *
+	 * @type {Number}
+	 */},{key:"wrapT",get:function get(){return this._state.wrapT;}/**
+	 * Gets if this Texture's source data is flipped along its vertical axis.
+	 *
+	 * @type {Number}
+	 */},{key:"flipY",get:function get(){return this._state.flipY;}/**
+	 * Gets the Texture's encoding format.
+	 *
+	 * @type {Number}
+	 */},{key:"encoding",get:function get(){return this._state.encoding;}/**
+	 * Destroys this Texture
 	 */},{key:"destroy",value:function destroy(){_superPropGet(Texture,"destroy",this,3)([]);if(this._state.texture){this._state.texture.destroy();}this._state.destroy();stats.memory.textures--;}}]);}(Component);/**
  * @desc Creates a cylinder-shaped {@link Geometry}.
  *
@@ -13529,7 +13529,7 @@ this.setVisible(cfg.overviewVisible);}/** Called by SectionPlanesPlugin#createSe
 	 * @param {String} [cfg.id="SectionPlanes"] Optional ID for this plugin, so that we can find it within {@link Viewer#plugins}.
 	 * @param {String} [cfg.overviewCanvasId] ID of a canvas element to display the overview.
 	 * @param {String} [cfg.overviewVisible=true] Initial visibility of the overview canvas.
-	 */function SectionPlanesPlugin(viewer){var _this73;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,SectionPlanesPlugin);_this73=_callSuper(this,SectionPlanesPlugin,["SectionPlanes",viewer]);_this73._freeControls=[];_this73._sectionPlanes=viewer.scene.sectionPlanes;_this73._controls={};_this73._currentControl=null;_this73._shownControlId=null;if(cfg.overviewCanvasId!==null&&cfg.overviewCanvasId!==undefined){var overviewCanvas=document.getElementById(cfg.overviewCanvasId);if(!overviewCanvas){_this73.warn("Can't find overview canvas: '"+cfg.overviewCanvasId+"' - will create plugin without overview");}else{_this73._overview=new Overview(_this73,{overviewCanvas:overviewCanvas,visible:cfg.overviewVisible,onHoverEnterPlane:function onHoverEnterPlane(id){_this73._overview.setPlaneHighlighted(id,true);},onHoverLeavePlane:function onHoverLeavePlane(id){_this73._overview.setPlaneHighlighted(id,false);},onClickedPlane:function onClickedPlane(id){if(_this73.getShownControl()===id){_this73.hideControl();return;}_this73.showControl(id);var sectionPlane=_this73.sectionPlanes[id];var sectionPlanePos=sectionPlane.pos;tempAABB$1.set(_this73.viewer.scene.aabb);math.getAABB3Center(tempAABB$1,tempVec3$3);tempAABB$1[0]+=sectionPlanePos[0]-tempVec3$3[0];tempAABB$1[1]+=sectionPlanePos[1]-tempVec3$3[1];tempAABB$1[2]+=sectionPlanePos[2]-tempVec3$3[2];tempAABB$1[3]+=sectionPlanePos[0]-tempVec3$3[0];tempAABB$1[4]+=sectionPlanePos[1]-tempVec3$3[1];tempAABB$1[5]+=sectionPlanePos[2]-tempVec3$3[2];_this73.viewer.cameraFlight.flyTo({aabb:tempAABB$1,fitFOV:65});},onClickedNothing:function onClickedNothing(){_this73.hideControl();}});}}_this73._onSceneSectionPlaneCreated=viewer.scene.on("sectionPlaneCreated",function(sectionPlane){// SectionPlane created, either via SectionPlanesPlugin#createSectionPlane(), or by directly
+	 */function SectionPlanesPlugin(viewer){var _this73;var cfg=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};_classCallCheck(this,SectionPlanesPlugin);_this73=_callSuper(this,SectionPlanesPlugin,["SectionPlanes",viewer]);_this73._freeControls=[];_this73._sectionPlanes=viewer.scene.sectionPlanes;_this73._controls={};_this73._currentControl=null;_this73._shownControlId=null;_this73._shownControlIds=[];if(cfg.overviewCanvasId!==null&&cfg.overviewCanvasId!==undefined){var overviewCanvas=document.getElementById(cfg.overviewCanvasId);if(!overviewCanvas){_this73.warn("Can't find overview canvas: '"+cfg.overviewCanvasId+"' - will create plugin without overview");}else{_this73._overview=new Overview(_this73,{overviewCanvas:overviewCanvas,visible:cfg.overviewVisible,onHoverEnterPlane:function onHoverEnterPlane(id){_this73._overview.setPlaneHighlighted(id,true);},onHoverLeavePlane:function onHoverLeavePlane(id){_this73._overview.setPlaneHighlighted(id,false);},onClickedPlane:function onClickedPlane(id){if(_this73.getShownControl()===id){_this73.hideControl();return;}_this73.showControl(id);var sectionPlane=_this73.sectionPlanes[id];var sectionPlanePos=sectionPlane.pos;tempAABB$1.set(_this73.viewer.scene.aabb);math.getAABB3Center(tempAABB$1,tempVec3$3);tempAABB$1[0]+=sectionPlanePos[0]-tempVec3$3[0];tempAABB$1[1]+=sectionPlanePos[1]-tempVec3$3[1];tempAABB$1[2]+=sectionPlanePos[2]-tempVec3$3[2];tempAABB$1[3]+=sectionPlanePos[0]-tempVec3$3[0];tempAABB$1[4]+=sectionPlanePos[1]-tempVec3$3[1];tempAABB$1[5]+=sectionPlanePos[2]-tempVec3$3[2];_this73.viewer.cameraFlight.flyTo({aabb:tempAABB$1,fitFOV:65});},onClickedNothing:function onClickedNothing(){_this73.hideControl();}});}}_this73._onSceneSectionPlaneCreated=viewer.scene.on("sectionPlaneCreated",function(sectionPlane){// SectionPlane created, either via SectionPlanesPlugin#createSectionPlane(), or by directly
 // instantiating a SectionPlane independently of SectionPlanesPlugin, which can be done
 // by BCFViewpointsPlugin#loadViewpoint().
 _this73._sectionPlaneCreated(sectionPlane);});_this73._onSceneSectionBoxCreated=viewer.scene.on("sectionBoxCreated",function(sectionBox){_this73._sectionBoxCreated(sectionBox);});return _this73;}/**
@@ -13558,7 +13558,7 @@ _this73._sectionPlaneCreated(sectionPlane);});_this73._onSceneSectionBoxCreated=
 	 */},{key:"createSectionPlane",value:function createSectionPlane(){var params=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(params.id!==undefined&&params.id!==null&&this.viewer.scene.components[params.id]){this.error("Viewer component with this ID already exists: "+params.id);delete params.id;}// Note that SectionPlane constructor fires "sectionPlaneCreated" on the Scene,
 // which SectionPlanesPlugin handles and calls #_sectionPlaneCreated to create gizmo and add to overview canvas.
 var sectionPlane=new SectionPlane(this.viewer.scene,{id:params.id,pos:params.pos,dir:params.dir,active:true});return sectionPlane;}//剖切面创建后，创建一个控制器
-},{key:"_sectionPlaneCreated",value:function _sectionPlaneCreated(sectionPlane){var _this74=this;var newControl;switch(this._sectionWay){case"plane":newControl=new ClippingPlane(this,this._controlsConfig);break;default:newControl=new Control$1(this);break;}var control=this._freeControls.length>0?this._freeControls.pop():newControl;control._setSectionPlane(sectionPlane);control.setVisible(true);this._currentControl=control;this._controls[sectionPlane.id]=control;if(this._overview){this._overview.addSectionPlane(sectionPlane);}sectionPlane.once("destroyed",function(){_this74._sectionPlaneDestroyed(sectionPlane);});}//剖切盒创建后，创建一个控制器
+},{key:"_sectionPlaneCreated",value:function _sectionPlaneCreated(sectionPlane){var _this74=this;var newControl;switch(this._sectionWay){case"plane":newControl=new ClippingPlane(this,this._controlsConfig);break;default:newControl=new Control$1(this);break;}var control=this._freeControls.length>0?this._freeControls.pop():newControl;control._setSectionPlane(sectionPlane);control.setVisible(true);sectionPlane.control=control;this._currentControl=control;this._controls[sectionPlane.id]=control;if(this._overview){this._overview.addSectionPlane(sectionPlane);}sectionPlane.once("destroyed",function(){_this74._sectionPlaneDestroyed(sectionPlane);});}//剖切盒创建后，创建一个控制器
 },{key:"_sectionBoxCreated",value:function _sectionBoxCreated(sectionBox){var _this75=this;var newControl;newControl=new ClippingBox(this,this._controlsConfig);var control=this._freeControls.length>0?this._freeControls.pop():newControl;control._setSectionBox(sectionBox);control.setVisible(true);this._currentControl=control;this._controls[sectionBox.id]=control;if(this._overview){this._overview.setSectionBox(sectionBox);}sectionBox.once("destroyed",function(){_this75._sectionPlaneDestroyed(sectionBox);});}/**
 	 * 设置是否是触屏模式
 	 * @param {boolean} touch
@@ -13591,7 +13591,7 @@ var sectionPlane=new SectionPlane(this.viewer.scene,{id:params.id,pos:params.pos
 	 * Shows the 3D editing gizmo for a {@link SectionPlane}.
 	 *
 	 * @param {String} id ID of the {@link SectionPlane}.
-	 */},{key:"showControl",value:function showControl(id){var control=this._controls[id];if(!control){this.error("Control not found: "+id);return;}this.hideControl();control.setVisible(true);if(this._overview){this._overview.setPlaneSelected(id,true);}this._shownControlId=id;}/**
+	 */},{key:"showControl",value:function showControl(id){var control=this._controls[id];if(!control){this.error("Control not found: "+id);return;}this.hideControl();control.setVisible(true);if(this._overview){this._overview.setPlaneSelected(id,true);}this._shownControlId=id;this._shownControlIds=[id];}/**
 	 * 设置剖切对象的尺寸
 	 * @param {*} size
 	 */},{key:"setControlsSize",value:function setControlsSize(size){for(var id in this._controls){this._controls[id].controlSize=size;}}/**
@@ -13605,13 +13605,13 @@ var sectionPlane=new SectionPlane(this.viewer.scene,{id:params.id,pos:params.pos
 	 * Returns ````null```` when the editing gizmo is not shown.
 	 *
 	 * @returns {String} ID of the the {@link SectionPlane} that the 3D editing gizmo is shown for, if shown, else ````null````.
-	 */},{key:"getShownControl",value:function getShownControl(){return this._shownControlId;}/**
+	 */},{key:"getShownControl",value:function getShownControl(){return this._shownControlId;}},{key:"getShownControls",value:function getShownControls(){return this._shownControlIds;}},{key:"showAllControl",value:function showAllControl(){for(var id in this._controls){if(this._controls.hasOwnProperty(id)){this._shownControlIds.push(id);this._controls[id].setVisible(false);if(this._overview){this._overview.setPlaneSelected(id,false);}}}}/**
 	 * Hides the 3D {@link SectionPlane} editing gizmo if shown.
-	 */},{key:"hideControl",value:function hideControl(){for(var id in this._controls){if(this._controls.hasOwnProperty(id)){this._controls[id].setVisible(false);if(this._overview){this._overview.setPlaneSelected(id,false);}}}this._shownControlId=null;}/**
+	 */},{key:"hideControl",value:function hideControl(){for(var id in this._controls){if(this._controls.hasOwnProperty(id)){this._controls[id].setVisible(false);if(this._overview){this._overview.setPlaneSelected(id,false);}}}this._shownControlId=null;this._shownControlIds=[];}/**
 	 * Destroys a {@link SectionPlane} created by this SectionPlanesPlugin.
 	 *
 	 * @param {String} id ID of the {@link SectionPlane}.
-	 */},{key:"destroySectionPlane",value:function destroySectionPlane(id){var sectionPlane=this.viewer.scene.sectionPlanes[id];if(!sectionPlane){this.error("SectionPlane not found: "+id);return;}this._sectionPlaneDestroyed(sectionPlane);sectionPlane.destroy();if(id===this._shownControlId){this._shownControlId=null;}}},{key:"_sectionPlaneDestroyed",value:function _sectionPlaneDestroyed(sectionPlane){if(this._overview){this._overview.removeSectionPlane(sectionPlane);}var control=this._controls[sectionPlane.id];if(!control){return;}control.setVisible(false);control._setSectionPlane(null);delete this._controls[sectionPlane.id];this._freeControls.push(control);}/**
+	 */},{key:"destroySectionPlane",value:function destroySectionPlane(id){var sectionPlane=this.viewer.scene.sectionPlanes[id];if(!sectionPlane){this.error("SectionPlane not found: "+id);return;}this._sectionPlaneDestroyed(sectionPlane);sectionPlane.destroy();if(id===this._shownControlId){this._shownControlId=null;this._shownControlIds=[];}}},{key:"_sectionPlaneDestroyed",value:function _sectionPlaneDestroyed(sectionPlane){if(this._overview){this._overview.removeSectionPlane(sectionPlane);}var control=this._controls[sectionPlane.id];if(!control){return;}control.setVisible(false);control._setSectionPlane(null);delete this._controls[sectionPlane.id];this._freeControls.push(control);}/**
 	 * Destroys all {@link SectionPlane}s created by this SectionPlanesPlugin.
 	 */},{key:"clear",value:function clear(){var ids=Object.keys(this._sectionPlanes);for(var i=0,len=ids.length;i<len;i++){this.destroySectionPlane(ids[i]);}}/**
 	 * @private
@@ -14206,7 +14206,7 @@ primitive:"triangles",positions:[1,1,1,-1,1,1,-1,-1,1,1,-1,1,// v0-v1-v2-v3 fron
 -1,-1,-1,1,-1,-1,1,-1,1,-1,-1,1,// v7-v4-v3-v2 bottom
 1,-1,-1,-1,-1,-1,-1,1,-1,1,1,-1// v4-v7-v6-v5 back
 ],uv:[0.5,0.6666,0.25,0.6666,0.25,0.3333,0.5,0.3333,0.5,0.6666,0.5,0.3333,0.75,0.3333,0.75,0.6666,0.5,0.6666,0.5,1,0.25,1,0.25,0.6666,0.25,0.6666,0.0,0.6666,0.0,0.3333,0.25,0.3333,0.25,0,0.5,0,0.5,0.3333,0.25,0.3333,0.75,0.3333,1.0,0.3333,1.0,0.6666,0.75,0.6666],indices:[0,1,2,0,2,3,4,5,6,4,6,7,8,9,10,8,10,11,12,13,14,12,14,15,16,17,18,16,18,19,20,21,22,20,22,23]}),background:true,scale:[2000,2000,2000],// Overridden when we initialize the 'size' property, below
-rotation:[0,-90,0],material:new PhongMaterial(_this78,{ambient:[0,0,0],diffuse:[0,0,0],specular:[0,0,0],emissive:[1,1,1],emissiveMap:new Texture(_this78,{scale:cfg.scale,src:cfg.src,flipY:true,wrapS:1000,wrapT:1000,encoding:cfg.encoding||"sRGB"}),backfaces:true// Show interior faces of our skybox geometry
+rotation:[0,-90,0],material:new PhongMaterial(_this78,{ambient:[0,0,0],diffuse:[0,0,0],specular:[0,0,0],emissive:[1,1,1],emissiveMap:new Texture(_this78,{scale:cfg.scale,src:cfg.src,image:cfg.image,flipY:true,wrapS:1000,wrapT:1000,encoding:cfg.encoding||"sRGB"}),backfaces:true// Show interior faces of our skybox geometry
 }),// stationary: true,
 visible:false,pickable:false,clippable:false,collidable:false});_this78.size=cfg.size;// Sets 'xyz' property on the Mesh's Scale transform
 _this78.active=cfg.active;return _this78;}/**
@@ -14296,18 +14296,18 @@ _this78.active=cfg.active;return _this78;}/**
      @param {Object} params Skybox configuration.
      @param {Boolean} [params.active=true] Whether the skybox plane is initially active. Only skyboxes while this is true.
      @returns {Skybox} The new skybox.
-     */},{key:"createSkybox",value:function createSkybox(id,params){if(this.viewer.scene.components[id]){this.error("Component with this ID already exists: "+id);return this;}var skybox=new Skybox(this.viewer.scene,{id:id,size:params.size,scale:params.scale,src:params.src,active:params.active,encoding:3000});this.skyboxes[id]=skybox;return skybox;}},{key:"setSkyBoxActiveById",value:function setSkyBoxActiveById(id,active){this.skyboxes[id].active=active;}/**
+     */},{key:"createSkybox",value:function createSkybox(id,params){if(this.viewer.scene.components[id]){this.error("Component with this ID already exists: "+id);return this;}if(!params.src&&!params.image){this.error("No legal skybox image or src: "+id);return this;}if(params.src){var skybox=new Skybox(this.viewer.scene,{id:id,size:params.size,scale:params.scale,src:params.src,active:params.active,encoding:3000});this.skyboxes[id]=skybox;return skybox;}else if(params.image){var skybox=new Skybox(this.viewer.scene,{id:id,size:params.size,scale:params.scale,image:params.image,active:params.active,encoding:3000});this.skyboxes[id]=skybox;return skybox;}}},{key:"setSkyBoxActiveById",value:function setSkyBoxActiveById(id,active){this.skyboxes[id].active=active;}/**
 	 * 设置开启天空盒
 	 */},{key:"active",get:function get(){return this._active;},set:function set(active){this._active=active;for(var _i158=0;_i158<this.skyboxes.length;_i158++)this.skyboxes[_i158].active=active;}},{key:"getSkyBoxById",value:function getSkyBoxById(id){return this.skyboxes[id];}/**
      Destroys a skybox.
      @param id
      */},{key:"destroySkybox",value:function destroySkybox(id){var skybox=this.skyboxes[id];if(!skybox){this.error("Skybox not found: "+id);return;}skybox.destroy();}/**
      Destroys all skyboxes.
-     */},{key:"clear",value:function clear(){var ids=Object.keys(this.viewer.scene.skyboxes);for(var i=0,len=ids.length;i<len;i++){this.destroySkybox(ids[i]);}}/**
+     */},{key:"clear",value:function clear(){var ids=Object.keys(this.skyboxes);for(var i=0,len=ids.length;i<len;i++){this.destroySkybox(ids[i]);}}/**
 	 * Destroys this plugin.
 	 *
 	 * Clears skyboxes from the Viewer first.
-	 */},{key:"destroy",value:function destroy(){this.clear();_superPropGet(SkyboxesPlugin,"clear",this,3)([]);}}]);}(Plugin);var treeViews=[];/**
+	 */},{key:"destroy",value:function destroy(){this.clear();}}]);}(Plugin);var treeViews=[];/**
  * @desc A {@link Viewer} plugin that provides an HTML tree view to navigate the IFC elements in models.
  * <br>
  *
@@ -69898,9 +69898,9 @@ class BIMXViewer extends _Controller__WEBPACK_IMPORTED_MODULE_3__["default"] {
         // this._objectsKdTree3 = new ObjectsKdTree3({
         //   viewer
         // });
-        this._skyBoxTool = new _toolbar_SkyBoxTool__WEBPACK_IMPORTED_MODULE_21__["default"](this, {
-            src: cfg.skyBoxSrc
-        });
+        if (cfg.skyBoxImage || cfg.skyBoxSrc) {
+            this._skyBoxTool = new _toolbar_SkyBoxTool__WEBPACK_IMPORTED_MODULE_21__["default"](this, { skyBoxImage: cfg.skyBoxImage, skyBoxSrc: cfg.skyBoxSrc });
+        }
         // this._customizeViewer();
         this._modelsExplorer = new _explorer_ModelsExplorer__WEBPACK_IMPORTED_MODULE_11__["default"](this, {
             enableEditModels: false,
@@ -70372,8 +70372,14 @@ class BIMXViewer extends _Controller__WEBPACK_IMPORTED_MODULE_3__["default"] {
      * @param {Function} error Callback invoked on failure, into which the error message string is passed.
      */
     loadModel(modelId, modelBuffer, done = () => { }, error = () => { }) {
+        if (!this._multiModel) {
+            this._projectId = modelId;
+        }
         this._modelsExplorer.loadModel(modelId, modelBuffer, done, error);
     }
+    unloadModel(modelId) {
+        this._modelsExplorer.unloadModel(modelId);
+    }
     /**
      * 单独加载元数据
      * @param deflatedMetadata
@@ -70466,9 +70472,22 @@ class BIMXViewer extends _Controller__WEBPACK_IMPORTED_MODULE_3__["default"] {
         };
         return modelInfo;
     }
+    /**
+     * 获取指定元模型对象
+     * @param modelId
+     * @returns
+     */
     getMetaModel(modelId) {
         return this.viewer.metaScene.metaModels[modelId];
     }
+    /**
+     * 获取指定场景模型对象
+     * @param modelId
+     * @returns
+     */
+    getSceneModel(modelId) {
+        return this.viewer.scene.models[modelId];
+    }
     //------------------------------------------------------------------------------------------------------------------
     // 视图设置
     //------------------------------------------------------------------------------------------------------------------
@@ -70833,7 +70852,8 @@ class BIMXViewer extends _Controller__WEBPACK_IMPORTED_MODULE_3__["default"] {
         this.measureAngleTool.destroy();
         this._annotationTool.destroy();
         this._commentsTool.destroy();
-        this._skyBoxTool.destroy();
+        if (this._skyBoxTool)
+            this._skyBoxTool.destroy();
         this._modelsExplorer.destroy();
         this._classesExplorer.destroy();
         this._objectsExplorer.destroy();
@@ -71358,8 +71378,15 @@ class BIMXViewer extends _Controller__WEBPACK_IMPORTED_MODULE_3__["default"] {
      * @param active
      * @param callback
      */
-    SetSkyBoxToolActive(active = !this._skyBoxTool.getActive(), callback = () => { }) {
-        this._skyBoxTool.setActive(active);
+    SetSkyBoxToolActive(active, callback = () => { }) {
+        if (!this._skyBoxTool)
+            return;
+        if (active == undefined) {
+            this._skyBoxTool.setActive(!this._skyBoxTool.getActive());
+        }
+        else {
+            this._skyBoxTool.setActive(active);
+        }
         if (callback)
             callback(this._sectionTool.getActive());
     }
@@ -71515,6 +71542,7 @@ class BIMXViewer extends _Controller__WEBPACK_IMPORTED_MODULE_3__["default"] {
             done = sizeOrCallback;
         const { orbitYawCamera } = this;
         const { viewer } = this;
+        const modelId = this._projectId;
         const canvas = document.createElement("canvas");
         const ctx = canvas.getContext("2d");
         const canvasWidth = size * 15;
@@ -71571,7 +71599,7 @@ class BIMXViewer extends _Controller__WEBPACK_IMPORTED_MODULE_3__["default"] {
             }
             cameraEnable(true);
             if (done)
-                done(imageData);
+                done({ modelId, imageData });
             return imageData;
         }
         (() => __awaiter(this, void 0, void 0, function* () {
@@ -76605,7 +76633,7 @@ class MeasureAngleTool extends _Controller__WEBPACK_IMPORTED_MODULE_1__["default
         }
         // this.setPointerLensVisible(false);
         // this.setPointerLensActive(false);
-        this.clear();
+        // this.clear();
     }
     /**
      * destroy测量插件对象
@@ -76989,7 +77017,7 @@ class MeasureDistanceTool extends _Controller__WEBPACK_IMPORTED_MODULE_1__["defa
         }
         // this.setPointerLensVisible(false);
         // this.setPointerLensActive(false);
-        this.clear();
+        // this.clear();
     }
     /**
      * destroy测量插件对象
@@ -77341,10 +77369,6 @@ class SectionTool extends _Controller__WEBPACK_IMPORTED_MODULE_1__["default"] {
         this._isTouch = false;
         this.on("active", (active) => {
             if (active) {
-                // this._onHover = this.viewer.cameraControl.on("hover", (hoverResult: any) => {
-                //   if (!hoverResult.entity) {
-                //   }
-                // });
             }
             else {
                 this.clear();
@@ -77547,6 +77571,7 @@ class SectionTool extends _Controller__WEBPACK_IMPORTED_MODULE_1__["default"] {
         for (const section in sectionPlanes) {
             const sectionPlane = sectionPlanes[section];
             sectionPlane.active = false;
+            this.hideControl();
         }
     }
     /**
@@ -77560,8 +77585,8 @@ class SectionTool extends _Controller__WEBPACK_IMPORTED_MODULE_1__["default"] {
      */
     showControl() {
         const sectionPlanes = this.getSectionPlanes();
-        for (const plane in sectionPlanes) {
-            this._sectionPlanesPlugin.showControl(plane);
+        for (const id in sectionPlanes) {
+            sectionPlanes[id].control.setVisible(true);
         }
     }
     /**
@@ -77697,17 +77722,22 @@ __webpack_require__.r(__webpack_exports__);
 class SkyBoxTool extends _Controller__WEBPACK_IMPORTED_MODULE_1__["default"] {
     constructor(parent, cfg = {}) {
         super(parent, cfg);
-        const skyBoxImgSrc = cfg.src;
         this.skyboxesPlugin = new _xtctwins_tctwins_core__WEBPACK_IMPORTED_MODULE_0__.SkyboxesPlugin(this.viewer);
+        this.on("active", (active) => {
+            this.setSkyBoxActiveById();
+        });
+        this.createSkyBox(cfg);
+    }
+    createSkyBox(cfg) {
+        const { skyBoxImage } = cfg;
+        const { skyBoxSrc } = cfg;
         this.skyboxesPlugin.createSkybox("skybox1", {
-            src: skyBoxImgSrc,
+            src: skyBoxSrc,
+            image: skyBoxImage,
             size: 9000,
             scale: [1, 1],
             active: false
         });
-        this.on("active", (active) => {
-            this.setSkyBoxActiveById();
-        });
     }
     setSkyBoxActiveById(id = "skybox1", active = !this.getSkyBoxById(id).active) {
         this.skyboxesPlugin.setSkyBoxActiveById(id, active);

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 
-export const VERSION = "0.1.13";
+export const VERSION = "0.1.15";

package/dist/version.js

@@ -1,2 +1,2 @@
 
-export const VERSION = "0.1.13";
+export const VERSION = "0.1.15";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xtctwins/tctwins-bimx-viewer",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "private": false,
   "description": "BIM viewer built on xtctwins",
   "main": "./dist/tctwins-bimx-viewer.min.es.js",
@@ -28,7 +28,7 @@
     "@types/ali-oss": "^6.16.11",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "@typescript-eslint/parser": "^6.14.0",
-    "@xtctwins/tctwins-core": "^1.0.46",
+    "@xtctwins/tctwins-core": "^1.0.48",
     "ali-oss": "^6.18.1",
     "autoprefixer": "^9.8.6",
     "axios": "^1.6.5",

package/types/src/BIMXViewer.d.ts

@@ -39,7 +39,7 @@ export default class BIMXViewer extends Controller {
     protected _measureTool: MeasureTool;
     protected _sectionTool: SectionTool;
     protected _commentsTool: CommentsTool;
-    protected _skyBoxTool: SkyBoxTool;
+    protected _skyBoxTool: SkyBoxTool | undefined;
     protected _showSpacesMode: ShowSpacesMode;
     protected _navCubeMode: NavCubeMode;
     protected _objectColorSource?: string;
@@ -139,6 +139,7 @@ export default class BIMXViewer extends Controller {
      * @param {Function} error Callback invoked on failure, into which the error message string is passed.
      */
     loadModel(modelId: string, modelBuffer: ArrayBuffer, done?: (result?: any) => void, error?: (errorMsg: string) => void): void;
+    unloadModel(modelId: string): void;
     /**
      * 单独加载元数据
      * @param deflatedMetadata
@@ -179,7 +180,18 @@ export default class BIMXViewer extends Controller {
         objectCount: string | number;
         propertySetCount: string | number;
     };
+    /**
+     * 获取指定元模型对象
+     * @param modelId
+     * @returns
+     */
     getMetaModel(modelId: string): import("@xtctwins/tctwins-core").MetaModel;
+    /**
+     * 获取指定场景模型对象
+     * @param modelId
+     * @returns
+     */
+    getSceneModel(modelId: string): import("@xtctwins/tctwins-core").SceneModel;
     protected _withObjectsInSubtree(objectIds: string[], callback?: (content?: any) => void): void;
     /**
      * Flies the camera to fit the given object in view.
@@ -616,7 +628,7 @@ export default class BIMXViewer extends Controller {
     /**
      * 天空盒工具对象
      */
-    get skyBoxTool(): SkyBoxTool;
+    get skyBoxTool(): SkyBoxTool | undefined;
     /**
      * 设置相机方向
      * @param {number} dirNum

package/types/src/toolbar/SkyBoxTool.d.ts

@@ -3,6 +3,7 @@ import Controller from "../Controller";
 export default class SkyBoxTool extends Controller {
     skyboxesPlugin: SkyboxesPlugin;
     constructor(parent: any, cfg?: any);
+    createSkyBox(cfg: any): void;
     setSkyBoxActiveById(id?: string, active?: boolean): void;
     getSkyBoxById(id?: string): any;
     destroy(): void;