bruce-cesium 0.0.2 → 0.0.4

package/dist/bruce-cesium.es5.js

@@ -1,5 +1,5 @@
-import { BruceEvent, Cartes, Carto, Geometry, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, DelayQueue, Entity as Entity$1, EntityFilterGetter, BatchedDataGetter, Tileset, MenuItem, ObjectUtils } from 'bruce-models';
-import { Cartesian2, Cartographic, Math as Math$1, Viewer, ArcGisMapServerImageryProvider, ScreenSpaceEventType, Color, HeightReference, Cartesian3, Entity, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, HeadingPitchRange, Matrix4, Cesium3DTileset, EllipsoidGeodesic } from 'cesium';
+import { Color, HeightReference, Cartographic, Cartesian3, Entity, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Viewer, ArcGisMapServerImageryProvider, ScreenSpaceEventType, Primitive, Cesium3DTileFeature, Cartesian2, HeadingPitchRange, Math as Math$1, Matrix4, Cesium3DTileset, EllipsoidGeodesic } from 'cesium';
+import { BruceEvent, Cartes, Carto, Geometry, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, DelayQueue, Entity as Entity$1, EntityFilterGetter, BatchedDataGetter, ObjectUtils, Tileset, MenuItem } from 'bruce-models';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -72,6 +72,9 @@ function areBoundsEqual(a, b) {
 function arePosEqual(a, b) {
     return a.latitude == b.latitude && a.longitude == b.longitude;
 }
+/**
+ * Monitors and emits events when the Cesium view changes.
+ */
 var CesiumViewMonitor = /** @class */ (function () {
     function CesiumViewMonitor(viewer) {
         var _this = this;
@@ -219,6 +222,12 @@ var CesiumViewMonitor = /** @class */ (function () {
 
 var ViewerUtils;
 (function (ViewerUtils) {
+    /**
+     * Creates a Cesium viewer in a given HTML container and returns it.
+     * This will kill all widgets in the process.
+     * @param container
+     * @returns
+     */
     function InitViewer(container) {
         if (container._cViewer) {
             throw new Error("Container already has a viewer.");
@@ -252,6 +261,10 @@ var ViewerUtils;
         }
     }
     ViewerUtils.DestroyWidget = DestroyWidget;
+    /**
+     * Hides all unnecessary elements from the Cesium viewer container.
+     * @param viewer
+     */
     function StyleContainer(viewer) {
         var _a;
         var container = viewer.container;
@@ -354,6 +367,14 @@ function __generator(thisArg, body) {
 
 var DrawingUtils;
 (function (DrawingUtils) {
+    /**
+     * Returns the point across a polyline at a given distance.
+     * If the distance exceeds the length of the line, the point will be placed at the end of the line.
+     * @param viewer
+     * @param positions
+     * @param distance
+     * @returns
+     */
     function PointAcrossPolyline(viewer, positions, distance) {
         if (positions.length > 1) {
             var currentDistance = 0;
@@ -385,6 +406,12 @@ var DrawingUtils;
 
 var MeasureUtils;
 (function (MeasureUtils) {
+    /**
+     * Returns the total distance in meters between an array of points.
+     * This distance is NOT following the terrain.
+     * @param posses
+     * @returns
+     */
     function MeasurePolyline(posses) {
         if (posses.length < 2) {
             return 0;
@@ -408,8 +435,27 @@ var MeasureUtils;
     MeasureUtils.MeasurePolyline = MeasurePolyline;
 })(MeasureUtils || (MeasureUtils = {}));
 
+function traverseEntity(cEntity, arr) {
+    if (cEntity._parentEntity) {
+        traverseEntity(cEntity._parentEntity, arr);
+    }
+    if (cEntity._siblingGraphics) {
+        for (var i = 0; i < cEntity._siblingGraphics.length; i++) {
+            var sibling = cEntity._siblingGraphics[i];
+            traverseEntity(sibling, arr);
+        }
+    }
+    arr.push(cEntity);
+}
 var EntityUtils;
 (function (EntityUtils) {
+    /**
+     * Returns an entity's position.
+     * This will attempt to calculate it from multiple sources of data.
+     * @param viewer
+     * @param entity
+     * @returns
+     */
     function GetPos(viewer, entity) {
         if (entity.location && Carto.ValidateCarto(entity.location)) {
             var location_1 = entity.location;
@@ -466,6 +512,20 @@ var EntityUtils;
         return null;
     }
     EntityUtils.GetPos = GetPos;
+    /**
+     * Returns entity and any associated parent/sibling entities as a flat array.
+     * @param entity
+     */
+    function GatherEntity(entity) {
+        if (entity instanceof Entity) {
+            var cEntity = entity;
+            var items = [];
+            traverseEntity(cEntity, items);
+            return items;
+        }
+        return [entity];
+    }
+    EntityUtils.GatherEntity = GatherEntity;
 })(EntityUtils || (EntityUtils = {}));
 
 var RenderManager;
@@ -1244,6 +1304,10 @@ var EntityRenderEngine;
     })(Model3d = EntityRenderEngine.Model3d || (EntityRenderEngine.Model3d = {}));
 })(EntityRenderEngine || (EntityRenderEngine = {}));
 
+/**
+ * Manager for rendering Bruce entities.
+ * This will request entities based on setup menu item filter.
+ */
 var EntitiesRenderManager;
 (function (EntitiesRenderManager) {
     var Manager = /** @class */ (function () {
@@ -1395,7 +1459,7 @@ var EntitiesRenderManager;
                                         this.visualsManager.Add({
                                             entityId: id,
                                             menuItemId: this.item.id,
-                                            visuals: [cEntity],
+                                            visual: cEntity,
                                             priority: 0
                                         });
                                     }
@@ -1414,6 +1478,11 @@ var EntitiesRenderManager;
     EntitiesRenderManager.Manager = Manager;
 })(EntitiesRenderManager || (EntitiesRenderManager = {}));
 
+/**
+ * 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) {
     var Manager = /** @class */ (function () {
@@ -1488,7 +1557,7 @@ var EntitiesLoadedRenderManager;
                                         this.visualsManager.Add({
                                             entityId: id,
                                             menuItemId: this.item.id,
-                                            visuals: [cEntity],
+                                            visual: cEntity,
                                             priority: 0
                                         });
                                     }
@@ -1507,6 +1576,230 @@ var EntitiesLoadedRenderManager;
     EntitiesLoadedRenderManager.Manager = Manager;
 })(EntitiesLoadedRenderManager || (EntitiesLoadedRenderManager = {}));
 
+function removeEntity(viewer, visual) {
+    unmarkEntity(visual);
+    if (visual instanceof Entity) {
+        EntityRenderEngine.Remove(viewer, visual);
+    }
+    else if (visual instanceof Primitive) {
+        if (viewer.scene.primitives.contains(visual)) {
+            viewer.scene.primitives.remove(visual);
+        }
+    }
+    else if (visual instanceof Cesium3DTileFeature) {
+        // No way to tell if changing show will crash it!
+        try {
+            visual.show = false;
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+}
+function updateCEntityShow(viewer, visual, show) {
+    if (visual._parentEntity) {
+        updateCEntityShow(viewer, visual._parentEntity, show);
+    }
+    if (visual._siblingGraphics) {
+        for (var i = 0; i < visual._siblingGraphics.length; i++) {
+            var sibling = visual._siblingGraphics[i];
+            updateCEntityShow(viewer, sibling, show);
+        }
+    }
+    if (viewer.entities.contains(visual)) {
+        visual.show = show;
+    }
+}
+function updateEntityShow(viewer, visual, show) {
+    if (visual instanceof Entity) {
+        updateCEntityShow(viewer, visual, show);
+    }
+    else if (visual instanceof Primitive) {
+        if (viewer.scene.primitives.contains(visual)) {
+            visual.show = show;
+        }
+    }
+    else if (visual instanceof Cesium3DTileFeature) {
+        // No way to tell if changing show will crash it!
+        try {
+            visual.show = show;
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+}
+function updateEntity(viewer, entityRegos) {
+    var highestPriority = null;
+    for (var i = 0; i < entityRegos.length; i++) {
+        var rego = entityRegos[i];
+        if (highestPriority === null || rego.priority > highestPriority.priority) {
+            highestPriority = rego;
+        }
+    }
+    for (var i = 0; i < entityRegos.length; i++) {
+        var rego = entityRegos[i];
+        updateEntityShow(viewer, rego.visual, rego === highestPriority);
+    }
+}
+function markEntity(register, rego, visual) {
+    var vis = visual;
+    vis._register = register;
+    vis._rego = rego;
+    if (visual instanceof Entity) {
+        var visEnt = visual;
+        if (visEnt._parentEntity) {
+            markEntity(register, rego, visEnt._parentEntity);
+        }
+        if (visEnt._siblingGraphics) {
+            for (var i = 0; i < visEnt._siblingGraphics.length; i++) {
+                markEntity(register, rego, visEnt._siblingGraphics[i]);
+            }
+        }
+    }
+}
+function unmarkEntity(visual) {
+    var vis = visual;
+    vis._register = null;
+    if (visual instanceof Entity) {
+        var visEnt = visual;
+        if (visEnt._parentEntity) {
+            unmarkEntity(visEnt._parentEntity);
+        }
+        if (visEnt._siblingGraphics) {
+            for (var i = 0; i < visEnt._siblingGraphics.length; i++) {
+                unmarkEntity(visEnt._siblingGraphics[i]);
+            }
+        }
+    }
+}
+/**
+ * Manages a registry of all Bruce visuals being rendered by menu items.
+ * If multiple stuff is registered with the same entity id, only the "best" one is left visible.
+ */
+var VisualsRegister;
+(function (VisualsRegister) {
+    var Register = /** @class */ (function () {
+        function Register(viewer) {
+            this.id = ObjectUtils.UId();
+            this.rego = {};
+            this.onUpdate = null;
+            this.viewer = viewer;
+        }
+        Object.defineProperty(Register.prototype, "Id", {
+            get: function () {
+                return this.id;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Register.prototype, "OnUpdate", {
+            get: function () {
+                return this.onUpdate;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Register.prototype.Add = function (rego) {
+            var _a, _b;
+            this.Remove(rego.entityId, rego.menuItemId, false);
+            var entityId = rego.entityId;
+            var entityRegos = (_a = this.rego[entityId]) !== null && _a !== void 0 ? _a : [];
+            entityRegos.push(rego);
+            this.rego[entityId] = entityRegos;
+            markEntity(this, rego, rego.visual);
+            updateEntity(this.viewer, this.rego[entityId]);
+            (_b = this.onUpdate) === null || _b === void 0 ? void 0 : _b.Trigger({ rego: rego, isAdding: true });
+        };
+        Register.prototype.GetVisuals = function (entityId, menuItemId) {
+            var _a;
+            var entityRegos = this.rego[entityId];
+            if (!entityRegos) {
+                return [];
+            }
+            var visuals = (_a = entityRegos.find(function (r) { return r.menuItemId === menuItemId; })) === null || _a === void 0 ? void 0 : _a.visual;
+            return visuals !== null && visuals !== void 0 ? visuals : [];
+        };
+        Register.prototype.RemoveByEntityId = function (id) {
+            var _a;
+            var entityRegos = this.rego[id];
+            if (!entityRegos) {
+                return;
+            }
+            for (var i = 0; i < entityRegos.length; i++) {
+                var rego = entityRegos[i];
+                (_a = this.onUpdate) === null || _a === void 0 ? void 0 : _a.Trigger({ rego: rego, isAdding: false });
+                removeEntity(this.viewer, rego.visual);
+            }
+            this.rego[id] = [];
+            delete this.rego[id];
+        };
+        Register.prototype.RemoveByMenuItemId = function (id) {
+            var _a;
+            for (var entityId in this.rego) {
+                var entityRegos = this.rego[entityId];
+                if (entityRegos) {
+                    var rego = entityRegos.find(function (r) { return r.menuItemId === id; });
+                    if (!rego) {
+                        continue;
+                    }
+                    (_a = this.onUpdate) === null || _a === void 0 ? void 0 : _a.Trigger({ rego: rego, isAdding: false });
+                    removeEntity(this.viewer, rego.visual);
+                    var doesInclude = this.rego[entityId].find(function (r) { return r.menuItemId === id; });
+                    if (doesInclude) {
+                        this.rego[entityId] = entityRegos.filter(function (r) { return r.menuItemId !== id; });
+                        updateEntity(this.viewer, this.rego[entityId]);
+                    }
+                }
+            }
+        };
+        Register.prototype.Remove = function (entityId, menuItemId, _doUpdate) {
+            var _a;
+            if (_doUpdate === void 0) { _doUpdate = true; }
+            var entityRegos = this.rego[entityId];
+            if (!entityRegos) {
+                return;
+            }
+            var rego = entityRegos.find(function (r) { return r.menuItemId === menuItemId; });
+            if (!rego) {
+                return;
+            }
+            (_a = this.onUpdate) === null || _a === void 0 ? void 0 : _a.Trigger({ rego: rego, isAdding: false });
+            removeEntity(this.viewer, rego.visual);
+            this.rego[entityId] = entityRegos.filter(function (r) { return r.menuItemId !== menuItemId; });
+            if (_doUpdate) {
+                updateEntity(this.viewer, this.rego[entityId]);
+            }
+        };
+        /**
+         * Returns an array of drilled visuals associated with this register.
+         * The top array item is the first found.
+         * @param cursor
+         * @returns
+         */
+        Register.prototype.GetFromCursor = function (cursor) {
+            var _a;
+            var found = [];
+            var picked = this.viewer.scene.drillPick(new Cartesian2(cursor.x, cursor.y), 5);
+            for (var i = 0; i < picked.length; i++) {
+                var object = picked[i];
+                var entity = (object && object.id && object.id instanceof Entity ? object.id : object);
+                var visual = entity;
+                if (((_a = visual === null || visual === void 0 ? void 0 : visual._register) === null || _a === void 0 ? void 0 : _a.Id) == this.id) {
+                    found.push(visual._rego);
+                }
+            }
+            return found;
+        };
+        return Register;
+    }());
+    VisualsRegister.Register = Register;
+})(VisualsRegister || (VisualsRegister = {}));
+
+/**
+ * Render manager for rendering an array of entity ids.
+ * This will render them in batches to avoid overloading the viewer.
+ */
 var EntitiesIdsRenderManager;
 (function (EntitiesIdsRenderManager) {
     var Manager = /** @class */ (function () {
@@ -1584,7 +1877,7 @@ var EntitiesIdsRenderManager;
                                         this.visualsManager.Add({
                                             entityId: id,
                                             menuItemId: this.item.id,
-                                            visuals: [cEntity],
+                                            visual: cEntity,
                                             priority: 0
                                         });
                                     }
@@ -1603,6 +1896,9 @@ var EntitiesIdsRenderManager;
     EntitiesIdsRenderManager.Manager = Manager;
 })(EntitiesIdsRenderManager || (EntitiesIdsRenderManager = {}));
 
+/**
+ * Manager for rendering a single Bruce entity.
+ */
 var EntityRenderManager;
 (function (EntityRenderManager) {
     var Manager = /** @class */ (function () {
@@ -1676,7 +1972,7 @@ var EntityRenderManager;
                                     this.visualsManager.Add({
                                         entityId: entity.Bruce.ID,
                                         menuItemId: this.item.id,
-                                        visuals: [cEntity],
+                                        visual: cEntity,
                                         priority: 0
                                     });
                                 }
@@ -2084,7 +2380,7 @@ var TilesetRenderEngine;
             var bColor = (((_a = style.modelStyle) === null || _a === void 0 ? void 0 : _a.fillColor) ? Calculator.GetValue(style.modelStyle.fillColor, data, []) : null);
             if (bColor != null) {
                 var cColor = colorToCColor$1(bColor);
-                var visual = entity.visuals.length > 0 ? entity.visuals[0] : null;
+                var visual = entity.visual;
                 if (visual && visual instanceof Cesium3DTileFeature) {
                     visual.color = cColor;
                 }
@@ -2125,6 +2421,10 @@ var TilesetRenderEngine;
     TilesetRenderEngine.CadStyler = CadStyler;
 })(TilesetRenderEngine || (TilesetRenderEngine = {}));
 
+/**
+ * Manager for rendering CAD tilesets.
+ * CAD tilesets are referred to as "MODEL" tilesets in some other areas of Bruce code.
+ */
 var TilesetCadRenderManager;
 (function (TilesetCadRenderManager) {
     var Manager = /** @class */ (function () {
@@ -2208,7 +2508,7 @@ var TilesetCadRenderManager;
                 entityTypeId: null,
                 menuItemId: this.item.id,
                 priority: 0,
-                visuals: [feature]
+                visual: feature
             };
             if (version == 1) {
                 var pathStr = feature.getProperty("BrucePath");
@@ -2309,138 +2609,184 @@ var TilesetCadRenderManager;
     TilesetCadRenderManager.Manager = Manager;
 })(TilesetCadRenderManager || (TilesetCadRenderManager = {}));
 
-var MenuItemManager = /** @class */ (function () {
-    function MenuItemManager(viewer, visualsRegister) {
-        this.items = [];
-        this.viewer = viewer;
-        this.visualsRegister = visualsRegister;
-    }
-    MenuItemManager.prototype.RenderItem = function (api, item) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function () {
-            var rItem, i, childId;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        rItem = {
-                            id: (_a = item.id) !== null && _a !== void 0 ? _a : ObjectUtils.UId(),
-                            childIds: [],
-                            item: item,
-                            renderManager: null,
-                            type: item.Type
-                        };
-                        switch (item.Type) {
-                            case MenuItem.EType.Entities:
-                                rItem.renderManager = new EntitiesRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
-                                break;
-                            case MenuItem.EType.EntitiesLoaded:
-                                rItem.renderManager = new EntitiesLoadedRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
-                                break;
-                            case MenuItem.EType.EntitiesIds:
-                                rItem.renderManager = new EntitiesIdsRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
-                                break;
-                            case MenuItem.EType.Entity:
-                                rItem.renderManager = new EntityRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
-                            case MenuItem.EType.CadTileset:
-                                rItem.renderManager = new TilesetCadRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
-                                break;
-                            case MenuItem.EType.Osm:
-                                // TODO;
-                                break;
-                            case MenuItem.EType.PointCloud:
-                                // TODO;
-                                break;
-                            case MenuItem.EType.EntityTileset:
-                                // TODO;
-                                break;
-                            case MenuItem.EType.Kml:
-                                // TODO;
-                                break;
-                            // Any "none" type can be ignored. These are just containers for other items.
-                            case MenuItem.EType.None:
-                            case "":
-                            case null:
-                                break;
-                            default:
-                                throw ("Menu item type is not implemented.");
-                        }
-                        if (!rItem.renderManager) return [3 /*break*/, 2];
-                        return [4 /*yield*/, rItem.renderManager.Init()];
-                    case 1:
-                        _b.sent();
-                        _b.label = 2;
-                    case 2:
-                        this.items.push(rItem);
-                        if (!item.Children) return [3 /*break*/, 6];
-                        i = 0;
-                        _b.label = 3;
-                    case 3:
-                        if (!(i < item.Children.length)) return [3 /*break*/, 6];
-                        return [4 /*yield*/, this.RenderItem(api, item.Children[i])];
-                    case 4:
-                        childId = _b.sent();
-                        rItem.childIds.push(childId);
-                        _b.label = 5;
-                    case 5:
-                        i++;
-                        return [3 /*break*/, 3];
-                    case 6: return [2 /*return*/, rItem.id];
-                }
-            });
+/**
+ * Utility to keep track of enabled menu items within a Cesium viewer.
+ */
+var MenuItemManager;
+(function (MenuItemManager) {
+    var Manager = /** @class */ (function () {
+        function Manager(viewer, visualsRegister) {
+            this.items = [];
+            this.onUpdate = null;
+            this.viewer = viewer;
+            if (!visualsRegister) {
+                visualsRegister = new VisualsRegister.Register(viewer);
+            }
+            this.visualsRegister = visualsRegister;
+        }
+        Object.defineProperty(Manager.prototype, "VisualsRegister", {
+            get: function () {
+                return this.visualsRegister;
+            },
+            enumerable: false,
+            configurable: true
         });
-    };
-    MenuItemManager.prototype.RemoveItemById = function (id) {
-        return __awaiter(this, void 0, void 0, function () {
-            var item, _loop_1, this_1, i;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        item = this.items.find(function (x) { return x.id === id; });
-                        if (!item) return [3 /*break*/, 5];
-                        _loop_1 = function (i) {
-                            var child;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0:
-                                        child = this_1.items.find(function (x) { return x.id === item.childIds[i]; });
-                                        if (!child) return [3 /*break*/, 2];
-                                        return [4 /*yield*/, this_1.RemoveItemById(child.id)];
-                                    case 1:
-                                        _a.sent();
-                                        _a.label = 2;
-                                    case 2: return [2 /*return*/];
-                                }
-                            });
-                        };
-                        this_1 = this;
-                        i = 0;
-                        _a.label = 1;
-                    case 1:
-                        if (!(i < item.childIds.length)) return [3 /*break*/, 4];
-                        return [5 /*yield**/, _loop_1(i)];
-                    case 2:
-                        _a.sent();
-                        _a.label = 3;
-                    case 3:
-                        i++;
-                        return [3 /*break*/, 1];
-                    case 4:
-                        try {
-                            item.renderManager.Dispose();
-                        }
-                        catch (e) {
-                            console.error(e);
-                        }
-                        this.items = this.items.filter(function (x) { return x.id !== id; });
-                        _a.label = 5;
-                    case 5: return [2 /*return*/];
-                }
-            });
+        Object.defineProperty(Manager.prototype, "OnUpdate", {
+            get: function () {
+                return this.onUpdate;
+            },
+            enumerable: false,
+            configurable: true
         });
-    };
-    return MenuItemManager;
-}());
+        /**
+         * Renders a given menu item and all ids children.
+         * Will return the enabled item id.
+         * @param api
+         * @param item
+         * @returns
+         */
+        Manager.prototype.RenderItem = function (api, item) {
+            var _a, _b;
+            return __awaiter(this, void 0, void 0, function () {
+                var rItem, i, childId;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            rItem = {
+                                id: (_a = item.id) !== null && _a !== void 0 ? _a : ObjectUtils.UId(),
+                                childIds: [],
+                                item: item,
+                                renderManager: null,
+                                type: item.Type
+                            };
+                            switch (item.Type) {
+                                case MenuItem.EType.Entities:
+                                    rItem.renderManager = new EntitiesRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
+                                    break;
+                                case MenuItem.EType.EntitiesLoaded:
+                                    rItem.renderManager = new EntitiesLoadedRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
+                                    break;
+                                case MenuItem.EType.EntitiesIds:
+                                    rItem.renderManager = new EntitiesIdsRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
+                                    break;
+                                case MenuItem.EType.Entity:
+                                    rItem.renderManager = new EntityRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
+                                case MenuItem.EType.CadTileset:
+                                    rItem.renderManager = new TilesetCadRenderManager.Manager(this.viewer, this.visualsRegister, api, item);
+                                    break;
+                                case MenuItem.EType.Osm:
+                                    // TODO;
+                                    break;
+                                case MenuItem.EType.PointCloud:
+                                    // TODO;
+                                    break;
+                                case MenuItem.EType.EntityTileset:
+                                    // TODO;
+                                    break;
+                                case MenuItem.EType.Kml:
+                                    // TODO;
+                                    break;
+                                // Any "none" type can be ignored. These are just containers for other items.
+                                case MenuItem.EType.None:
+                                case "":
+                                case null:
+                                    break;
+                                default:
+                                    throw ("Menu item type is not implemented.");
+                            }
+                            (_b = this.onUpdate) === null || _b === void 0 ? void 0 : _b.Trigger({ isEnabling: true, itemId: rItem.id });
+                            if (!rItem.renderManager) return [3 /*break*/, 2];
+                            return [4 /*yield*/, rItem.renderManager.Init()];
+                        case 1:
+                            _c.sent();
+                            _c.label = 2;
+                        case 2:
+                            this.items.push(rItem);
+                            if (!item.Children) return [3 /*break*/, 6];
+                            i = 0;
+                            _c.label = 3;
+                        case 3:
+                            if (!(i < item.Children.length)) return [3 /*break*/, 6];
+                            return [4 /*yield*/, this.RenderItem(api, item.Children[i])];
+                        case 4:
+                            childId = _c.sent();
+                            rItem.childIds.push(childId);
+                            _c.label = 5;
+                        case 5:
+                            i++;
+                            return [3 /*break*/, 3];
+                        case 6: return [2 /*return*/, rItem.id];
+                    }
+                });
+            });
+        };
+        /**
+         * Disables a menu item by ids id.
+         * This will disable all children as well.
+         * @param id
+         */
+        Manager.prototype.RemoveItemById = function (id) {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var item, _loop_1, this_1, i;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            item = this.items.find(function (x) { return x.id === id; });
+                            if (!item) return [3 /*break*/, 5];
+                            (_a = this.onUpdate) === null || _a === void 0 ? void 0 : _a.Trigger({ isEnabling: false, itemId: item.id });
+                            _loop_1 = function (i) {
+                                var child;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            child = this_1.items.find(function (x) { return x.id === item.childIds[i]; });
+                                            if (!child) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, this_1.RemoveItemById(child.id)];
+                                        case 1:
+                                            _a.sent();
+                                            _a.label = 2;
+                                        case 2: return [2 /*return*/];
+                                    }
+                                });
+                            };
+                            this_1 = this;
+                            i = 0;
+                            _b.label = 1;
+                        case 1:
+                            if (!(i < item.childIds.length)) return [3 /*break*/, 4];
+                            return [5 /*yield**/, _loop_1(i)];
+                        case 2:
+                            _b.sent();
+                            _b.label = 3;
+                        case 3:
+                            i++;
+                            return [3 /*break*/, 1];
+                        case 4:
+                            try {
+                                item.renderManager.Dispose();
+                            }
+                            catch (e) {
+                                console.error(e);
+                            }
+                            this.items = this.items.filter(function (x) { return x.id !== id; });
+                            _b.label = 5;
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        Manager.prototype.GetEnabledItemIds = function () {
+            return this.items.map(function (x) { return x.id; });
+        };
+        return Manager;
+    }());
+    MenuItemManager.Manager = Manager;
+})(MenuItemManager || (MenuItemManager = {}));
 
+/**
+ * Utility to help generate menu items for rendering various data.
+ */
 var RenderHelper;
 (function (RenderHelper) {
     function RenderEntities(manager, api, entityIds) {
@@ -2570,197 +2916,5 @@ var RenderHelper;
     RenderHelper.RenderTileset = RenderTileset;
 })(RenderHelper || (RenderHelper = {}));
 
-function removeEntity(viewer, visuals) {
-    unmarkEntity(visuals);
-    for (var i = 0; i < visuals.length; i++) {
-        var visual = visuals[i];
-        if (visual instanceof Entity) {
-            EntityRenderEngine.Remove(viewer, visual);
-        }
-        else if (visual instanceof Primitive) {
-            viewer.scene.primitives.remove(visual);
-        }
-        else if (visual instanceof Cesium3DTileFeature) {
-            visual.show = false;
-        }
-    }
-}
-function updateCEntityShow(viewer, visual, show) {
-    if (visual._parentEntity) {
-        updateCEntityShow(viewer, visual._parentEntity, show);
-    }
-    if (visual._siblingGraphics) {
-        for (var i = 0; i < visual._siblingGraphics.length; i++) {
-            var sibling = visual._siblingGraphics[i];
-            updateCEntityShow(viewer, sibling, show);
-        }
-    }
-    visual.show = show;
-}
-function updateEntityShow(viewer, visual, show) {
-    if (visual instanceof Entity) {
-        updateCEntityShow(viewer, visual, show);
-    }
-    else if (visual instanceof Primitive) {
-        visual.show = show;
-    }
-    else if (visual instanceof Cesium3DTileFeature) {
-        visual.show = show;
-    }
-}
-function updateEntity(viewer, entityRegos) {
-    var highestPriority = null;
-    for (var i = 0; i < entityRegos.length; i++) {
-        var rego = entityRegos[i];
-        if (highestPriority === null || rego.priority > highestPriority.priority) {
-            highestPriority = rego;
-        }
-    }
-    for (var i = 0; i < entityRegos.length; i++) {
-        var rego = entityRegos[i];
-        for (var j = 0; j < rego.visuals.length; j++) {
-            var visual = rego.visuals[j];
-            updateEntityShow(viewer, visual, rego === highestPriority);
-        }
-    }
-}
-function markEntity(register, rego, visuals) {
-    for (var i = 0; i < visuals.length; i++) {
-        var visual = visuals[i];
-        var vis = visual;
-        vis._register = register;
-        vis._rego = rego;
-        if (visual instanceof Entity) {
-            var visEnt = visual;
-            if (visEnt._parentEntity) {
-                markEntity(register, rego, [visEnt._parentEntity]);
-            }
-            if (visEnt._siblingGraphics) {
-                markEntity(register, rego, visEnt._siblingGraphics);
-            }
-        }
-    }
-}
-function unmarkEntity(visuals) {
-    for (var i = 0; i < visuals.length; i++) {
-        var visual = visuals[i];
-        var vis = visual;
-        vis._register = null;
-        if (visual instanceof Entity) {
-            var visEnt = visual;
-            if (visEnt._parentEntity) {
-                unmarkEntity([visEnt._parentEntity]);
-            }
-            if (visEnt._siblingGraphics) {
-                unmarkEntity(visEnt._siblingGraphics);
-            }
-        }
-    }
-}
-var VisualsRegister = /** @class */ (function () {
-    function VisualsRegister(viewer) {
-        this.id = ObjectUtils.UId();
-        this.rego = {};
-        this.viewer = viewer;
-    }
-    Object.defineProperty(VisualsRegister.prototype, "Id", {
-        get: function () {
-            return this.id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    VisualsRegister.prototype.Add = function (rego) {
-        var _a;
-        this.Remove(rego.entityId, rego.menuItemId, false);
-        var entityId = rego.entityId;
-        var entityRegos = (_a = this.rego[entityId]) !== null && _a !== void 0 ? _a : [];
-        entityRegos.push(rego);
-        this.rego[entityId] = entityRegos;
-        markEntity(this, rego, rego.visuals);
-        updateEntity(this.viewer, this.rego[entityId]);
-    };
-    VisualsRegister.prototype.GetVisuals = function (entityId, menuItemId) {
-        var _a;
-        var entityRegos = this.rego[entityId];
-        if (!entityRegos) {
-            return [];
-        }
-        var visuals = (_a = entityRegos.find(function (r) { return r.menuItemId === menuItemId; })) === null || _a === void 0 ? void 0 : _a.visuals;
-        return visuals !== null && visuals !== void 0 ? visuals : [];
-    };
-    VisualsRegister.prototype.RemoveByEntityId = function (id) {
-        var entityRegos = this.rego[id];
-        if (!entityRegos) {
-            return;
-        }
-        for (var i = 0; i < entityRegos.length; i++) {
-            var rego = entityRegos[i];
-            removeEntity(this.viewer, rego.visuals);
-        }
-        this.rego[id] = [];
-        delete this.rego[id];
-    };
-    VisualsRegister.prototype.RemoveByMenuItemId = function (id) {
-        for (var entityId in this.rego) {
-            var entityRegos = this.rego[entityId];
-            if (entityRegos) {
-                var rego = entityRegos.find(function (r) { return r.menuItemId === id; });
-                if (!rego) {
-                    continue;
-                }
-                removeEntity(this.viewer, rego.visuals);
-                var doesInclude = this.rego[entityId].find(function (r) { return r.menuItemId === id; });
-                if (doesInclude) {
-                    this.rego[entityId] = entityRegos.filter(function (r) { return r.menuItemId !== id; });
-                    updateEntity(this.viewer, this.rego[entityId]);
-                }
-            }
-        }
-    };
-    VisualsRegister.prototype.Remove = function (entityId, menuItemId, _doUpdate) {
-        if (_doUpdate === void 0) { _doUpdate = true; }
-        var entityRegos = this.rego[entityId];
-        if (!entityRegos) {
-            return;
-        }
-        var rego = entityRegos.find(function (r) { return r.menuItemId === menuItemId; });
-        if (!rego) {
-            return;
-        }
-        for (var i = 0; i < rego.visuals.length; i++) {
-            var visual = rego.visuals[i];
-            if (visual instanceof Entity) {
-                this.viewer.entities.remove(visual);
-            }
-            else if (visual instanceof Primitive) {
-                this.viewer.scene.primitives.remove(visual);
-            }
-            else if (visual instanceof Cesium3DTileFeature) {
-                visual.show = false;
-            }
-        }
-        this.rego[entityId] = entityRegos.filter(function (r) { return r.menuItemId !== menuItemId; });
-        if (_doUpdate) {
-            updateEntity(this.viewer, this.rego[entityId]);
-        }
-    };
-    VisualsRegister.prototype.GetFromCursor = function (cursor) {
-        var _a;
-        var found = [];
-        var picked = this.viewer.scene.drillPick(new Cartesian2(cursor.x, cursor.y), 5);
-        for (var i = 0; i < picked.length; i++) {
-            var object = picked[i];
-            var entity = (object && object.id && object.id instanceof Entity ? object.id : object);
-            var visual = entity;
-            if (((_a = visual === null || visual === void 0 ? void 0 : visual._register) === null || _a === void 0 ? void 0 : _a.Id) == this.id) {
-                found.push(visual._rego);
-            }
-        }
-        return found;
-    };
-    return VisualsRegister;
-}());
-
 export { CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, RenderHelper, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager };
 //# sourceMappingURL=bruce-cesium.es5.js.map