@xeokit/xeokit-sdk 2.6.105-XCD-439-transparent-issues-v3 → 2.6.106

package/README.md

@@ -2,7 +2,6 @@
 
 [![npm version](https://badge.fury.io/js/%40xeokit%2Fxeokit-sdk.svg)](https://badge.fury.io/js/%40xeokit%2Fxeokit-sdk)
 [![](https://data.jsdelivr.com/v1/package/npm/@xeokit/xeokit-sdk/badge)](https://www.jsdelivr.com/package/npm/@xeokit/xeokit-sdk)
-[![@xeokit/xeokit-sdk](https://snyk.io/advisor/npm-package/@xeokit/xeokit-sdk/badge.svg)](/advisor/npm-package/@xeokit/xeokit-sdk)
 [![CodeSee](https://github.com/xeokit/xeokit-sdk/actions/workflows/codesee-arch-diagram.yml/badge.svg)](https://github.com/xeokit/xeokit-sdk/actions/workflows/codesee-arch-diagram.yml)
 
 [xeokit](http://xeokit.io) is a JavaScript software development kit created by [xeolabs](http://xeolabs.com) and supported by [Creoox AG](https://creoox.com) for viewing

package/dist/xeokit-sdk.cjs.js

@@ -1,11 +1,11 @@
 /**
- * xeokit-sdk v2.6.105-XCD-439-transparent-issues-v3
- *  Commit: 37cca0a9d4144d4d0a6bd8b69e24bf094e24b113
- *  Built: 2026-02-06T13:40:32.054Z
+ * xeokit-sdk v2.6.106
+ *  Commit: 198ae9cbd40c72fbcea53b2edf08d98c6fdac33e
+ *  Built: 2026-02-20T12:48:25.197Z
  */
 
 if (typeof window !== 'undefined') {
-    window.__XEOKIT__ = { version: '2.6.105-XCD-439-transparent-issues-v3', commit: '37cca0a9d4144d4d0a6bd8b69e24bf094e24b113', built: '2026-02-06T13:40:32.054Z' };
+    window.__XEOKIT__ = { version: '2.6.106', commit: '198ae9cbd40c72fbcea53b2edf08d98c6fdac33e', built: '2026-02-20T12:48:25.197Z' };
 }
 
 'use strict';
@@ -11423,7 +11423,7 @@ class CameraPath extends Component {
     }
 }
 
-const tempVec3$9 = math.vec3();
+const tempVec3$8 = math.vec3();
 const newLook = math.vec3();
 const newEye = math.vec3();
 const newUp = math.vec3();
@@ -11685,7 +11685,7 @@ class CameraFlightAnimation extends Component {
 
             this._look2 = poi || aabbCenter;
 
-            const eyeLookVec = math.subVec3(this._eye1, this._look1, tempVec3$9);
+            const eyeLookVec = math.subVec3(this._eye1, this._look1, tempVec3$8);
             const eyeLookVecNorm = math.normalizeVec3(eyeLookVec);
             const diag = poi ? math.getAABB3DiagPoint(aabb, poi) : math.getAABB3Diag(aabb);
             const fitFOV = params.fitFOV || this._fitFOV;
@@ -11844,12 +11844,12 @@ class CameraFlightAnimation extends Component {
                 dist = Math.abs((diag) / Math.tan((params.fitFOV || this._fitFOV) * math.DEGTORAD));
 
             } else {
-                dist = math.lenVec3(math.subVec3(camera.eye, camera.look, tempVec3$9));
+                dist = math.lenVec3(math.subVec3(camera.eye, camera.look, tempVec3$8));
             }
 
             math.mulVec3Scalar(newLookEyeVec, dist);
 
-            camera.eye = math.addVec3(newLook, newLookEyeVec, tempVec3$9);
+            camera.eye = math.addVec3(newLook, newLookEyeVec, tempVec3$8);
             camera.look = newLook;
 
             this.scene.camera.ortho.scale = diag * 1.1;
@@ -21796,7 +21796,6 @@ const PickMeshShaderSource = function(meshHash, programVariables) {
         getHash: () => [ meshHash ],
         programName: "PickMesh",
         isPick: true,
-        dontBillboardAnything: true,
         appendFragmentOutputs: (src) => src.push(`${outColor} = ${pickColor};`)
     };
 };
@@ -21809,7 +21808,6 @@ const PickTriangleShaderSource = function(meshHash, programVariables, geometry)
         programName: "PickTriangle",
         isPick: true,
         trianglePick: true,
-        dontBillboardAnything: true,
         appendFragmentOutputs: (src) => src.push(`${outColor} = ${vColor};`)
     };
 };
@@ -21842,7 +21840,6 @@ const ShadowShaderSource = function(meshHash, programVariables) {
         programName: "Shadow",
         setsLineWidth: true,
         useShadowView: true,
-        dontBillboardAnything: true,
         dontGetLogDepth: true,
         appendFragmentOutputs: (src, getGammaOutputExpression, gl_FragCoord) => src.push(`${outColor} = ${encodeFloat}(${gl_FragCoord}.z);`)
     };
@@ -24239,7 +24236,7 @@ const instantiateMeshRenderer = (mesh, attributes, auxVariables, programSetup, p
     const projMatrix            = programVariables.createUniform("mat4",  "projMatrix");
 
     const billboard = mesh.billboard;
-    const isBillboard = (! programSetup.dontBillboardAnything) && ((billboard === "spherical") || (billboard === "cylindrical"));
+    const isBillboard = (billboard === "spherical") || (billboard === "cylindrical");
     const stationary = mesh.stationary;
     const defineBillboard = isBillboard && ((name, src) => [
         `mat4 ${name}(in mat4 matIn) {`,
@@ -24262,17 +24259,13 @@ const instantiateMeshRenderer = (mesh, attributes, auxVariables, programSetup, p
     })();
 
     const fragmentOutputsSetup = [ ];
-    if (programSetup.dontBillboardAnything) {
-        fragmentOutputsSetup.push(`mat4 viewMatrix2 = ${viewMatrix};`);
-    } else {
-        fragmentOutputsSetup.push(`mat4 viewMatrix1 = ${viewMatrix};`);
-        if (stationary) {
-            fragmentOutputsSetup.push("viewMatrix1[3].xyz = vec3(0.0, 0.0, 0.0);");
-        } else if (meshStateBackground) {
-            fragmentOutputsSetup.push("viewMatrix1[3]     = vec4(0.0, 0.0, 0.0, 1.0);");
-        }
-        fragmentOutputsSetup.push(`mat4 viewMatrix2 = ${billboardIfApplicableFrag("viewMatrix1")};`);
+    fragmentOutputsSetup.push(`mat4 viewMatrix1 = ${viewMatrix};`);
+    if (stationary) {
+        fragmentOutputsSetup.push("viewMatrix1[3].xyz = vec3(0.0, 0.0, 0.0);");
+    } else if (meshStateBackground) {
+        fragmentOutputsSetup.push("viewMatrix1[3]     = vec4(0.0, 0.0, 0.0, 1.0);");
     }
+    fragmentOutputsSetup.push(`mat4 viewMatrix2 = ${billboardIfApplicableFrag("viewMatrix1")};`);
 
     const clipPos = "clipPos";
     const getVertexData = function() {
@@ -24284,20 +24277,16 @@ const instantiateMeshRenderer = (mesh, attributes, auxVariables, programSetup, p
         }
         src.push(`vec4 worldPosition = ${billboardIfApplicable(modelMatrix)} * localPosition;`);
         src.push(`worldPosition.xyz = worldPosition.xyz + ${offset};`);
-        if (programSetup.dontBillboardAnything) {
-            src.push(`vec4 viewPosition = ${viewMatrix} * worldPosition;`);
-        } else {
-            src.push(`mat4 viewMatrix1 = ${viewMatrix};`);
-            if (stationary) {
-                src.push("viewMatrix1[3].xyz = vec3(0.0, 0.0, 0.0);");
-            } else if (meshStateBackground) {
-                src.push("viewMatrix1[3]     = vec4(0.0, 0.0, 0.0, 1.0);");
-            }
-            src.push(`mat4 viewMatrix2 = ${billboardIfApplicable("viewMatrix1")};`);
-            src.push(`vec4 viewPosition = ${(isBillboard
+        src.push(`mat4 viewMatrix1 = ${viewMatrix};`);
+        if (stationary) {
+            src.push("viewMatrix1[3].xyz = vec3(0.0, 0.0, 0.0);");
+        } else if (meshStateBackground) {
+            src.push("viewMatrix1[3]     = vec4(0.0, 0.0, 0.0, 1.0);");
+        }
+        src.push(`mat4 viewMatrix2 = ${billboardIfApplicable("viewMatrix1")};`);
+        src.push(`vec4 viewPosition = ${(isBillboard
                                                  ? `${billboardIfApplicable(`viewMatrix1 * ${modelMatrix}`)} * localPosition`
                                                  : "viewMatrix2 * worldPosition")};`);
-        }
         decodedUv && decodedUv.needed && src.push(`vec2 ${decodedUv} = ${quantizedGeometry ? `(${uvDecodeMatrix} * vec3(${attributes.uv}, 1.0)).xy` : attributes.uv};`);
         if (worldNormal && worldNormal.needed) {
             const localNormal = quantizedGeometry ? `${programVariables.commonLibrary.octDecode}(${attributes.normal}.xy)` : attributes.normal;
@@ -26516,7 +26505,7 @@ class Texture extends Component {
     }
 }
 
-const tempVec3$8 = math.vec3();
+const tempVec3$7 = math.vec3();
 const tempVec3b$a = math.vec3();
 math.vec3();
 const zeroVec$1 = math.vec3([0, -1, 0]);
@@ -26940,9 +26929,9 @@ class ImagePlane extends Component {
             const origin = this.scene.center;
             const negDir = [-this._dir[0], -this._dir[1], -this._dir[2]];
 
-            math.subVec3(origin, this.position, tempVec3$8);
+            math.subVec3(origin, this.position, tempVec3$7);
 
-            const dist = -math.dotVec3(negDir, tempVec3$8);
+            const dist = -math.dotVec3(negDir, tempVec3$7);
 
             math.normalizeVec3(negDir);
             math.mulVec3Scalar(negDir, dist, tempVec3b$a);
@@ -31953,7 +31942,7 @@ const SnapProgram = function(programVariables, geometry, isSnapInit, isPoints) {
 };
 
 const tempVec2 = math.vec2();
-const tempVec3$7 = math.vec3();
+const tempVec3$6 = math.vec3();
 const tempVec4$1 = math.vec4();
 const tempMat4$2 = math.mat4();
 const vec3zero = math.vec3([0,0,0]);
@@ -32190,7 +32179,7 @@ const getRenderers = (function() {
                                         const origin = layer.origin;
                                         const model = layer.model;
                                         const viewParams = frameCtx.viewParams;
-                                        const rtcOrigin = tempVec3$7;
+                                        const rtcOrigin = tempVec3$6;
                                         math.transformPoint3(model.matrix, origin, rtcOrigin);
 
                                         const viewMatrix = viewParams.viewMatrix;
@@ -32930,7 +32919,7 @@ const INDICES_EDGE_INDICES_ALIGNEMENT_SIZE = 8;
  */
 const MAX_OBJECT_UPDATES_IN_FRAME_WITHOUT_BATCHED_UPDATE = 10;
 
-const tempVec3$6 = math.vec3();
+const tempVec3$5 = math.vec3();
 const tempVec3a$e = math.vec3();
 const tempVec4a$b = math.vec4();
 math.vec4();
@@ -33501,7 +33490,7 @@ class DTXLayer extends Layer {
                         setInputValue(layerTypeInputs.worldMatrix, model.rotationMatrix);
                         setInputValue(layerTypeInputs.viewMatrix, viewState.viewMatrix);
                         setInputValue(layerTypeInputs.projMatrix, viewState.projMatrix);
-                        const rtcOrigin = math.transformPoint3(model.matrix, origin, tempVec3$6);
+                        const rtcOrigin = math.transformPoint3(model.matrix, origin, tempVec3$5);
                         setInputValue(layerTypeInputs.uCameraEyeRtc, math.subVec3(viewState.eye, rtcOrigin, tempVec3a$e));
                         setInputValue(layerTypeInputs.perObjPosDecode, texturePerObjectPositionsDecodeMatrix);
                         setInputValue(layerTypeInputs.perVertIdCoords, texturePerVertexIdCoordinates);
@@ -38864,7 +38853,6 @@ class SceneModel extends Component {
         this.renderOrder = cfg.renderOrder || 0;
 
         this._dtxEnabled = this.scene.dtxEnabled && (cfg.dtxEnabled !== false);
-        this._layerPerMesh = this.scene.layerPerMesh;
 
         this._enableVertexWelding = false; // Not needed for most objects, and very expensive, so disabled
         this._enableIndexBucketing = false; // Until fixed: https://github.com/xeokit/xeokit-sdk/issues/1204
@@ -40736,7 +40724,7 @@ class SceneModel extends Component {
         const positionsDecodeHash = posDecode ? this._createHashStringFromMatrix(posDecode) : "-";
         const textureSetId = cfg.textureSetId || "-";
         const geometryId = instancing ? cfg.geometryId : "-";
-        const layerId = (instancing ? "instancing" : "batching") + `.${Math.round(origin[0])}.${Math.round(origin[1])}.${Math.round(origin[2])}.${primitive}.${positionsDecodeHash}.${textureSetId}.${geometryId}.${this._layerPerMesh ? Object.keys(this._vboLayers).length : "-"}`;
+        const layerId = (instancing ? "instancing" : "batching") + `.${Math.round(origin[0])}.${Math.round(origin[1])}.${Math.round(origin[2])}.${primitive}.${positionsDecodeHash}.${textureSetId}.${geometryId}`;
 
         if ((! instancing) && (layerId in this._vboLayers)) {
             const layer = this._vboLayers[layerId];
@@ -47148,7 +47136,6 @@ const vec3_0 = math.vec3([0,0,0]);
 const iota = (n) => { const ret = [ ]; for (let i = 0; i < n; ++i) ret.push(i); return ret; };
 
 const tempPlanes = iota(6).map(() => math.vec4());
-const tempVec3$5 = math.vec3();
 const tempVec4 = math.vec4();
 
 const bitShiftScreenZ = math.vec4([1.0 / (256.0 * 256.0 * 256.0 * 256.0), 1.0 / (256.0 * 256.0 * 256.0), 1.0 / (256.0 * 256.0), 1.0 / 256.0]);
@@ -48141,40 +48128,6 @@ const Renderer$1 = function (scene, options) {
             if (normalFillTransparentBinLen > 0 || normalEdgesTransparentBinLen > 0) {
                 gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
             }
-
-            if (options.sortAllTransparent) {
-                const eye = frameCtx.viewParams.eye;
-                normalFillTransparentBin.length = normalFillTransparentBinLen; // normalFillTransparentBin reused by renderDrawables calls, so needs to be truncated if necessary
-
-                const transparentDrawables = [ ];
-                const appendTransparentDrawable = (d, draw) => {
-                    math.getAABB3Center(d.aabb, tempVec3$5);
-                    transparentDrawables.push({ draw: draw, distSq: math.distVec3(eye, math.getAABB3Center(d.aabb, tempVec3$5)) });
-                };
-                iota(normalEdgesTransparentBinLen).forEach(i => {
-                    const d = normalEdgesTransparentBin[i];
-                    appendTransparentDrawable(d, () => d.drawEdgesColorTransparent(frameCtx));
-                });
-
-                iota(normalFillTransparentBinLen).forEach(i => {
-                    const d = normalFillTransparentBin[i];
-                    appendTransparentDrawable(d, () => d.drawColorTransparent(frameCtx));
-                });
-
-                iota(xrayEdgesTransparentBinLen).forEach(i => {
-                    const d = xrayEdgesTransparentBin[i];
-                    appendTransparentDrawable(d, () => d.drawEdgesXRayed(frameCtx));
-                });
-
-                iota(xrayedFillTransparentBinLen).forEach(i => {
-                    const d = xrayedFillTransparentBin[i];
-                    appendTransparentDrawable(d, () => d.drawSilhouetteXRayed(frameCtx));
-                });
-
-                transparentDrawables.sort((a, b) => b.distSq - a.distSq).forEach(d => d.draw());
-
-            } else {
-
             if (normalEdgesTransparentBinLen > 0) {
                 for (i = 0; i < normalEdgesTransparentBinLen; i++) {
                     drawable = normalEdgesTransparentBin[i];
@@ -48209,7 +48162,6 @@ const Renderer$1 = function (scene, options) {
                     xrayedFillTransparentBin[i].drawSilhouetteXRayed(frameCtx);
                 }
             }
-            }
 
             gl.disable(gl.BLEND);
             if (!alphaDepthMask) {
@@ -55048,8 +55000,7 @@ class Scene extends Component {
 
         this._renderer = new Renderer$1(this, {
             transparent: transparent,
-            alphaDepthMask: alphaDepthMask,
-            sortAllTransparent: cfg.sortAllTransparent
+            alphaDepthMask: alphaDepthMask
         });
 
         this._sectionPlanesState = new (function () {
@@ -55285,7 +55236,6 @@ class Scene extends Component {
         this._colorTextureEnabled = (cfg.colorTextureEnabled !== false);
         this._dtxEnabled = !!cfg.dtxEnabled;
         this._markerZOffset = cfg.markerZOffset;
-        this.layerPerMesh = cfg.layerPerMesh;
 
         // Register Scene on xeokit
         // Do this BEFORE we add components below
@@ -102962,7 +102912,6 @@ class Viewer {
      * 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.
-     * @param {Boolean} [cfg.sortAllTransparent=false] Whether to sort all transparent objects by their distance from the camera, before drawing on the scene.
      */
     constructor(cfg) {
 
@@ -103021,10 +102970,8 @@ class Viewer {
             pbrEnabled: (!!cfg.pbrEnabled),
             colorTextureEnabled: (cfg.colorTextureEnabled !== false),
             dtxEnabled: (!!cfg.dtxEnabled),
-            layerPerMesh: (!!cfg.layerPerMesh),
             markerZOffset: cfg.markerZOffset,
-            numCachedSectionPlanes: cfg.numCachedSectionPlanes,
-            sortAllTransparent: cfg.sortAllTransparent
+            numCachedSectionPlanes: cfg.numCachedSectionPlanes
         });
 
         /**
@@ -124109,7 +124056,7 @@ function load$3(viewer, options, inflatedData, sceneModel, metaModel, manifestCt
                             if (geometryArrays.geometryPositions.length > 1000) ;
                             if (geometryArrays.batchThisMesh) {
                                 geometryArrays.decompressedPositions = new Float32Array(geometryArrays.geometryPositions.length);
-                                geometryArrays.transformedAndRecompressedPositions = new Uint16Array(geometryArrays.geometryPositions.length);
+                                geometryArrays.transformedAndRecompressedPositionsLength = geometryArrays.geometryPositions.length;
                                 const geometryPositions = geometryArrays.geometryPositions;
                                 const decompressedPositions = geometryArrays.decompressedPositions;
                                 for (let i = 0, len = geometryPositions.length; i < len; i += 3) {
@@ -124128,7 +124075,7 @@ function load$3(viewer, options, inflatedData, sceneModel, metaModel, manifestCt
                         if (geometryArrays.batchThisMesh) {
 
                             const decompressedPositions = geometryArrays.decompressedPositions;
-                            const transformedAndRecompressedPositions = geometryArrays.transformedAndRecompressedPositions;
+                            const transformedAndRecompressedPositions = new Uint16Array(geometryArrays.transformedAndRecompressedPositionsLength);
 
                             for (let i = 0, len = decompressedPositions.length; i < len; i += 3) {
                                 tempVec4a$3[0] = decompressedPositions[i + 0];
@@ -124728,7 +124675,7 @@ function load$2(viewer, options, inflatedData, sceneModel, metaModel, manifestCt
                             if (geometryArrays.geometryPositions.length > 1000) ;
                             if (geometryArrays.batchThisMesh) {
                                 geometryArrays.decompressedPositions = new Float32Array(geometryArrays.geometryPositions.length);
-                                geometryArrays.transformedAndRecompressedPositions = new Uint16Array(geometryArrays.geometryPositions.length);
+                                geometryArrays.transformedAndRecompressedPositionsLength = geometryArrays.geometryPositions.length;
                                 const geometryPositions = geometryArrays.geometryPositions;
                                 const decompressedPositions = geometryArrays.decompressedPositions;
                                 for (let i = 0, len = geometryPositions.length; i < len; i += 3) {
@@ -124747,7 +124694,7 @@ function load$2(viewer, options, inflatedData, sceneModel, metaModel, manifestCt
                         if (geometryArrays.batchThisMesh) {
 
                             const decompressedPositions = geometryArrays.decompressedPositions;
-                            const transformedAndRecompressedPositions = geometryArrays.transformedAndRecompressedPositions;
+                            const transformedAndRecompressedPositions = new Uint16Array(geometryArrays.transformedAndRecompressedPositionsLength);
 
                             for (let i = 0, len = decompressedPositions.length; i < len; i += 3) {
                                 tempVec4a$2[0] = decompressedPositions[i + 0];
@@ -125376,7 +125323,7 @@ function load$1(viewer, options, inflatedData, sceneModel, metaModel, manifestCt
                             if (geometryArrays.geometryPositions.length > 1000) ;
                             if (geometryArrays.batchThisMesh) {
                                 geometryArrays.decompressedPositions = new Float32Array(geometryArrays.geometryPositions.length);
-                                geometryArrays.transformedAndRecompressedPositions = new Uint16Array(geometryArrays.geometryPositions.length);
+                                geometryArrays.transformedAndRecompressedPositionsLength = geometryArrays.geometryPositions.length;
                                 const geometryPositions = geometryArrays.geometryPositions;
                                 const decompressedPositions = geometryArrays.decompressedPositions;
                                 for (let i = 0, len = geometryPositions.length; i < len; i += 3) {
@@ -125395,7 +125342,7 @@ function load$1(viewer, options, inflatedData, sceneModel, metaModel, manifestCt
                         if (geometryArrays.batchThisMesh) {
 
                             const decompressedPositions = geometryArrays.decompressedPositions;
-                            const transformedAndRecompressedPositions = geometryArrays.transformedAndRecompressedPositions;
+                            const transformedAndRecompressedPositions = new Uint16Array(geometryArrays.transformedAndRecompressedPositionsLength);
 
                             for (let i = 0, len = decompressedPositions.length; i < len; i += 3) {
                                 tempVec4a$1[0] = decompressedPositions[i + 0];
@@ -126129,11 +126076,11 @@ function load(viewer, options, inflatedData, sceneModel, metaModel, manifestCtx)
                             if (geometryArrays.geometryPositions && geometryArrays.geometryPositions.length > 1000) ;
                             if (geometryArrays.batchThisMesh) {
                                 if(primitiveType === 7) {
-                                    geometryArrays.transformedAndRecompressedPositions = new Uint16Array(geometryArrays.decompressedPositions.length);
+                                    geometryArrays.transformedAndRecompressedPositionsLength = geometryArrays.decompressedPositions.length;
                                 }
                                 else {
                                     geometryArrays.decompressedPositions = new Float32Array(geometryArrays.geometryPositions.length);
-                                    geometryArrays.transformedAndRecompressedPositions = new Uint16Array(geometryArrays.geometryPositions.length);
+                                    geometryArrays.transformedAndRecompressedPositionsLength = geometryArrays.geometryPositions.length;
                                     const geometryPositions = geometryArrays.geometryPositions;
                                     const decompressedPositions = geometryArrays.decompressedPositions;
                                     for (let i = 0, len = geometryPositions.length; i < len; i += 3) {
@@ -126154,7 +126101,7 @@ function load(viewer, options, inflatedData, sceneModel, metaModel, manifestCtx)
                         if (geometryArrays.batchThisMesh) {
 
                             const decompressedPositions = geometryArrays.decompressedPositions;
-                            const transformedAndRecompressedPositions = geometryArrays.transformedAndRecompressedPositions;
+                            const transformedAndRecompressedPositions = new Uint16Array(geometryArrays.transformedAndRecompressedPositionsLength);
 
                             for (let i = 0, len = decompressedPositions.length; i < len; i += 3) {
                                 tempVec4a[0] = decompressedPositions[i + 0];
@@ -126438,7 +126385,7 @@ parsers[ParserV12.version] = ParserV12;
  * We have several ways to convert your files into XKT. See these tutorials for more info:
  *
  * * [Converting Models to XKT with convert2xkt](https://xeokit.io/blog/converting-models-to-xkt-with-convert2xkt) - how to convert various file formats (glTF, IFC, CityJSON, LAS/LAZ...) to XKT using our nodejs-based converter.
- * * [Converting IFC Models to XKT using 3rd-Party Open Source Tools](https://www.notion.so/xeokit/Converting-IFC-Models-to-XKT-using-3rd-Party-Open-Source-Tools-c373e48bc4094ff5b6e5c5700ff580ee) - how to convert IFC files to XKT using 3rd-party open source CLI tools.
+ * * [Converting IFC Models to XKT using various different methods, including 3rd-Party Open Source Tools](https://xeokit.io/blog/xeokit-loaders-&-converters) - how to convert IFC files to XKT using various different methods, including 3rd-party open source CLI tools.
  *
  * # Scene representation
  *
@@ -135122,7 +135069,6 @@ class Zone extends Component {
         this.plugin.viewer.scene;
 
         this._geometry = cfg.geometry;
-        this._isUI = !!cfg.isUI;
 
         cfg.onMouseOver ? (event) => {
             cfg.onMouseOver(event, this);
@@ -135222,7 +135168,6 @@ class Zone extends Component {
                     indices:   ind,
                     normals:   math.buildNormals(positions, ind)
                 }),
-            isUI: this._isUI,
             material: new PhongMaterial(scene, {
                 alpha: this._alpha,
                 backfaces: true,
@@ -135519,7 +135464,6 @@ class Zone extends Component {
         return {
             id: this.id,
             geometry: this._geometry,
-            isUI:  this._isUI,
             alpha: this._alpha,
             color: this._color
         };
@@ -135534,7 +135478,6 @@ class Zone extends Component {
                     altitude: this._geometry.altitude,
                     height: this._geometry.height
                 },
-                isUI:  this._isUI,
                 alpha: this._alpha,
                 color: this._color
             });
@@ -135772,7 +135715,6 @@ class ZonesPlugin extends Plugin {
 
         this.defaultColor = cfg.defaultColor !== undefined ? cfg.defaultColor : "#00BBFF";
         this.zIndex = cfg.zIndex || 10000;
-        this._isUI = cfg.isUI;
 
         this._onMouseOver = (event, zone) => {
             this.fire("mouseOver", {
@@ -135824,7 +135766,6 @@ class ZonesPlugin extends Plugin {
             plugin: this,
             container: this._container,
             geometry: params.geometry,
-            isUI:  this._isUI,
             alpha: params.alpha,
             color: params.color,
             onMouseOver: this._onMouseOver,