bruce-cesium 3.3.7 → 3.3.9

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ProjectViewTile, DelayQueue, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, EntityRelationType, ENVIRONMENT, BruceEvent, EntityCoords, Api, EntitySource, MenuItem, EntityRelation, ProgramKey, AbstractApi, ProjectViewBookmark, EntityAttachment, EntityAttachmentType, EntityAttribute, ProjectView, ProjectViewLegacyTile, Camera } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, DistanceDisplayCondition, NearFarScalar, Model, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, SceneMode, HeadingPitchRange, Cesium3DTileColorBlendMode, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidGeodesic, EllipsoidTerrainProvider, sampleTerrainMostDetailed, defined, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, BoundingSphere, GeometryInstance, PolygonPipeline, ScreenSpaceEventHandler, ScreenSpaceEventType, Intersect, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ColorMaterialProperty } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, Entity, Primitive, Cesium3DTileFeature, JulianDate, DistanceDisplayCondition, NearFarScalar, Model, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, SceneMode, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, GeoJsonDataSource, ColorMaterialProperty, KmlDataSource, SceneTransforms, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, CesiumInspector, OrthographicFrustum, defined, PolygonPipeline, BoundingSphere, Matrix3, Matrix4, EasingFunction, GeometryInstance, ScreenSpaceEventHandler, ScreenSpaceEventType, Cesium3DTileset, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, Intersect, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -742,6 +742,66 @@ var CesiumEntityStyler;
         }
     }
     CesiumEntityStyler.UpdateColorSetting = UpdateColorSetting;
+    /**
+     * Updates the default colour of a graphic.
+     * This will not change the graphic's state to use it if the entity is selected/highlighted.
+     * @param params
+     * @returns
+     */
+    function SetDefaultColor(params) {
+        var viewer = params.viewer, entity = params.entity, requestRender = params.requestRender;
+        if (!entity) {
+            return;
+        }
+        var parts = EntityUtils.GatherEntity({
+            entity: entity
+        });
+        for (var i = 0; i < parts.length; i++) {
+            var part = parts[i];
+            if (!isAlive(viewer, part)) {
+                continue;
+            }
+            if (part instanceof Cesium3DTileFeature) {
+                var opacity = getAppliedOpacity(part);
+                storeColor(viewer, "default", params.color, part);
+                refreshColor(viewer, part, opacity);
+            }
+            else if (part instanceof Entity) {
+                if (part.billboard) {
+                    storeColor(viewer, "default", params.color, part.billboard);
+                    refreshColor(viewer, part.billboard, getAppliedOpacity(part.billboard));
+                }
+                if (part.model) {
+                    storeColor(viewer, "default", params.color, part.model);
+                    refreshColor(viewer, part.model, getAppliedOpacity(part.model));
+                }
+                if (part.polyline) {
+                    storeColor(viewer, "default", params.color, part.polyline);
+                    refreshColor(viewer, part.polyline, getAppliedOpacity(part.polyline));
+                }
+                if (part.polygon) {
+                    storeColor(viewer, "default", params.color, part.polygon);
+                    refreshColor(viewer, part.polygon, getAppliedOpacity(part.polygon));
+                }
+                if (part.corridor) {
+                    storeColor(viewer, "default", params.color, part.corridor);
+                    refreshColor(viewer, part.corridor, getAppliedOpacity(part.corridor));
+                }
+                if (part.point) {
+                    storeColor(viewer, "default", params.color, part.point);
+                    refreshColor(viewer, part.point, getAppliedOpacity(part.point));
+                }
+                if (part.ellipse) {
+                    storeColor(viewer, "default", params.color, part.ellipse);
+                    refreshColor(viewer, part.ellipse, getAppliedOpacity(part.ellipse));
+                }
+            }
+        }
+        if (requestRender != false) {
+            viewer.scene.requestRender();
+        }
+    }
+    CesiumEntityStyler.SetDefaultColor = SetDefaultColor;
     /**
      * Updates the opacity of the graphic.
      * This will multiply against the current colour's opacity before applying.
@@ -3052,7 +3112,7 @@ function runCullChecker(register) {
             var rego = register.GetRego({
                 entityId: entityId
             });
-            if (!rego || !rego.visual || !(rego.visual instanceof Entity) || rego.relation != null || rego.overrideShow != null) {
+            if (!rego || !rego.visual || !(rego.visual instanceof Entity) || rego.relation != null || rego.overrideShow != null || rego.collection) {
                 continue;
             }
             var parts = EntityUtils.GatherEntity({
@@ -6181,8 +6241,14 @@ function removeEntity(viewer, visual) {
         }
     }
 }
-function updateCEntityShow(viewer, isRelationship, visual, isShowOverriden, show, ignoreParent) {
-    if (show && !isRelationship && !isShowOverriden) {
+var MAX_SHOW_DEPTH = 10;
+function updateCEntityShow(viewer, visual, rego, show, ignoreParent, depth) {
+    if (depth === void 0) { depth = 0; }
+    if (depth > MAX_SHOW_DEPTH) {
+        console.warn("updateCEntityShow(): Max show depth reached. EntityId = " + rego.entityId);
+        return;
+    }
+    if (show && !rego.relation && !rego.overrideShow && !rego.collection) {
         // Culling is controlled by "visual-register-culler.ts".
         // When an object is unculled then the 'updateEntityShow' function is re-called to reveal it and related objects.
         // A sub-object can be culled while the siblings are not.
@@ -6190,31 +6256,42 @@ function updateCEntityShow(viewer, isRelationship, visual, isShowOverriden, show
         show = !isCulled;
     }
     if (visual._parentEntity && !ignoreParent) {
-        updateCEntityShow(viewer, isRelationship, visual._parentEntity, isShowOverriden, show, false);
+        updateCEntityShow(viewer, visual._parentEntity, rego, show, false, depth + 1);
     }
     if (visual._siblingGraphics) {
         for (var i = 0; i < visual._siblingGraphics.length; i++) {
             var sibling = visual._siblingGraphics[i];
-            updateCEntityShow(viewer, isRelationship, sibling, isShowOverriden, show, true);
+            updateCEntityShow(viewer, sibling, rego, show, true, depth + 1);
         }
     }
     /**
      * Do NOT use ".show" as it causes crashes in Cesium polylines that are clamped to ground.
      * We could target them specifically here but we may be getting overall performance gain by just removing stuff from the scene.
      */
-    if (!show && viewer.entities.contains(visual)) {
-        viewer.entities.remove(visual);
+    if (rego.collection) {
+        if (!show && rego.collection.contains(visual)) {
+            rego.collection.remove(visual);
+        }
+        else if (show && !rego.collection.contains(visual)) {
+            rego.collection.add(visual);
+        }
     }
-    else if (show && !viewer.entities.contains(visual)) {
-        viewer.entities.add(visual);
+    else {
+        if (!show && viewer.entities.contains(visual)) {
+            viewer.entities.remove(visual);
+        }
+        else if (show && !viewer.entities.contains(visual)) {
+            viewer.entities.add(visual);
+        }
     }
 }
-function updateEntityShow(viewer, isRelationship, visual, isShowOverriden, show) {
+function updateEntityShow(viewer, rego, show) {
+    var visual = rego.visual;
     if (visual instanceof Entity) {
         if (!(viewer === null || viewer === void 0 ? void 0 : viewer.scene) || viewer.isDestroyed()) {
             return;
         }
-        updateCEntityShow(viewer, isRelationship, visual, isShowOverriden, show, false);
+        updateCEntityShow(viewer, rego.visual, rego, show, false, 0);
         return;
     }
     if (!isAlive$1(viewer, visual)) {
@@ -6267,7 +6344,7 @@ function updateEntity(viewer, entityId, register) {
         if (visible == null) {
             visible = getShowState(rego);
         }
-        updateEntityShow(viewer, rego.relation != null, rego.visual, rego.overrideShow != null, visible);
+        updateEntityShow(viewer, rego, visible);
         if (rego.best) {
             var isLabelled = register.GetIsLabelled({
                 entityId: entityId
@@ -6389,6 +6466,10 @@ var VisualsRegister;
             enumerable: false,
             configurable: true
         });
+        Register.prototype.RefreshMark = function (params) {
+            var rego = params.rego;
+            markEntity(this, rego, rego.visual, false);
+        };
         Register.prototype.Dispose = function () {
             var _a;
             (_a = this.cameraCullerDispose) === null || _a === void 0 ? void 0 : _a.call(this, {
@@ -8011,6 +8092,15 @@ var PointClustering = /** @class */ (function () {
 
 var BATCH_SIZE = 500;
 var CHECK_BATCH_SIZE = 250;
+function getValue$3(viewer, obj) {
+    if (obj === null || obj === void 0 ? void 0 : obj.getValue) {
+        return obj.getValue(viewer.scene.lastRenderTime);
+    }
+    return obj;
+}
+function colorToCColor$2(color) {
+    return new Color(color.red ? color.red / 255 : 0, color.green ? color.green / 255 : 0, color.blue ? color.blue / 255 : 0, color.alpha);
+}
 /**
  * Manager for rendering Bruce entities.
  * This will request entities based on setup menu item filter.
@@ -8030,6 +8120,10 @@ var EntitiesRenderManager;
             this.viewMonitorRemoval = null;
             this.renderQueue = [];
             this.renderQueueInterval = null;
+            this.sources = [];
+            // Highly experimental flag to try improve rendering large sets of polygons and polylines.
+            // Many things are not supported when this is enabled.
+            this.useGeojson = false;
             var viewer = params.viewer, apiGetter = params.apiGetter, monitor = params.monitor, item = params.item, visualsManager = params.register, sharedGetters = params.sharedGetters;
             this.viewer = viewer;
             this.sharedGetters = sharedGetters;
@@ -8037,6 +8131,7 @@ var EntitiesRenderManager;
             this.apiGetter = apiGetter;
             this.item = item;
             this.visualsManager = visualsManager;
+            this.useGeojson = item.renderAsGeojson == true;
             if (item.enableClustering) {
                 this.clustering = new PointClustering(this.visualsManager, this.item.id);
             }
@@ -8186,6 +8281,12 @@ var EntitiesRenderManager;
             clearInterval(this.renderQueueInterval);
             this.renderQueue = [];
             (_c = this.clustering) === null || _c === void 0 ? void 0 : _c.Dispose();
+            this.clustering = null;
+            for (var i = 0; i < this.sources.length; i++) {
+                var source = this.sources[i];
+                this.viewer.dataSources.remove(source);
+            }
+            this.sources = [];
         };
         Manager.prototype.ReRender = function (params) {
             return __awaiter(this, void 0, void 0, function () {
@@ -8337,14 +8438,14 @@ var EntitiesRenderManager;
             }
         };
         Manager.prototype.renderEntities = function (entities, force) {
-            var _a, _b, _c, _d;
+            var _a;
             if (force === void 0) { force = false; }
             return __awaiter(this, void 0, void 0, function () {
-                var typeId_1, cEntities, i, entity, id, cEntity, visual, wasClustered, tagIds, rego, e_3;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
+                var typeId_1, e_3;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
-                            _e.trys.push([0, 2, , 3]);
+                            _b.trys.push([0, 5, , 6]);
                             if (this.disposed || this.viewer.isDestroyed()) {
                                 return [2 /*return*/];
                             }
@@ -8352,17 +8453,283 @@ var EntitiesRenderManager;
                             if (typeId_1) {
                                 entities = entities.filter(function (x) { var _a; return ((_a = x.Bruce) === null || _a === void 0 ? void 0 : _a["EntityType.ID"]) == typeId_1; });
                             }
-                            return [4 /*yield*/, EntityRenderEngine.Render({
-                                    viewer: this.viewer,
-                                    apiGetter: this.apiGetter,
-                                    entities: entities,
-                                    menuItemId: this.item.id,
-                                    visualRegister: this.visualsManager,
-                                    zoomControl: this.item.CameraZoomSettings,
-                                    force: force
+                            if (!this.useGeojson) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.renderAsGeojson(entities, force)];
+                        case 1:
+                            _b.sent();
+                            return [3 /*break*/, 4];
+                        case 2: return [4 /*yield*/, this.renderAsIndividuals(entities, force)];
+                        case 3:
+                            _b.sent();
+                            _b.label = 4;
+                        case 4: return [3 /*break*/, 6];
+                        case 5:
+                            e_3 = _b.sent();
+                            console.error(e_3);
+                            return [3 /*break*/, 6];
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        /**
+         * Our optimized and more stable path.
+         * We construct a geojson that we draw in one go.
+         * @param entities
+         * @param force TODO: This should re-render entities that are already rendered.
+         */
+        Manager.prototype.renderAsGeojson = function (entities, force) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            return __awaiter(this, void 0, void 0, function () {
+                var zoomItem, style, e_4, entityType, e_5, pStyle, lStyle, polygonsClamped, bFillColor, cFillColor, bLineColor, cLineColor, lineWidthPx, geojson, source, groups, applyStyle, register, sEntities, i, cEntity;
+                var _this = this;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
+                        case 0:
+                            entities = entities.filter(function (entity) {
+                                var _a;
+                                return !_this.renderedEntities[(_a = entity.Bruce) === null || _a === void 0 ? void 0 : _a.ID];
+                            });
+                            // Mark these as rendered.
+                            entities.forEach(function (entity) {
+                                var _a;
+                                _this.renderedEntities[(_a = entity.Bruce) === null || _a === void 0 ? void 0 : _a.ID] = true;
+                            });
+                            zoomItem = this.item.CameraZoomSettings[0];
+                            style = null;
+                            if (!(zoomItem === null || zoomItem === void 0 ? void 0 : zoomItem.StyleID)) return [3 /*break*/, 4];
+                            _k.label = 1;
+                        case 1:
+                            _k.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, Style.Get({
+                                    api: this.apiGetter.getApi(),
+                                    styleId: zoomItem === null || zoomItem === void 0 ? void 0 : zoomItem.StyleID
                                 })];
+                        case 2:
+                            style = (_a = (_k.sent()).style) === null || _a === void 0 ? void 0 : _a.Settings;
+                            return [3 /*break*/, 4];
+                        case 3:
+                            e_4 = _k.sent();
+                            console.error(e_4);
+                            return [3 /*break*/, 4];
+                        case 4:
+                            _k.trys.push([4, 8, , 9]);
+                            return [4 /*yield*/, EntityType.Get({
+                                    entityTypeId: this.item.BruceEntity["EntityType.ID"],
+                                    api: this.apiGetter.getApi()
+                                })];
+                        case 5:
+                            entityType = (_b = (_k.sent())) === null || _b === void 0 ? void 0 : _b.entityType;
+                            if (!(!style && ((_c = this.item.BruceEntity) === null || _c === void 0 ? void 0 : _c["EntityType.ID"]))) return [3 /*break*/, 7];
+                            if (!entityType["DisplaySetting.ID"]) return [3 /*break*/, 7];
+                            return [4 /*yield*/, Style.Get({
+                                    api: this.apiGetter.getApi(),
+                                    styleId: entityType["DisplaySetting.ID"]
+                                })];
+                        case 6:
+                            style = (_d = (_k.sent()).style) === null || _d === void 0 ? void 0 : _d.Settings;
+                            _k.label = 7;
+                        case 7: return [3 /*break*/, 9];
+                        case 8:
+                            e_5 = _k.sent();
+                            console.error(e_5);
+                            return [3 /*break*/, 9];
+                        case 9:
+                            pStyle = (_e = style === null || style === void 0 ? void 0 : style.polygonStyle) !== null && _e !== void 0 ? _e : {};
+                            lStyle = (_f = style === null || style === void 0 ? void 0 : style.polylineStyle) !== null && _f !== void 0 ? _f : {};
+                            polygonsClamped = ((_g = pStyle === null || pStyle === void 0 ? void 0 : pStyle.altitudeOption) === null || _g === void 0 ? void 0 : _g.id) == null ? true : ((_h = pStyle === null || pStyle === void 0 ? void 0 : pStyle.altitudeOption) === null || _h === void 0 ? void 0 : _h.id) == 0;
+                            bFillColor = Calculator.GetColor(pStyle.fillColor, {}, []);
+                            cFillColor = bFillColor ? colorToCColor$2(bFillColor) : Color.fromCssColorString("rgba(139, 195, 74, 0.8)");
+                            bLineColor = Calculator.GetColor(pStyle.lineColor, {}, []);
+                            cLineColor = bLineColor ? colorToCColor$2(bLineColor) : Color.fromCssColorString("rgba(80, 80, 80, 0.8)");
+                            lineWidthPx = pStyle.lineWidth ? Calculator.GetNumber(pStyle.lineWidth, {}, []) : null;
+                            if (lineWidthPx == null) {
+                                lineWidthPx = 1;
+                            }
+                            lineWidthPx = EnsureNumber(lineWidthPx);
+                            if (lineWidthPx < 0.01) {
+                                lineWidthPx = 0;
+                            }
+                            lineWidthPx = Math.round(lineWidthPx);
+                            geojson = Entity$1.ToGeoJson({
+                                entities: entities,
+                                includeUserData: false,
+                                excludeAltitude: polygonsClamped && lineWidthPx <= 0,
+                                altitude: lineWidthPx > 0 && polygonsClamped ? 1 : null,
+                                // No points.
+                                allowedDisplayTypes: [ZoomControl.EDisplayType.Geometry]
+                            });
+                            if (!((_j = geojson === null || geojson === void 0 ? void 0 : geojson.features) === null || _j === void 0 ? void 0 : _j.length)) {
+                                return [2 /*return*/];
+                            }
+                            return [4 /*yield*/, GeoJsonDataSource.load(geojson, {
+                                    stroke: cLineColor,
+                                    fill: cFillColor,
+                                    strokeWidth: lineWidthPx,
+                                    clampToGround: lineWidthPx <= 0 && polygonsClamped
+                                })];
+                        case 10:
+                            source = _k.sent();
+                            this.viewer.dataSources.add(source);
+                            this.sources.push(source);
+                            if (this.disposed) {
+                                this.doDispose();
+                                return [2 /*return*/];
+                            }
+                            groups = [];
+                            applyStyle = function (thing, entityId, data) {
+                                if (thing.polygon) {
+                                    var bFillColor_1 = Calculator.GetColor(pStyle.fillColor, data, []);
+                                    var cFillColor_1 = bFillColor_1 ? colorToCColor$2(bFillColor_1) : Color.fromCssColorString("rgba(139, 195, 74, 0.8)");
+                                    var bLineColor_1 = Calculator.GetColor(pStyle.lineColor, data, []);
+                                    var cLineColor_1 = bLineColor_1 ? colorToCColor$2(bLineColor_1) : Color.fromCssColorString("rgba(80, 80, 80, 0.8)");
+                                    var width = pStyle.lineWidth ? Calculator.GetNumber(pStyle.lineWidth, data, []) : null;
+                                    if (width == null) {
+                                        width = 1;
+                                    }
+                                    width = EnsureNumber(width);
+                                    if (width < 0.01) {
+                                        width = 0;
+                                    }
+                                    var curFillColor = getValue$3(_this.viewer, thing.polygon.material);
+                                    if (curFillColor && curFillColor instanceof ColorMaterialProperty) {
+                                        curFillColor = curFillColor.color;
+                                    }
+                                    var curLineColor = getValue$3(_this.viewer, thing.polygon.outlineColor);
+                                    if (curLineColor && curLineColor instanceof ColorMaterialProperty) {
+                                        curLineColor = curLineColor.color;
+                                    }
+                                    var curWidth = getValue$3(_this.viewer, thing.polygon.outlineWidth);
+                                    if ((curFillColor instanceof Color && curFillColor.equals(cFillColor_1)) &&
+                                        (curLineColor instanceof Color && curLineColor.equals(cLineColor_1)) &&
+                                        curWidth == width) {
+                                        return;
+                                    }
+                                    thing.polygon.material = cFillColor_1;
+                                    thing.polygon.outlineColor = cLineColor_1;
+                                    thing.polygon.outlineWidth = width;
+                                }
+                                else if (thing.polyline) {
+                                    var bColor = lStyle.lineColor ? Calculator.GetColor(lStyle.lineColor, data, []) : null;
+                                    var cColor = bColor ? colorToCColor$2(bColor) : Color.fromCssColorString("rgba(255, 193, 7, 0.8)");
+                                    var width = lStyle.lineWidth ? Calculator.GetNumber(lStyle.lineWidth, data, []) : null;
+                                    if (width == null) {
+                                        width = 2;
+                                    }
+                                    width = EnsureNumber(width);
+                                    if (width < 0.01) {
+                                        width = 0;
+                                    }
+                                    var curColor = getValue$3(_this.viewer, thing.polyline.material);
+                                    if (curColor && curColor instanceof ColorMaterialProperty) {
+                                        curColor = curColor.color;
+                                    }
+                                    var curWidth = getValue$3(_this.viewer, thing.polyline.width);
+                                    if ((curColor instanceof Color && curColor.equals(cColor)) &&
+                                        curWidth == width) {
+                                        return;
+                                    }
+                                    thing.polyline.material = cColor;
+                                    thing.polyline.width = width;
+                                }
+                            };
+                            register = function (thing) {
+                                var _a, _b, _c, _d;
+                                // See if the cesium entity already exists in a group.
+                                var group = groups.find(function (x) { var _a; return ((_a = x.visual) === null || _a === void 0 ? void 0 : _a.id) == thing.id || x.siblings.find(function (x) { return (x === null || x === void 0 ? void 0 : x.id) == thing.id; }); });
+                                if (group) {
+                                    return;
+                                }
+                                var metadata = getValue$3(_this.viewer, thing === null || thing === void 0 ? void 0 : thing.properties);
+                                var entityId = (_a = metadata === null || metadata === void 0 ? void 0 : metadata.Bruce) === null || _a === void 0 ? void 0 : _a.ID;
+                                if (!entityId) {
+                                    return;
+                                }
+                                // Find group for the nextspace entity ID.
+                                group = groups.find(function (x) { return x.entityId == entityId; });
+                                // No group yet. We can designate this as the primary entity and create a new group for it.
+                                if (!group) {
+                                    group = {
+                                        entityId: entityId,
+                                        visual: thing,
+                                        tagIds: (_b = metadata === null || metadata === void 0 ? void 0 : metadata.Bruce) === null || _b === void 0 ? void 0 : _b["Layer.ID"],
+                                        entityTypeId: (_c = metadata === null || metadata === void 0 ? void 0 : metadata.Bruce) === null || _c === void 0 ? void 0 : _c["EntityType.ID"],
+                                        siblings: [],
+                                        data: entities.find(function (x) { var _a; return ((_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.ID) == entityId; }),
+                                        rego: null
+                                    };
+                                    groups.push(group);
+                                    var rego = {
+                                        entityId: entityId,
+                                        menuItemId: _this.item.id,
+                                        visual: thing,
+                                        priority: 0,
+                                        entityTypeId: group.entityTypeId,
+                                        accountId: _this.apiGetter.accountId,
+                                        tagIds: group.tagIds ? [].concat(group.tagIds) : [],
+                                        name: (_d = Entity$1.CalculateName({
+                                            entity: group.data,
+                                            type: entityType,
+                                            defaultToId: false
+                                        })) !== null && _d !== void 0 ? _d : "Unnamed Entity",
+                                        cdn: _this.item.cdnEnabled,
+                                        collection: source.entities
+                                    };
+                                    group.rego = rego;
+                                    _this.visualsManager.AddRego({
+                                        rego: rego,
+                                        requestRender: false
+                                    });
+                                }
+                                // Found a group. We flag this as a sibling entity of the primary.
+                                else {
+                                    group.siblings.push(thing);
+                                    group.visual._siblingGraphics = group.siblings;
+                                    thing._parentEntity = group.visual;
+                                    if (group.rego) {
+                                        _this.visualsManager.RefreshMark({
+                                            rego: group.rego
+                                        });
+                                    }
+                                }
+                                applyStyle(thing, entityId, group.data);
+                            };
+                            sEntities = source.entities.values;
+                            for (i = 0; i < sEntities.length; i++) {
+                                cEntity = sEntities[i];
+                                register(cEntity);
+                            }
+                            this.viewer.scene.requestRender();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        /**
+         * Our default path.
+         * We render each entity individually.
+         * @param entities
+         * @param force
+         * @returns
+         */
+        Manager.prototype.renderAsIndividuals = function (entities, force) {
+            var _a, _b, _c;
+            if (force === void 0) { force = false; }
+            return __awaiter(this, void 0, void 0, function () {
+                var cEntities, i, entity, id, cEntity, visual, wasClustered, tagIds, rego;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0: return [4 /*yield*/, EntityRenderEngine.Render({
+                                viewer: this.viewer,
+                                apiGetter: this.apiGetter,
+                                entities: entities,
+                                menuItemId: this.item.id,
+                                visualRegister: this.visualsManager,
+                                zoomControl: this.item.CameraZoomSettings,
+                                force: force
+                            })];
                         case 1:
-                            cEntities = _e.sent();
+                            cEntities = _d.sent();
                             if (this.disposed) {
                                 this.doDispose();
                                 return [2 /*return*/];
@@ -8373,13 +8740,13 @@ var EntitiesRenderManager;
                                 cEntity = cEntities[id];
                                 this.renderedEntities[id] = !!cEntity;
                                 if (cEntity) {
-                                    visual = (_b = this.visualsManager.GetRego({
+                                    visual = (_a = this.visualsManager.GetRego({
                                         entityId: id,
                                         menuItemId: this.item.id
-                                    })) === null || _b === void 0 ? void 0 : _b.visual;
+                                    })) === null || _a === void 0 ? void 0 : _a.visual;
                                     if (!visual || visual != cEntity) {
                                         wasClustered = this.clustering ? this.clustering.AddEntity(id, cEntity, false) : false;
-                                        tagIds = (_c = entity.Bruce) === null || _c === void 0 ? void 0 : _c["Layer.ID"];
+                                        tagIds = (_b = entity.Bruce) === null || _b === void 0 ? void 0 : _b["Layer.ID"];
                                         rego = {
                                             entityId: id,
                                             menuItemId: this.item.id,
@@ -8404,19 +8771,14 @@ var EntitiesRenderManager;
                                         menuItemId: this.item.id,
                                         requestRender: false
                                     });
-                                    (_d = this.clustering) === null || _d === void 0 ? void 0 : _d.RemoveEntity(id, false);
+                                    (_c = this.clustering) === null || _c === void 0 ? void 0 : _c.RemoveEntity(id, false);
                                 }
                             }
                             this.viewer.scene.requestRender();
                             if (this.clustering && entities.length) {
                                 this.clustering.Update();
                             }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            e_3 = _e.sent();
-                            console.error(e_3);
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
+                            return [2 /*return*/];
                     }
                 });
             });
@@ -9300,7 +9662,7 @@ var EntityRenderManager;
     EntityRenderManager.Manager = Manager;
 })(EntityRenderManager || (EntityRenderManager = {}));
 
-function colorToCColor$2(color) {
+function colorToCColor$3(color) {
     return new Color(color.red ? color.red / 255 : 0, color.green ? color.green / 255 : 0, color.blue ? color.blue / 255 : 0, color.alpha);
 }
 /**
@@ -9762,6 +10124,7 @@ var TilesetRenderEngine;
             this.styleMappingLoaded = false;
             this.styleMappingsLoaded = {};
             this.fallbackStyle = null;
+            this.loadingCounter = 0;
             this.runningQueues = 0;
             this.recordLoadQueue = [];
             this.recordCheckQueue = [];
@@ -9773,6 +10136,7 @@ var TilesetRenderEngine;
             // ND-1641. BOOKMARKS - (DEMO) View does not match bookmark.
             // We have some evil hard-coded style mappings that need to be fixed.
             // These exist within legacy project views.
+            // Update: This now also lets people have a style mapping without a real style record.
             if ((_a = this.styleMapping) === null || _a === void 0 ? void 0 : _a.length) {
                 for (var i = 0; i < this.styleMapping.length; i++) {
                     var mapItem = this.styleMapping[i];
@@ -9791,6 +10155,42 @@ var TilesetRenderEngine;
             enumerable: false,
             configurable: true
         });
+        /**
+         * Updates style mapping and fallback style.
+         * This will trigger a re-style of all entities, and will stop existing style loads.
+         * @param params
+         */
+        Styler.prototype.UpdateStyleMapping = function (params) {
+            var _a;
+            if (params.styleMapping) {
+                this.styleMapping = params.styleMapping;
+                // ND-1641. BOOKMARKS - (DEMO) View does not match bookmark.
+                // We have some evil hard-coded style mappings that need to be fixed.
+                // These exist within legacy project views.
+                // Update: This now also lets people have a style mapping without a real style record.
+                if ((_a = this.styleMapping) === null || _a === void 0 ? void 0 : _a.length) {
+                    for (var i = 0; i < this.styleMapping.length; i++) {
+                        var mapItem = this.styleMapping[i];
+                        var mapStyle = mapItem.style ? mapItem.style : mapItem.Style;
+                        this.styleMapping[i].style = correctStyle(mapStyle);
+                    }
+                }
+            }
+            if (isNaN(params.fallbackStyleId) && params.fallbackStyleId != null) {
+                this.fallbackStyleId = params.fallbackStyleId;
+            }
+            // Empty queues.
+            // Requeue all.
+            this.recordLoadQueue = [];
+            this.recordCheckQueue = [];
+            var regos = this.register.GetRegos({
+                menuItemId: this.menuItemId
+            });
+            this.styleMappingLoaded = false;
+            this.styleMappingsLoaded = {};
+            this.QueueEntities(regos);
+            this.loadStyles();
+        };
         Styler.prototype.QueueEntities = function (entities, highPriority) {
             if (highPriority === void 0) { highPriority = false; }
             for (var i = 0; i < entities.length; i++) {
@@ -9882,10 +10282,14 @@ var TilesetRenderEngine;
         Styler.prototype.loadStyles = function () {
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
-                var fallbackStyleId, data, e_1, styleMapping, modelTree, entityTypeIds, _loop_2, i, i, styleMap, styleId, entityType, e_2, data, e_3;
+                var counter, fallbackStyleId, data, e_1, styleMapping, modelTree, entityTypeIds, _loop_2, i, i, styleMap, styleId, entityType, e_2, data, e_3;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
+                            counter = ++this.loadingCounter;
+                            this.styleMappingLoaded = false;
+                            this.styleMappingsLoaded = {};
+                            this.fallbackStyle = null;
                             fallbackStyleId = this.fallbackStyleId;
                             if (!(fallbackStyleId && fallbackStyleId > 0)) return [3 /*break*/, 4];
                             _c.label = 1;
@@ -9904,6 +10308,9 @@ var TilesetRenderEngine;
                             console.error(e_1);
                             return [3 /*break*/, 4];
                         case 4:
+                            if (this.loadingCounter != counter) {
+                                return [2 /*return*/];
+                            }
                             styleMapping = this.styleMapping;
                             if (!styleMapping) {
                                 styleMapping = [];
@@ -9936,12 +10343,12 @@ var TilesetRenderEngine;
                             i = 0;
                             _c.label = 5;
                         case 5:
-                            if (!(i < styleMapping.length)) return [3 /*break*/, 15];
+                            if (!(i < styleMapping.length)) return [3 /*break*/, 16];
                             if (this.disposed) {
-                                return [3 /*break*/, 15];
+                                return [3 /*break*/, 16];
                             }
                             styleMap = styleMapping[i];
-                            if (!(!styleMap.style && styleMap.StyleID != -1)) return [3 /*break*/, 13];
+                            if (!(!styleMap.style && styleMap.StyleID != -1)) return [3 /*break*/, 14];
                             styleId = styleMap.StyleID;
                             if (!!styleId) return [3 /*break*/, 9];
                             _c.label = 6;
@@ -9980,22 +10387,33 @@ var TilesetRenderEngine;
                             console.error(e_3);
                             return [3 /*break*/, 13];
                         case 13:
+                            if (this.loadingCounter != counter) {
+                                return [2 /*return*/];
+                            }
+                            _c.label = 14;
+                        case 14:
                             this.styleMappingsLoaded[styleMap.EntityTypeID] = true;
                             this.processTilesetFeatureCheckQueue();
                             this.processQueue();
-                            _c.label = 14;
-                        case 14:
+                            _c.label = 15;
+                        case 15:
                             i++;
                             return [3 /*break*/, 5];
-                        case 15:
+                        case 16:
+                            if (this.loadingCounter != counter) {
+                                return [2 /*return*/];
+                            }
                             this.styleMappingLoaded = true;
-                            if (!!this.disposed) return [3 /*break*/, 17];
+                            if (!!this.disposed) return [3 /*break*/, 18];
                             return [4 /*yield*/, this.processTilesetFeatureCheckQueue()];
-                        case 16:
+                        case 17:
                             _c.sent();
+                            if (this.loadingCounter != counter) {
+                                return [2 /*return*/];
+                            }
                             this.processQueue();
-                            _c.label = 17;
-                        case 17: return [2 /*return*/];
+                            _c.label = 18;
+                        case 18: return [2 /*return*/];
                     }
                 });
             });
@@ -10110,18 +10528,24 @@ var TilesetRenderEngine;
         };
         Styler.prototype.styleTilesetFeatureFullData = function (entity, data) {
             var _a;
-            var style = this.getTilesetFeatureStyle(entity.entityId, entity.entityTypeId);
-            if (!style) {
+            var visual = entity.visual;
+            if (!visual || !(visual instanceof Cesium3DTileFeature)) {
                 return;
             }
-            var bColor = ((_a = style.modelStyle) === null || _a === void 0 ? void 0 : _a.fillColor) ? Calculator.GetColor(style.modelStyle.fillColor, data, []) : null;
-            if (bColor != null) {
-                var cColor = colorToCColor$2(bColor);
-                var visual = entity.visual;
-                if (visual && visual instanceof Cesium3DTileFeature) {
-                    visual.color = cColor;
-                }
+            var style = this.getTilesetFeatureStyle(entity.entityId, entity.entityTypeId);
+            var bColor = style && ((_a = style.modelStyle) === null || _a === void 0 ? void 0 : _a.fillColor) ? Calculator.GetColor(style.modelStyle.fillColor, data, []) : null;
+            var cColor = null;
+            if (bColor == null) {
+                cColor = Color.WHITE;
+            }
+            else {
+                cColor = colorToCColor$3(bColor);
             }
+            CesiumEntityStyler.SetDefaultColor({
+                color: cColor,
+                entity: visual,
+                viewer: this.viewer
+            });
         };
         Styler.prototype.getTilesetFeatureStyle = function (entityId, entityTypeId) {
             var _a, _b, _c, _d;
@@ -10275,6 +10699,13 @@ var TilesetCadRenderManager;
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(Manager.prototype, "Styler", {
+            get: function () {
+                return this.styler;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Manager.prototype.Init = function () {
             var _this = this;
             var _a;
@@ -12106,6 +12537,13 @@ var TilesetArbRenderManager;
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(Manager.prototype, "Styler", {
+            get: function () {
+                return this.styler;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Manager.prototype.Init = function () {
             var _this = this;
             var _a, _b, _c;
@@ -20108,7 +20546,7 @@ var CesiumViewMonitor;
     CesiumViewMonitor$$1.Monitor = Monitor;
 })(CesiumViewMonitor || (CesiumViewMonitor = {}));
 
-var VERSION$1 = "3.3.7";
+var VERSION$1 = "3.3.9";
 
 export { VERSION$1 as VERSION, CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, Draw3dPolygon, Draw3dPolyline };
 //# sourceMappingURL=bruce-cesium.es5.js.map