bruce-cesium 2.7.8 → 2.8.0

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, EntityRelationType, DelayQueue, BatchedDataGetter, EntityCoords, EntityFilterGetter, EntitySource, MenuItem, EntityRelation, ENVIRONMENT, ProjectView, ProjectViewBookmark, ProjectViewTile, ProjectViewLegacyTile, ProgramKey, Camera, AbstractApi, EntityAttachment, EntityAttachmentType, EntityAttribute } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, CallbackProperty, Cartesian3, Color, Rectangle, Math as Math$1, JulianDate, HeightReference, DistanceDisplayCondition, NearFarScalar, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, SceneMode, Primitive, Cesium3DTileFeature, Cesium3DTileColorBlendMode, HeadingPitchRange, createOsmBuildings, Cesium3DTileStyle, KmlDataSource, createWorldTerrain, EllipsoidTerrainProvider, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, OrthographicFrustum, EasingFunction, CesiumInspector, defined, EllipsoidGeodesic, sampleTerrainMostDetailed, Cesium3DTileset, Model, Matrix4, Matrix3, IonResource, Ion, PolygonPipeline, ScreenSpaceEventHandler, ScreenSpaceEventType, ColorMaterialProperty, GeometryInstance, BoundingSphere } from 'cesium';
+import { Cartographic, JulianDate, Color, HeightReference, Cartesian3, DistanceDisplayCondition, NearFarScalar, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Math as Math$1, Transforms, ColorBlendMode, Cartesian2, CallbackProperty, Rectangle, Primitive, Cesium3DTileFeature, SceneMode, Cesium3DTileColorBlendMode, HeadingPitchRange, createOsmBuildings, Cesium3DTileStyle, KmlDataSource, OrthographicFrustum, EasingFunction, Cesium3DTileset, Matrix4, Matrix3, IonResource, Ion, createWorldTerrain, EllipsoidTerrainProvider, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, PolygonPipeline, CesiumInspector, defined, ColorMaterialProperty, GeometryInstance, ScreenSpaceEventHandler, ScreenSpaceEventType, EllipsoidGeodesic, sampleTerrainMostDetailed, Model, BoundingSphere } from 'cesium';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -3160,15 +3160,15 @@ var CesiumParabola = /** @class */ (function () {
         var siblings = [p1Entity, p2Entity];
         this.parabola = parabola;
         this.siblings = siblings;
+        this.viewer.entities.add(this.parabola);
+        this.viewer.entities.add(p1Entity);
+        this.viewer.entities.add(p2Entity);
     };
     CesiumParabola.prototype.Animate = function () {
         var _this = this;
         if (this.disposed) {
             return null;
         }
-        if (this.parabola && !this.viewer.entities.contains(this.parabola)) {
-            this.viewer.entities.add(this.parabola);
-        }
         var retry = false;
         if (!this.curPos1 || !this.curPos2 || !Cartes.ValidateCartes3(this.curPos1) || !Cartes.ValidateCartes3(this.curPos2)) {
             retry = true;
@@ -3186,14 +3186,6 @@ var CesiumParabola = /** @class */ (function () {
                 siblings: this.siblings
             };
         }
-        var cEntities = [
-            this.parabola
-        ].concat(this.siblings);
-        cEntities.forEach(function (e) {
-            if (e && !_this.viewer.entities.contains(e)) {
-                _this.viewer.entities.add(e);
-            }
-        });
         var RATE_PER_SECOND = 1000 / 40;
         var SEC_DURATION = this.duration;
         var HEIGHT_DISTANCE_RATIO = this.heightDistanceRatio;
@@ -3446,6 +3438,67 @@ var CesiumParabola = /** @class */ (function () {
 function colorToCColor$1(color) {
     return new Color(color.red ? color.red / 255 : 0, color.green ? color.green / 255 : 0, color.blue ? color.blue / 255 : 0, color.alpha);
 }
+function getStyle$1(api, typeId, styleId) {
+    return __awaiter(this, void 0, void 0, function () {
+        var style, e_1, type, e_2, hideError, error, code;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    style = null;
+                    if (!styleId) return [3 /*break*/, 4];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, Style.Get({
+                            api: api,
+                            styleId: styleId
+                        })];
+                case 2:
+                    style = (_a.sent()).style;
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _a.sent();
+                    console.error(e_1);
+                    return [3 /*break*/, 4];
+                case 4:
+                    if (!(!style && typeId)) return [3 /*break*/, 9];
+                    return [4 /*yield*/, EntityType.Get({
+                            api: api,
+                            entityTypeId: typeId
+                        })];
+                case 5:
+                    type = (_a.sent()).entityType;
+                    if (!type["DisplaySetting.ID"]) return [3 /*break*/, 9];
+                    _a.label = 6;
+                case 6:
+                    _a.trys.push([6, 8, , 9]);
+                    return [4 /*yield*/, Style.Get({
+                            api: api,
+                            styleId: type["DisplaySetting.ID"]
+                        })];
+                case 7:
+                    style = (_a.sent()).style;
+                    return [3 /*break*/, 9];
+                case 8:
+                    e_2 = _a.sent();
+                    hideError = false;
+                    // TODO: we need a util for extracting code + message rather than writing all this every time.
+                    if (e_2 && typeof e_2 == "object" && e_2.ERROR) {
+                        error = e_2.ERROR;
+                        code = error && typeof error == "object" ? error.Code : "";
+                        // Avoiding logging a common error.
+                        // This happens when rendering entities that don't have records.
+                        hideError = String(code).toLowerCase() == "notfound";
+                    }
+                    if (!hideError) {
+                        console.error(e_2);
+                    }
+                    return [3 /*break*/, 9];
+                case 9: return [2 /*return*/, style];
+            }
+        });
+    });
+}
 var RelationRenderEngine;
 (function (RelationRenderEngine) {
     function GetRenderGroupId(relation) {
@@ -3454,81 +3507,55 @@ var RelationRenderEngine;
     RelationRenderEngine.GetRenderGroupId = GetRenderGroupId;
     function Render(params) {
         return __awaiter(this, void 0, void 0, function () {
-            var apiGetter, viewer, visualRegister, menuItemId, relations, api, rendered, i, relation, fromEntity, toEntity, dataEntity, _a, relationType, styleId, typeId, entityType, _b, style, _c, cEntity;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            var apiGetter, viewer, visualRegister, menuItemId, relations, api, rendered, i, relation, fromEntity, toEntity, dataEntity, _a, relationType, style, cEntity, e_3;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         apiGetter = params.apiGetter, viewer = params.viewer, visualRegister = params.visualRegister, menuItemId = params.menuItemId, relations = params.relations;
                         api = apiGetter.getApi(apiGetter.accountId);
                         rendered = {};
                         i = 0;
-                        _d.label = 1;
+                        _b.label = 1;
                     case 1:
-                        if (!(i < relations.length)) return [3 /*break*/, 17];
+                        if (!(i < relations.length)) return [3 /*break*/, 13];
+                        _b.label = 2;
+                    case 2:
+                        _b.trys.push([2, 11, , 12]);
                         relation = relations[i];
                         return [4 /*yield*/, Entity$1.Get({
                                 api: api,
                                 entityId: relation["Principal.Entity.ID"],
                             })];
-                    case 2:
-                        fromEntity = (_d.sent()).entity;
+                    case 3:
+                        fromEntity = (_b.sent()).entity;
                         return [4 /*yield*/, Entity$1.Get({
                                 api: api,
                                 entityId: relation["Related.Entity.ID"],
                             })];
-                    case 3:
-                        toEntity = (_d.sent()).entity;
-                        if (!relation["Data.Entity.ID"]) return [3 /*break*/, 5];
+                    case 4:
+                        toEntity = (_b.sent()).entity;
+                        if (!relation["Data.Entity.ID"]) return [3 /*break*/, 6];
                         return [4 /*yield*/, Entity$1.Get({
                                 api: api,
                                 entityId: relation["Data.Entity.ID"]
                             })];
-                    case 4:
-                        _a = (_d.sent()).entity;
-                        return [3 /*break*/, 6];
                     case 5:
-                        _a = null;
-                        _d.label = 6;
+                        _a = (_b.sent()).entity;
+                        return [3 /*break*/, 7];
                     case 6:
+                        _a = null;
+                        _b.label = 7;
+                    case 7:
                         dataEntity = _a;
                         return [4 /*yield*/, EntityRelationType.Get({
                                 api: api,
                                 relationTypeId: relation["Relation.Type.ID"]
                             })];
-                    case 7:
-                        relationType = (_d.sent()).relationType;
-                        styleId = Number(relationType === null || relationType === void 0 ? void 0 : relationType.EntityDisplaySettingID);
-                        if (!!styleId) return [3 /*break*/, 11];
-                        typeId = relationType === null || relationType === void 0 ? void 0 : relationType["Relation.EntityType.ID"];
-                        if (!typeId) return [3 /*break*/, 9];
-                        return [4 /*yield*/, EntityType.Get({
-                                api: api,
-                                entityTypeId: typeId
-                            })];
                     case 8:
-                        _b = (_d.sent()).entityType;
-                        return [3 /*break*/, 10];
+                        relationType = (_b.sent()).relationType;
+                        return [4 /*yield*/, getStyle$1(api, relationType === null || relationType === void 0 ? void 0 : relationType["Relation.EntityType.ID"], Number(relationType === null || relationType === void 0 ? void 0 : relationType.EntityDisplaySettingID))];
                     case 9:
-                        _b = null;
-                        _d.label = 10;
-                    case 10:
-                        entityType = _b;
-                        styleId = entityType === null || entityType === void 0 ? void 0 : entityType["DisplaySetting.ID"];
-                        _d.label = 11;
-                    case 11:
-                        if (!styleId) return [3 /*break*/, 13];
-                        return [4 /*yield*/, Style.Get({
-                                api: api,
-                                styleId: styleId
-                            })];
-                    case 12:
-                        _c = (_d.sent()).style;
-                        return [3 /*break*/, 14];
-                    case 13:
-                        _c = null;
-                        _d.label = 14;
-                    case 14:
-                        style = _c;
+                        style = _b.sent();
                         return [4 /*yield*/, Parabola.Render({
                                 dataEntity: dataEntity,
                                 fromEntity: fromEntity,
@@ -3539,15 +3566,19 @@ var RelationRenderEngine;
                                 visualRegister: visualRegister,
                                 apiGetter: apiGetter
                             })];
-                    case 15:
-                        cEntity = _d.sent();
+                    case 10:
+                        cEntity = _b.sent();
                         cEntity._renderGroup = GetRenderGroupId(relation);
                         rendered[GetRenderGroupId(relation)] = cEntity;
-                        _d.label = 16;
-                    case 16:
+                        return [3 /*break*/, 12];
+                    case 11:
+                        e_3 = _b.sent();
+                        console.error(e_3);
+                        return [3 /*break*/, 12];
+                    case 12:
                         i++;
                         return [3 /*break*/, 1];
-                    case 17: return [2 /*return*/, rendered];
+                    case 13: return [2 /*return*/, rendered];
                 }
             });
         });
@@ -3575,7 +3606,7 @@ var RelationRenderEngine;
                     toPos = null;
                     updatingPosses = false;
                     updatePosses = function () { return __awaiter(_this, void 0, void 0, function () {
-                        var e_1;
+                        var e_4;
                         return __generator(this, function (_a) {
                             switch (_a.label) {
                                 case 0:
@@ -3612,8 +3643,8 @@ var RelationRenderEngine;
                                     toPos = _a.sent();
                                     return [3 /*break*/, 5];
                                 case 4:
-                                    e_1 = _a.sent();
-                                    console.error(e_1);
+                                    e_4 = _a.sent();
+                                    console.error(e_4);
                                     return [3 /*break*/, 5];
                                 case 5:
                                     updatingPosses = false;
@@ -8286,135 +8317,129 @@ var TilesetEntitiesRenderManager;
             configurable: true
         });
         Manager.prototype.Init = function (params) {
+            var _this = this;
             var _a;
-            return __awaiter(this, void 0, void 0, function () {
-                var counter, tilesetId;
+            this.initCounter += 1;
+            var counter = this.initCounter;
+            if (this.disposed) {
+                return;
+            }
+            if (params === null || params === void 0 ? void 0 : params.item) {
+                this.item = params.item;
+            }
+            var tilesetId = (_a = this.item.tileset) === null || _a === void 0 ? void 0 : _a.TilesetID;
+            if (!tilesetId) {
+                return;
+            }
+            (function () { return __awaiter(_this, void 0, void 0, function () {
+                var canAccess, e_1, accountId, api, tileset, cTileset, _a, attenuation, attenuationMax;
                 var _this = this;
-                return __generator(this, function (_b) {
-                    this.initCounter += 1;
-                    counter = this.initCounter;
-                    if (this.disposed) {
-                        return [2 /*return*/];
-                    }
-                    if (params === null || params === void 0 ? void 0 : params.item) {
-                        this.item = params.item;
-                    }
-                    tilesetId = (_a = this.item.tileset) === null || _a === void 0 ? void 0 : _a.TilesetID;
-                    if (!tilesetId) {
-                        return [2 /*return*/];
-                    }
-                    (function () { return __awaiter(_this, void 0, void 0, function () {
-                        var canAccess, e_1, accountId, api, tileset, cTileset, _a, attenuation, attenuationMax;
-                        var _this = this;
-                        var _b, _c, _d;
-                        return __generator(this, function (_e) {
-                            switch (_e.label) {
-                                case 0:
-                                    if (!!this.cTileset) return [3 /*break*/, 9];
-                                    if (!tilesetId) return [3 /*break*/, 5];
-                                    canAccess = false;
-                                    _e.label = 1;
-                                case 1:
-                                    _e.trys.push([1, 3, , 4]);
-                                    return [4 /*yield*/, Tileset.Publish.IsAccessAllowed({
-                                            sourceAccountId: (_b = this.item.tileset) === null || _b === void 0 ? void 0 : _b.ClientAccountID,
-                                            tilesetId: tilesetId,
-                                            forAccountId: this.getters.GetAccountId(),
-                                            api: this.getters.GetGlobalApi()
-                                        })];
-                                case 2:
-                                    canAccess = _e.sent();
-                                    return [3 /*break*/, 4];
-                                case 3:
-                                    e_1 = _e.sent();
-                                    console.error(e_1);
-                                    return [3 /*break*/, 4];
-                                case 4:
-                                    if (!canAccess) {
-                                        console.warn("Cannot access tileset: ".concat(tilesetId, ", from account: ").concat((_c = this.item.tileset) === null || _c === void 0 ? void 0 : _c.ClientAccountID, "."));
-                                        return [2 /*return*/];
-                                    }
-                                    return [3 /*break*/, 6];
-                                case 5:
-                                    console.warn("No tileset id found. Skipping access check.");
-                                    _e.label = 6;
-                                case 6:
-                                    if (this.disposed || counter !== this.initCounter) {
-                                        return [2 /*return*/];
-                                    }
-                                    accountId = (_d = this.item.tileset) === null || _d === void 0 ? void 0 : _d.ClientAccountID;
-                                    if (!accountId) {
-                                        accountId = this.getters.GetAccountId();
-                                    }
-                                    api = this.getters.GetBruceApi({
-                                        accountId: accountId
-                                    });
-                                    return [4 /*yield*/, Tileset.Get({
-                                            api: api,
-                                            tilesetId: tilesetId
-                                        })];
-                                case 7:
-                                    tileset = (_e.sent()).tileset;
-                                    if (!tileset || this.disposed || counter !== this.initCounter) {
-                                        return [2 /*return*/];
-                                    }
-                                    this.typeId = tileset.settings.entityTypeId;
-                                    _a = this;
-                                    return [4 /*yield*/, TilesetRenderEngine.Render({
-                                            apiGetter: this.getters.GetBruceGetter(),
-                                            tileset: tileset,
-                                            viewer: this.viewer,
-                                            accountId: accountId,
-                                            viaCdn: this.item.cdnEnabled
-                                        })];
-                                case 8:
-                                    cTileset = _a.cTileset = _e.sent();
-                                    if (this.disposed) {
-                                        this.doDispose();
-                                        return [2 /*return*/];
-                                    }
-                                    this.viewer.scene.requestRender();
-                                    cTileset.readyPromise.then(function () {
-                                        try {
-                                            if (_this.disposed || _this.viewer.isDestroyed()) {
-                                                return;
-                                            }
-                                            _this.onCTilesetLoad();
-                                            _this.viewer.scene.requestRender();
-                                        }
-                                        catch (e) {
-                                            console.error(e);
-                                        }
-                                    });
-                                    cTileset.tileLoad.addEventListener(function (tile) {
-                                        _this.mapCTile(tile);
-                                    });
-                                    _e.label = 9;
-                                case 9:
-                                    attenuation = this.item.attenuation;
-                                    if (!attenuation && attenuation != false) {
-                                        attenuation = true;
-                                    }
-                                    attenuationMax = this.item.attenuationMax;
-                                    if (isNaN(attenuationMax)) {
-                                        attenuationMax = 20;
+                var _b, _c, _d;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            if (!!this.cTileset) return [3 /*break*/, 9];
+                            if (!tilesetId) return [3 /*break*/, 5];
+                            canAccess = false;
+                            _e.label = 1;
+                        case 1:
+                            _e.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, Tileset.Publish.IsAccessAllowed({
+                                    sourceAccountId: (_b = this.item.tileset) === null || _b === void 0 ? void 0 : _b.ClientAccountID,
+                                    tilesetId: tilesetId,
+                                    forAccountId: this.getters.GetAccountId(),
+                                    api: this.getters.GetGlobalApi()
+                                })];
+                        case 2:
+                            canAccess = _e.sent();
+                            return [3 /*break*/, 4];
+                        case 3:
+                            e_1 = _e.sent();
+                            console.error(e_1);
+                            return [3 /*break*/, 4];
+                        case 4:
+                            if (!canAccess) {
+                                console.warn("Cannot access tileset: ".concat(tilesetId, ", from account: ").concat((_c = this.item.tileset) === null || _c === void 0 ? void 0 : _c.ClientAccountID, "."));
+                                return [2 /*return*/];
+                            }
+                            return [3 /*break*/, 6];
+                        case 5:
+                            console.warn("No tileset id found. Skipping access check.");
+                            _e.label = 6;
+                        case 6:
+                            if (this.disposed || counter !== this.initCounter) {
+                                return [2 /*return*/];
+                            }
+                            accountId = (_d = this.item.tileset) === null || _d === void 0 ? void 0 : _d.ClientAccountID;
+                            if (!accountId) {
+                                accountId = this.getters.GetAccountId();
+                            }
+                            api = this.getters.GetBruceApi({
+                                accountId: accountId
+                            });
+                            return [4 /*yield*/, Tileset.Get({
+                                    api: api,
+                                    tilesetId: tilesetId
+                                })];
+                        case 7:
+                            tileset = (_e.sent()).tileset;
+                            if (!tileset || this.disposed || counter !== this.initCounter) {
+                                return [2 /*return*/];
+                            }
+                            this.typeId = tileset.settings.entityTypeId;
+                            _a = this;
+                            return [4 /*yield*/, TilesetRenderEngine.Render({
+                                    apiGetter: this.getters.GetBruceGetter(),
+                                    tileset: tileset,
+                                    viewer: this.viewer,
+                                    accountId: accountId,
+                                    viaCdn: this.item.cdnEnabled
+                                })];
+                        case 8:
+                            cTileset = _a.cTileset = _e.sent();
+                            if (this.disposed) {
+                                this.doDispose();
+                                return [2 /*return*/];
+                            }
+                            this.viewer.scene.requestRender();
+                            cTileset.readyPromise.then(function () {
+                                try {
+                                    if (_this.disposed || _this.viewer.isDestroyed()) {
+                                        return;
                                     }
-                                    this.cTileset.readyPromise.then(function () {
-                                        TilesetRenderEngine.ApplySettings({
-                                            cTileset: _this.cTileset,
-                                            settings: {
-                                                attenuation: attenuation,
-                                                maximumAttenuation: attenuationMax
-                                            }
-                                        });
-                                    });
-                                    return [2 /*return*/];
+                                    _this.onCTilesetLoad();
+                                    _this.viewer.scene.requestRender();
+                                }
+                                catch (e) {
+                                    console.error(e);
+                                }
+                            });
+                            cTileset.tileLoad.addEventListener(function (tile) {
+                                _this.mapCTile(tile);
+                            });
+                            _e.label = 9;
+                        case 9:
+                            attenuation = this.item.attenuation;
+                            if (!attenuation && attenuation != false) {
+                                attenuation = true;
                             }
-                        });
-                    }); })();
-                    return [2 /*return*/];
+                            attenuationMax = this.item.attenuationMax;
+                            if (isNaN(attenuationMax)) {
+                                attenuationMax = 20;
+                            }
+                            this.cTileset.readyPromise.then(function () {
+                                TilesetRenderEngine.ApplySettings({
+                                    cTileset: _this.cTileset,
+                                    settings: {
+                                        attenuation: attenuation,
+                                        maximumAttenuation: attenuationMax
+                                    }
+                                });
+                            });
+                            return [2 /*return*/];
+                    }
                 });
-            });
+            }); })();
         };
         Manager.prototype.Dispose = function () {
             if (this.disposed) {
@@ -9105,6 +9130,8 @@ var RelationsRenderManager;
 (function (RelationsRenderManager) {
     var Manager = /** @class */ (function () {
         function Manager(params) {
+            // If true, this menu item is disposed and should not be used.
+            // Any rendering will be ignored.
             this.disposed = false;
             var apiGetter = params.apiGetter, item = params.item, register = params.register, viewer = params.viewer;
             this.apiGetter = apiGetter;
@@ -9119,56 +9146,61 @@ var RelationsRenderManager;
             enumerable: false,
             configurable: true
         });
-        Manager.prototype.Init = function () {
-            var _this = this;
-            var drawn = [];
-            var api = this.apiGetter.getApi(this.apiGetter.accountId);
-            var BATCH_SIZE = 5;
-            var drawBatch = [];
-            var pending = this.item.BruceEntity.EntityIds.length;
-            var onResolve = function () {
-                pending -= 1;
-                if (pending <= 0) {
-                    if (drawBatch === null || drawBatch === void 0 ? void 0 : drawBatch.length) {
-                        _this.onGetterUpdate(drawBatch);
+        /**
+         * Starts rendering the menu item.
+         * Re-call with an updated menu item to re-render. It will auto-cleanup old relations.
+         * @param params
+         * @returns
+         */
+        Manager.prototype.Init = function (params) {
+            var _a;
+            if (this.disposed) {
+                return;
+            }
+            if (params === null || params === void 0 ? void 0 : params.item) {
+                this.item = params.item;
+            }
+            // Remove relationships we no longer want to render.
+            // We'll have to get regos by the menu item ID then run a check on the related rego relationship.
+            var regos = this.register.GetRegos({
+                menuItemId: this.item.id
+            });
+            var drawnIds = [];
+            var toDrawIds = [];
+            var entityIds = (_a = this.item.BruceEntity) === null || _a === void 0 ? void 0 : _a.EntityIds;
+            if (!(entityIds === null || entityIds === void 0 ? void 0 : entityIds.length)) {
+                entityIds = [];
+            }
+            for (var i = 0; i < regos.length; i++) {
+                var rego = regos[i];
+                if (!this.shouldRenderRelation(rego.relation)) {
+                    this.register.RemoveRegos({
+                        relation: rego.relation,
+                        entityId: rego.entityId,
+                        menuItemId: this.item.id,
+                        requestRender: false
+                    });
+                }
+                else {
+                    drawnIds.push(rego.entityId);
+                    if (rego.relation) {
+                        drawnIds.push(rego.relation["Principal.Entity.ID"]);
                     }
                 }
+            }
+            this.viewer.scene.requestRender();
+            var _loop_1 = function (i) {
+                if (!drawnIds.find(function (x) { return x == entityIds[i]; })) {
+                    toDrawIds.push(entityIds[i]);
+                }
             };
-            for (var i = 0; i < this.item.BruceEntity.EntityIds.length; i++) {
-                var entityId = this.item.BruceEntity.EntityIds[i];
-                EntityRelation.GetList({
-                    api: api,
-                    entityId: entityId,
-                    filter: {
-                        oneWayOnly: false,
-                        loadEntityData: false
-                    }
-                }).then(function (data) {
-                    var _a;
-                    var relations = data.relations;
-                    var _loop_1 = function (j) {
-                        var relation = relations[j];
-                        if (((_a = _this.item.relationTypeIds) === null || _a === void 0 ? void 0 : _a.length) && !_this.item.relationTypeIds.includes(relation["Relation.Type.ID"])) {
-                            return "continue";
-                        }
-                        var key = RelationRenderEngine.GetRenderGroupId(relation);
-                        if (!drawn.find(function (x) { return x == key; })) {
-                            drawn.push(key);
-                            drawBatch.push(relation);
-                            if (drawBatch.length >= BATCH_SIZE) {
-                                _this.onGetterUpdate(drawBatch);
-                                drawBatch = [];
-                            }
-                        }
-                    };
-                    for (var j = 0; j < relations.length; j++) {
-                        _loop_1(j);
-                    }
-                    onResolve();
-                }).catch(function (e) {
-                    onResolve();
-                });
+            // We'll call a re-render on entity ids that are not drawn.
+            for (var i = 0; i < entityIds.length; i++) {
+                _loop_1(i);
             }
+            this.renderEntityIds({
+                entityIds: toDrawIds
+            });
         };
         Manager.prototype.Dispose = function () {
             if (this.disposed) {
@@ -9179,19 +9211,154 @@ var RelationsRenderManager;
                 menuItemId: this.item.id
             });
         };
+        /**
+         * Re-renders specific entity relationships.
+         * @TODO: This should re-render all relationships when entityIds=null.
+         * @param params
+         */
         Manager.prototype.ReRender = function (params) {
             return __awaiter(this, void 0, void 0, function () {
                 var entityIds, force;
                 return __generator(this, function (_a) {
                     entityIds = params.entityIds, force = params.force;
+                    if (entityIds == null) ;
+                    else {
+                        this.renderEntityIds({
+                            dataEntityIds: entityIds
+                        });
+                    }
                     return [2 /*return*/];
                 });
             });
         };
+        /**
+         * Gets relationship records corresponding to provided IDs and requests a render for them.
+         */
+        Manager.prototype.renderEntityIds = function (params) {
+            return __awaiter(this, void 0, void 0, function () {
+                var entityIds, dataEntityIds, drawn, api, BATCH_SIZE, drawBatch, pending, onResolve, i, entityId, i, entityId;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    if (this.disposed || this.viewer.isDestroyed()) {
+                        return [2 /*return*/];
+                    }
+                    entityIds = params.entityIds, dataEntityIds = params.dataEntityIds;
+                    if (!(entityIds === null || entityIds === void 0 ? void 0 : entityIds.length)) {
+                        entityIds = [];
+                    }
+                    if (!(dataEntityIds === null || dataEntityIds === void 0 ? void 0 : dataEntityIds.length)) {
+                        dataEntityIds = [];
+                    }
+                    drawn = [];
+                    api = this.apiGetter.getApi(this.apiGetter.accountId);
+                    BATCH_SIZE = 5;
+                    drawBatch = [];
+                    pending = entityIds.length + dataEntityIds.length;
+                    onResolve = function () {
+                        if (_this.disposed || _this.viewer.isDestroyed()) {
+                            return;
+                        }
+                        pending -= 1;
+                        if (pending <= 0) {
+                            if (drawBatch === null || drawBatch === void 0 ? void 0 : drawBatch.length) {
+                                _this.onGetterUpdate(drawBatch);
+                            }
+                        }
+                    };
+                    // Get relationships by their data entity ID.
+                    for (i = 0; i < dataEntityIds.length; i++) {
+                        entityId = dataEntityIds[i];
+                        EntityRelation.GetByDataEntityId({
+                            entityId: entityId,
+                            api: api
+                        }).then(function (data) {
+                            if (data.relation) {
+                                var relation = data.relation;
+                                var key_1 = RelationRenderEngine.GetRenderGroupId(relation);
+                                if (!drawn.find(function (x) { return x == key_1; })) {
+                                    drawn.push(key_1);
+                                    drawBatch.push(relation);
+                                    if (drawBatch.length >= BATCH_SIZE) {
+                                        _this.onGetterUpdate(drawBatch);
+                                        drawBatch = [];
+                                    }
+                                }
+                            }
+                            onResolve();
+                        }).catch(function (e) {
+                            onResolve();
+                        });
+                    }
+                    // Get relationships by either the parent or child ID.
+                    for (i = 0; i < entityIds.length; i++) {
+                        entityId = entityIds[i];
+                        EntityRelation.GetList({
+                            api: api,
+                            entityId: entityId,
+                            filter: {
+                                oneWayOnly: false,
+                                loadEntityData: false
+                            }
+                        }).then(function (data) {
+                            var relations = data.relations;
+                            var _loop_2 = function (j) {
+                                var relation = relations[j];
+                                var key = RelationRenderEngine.GetRenderGroupId(relation);
+                                if (!drawn.find(function (x) { return x == key; })) {
+                                    drawn.push(key);
+                                    drawBatch.push(relation);
+                                    if (drawBatch.length >= BATCH_SIZE) {
+                                        _this.onGetterUpdate(drawBatch);
+                                        drawBatch = [];
+                                    }
+                                }
+                            };
+                            for (var j = 0; j < relations.length; j++) {
+                                _loop_2(j);
+                            }
+                            onResolve();
+                        }).catch(function (e) {
+                            onResolve();
+                        });
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        /**
+         * Returns if a relation should be rendered.
+         * This is in case the menu item was updated and the relation is no longer relevant.
+         * @param relation
+         */
+        Manager.prototype.shouldRenderRelation = function (relation) {
+            var _a, _b, _c;
+            if (((_a = this.item.relationTypeIds) === null || _a === void 0 ? void 0 : _a.length) && !this.item.relationTypeIds.includes(relation["Relation.Type.ID"])) {
+                return false;
+            }
+            var renderedIds = (_c = (_b = this.item) === null || _b === void 0 ? void 0 : _b.BruceEntity) === null || _c === void 0 ? void 0 : _c.EntityIds;
+            if (!renderedIds) {
+                return false;
+            }
+            var ids = [
+                relation["Principal.Entity.ID"],
+                relation["Related.Entity.ID"]
+            ];
+            if (relation["Data.Entity.ID"]) {
+                ids.push(relation["Data.Entity.ID"]);
+            }
+            return ids.some(function (x) { return renderedIds.includes(x); });
+        };
+        /**
+         * Renders batch of entity relationships.
+         * This will check if a relationship SHOULD be rendered before rendering it.
+         * It will also handle already rendered relations to avoid re-rendering them.
+         * @param relations
+         */
         Manager.prototype.onGetterUpdate = function (relations) {
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
-                var cEntities, i, relation, key, cEntity, visual, e_1;
+                var killCEntity, cEntities, key, i, relation, key, cEntity, visual, e_1;
+                var _this = this;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
@@ -9199,6 +9366,12 @@ var RelationsRenderManager;
                             if (this.disposed || this.viewer.isDestroyed()) {
                                 return [2 /*return*/];
                             }
+                            relations = relations.filter(function (x) { return _this.shouldRenderRelation(x); });
+                            killCEntity = function (cEntity) {
+                                if (cEntity && !_this.viewer.isDestroyed() && _this.viewer.entities.contains(cEntity)) {
+                                    _this.viewer.entities.remove(cEntity);
+                                }
+                            };
                             return [4 /*yield*/, RelationRenderEngine.Render({
                                     apiGetter: this.apiGetter,
                                     menuItemId: this.item.id,
@@ -9212,13 +9385,16 @@ var RelationsRenderManager;
                                 this.register.RemoveRegos({
                                     menuItemId: this.item.id
                                 });
+                                for (key in cEntities) {
+                                    killCEntity(cEntities[key]);
+                                }
                                 return [2 /*return*/];
                             }
                             for (i = 0; i < relations.length; i++) {
                                 relation = relations[i];
                                 key = RelationRenderEngine.GetRenderGroupId(relation);
                                 cEntity = cEntities[key];
-                                if (cEntity) {
+                                if (cEntity && this.shouldRenderRelation(relation)) {
                                     visual = (_a = this.register.GetRego({
                                         entityId: key,
                                         menuItemId: this.item.id
@@ -9244,6 +9420,7 @@ var RelationsRenderManager;
                                         menuItemId: this.item.id,
                                         requestRender: false
                                     });
+                                    killCEntity(cEntity);
                                 }
                             }
                             this.viewer.scene.requestRender();
@@ -9443,6 +9620,14 @@ var MenuItemManager;
                     });
                     rItem.item = params.item;
                 }
+                // This means we're updating a rendered relationships menu item.
+                // Eg: different entities need to be rendered, or one of the relationship data entities changed.
+                else if (rItem.type == MenuItem.EType.Relations && params.item.Type == MenuItem.EType.Relations) {
+                    rItem.renderManager.Init({
+                        item: params.item,
+                    });
+                    rItem.item = params.item;
+                }
             }
             else {
                 rItem = {
@@ -12350,7 +12535,7 @@ function renderNavigator(iteration, params, bookmark, view) {
                     for (_i = 0, curEnabled_1 = curEnabled; _i < curEnabled_1.length; _i++) {
                         id = curEnabled_1[_i];
                         if (newItemIds.indexOf(id) === -1 ||
-                            id == RELATION_MENU_ITEM_ID) {
+                            (id == RELATION_MENU_ITEM_ID && !renderedRelationEntityIds.length)) {
                             params.manager.RemoveItemById({
                                 menuItemId: id
                             });
@@ -12370,7 +12555,7 @@ function renderNavigator(iteration, params, bookmark, view) {
                     }
                     _6.label = 4;
                 case 4:
-                    if (!(renderedRelationEntityIds.length > 0)) return [3 /*break*/, 6];
+                    if (!renderedRelationEntityIds.length) return [3 /*break*/, 6];
                     menuItem = {
                         id: RELATION_MENU_ITEM_ID,
                         Caption: "Entity relations",
@@ -15296,7 +15481,7 @@ var ViewerUtils;
     ViewerUtils.CreateWidgets = CreateWidgets;
 })(ViewerUtils || (ViewerUtils = {}));
 
-var VERSION$1 = "2.7.8";
+var VERSION$1 = "2.8.0";
 
 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, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, Draw3dPolygon, Draw3dPolyline };
 //# sourceMappingURL=bruce-cesium.es5.js.map