bruce-cesium 4.4.3 → 4.4.4

package/dist/bruce-cesium.umd.js

@@ -1273,8 +1273,12 @@
          */
         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.
@@ -1289,16 +1293,20 @@
                     now = this.viewer.clock.currentTime;
                 }
                 var nowTime = Cesium.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.
@@ -1313,17 +1321,62 @@
                         }
                     }
                     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 Cesium.Cartesian3.lerp(last.pos3d, next.pos3d, progress, new Cesium.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 = Cesium.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;
         }());
@@ -1536,7 +1589,6 @@
                 }
             }
             else if (graphic instanceof Cesium.ModelGraphics) {
-                // graphic.color = new Cesium.ConstantProperty(color);
                 var animateColor_1 = new exports.CesiumAnimatedProperty.AnimateColor({
                     targetColor: color,
                     durationMs: animateMs,
@@ -1551,16 +1603,38 @@
                 }
             }
             else if (graphic instanceof Cesium.PolygonGraphics) {
-                graphic.material = new Cesium.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 Cesium.ColorMaterialProperty(color);
+                }
             }
             else if (graphic instanceof Cesium.PolylineGraphics) {
-                graphic.material = new Cesium.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 Cesium.PolylineDashMaterialProperty) {
+                        graphic.material = new Cesium.PolylineDashMaterialProperty({
+                            color: color,
+                            gapColor: currentMaterial.gapColor,
+                            dashLength: currentMaterial.dashLength,
+                            dashPattern: currentMaterial.dashPattern
+                        });
+                    }
+                    else {
+                        graphic.material = new Cesium.ColorMaterialProperty(color);
+                    }
+                }
             }
             else if (graphic instanceof Cesium.CorridorGraphics) {
                 graphic.material = new Cesium.ColorMaterialProperty(color);
             }
             else if (graphic instanceof Cesium.PointGraphics) {
-                // graphic.color = new Cesium.ConstantProperty(color);
                 var animateColor_2 = new exports.CesiumAnimatedProperty.AnimateColor({
                     targetColor: color,
                     durationMs: animateMs,
@@ -1590,7 +1664,12 @@
                 }
             }
             else if (graphic instanceof Cesium.EllipseGraphics) {
-                graphic.material = new Cesium.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 Cesium.ColorMaterialProperty(color);
+                }
             }
             graphic[LAST_APPLIED_OPACITY_KEY] = opacity;
         }
@@ -1643,7 +1722,8 @@
                 return;
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -1711,7 +1791,8 @@
                 colorMap = new Map();
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -1799,7 +1880,8 @@
                 return;
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -1866,7 +1948,8 @@
                 return;
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -1916,7 +1999,8 @@
                 return null;
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -1974,7 +2058,8 @@
                 return;
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -2033,7 +2118,8 @@
                 return;
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -2092,7 +2178,8 @@
                 return;
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -2149,7 +2236,8 @@
                 return;
             }
             var parts = exports.EntityUtils.GatherEntity({
-                entity: entity
+                entity: entity,
+                selectable: true
             });
             for (var i = 0; i < parts.length; i++) {
                 var part = parts[i];
@@ -2198,17 +2286,19 @@
         CesiumEntityStyler.Unhighlight = Unhighlight;
     })(exports.CesiumEntityStyler || (exports.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) {
@@ -3090,11 +3180,17 @@
          * @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 Cesium.Entity) {
                 var cEntity = entity;
                 var items = [];
-                traverseEntity(cEntity, items, false);
+                traverseEntity(cEntity, items, false, editable, selectable);
                 return items;
             }
             return [entity];
@@ -5325,6 +5421,10 @@
         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 = exports.EntityUtils.GetPos({
                 entity: item.data,
                 viewer: viewer,
@@ -5332,8 +5432,7 @@
                 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({
@@ -5575,7 +5674,7 @@
                                 }
                             }
                             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();
@@ -5711,7 +5810,7 @@
                             _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();
@@ -5780,7 +5879,7 @@
             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:
@@ -5798,15 +5897,18 @@
                                 }
                                 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 = exports.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];
@@ -5818,6 +5920,33 @@
                                             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(BModels.Calculator.GetNumber(lStyle.width, entity, params.tags)) : 2;
+                                        if (width == null) {
+                                            width = 2;
+                                        }
+                                        width = EnsureNumber(width);
+                                        if (width > 0.01) {
+                                            var bColor = lStyle.lineColor ? BModels.Calculator.GetColor(lStyle.lineColor, entity, params.tags) : null;
+                                            var cColor = bColor ? colorToCColor(bColor) : Cesium.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 == BModels.Style.EPointType.Icon)) return [3 /*break*/, 9];
                                 iconUrlRows = style.iconUrl == null ? [] : style.iconUrl;
@@ -5882,9 +6011,10 @@
                                     }
                                     disableDepthTest = Boolean(style.renderOnTop);
                                     if (iconScale > 0) {
+                                        updateShouldShowTrack();
                                         bColor = style.iconTintColor ? BModels.Calculator.GetColor(style.iconTintColor, entity, params.tags) : null;
                                         cColor = bColor ? colorToCColor(bColor) : Cesium.Color.WHITE.clone();
-                                        heightRef_1 = getHeightRef(style);
+                                        heightRef = getHeightRef(style);
                                         if (!params.rendered || !params.rendered.billboard) {
                                             animateColorIn_1 = new exports.CesiumAnimatedProperty.AnimateColor({
                                                 durationMs: 200,
@@ -5893,20 +6023,20 @@
                                                 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 exports.CesiumAnimatedProperty.AnimatePositionSeries({
+                                                animatePosition = new exports.CesiumAnimatedProperty.AnimatePositionSeries({
                                                     posses: series,
                                                     viewer: params.viewer
                                                 });
-                                                position = new Cesium.CallbackProperty(function () { return animatePosition_1.GetValue(); }, false);
+                                                position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
                                             }
                                             else {
                                                 position = new Cesium.CallbackProperty(function () { return exports.EntityUtils.GetPos({
                                                     viewer: params.viewer,
                                                     entity: entity,
-                                                    recordHeightRef: heightRef_1,
-                                                    returnHeightRef: heightRef_1,
+                                                    recordHeightRef: heightRef,
+                                                    returnHeightRef: heightRef,
                                                     allowRendered: false
                                                 }); }, true);
                                             }
@@ -5943,7 +6073,7 @@
                                             });
                                         }
                                         else {
-                                            prepareExistingGraphic(params.rendered);
+                                            prepareExistingGraphic(params.rendered, shouldShowTrack ? 1 : 0);
                                             cEntity = params.rendered;
                                             currentImgKey = cEntity.billboard._billboardImgKey;
                                             if (currentImgKey != iconUrl) {
@@ -5953,31 +6083,31 @@
                                             cEntity.billboard.heightReference = new Cesium.ConstantProperty(getHeightRef(style));
                                             cEntity.billboard.disableDepthTestDistance = new Cesium.ConstantProperty(disableDepthTest ? Number.POSITIVE_INFINITY : undefined);
                                             cEntity.billboard.distanceDisplayCondition = new Cesium.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 exports.CesiumAnimatedProperty.AnimatePositionSeries({
+                                                animatePosition = new exports.CesiumAnimatedProperty.AnimatePositionSeries({
                                                     posses: series,
                                                     viewer: params.viewer
                                                 });
-                                                cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_2.GetValue(); }, false);
+                                                cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
                                             }
                                             else {
                                                 pos3d = exports.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 || !Cesium.Cartesian3.equals(prevPos3d, pos3d)) {
-                                                    animatePosition_3 = new exports.CesiumAnimatedProperty.AnimatePosition({
+                                                    animatePosition = new exports.CesiumAnimatedProperty.AnimatePosition({
                                                         durationMs: 200,
                                                         targetPos3d: pos3d,
                                                         viewer: params.viewer,
                                                         startPos3d: prevPos3d
                                                     });
-                                                    cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_3.GetValue(); }, false);
+                                                    cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
                                                 }
                                             }
                                             // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
@@ -6071,7 +6201,7 @@
                                         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 Cesium.ConstantProperty(radius + outlineWidth);
                                             outlineEntity.ellipse.semiMinorAxis = new Cesium.ConstantProperty(radius + outlineWidth);
@@ -6124,9 +6254,10 @@
                                     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 exports.CesiumAnimatedProperty.AnimateColor({
                                             durationMs: 200,
@@ -6135,20 +6266,20 @@
                                             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 exports.CesiumAnimatedProperty.AnimatePositionSeries({
+                                            animatePosition = new exports.CesiumAnimatedProperty.AnimatePositionSeries({
                                                 posses: series,
                                                 viewer: params.viewer
                                             });
-                                            position = new Cesium.CallbackProperty(function () { return animatePosition_4.GetValue(); }, false);
+                                            position = new Cesium.CallbackProperty(function () { return animatePosition.GetValue(); }, false);
                                         }
                                         else {
                                             position = new Cesium.CallbackProperty(function () { return exports.EntityUtils.GetPos({
                                                 viewer: params.viewer,
                                                 entity: entity,
-                                                recordHeightRef: heightRef_2,
-                                                returnHeightRef: heightRef_2,
+                                                recordHeightRef: heightRef,
+                                                returnHeightRef: heightRef,
                                                 allowRendered: false
                                             }); }, true);
                                         }
@@ -6174,7 +6305,7 @@
                                                     }
                                                     return color;
                                                 }, false),
-                                                heightReference: heightRef_2,
+                                                heightReference: heightRef,
                                                 distanceDisplayCondition: getDisplayCondition(params.minDistance, params.maxDistance),
                                                 disableDepthTestDistance: disableDepthTest ? Number.POSITIVE_INFINITY : undefined
                                             },
@@ -6191,7 +6322,7 @@
                                         });
                                     }
                                     else {
-                                        prepareExistingGraphic(params.rendered);
+                                        prepareExistingGraphic(params.rendered, shouldShowTrack ? 1 : 0);
                                         cEntity = params.rendered;
                                         imgKey = "".concat(size, "-").concat(cColor.toCssColorString());
                                         currentImgKey = cEntity.billboard._billboardImgKey;
@@ -6200,34 +6331,34 @@
                                         }
                                         cEntity.billboard.height = new Cesium.ConstantProperty(circleBillboard.height);
                                         cEntity.billboard.width = new Cesium.ConstantProperty(circleBillboard.width);
-                                        cEntity.billboard.heightReference = new Cesium.ConstantProperty(heightRef_2);
+                                        cEntity.billboard.heightReference = new Cesium.ConstantProperty(heightRef);
                                         cEntity.billboard.distanceDisplayCondition = new Cesium.ConstantProperty(getDisplayCondition(params.minDistance, params.maxDistance));
                                         cEntity.billboard.disableDepthTestDistance = new Cesium.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 exports.CesiumAnimatedProperty.AnimatePositionSeries({
+                                            animatePosition_1 = new exports.CesiumAnimatedProperty.AnimatePositionSeries({
                                                 posses: series,
                                                 viewer: params.viewer
                                             });
-                                            cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_5.GetValue(); }, false);
+                                            cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_1.GetValue(); }, false);
                                         }
                                         else {
                                             pos3d = exports.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 || !Cesium.Cartesian3.equals(prevPos3d, pos3d)) {
-                                                animatePosition_6 = new exports.CesiumAnimatedProperty.AnimatePosition({
+                                                animatePosition_2 = new exports.CesiumAnimatedProperty.AnimatePosition({
                                                     durationMs: 200,
                                                     targetPos3d: pos3d,
                                                     viewer: params.viewer,
                                                     startPos3d: prevPos3d
                                                 });
-                                                cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_6.GetValue(); }, false);
+                                                cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_2.GetValue(); }, false);
                                             }
                                         }
                                         // We'll use "SetDefaultColor" to updating the internal reference and to allow for an animation.
@@ -6243,9 +6374,50 @@
                                     }
                                     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 exports.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 ? BModels.Calculator.GetColor(lStyle.lineColor, entity, params.tags) : null;
+                                    cColor = bColor ? colorToCColor(bColor) : Cesium.Color.fromCssColorString("rgba(255, 193, 7, 0.8)");
+                                    material = new Cesium.PolylineDashMaterialProperty({
+                                        color: cColor
+                                    });
+                                    width = lStyle.lineWidth ? EnsureNumber(BModels.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 Cesium.Entity({
+                                            id: BModels.ObjectUtils.UId(10),
+                                            polyline: {
+                                                positions: [],
+                                                width: width,
+                                                material: material,
+                                                clampToGround: heightRef == Cesium.HeightReference.CLAMP_TO_GROUND,
+                                                zIndex: 0,
+                                                classificationType: Cesium.ClassificationType.BOTH
+                                            }
+                                        });
+                                    }
+                                    trackEntity._noEdit = true;
+                                    trackEntity.polyline.positions = new Cesium.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?).
+                                    exports.CesiumEntityStyler.SetDefaultColor({
+                                        color: cColor,
+                                        entity: trackEntity,
+                                        viewer: params.viewer,
+                                        override: true,
+                                        requestRender: false
+                                    });
+                                    siblings.push(trackEntity);
                                 }
+                                cEntity._siblingGraphics = siblings;
                                 return [2 /*return*/, cEntity];
                         }
                     });
@@ -6299,7 +6471,9 @@
                                         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();
@@ -7033,11 +7207,11 @@
                     // 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 exports.CesiumAnimatedProperty.AnimatePositionSeries({
+                        var animatePosition_3 = new exports.CesiumAnimatedProperty.AnimatePositionSeries({
                             posses: series,
                             viewer: params.viewer
                         });
-                        position = new Cesium.CallbackProperty(function () { return animatePosition_7.GetValue(); }, false);
+                        position = new Cesium.CallbackProperty(function () { return animatePosition_3.GetValue(); }, false);
                     }
                     else {
                         position = new Cesium.CallbackProperty(function () { return exports.EntityUtils.GetPos({
@@ -7083,7 +7257,7 @@
                 else {
                     // Gather entity in case previous version had sibling graphics we no longer need.
                     var parts = exports.EntityUtils.GatherEntity({
-                        entity: cEntity,
+                        entity: cEntity
                     });
                     if (parts.length > 1) {
                         // Kill all expect last part. Last one is the primary entity.
@@ -7110,24 +7284,24 @@
                     // 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 exports.CesiumAnimatedProperty.AnimatePositionSeries({
+                        var animatePosition_4 = new exports.CesiumAnimatedProperty.AnimatePositionSeries({
                             posses: series,
                             viewer: params.viewer
                         });
-                        cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_8.GetValue(); }, false);
+                        cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_4.GetValue(); }, false);
                     }
                     else {
                         var prevPos3d = getValue$1(params.viewer, cEntity.position);
                         var posChanged = !prevPos3d || !Cesium.Cartesian3.equals(prevPos3d, pos3d);
-                        var animatePosition_9 = null;
+                        var animatePosition_5 = null;
                         if (posChanged) {
-                            animatePosition_9 = new exports.CesiumAnimatedProperty.AnimatePosition({
+                            animatePosition_5 = new exports.CesiumAnimatedProperty.AnimatePosition({
                                 durationMs: 200,
                                 targetPos3d: pos3d,
                                 viewer: params.viewer,
                                 startPos3d: prevPos3d
                             });
-                            cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_9.GetValue(); }, false);
+                            cEntity.position = new Cesium.CallbackProperty(function () { return animatePosition_5.GetValue(); }, false);
                         }
                     }
                     // cEntity.orientation = new Cesium.ConstantProperty(orientation);
@@ -8754,7 +8928,7 @@
             var viewer = params.viewer, entity = params.entity;
             if (entity instanceof Cesium.Entity) {
                 var pieces = exports.EntityUtils.GatherEntity({
-                    entity: entity,
+                    entity: entity
                 });
                 var leaderSet = false;
                 var removed_1 = false;
@@ -9936,7 +10110,7 @@
         VisualsRegister.Register = Register;
     })(exports.VisualsRegister || (exports.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) {
@@ -10726,12 +10900,12 @@
             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) {
@@ -10755,7 +10929,7 @@
                 }
             }
             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;
                 }
@@ -11618,6 +11792,7 @@
                                     visualRegister: this.visualsManager,
                                     zoomControl: this.item.CameraZoomSettings,
                                     entitiesHistoric: entitiesHistoric,
+                                    entityHistoricDrawTrack: this.item.historicDrawTrack,
                                     force: force,
                                     optimizeGeometry: this.item.optimizeGeometry,
                                     optimizeMinPoints: this.item.optimizeMinPoints,
@@ -26222,7 +26397,7 @@
         ViewerUtils.AssertIonToken = AssertIonToken;
     })(exports.ViewerUtils || (exports.ViewerUtils = {}));
 
-    var VERSION = "4.4.3";
+    var VERSION = "4.4.4";
 
     exports.VERSION = VERSION;
     exports.CesiumParabola = CesiumParabola;