bruce-cesium 3.7.4 → 3.7.6

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ProjectViewTile, DelayQueue, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, Api, EntityRelationType, ENVIRONMENT, EntityCoords, EntitySource, MenuItem, EntityRelation, ProgramKey, AbstractApi, ProjectViewBookmark, EntityAttachment, EntityAttachmentType, EntityAttribute, ProjectView, ProjectViewLegacyTile, Camera } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, DistanceDisplayCondition, NearFarScalar, Model, Entity, HorizontalOrigin, VerticalOrigin, ConstantProperty, ConstantPositionProperty, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorMaterialProperty, HeadingPitchRoll, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, SceneMode, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, Cesium3DTileset, Matrix4, Matrix3, IonResource, EllipsoidTerrainProvider, CesiumInspector, defined, ClockRange, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Quaternion, Intersect } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, DistanceDisplayCondition, NearFarScalar, Model, Entity, HorizontalOrigin, VerticalOrigin, ConstantProperty, ConstantPositionProperty, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorMaterialProperty, HeadingPitchRoll, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, SceneMode, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, defined, ClockRange, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Quaternion, Intersect } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -1280,12 +1280,11 @@ function calculateCurColor(viewer, graphic) {
 /**
  * Stores a copy of the color against a key within the graphic.
  * This lets us refer to it later if we need to change to it.
- * @param viewer
  * @param key
  * @param color
  * @param graphic
  */
-function storeColor(viewer, key, color, graphic) {
+function storeColor(key, color, graphic) {
     graphic[getStoreKey(key)] = (color === null || color === void 0 ? void 0 : color.clone) ? color.clone() : color;
 }
 /**
@@ -1305,7 +1304,7 @@ function getColor$1(viewer, key, graphic) {
             // We'll only store the default color.
             // Rest can be retrieved every time to get the latest setting value.
             if (color) {
-                storeColor(viewer, key, color, graphic);
+                storeColor(key, color, graphic);
             }
         }
         else if (key == "select") {
@@ -1557,36 +1556,36 @@ var CesiumEntityStyler;
             }
             if (part instanceof Cesium3DTileFeature) {
                 var opacity = getAppliedOpacity(part);
-                storeColor(viewer, "default", calculateCurColor(viewer, part), part);
+                storeColor("default", calculateCurColor(viewer, part), part);
                 refreshColor(viewer, part, opacity);
             }
             else if (part instanceof Entity) {
                 if (part.billboard) {
-                    storeColor(viewer, "default", calculateCurColor(viewer, part.billboard), part.billboard);
+                    storeColor("default", calculateCurColor(viewer, part.billboard), part.billboard);
                     refreshColor(viewer, part.billboard, getAppliedOpacity(part.billboard));
                 }
                 if (part.model) {
-                    storeColor(viewer, "default", calculateCurColor(viewer, part.model), part.model);
+                    storeColor("default", calculateCurColor(viewer, part.model), part.model);
                     refreshColor(viewer, part.model, getAppliedOpacity(part.model));
                 }
                 if (part.polyline) {
-                    storeColor(viewer, "default", calculateCurColor(viewer, part.polyline), part.polyline);
+                    storeColor("default", calculateCurColor(viewer, part.polyline), part.polyline);
                     refreshColor(viewer, part.polyline, getAppliedOpacity(part.polyline));
                 }
                 if (part.polygon) {
-                    storeColor(viewer, "default", calculateCurColor(viewer, part.polygon), part.polygon);
+                    storeColor("default", calculateCurColor(viewer, part.polygon), part.polygon);
                     refreshColor(viewer, part.polygon, getAppliedOpacity(part.polygon));
                 }
                 if (part.corridor) {
-                    storeColor(viewer, "default", calculateCurColor(viewer, part.corridor), part.corridor);
+                    storeColor("default", calculateCurColor(viewer, part.corridor), part.corridor);
                     refreshColor(viewer, part.corridor, getAppliedOpacity(part.corridor));
                 }
                 if (part.point) {
-                    storeColor(viewer, "default", calculateCurColor(viewer, part.point), part.point);
+                    storeColor("default", calculateCurColor(viewer, part.point), part.point);
                     refreshColor(viewer, part.point, getAppliedOpacity(part.point));
                 }
                 if (part.ellipse) {
-                    storeColor(viewer, "default", calculateCurColor(viewer, part.ellipse), part.ellipse);
+                    storeColor("default", calculateCurColor(viewer, part.ellipse), part.ellipse);
                     refreshColor(viewer, part.ellipse, getAppliedOpacity(part.ellipse));
                 }
             }
@@ -1621,36 +1620,36 @@ var CesiumEntityStyler;
             }
             if (part instanceof Cesium3DTileFeature) {
                 var opacity = getAppliedOpacity(part);
-                storeColor(viewer, "default", params.color, part);
+                storeColor("default", params.color, part);
                 refreshColor(viewer, part, opacity);
             }
             else if (part instanceof Entity) {
                 if (part.billboard) {
-                    storeColor(viewer, "default", params.color, part.billboard);
+                    storeColor("default", params.color, part.billboard);
                     refreshColor(viewer, part.billboard, getAppliedOpacity(part.billboard));
                 }
                 if (part.model) {
-                    storeColor(viewer, "default", params.color, part.model);
+                    storeColor("default", params.color, part.model);
                     refreshColor(viewer, part.model, getAppliedOpacity(part.model));
                 }
                 if (part.polyline) {
-                    storeColor(viewer, "default", params.color, part.polyline);
+                    storeColor("default", params.color, part.polyline);
                     refreshColor(viewer, part.polyline, getAppliedOpacity(part.polyline));
                 }
                 if (part.polygon) {
-                    storeColor(viewer, "default", params.color, part.polygon);
+                    storeColor("default", params.color, part.polygon);
                     refreshColor(viewer, part.polygon, getAppliedOpacity(part.polygon));
                 }
                 if (part.corridor) {
-                    storeColor(viewer, "default", params.color, part.corridor);
+                    storeColor("default", params.color, part.corridor);
                     refreshColor(viewer, part.corridor, getAppliedOpacity(part.corridor));
                 }
                 if (part.point) {
-                    storeColor(viewer, "default", params.color, part.point);
+                    storeColor("default", params.color, part.point);
                     refreshColor(viewer, part.point, getAppliedOpacity(part.point));
                 }
                 if (part.ellipse) {
-                    storeColor(viewer, "default", params.color, part.ellipse);
+                    storeColor("default", params.color, part.ellipse);
                     refreshColor(viewer, part.ellipse, getAppliedOpacity(part.ellipse));
                 }
             }
@@ -4807,11 +4806,11 @@ function extractMetadataFromFileUrl(url) {
 var EntityRenderEngine;
 (function (EntityRenderEngine) {
     function Render(params) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         return __awaiter(this, void 0, void 0, function () {
             var groupRenderParams, i, entity, geometry, cEntities, models, multiGeometry, polygons, polylines, points, i, entity, id, zoomItem, displayType, existingRego, newRenderId, oldRenderId, mParams, mEntities, i, entity, id, cEntity, _loop_1, i, pParams, pEntities, i, entity, cEntity, pParams, pEntities, i, entity, cEntity, pParams, pEntities, i, entity, cEntity;
-            return __generator(this, function (_j) {
-                switch (_j.label) {
+            return __generator(this, function (_m) {
+                switch (_m.label) {
                     case 0:
                         groupRenderParams = {
                             apiGetter: params.apiGetter,
@@ -4859,7 +4858,11 @@ var EntityRenderEngine;
                                 });
                                 newRenderId = getRenderGroupId(zoomItem, (_b = params.viewer) === null || _b === void 0 ? void 0 : _b.terrainProvider);
                                 oldRenderId = (_c = existingRego === null || existingRego === void 0 ? void 0 : existingRego.visual) === null || _c === void 0 ? void 0 : _c._renderGroup;
-                                if (!params.force && newRenderId == oldRenderId && !(existingRego === null || existingRego === void 0 ? void 0 : existingRego.stale)) {
+                                if (!params.force &&
+                                    newRenderId == oldRenderId &&
+                                    !(existingRego === null || existingRego === void 0 ? void 0 : existingRego.stale) &&
+                                    // If historic metadata is different then it's also stale.
+                                    ((existingRego === null || existingRego === void 0 ? void 0 : existingRego.historicDateTime) == ((_d = entity.Bruce) === null || _d === void 0 ? void 0 : _d.historicDateTime))) {
                                     // No sorting category needed. Already rendered the way we want.
                                     cEntities[id] = existingRego.visual;
                                 }
@@ -4869,12 +4872,16 @@ var EntityRenderEngine;
                                         cEntities[id] = existingRego.visual;
                                         // Flag as no longer stale as we're unlikely to recreate the rego if we're reusing the graphic.
                                         existingRego.stale = false;
+                                        // Update metadata for the same reason.
+                                        existingRego.historicDateTime = (_e = entity.Bruce) === null || _e === void 0 ? void 0 : _e.historicDateTime;
+                                        existingRego.historicAttrKey = (_f = entity.Bruce) === null || _f === void 0 ? void 0 : _f.historicAttrKey;
+                                        existingRego.entityTypeId = entity.Bruce["EntityType.ID"];
                                     }
                                     if (displayType == ZoomControl.EDisplayType.Model3D) {
                                         models.push(entity);
                                     }
                                     else if (displayType == ZoomControl.EDisplayType.Geometry) {
-                                        if ((_e = (_d = entity.geometry) === null || _d === void 0 ? void 0 : _d.MultiGeometry) === null || _e === void 0 ? void 0 : _e.length) {
+                                        if ((_h = (_g = entity.geometry) === null || _g === void 0 ? void 0 : _g.MultiGeometry) === null || _h === void 0 ? void 0 : _h.length) {
                                             multiGeometry.push(entity);
                                         }
                                         else {
@@ -4892,7 +4899,7 @@ var EntityRenderEngine;
                         mParams = __assign(__assign({}, groupRenderParams), { rendered: cEntities, entities: models });
                         return [4 /*yield*/, Model3d.RenderGroup(mParams)];
                     case 1:
-                        mEntities = _j.sent();
+                        mEntities = _m.sent();
                         for (i = 0; i < mParams.entities.length; i++) {
                             entity = mParams.entities[i];
                             id = entity.Bruce.ID;
@@ -4904,16 +4911,16 @@ var EntityRenderEngine;
                                 multiGeometry.push(entity);
                             }
                         }
-                        _j.label = 2;
+                        _m.label = 2;
                     case 2:
                         if (!(multiGeometry.length > 0)) return [3 /*break*/, 6];
                         _loop_1 = function (i) {
                             var entity, pParams, zoomItem, j, subEntity, cPoly, rendered, cLines, cPoints, rootEntity_1, firstEntity;
-                            return __generator(this, function (_k) {
-                                switch (_k.label) {
+                            return __generator(this, function (_o) {
+                                switch (_o.label) {
                                     case 0:
                                         entity = multiGeometry[i];
-                                        if (!((_g = (_f = entity.geometry) === null || _f === void 0 ? void 0 : _f.MultiGeometry) === null || _g === void 0 ? void 0 : _g.length)) {
+                                        if (!((_k = (_j = entity.geometry) === null || _j === void 0 ? void 0 : _j.MultiGeometry) === null || _k === void 0 ? void 0 : _k.length)) {
                                             polygons.push(entity);
                                             return [2 /*return*/, "continue"];
                                         }
@@ -4926,7 +4933,7 @@ var EntityRenderEngine;
                                         }
                                         return [4 /*yield*/, Polygon.RenderGroup(pParams)];
                                     case 1:
-                                        cPoly = _k.sent();
+                                        cPoly = _o.sent();
                                         Object.keys(cPoly).forEach(function (key) {
                                             if (cPoly[key]) {
                                                 pParams.entities = pParams.entities.filter(function (e) { return e.Bruce.ID != key; });
@@ -4935,7 +4942,7 @@ var EntityRenderEngine;
                                         rendered = Object.values(cPoly);
                                         return [4 /*yield*/, Polyline.RenderGroup(pParams)];
                                     case 2:
-                                        cLines = _k.sent();
+                                        cLines = _o.sent();
                                         Object.keys(cLines).forEach(function (key) {
                                             if (cLines[key]) {
                                                 pParams.entities = pParams.entities.filter(function (e) { return e.Bruce.ID != key; });
@@ -4945,9 +4952,9 @@ var EntityRenderEngine;
                                         if (!!rendered.length) return [3 /*break*/, 4];
                                         return [4 /*yield*/, Point.RenderGroup(pParams)];
                                     case 3:
-                                        cPoints = _k.sent();
+                                        cPoints = _o.sent();
                                         rendered = rendered.concat(Object.values(cPoints));
-                                        _k.label = 4;
+                                        _o.label = 4;
                                     case 4:
                                         rendered = rendered.filter(function (x) { return x != null; });
                                         if (rendered.length) {
@@ -4955,7 +4962,7 @@ var EntityRenderEngine;
                                                 id: ObjectUtils.UId(10)
                                             });
                                             rootEntity_1._siblingGraphics = [];
-                                            rootEntity_1._renderGroup = getRenderGroupId(zoomItem, (_h = params.viewer) === null || _h === void 0 ? void 0 : _h.terrainProvider);
+                                            rootEntity_1._renderGroup = getRenderGroupId(zoomItem, (_l = params.viewer) === null || _l === void 0 ? void 0 : _l.terrainProvider);
                                             rootEntity_1._siblingGraphics = rootEntity_1._siblingGraphics.concat(rendered);
                                             cEntities[entity.Bruce.ID] = rootEntity_1;
                                             firstEntity = rendered[0];
@@ -4974,13 +4981,13 @@ var EntityRenderEngine;
                             });
                         };
                         i = 0;
-                        _j.label = 3;
+                        _m.label = 3;
                     case 3:
                         if (!(i < multiGeometry.length)) return [3 /*break*/, 6];
                         return [5 /*yield**/, _loop_1(i)];
                     case 4:
-                        _j.sent();
-                        _j.label = 5;
+                        _m.sent();
+                        _m.label = 5;
                     case 5:
                         i++;
                         return [3 /*break*/, 3];
@@ -4989,7 +4996,7 @@ var EntityRenderEngine;
                         pParams = __assign(__assign({}, groupRenderParams), { entities: polygons, rendered: cEntities });
                         return [4 /*yield*/, Polygon.RenderGroup(pParams)];
                     case 7:
-                        pEntities = _j.sent();
+                        pEntities = _m.sent();
                         for (i = 0; i < pParams.entities.length; i++) {
                             entity = pParams.entities[i];
                             cEntity = pEntities[entity.Bruce.ID];
@@ -5000,13 +5007,13 @@ var EntityRenderEngine;
                                 polylines.push(entity);
                             }
                         }
-                        _j.label = 8;
+                        _m.label = 8;
                     case 8:
                         if (!(polylines.length > 0)) return [3 /*break*/, 10];
                         pParams = __assign(__assign({}, groupRenderParams), { entities: polylines, rendered: cEntities });
                         return [4 /*yield*/, Polyline.RenderGroup(pParams)];
                     case 9:
-                        pEntities = _j.sent();
+                        pEntities = _m.sent();
                         for (i = 0; i < pParams.entities.length; i++) {
                             entity = pParams.entities[i];
                             cEntity = pEntities[entity.Bruce.ID];
@@ -5017,13 +5024,13 @@ var EntityRenderEngine;
                                 points.push(entity);
                             }
                         }
-                        _j.label = 10;
+                        _m.label = 10;
                     case 10:
                         if (!(points.length > 0)) return [3 /*break*/, 12];
                         pParams = __assign(__assign({}, groupRenderParams), { entities: points, rendered: cEntities });
                         return [4 /*yield*/, Point.RenderGroup(pParams)];
                     case 11:
-                        pEntities = _j.sent();
+                        pEntities = _m.sent();
                         for (i = 0; i < pParams.entities.length; i++) {
                             entity = pParams.entities[i];
                             cEntity = pEntities[entity.Bruce.ID];
@@ -5031,7 +5038,7 @@ var EntityRenderEngine;
                                 cEntities[entity.Bruce.ID] = cEntity;
                             }
                         }
-                        _j.label = 12;
+                        _m.label = 12;
                     case 12: return [2 /*return*/, cEntities];
                 }
             });
@@ -5231,7 +5238,7 @@ var EntityRenderEngine;
                                         }));
                                         // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
                                         CesiumEntityStyler.SetDefaultColor({
-                                            color: cColor_1,
+                                            color: cColor_1 ? cColor_1 : new Color(),
                                             entity: cEntity,
                                             viewer: params.viewer,
                                             override: true,
@@ -6161,6 +6168,11 @@ var EntityRenderEngine;
                     position: pos,
                     show: true
                 });
+                CesiumEntityStyler.BakeDefaultColor({
+                    entity: cEntity,
+                    viewer: params.viewer,
+                    override: true
+                });
             }
             else {
                 // Gather entity in case previous version had sibling graphics we no longer need.
@@ -6209,7 +6221,7 @@ var EntityRenderEngine;
                 // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
                 // cEntity.model.color = new Cesium.CallbackProperty(() => color, true);
                 CesiumEntityStyler.SetDefaultColor({
-                    color: color,
+                    color: color ? color : new Color(),
                     entity: cEntity,
                     viewer: params.viewer,
                     override: true,
@@ -9754,7 +9766,8 @@ var EntitiesRenderManager;
                 // So for multiple tags we'll manually sort on UI end...
                 tagIds: (tagsToRender === null || tagsToRender === void 0 ? void 0 : tagsToRender.length) ? tagsToRender : [],
                 debugShowBounds: Boolean(window === null || window === void 0 ? void 0 : window.ENTITIES_RENDER_MANAGER_SHOW_BOUNDS),
-                cdn: this.item.cdnEnabled
+                cdn: this.item.cdnEnabled,
+                historicAttrKey: this.item.BruceEntity.historicAttrKey
             });
             var minMax = RenderManager.GetZoomMinMax({
                 zoomControl: this.item.CameraZoomSettings
@@ -10316,23 +10329,37 @@ var EntitiesRenderManager;
          * @returns
          */
         Manager.prototype.renderAsIndividuals = function (entities, force) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e, _f, _g;
             if (force === void 0) { force = false; }
             return __awaiter(this, void 0, void 0, function () {
-                var cEntities, i, entity, id, cEntity, visual, wasClustered, tagIds, rego;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
-                        case 0: return [4 /*yield*/, EntityRenderEngine.Render({
-                                viewer: this.viewer,
-                                apiGetter: this.apiGetter,
-                                entities: entities,
-                                menuItemId: this.item.id,
-                                visualRegister: this.visualsManager,
-                                zoomControl: this.item.CameraZoomSettings,
-                                force: force
-                            })];
+                var toRemove, i, entity, cEntities, i, entity, id, cEntity, visual, wasClustered, tagIds, rego;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
+                        case 0:
+                            if ((_a = this.item.BruceEntity) === null || _a === void 0 ? void 0 : _a.historicAttrKey) {
+                                toRemove = entities.filter(function (x) { var _a; return !((_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.historicAttrKey); });
+                                for (i = 0; i < toRemove.length; i++) {
+                                    entity = toRemove[i];
+                                    this.visualsManager.RemoveRegos({
+                                        entityId: entity.Bruce.ID,
+                                        menuItemId: this.item.id,
+                                        requestRender: false
+                                    });
+                                    (_b = this.clustering) === null || _b === void 0 ? void 0 : _b.RemoveEntity(entity.Bruce.ID, false);
+                                }
+                                entities = entities.filter(function (x) { var _a; return !!((_a = x.Bruce) === null || _a === void 0 ? void 0 : _a.historicAttrKey); });
+                            }
+                            return [4 /*yield*/, EntityRenderEngine.Render({
+                                    viewer: this.viewer,
+                                    apiGetter: this.apiGetter,
+                                    entities: entities,
+                                    menuItemId: this.item.id,
+                                    visualRegister: this.visualsManager,
+                                    zoomControl: this.item.CameraZoomSettings,
+                                    force: force
+                                })];
                         case 1:
-                            cEntities = _d.sent();
+                            cEntities = _h.sent();
                             if (this.disposed) {
                                 this.doDispose();
                                 return [2 /*return*/];
@@ -10343,13 +10370,13 @@ var EntitiesRenderManager;
                                 cEntity = cEntities[id];
                                 this.renderedEntities[id] = !!cEntity;
                                 if (cEntity) {
-                                    visual = (_a = this.visualsManager.GetRego({
+                                    visual = (_c = this.visualsManager.GetRego({
                                         entityId: id,
                                         menuItemId: this.item.id
-                                    })) === null || _a === void 0 ? void 0 : _a.visual;
+                                    })) === null || _c === void 0 ? void 0 : _c.visual;
                                     if (!visual || visual != cEntity) {
                                         wasClustered = this.clustering ? this.clustering.AddEntity(id, cEntity, false) : false;
-                                        tagIds = (_b = entity.Bruce) === null || _b === void 0 ? void 0 : _b["Layer.ID"];
+                                        tagIds = (_d = entity.Bruce) === null || _d === void 0 ? void 0 : _d["Layer.ID"];
                                         rego = {
                                             entityId: id,
                                             menuItemId: this.item.id,
@@ -10360,7 +10387,9 @@ var EntitiesRenderManager;
                                             tagIds: tagIds ? [].concat(tagIds) : [],
                                             overrideShow: wasClustered ? false : null,
                                             name: cEntity.name,
-                                            cdn: this.item.cdnEnabled
+                                            cdn: this.item.cdnEnabled,
+                                            historicDateTime: (_e = entity.Bruce) === null || _e === void 0 ? void 0 : _e.historicDateTime,
+                                            historicAttrKey: (_f = entity.Bruce) === null || _f === void 0 ? void 0 : _f.historicAttrKey
                                         };
                                         this.visualsManager.AddRego({
                                             rego: rego,
@@ -10374,7 +10403,7 @@ var EntitiesRenderManager;
                                         menuItemId: this.item.id,
                                         requestRender: false
                                     });
-                                    (_c = this.clustering) === null || _c === void 0 ? void 0 : _c.RemoveEntity(id, false);
+                                    (_g = this.clustering) === null || _g === void 0 ? void 0 : _g.RemoveEntity(id, false);
                                 }
                             }
                             this.viewer.scene.requestRender();
@@ -13596,12 +13625,13 @@ var EntityFilterGetter;
         EStatus["Loading"] = "LOADING";
     })(EStatus = EntityFilterGetter.EStatus || (EntityFilterGetter.EStatus = {}));
     var Getter = /** @class */ (function () {
-        function Getter(api, viewPort, typeId, batchSize, attrFilter, viaCdn) {
+        function Getter(api, viewer, viewPort, typeId, batchSize, attrFilter, historicAttrKey, viaCdn) {
             this.onUpdate = null;
             this.LastStateUpdates = {};
             this.onStateUpdate = null;
             this.onScanUpdate = null;
             this.viewPortChangeRemoval = null;
+            this.viewerDateTimeChangeRemoval = null;
             this.cells = null;
             this.registeredItems = {};
             this.getterLoopId = 0;
@@ -13612,10 +13642,12 @@ var EntityFilterGetter;
             this.viewCenter = null;
             this.api = api;
             this.typeId = typeId;
+            this.historicAttrKey = historicAttrKey;
             this.viaCdn = Boolean(viaCdn);
             this.batchSize = isNaN(batchSize) ? 300 : batchSize;
             this.viewPort = viewPort;
             this.attrFilter = attrFilter;
+            this.viewer = viewer;
             this.updateBounds();
         }
         Object.defineProperty(Getter.prototype, "OnUpdate", {
@@ -13654,7 +13686,14 @@ var EntityFilterGetter;
          * @returns
          */
         Getter.prototype.getIntegrityId = function () {
-            return this.tagIds == null ? "" : this.tagIds.join();
+            var integrity = this.tagIds == null ? "" : this.tagIds.join();
+            if (this.historicAttrKey) {
+                integrity += this.historicAttrKey;
+                if (this.historicAttrDateTime) {
+                    integrity += this.historicAttrDateTime;
+                }
+            }
+            return integrity;
         };
         Getter.prototype.viewAreaSub = function () {
             var _this = this;
@@ -13667,6 +13706,57 @@ var EntityFilterGetter;
         Getter.prototype.viewAreaDispose = function () {
             var _a;
             (_a = this.viewPortChangeRemoval) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.viewPortChangeRemoval = null;
+        };
+        /**
+         * Monitors the Cesium viewer and updates the historic data filter values.
+         * If there is no historic attr set, this will do nothing.
+         */
+        Getter.prototype.viewerDateTimeSub = function () {
+            var _this = this;
+            this.viewerDateTimeDispose();
+            if (!this.historicAttrKey) {
+                return;
+            }
+            var delayQueue = new DelayQueue(function () {
+                var current = _this.getIntegrityId();
+                _this.updateHistoricDateTime();
+                if (current != _this.getIntegrityId()) {
+                    _this.updateState();
+                }
+            }, 250);
+            var postUpdateRemoval = this.viewer.scene.postUpdate.addEventListener(function () {
+                if (delayQueue) {
+                    delayQueue.Call();
+                }
+            });
+            this.viewerDateTimeChangeRemoval = function () {
+                delayQueue === null || delayQueue === void 0 ? void 0 : delayQueue.Dispose();
+                postUpdateRemoval === null || postUpdateRemoval === void 0 ? void 0 : postUpdateRemoval();
+                delayQueue = null;
+                postUpdateRemoval = null;
+            };
+        };
+        Getter.prototype.updateHistoricDateTime = function () {
+            var newDateTime = JulianDate.toDate(this.viewer.clock.currentTime);
+            // Has previous value. Let's compare.
+            if (this.historicAttrDateTime) {
+                var oldDateTime = new Date(this.historicAttrDateTime);
+                // Change must be at least 0.1 seconds.
+                // TODO: This is just a random value I picked. We may need to make a setting or refine this.
+                if (Math.abs(newDateTime.getTime() - oldDateTime.getTime()) < 100) {
+                    return;
+                }
+            }
+            this.historicAttrDateTime = newDateTime.toISOString();
+            // Set min/max to be the value increased/decreased by 1 minute.
+            this.historicAttrDateTimeMin = new Date(newDateTime.getTime() - 60000).toISOString();
+            this.historicAttrDateTimeMax = new Date(newDateTime.getTime() + 60000).toISOString();
+        };
+        Getter.prototype.viewerDateTimeDispose = function () {
+            var _a;
+            (_a = this.viewerDateTimeChangeRemoval) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.viewerDateTimeChangeRemoval = null;
         };
         Getter.prototype.GetMenuItems = function () {
             return Object.keys(this.registeredItems);
@@ -13726,8 +13816,10 @@ var EntityFilterGetter;
                 this.minHeight = minHeight;
                 this.maxHeight = maxHeight;
                 this.updateBounds();
+                this.updateHistoricDateTime();
                 this.startGetterLoop();
                 this.viewAreaSub();
+                this.viewerDateTimeSub();
             }
             else {
                 this.getterLoopId += 1;
@@ -13823,6 +13915,9 @@ var EntityFilterGetter;
                             _j.trys.push([8, 10, , 11]);
                             return [4 /*yield*/, Entity$1.GetList({
                                     api: this.api,
+                                    historicKey: this.historicAttrKey,
+                                    historicFrom: this.historicAttrKey ? this.historicAttrDateTimeMin : null,
+                                    historicTo: this.historicAttrKey ? this.historicAttrDateTimeMax : null,
                                     filter: {
                                         pageSize: PAGE_SIZE,
                                         pageIndex: curCell.FetchPageIndex,
@@ -13920,6 +14015,7 @@ function createFilterGetterCacheKey(params) {
     cacheKey += params.batchSize;
     cacheKey += String(params.cdn);
     cacheKey += JSON.stringify(params.tagIds ? params.tagIds : []);
+    cacheKey += params.historicAttrKey ? params.historicAttrKey : "";
     // This could potentially crash, but if it crashes here then it would crash during API request anyways.
     cacheKey += JSON.stringify(params.attrFilter ? params.attrFilter : {});
     return cacheKey;
@@ -13935,7 +14031,7 @@ var SharedGetters;
             var cacheKey = createFilterGetterCacheKey(params);
             var getter = this.data[cacheKey];
             if (!getter) {
-                getter = new EntityFilterGetter.Getter(params.api, params.monitor, params.typeId, params.batchSize, params.attrFilter, params.cdn);
+                getter = new EntityFilterGetter.Getter(params.api, params.viewer, params.monitor, params.typeId, params.batchSize, params.attrFilter, params.historicAttrKey, params.cdn);
                 this.data[cacheKey] = getter;
                 /**
                  * Debug option.
@@ -23345,7 +23441,7 @@ var ViewRenderEngine;
     ViewRenderEngine.Render = Render;
 })(ViewRenderEngine || (ViewRenderEngine = {}));
 
-var VERSION = "3.7.4";
+var VERSION = "3.7.6";
 
 export { VERSION, CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, Draw3dPolygon, Draw3dPolyline };
 //# sourceMappingURL=bruce-cesium.es5.js.map