bruce-cesium 5.7.9 → 5.8.1

package/dist/lib/rendering/render-managers/entities/entities-loaded-render-manager.js

@@ -0,0 +1,717 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntitiesLoadedRenderManager = void 0;
+const bruce_models_1 = require("bruce-models");
+const Cesium = require("cesium");
+const entity_render_engine_1 = require("../../entity-render-engine");
+const visuals_register_1 = require("../../visuals-register");
+const batched_data_getter_1 = require("../../getters/batched-data-getter");
+const js_utils_1 = require("../../../internal/js-utils");
+const BATCH_SIZE = 500;
+const CHECK_BATCH_SIZE = 250;
+function getValue(viewer, obj) {
+    if (obj === null || obj === void 0 ? void 0 : obj.getValue) {
+        let date = viewer.scene.lastRenderTime;
+        if (!date) {
+            date = viewer.clock.currentTime;
+        }
+        return obj.getValue(date);
+    }
+    return obj;
+}
+function colorToCColor(color) {
+    return new Cesium.Color(color.red ? color.red / 255 : 0, color.green ? color.green / 255 : 0, color.blue ? color.blue / 255 : 0, color.alpha);
+}
+/**
+ * Render manager for a group of pre-loaded entities.
+ * The entities may or may not have records.
+ * If the entities DON'T have records, it is recommended to avoid using the 3dmodel visualization as it will fail to locate LODs.
+ */
+var EntitiesLoadedRenderManager;
+(function (EntitiesLoadedRenderManager) {
+    class Manager {
+        get Disposed() {
+            return this.disposed;
+        }
+        constructor(params) {
+            var _a;
+            this.getter = null;
+            this.getterSub = null;
+            this.disposed = false;
+            this.renderedEntities = {};
+            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;
+            const { viewer, apiGetter, monitor, item, register: visualsManager } = params;
+            this.viewer = viewer;
+            this.apiGetter = apiGetter;
+            this.monitor = monitor;
+            this.item = item;
+            this.visualsManager = visualsManager;
+            this.useGeojson = item.renderAsGeojson == true;
+            if (!((_a = this.item.BruceEntity) === null || _a === void 0 ? void 0 : _a.Entities)) {
+                this.item.BruceEntity = {
+                    ...this.item.BruceEntity,
+                    Entities: []
+                };
+            }
+        }
+        /**
+         * Adds entities to menu item and queues the render for them.
+         * If the entity already exists in the menu item, it will be removed and redrawn.
+         * @param params
+         */
+        AddEntities(params) {
+            if (this.disposed) {
+                throw (new Error("This item is disposed."));
+            }
+            const { entities } = params;
+            entities.forEach((x) => {
+                var _a;
+                // If already in the menu item we'll first remove it.
+                // That way we're using the latest provided data.
+                const entityId = (_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.ID;
+                const index = this.item.BruceEntity.Entities.findIndex(y => { var _a; return ((_a = y === null || y === void 0 ? void 0 : y.Bruce) === null || _a === void 0 ? void 0 : _a.ID) == entityId; });
+                if (index > -1) {
+                    this.item.BruceEntity.Entities.splice(index, 1);
+                }
+                this.item.BruceEntity.Entities.push(x);
+            });
+            this.ReRender({
+                entities: entities,
+                entityIds: entities.map(x => { var _a; return (_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.ID; }),
+                force: true
+            });
+            this.recreateGetter();
+        }
+        /**
+         * Removes entities from the menu item that match provided IDs.
+         * Any visuals will be removed as well.
+         * @param params
+         */
+        RemoveEntities(params) {
+            if (this.disposed) {
+                throw (new Error("This item is disposed."));
+            }
+            const { entityIds } = params;
+            entityIds.forEach((x) => {
+                const index = this.item.BruceEntity.Entities.findIndex(y => { var _a; return ((_a = y === null || y === void 0 ? void 0 : y.Bruce) === null || _a === void 0 ? void 0 : _a.ID) == x; });
+                if (index > -1) {
+                    this.item.BruceEntity.Entities.splice(index, 1);
+                }
+                this.visualsManager.RemoveRegos({
+                    entityId: x,
+                    menuItemId: this.item.id
+                });
+                this.renderedEntities[x] = false;
+            });
+            this.recreateGetter();
+        }
+        /**
+         * Clears all entities from the menu item.
+         * Any visuals will be removed as well.
+         */
+        ClearEntities() {
+            if (this.disposed) {
+                throw (new Error("This item is disposed."));
+            }
+            this.item.BruceEntity.Entities = [];
+            this.visualsManager.RemoveRegos({
+                menuItemId: this.item.id
+            });
+            this.renderedEntities = {};
+            this.recreateGetter();
+        }
+        Init() {
+            var _a;
+            if (this.disposed) {
+                throw (new Error("This item is disposed."));
+            }
+            if (!((_a = this.item.CameraZoomSettings) === null || _a === void 0 ? void 0 : _a.length)) {
+                this.item.CameraZoomSettings = [
+                    {
+                        MinZoom: 0,
+                        MaxZoom: 200000,
+                        DisplayType: bruce_models_1.ZoomControl.EDisplayType.Model3D,
+                        LODCategoryID: "glb",
+                        LODLevel: 0,
+                        StyleID: 0
+                    }
+                ];
+            }
+            this.renderPriority = this.item.renderPriority;
+            if (this.renderPriority == null) {
+                this.renderPriority = 2;
+            }
+            if (this.renderAsGeojson && this.item.CameraZoomSettings.length > 1) {
+                console.warn("Geojson rendering does not support multiple zoom controls. Only the first one will be used.");
+                this.item.CameraZoomSettings = [this.item.CameraZoomSettings[0]];
+            }
+            this.recreateGetter();
+        }
+        /**
+         * Recreates the getter for the entities.
+         * This is used when the entities within the menu item are updated.
+         * @todo: this causes a bad side-effect where all menu item entities are queued for a re-render.
+         */
+        recreateGetter() {
+            var _a;
+            (_a = this.getterSub) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.getter = new batched_data_getter_1.BatchedDataGetter.Getter(this.item.BruceEntity.Entities, this.monitor, BATCH_SIZE);
+            this.getterSub = this.getter.OnUpdate.Subscribe((entities) => {
+                var _a;
+                const latest = [];
+                for (const entity of entities) {
+                    if (this.renderedEntities[(_a = entity === null || entity === void 0 ? void 0 : entity.Bruce) === null || _a === void 0 ? void 0 : _a.ID]) {
+                        latest.push(entity);
+                        continue;
+                    }
+                    latest.push(entity);
+                }
+                this.onGetterUpdate(entities);
+            });
+            this.getter.Start();
+        }
+        Dispose() {
+            if (this.disposed) {
+                return;
+            }
+            this.doDispose();
+        }
+        doDispose() {
+            var _a;
+            (_a = this.getterSub) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.getterSub = null;
+            this.disposed = true;
+            this.visualsManager.RemoveRegos({
+                menuItemId: this.item.id
+            });
+            for (let i = 0; i < this.sources.length; i++) {
+                const source = this.sources[i];
+                this.viewer.dataSources.remove(source);
+            }
+            this.sources = [];
+        }
+        async ReRender(params) {
+            let { entityIds, force, entities } = params;
+            if (entities && !entityIds) {
+                entityIds = entities.map(x => { var _a; return (_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.ID; });
+            }
+            if (entityIds == null) {
+                entityIds = Object.keys(this.renderedEntities);
+            }
+            else {
+                // ensure entity ids are part of menu item.
+                entityIds = entityIds.filter(x => {
+                    var _a, _b;
+                    return (_b = (_a = this.item.BruceEntity) === null || _a === void 0 ? void 0 : _a.Entities) === null || _b === void 0 ? void 0 : _b.find(y => { var _a; return ((_a = y === null || y === void 0 ? void 0 : y.Bruce) === null || _a === void 0 ? void 0 : _a.ID) == x; });
+                });
+            }
+            if (entities === null || entities === void 0 ? void 0 : entities.length) {
+                entities = [].concat(entities).filter(x => { var _a; return entityIds.includes((_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.ID); });
+            }
+            this.visualsManager.MarkStale({
+                entityIds: entityIds,
+                menuItemIds: [this.item.id]
+            });
+            if (entities === null || entities === void 0 ? void 0 : entities.length) {
+                this.onGetterUpdate(entities, force);
+            }
+            else {
+                this.doEntityCheck(entityIds, force);
+            }
+        }
+        UpdateSettings(params) {
+            const { zoomControl: CameraZoomSettings, queueRerender } = params;
+            if (this.disposed) {
+                return;
+            }
+            if (CameraZoomSettings === null || CameraZoomSettings === void 0 ? void 0 : CameraZoomSettings.length) {
+                this.item.CameraZoomSettings = CameraZoomSettings;
+                if (this.renderAsGeojson && this.item.CameraZoomSettings.length > 1) {
+                    console.warn("Geojson rendering does not support multiple zoom controls. Only the first one will be used.");
+                    this.item.CameraZoomSettings = [this.item.CameraZoomSettings[0]];
+                }
+            }
+            if (queueRerender != false) {
+                const entityIds = Object.keys(this.renderedEntities);
+                this.visualsManager.MarkStale({
+                    entityIds: entityIds,
+                    menuItemIds: [this.item.id]
+                });
+                this.doEntityCheck(entityIds);
+            }
+        }
+        async doEntityCheck(ids, force = false) {
+            const api = this.apiGetter.getApi();
+            try {
+                if (this.disposed) {
+                    return;
+                }
+                if (ids.length > 0) {
+                    const checkBatch = async () => {
+                        const entityIds = ids.splice(0, CHECK_BATCH_SIZE);
+                        const { entities } = await bruce_models_1.Entity.GetListByIds({
+                            api,
+                            entityIds,
+                            migrated: true
+                        });
+                        if (this.disposed) {
+                            return;
+                        }
+                        this.onGetterUpdate(entities, force);
+                    };
+                    while (ids.length > 0) {
+                        await checkBatch();
+                    }
+                }
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+        async onGetterUpdate(entities, force = false) {
+            try {
+                if (this.disposed || this.viewer.isDestroyed()) {
+                    return;
+                }
+                /**
+                 * Returns if a given entityId is associated with the menu item.
+                 * @param entityId
+                 * @returns
+                 */
+                const isEntityInItem = (entityId) => {
+                    var _a, _b;
+                    return (_b = (_a = this.item.BruceEntity) === null || _a === void 0 ? void 0 : _a.Entities) === null || _b === void 0 ? void 0 : _b.find(y => { var _a; return ((_a = y === null || y === void 0 ? void 0 : y.Bruce) === null || _a === void 0 ? void 0 : _a.ID) == entityId; });
+                };
+                // Filter out entities that aren't in the menu item.
+                // This can happen if the menu item is updated while the getter is running.
+                entities = entities.filter(x => {
+                    var _a;
+                    return isEntityInItem((_a = x === null || x === void 0 ? void 0 : x.Bruce) === null || _a === void 0 ? void 0 : _a.ID);
+                });
+                if (this.useGeojson) {
+                    const zoomItem = this.item.CameraZoomSettings[0];
+                    if (zoomItem.DisplayType == bruce_models_1.ZoomControl.EDisplayType.Point) {
+                        // We'll just render these as individuals since we don't support point geojson.
+                        await this.renderAsIndividuals(entities, force);
+                    }
+                    else {
+                        await this.renderAsGeojson(entities, force);
+                    }
+                }
+                else {
+                    await this.renderAsIndividuals(entities, force);
+                }
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+        /**
+         * 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.
+         */
+        async renderAsGeojson(entities, force) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            entities = entities.filter((entity) => {
+                var _a;
+                return !this.renderedEntities[(_a = entity.Bruce) === null || _a === void 0 ? void 0 : _a.ID];
+            });
+            // Mark these as rendered.
+            entities.forEach((entity) => {
+                var _a;
+                this.renderedEntities[(_a = entity.Bruce) === null || _a === void 0 ? void 0 : _a.ID] = true;
+            });
+            // This process only supports a single zoom control item.
+            const zoomItem = this.item.CameraZoomSettings[0];
+            // If we're after 3d models then we'll check if there are LODs and render those as individuals.
+            if (zoomItem.DisplayType == bruce_models_1.ZoomControl.EDisplayType.Model3D && entities.length) {
+                const { lods } = await bruce_models_1.EntityLod.GetLods({
+                    api: this.apiGetter.getApi(),
+                    filter: {
+                        externalSources: false,
+                        Items: entities.map(x => {
+                            var _a, _b;
+                            return {
+                                entityId: (_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.ID,
+                                categoryId: (_b = zoomItem.LODCategoryID) !== null && _b !== void 0 ? _b : "GLB",
+                                group: "DEFAULT",
+                                level: Number(zoomItem.LODLevel)
+                            };
+                        }),
+                        strict: false
+                    }
+                });
+                if (this.disposed) {
+                    this.doDispose();
+                    return;
+                }
+                const withLods = lods.filter(x => x.entityId && !!x.clientFileId).map(x => x.entityId);
+                const individuals = entities.filter((entity) => {
+                    var _a;
+                    return withLods.includes((_a = entity.Bruce) === null || _a === void 0 ? void 0 : _a.ID);
+                });
+                if (individuals.length) {
+                    this.renderAsIndividuals(individuals, force);
+                }
+                // Now we proceed with what is left.
+                entities = entities.filter((entity) => {
+                    var _a;
+                    return !withLods.includes((_a = entity.Bruce) === null || _a === void 0 ? void 0 : _a.ID);
+                });
+            }
+            if (!entities.length) {
+                return;
+            }
+            let style = null;
+            if ((zoomItem === null || zoomItem === void 0 ? void 0 : zoomItem.StyleID) && zoomItem.StyleID != -1) {
+                try {
+                    style = (_a = (await bruce_models_1.Style.Get({
+                        api: this.apiGetter.getApi(),
+                        styleId: zoomItem === null || zoomItem === void 0 ? void 0 : zoomItem.StyleID
+                    })).style) === null || _a === void 0 ? void 0 : _a.Settings;
+                }
+                // Probably deleted.
+                catch (e) {
+                    console.error(e);
+                }
+            }
+            let entityTypeId = (_b = this.item.BruceEntity) === null || _b === void 0 ? void 0 : _b["EntityType.ID"];
+            if (!entityTypeId) {
+                entityTypeId = (_d = (_c = entities.find(x => { var _a; return !!((_a = x.Bruce) === null || _a === void 0 ? void 0 : _a["EntityType.ID"]); })) === null || _c === void 0 ? void 0 : _c.Bruce) === null || _d === void 0 ? void 0 : _d["EntityType.ID"];
+            }
+            // Getting type regardless cause it's needed for name calculations.
+            let entityType;
+            if (entityTypeId) {
+                // Try using the Entity Type default if one is specified in the menu item.
+                try {
+                    entityType = (_e = (await bruce_models_1.EntityType.Get({
+                        entityTypeId: entityTypeId,
+                        api: this.apiGetter.getApi()
+                    }))) === null || _e === void 0 ? void 0 : _e.entityType;
+                    if (!style && entityType) {
+                        if (entityType["DisplaySetting.ID"] && entityType["DisplaySetting.ID"] > 0) {
+                            style = (_f = (await bruce_models_1.Style.Get({
+                                api: this.apiGetter.getApi(),
+                                styleId: entityType["DisplaySetting.ID"]
+                            })).style) === null || _f === void 0 ? void 0 : _f.Settings;
+                        }
+                    }
+                }
+                catch (e) {
+                    console.error(e);
+                }
+            }
+            const pStyle = (_g = style === null || style === void 0 ? void 0 : style.polygonStyle) !== null && _g !== void 0 ? _g : {};
+            const lStyle = (_h = style === null || style === void 0 ? void 0 : style.polylineStyle) !== null && _h !== void 0 ? _h : {};
+            const polygonsClamped = ((_j = pStyle === null || pStyle === void 0 ? void 0 : pStyle.altitudeOption) === null || _j === void 0 ? void 0 : _j.id) == null ? true : ((_k = pStyle === null || pStyle === void 0 ? void 0 : pStyle.altitudeOption) === null || _k === void 0 ? void 0 : _k.id) == 0;
+            const bFillColor = bruce_models_1.Calculator.GetColor(pStyle.fillColor, {}, []);
+            const cFillColor = bFillColor ? colorToCColor(bFillColor) : Cesium.Color.fromCssColorString("rgba(139, 195, 74, 0.8)");
+            const bLineColor = bruce_models_1.Calculator.GetColor(pStyle.lineColor, {}, []);
+            const cLineColor = bLineColor ? colorToCColor(bLineColor) : Cesium.Color.fromCssColorString("rgba(80, 80, 80, 0.8)");
+            let lineWidthPx = pStyle.lineWidth ? bruce_models_1.Calculator.GetNumber(pStyle.lineWidth, {}, []) : null;
+            if (lineWidthPx == null) {
+                lineWidthPx = 1;
+            }
+            lineWidthPx = (0, js_utils_1.EnsureNumber)(lineWidthPx);
+            if (lineWidthPx < 0.01) {
+                lineWidthPx = 0;
+            }
+            lineWidthPx = Math.round(lineWidthPx);
+            const collection = {
+                features: [],
+                type: "FeatureCollection"
+            };
+            for (let i = 0; i < entities.length; i++) {
+                const entity = entities[i];
+                const feature = bruce_models_1.Geometry.ToGeoJsonFeature({
+                    geometry: entity.Bruce.VectorGeometry,
+                    noAltitude: polygonsClamped && lineWidthPx <= 0,
+                    altitude: lineWidthPx > 0 && polygonsClamped ? 1 : null,
+                    properties: {
+                        ...entity,
+                        Bruce: {
+                            ...entity.Bruce,
+                            // Exclude as we just converted it to geojson.
+                            VectorGeometry: null
+                        }
+                    }
+                });
+                if (feature) {
+                    collection.features.push(feature);
+                }
+            }
+            // Anything that failed to turn into geojson or points we'll render as individuals.
+            const individuals = entities.filter((entity) => {
+                const feature = collection.features.find(x => { var _a, _b; return ((_b = (_a = x.properties) === null || _a === void 0 ? void 0 : _a.Bruce) === null || _b === void 0 ? void 0 : _b.ID) == entity.Bruce.ID; });
+                if (!feature) {
+                    return true;
+                }
+                if (feature.geometry.type == "Point") {
+                    return true;
+                }
+                return false;
+            });
+            if (individuals.length) {
+                this.renderAsIndividuals(individuals, force);
+            }
+            // Filter out points (the ones we just rendered as individuals).
+            collection.features = collection.features.filter(x => x.geometry.type != "Point");
+            // If there is nothing to render now, return.
+            if (!collection.features.length) {
+                return;
+            }
+            const source = await Cesium.GeoJsonDataSource.load(collection, {
+                stroke: cLineColor,
+                fill: cFillColor,
+                strokeWidth: lineWidthPx,
+                clampToGround: lineWidthPx <= 0 && polygonsClamped
+            });
+            this.viewer.dataSources.add(source);
+            this.sources.push(source);
+            if (this.disposed) {
+                this.doDispose();
+                return;
+            }
+            const groups = [];
+            /**
+             * Applies individual styling to a rendered entity.
+             * This will exclude tag styling for now since it's harder to load that on the fly.
+             * @param thing
+             * @param entityId
+             * @param data
+             * @returns
+             */
+            const applyStyle = (thing, entityId, data) => {
+                if (thing.polygon) {
+                    const bFillColor = bruce_models_1.Calculator.GetColor(pStyle.fillColor, data, []);
+                    const cFillColor = bFillColor ? colorToCColor(bFillColor) : Cesium.Color.fromCssColorString("rgba(139, 195, 74, 0.8)");
+                    const bLineColor = bruce_models_1.Calculator.GetColor(pStyle.lineColor, data, []);
+                    const cLineColor = bLineColor ? colorToCColor(bLineColor) : Cesium.Color.fromCssColorString("rgba(80, 80, 80, 0.8)");
+                    let width = pStyle.lineWidth ? bruce_models_1.Calculator.GetNumber(pStyle.lineWidth, data, []) : null;
+                    if (width == null) {
+                        width = 1;
+                    }
+                    width = (0, js_utils_1.EnsureNumber)(width);
+                    if (width < 0.01) {
+                        width = 0;
+                    }
+                    let curFillColor = getValue(this.viewer, thing.polygon.material);
+                    if (curFillColor && curFillColor instanceof Cesium.ColorMaterialProperty) {
+                        curFillColor = curFillColor.color;
+                    }
+                    let curLineColor = getValue(this.viewer, thing.polygon.outlineColor);
+                    if (curLineColor && curLineColor instanceof Cesium.ColorMaterialProperty) {
+                        curLineColor = curLineColor.color;
+                    }
+                    const curWidth = getValue(this.viewer, thing.polygon.outlineWidth);
+                    if ((curFillColor instanceof Cesium.Color && curFillColor.equals(cFillColor)) &&
+                        (curLineColor instanceof Cesium.Color && curLineColor.equals(cLineColor)) &&
+                        curWidth == width) {
+                        return;
+                    }
+                    thing.polygon.material = new Cesium.ColorMaterialProperty(cFillColor);
+                    thing.polygon.outlineColor = new Cesium.ConstantProperty(cLineColor);
+                    thing.polygon.outlineWidth = new Cesium.ConstantProperty(width);
+                }
+                else if (thing.polyline) {
+                    const bColor = lStyle.lineColor ? bruce_models_1.Calculator.GetColor(lStyle.lineColor, data, []) : null;
+                    const cColor = bColor ? colorToCColor(bColor) : Cesium.Color.fromCssColorString("rgba(255, 193, 7, 0.8)");
+                    let width = lStyle.lineWidth ? bruce_models_1.Calculator.GetNumber(lStyle.lineWidth, data, []) : null;
+                    if (width == null) {
+                        width = 2;
+                    }
+                    width = (0, js_utils_1.EnsureNumber)(width);
+                    if (width < 0.01) {
+                        width = 0;
+                    }
+                    let curColor = getValue(this.viewer, thing.polyline.material);
+                    if (curColor && curColor instanceof Cesium.ColorMaterialProperty) {
+                        curColor = curColor.color;
+                    }
+                    const curWidth = getValue(this.viewer, thing.polyline.width);
+                    if ((curColor instanceof Cesium.Color && curColor.equals(cColor)) &&
+                        curWidth == width) {
+                        return;
+                    }
+                    thing.polyline.material = new Cesium.ColorMaterialProperty(cColor);
+                    thing.polyline.width = new Cesium.ConstantProperty(width);
+                }
+            };
+            let toForceUpdate = [];
+            /**
+             * Registers a given cesium entity produced from rendering geojson.
+             * Since one nextspace entity can have multiple cesium entities, there is special logic to group them together.
+             * @param thing
+             * @returns
+             */
+            const register = (thing) => {
+                var _a, _b, _c, _d;
+                // See if the cesium entity already exists in a group.
+                let group = groups.find((x) => { var _a; return ((_a = x.visual) === null || _a === void 0 ? void 0 : _a.id) == thing.id || x.siblings.find(x => (x === null || x === void 0 ? void 0 : x.id) == thing.id); });
+                if (group) {
+                    return;
+                }
+                const metadata = getValue(this.viewer, thing === null || thing === void 0 ? void 0 : thing.properties);
+                const 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((x) => 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(x => { var _a; return ((_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.ID) == entityId; }),
+                        rego: null
+                    };
+                    groups.push(group);
+                    applyStyle(thing, entityId, group.data);
+                    const rego = {
+                        canEdit: true,
+                        entityId: entityId,
+                        menuItemId: this.item.id,
+                        menuItemType: this.item.Type,
+                        visual: thing,
+                        priority: this.renderPriority,
+                        entityTypeId: group.entityTypeId,
+                        accountId: this.apiGetter.accountId,
+                        tagIds: group.tagIds ? [].concat(group.tagIds) : [],
+                        name: entityType ? (_d = bruce_models_1.Entity.CalculateName({
+                            entity: group.data,
+                            type: entityType,
+                            defaultToId: false
+                        })) !== null && _d !== void 0 ? _d : "Unnamed Entity" : "Unnamed Entity",
+                        cdn: this.item.cdnEnabled,
+                        collection: source.entities
+                    };
+                    group.rego = rego;
+                    this.visualsManager.AddRego({
+                        rego,
+                        requestRender: false
+                    });
+                }
+                // Found a group. We flag this as a sibling entity of the primary.
+                else {
+                    applyStyle(thing, entityId, group.data);
+                    group.siblings.push(thing);
+                    group.visual._siblingGraphics = group.siblings;
+                    thing._parentEntity = group.visual;
+                    if (group.rego) {
+                        this.visualsManager.RefreshMark({
+                            rego: group.rego
+                        });
+                        if (!toForceUpdate.includes(entityId)) {
+                            toForceUpdate.push(entityId);
+                        }
+                    }
+                }
+            };
+            const sEntities = source.entities.values;
+            for (let i = 0; i < sEntities.length; i++) {
+                const cEntity = sEntities[i];
+                register(cEntity);
+            }
+            if (toForceUpdate.length) {
+                this.visualsManager.ForceUpdate({
+                    entityIds: toForceUpdate,
+                    refreshColors: true,
+                    requestRender: false
+                });
+            }
+            this.viewer.scene.requestRender();
+        }
+        /**
+         * Our default path.
+         * We render each entity individually.
+         * @param entities
+         * @param force
+         * @returns
+         */
+        async renderAsIndividuals(entities, force = false) {
+            const { updated, entities: cEntities } = await entity_render_engine_1.EntityRenderEngine.Render({
+                viewer: this.viewer,
+                apiGetter: this.apiGetter,
+                entities: entities,
+                menuItemId: this.item.id,
+                visualRegister: this.visualsManager,
+                zoomControl: this.item.CameraZoomSettings,
+                force
+            });
+            if (this.disposed) {
+                this.visualsManager.RemoveRegos({
+                    menuItemId: this.item.id
+                });
+                return;
+            }
+            /**
+             * Returns if a given entityId is associated with the menu item.
+             * @param entityId
+             * @returns
+             */
+            const isEntityInItem = (entityId) => {
+                var _a, _b;
+                return (_b = (_a = this.item.BruceEntity) === null || _a === void 0 ? void 0 : _a.Entities) === null || _b === void 0 ? void 0 : _b.find(y => { var _a; return ((_a = y === null || y === void 0 ? void 0 : y.Bruce) === null || _a === void 0 ? void 0 : _a.ID) == entityId; });
+            };
+            for (let i = 0; i < entities.length; i++) {
+                const entity = entities[i];
+                const id = entity.Bruce.ID;
+                const cEntity = cEntities.get(id);
+                this.renderedEntities[id] = !!cEntity;
+                if (cEntity && isEntityInItem(id)) {
+                    const rego = this.visualsManager.GetRego({
+                        entityId: id,
+                        menuItemId: this.item.id
+                    });
+                    const visual = rego === null || rego === void 0 ? void 0 : rego.visual;
+                    if (!visual || visual != cEntity) {
+                        this.visualsManager.AddRego({
+                            rego: {
+                                canEdit: true,
+                                entityId: id,
+                                menuItemId: this.item.id,
+                                menuItemType: this.item.Type,
+                                visual: cEntity,
+                                priority: this.renderPriority,
+                                entityTypeId: entity.Bruce["EntityType.ID"],
+                                accountId: this.apiGetter.accountId,
+                                name: cEntity.name
+                            },
+                            requestRender: false
+                        });
+                    }
+                    else if (updated.get(id) && rego) {
+                        rego.visual = cEntity;
+                        rego.entityTypeId = entity.Bruce["EntityType.ID"];
+                        rego.name = cEntity.name;
+                        // We manually trigger an update event since the graphic was updated but not recreated.
+                        this.visualsManager.OnUpdate.Trigger({
+                            type: visuals_register_1.VisualsRegister.EVisualUpdateType.Update,
+                            entityId: id,
+                            rego: rego
+                        });
+                    }
+                }
+                else {
+                    this.visualsManager.RemoveRegos({
+                        entityId: id,
+                        menuItemId: this.item.id,
+                        requestRender: false
+                    });
+                }
+            }
+            this.viewer.scene.requestRender();
+        }
+    }
+    EntitiesLoadedRenderManager.Manager = Manager;
+})(EntitiesLoadedRenderManager = exports.EntitiesLoadedRenderManager || (exports.EntitiesLoadedRenderManager = {}));
+//# sourceMappingURL=entities-loaded-render-manager.js.map