bruce-cesium 3.8.0 → 3.8.2

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, GeoJsonDataSource, SceneMode, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, OrthographicFrustum, EasingFunction, SceneTransforms, EllipsoidTerrainProvider, CesiumInspector, defined, ClockRange, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, PolygonPipeline, Cesium3DTileset, Matrix4, Matrix3, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, BoundingSphere, GeometryInstance, ScreenSpaceEventHandler, ScreenSpaceEventType, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, 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, ColorBlendMode, HeadingPitchRoll, Transforms, 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.
@@ -931,6 +931,20 @@ function getNumber(viewer, obj) {
     }
     return value;
 }
+function getPosition(viewer, obj) {
+    var value = null;
+    if (obj === null || obj === void 0 ? void 0 : obj.getValue) {
+        var date = viewer.scene.lastRenderTime;
+        if (!date) {
+            date = viewer.clock.currentTime;
+        }
+        value = obj.getValue(date);
+    }
+    else {
+        value = obj;
+    }
+    return value;
+}
 /**
  * Returns if a given visual is alive and in the scene.
  * @param viewer
@@ -985,7 +999,7 @@ var CesiumAnimatedProperty;
         function AnimateColor(params) {
             var _a;
             this.viewer = params.viewer;
-            this.color = params.color;
+            this.targetColor = params.targetColor;
             this.durationMs = params.durationMs;
             this.startColor = getColor(this.viewer, params.startColor);
             if ((_a = this.startColor) === null || _a === void 0 ? void 0 : _a.clone) {
@@ -1006,18 +1020,18 @@ var CesiumAnimatedProperty;
             var elapsedMs = now.getTime() - this.startTime.getTime();
             // Animation over.
             if (elapsedMs >= this.durationMs) {
-                return this.color;
+                return this.targetColor;
             }
             try {
                 var progress = elapsedMs / this.durationMs;
-                return Color.lerp(this.startColor, this.color, progress, new Color());
+                return Color.lerp(this.startColor, this.targetColor, progress, new Color());
             }
             catch (e) {
                 console.error(e);
             }
             // Failed to calculate color.
             // We'll just return the target color.
-            return this.color;
+            return this.targetColor;
         };
         /**
          * Returns the calculated color as a material property.
@@ -1035,7 +1049,7 @@ var CesiumAnimatedProperty;
             this.paused = false;
             this.paused = Boolean(params.startPaused);
             this.viewer = params.viewer;
-            this.value = params.value;
+            this.targetValue = params.targetValue;
             this.durationMs = params.durationMs;
             this.startValue = getNumber(this.viewer, params.startValue);
             if (!this.startValue) {
@@ -1059,18 +1073,18 @@ var CesiumAnimatedProperty;
             var elapsedMs = now.getTime() - this.startTime.getTime();
             // Animation over.
             if (elapsedMs >= this.durationMs) {
-                return this.value;
+                return this.targetValue;
             }
             try {
                 var progress = elapsedMs / this.durationMs;
-                return Math$1.lerp(this.startValue, this.value, progress);
+                return Math$1.lerp(this.startValue, this.targetValue, progress);
             }
             catch (e) {
                 console.error(e);
             }
             // Failed to calculate value.
             // We'll just return the target value.
-            return this.value;
+            return this.targetValue;
         };
         return AnimateNumber;
     }());
@@ -1093,7 +1107,7 @@ var CesiumAnimatedProperty;
      * @returns
      */
     function AnimateTFeatureColor(params) {
-        var viewer = params.viewer, feature = params.feature, color = params.color, startColor = params.startColor, durationMs = params.durationMs;
+        var viewer = params.viewer, feature = params.feature, color = params.targetColor, startColor = params.startColor, durationMs = params.durationMs;
         ClearTFeatureColorAnimation(feature);
         if (!startColor) {
             if (feature.color) {
@@ -1174,6 +1188,75 @@ var CesiumAnimatedProperty;
         }
     }
     CesiumAnimatedProperty.ClearTFeatureColorAnimation = ClearTFeatureColorAnimation;
+    var AnimatePosition = /** @class */ (function () {
+        function AnimatePosition(params) {
+            this.viewer = params.viewer;
+            this.targetPos3d = params.targetPos3d;
+            this.durationMs = params.durationMs;
+            this.startPos3d = getPosition(this.viewer, params.startPos3d);
+            if (!this.startPos3d) {
+                this.startPos3d = Cartesian3.clone(this.targetPos3d);
+            }
+            this.startTime = new Date();
+        }
+        AnimatePosition.prototype.GetValue = function () {
+            var now = new Date();
+            var elapsedMs = now.getTime() - this.startTime.getTime();
+            // Animation over.
+            if (elapsedMs >= this.durationMs) {
+                return this.targetPos3d;
+            }
+            try {
+                var progress = elapsedMs / this.durationMs;
+                return Cartesian3.lerp(this.startPos3d, this.targetPos3d, progress, new Cartesian3());
+            }
+            catch (e) {
+                console.error(e);
+            }
+            // Failed to calculate value.
+            // We'll just return the target value.
+            return this.targetPos3d;
+        };
+        return AnimatePosition;
+    }());
+    CesiumAnimatedProperty.AnimatePosition = AnimatePosition;
+    var AnimateHeading = /** @class */ (function () {
+        function AnimateHeading(params) {
+            this.viewer = params.viewer;
+            this.targetHeadingDeg = params.targetHeading;
+            this.durationMs = params.durationMs;
+            this.startHeadingDeg = getNumber(this.viewer, params.startHeading);
+            if (!this.startHeadingDeg) {
+                this.startHeadingDeg = 0;
+            }
+            this.startTime = new Date();
+        }
+        AnimateHeading.prototype.IsDone = function () {
+            var now = new Date();
+            var elapsedMs = now.getTime() - this.startTime.getTime();
+            return elapsedMs >= this.durationMs;
+        };
+        AnimateHeading.prototype.GetValue = function () {
+            var now = new Date();
+            var elapsedMs = now.getTime() - this.startTime.getTime();
+            // Animation over.
+            if (elapsedMs >= this.durationMs) {
+                return this.targetHeadingDeg;
+            }
+            try {
+                var progress = elapsedMs / this.durationMs;
+                return Math$1.lerp(this.startHeadingDeg, this.targetHeadingDeg, progress);
+            }
+            catch (e) {
+                console.error(e);
+            }
+            // Failed to calculate value.
+            // We'll just return the target value.
+            return this.targetHeadingDeg;
+        };
+        return AnimateHeading;
+    }());
+    CesiumAnimatedProperty.AnimateHeading = AnimateHeading;
 })(CesiumAnimatedProperty || (CesiumAnimatedProperty = {}));
 
 /**
@@ -1373,7 +1456,7 @@ function refreshColor(viewer, graphic, opacity) {
             }
             else {
                 CesiumAnimatedProperty.AnimateTFeatureColor({
-                    color: color.clone(),
+                    targetColor: color.clone(),
                     durationMs: animateMs,
                     feature: graphic,
                     viewer: viewer,
@@ -1384,7 +1467,7 @@ function refreshColor(viewer, graphic, opacity) {
         else if (graphic instanceof ModelGraphics) {
             // graphic.color = new Cesium.ConstantProperty(color);
             var animateColor_1 = new CesiumAnimatedProperty.AnimateColor({
-                color: color,
+                targetColor: color,
                 durationMs: animateMs,
                 viewer: viewer,
                 startColor: graphic.color
@@ -1408,7 +1491,7 @@ function refreshColor(viewer, graphic, opacity) {
         else if (graphic instanceof PointGraphics) {
             // graphic.color = new Cesium.ConstantProperty(color);
             var animateColor_2 = new CesiumAnimatedProperty.AnimateColor({
-                color: color,
+                targetColor: color,
                 durationMs: animateMs,
                 viewer: viewer,
                 startColor: graphic.color
@@ -1423,7 +1506,7 @@ function refreshColor(viewer, graphic, opacity) {
         else if (graphic instanceof BillboardGraphics) {
             // graphic.color = new Cesium.ConstantProperty(color);
             var animateColor_3 = new CesiumAnimatedProperty.AnimateColor({
-                color: color,
+                targetColor: color,
                 durationMs: animateMs,
                 viewer: viewer,
                 startColor: graphic.color
@@ -2119,6 +2202,9 @@ var EntityUtils;
                         if (!paddingAlt) {
                             paddingAlt = 0;
                         }
+                        if (!Array.isArray(samples)) {
+                            samples = [samples];
+                        }
                         MAX_DISTANCE_BETWEEN_SAMPLES = 5000;
                         MAX_TERRAIN_SAMPLES = 25;
                         terrainSamples = 0;
@@ -5098,7 +5184,7 @@ var EntityRenderEngine;
         function Render(params) {
             var _a, _b, _c, _d;
             return __awaiter(this, void 0, void 0, function () {
-                var entity, style, type, cEntity, siblings, prepareExistingGraphic, iconUrlRows, icon, iconUrl, metadata, api, image, e_5, iconScale, disableDepthTest, bColor, cColor_1, heightRef, currentImgKey, radius, bFill, cFill, outline, cOutline, outlineWidth, bOutline, heightRef, pos3d, extrusion, hasOutline, outlineExtrusion, outlineEntity, bColor, cColor, size, heightRef, circleBillboard, disableDepthTest, imgKey, currentImgKey;
+                var entity, style, type, cEntity, siblings, prepareExistingGraphic, iconUrlRows, icon, iconUrl, metadata, api, image, e_5, iconScale, disableDepthTest, bColor, cColor_1, heightRef_1, currentImgKey, pos3d, prevPos3d, animatePosition_1, radius, bFill, cFill, outline, cOutline, outlineWidth, bOutline, heightRef, pos3d, extrusion, hasOutline, outlineExtrusion, outlineEntity, bColor, cColor, size, heightRef_2, circleBillboard, disableDepthTest, imgKey, currentImgKey, pos3d, prevPos3d, animatePosition_2;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
@@ -5199,7 +5285,7 @@ var EntityRenderEngine;
                                 if (iconScale > 0) {
                                     bColor = style.iconTintColor ? Calculator.GetColor(style.iconTintColor, entity, params.tags) : null;
                                     cColor_1 = bColor ? colorToCColor(bColor) : undefined;
-                                    heightRef = getHeightRef(style);
+                                    heightRef_1 = getHeightRef(style);
                                     if (!params.rendered || !params.rendered.billboard) {
                                         cEntity = new Entity({
                                             id: ObjectUtils.UId(10),
@@ -5215,12 +5301,12 @@ var EntityRenderEngine;
                                                 // Would be great once we have a setting for this.
                                                 // translucencyByDistance: getTranslucencyByDistance(params.minDistance, params.maxDistance),
                                             },
-                                            position: EntityUtils.GetPos({
+                                            position: new CallbackProperty(function () { return EntityUtils.GetPos({
                                                 viewer: params.viewer,
                                                 entity: entity,
-                                                recordHeightRef: heightRef,
-                                                returnHeightRef: heightRef
-                                            }),
+                                                recordHeightRef: heightRef_1,
+                                                returnHeightRef: heightRef_1
+                                            }); }, true),
                                             show: true
                                         });
                                     }
@@ -5235,12 +5321,22 @@ var EntityRenderEngine;
                                         cEntity.billboard.heightReference = new ConstantProperty(getHeightRef(style));
                                         cEntity.billboard.disableDepthTestDistance = new ConstantProperty(disableDepthTest ? Number.POSITIVE_INFINITY : undefined);
                                         cEntity.billboard.distanceDisplayCondition = new ConstantProperty(getDisplayCondition(params.minDistance, params.maxDistance));
-                                        cEntity.position = new ConstantPositionProperty(EntityUtils.GetPos({
+                                        pos3d = EntityUtils.GetPos({
                                             viewer: params.viewer,
                                             entity: entity,
-                                            recordHeightRef: heightRef,
-                                            returnHeightRef: heightRef
-                                        }));
+                                            recordHeightRef: heightRef_1,
+                                            returnHeightRef: heightRef_1
+                                        });
+                                        prevPos3d = getValue$1(params.viewer, cEntity.position);
+                                        if (!prevPos3d || !Cartesian3.equals(prevPos3d, pos3d)) {
+                                            animatePosition_1 = new CesiumAnimatedProperty.AnimatePosition({
+                                                durationMs: 200,
+                                                targetPos3d: pos3d,
+                                                viewer: params.viewer,
+                                                startPos3d: prevPos3d
+                                            });
+                                            cEntity.position = new CallbackProperty(function () { return animatePosition_1.GetValue(); }, false);
+                                        }
                                         // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
                                         CesiumEntityStyler.SetDefaultColor({
                                             color: cColor_1 ? cColor_1 : new Color(),
@@ -5384,7 +5480,7 @@ var EntityRenderEngine;
                                 if (size <= 0) {
                                     return [2 /*return*/, null];
                                 }
-                                heightRef = getHeightRef(style);
+                                heightRef_2 = getHeightRef(style);
                                 circleBillboard = createCircleBillboard(size, cColor.toCssColorString());
                                 disableDepthTest = Boolean(style.renderOnTop);
                                 if (!params.rendered || !params.rendered.billboard) {
@@ -5404,16 +5500,16 @@ var EntityRenderEngine;
                                             width: circleBillboard.width,
                                             image: circleBillboard.canvasDataUri,
                                             color: new CallbackProperty(function () { return undefined; }, true),
-                                            heightReference: heightRef,
+                                            heightReference: heightRef_2,
                                             distanceDisplayCondition: getDisplayCondition(params.minDistance, params.maxDistance),
                                             disableDepthTestDistance: disableDepthTest ? Number.POSITIVE_INFINITY : undefined
                                         },
-                                        position: EntityUtils.GetPos({
+                                        position: new CallbackProperty(function () { return EntityUtils.GetPos({
                                             viewer: params.viewer,
                                             entity: entity,
-                                            recordHeightRef: heightRef,
-                                            returnHeightRef: heightRef
-                                        }),
+                                            recordHeightRef: heightRef_2,
+                                            returnHeightRef: heightRef_2
+                                        }); }, true),
                                         show: true
                                     });
                                 }
@@ -5427,15 +5523,25 @@ var EntityRenderEngine;
                                     }
                                     cEntity.billboard.height = new ConstantProperty(circleBillboard.height);
                                     cEntity.billboard.width = new ConstantProperty(circleBillboard.width);
-                                    cEntity.billboard.heightReference = new ConstantProperty(heightRef);
+                                    cEntity.billboard.heightReference = new ConstantProperty(heightRef_2);
                                     cEntity.billboard.distanceDisplayCondition = new ConstantProperty(getDisplayCondition(params.minDistance, params.maxDistance));
                                     cEntity.billboard.disableDepthTestDistance = new ConstantProperty(disableDepthTest ? Number.POSITIVE_INFINITY : undefined);
-                                    cEntity.position = new ConstantPositionProperty(EntityUtils.GetPos({
+                                    pos3d = EntityUtils.GetPos({
                                         viewer: params.viewer,
                                         entity: entity,
-                                        recordHeightRef: heightRef,
-                                        returnHeightRef: heightRef
-                                    }));
+                                        recordHeightRef: heightRef_2,
+                                        returnHeightRef: heightRef_2
+                                    });
+                                    prevPos3d = getValue$1(params.viewer, cEntity.position);
+                                    if (!prevPos3d || !Cartesian3.equals(prevPos3d, pos3d)) {
+                                        animatePosition_2 = new CesiumAnimatedProperty.AnimatePosition({
+                                            durationMs: 200,
+                                            targetPos3d: pos3d,
+                                            viewer: params.viewer,
+                                            startPos3d: prevPos3d
+                                        });
+                                        cEntity.position = new CallbackProperty(function () { return animatePosition_2.GetValue(); }, false);
+                                    }
                                     // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
                                     CesiumEntityStyler.SetDefaultColor({
                                         color: cColor,
@@ -6103,20 +6209,18 @@ var EntityRenderEngine;
             if (styleScale <= 0) {
                 styleScale = 1;
             }
-            var hpr = new HeadingPitchRoll(Math$1.toRadians(heading), Math$1.toRadians(pitch), Math$1.toRadians(roll));
             var heightRef = getHeightRef(style, HeightReference.RELATIVE_TO_GROUND);
-            var pos = EntityUtils.GetPos({
+            var pos3d = EntityUtils.GetPos({
                 viewer: params.viewer,
                 entity: entity,
                 recordHeightRef: heightRef,
                 returnHeightRef: heightRef
             });
             if (heightRef == HeightReference.CLAMP_TO_GROUND) {
-                var carto = Cartographic.fromCartesian(pos);
-                pos = Cartesian3.fromRadians(EnsureNumber(carto.longitude), EnsureNumber(carto.latitude), 0);
+                var carto = Cartographic.fromCartesian(pos3d);
+                pos3d = Cartesian3.fromRadians(EnsureNumber(carto.longitude), EnsureNumber(carto.latitude), 0);
                 heightRef = HeightReference.RELATIVE_TO_GROUND;
             }
-            var orientation = Transforms.headingPitchRollQuaternion(pos, hpr);
             var blendMode = null;
             var blendAmount = null;
             var color = null;
@@ -6157,6 +6261,8 @@ var EntityRenderEngine;
             var animateScale = null;
             var cEntity = params.rendered;
             if (!cEntity || !cEntity.model) {
+                var hpr = new HeadingPitchRoll(Math$1.toRadians(heading), Math$1.toRadians(pitch), Math$1.toRadians(roll));
+                var orientation_1 = Transforms.headingPitchRollQuaternion(pos3d, hpr);
                 cEntity = new Entity({
                     id: ObjectUtils.UId(10),
                     model: {
@@ -6169,8 +6275,8 @@ var EntityRenderEngine;
                         color: new CallbackProperty(function () { return color; }, true),
                         distanceDisplayCondition: getDisplayCondition(params.minDistance, params.maxDistance)
                     },
-                    orientation: new ConstantProperty(orientation),
-                    position: pos,
+                    orientation: new CallbackProperty(function () { return orientation_1; }, true),
+                    position: new CallbackProperty(function () { return pos3d; }, true),
                     show: true
                 });
                 CesiumEntityStyler.BakeDefaultColor({
@@ -6206,14 +6312,50 @@ var EntityRenderEngine;
                 cEntity.model.colorBlendAmount = new ConstantProperty(blendAmount);
                 cEntity.model.colorBlendMode = new ConstantProperty(blendMode);
                 cEntity.model.distanceDisplayCondition = new ConstantProperty(getDisplayCondition(params.minDistance, params.maxDistance));
-                cEntity.orientation = new ConstantProperty(orientation);
-                cEntity.position = new ConstantPositionProperty(pos);
+                var prevPos3d = getValue$1(params.viewer, cEntity.position);
+                var posChanged = !prevPos3d || !Cartesian3.equals(prevPos3d, pos3d);
+                var animatePosition_3 = null;
+                if (posChanged) {
+                    animatePosition_3 = new CesiumAnimatedProperty.AnimatePosition({
+                        durationMs: 200,
+                        targetPos3d: pos3d,
+                        viewer: params.viewer,
+                        startPos3d: prevPos3d
+                    });
+                    cEntity.position = new CallbackProperty(function () { return animatePosition_3.GetValue(); }, false);
+                }
+                // cEntity.orientation = new Cesium.ConstantProperty(orientation);
+                var prevHeading = cEntity.model._heading;
+                if (prevHeading == null || prevHeading == heading || isNaN(prevHeading)) {
+                    var hpr = new HeadingPitchRoll(Math$1.toRadians(heading), Math$1.toRadians(pitch), Math$1.toRadians(roll));
+                    var orient_1 = Transforms.headingPitchRollQuaternion(pos3d, hpr);
+                    cEntity.orientation = new CallbackProperty(function () { return orient_1; }, true);
+                }
+                // Animate orientation. We'll calculate the heading based on movement.
+                else {
+                    var animateHeading_1 = new CesiumAnimatedProperty.AnimateHeading({
+                        durationMs: 200,
+                        targetHeading: heading,
+                        viewer: params.viewer,
+                        startHeading: prevHeading
+                    });
+                    cEntity.orientation = new CallbackProperty(function () {
+                        var calcHeading = animateHeading_1.GetValue();
+                        var hpr = new HeadingPitchRoll(Math$1.toRadians(calcHeading), Math$1.toRadians(pitch), Math$1.toRadians(roll));
+                        var orient = Transforms.headingPitchRollQuaternion(pos3d, hpr);
+                        // We'll stop the costly animation if it's done.
+                        if (animateHeading_1.IsDone()) {
+                            cEntity.orientation = new ConstantProperty(orient);
+                        }
+                        return orient;
+                    }, false);
+                }
                 // Same file but different scale. We'll animate the scale.
                 var prevClientFileId = cEntity.model._clientFileId;
                 if (prevClientFileId == params.lodClientFileId) {
                     animateScale = new CesiumAnimatedProperty.AnimateNumber({
                         durationMs: 200,
-                        value: scale * styleScale,
+                        targetValue: scale * styleScale,
                         viewer: params.viewer,
                         startValue: cEntity.model.scale,
                         startPaused: true
@@ -6324,6 +6466,7 @@ var EntityRenderEngine;
                 record: scale,
                 style: styleScale
             };
+            model._heading = heading;
             return cEntity;
         }
         Model3d.Render = Render;
@@ -13772,15 +13915,30 @@ var EntityFilterGetter;
          */
         Getter.prototype.viewerDateTimeSub = function () {
             var _this = this;
-            this.viewerDateTimeDispose();
-            if (!this.historicAttrKey) {
+            if (!this.historicAttrKey || this.viewerDateTimeChangeRemoval) {
                 return;
             }
+            // This is multiplied by the speed of animation to figure
+            // out how many animation "ticks" before we allow an update.
+            var INTERVAL_WHILE_ANIMATING = 2.5 * 1000;
+            var lastUpdateTime = null;
             var delayQueue = new DelayQueue(function () {
-                var current = _this.historicAttrDateTime;
-                _this.updateHistoricDateTime();
-                if (current != _this.historicAttrDateTime) {
-                    _this.updateState();
+                try {
+                    // If the timeline is animating then we'll wait longer to update.
+                    if (_this.viewer.clock.shouldAnimate && lastUpdateTime) {
+                        if (Math.abs(new Date().getTime() - lastUpdateTime) < INTERVAL_WHILE_ANIMATING) {
+                            return;
+                        }
+                    }
+                    lastUpdateTime = new Date().getTime();
+                    var current = _this.historicAttrDateTime;
+                    _this.updateHistoricDateTime();
+                    if (current != _this.historicAttrDateTime) {
+                        _this.updateState();
+                    }
+                }
+                catch (e) {
+                    console.error(e);
                 }
             }, 250);
             var postUpdateRemoval = this.viewer.scene.postUpdate.addEventListener(function () {
@@ -13887,6 +14045,7 @@ var EntityFilterGetter;
             else {
                 this.getterLoopId += 1;
                 this.viewAreaDispose();
+                this.viewerDateTimeDispose();
             }
         };
         Getter.prototype.postStatus = function (status) {
@@ -23503,7 +23662,7 @@ var ViewRenderEngine;
     ViewRenderEngine.Render = Render;
 })(ViewRenderEngine || (ViewRenderEngine = {}));
 
-var VERSION = "3.8.0";
+var VERSION = "3.8.2";
 
 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