bruce-cesium 4.4.2 → 4.4.4

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Carto, Entity as Entity$1, Geometry, MathUtils, LRUCache, ProjectViewTile, DelayQueue, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, Api, EntityRelationType, ENVIRONMENT, EntityHistoricData, Tileset, EntityCoords, EntitySource, MenuItem, EntityRelation, ProgramKey, ProjectView, ProjectViewBookmark, Camera, ProjectViewLegacyTile, EntityAttribute, EntityAttachment, EntityAttachmentType, AbstractApi, Session } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, DistanceDisplayCondition, NearFarScalar, Model, ColorMaterialProperty, Entity, HorizontalOrigin, VerticalOrigin, ConstantProperty, ConstantPositionProperty, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorBlendMode, HeadingPitchRoll, Transforms, Primitive, Cesium3DTileFeature, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, CesiumInspector, defined, ClockRange, Cesium3DTileset, Matrix4, Matrix3, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, SceneMode, Intersect, CzmlDataSource, Quaternion } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, Entity, Primitive, Cesium3DTileFeature, DistanceDisplayCondition, NearFarScalar, Model, ColorMaterialProperty, HorizontalOrigin, VerticalOrigin, ConstantProperty, ConstantPositionProperty, PolylineDashMaterialProperty, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorBlendMode, HeadingPitchRoll, Transforms, SceneMode, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, CesiumInspector, defined, ClockRange, Cesium3DTileset, Matrix4, Matrix3, IonResource, PolygonPipeline, EllipsoidGeodesic, sampleTerrainMostDetailed, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, BoundingSphere, GeometryInstance, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Quaternion, Intersect } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -1275,8 +1275,12 @@ var CesiumAnimatedProperty;
      */
     var AnimatePositionSeries = /** @class */ (function () {
         function AnimatePositionSeries(params) {
-            this.cachedCalc = null;
-            this.cachedTime = null;
+            this.lastCalcPos3d = null;
+            this.lastCalcPosIndexLast = -1;
+            this.lastCalcPosIndexNext = -1;
+            this.lastCalcTime = null;
+            this.lastCalcSeriesPos3d = [];
+            this.lastCalcSeriesTime = null;
             this.viewer = params.viewer;
             this.positions = params.posses;
             // Order positions by date.
@@ -1291,16 +1295,20 @@ var CesiumAnimatedProperty;
                 now = this.viewer.clock.currentTime;
             }
             var nowTime = JulianDate.toDate(now);
-            if (this.cachedTime == nowTime.getTime()) {
-                return this.cachedCalc;
+            if (this.lastCalcTime == nowTime.getTime()) {
+                return this.lastCalcPos3d;
             }
             var calculate = function () {
                 // See if we're before the first position.
                 if (nowTime.getTime() <= _this.positions[0].dateTime.getTime()) {
+                    _this.lastCalcPosIndexLast = 0;
+                    _this.lastCalcPosIndexNext = 0;
                     return _this.positions[0].pos3d;
                 }
                 // See if we're after the last position.
                 if (nowTime.getTime() >= _this.positions[_this.positions.length - 1].dateTime.getTime()) {
+                    _this.lastCalcPosIndexLast = _this.positions.length - 1;
+                    _this.lastCalcPosIndexNext = _this.positions.length - 1;
                     return _this.positions[_this.positions.length - 1].pos3d;
                 }
                 // Find the current position.
@@ -1315,17 +1323,62 @@ var CesiumAnimatedProperty;
                     }
                 }
                 var last = _this.positions[lastIndex];
+                _this.lastCalcPosIndexLast = lastIndex;
                 // Interpolate the position.
                 var next = _this.positions[lastIndex + 1];
                 if (!next) {
+                    _this.lastCalcPosIndexNext = lastIndex;
                     return last.pos3d;
                 }
+                _this.lastCalcPosIndexNext = lastIndex + 1;
                 var progress = (nowTime.getTime() - last.dateTime.getTime()) / (next.dateTime.getTime() - last.dateTime.getTime());
                 return Cartesian3.lerp(last.pos3d, next.pos3d, progress, new Cartesian3());
             };
-            this.cachedTime = nowTime.getTime();
-            this.cachedCalc = calculate();
-            return this.cachedCalc;
+            this.lastCalcTime = nowTime.getTime();
+            this.lastCalcPos3d = calculate();
+            return this.lastCalcPos3d;
+        };
+        /**
+         * Returns a series of positions to use for rendering the path.
+         */
+        AnimatePositionSeries.prototype.GetSeries = function () {
+            // We update 30 times a second.
+            var doUpdate = this.lastCalcSeriesTime == null;
+            if (!doUpdate && this.lastCalcSeriesTime && (new Date().getTime() - this.lastCalcSeriesTime) > 1000 / 30) {
+                doUpdate = true;
+            }
+            if (!doUpdate) {
+                return this.lastCalcSeriesPos3d;
+            }
+            // Refresh cached values.
+            this.GetValue();
+            var now = this.viewer.scene.lastRenderTime;
+            if (!now) {
+                now = this.viewer.clock.currentTime;
+            }
+            var nowDate = JulianDate.toDate(now);
+            // Get total duration.
+            var totalDuration = this.positions[this.positions.length - 1].dateTime.getTime() - this.positions[0].dateTime.getTime();
+            // Percentage of the polyline to be visible before and after each point.
+            var visibilityPercentage = 0.05; // 5%
+            var visibilityDuration = totalDuration * visibilityPercentage;
+            // Gather positions that fall within the visibility duration.
+            // No positions is valid.
+            var newPosses = [];
+            for (var i = 0; i < this.positions.length; i++) {
+                var pos = this.positions[i];
+                var add = nowDate >= new Date(pos.dateTime.getTime() - visibilityDuration / 2) && nowDate <= new Date(pos.dateTime.getTime() + visibilityDuration / 2);
+                // Not valid time-wise but if we're currently rendering this segment then we'll show it.
+                if (!add && this.lastCalcPosIndexLast > -1 && this.lastCalcPosIndexNext > -1) {
+                    add = i >= this.lastCalcPosIndexLast && i <= this.lastCalcPosIndexNext;
+                }
+                if (add) {
+                    newPosses.push(pos.pos3d);
+                }
+            }
+            this.lastCalcSeriesTime = nowDate.getTime();
+            this.lastCalcSeriesPos3d = newPosses;
+            return newPosses;
         };
         return AnimatePositionSeries;
     }());
@@ -1538,7 +1591,6 @@ function refreshColor(viewer, graphic, opacity) {
             }
         }
         else if (graphic instanceof ModelGraphics) {
-            // graphic.color = new Cesium.ConstantProperty(color);
             var animateColor_1 = new CesiumAnimatedProperty.AnimateColor({
                 targetColor: color,
                 durationMs: animateMs,
@@ -1553,16 +1605,38 @@ function refreshColor(viewer, graphic, opacity) {
             }
         }
         else if (graphic instanceof PolygonGraphics) {
-            graphic.material = new ColorMaterialProperty(color);
+            // See if it's changed before applying.
+            // Applying a new material to a polygon causes a flicker we want to avoid when possible.
+            var currentColor = calculateCurColor(viewer, graphic);
+            if (currentColor == null || !currentColor.equals(color)) {
+                graphic.material = new ColorMaterialProperty(color);
+            }
         }
         else if (graphic instanceof PolylineGraphics) {
-            graphic.material = new ColorMaterialProperty(color);
+            // See if it's changed before applying.
+            // Applying a new material to a polyline causes a flicker we want to avoid when possible.
+            var currentColor = calculateCurColor(viewer, graphic);
+            if (currentColor == null || !currentColor.equals(color)) {
+                // If the current material is not a simple colour one then we'll mimic it with the new colour.
+                // Eg: retain a stripe material.
+                var currentMaterial = graphic.material;
+                if (currentMaterial instanceof PolylineDashMaterialProperty) {
+                    graphic.material = new PolylineDashMaterialProperty({
+                        color: color,
+                        gapColor: currentMaterial.gapColor,
+                        dashLength: currentMaterial.dashLength,
+                        dashPattern: currentMaterial.dashPattern
+                    });
+                }
+                else {
+                    graphic.material = new ColorMaterialProperty(color);
+                }
+            }
         }
         else if (graphic instanceof CorridorGraphics) {
             graphic.material = new ColorMaterialProperty(color);
         }
         else if (graphic instanceof PointGraphics) {
-            // graphic.color = new Cesium.ConstantProperty(color);
             var animateColor_2 = new CesiumAnimatedProperty.AnimateColor({
                 targetColor: color,
                 durationMs: animateMs,
@@ -1592,7 +1666,12 @@ function refreshColor(viewer, graphic, opacity) {
             }
         }
         else if (graphic instanceof EllipseGraphics) {
-            graphic.material = new ColorMaterialProperty(color);
+            // See if it's changed before applying.
+            // Applying a new material to a ellipse causes a flicker we want to avoid when possible.
+            var currentColor = calculateCurColor(viewer, graphic);
+            if (currentColor == null || !currentColor.equals(color)) {
+                graphic.material = new ColorMaterialProperty(color);
+            }
         }
         graphic[LAST_APPLIED_OPACITY_KEY] = opacity;
     }
@@ -1650,7 +1729,8 @@ var CesiumEntityStyler;
             return;
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -1718,7 +1798,8 @@ var CesiumEntityStyler;
             colorMap = new Map();
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -1806,7 +1887,8 @@ var CesiumEntityStyler;
             return;
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -1873,7 +1955,8 @@ var CesiumEntityStyler;
             return;
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -1923,7 +2006,8 @@ var CesiumEntityStyler;
             return null;
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -1981,7 +2065,8 @@ var CesiumEntityStyler;
             return;
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -2040,7 +2125,8 @@ var CesiumEntityStyler;
             return;
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -2099,7 +2185,8 @@ var CesiumEntityStyler;
             return;
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -2156,7 +2243,8 @@ var CesiumEntityStyler;
             return;
         }
         var parts = EntityUtils.GatherEntity({
-            entity: entity
+            entity: entity,
+            selectable: true
         });
         for (var i = 0; i < parts.length; i++) {
             var part = parts[i];
@@ -2205,17 +2293,19 @@ var CesiumEntityStyler;
     CesiumEntityStyler.Unhighlight = Unhighlight;
 })(CesiumEntityStyler || (CesiumEntityStyler = {}));
 
-function traverseEntity(cEntity, arr, ignoreParent) {
+function traverseEntity(cEntity, arr, ignoreParent, onlyEditable, onlySelectable) {
     if (cEntity._parentEntity && !ignoreParent) {
-        traverseEntity(cEntity._parentEntity, arr, false);
+        traverseEntity(cEntity._parentEntity, arr, false, onlyEditable, onlySelectable);
     }
     if (cEntity._siblingGraphics) {
         for (var i = 0; i < cEntity._siblingGraphics.length; i++) {
             var sibling = cEntity._siblingGraphics[i];
-            traverseEntity(sibling, arr, true);
+            traverseEntity(sibling, arr, true, onlyEditable, onlySelectable);
         }
     }
-    arr.push(cEntity);
+    if ((!cEntity._noEdit || !onlyEditable) && (!cEntity._noSelect || !onlySelectable)) {
+        arr.push(cEntity);
+    }
 }
 function GetValue(viewer, obj) {
     if (obj === null || obj === void 0 ? void 0 : obj.getValue) {
@@ -3098,11 +3188,17 @@ var EntityUtils;
      * @param entity
      */
     function GatherEntity(params) {
-        var entity = params.entity;
+        var entity = params.entity, editable = params.editable, selectable = params.selectable;
+        if (editable == null) {
+            editable = false;
+        }
+        if (selectable == null) {
+            selectable = false;
+        }
         if (entity instanceof Entity) {
             var cEntity = entity;
             var items = [];
-            traverseEntity(cEntity, items, false);
+            traverseEntity(cEntity, items, false, editable, selectable);
             return items;
         }
         return [entity];
@@ -5335,6 +5431,10 @@ function getSeriesPossesForHistoricEntity(viewer, heightRef, historic) {
     var series = [];
     for (var i = 0; i < historic.length; i++) {
         var item = historic[i];
+        var dateTime = new Date(item.dateTime);
+        if (!dateTime) {
+            continue;
+        }
         var pos3d = EntityUtils.GetPos({
             entity: item.data,
             viewer: viewer,
@@ -5342,8 +5442,7 @@ function getSeriesPossesForHistoricEntity(viewer, heightRef, historic) {
             returnHeightRef: heightRef,
             allowRendered: false
         });
-        var dateTime = new Date(item.dateTime);
-        if (!dateTime || !pos3d || isNaN(pos3d.x) || isNaN(pos3d.y) || isNaN(pos3d.z)) {
+        if (!pos3d || isNaN(pos3d.x) || isNaN(pos3d.y) || isNaN(pos3d.z)) {
             continue;
         }
         series.push({
@@ -5586,7 +5685,7 @@ var EntityRenderEngine;
                             }
                         }
                         if (!(models.length > 0)) return [3 /*break*/, 2];
-                        mParams = __assign(__assign({}, groupRenderParams), { rendered: cEntities, entities: models, entitiesHistoric: params.entitiesHistoric });
+                        mParams = __assign(__assign({}, groupRenderParams), { rendered: cEntities, entities: models, entitiesHistoric: params.entitiesHistoric, entityHistoricDrawTrack: params.entityHistoricDrawTrack });
                         return [4 /*yield*/, Model3d.RenderGroup(mParams)];
                     case 1:
                         mEntities = _g.sent();
@@ -5722,7 +5821,7 @@ var EntityRenderEngine;
                         _g.label = 10;
                     case 10:
                         if (!(points.length > 0)) return [3 /*break*/, 12];
-                        pParams = __assign(__assign({}, groupRenderParams), { entities: points, rendered: cEntities, entitiesHistoric: params.entitiesHistoric });
+                        pParams = __assign(__assign({}, groupRenderParams), { entities: points, rendered: cEntities, entitiesHistoric: params.entitiesHistoric, entityHistoricDrawTrack: params.entityHistoricDrawTrack });
                         return [4 /*yield*/, Point.RenderGroup(pParams)];
                     case 11:
                         pEntities = _g.sent();
@@ -5791,7 +5890,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, heightRef_1, animateColorIn_1, position, series, animatePosition_1, currentImgKey, series, animatePosition_2, pos3d, prevPos3d, animatePosition_3, radius, bFill, cFill, outline, cOutline, outlineWidth, bOutline, heightRef, pos3d, extrusion, hasOutline, outlineExtrusion, outlineEntity, bColor, cColor, size, heightRef_2, circleBillboard, disableDepthTest, animateColorIn_2, position, series, animatePosition_4, imgKey, currentImgKey, series, animatePosition_5, pos3d, prevPos3d, animatePosition_6;
+                var entity, style, type, cEntity, siblings, heightRef, animatePosition, shouldShowTrack, prepareExistingGraphic, updateShouldShowTrack, iconUrlRows, icon, iconUrl, metadata, api, image, e_5, iconScale, disableDepthTest, bColor, cColor, animateColorIn_1, position, series, currentImgKey, series, pos3d, prevPos3d, radius, bFill, cFill, outline, cOutline, outlineWidth, bOutline, pos3d, extrusion, hasOutline, outlineExtrusion, outlineEntity, bColor, cColor, size, circleBillboard, disableDepthTest, animateColorIn_2, position, series, imgKey, currentImgKey, series, animatePosition_1, pos3d, prevPos3d, animatePosition_2, lStyle, bColor, cColor, material, width, trackEntity;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
@@ -5809,15 +5908,18 @@ var EntityRenderEngine;
                             }
                             cEntity = null;
                             siblings = [];
-                            prepareExistingGraphic = function (cEntity, siblings) {
-                                if (siblings === void 0) { siblings = 0; }
+                            heightRef = null;
+                            animatePosition = null;
+                            shouldShowTrack = false;
+                            prepareExistingGraphic = function (cEntity, maxSiblings) {
+                                if (maxSiblings === void 0) { maxSiblings = 0; }
                                 // Gather entity in case previous version had sibling graphics we no longer need.
                                 var parts = EntityUtils.GatherEntity({
                                     entity: cEntity,
                                 });
                                 if (parts.length > 1) {
                                     // We'll cull all except the allowed number of siblings.
-                                    cEntity._siblingGraphics = cEntity._siblingGraphics.slice(0, siblings);
+                                    cEntity._siblingGraphics = cEntity._siblingGraphics.slice(0, maxSiblings);
                                     // We'll remove all that aren't in the allowed (direct) list.
                                     for (var i = 0; i < parts.length - 1; i++) {
                                         var part = parts[i];
@@ -5829,6 +5931,33 @@ var EntityRenderEngine;
                                         console.warn("Point.Render: Parent entity was not null. This should not happen.");
                                     }
                                 }
+                                siblings = cEntity._siblingGraphics;
+                                cEntity._siblingGraphics = [];
+                            };
+                            updateShouldShowTrack = function () {
+                                var _a, _b, _c;
+                                if (!params.entityHistoricDrawTrack) {
+                                    return;
+                                }
+                                if ((_a = params.entityHistoric) === null || _a === void 0 ? void 0 : _a.length) {
+                                    var lStyle = (_c = (_b = params.fullStyle) === null || _b === void 0 ? void 0 : _b.polylineStyle) !== null && _c !== void 0 ? _c : {};
+                                    var width = lStyle.width ? EnsureNumber(Calculator.GetNumber(lStyle.width, entity, params.tags)) : 2;
+                                    if (width == null) {
+                                        width = 2;
+                                    }
+                                    width = EnsureNumber(width);
+                                    if (width > 0.01) {
+                                        var bColor = lStyle.lineColor ? Calculator.GetColor(lStyle.lineColor, entity, params.tags) : null;
+                                        var cColor = bColor ? colorToCColor(bColor) : Color.fromCssColorString("rgba(255, 193, 7, 0.8)");
+                                        if (cColor.alpha > 0) {
+                                            var seriesTrackPosses = getSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
+                                            seriesTrackPosses.reverse();
+                                            var posses = seriesTrackPosses.map(function (x) { return x.pos3d; });
+                                            posses = cullDuplicatePoints(posses);
+                                            shouldShowTrack = posses.length > 1;
+                                        }
+                                    }
+                                }
                             };
                             if (!(type == Style.EPointType.Icon)) return [3 /*break*/, 9];
                             iconUrlRows = style.iconUrl == null ? [] : style.iconUrl;
@@ -5893,9 +6022,10 @@ var EntityRenderEngine;
                                 }
                                 disableDepthTest = Boolean(style.renderOnTop);
                                 if (iconScale > 0) {
+                                    updateShouldShowTrack();
                                     bColor = style.iconTintColor ? Calculator.GetColor(style.iconTintColor, entity, params.tags) : null;
                                     cColor = bColor ? colorToCColor(bColor) : Color.WHITE.clone();
-                                    heightRef_1 = getHeightRef(style);
+                                    heightRef = getHeightRef(style);
                                     if (!params.rendered || !params.rendered.billboard) {
                                         animateColorIn_1 = new CesiumAnimatedProperty.AnimateColor({
                                             durationMs: 200,
@@ -5904,20 +6034,20 @@ var EntityRenderEngine;
                                             viewer: params.viewer
                                         });
                                         position = null;
-                                        series = getSeriesPossesForHistoricEntity(params.viewer, heightRef_1, params.entityHistoric);
+                                        series = getSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
                                         if (series.length > 1) {
-                                            animatePosition_1 = new CesiumAnimatedProperty.AnimatePositionSeries({
+                                            animatePosition = new CesiumAnimatedProperty.AnimatePositionSeries({
                                                 posses: series,
                                                 viewer: params.viewer
                                             });
-                                            position = new CallbackProperty(function () { return animatePosition_1.GetValue(); }, false);
+                                            position = new CallbackProperty(function () { return animatePosition.GetValue(); }, false);
                                         }
                                         else {
                                             position = new CallbackProperty(function () { return EntityUtils.GetPos({
                                                 viewer: params.viewer,
                                                 entity: entity,
-                                                recordHeightRef: heightRef_1,
-                                                returnHeightRef: heightRef_1,
+                                                recordHeightRef: heightRef,
+                                                returnHeightRef: heightRef,
                                                 allowRendered: false
                                             }); }, true);
                                         }
@@ -5954,7 +6084,7 @@ var EntityRenderEngine;
                                         });
                                     }
                                     else {
-                                        prepareExistingGraphic(params.rendered);
+                                        prepareExistingGraphic(params.rendered, shouldShowTrack ? 1 : 0);
                                         cEntity = params.rendered;
                                         currentImgKey = cEntity.billboard._billboardImgKey;
                                         if (currentImgKey != iconUrl) {
@@ -5964,31 +6094,31 @@ 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));
-                                        series = getSeriesPossesForHistoricEntity(params.viewer, heightRef_1, params.entityHistoric);
+                                        series = getSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
                                         if (series.length > 1) {
-                                            animatePosition_2 = new CesiumAnimatedProperty.AnimatePositionSeries({
+                                            animatePosition = new CesiumAnimatedProperty.AnimatePositionSeries({
                                                 posses: series,
                                                 viewer: params.viewer
                                             });
-                                            cEntity.position = new CallbackProperty(function () { return animatePosition_2.GetValue(); }, false);
+                                            cEntity.position = new CallbackProperty(function () { return animatePosition.GetValue(); }, false);
                                         }
                                         else {
                                             pos3d = EntityUtils.GetPos({
                                                 viewer: params.viewer,
                                                 entity: entity,
-                                                recordHeightRef: heightRef_1,
-                                                returnHeightRef: heightRef_1,
+                                                recordHeightRef: heightRef,
+                                                returnHeightRef: heightRef,
                                                 allowRendered: false
                                             });
                                             prevPos3d = getValue$1(params.viewer, cEntity.position);
                                             if (!prevPos3d || !Cartesian3.equals(prevPos3d, pos3d)) {
-                                                animatePosition_3 = new CesiumAnimatedProperty.AnimatePosition({
+                                                animatePosition = new CesiumAnimatedProperty.AnimatePosition({
                                                     durationMs: 200,
                                                     targetPos3d: pos3d,
                                                     viewer: params.viewer,
                                                     startPos3d: prevPos3d
                                                 });
-                                                cEntity.position = new CallbackProperty(function () { return animatePosition_3.GetValue(); }, false);
+                                                cEntity.position = new CallbackProperty(function () { return animatePosition.GetValue(); }, false);
                                             }
                                         }
                                         // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
@@ -6082,7 +6212,7 @@ var EntityRenderEngine;
                                     if (!outlineExtrusion.value && extrusion.value) {
                                         outlineExtrusion.exHeightRef = extrusion.exHeightRef;
                                     }
-                                    outlineEntity = (_d = (_c = params.rendered) === null || _c === void 0 ? void 0 : _c._siblingGraphics) === null || _d === void 0 ? void 0 : _d[0];
+                                    outlineEntity = siblings === null || siblings === void 0 ? void 0 : siblings[0];
                                     if (outlineEntity && outlineEntity.ellipse) {
                                         outlineEntity.ellipse.semiMajorAxis = new ConstantProperty(radius + outlineWidth);
                                         outlineEntity.ellipse.semiMinorAxis = new ConstantProperty(radius + outlineWidth);
@@ -6135,9 +6265,10 @@ var EntityRenderEngine;
                                 if (size <= 0) {
                                     return [2 /*return*/, null];
                                 }
-                                heightRef_2 = getHeightRef(style);
+                                heightRef = getHeightRef(style);
                                 circleBillboard = createCircleBillboard(size, cColor.toCssColorString());
                                 disableDepthTest = Boolean(style.renderOnTop);
+                                updateShouldShowTrack();
                                 if (!params.rendered || !params.rendered.billboard) {
                                     animateColorIn_2 = new CesiumAnimatedProperty.AnimateColor({
                                         durationMs: 200,
@@ -6146,20 +6277,20 @@ var EntityRenderEngine;
                                         viewer: params.viewer
                                     });
                                     position = null;
-                                    series = getSeriesPossesForHistoricEntity(params.viewer, heightRef_2, params.entityHistoric);
+                                    series = getSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
                                     if (series.length > 1) {
-                                        animatePosition_4 = new CesiumAnimatedProperty.AnimatePositionSeries({
+                                        animatePosition = new CesiumAnimatedProperty.AnimatePositionSeries({
                                             posses: series,
                                             viewer: params.viewer
                                         });
-                                        position = new CallbackProperty(function () { return animatePosition_4.GetValue(); }, false);
+                                        position = new CallbackProperty(function () { return animatePosition.GetValue(); }, false);
                                     }
                                     else {
                                         position = new CallbackProperty(function () { return EntityUtils.GetPos({
                                             viewer: params.viewer,
                                             entity: entity,
-                                            recordHeightRef: heightRef_2,
-                                            returnHeightRef: heightRef_2,
+                                            recordHeightRef: heightRef,
+                                            returnHeightRef: heightRef,
                                             allowRendered: false
                                         }); }, true);
                                     }
@@ -6185,7 +6316,7 @@ var EntityRenderEngine;
                                                 }
                                                 return color;
                                             }, false),
-                                            heightReference: heightRef_2,
+                                            heightReference: heightRef,
                                             distanceDisplayCondition: getDisplayCondition(params.minDistance, params.maxDistance),
                                             disableDepthTestDistance: disableDepthTest ? Number.POSITIVE_INFINITY : undefined
                                         },
@@ -6202,7 +6333,7 @@ var EntityRenderEngine;
                                     });
                                 }
                                 else {
-                                    prepareExistingGraphic(params.rendered);
+                                    prepareExistingGraphic(params.rendered, shouldShowTrack ? 1 : 0);
                                     cEntity = params.rendered;
                                     imgKey = "".concat(size, "-").concat(cColor.toCssColorString());
                                     currentImgKey = cEntity.billboard._billboardImgKey;
@@ -6211,34 +6342,34 @@ var EntityRenderEngine;
                                     }
                                     cEntity.billboard.height = new ConstantProperty(circleBillboard.height);
                                     cEntity.billboard.width = new ConstantProperty(circleBillboard.width);
-                                    cEntity.billboard.heightReference = new ConstantProperty(heightRef_2);
+                                    cEntity.billboard.heightReference = new ConstantProperty(heightRef);
                                     cEntity.billboard.distanceDisplayCondition = new ConstantProperty(getDisplayCondition(params.minDistance, params.maxDistance));
                                     cEntity.billboard.disableDepthTestDistance = new ConstantProperty(disableDepthTest ? Number.POSITIVE_INFINITY : undefined);
-                                    series = getSeriesPossesForHistoricEntity(params.viewer, heightRef_2, params.entityHistoric);
+                                    series = getSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
                                     if (series.length > 1) {
-                                        animatePosition_5 = new CesiumAnimatedProperty.AnimatePositionSeries({
+                                        animatePosition_1 = new CesiumAnimatedProperty.AnimatePositionSeries({
                                             posses: series,
                                             viewer: params.viewer
                                         });
-                                        cEntity.position = new CallbackProperty(function () { return animatePosition_5.GetValue(); }, false);
+                                        cEntity.position = new CallbackProperty(function () { return animatePosition_1.GetValue(); }, false);
                                     }
                                     else {
                                         pos3d = EntityUtils.GetPos({
                                             viewer: params.viewer,
                                             entity: entity,
-                                            recordHeightRef: heightRef_2,
-                                            returnHeightRef: heightRef_2,
+                                            recordHeightRef: heightRef,
+                                            returnHeightRef: heightRef,
                                             allowRendered: false
                                         });
                                         prevPos3d = getValue$1(params.viewer, cEntity.position);
                                         if (!prevPos3d || !Cartesian3.equals(prevPos3d, pos3d)) {
-                                            animatePosition_6 = new CesiumAnimatedProperty.AnimatePosition({
+                                            animatePosition_2 = new CesiumAnimatedProperty.AnimatePosition({
                                                 durationMs: 200,
                                                 targetPos3d: pos3d,
                                                 viewer: params.viewer,
                                                 startPos3d: prevPos3d
                                             });
-                                            cEntity.position = new CallbackProperty(function () { return animatePosition_6.GetValue(); }, false);
+                                            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.
@@ -6254,9 +6385,50 @@ var EntityRenderEngine;
                                 }
                                 cEntity.billboard._billboardSize = Math.ceil(circleBillboard.height / 2);
                             }
-                            if (cEntity) {
-                                cEntity._siblingGraphics = siblings;
+                            // Generate a polyline 'track' for the historic data.
+                            // We do this for historic data that exists and is moving.
+                            if (shouldShowTrack && animatePosition && animatePosition instanceof CesiumAnimatedProperty.AnimatePositionSeries && animatePosition.GetSeries) {
+                                lStyle = (_d = (_c = params.fullStyle) === null || _c === void 0 ? void 0 : _c.polylineStyle) !== null && _d !== void 0 ? _d : {};
+                                bColor = lStyle.lineColor ? Calculator.GetColor(lStyle.lineColor, entity, params.tags) : null;
+                                cColor = bColor ? colorToCColor(bColor) : Color.fromCssColorString("rgba(255, 193, 7, 0.8)");
+                                material = new PolylineDashMaterialProperty({
+                                    color: cColor
+                                });
+                                width = lStyle.lineWidth ? EnsureNumber(Calculator.GetNumber(lStyle.lineWidth, entity, params.tags)) : 2;
+                                if (width == null) {
+                                    width = 2;
+                                }
+                                width = EnsureNumber(width);
+                                trackEntity = siblings === null || siblings === void 0 ? void 0 : siblings[0];
+                                if (!trackEntity) {
+                                    trackEntity = new Entity({
+                                        id: ObjectUtils.UId(10),
+                                        polyline: {
+                                            positions: [],
+                                            width: width,
+                                            material: material,
+                                            clampToGround: heightRef == HeightReference.CLAMP_TO_GROUND,
+                                            zIndex: 0,
+                                            classificationType: ClassificationType.BOTH
+                                        }
+                                    });
+                                }
+                                trackEntity._noEdit = true;
+                                trackEntity.polyline.positions = new CallbackProperty(function () {
+                                    return animatePosition.GetSeries();
+                                }, false);
+                                // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
+                                // WARNING: polyline does not support animation (yet?).
+                                CesiumEntityStyler.SetDefaultColor({
+                                    color: cColor,
+                                    entity: trackEntity,
+                                    viewer: params.viewer,
+                                    override: true,
+                                    requestRender: false
+                                });
+                                siblings.push(trackEntity);
                             }
+                            cEntity._siblingGraphics = siblings;
                             return [2 /*return*/, cEntity];
                     }
                 });
@@ -6310,7 +6482,9 @@ var EntityRenderEngine;
                                     maxDistance: zoomItem.MaxZoom,
                                     minDistance: zoomItem.MinZoom,
                                     rendered: (_c = params.rendered) === null || _c === void 0 ? void 0 : _c.get(entity.Bruce.ID),
-                                    entityHistoric: (_d = params.entitiesHistoric) === null || _d === void 0 ? void 0 : _d[entity.Bruce.ID]
+                                    entityHistoric: (_d = params.entitiesHistoric) === null || _d === void 0 ? void 0 : _d[entity.Bruce.ID],
+                                    entityHistoricDrawTrack: params.entityHistoricDrawTrack,
+                                    fullStyle: style
                                 })];
                         case 7:
                             cEntity = _f.sent();
@@ -7044,11 +7218,11 @@ var EntityRenderEngine;
                 // If we have a series of time-based positions then we'll animate as time changes.
                 var series = getSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
                 if (series.length > 1) {
-                    var animatePosition_7 = new CesiumAnimatedProperty.AnimatePositionSeries({
+                    var animatePosition_3 = new CesiumAnimatedProperty.AnimatePositionSeries({
                         posses: series,
                         viewer: params.viewer
                     });
-                    position = new CallbackProperty(function () { return animatePosition_7.GetValue(); }, false);
+                    position = new CallbackProperty(function () { return animatePosition_3.GetValue(); }, false);
                 }
                 else {
                     position = new CallbackProperty(function () { return EntityUtils.GetPos({
@@ -7094,7 +7268,7 @@ var EntityRenderEngine;
             else {
                 // Gather entity in case previous version had sibling graphics we no longer need.
                 var parts = EntityUtils.GatherEntity({
-                    entity: cEntity,
+                    entity: cEntity
                 });
                 if (parts.length > 1) {
                     // Kill all expect last part. Last one is the primary entity.
@@ -7121,24 +7295,24 @@ var EntityRenderEngine;
                 // If we have a series of time-based positions then we'll animate as time changes.
                 var series = getSeriesPossesForHistoricEntity(params.viewer, heightRef, params.entityHistoric);
                 if (series.length > 1) {
-                    var animatePosition_8 = new CesiumAnimatedProperty.AnimatePositionSeries({
+                    var animatePosition_4 = new CesiumAnimatedProperty.AnimatePositionSeries({
                         posses: series,
                         viewer: params.viewer
                     });
-                    cEntity.position = new CallbackProperty(function () { return animatePosition_8.GetValue(); }, false);
+                    cEntity.position = new CallbackProperty(function () { return animatePosition_4.GetValue(); }, false);
                 }
                 else {
                     var prevPos3d = getValue$1(params.viewer, cEntity.position);
                     var posChanged = !prevPos3d || !Cartesian3.equals(prevPos3d, pos3d);
-                    var animatePosition_9 = null;
+                    var animatePosition_5 = null;
                     if (posChanged) {
-                        animatePosition_9 = new CesiumAnimatedProperty.AnimatePosition({
+                        animatePosition_5 = new CesiumAnimatedProperty.AnimatePosition({
                             durationMs: 200,
                             targetPos3d: pos3d,
                             viewer: params.viewer,
                             startPos3d: prevPos3d
                         });
-                        cEntity.position = new CallbackProperty(function () { return animatePosition_9.GetValue(); }, false);
+                        cEntity.position = new CallbackProperty(function () { return animatePosition_5.GetValue(); }, false);
                     }
                 }
                 // cEntity.orientation = new Cesium.ConstantProperty(orientation);
@@ -8770,7 +8944,7 @@ var CesiumAnimatedInOut;
         var viewer = params.viewer, entity = params.entity;
         if (entity instanceof Entity) {
             var pieces = EntityUtils.GatherEntity({
-                entity: entity,
+                entity: entity
             });
             var leaderSet = false;
             var removed_1 = false;
@@ -9957,7 +10131,7 @@ var VisualsRegister;
     VisualsRegister.Register = Register;
 })(VisualsRegister || (VisualsRegister = {}));
 
-function GetValue$1(viewer, obj) {
+function GetValue$2(viewer, obj) {
     if (obj === null || obj === void 0 ? void 0 : obj.getValue) {
         var date = viewer.scene.lastRenderTime;
         if (!date) {
@@ -10747,12 +10921,12 @@ var PointClustering = /** @class */ (function () {
         if (entity.polygon || entity.polyline) {
             return false;
         }
-        var pos3d = GetValue$1(this.viewer, entity.position);
+        var pos3d = GetValue$2(this.viewer, entity.position);
         if (!(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
             return false;
         }
         if (!this.pointColorBg && entity.point) {
-            var pointColorBg = GetValue$1(this.viewer, entity.point.color);
+            var pointColorBg = GetValue$2(this.viewer, entity.point.color);
             if (pointColorBg) {
                 var cColor = null;
                 if (pointColorBg instanceof Object) {
@@ -10776,7 +10950,7 @@ var PointClustering = /** @class */ (function () {
             }
         }
         if (!this.iconUrl && entity.billboard) {
-            var iconUrl = GetValue$1(this.viewer, entity.billboard.image);
+            var iconUrl = GetValue$2(this.viewer, entity.billboard.image);
             if (typeof iconUrl == "string") {
                 this.iconUrl = iconUrl;
             }
@@ -11644,6 +11818,7 @@ var EntitiesRenderManager;
                                 visualRegister: this.visualsManager,
                                 zoomControl: this.item.CameraZoomSettings,
                                 entitiesHistoric: entitiesHistoric,
+                                entityHistoricDrawTrack: this.item.historicDrawTrack,
                                 force: force,
                                 optimizeGeometry: this.item.optimizeGeometry,
                                 optimizeMinPoints: this.item.optimizeMinPoints,
@@ -24982,15 +25157,15 @@ var WidgetCursorBar = /** @class */ (function (_super) {
         this._disposeCesiumEvent();
         var events = new ScreenSpaceEventHandler(this._viewer.scene.canvas);
         var lastHoverPos = null;
-        var lastHoveredEntityId = null;
-        var unhighlightTimeout = null;
+        //let lastHoveredEntityId: string = null;
+        //let unhighlightTimeout: any = null;
         var process2dCursor = function (pos2d, isHover) {
             try {
                 var regos = _this._manager.VisualsRegister.GetRegosFromCursor({
                     cursor: pos2d
                 }).regos;
                 var first = regos.length ? regos[0] : null;
-                var firstId_1 = first === null || first === void 0 ? void 0 : first.entityId;
+                var firstId = first === null || first === void 0 ? void 0 : first.entityId;
                 if (isHover) {
                     if (regos.length) {
                         _this._viewer.canvas.style.cursor = "pointer";
@@ -24998,37 +25173,40 @@ var WidgetCursorBar = /** @class */ (function (_super) {
                     else if (_this._viewer.canvas.style.cursor) {
                         _this._viewer.canvas.style.removeProperty("cursor");
                     }
+                    /*
                     clearTimeout(unhighlightTimeout);
-                    if (lastHoveredEntityId && lastHoveredEntityId != firstId_1) {
-                        _this._manager.VisualsRegister.SetHighlighted({
+                    if (lastHoveredEntityId && lastHoveredEntityId != firstId) {
+                        this._manager.VisualsRegister.SetHighlighted({
                             entityIds: [lastHoveredEntityId],
                             highlighted: false
                         });
                     }
-                    if (firstId_1) {
-                        unhighlightTimeout = setTimeout(function () {
-                            if (lastHoveredEntityId == firstId_1) {
-                                _this._manager.VisualsRegister.SetHighlighted({
-                                    entityIds: [firstId_1],
+                    if (firstId) {
+                        unhighlightTimeout = setTimeout(() => {
+                            if (lastHoveredEntityId == firstId) {
+                                this._manager.VisualsRegister.SetHighlighted({
+                                    entityIds: [firstId],
                                     highlighted: false
                                 });
                                 lastHoveredEntityId = null;
                             }
                         }, 5000);
-                        if (lastHoveredEntityId != firstId_1) {
-                            _this._manager.VisualsRegister.SetHighlighted({
-                                entityIds: [firstId_1],
+                        if (lastHoveredEntityId != firstId) {
+                            this._manager.VisualsRegister.SetHighlighted({
+                                entityIds: [firstId],
                                 highlighted: true
                             });
                         }
                     }
-                    lastHoveredEntityId = firstId_1;
+                    
+                    lastHoveredEntityId = firstId;
+                    */
                 }
                 else {
                     _this._manager.VisualsRegister.ClearSelected();
                     if (first) {
                         _this._manager.VisualsRegister.SetSelected({
-                            entityIds: [firstId_1],
+                            entityIds: [firstId],
                             selected: true
                         });
                     }
@@ -26296,7 +26474,7 @@ var ViewerUtils;
     ViewerUtils.AssertIonToken = AssertIonToken;
 })(ViewerUtils || (ViewerUtils = {}));
 
-var VERSION = "4.4.2";
+var VERSION = "4.4.4";
 
 export { VERSION, CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, GoogleSearchRenderManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, CesiumAnimatedProperty, CesiumAnimatedInOut, Draw3dPolygon, Draw3dPolyline, MeasureCreator, Widget, VIEWER_BOOKMARKS_WIDGET_KEY, WidgetBookmarks, WidgetBranding, WidgetCursorBar, WidgetEmbeddedInfoView, WidgetInfoView, WidgetNavCompass$$1 as WidgetNavCompass, WidgetSearchBar, VIEWER_LEFT_PANEL_WIDGET_KEY, VIEWER_LEFT_PANEL_CSS_VAR_LEFT, WidgetLeftPanel, WidgetLeftPanelTab, WidgetLeftPanelTabBookmarks };
 //# sourceMappingURL=bruce-cesium.es5.js.map