bruce-cesium 3.6.4 → 3.6.5

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ProjectViewTile, DelayQueue, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, Api, EntityRelationType, ENVIRONMENT, EntityCoords, EntitySource, MenuItem, EntityRelation, ProgramKey, AbstractApi, ProjectViewBookmark, EntityAttachment, EntityAttachmentType, EntityAttribute, ProjectView, ProjectViewLegacyTile, Camera } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, JulianDate, Color, HeightReference, Cartesian3, DistanceDisplayCondition, NearFarScalar, Model, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Math as Math$1, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, Cartesian2, SceneMode, GeoJsonDataSource, ColorMaterialProperty, Cesium3DTileColorBlendMode, HeadingPitchRange, CallbackProperty, Rectangle, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, defined, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Quaternion, Intersect } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, DistanceDisplayCondition, NearFarScalar, Model, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, SceneMode, Primitive, Cesium3DTileFeature, GeoJsonDataSource, ColorMaterialProperty, HeadingPitchRange, Cesium3DTileColorBlendMode, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, Cesium3DTileset, Matrix4, Matrix3, IonResource, PolygonPipeline, CesiumInspector, defined, EllipsoidGeodesic, sampleTerrainMostDetailed, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Quaternion, Intersect } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -15348,19 +15348,19 @@ var DataSourceStaticCsvManager;
         Manager.prototype.renderMovingItem = function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var api, vehicleFileUrl, lineColor, fileStrings, files, i, file, fileId, externalURL, fileUrl, fileStr, csvData, i, delimiter, fileStr, headers, rows, rowsArr, j, row, rowArr, primary, pHeaders, pLatIndex, pLonIndex, pDateTimeIndex, i, row, lat, lon, dateTime, vehicleId, czml, czmlAdjusted, curDateTime, source, errorsInARow_1, removal_1;
+                var api, vehicleFileUrl, alarmFileUrl, lineColor, fileStrings, files, i, file, fileId, externalURL, fileUrl, fileStr, csvData, i, delimiter, fileStr, headers, rows, rowsArr, j, row, rowArr, primary, pHeaders, pLatIndex, pLonIndex, pDateTimeIndex, i, row, lat, lon, dateTimeStr, dateTime, _b, datePart, timePart, _c, year, month, day, _d, hours, minutes, seconds, milliseconds, utcDate, vehicleId, czml, czmlAdjusted, curDateTime, source, errorsInARow_1, removal_1;
                 var _this = this;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
                         case 0:
                             api = this.apiGetter.getApi();
                             return [4 /*yield*/, api.Loading];
                         case 1:
-                            _b.sent();
+                            _e.sent();
                             fileStrings = [];
                             files = this.item.CSV;
                             i = 0;
-                            _b.label = 2;
+                            _e.label = 2;
                         case 2:
                             if (!(i < files.length)) return [3 /*break*/, 6];
                             file = files[i];
@@ -15381,9 +15381,9 @@ var DataSourceStaticCsvManager;
                                 fileUrl = externalURL;
                             }
                             return [4 /*yield*/, fetch(fileUrl)];
-                        case 3: return [4 /*yield*/, (_b.sent()).text()];
+                        case 3: return [4 /*yield*/, (_e.sent()).text()];
                         case 4:
-                            fileStr = _b.sent();
+                            fileStr = _e.sent();
                             fileStrings.push(fileStr);
                             if (this.disposed) {
                                 return [2 /*return*/];
@@ -15398,7 +15398,14 @@ var DataSourceStaticCsvManager;
                             if (file.lineColor) {
                                 lineColor = file.lineColor;
                             }
-                            _b.label = 5;
+                            if (file.alertFileId) {
+                                alarmFileUrl = ClientFile.GetUrl({
+                                    api: api,
+                                    fileId: file.alertFileId,
+                                    viaCdn: true
+                                });
+                            }
+                            _e.label = 5;
                         case 5:
                             i++;
                             return [3 /*break*/, 2];
@@ -15439,8 +15446,22 @@ var DataSourceStaticCsvManager;
                                 if (typeof lon == "string") {
                                     row[pLonIndex] = parseFloat(lon);
                                 }
-                                dateTime = new Date(row[pDateTimeIndex]);
-                                row[pDateTimeIndex] = dateTime.toISOString();
+                                dateTimeStr = row[pDateTimeIndex];
+                                if (typeof dateTimeStr === "string") {
+                                    // Check if format is expected.
+                                    if (!dateTimeStr.includes("/") || !dateTimeStr.includes(":")) {
+                                        dateTime = new Date(row[pDateTimeIndex]);
+                                        row[pDateTimeIndex] = dateTime.toISOString();
+                                    }
+                                    else {
+                                        _b = dateTimeStr.split(" "), datePart = _b[0], timePart = _b[1];
+                                        _c = datePart.split("/").map(Number), year = _c[0], month = _c[1], day = _c[2];
+                                        _d = timePart.split(":").map(Number), hours = _d[0], minutes = _d[1], seconds = _d[2];
+                                        milliseconds = seconds % 1 * 1000;
+                                        utcDate = new Date(Date.UTC(year, month - 1, day, hours, minutes, Math.floor(seconds), milliseconds));
+                                        row[pDateTimeIndex] = utcDate.toISOString();
+                                    }
+                                }
                             }
                             // Sort by date.
                             primary.rows.sort(function (a, b) {
@@ -15449,7 +15470,7 @@ var DataSourceStaticCsvManager;
                                 return aDate.getTime() - bDate.getTime();
                             });
                             vehicleId = ObjectUtils.UId();
-                            czml = createJourneyCzml(vehicleId, vehicleFileUrl, lineColor, primary);
+                            czml = createJourneyCzml(vehicleId, vehicleFileUrl, alarmFileUrl, lineColor, primary);
                             this.czmlDataInputs.push(czml);
                             czmlAdjusted = JSON.parse(JSON.stringify(czml));
                             czmlAdjusted.forEach(function (item) {
@@ -15458,7 +15479,7 @@ var DataSourceStaticCsvManager;
                             curDateTime = this.viewer.clock.currentTime;
                             return [4 /*yield*/, this.viewer.dataSources.add(CzmlDataSource.load(czmlAdjusted))];
                         case 7:
-                            source = _b.sent();
+                            source = _e.sent();
                             this.dataSource = source;
                             // Reset back to the previous dateTime.
                             // Adding the czml data source will have changed the clock.
@@ -15526,11 +15547,12 @@ var DataSourceStaticCsvManager;
  * This shows a journey taken by a moving object and alarms detected along the way.
  * @param vehicleId
  * @param vehicleFileUrl
+ * @param alarmFileUrl
  * @param lineColor
  * @param data
  * @returns
  */
-function createJourneyCzml(vehicleId, vehicleFileUrl, lineColor, data) {
+function createJourneyCzml(vehicleId, vehicleFileUrl, alarmFileUrl, lineColor, data) {
     var headers = data.headers;
     var rows = data.rows;
     var latIndex = headers.findIndex(function (x) { return x.toLowerCase().includes("lat"); });
@@ -15551,29 +15573,50 @@ function createJourneyCzml(vehicleId, vehicleFileUrl, lineColor, data) {
             }
         },
     ];
-    // Create a polyline for the full path.
-    var roadPositions = rows.map(function (row) { return [
-        Number(row[lonIndex]),
-        Number(row[latIndex]),
-        0
-    ]; }).flat();
-    czml.push({
-        "id": ObjectUtils.UId(),
-        "name": "Path",
-        "polyline": {
-            "positions": {
-                "cartographicDegrees": roadPositions
-            },
-            "material": {
-                "solidColor": {
-                    "color": {
-                        "rgba": lineColor ? Color.fromCssColorString(lineColor).toBytes() : [0, 255, 0, 100]
+    // If segmented we'll break it into pieces and display each piece based on relative time to the cesium viewer clock.
+    {
+        // Calculate the total duration of the journey in milliseconds.
+        var totalDuration = new Date(rows[rows.length - 1][dateTimeIndex]).getTime() - new Date(rows[0][dateTimeIndex]).getTime();
+        // Percentage of the journey to be visible before and after each point.
+        var visibilityPercentage = 0.05; // 5%
+        var visibilityDuration_1 = totalDuration * visibilityPercentage;
+        rows.forEach(function (row, index) {
+            var time = new Date(row[dateTimeIndex]).getTime();
+            var startTime = new Date(time - visibilityDuration_1 / 2).toISOString();
+            var endTime = new Date(time + visibilityDuration_1 / 2).toISOString();
+            var position = [
+                Number(row[lonIndex]),
+                Number(row[latIndex]),
+                0
+            ];
+            if (index < rows.length - 1) {
+                var nextRow = rows[index + 1];
+                var nextPosition = [
+                    Number(nextRow[lonIndex]),
+                    Number(nextRow[latIndex]),
+                    0
+                ];
+                czml.push({
+                    "id": "segment-" + ObjectUtils.UId(),
+                    "name": "Path Segment",
+                    "availability": startTime + "/" + endTime,
+                    "polyline": {
+                        "positions": {
+                            "cartographicDegrees": position.concat(nextPosition)
+                        },
+                        "material": {
+                            "solidColor": {
+                                "color": {
+                                    "rgba": lineColor ? Color.fromCssColorString(lineColor).toBytes() : [0, 255, 0, 100]
+                                }
+                            }
+                        },
+                        "width": 5
                     }
-                }
-            },
-            "width": 5
-        }
-    });
+                });
+            }
+        });
+    }
     // Add points for the alarms.
     rows.filter(function (row) { return row[alarmIndex]; }).forEach(function (row, index) {
         czml.push({
@@ -15583,15 +15626,23 @@ function createJourneyCzml(vehicleId, vehicleFileUrl, lineColor, data) {
                 "cartographicDegrees": [
                     Number(row[lonIndex]),
                     Number(row[latIndex]),
-                    0
+                    5
                 ]
             },
-            "point": {
+            "point": !alarmFileUrl ? {
                 "pixelSize": 10,
                 "color": {
                     "rgba": [255, 0, 0, 255]
                 }
-            },
+            } : undefined,
+            "billboard": alarmFileUrl ? {
+                "image": alarmFileUrl,
+                "scale": 1,
+                "pixelOffset": {
+                    "cartesian2": [0, 0]
+                }
+            } : undefined,
+            /*
             "label": {
                 "text": row[alarmIndex],
                 "show": true,
@@ -15605,9 +15656,16 @@ function createJourneyCzml(vehicleId, vehicleFileUrl, lineColor, data) {
                     "cartesian2": [0, -16]
                 }
             }
+            */
         });
     });
     // Add animated point for the moving item.
+    var vehiclePositions = rows.map(function (row) { return [
+        (new Date(row[dateTimeIndex]).getTime() - new Date(rows[0][dateTimeIndex]).getTime()) / 1000,
+        Number(row[lonIndex]),
+        Number(row[latIndex]),
+        0
+    ]; }).flat();
     czml.push({
         "id": vehicleId,
         "name": "Vehicle",
@@ -15627,12 +15685,7 @@ function createJourneyCzml(vehicleId, vehicleFileUrl, lineColor, data) {
         },
         "position": {
             "epoch": rows[0][dateTimeIndex],
-            "cartographicDegrees": rows.map(function (row, index) { return [
-                index,
-                Number(row[lonIndex]),
-                Number(row[latIndex]),
-                0
-            ]; }).flat()
+            "cartographicDegrees": vehiclePositions
         }
     });
     return czml;
@@ -22219,7 +22272,7 @@ var ViewRenderEngine;
     ViewRenderEngine.Render = Render;
 })(ViewRenderEngine || (ViewRenderEngine = {}));
 
-var VERSION = "3.6.4";
+var VERSION = "3.6.5";
 
 export { VERSION, CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, Draw3dPolygon, Draw3dPolyline };
 //# sourceMappingURL=bruce-cesium.es5.js.map