bruce-cesium 3.7.4 → 3.7.6

package/dist/bruce-cesium.umd.js

@@ -1279,12 +1279,11 @@
     /**
      * 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;
     }
     /**
@@ -1304,7 +1303,7 @@
                 // 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") {
@@ -1551,36 +1550,36 @@
                 }
                 if (part instanceof Cesium.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 Cesium.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));
                     }
                 }
@@ -1615,36 +1614,36 @@
                 }
                 if (part instanceof Cesium.Cesium3DTileFeature) {
                     var opacity = getAppliedOpacity(part);
-                    storeColor(viewer, "default", params.color, part);
+                    storeColor("default", params.color, part);
                     refreshColor(viewer, part, opacity);
                 }
                 else if (part instanceof Cesium.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));
                     }
                 }
@@ -4797,11 +4796,11 @@
     }
     (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,
@@ -4849,7 +4848,11 @@
                                     });
                                     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;
                                     }
@@ -4859,12 +4862,16 @@
                                             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 == bruceModels.ZoomControl.EDisplayType.Model3D) {
                                             models.push(entity);
                                         }
                                         else if (displayType == bruceModels.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 {
@@ -4882,7 +4889,7 @@
                             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;
@@ -4894,16 +4901,16 @@
                                     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"];
                                             }
@@ -4916,7 +4923,7 @@
                                             }
                                             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; });
@@ -4925,7 +4932,7 @@
                                             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; });
@@ -4935,9 +4942,9 @@
                                             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) {
@@ -4945,7 +4952,7 @@
                                                     id: bruceModels.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];
@@ -4964,13 +4971,13 @@
                                 });
                             };
                             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];
@@ -4979,7 +4986,7 @@
                             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];
@@ -4990,13 +4997,13 @@
                                     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];
@@ -5007,13 +5014,13 @@
                                     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];
@@ -5021,7 +5028,7 @@
                                     cEntities[entity.Bruce.ID] = cEntity;
                                 }
                             }
-                            _j.label = 12;
+                            _m.label = 12;
                         case 12: return [2 /*return*/, cEntities];
                     }
                 });
@@ -5221,7 +5228,7 @@
                                             }));
                                             // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
                                             exports.CesiumEntityStyler.SetDefaultColor({
-                                                color: cColor_1,
+                                                color: cColor_1 ? cColor_1 : new Cesium.Color(),
                                                 entity: cEntity,
                                                 viewer: params.viewer,
                                                 override: true,
@@ -6151,6 +6158,11 @@
                         position: pos,
                         show: true
                     });
+                    exports.CesiumEntityStyler.BakeDefaultColor({
+                        entity: cEntity,
+                        viewer: params.viewer,
+                        override: true
+                    });
                 }
                 else {
                     // Gather entity in case previous version had sibling graphics we no longer need.
@@ -6199,7 +6211,7 @@
                     // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
                     // cEntity.model.color = new Cesium.CallbackProperty(() => color, true);
                     exports.CesiumEntityStyler.SetDefaultColor({
-                        color: color,
+                        color: color ? color : new Cesium.Color(),
                         entity: cEntity,
                         viewer: params.viewer,
                         override: true,
@@ -9730,7 +9742,8 @@
                     // 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 = exports.RenderManager.GetZoomMinMax({
                     zoomControl: this.item.CameraZoomSettings
@@ -10292,23 +10305,37 @@
              * @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*/, exports.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*/, exports.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*/];
@@ -10319,13 +10346,13 @@
                                     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,
@@ -10336,7 +10363,9 @@
                                                 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,
@@ -10350,7 +10379,7 @@
                                             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();
@@ -13551,12 +13580,13 @@
             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;
@@ -13567,10 +13597,12 @@
                 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", {
@@ -13609,7 +13641,14 @@
              * @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;
@@ -13622,6 +13661,57 @@
             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 bruceModels.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 = Cesium.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);
@@ -13681,8 +13771,10 @@
                     this.minHeight = minHeight;
                     this.maxHeight = maxHeight;
                     this.updateBounds();
+                    this.updateHistoricDateTime();
                     this.startGetterLoop();
                     this.viewAreaSub();
+                    this.viewerDateTimeSub();
                 }
                 else {
                     this.getterLoopId += 1;
@@ -13778,6 +13870,9 @@
                                 _j.trys.push([8, 10, , 11]);
                                 return [4 /*yield*/, bruceModels.Entity.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,
@@ -13875,6 +13970,7 @@
         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;
@@ -13889,7 +13985,7 @@
                 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.
@@ -23281,7 +23377,7 @@
         ViewRenderEngine.Render = Render;
     })(exports.ViewRenderEngine || (exports.ViewRenderEngine = {}));
 
-    var VERSION = "3.7.4";
+    var VERSION = "3.7.6";
 
     exports.VERSION = VERSION;
     exports.CesiumParabola = CesiumParabola;