@xeokit/xeokit-sdk 2.4.2-beta-38 → 2.4.2-beta-40

package/dist/xeokit-sdk.es.js

@@ -12011,7 +12011,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
         const cameraControl = this.angleMeasurementsPlugin.viewer.cameraControl;
         const pointerLens = this.pointerLens;
         let mouseHovering = false;
-        let mouseHoverEntity = false;
+        let hoveredEntity = null;
         let lastMouseCanvasX = 0;
         let lastMouseCanvasY = 0;
         const mouseWorldPos = math.vec3();
@@ -12043,7 +12043,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
                 }
                 const canvasPos = event.snappedCanvasPos || event.canvasPos;
                 mouseHovering = true;
-                mouseHoverEntity = event.entity;
+                hoveredEntity = event.entity;
                 mouseWorldPos.set(event.worldPos);
                 mouseHoverCanvasPos.set(canvasPos);
                 switch (this._mouseState) {
@@ -12058,6 +12058,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
                             this._currentAngleMeasurement.cornerVisible = true;
                             this._currentAngleMeasurement.angleVisible = false;
                             this._currentAngleMeasurement.corner.worldPos = event.worldPos;
+                            this._currentAngleMeasurement.corner.entity = event.entity;
                         }
                         this.markerDiv.style.marginLeft = `-10000px`;
                         this.markerDiv.style.marginTop = `-10000px`;
@@ -12069,6 +12070,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
                             this._currentAngleMeasurement.targetVisible = true;
                             this._currentAngleMeasurement.angleVisible = true;
                             this._currentAngleMeasurement.target.worldPos = event.worldPos;
+                            this._currentAngleMeasurement.target.entity = event.entity;
                         }
                         this.markerDiv.style.marginLeft = `-10000px`;
                         this.markerDiv.style.marginTop = `-10000px`;
@@ -12099,15 +12101,12 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
                         this._currentAngleMeasurement = this.angleMeasurementsPlugin.createMeasurement({
                             id: math.createUUID(),
                             origin: {
-                                entity: mouseHoverEntity,
                                 worldPos: mouseWorldPos
                             },
                             corner: {
-                                entity: mouseHoverEntity,
                                 worldPos: mouseWorldPos
                             },
                             target: {
-                                entity: mouseHoverEntity,
                                 worldPos: mouseWorldPos
                             },
                             approximate: true
@@ -12119,6 +12118,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
                         this._currentAngleMeasurement.targetWireVisible = false;
                         this._currentAngleMeasurement.targetVisible = false;
                         this._currentAngleMeasurement.angleVisible = false;
+                        this._currentAngleMeasurement.origin.entity = hoveredEntity;
                         this._mouseState = MOUSE_FINDING_CORNER;
                         this.angleMeasurementsPlugin.fire("measurementStart", this._currentAngleMeasurement);
                     }
@@ -12128,11 +12128,13 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
                         this._currentAngleMeasurement.targetWireVisible = false;
                         this._currentAngleMeasurement.targetVisible = true;
                         this._currentAngleMeasurement.angleVisible = true;
+                        this._currentAngleMeasurement.corner.entity = hoveredEntity;
                         this._mouseState = MOUSE_FINDING_TARGET;
                     } else {
                         if (this._currentAngleMeasurement) {
                             this._currentAngleMeasurement.destroy();
                             this._currentAngleMeasurement = null;
+                            hoveredEntity = null;
                             this._mouseState = MOUSE_FINDING_ORIGIN;
                             this.angleMeasurementsPlugin.fire("measurementCancel", this._currentAngleMeasurement);
                         }
@@ -12142,7 +12144,9 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
                     if (mouseHovering) {
                         this._currentAngleMeasurement.targetVisible = true;
                         this._currentAngleMeasurement.angleVisible = true;
+                        this._currentAngleMeasurement.target.entity = hoveredEntity;
                         this._currentAngleMeasurement.clickable = true;
+                        hoveredEntity = null;
                         this.angleMeasurementsPlugin.fire("measurementEnd", this._currentAngleMeasurement);
                         this._currentAngleMeasurement = null;
                         this._mouseState = MOUSE_FINDING_ORIGIN;
@@ -12150,6 +12154,7 @@ class AngleMeasurementsMouseControl extends AngleMeasurementsControl {
                         if (this._currentAngleMeasurement) {
                             this._currentAngleMeasurement.destroy();
                             this._currentAngleMeasurement = null;
+                            hoveredEntity = null;
                             this._mouseState = MOUSE_FINDING_ORIGIN;
                             this.angleMeasurementsPlugin.fire("measurementCancel", this._currentAngleMeasurement);
                         }
@@ -50116,6 +50121,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
         let pointerDownCanvasX;
         let pointerDownCanvasY;
         const clickTolerance = 20;
+        let hoveredEntity = null;
 
         this._mouseState = MOUSE_FIRST_CLICK_EXPECTED;
 
@@ -50150,6 +50156,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
                         this._markerDiv.style.background = "pink";
                         this._markerDiv.style.border = "2px solid red";
                     }
+                    hoveredEntity = event.entity;
                 } else {
                     this._markerDiv.style.marginLeft = `-10000px`;
                     this._markerDiv.style.marginTop = `-10000px`;
@@ -50188,6 +50195,8 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
             }
             if (this._currentDistanceMeasurement) {
                 if (mouseHovering) {
+                    this._currentDistanceMeasurement.target.entity = hoveredEntity;
+                    hoveredEntity = null;
                     this._currentDistanceMeasurement.clickable = true;
                     this.distanceMeasurementsPlugin.fire("measurementEnd", this._currentDistanceMeasurement);
                     this._currentDistanceMeasurement = null;
@@ -50195,6 +50204,7 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
                     this._currentDistanceMeasurement.destroy();
                     this.distanceMeasurementsPlugin.fire("measurementCancel", this._currentDistanceMeasurement);
                     this._currentDistanceMeasurement = null;
+                    hoveredEntity = null;
                 }
             } else {
                 if (mouseHovering) {
@@ -50215,6 +50225,8 @@ class DistanceMeasurementsMouseControl extends DistanceMeasurementsControl {
                     this._currentDistanceMeasurementInitState.wireVisible = this._currentDistanceMeasurement.wireVisible;
                     this._currentDistanceMeasurementInitState.targetVisible = this._currentDistanceMeasurement.targetVisible;
                     this._currentDistanceMeasurement.clickable = false;
+                    this._currentDistanceMeasurement.origin.entity = hoveredEntity;
+                    hoveredEntity = null;
                     this.fire("measurementStart", this._currentDistanceMeasurement);
                 }
             }
@@ -56327,6 +56339,7 @@ class SceneModelMesh {
 
     _sceneModelDirty() {
         this._aabbWorldDirty = true;
+        this.layer.aabbDirty = true;
     }
 
     _transformDirty() {
@@ -56336,6 +56349,7 @@ class SceneModelMesh {
             this._matrixUpdateScheduled = true;
         }
         this._aabbWorldDirty = true;
+        this.layer.aabbDirty = true;
         if (this.entity) {
             this.entity._transformDirty();
         }
@@ -60659,7 +60673,7 @@ class SnapBatchingDepthBufInitRenderer extends VBOSceneModelRenderer {
         const state = batchingLayer._state;
         const origin = batchingLayer._state.origin;
         const {position, rotationMatrix, rotationMatrixConjugate} = model;
-        const aabb = model.aabb;
+        const aabb = batchingLayer.aabb; // Per-layer AABB for best RTC accuracy
         const viewMatrix = frameCtx.pickViewMatrix || camera.viewMatrix;
 
         if (this._vaoCache.has(batchingLayer)) {
@@ -60968,7 +60982,7 @@ class SnapBatchingDepthRenderer extends VBOSceneModelRenderer{
         const state = batchingLayer._state;
         const origin = batchingLayer._state.origin;
         const {position, rotationMatrix, rotationMatrixConjugate} = model;
-        const aabb = model.aabb;
+        const aabb = batchingLayer.aabb; // Per-layer AABB for best RTC accuracy
         const viewMatrix = frameCtx.pickViewMatrix || camera.viewMatrix;
 
         if (this._vaoCache.has(batchingLayer)) {
@@ -61415,9 +61429,12 @@ class TrianglesBatchingLayer {
 
         this._modelAABB = math.collapseAABB3(); // Model-space AABB
         this._portions = [];
-
+        this._meshes = [];
         this._numVerts = 0;
 
+        this._aabb = math.collapseAABB3();
+        this.aabbDirty = true;
+
         this._finalized = false;
 
         if (cfg.positionsDecodeMatrix) {
@@ -61448,6 +61465,16 @@ class TrianglesBatchingLayer {
         this.solid = !!cfg.solid;
     }
 
+    get aabb() {
+        if (this.aabbDirty) {
+            math.collapseAABB3(this._aabb);
+            for (let i = 0, len = this._meshes.length; i < len; i++) {
+                math.expandAABB3(this._aabb, this._meshes[i].aabb);
+            }
+            this.aabbDirty = false;
+        }
+    }
+
     /**
      * Tests if there is room for another portion in this TrianglesBatchingLayer.
      *
@@ -61467,6 +61494,7 @@ class TrianglesBatchingLayer {
      *
      * Gives the portion the specified geometry, color and matrix.
      *
+     * @param mesh The SceneModelMesh that owns the portion
      * @param cfg.positions Flat float Local-space positions array.
      * @param cfg.positionsCompressed Flat quantized positions array - decompressed with TrianglesBatchingLayer positionsDecodeMatrix
      * @param [cfg.normals] Flat float normals array.
@@ -61485,7 +61513,7 @@ class TrianglesBatchingLayer {
      * @param cfg.pickColor Quantized pick color
      * @returns {number} Portion ID
      */
-    createPortion(cfg) {
+    createPortion(mesh, cfg) {
 
         if (this._finalized) {
             throw "Already finalized";
@@ -61524,8 +61552,7 @@ class TrianglesBatchingLayer {
             for (let i = 0, len = positionsCompressed.length; i < len; i++) {
                 buffer.positions.push(positionsCompressed[i]);
             }
-        }
-        else {
+        } else {
             if (!positions) {
                 throw "positions expected";
             }
@@ -61642,13 +61669,10 @@ class TrianglesBatchingLayer {
         }
 
         this._portions.push(portion);
-
         this._numPortions++;
-
         this.model.numPortions++;
-
         this._numVerts += portion.numVerts;
-
+        this._meshes.push(mesh);
         return portionId;
     }
 
@@ -65666,7 +65690,7 @@ class SnapInstancingDepthBufInitRenderer extends VBOSceneModelRenderer {
         const state = instancingLayer._state;
         const origin = instancingLayer._state.origin;
         const {position, rotationMatrix, rotationMatrixConjugate} = model;
-        const aabb = model.aabb;
+        const aabb = instancingLayer.aabb; // Per-layer AABB for best RTC accuracy
         const viewMatrix = frameCtx.pickViewMatrix || camera.viewMatrix;
 
         if (this._vaoCache.has(instancingLayer)) {
@@ -66002,7 +66026,7 @@ class SnapInstancingDepthRenderer extends VBOSceneModelRenderer {
         const state = instancingLayer._state;
         const origin = instancingLayer._state.origin;
         const {position, rotationMatrix, rotationMatrixConjugate} = model;
-        const aabb = model.aabb;
+        const aabb = instancingLayer.aabb; // Per-layer AABB for best RTC accuracy
         const viewMatrix = frameCtx.pickViewMatrix || camera.viewMatrix;
 
         if (this._vaoCache.has(instancingLayer)) {
@@ -66483,6 +66507,10 @@ class TrianglesInstancingLayer {
         this._modelNormalMatrixCol2 = [];
 
         this._portions = [];
+        this._meshes = [];
+
+        this._aabb = math.collapseAABB3();
+        this.aabbDirty = true;
 
         if (cfg.origin) {
             this._state.origin.set(cfg.origin);
@@ -66503,6 +66531,17 @@ class TrianglesInstancingLayer {
         this.numIndices = cfg.geometry.numIndices;
     }
 
+    get aabb() {
+        if (this.aabbDirty) {
+            math.collapseAABB3(this._aabb);
+            for (let i = 0, len = this._meshes.length; i < len; i++) {
+                math.expandAABB3(this._aabb, this._meshes[i].aabb);
+            }
+            this.aabbDirty = false;
+        }
+        return this._aabb;
+    }
+
     /**
      * Creates a new portion within this InstancingLayer, returns the new portion ID.
      *
@@ -66510,6 +66549,7 @@ class TrianglesInstancingLayer {
      *
      * Gives the portion the specified color and matrix.
      *
+     * @param mesh The SceneModelMesh that owns the portion
      * @param cfg Portion params
      * @param cfg.color Color [0..255,0..255,0..255]
      * @param cfg.metallic Metalness factor [0..255]
@@ -66520,7 +66560,7 @@ class TrianglesInstancingLayer {
      * @param cfg.pickColor Quantized pick color
      * @returns {number} Portion ID.
      */
-    createPortion(cfg) {
+    createPortion(mesh, cfg) {
 
         const color = cfg.color;
         const metallic = cfg.metallic;
@@ -66612,7 +66652,7 @@ class TrianglesInstancingLayer {
 
         this._numPortions++;
         this.model.numPortions++;
-
+        this._meshes.push(mesh);
         return portionId;
     }
 
@@ -67918,9 +67958,12 @@ class LinesBatchingLayer {
 
         this._modelAABB = math.collapseAABB3(); // Model-space AABB
         this._portions = [];
-
+        this._meshes = [];
         this._numVerts = 0;
 
+        this._aabb = math.collapseAABB3();
+        this.aabbDirty = true;
+
         this._finalized = false;
 
         if (cfg.positionsDecodeMatrix) {
@@ -67941,6 +67984,17 @@ class LinesBatchingLayer {
         this.aabb = math.collapseAABB3();
     }
 
+    get aabb() {
+        if (this.aabbDirty) {
+            math.collapseAABB3(this._aabb);
+            for (let i = 0, len = this._meshes.length; i < len; i++) {
+                math.expandAABB3(this._aabb, this._meshes[i].aabb);
+            }
+            this.aabbDirty = false;
+        }
+        return this._aabb;
+    }
+
     /**
      * Tests if there is room for another portion in this LinesBatchingLayer.
      *
@@ -67960,6 +68014,7 @@ class LinesBatchingLayer {
      *
      * Gives the portion the specified geometry, color and matrix.
      *
+     * @param mesh The SceneModelMesh that owns the portion
      * @param cfg.positions Flat float Local-space positions array.
      * @param cfg.positionsCompressed Flat quantized positions array - decompressed with TrianglesBatchingLayer positionsDecodeMatrix
      * @param cfg.indices  Flat int indices array.
@@ -67970,7 +68025,7 @@ class LinesBatchingLayer {
      * @param cfg.pickColor Quantized pick color
      * @returns {number} Portion ID
      */
-    createPortion(cfg) {
+    createPortion(mesh, cfg) {
 
         if (this._finalized) {
             throw "Already finalized";
@@ -68047,6 +68102,8 @@ class LinesBatchingLayer {
 
         this._numVerts += numVerts;
 
+        this._meshes.push(mesh);
+
         return portionId;
     }
 
@@ -68959,6 +69016,10 @@ class LinesInstancingLayer {
         this._modelMatrixCol2 = [];
 
         this._portions = [];
+        this._meshes = [];
+
+        this._aabb = math.collapseAABB3();
+        this.aabbDirty = true;
 
         if (cfg.origin) {
             this._state.origin = math.vec3(cfg.origin);
@@ -68967,6 +69028,17 @@ class LinesInstancingLayer {
         this._finalized = false;
     }
 
+    get aabb() {
+        if (this.aabbDirty) {
+            math.collapseAABB3(this._aabb);
+            for (let i = 0, len = this._meshes.length; i < len; i++) {
+                math.expandAABB3(this._aabb, this._meshes[i].aabb);
+            }
+            this.aabbDirty = false;
+        }
+        return this._aabb;
+    }
+
     /**
      * Creates a new portion within this InstancingLayer, returns the new portion ID.
      *
@@ -68974,13 +69046,14 @@ class LinesInstancingLayer {
      *
      * Gives the portion the specified color and matrix.
      *
+     * @param mesh The SceneModelMesh that owns the portion
      * @param cfg Portion params
      * @param cfg.color Color [0..255,0..255,0..255]
      * @param cfg.opacity Opacity [0..255].
      * @param cfg.meshMatrix Flat float 4x4 matrix.
      * @returns {number} Portion ID.
      */
-    createPortion(cfg) {
+    createPortion(mesh, cfg) {
 
         const color = cfg.color;
         const opacity = cfg.opacity;
@@ -69029,6 +69102,8 @@ class LinesInstancingLayer {
         this._numPortions++;
         this.model.numPortions++;
 
+        this._meshes.push(mesh);
+
         return portionId;
     }
 
@@ -70446,6 +70521,10 @@ class PointsBatchingLayer {
 
         this._modelAABB = math.collapseAABB3(); // Model-space AABB
         this._portions = [];
+        this._meshes = [];
+
+        this._aabb = math.collapseAABB3();
+        this.aabbDirty = true;
 
         this._finalized = false;
 
@@ -70467,6 +70546,17 @@ class PointsBatchingLayer {
         this.aabb = math.collapseAABB3();
     }
 
+    get aabb() {
+        if (this.aabbDirty) {
+            math.collapseAABB3(this._aabb);
+            for (let i = 0, len = this._meshes.length; i < len; i++) {
+                math.expandAABB3(this._aabb, this._meshes[i].aabb);
+            }
+            this.aabbDirty = false;
+        }
+        return this._aabb;
+    }
+
     /**
      * Tests if there is room for another portion in this PointsBatchingLayer.
      *
@@ -70485,6 +70575,7 @@ class PointsBatchingLayer {
      *
      * Gives the portion the specified geometry, color and matrix.
      *
+     * @param mesh The SceneModelMesh that owns the portion
      * @param cfg.positions Flat float Local-space positions array.
      * @param cfg.positionsCompressed Flat quantized positions array - decompressed with PointsBatchingLayer positionsDecodeMatrix
      * @param [cfg.colorsCompressed] Quantized RGB colors [0..255,0..255,0..255,0..255]
@@ -70495,7 +70586,7 @@ class PointsBatchingLayer {
      * @param cfg.pickColor Quantized pick color
      * @returns {number} Portion ID
      */
-    createPortion(cfg) {
+    createPortion(mesh, cfg) {
 
         if (this._finalized) {
             throw "Already finalized";
@@ -70506,7 +70597,7 @@ class PointsBatchingLayer {
         const color = cfg.color;
         const colorsCompressed = cfg.colorsCompressed;
         const colors = cfg.colors;
-         const pickColor = cfg.pickColor;
+        const pickColor = cfg.pickColor;
 
         const buffer = this._buffer;
         const positionsIndex = buffer.positions.length;
@@ -70595,7 +70686,7 @@ class PointsBatchingLayer {
 
         this._numPortions++;
         this.model.numPortions++;
-
+        this._meshes.push(mesh);
         return portionId;
     }
 
@@ -70859,7 +70950,7 @@ class PointsBatchingLayer {
         let colorFlag;
         if (!visible || culled || xrayed
             || (highlighted && !this.model.scene.highlightMaterial.glowThrough)
-            || (selected && !this.model.scene.selectedMaterial.glowThrough) ) {
+            || (selected && !this.model.scene.selectedMaterial.glowThrough)) {
             colorFlag = RENDER_PASSES.NOT_RENDERED;
         } else {
             if (transparent) {
@@ -70893,7 +70984,7 @@ class PointsBatchingLayer {
             // no edges
             vertFlag |= pickFlag << 12;
             vertFlag |= clippableFlag << 16;
-    
+
             tempArray[i] = vertFlag;
         }
 
@@ -72353,10 +72444,24 @@ class PointsInstancingLayer {
         this._modelMatrixCol2 = [];
 
         this._portions = [];
+        this._meshes = [];
+        this._aabb = math.collapseAABB3();
+        this.aabbDirty = true;
 
         this._finalized = false;
     }
 
+    get aabb() {
+        if (this.aabbDirty) {
+            math.collapseAABB3(this._aabb);
+            for (let i = 0, len = this._meshes.length; i < len; i++) {
+                math.expandAABB3(this._aabb, this._meshes[i].aabb);
+            }
+            this.aabbDirty = false;
+        }
+        return this._aabb;
+    }
+
     /**
      * Creates a new portion within this InstancingLayer, returns the new portion ID.
      *
@@ -72364,13 +72469,14 @@ class PointsInstancingLayer {
      *
      * Gives the portion the specified color and matrix.
      *
+     * @param mesh The SceneModelMesh that owns the portion
      * @param cfg Portion params
      * @param cfg.meshMatrix Flat float 4x4 matrix.
      * @param [cfg.worldMatrix] Flat float 4x4 matrix.
      * @param cfg.pickColor Quantized pick color
      * @returns {number} Portion ID.
      */
-    createPortion(cfg) {
+    createPortion(mesh, cfg) {
 
         const meshMatrix = cfg.meshMatrix;
         const pickColor = cfg.pickColor;
@@ -72414,7 +72520,7 @@ class PointsInstancingLayer {
 
         this._numPortions++;
         this.model.numPortions++;
-
+        this._meshes.push(mesh);
         return portionId;
     }
 
@@ -77373,7 +77479,7 @@ class TrianglesDataTextureSnapDepthRenderer {
         const textureState = state.textureState;
         const origin = dataTextureLayer._state.origin;
         const {position, rotationMatrix, rotationMatrixConjugate} = model;
-        const aabb = model.aabb;
+        const aabb = dataTextureLayer.aabb; // Per-layer AABB for best RTC accuracy
         const viewMatrix = frameCtx.pickViewMatrix || camera.viewMatrix;
 
         const coordinateScaler = tempVec3a$e;
@@ -77791,7 +77897,7 @@ class TrianglesDataTextureSnapDepthBufInitRenderer {
         const textureState = state.textureState;
         const origin = dataTextureLayer._state.origin;
         const {position, rotationMatrix, rotationMatrixConjugate} = model;
-        const aabb = model.aabb;
+        const aabb = dataTextureLayer.aabb; // Per-layer AABB for best RTC accuracy
         const viewMatrix = frameCtx.pickViewMatrix || camera.viewMatrix;
 
         const coordinateScaler = tempVec3a$d;
@@ -81143,10 +81249,13 @@ class TrianglesDataTextureLayer {
 
         this._bucketGeometries = {};
 
+        this._meshes = [];
+
         /**
          * The axis-aligned World-space boundary of this TrianglesDataTextureLayer's positions.
          */
-        this.aabb = math.collapseAABB3();
+        this._aabb = math.collapseAABB3();
+        this.aabbDirty = true;
 
         /**
          * The number of updates in the current frame;
@@ -81156,6 +81265,17 @@ class TrianglesDataTextureLayer {
         this._finalized = false;
     }
 
+    get aabb() {
+        if (this.aabbDirty) {
+            math.collapseAABB3(this._aabb);
+            for (let i = 0, len = this._meshes.length; i < len; i++) {
+                math.expandAABB3(this._aabb, this._meshes[i].aabb);
+            }
+            this.aabbDirty = false;
+        }
+        return this._aabb;
+    }
+
     /**
      * Returns whether the ```TrianglesDataTextureLayer``` has room for more portions.
      *
@@ -81200,6 +81320,7 @@ class TrianglesDataTextureLayer {
      *
      * Gives the portion the specified geometry, color and matrix.
      *
+     * @param mesh The SceneModelMesh that owns the portion
      * @param portionCfg.positionsCompressed Flat float Local-space positionsCompressed array.
      * @param [portionCfg.normals] Flat float normals array.
      * @param [portionCfg.colors] Flat float colors array.
@@ -81214,12 +81335,12 @@ class TrianglesDataTextureLayer {
      * @param portionCfg.pickColor Quantized pick color
      * @returns {number} Portion ID
      */
-    createPortion(portionCfg) {
+    createPortion(mesh, portionCfg) {
         if (this._finalized) {
             throw "Already finalized";
         }
         const subPortionIds = [];
-     //   const portionAABB = portionCfg.worldAABB;
+        //   const portionAABB = portionCfg.worldAABB;
         portionCfg.buckets.forEach((bucket, bucketIndex) => {
             const bucketGeometryId = portionCfg.geometryId !== undefined && portionCfg.geometryId !== null
                 ? `${portionCfg.geometryId}#${bucketIndex}`
@@ -81229,7 +81350,7 @@ class TrianglesDataTextureLayer {
                 bucketGeometry = this._createBucketGeometry(portionCfg, bucket);
                 this._bucketGeometries[bucketGeometryId] = bucketGeometry;
             }
-          //  const subPortionAABB = math.collapseAABB3(tempAABB3b);
+            //  const subPortionAABB = math.collapseAABB3(tempAABB3b);
             const subPortionId = this._createSubPortion(portionCfg, bucketGeometry, bucket);
             //math.expandAABB3(portionAABB, subPortionAABB);
             subPortionIds.push(subPortionId);
@@ -81247,6 +81368,7 @@ class TrianglesDataTextureLayer {
         const portionId = this._portionToSubPortionsMap.length;
         this._portionToSubPortionsMap.push(subPortionIds);
         this.model.numPortions++;
+        this._meshes.push(mesh);
         return portionId;
     }
 
@@ -81351,7 +81473,7 @@ class TrianglesDataTextureLayer {
             numEdges,
             indicesBase,
             edgeIndicesBase,
-           // aabb,
+            // aabb,
             obb: null // Lazy-created in _createSubPortion if needed
         };
 
@@ -81531,7 +81653,7 @@ class TrianglesDataTextureLayer {
         textureState.texturePerVertexIdCoordinates = this._dataTextureGenerator.generateTextureForPositions(
             gl,
             buffer.positionsCompressed,
-            buffer.lenPositionsCompressed );
+            buffer.lenPositionsCompressed);
 
         textureState.texturePerPolygonIdPortionIds8Bits = this._dataTextureGenerator.generateTextureForPackedPortionIds(
             gl,
@@ -82112,7 +82234,7 @@ class TrianglesDataTextureLayer {
         const textureState = this._dataTextureState;
         const gl = this.model.scene.canvas.gl;
         tempMat4a.set(matrix);
-        textureState.texturePerObjectInstanceMatrices._textureData.set(tempMat4a, subPortionId*16);
+        textureState.texturePerObjectInstanceMatrices._textureData.set(tempMat4a, subPortionId * 16);
         if (this._deferredSetFlagsActive) {
             this._deferredSetFlagsDirty = true;
             return;
@@ -82135,7 +82257,7 @@ class TrianglesDataTextureLayer {
         );
         // gl.bindTexture (gl.TEXTURE_2D, null);
     }
-    
+
     // ---------------------- COLOR RENDERING -----------------------------------
 
     drawColorOpaque(renderFlags, frameCtx) {
@@ -85819,7 +85941,7 @@ class SceneModel extends Component {
         if (cfg.transform) {
             cfg.meshMatrix = cfg.transform.worldMatrix;
         }
-        mesh.portionId = mesh.layer.createPortion(cfg);
+        mesh.portionId = mesh.layer.createPortion(mesh, cfg);
         this._meshes[cfg.id] = mesh;
         this._meshList.push(mesh);
         return mesh;