bruce-cesium 2.8.4 → 2.8.5

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, EntityRelationType, DelayQueue, BatchedDataGetter, EntityCoords, EntityFilterGetter, EntitySource, MenuItem, EntityRelation, ENVIRONMENT, ProjectView, ProjectViewBookmark, ProjectViewTile, ProjectViewLegacyTile, ProgramKey, Camera, AbstractApi, EntityAttachment, EntityAttachmentType, EntityAttribute } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, CallbackProperty, Cartesian3, Color, Rectangle, Math as Math$1, Entity, Primitive, Cesium3DTileFeature, JulianDate, HeightReference, DistanceDisplayCondition, NearFarScalar, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, SceneMode, Cesium3DTileColorBlendMode, HeadingPitchRange, createOsmBuildings, Cesium3DTileStyle, KmlDataSource, OrthographicFrustum, EasingFunction, SceneTransforms, EllipsoidTerrainProvider, CesiumInspector, defined, EllipsoidGeodesic, sampleTerrainMostDetailed, Cesium3DTileset, Model, createWorldTerrain, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, Matrix4, Matrix3, IonResource, Ion, PolygonPipeline, ScreenSpaceEventHandler, ScreenSpaceEventType, ColorMaterialProperty, GeometryInstance, BoundingSphere } from 'cesium';
+import { Cartographic, Cartesian2, CallbackProperty, Cartesian3, Color, Rectangle, Math as Math$1, HeightReference, DistanceDisplayCondition, NearFarScalar, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, JulianDate, Cesium3DTileColorBlendMode, HeadingPitchRange, createOsmBuildings, Cesium3DTileStyle, SceneMode, Primitive, Cesium3DTileFeature, KmlDataSource, SceneTransforms, createWorldTerrain, EllipsoidTerrainProvider, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, EllipsoidGeodesic, sampleTerrainMostDetailed, defined, Cesium3DTileset, Model, OrthographicFrustum, EasingFunction, PolygonPipeline, CesiumInspector, Matrix4, Matrix3, IonResource, Ion, ColorMaterialProperty, GeometryInstance, ScreenSpaceEventHandler, ScreenSpaceEventType, BoundingSphere } from 'cesium';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -3739,28 +3739,27 @@ var EntityLabel;
     EntityLabel.ATTACH_KEY = "nextspace-navigator-entity-label";
     var Label = /** @class */ (function () {
         function Label(params) {
-            var _this = this;
+            var _a;
+            // Counter to help differentiate between createLabel calls.
+            this.counter = 0;
             // The label element itself.
             this.label = null;
             // Callback to kill render listener.
             this.renderRemoval = null;
+            // Callback to kill terrain listener.
+            this.terrChangedRemoval = null;
             // Indicates the label was disposed and any actions will be ignored.
             this.disposed = false;
-            this.creating = false;
             // Calculated pos3d for the label.
             // Override to make it draw at a different position.
-            this.pos3d = null;
+            this._pos3d = null;
+            this.prePositioned = false;
             this.rego = params.rego;
             this.viewer = params.viewer;
             this.api = params.api;
             this.visualRegister = params.visualRegister;
-            this.creating = true;
-            this.createCLabel(params.pos3d).then(function () {
-                _this.creating = false;
-            }).catch(function (e) {
-                console.error("Failed to create label", e);
-                _this.creating = false;
-            });
+            this.prePositioned = !isNaN((_a = params.pos3d) === null || _a === void 0 ? void 0 : _a.x);
+            this.createLabel(params.pos3d);
         }
         Object.defineProperty(Label.prototype, "Rego", {
             get: function () {
@@ -3776,9 +3775,14 @@ var EntityLabel;
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Label.prototype, "Creating", {
+        Object.defineProperty(Label.prototype, "pos3d", {
             get: function () {
-                return this.creating;
+                return this._pos3d;
+            },
+            set: function (val) {
+                this._pos3d = val;
+                this.prePositioned = !isNaN(val === null || val === void 0 ? void 0 : val.x);
+                this.createLabel(val);
             },
             enumerable: false,
             configurable: true
@@ -3792,49 +3796,107 @@ var EntityLabel;
                 return;
             }
             this.disposed = true;
-            if (this.label &&
-                this.label.parentElement) {
-                this.label.parentElement.removeChild(this.label);
-                this.label = null;
-            }
-            if (this.renderRemoval) {
-                this.renderRemoval();
-                this.renderRemoval = null;
-            }
+            this.removeLabel();
         };
         /**
          * Creates cesium entity for the label if one does not exist.
-         * @param pos23 optional position to create label at.
+         * @param starterPos3d optional position to create label at. Ignored for billboard labels.
          */
-        Label.prototype.createCLabel = function (pos3d) {
-            var _a, _b, _c, _d, _e, _f;
+        Label.prototype.createLabel = function (starterPos3d) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             return __awaiter(this, void 0, void 0, function () {
-                var heightRef, heightOffset, pixelOffset, visual, isClamped, height, scale, featureAny, propertyNames, latProp, lonProp, lat, lon, latIsRad, lonIsRad, latIsDeg, lonIsDeg, carto, text, ele, _lastDistance, _lastCameraPos, getDistance, MAX_DISTANCE, updateLabel;
+                var pos3d, counter, sizeInM, heightRef, pixelOffset, visual, hierarchy, posses, centerIndex, pos1, pos2, pos3, posses, isClamped, centerIndex, size, height, scale, posses, centerIndex, text, ele, _lastDistance, _lastCameraPos, getDistance, MAX_DISTANCE, updateLabel, terrTimeout;
                 var _this = this;
-                return __generator(this, function (_g) {
-                    switch (_g.label) {
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
                         case 0:
-                            if (this.label || this.disposed) {
+                            pos3d = starterPos3d ? starterPos3d.clone() : null;
+                            counter = ++this.counter;
+                            if (this.disposed) {
                                 return [2 /*return*/];
                             }
+                            this.removeLabel();
+                            sizeInM = 0;
                             heightRef = null;
-                            heightOffset = 10;
-                            pixelOffset = new Cartesian2(0, 0);
-                            if (!isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) return [3 /*break*/, 3];
+                            pixelOffset = new Cartesian2(0, -5);
+                            if (!isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
+                                heightRef = HeightReference.NONE;
+                                pixelOffset.y = -15;
+                            }
                             visual = (_a = this.rego) === null || _a === void 0 ? void 0 : _a.visual;
+                            // If pos3d is already set we'll run through the visuals to figure out the entity's size.
+                            // If unset then we'll use the entity's position to draw the label.
                             if (visual && visual instanceof Entity) {
-                                if (visual.polygon) {
-                                    heightRef = getValue$1(this.viewer, visual.polygon.heightReference);
+                                if (!this.prePositioned && visual.polygon) {
+                                    hierarchy = getValue$1(this.viewer, visual.polygon.hierarchy);
+                                    if ((_b = hierarchy === null || hierarchy === void 0 ? void 0 : hierarchy.positions) === null || _b === void 0 ? void 0 : _b.length) {
+                                        posses = [].concat(hierarchy.positions);
+                                        try {
+                                            sizeInM = (_c = MeasureUtils.MeasurePolygon({
+                                                posses: posses,
+                                            })) === null || _c === void 0 ? void 0 : _c.area;
+                                            if (isNaN(sizeInM)) {
+                                                sizeInM = 0;
+                                            }
+                                        }
+                                        catch (e) {
+                                            console.error("Failed to measure polygon", e);
+                                        }
+                                        if (isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
+                                            heightRef = getValue$1(this.viewer, visual.polygon.heightReference);
+                                            if (Cartes.IsRing3Closed(posses)) {
+                                                posses.pop();
+                                            }
+                                            centerIndex = Math.floor(posses.length / 2);
+                                            if (posses.length >= 3) {
+                                                pos1 = posses[centerIndex];
+                                                pos2 = posses[0];
+                                                pos3 = posses[posses.length - 1];
+                                                if (pos1 && pos2 && pos3) {
+                                                    pos3d = Cartesian3.midpoint(pos1, pos2, new Cartesian3());
+                                                    pos3d = Cartesian3.midpoint(pos3d, pos3, new Cartesian3());
+                                                }
+                                            }
+                                            if (isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
+                                                pos3d = posses[centerIndex];
+                                            }
+                                        }
+                                    }
                                 }
-                                else if (visual.polyline) {
-                                    isClamped = getValue$1(this.viewer, visual.polyline.clampToGround);
-                                    heightRef = isClamped == false ? HeightReference.NONE : HeightReference.CLAMP_TO_GROUND;
+                                else if (!this.prePositioned && visual.polyline) {
+                                    posses = getValue$1(this.viewer, visual.polyline.positions);
+                                    if (posses === null || posses === void 0 ? void 0 : posses.length) {
+                                        if (isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
+                                            isClamped = getValue$1(this.viewer, visual.polyline.clampToGround);
+                                            heightRef = isClamped == false ? HeightReference.NONE : HeightReference.CLAMP_TO_GROUND;
+                                            centerIndex = Math.floor(posses.length / 2);
+                                            pos3d = posses[centerIndex];
+                                        }
+                                        try {
+                                            sizeInM = (_d = MeasureUtils.MeasurePolyline({
+                                                posses: posses,
+                                            })) === null || _d === void 0 ? void 0 : _d.totalLength;
+                                            if (isNaN(sizeInM)) {
+                                                sizeInM = 0;
+                                            }
+                                        }
+                                        catch (e) {
+                                            console.error("Failed to measure polyline", e);
+                                        }
+                                    }
                                 }
                                 else if (visual.model) {
-                                    heightRef = getValue$1(this.viewer, visual.model.heightReference);
+                                    if (isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
+                                        heightRef = getValue$1(this.viewer, visual.model.heightReference);
+                                    }
                                 }
                                 else if (visual.point) {
                                     heightRef = getValue$1(this.viewer, visual.point.heightReference);
+                                    size = getValue$1(this.viewer, visual.point.pixelSize);
+                                    if (size) {
+                                        pixelOffset.y = -(size / 2);
+                                        pixelOffset.y -= 5;
+                                    }
                                 }
                                 else if (visual.billboard) {
                                     heightRef = getValue$1(this.viewer, visual.billboard.heightReference);
@@ -3842,63 +3904,57 @@ var EntityLabel;
                                     if (height) {
                                         scale = EnsureNumber(getValue$1(this.viewer, visual.billboard.scale), 1);
                                         pixelOffset.y = -(height * scale);
+                                        pixelOffset.y -= 5;
                                     }
-                                    // Flat padding.
-                                    pixelOffset.y -= 5;
-                                    heightOffset = 0;
-                                }
-                                else if (visual.corridor) {
-                                    heightRef = getValue$1(this.viewer, visual.corridor.heightReference);
                                 }
-                                else if (visual.ellipse) {
-                                    heightRef = getValue$1(this.viewer, visual.ellipse.heightReference);
-                                }
-                                pos3d = getValue$1(this.viewer, visual.position);
-                            }
-                            else if (visual instanceof Cesium3DTileFeature) {
-                                featureAny = visual;
-                                propertyNames = featureAny.getPropertyNames ? featureAny.getPropertyNames() : (_b = featureAny.getPropertyIds) === null || _b === void 0 ? void 0 : _b.call(featureAny);
-                                if (propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.length) {
-                                    latProp = propertyNames.find(function (x) { return x.toLowerCase().includes("lat"); });
-                                    lonProp = propertyNames.find(function (x) { return x.toLowerCase().includes("lon"); });
-                                    lat = latProp ? featureAny.getProperty(latProp) : null;
-                                    lon = lonProp ? featureAny.getProperty(lonProp) : null;
-                                    if (lat && lon) {
-                                        latIsRad = typeof lat == "number" && lat > -Math.PI && lat < Math.PI;
-                                        lonIsRad = typeof lon == "number" && lon > -Math.PI && lon < Math.PI;
-                                        latIsDeg = typeof lat == "number" && lat > -180 && lat < 180;
-                                        lonIsDeg = typeof lon == "number" && lon > -180 && lon < 180;
-                                        if (latIsRad && lonIsRad) {
-                                            pos3d = Cartographic.toCartesian(Cartographic.fromRadians(lon, lat, 0));
+                                else if (!this.prePositioned && visual.corridor) {
+                                    posses = getValue$1(this.viewer, visual.corridor.positions);
+                                    if (posses === null || posses === void 0 ? void 0 : posses.length) {
+                                        if (isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
+                                            heightRef = getValue$1(this.viewer, visual.corridor.heightReference);
+                                            centerIndex = Math.floor(posses.length / 2);
+                                            pos3d = posses[centerIndex];
+                                        }
+                                        try {
+                                            sizeInM = (_e = MeasureUtils.MeasurePolyline({
+                                                posses: posses,
+                                            })) === null || _e === void 0 ? void 0 : _e.totalLength;
+                                            if (isNaN(sizeInM)) {
+                                                sizeInM = 0;
+                                            }
                                         }
-                                        else if (latIsDeg && lonIsDeg) {
-                                            pos3d = Cartographic.toCartesian(Cartographic.fromDegrees(lon, lat, 0));
+                                        catch (e) {
+                                            console.error("Failed to measure polyline", e);
                                         }
-                                        heightRef = HeightReference.CLAMP_TO_GROUND;
                                     }
                                 }
+                                else if (visual.ellipse) {
+                                    if (isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
+                                        heightRef = getValue$1(this.viewer, visual.ellipse.heightReference);
+                                    }
+                                }
+                                if (visual.billboard || visual.point || isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
+                                    pos3d = getValue$1(this.viewer, visual.position);
+                                }
                             }
                             if (!isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) return [3 /*break*/, 2];
                             return [4 /*yield*/, EntityUtils.GetPosAsync({
                                     viewer: this.viewer,
                                     api: this.api,
-                                    entityId: (_c = this.rego) === null || _c === void 0 ? void 0 : _c.entityId,
+                                    entityId: (_f = this.rego) === null || _f === void 0 ? void 0 : _f.entityId,
                                     returnHeightRef: HeightReference.NONE,
-                                    tilesetId: (_d = this.rego) === null || _d === void 0 ? void 0 : _d.tilesetId,
+                                    recordHeightRef: heightRef == null || isNaN(heightRef) ? HeightReference.NONE : heightRef,
+                                    tilesetId: (_g = this.rego) === null || _g === void 0 ? void 0 : _g.tilesetId,
                                     visualRegister: this.visualRegister
                                 })];
                         case 1:
-                            pos3d = _g.sent();
+                            pos3d = _k.sent();
                             heightRef = HeightReference.NONE;
-                            _g.label = 2;
-                        case 2: return [3 /*break*/, 4];
-                        case 3:
-                            heightRef = HeightReference.NONE;
-                            // Flat padding.
-                            heightOffset = 0;
-                            pixelOffset.y = -15;
-                            _g.label = 4;
-                        case 4:
+                            if (this.counter != counter) {
+                                return [2 /*return*/];
+                            }
+                            _k.label = 2;
+                        case 2:
                             if (isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
                                 return [2 /*return*/];
                             }
@@ -3911,18 +3967,11 @@ var EntityLabel;
                             if (isNaN(pos3d === null || pos3d === void 0 ? void 0 : pos3d.x)) {
                                 return [2 /*return*/];
                             }
-                            if (heightOffset) {
-                                carto = Cartographic.fromCartesian(pos3d);
-                                // TODO: Check if we need to use heightRef and adjust to absolute height.
-                                // TODO: We should be smarter and not just add 10m to the height. Eg: use polygon extrusion.
-                                carto.height += heightOffset;
-                                pos3d = Cartographic.toCartesian(carto);
-                            }
-                            this.pos3d = pos3d;
-                            text = (_f = (_e = this.rego) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : "Unnamed Entity";
+                            this._pos3d = pos3d;
+                            text = (_j = (_h = this.rego) === null || _h === void 0 ? void 0 : _h.name) !== null && _j !== void 0 ? _j : "Unnamed Entity";
                             ele = document.createElement("div");
                             ele.innerHTML = text;
-                            ele.setAttribute("style", "\n                position: absolute;\n                z-index: 1;\n                display: none;\n                pointer-events: none;\n                padding: 6px 8px;\n                border-radius: 6px;\n                font-family: Arial;\n                font-size: 12px;\n                -webkit-backdrop-filter: blur(20px);\n                backdrop-filter: blur(20px);\n                background: rgba(33,39,42,.8);\n                border-radius: 9px;\n                box-shadow: 0 0 1px rgba(18,22,25,.36),0 18px 36px -4px rgba(18,22,25,.36);\n                color: #ffffff;\n            }");
+                            ele.setAttribute("style", "\n                position: absolute;\n                z-index: 0;\n                display: none;\n                pointer-events: none;\n                padding: 6px 8px;\n                border-radius: 6px;\n                font-family: Arial;\n                font-size: 12px;\n                -webkit-backdrop-filter: blur(20px);\n                backdrop-filter: blur(20px);\n                background: rgba(33,39,42,.8);\n                border-radius: 9px;\n                box-shadow: 0 0 1px rgba(18,22,25,.36),0 18px 36px -4px rgba(18,22,25,.36);\n                color: #ffffff;\n            }");
                             this.label = ele;
                             this.viewer.container.appendChild(ele);
                             _lastDistance = null;
@@ -3972,23 +4021,30 @@ var EntityLabel;
                                 //         }
                                 //     }
                                 // }
-                                var distance = Cartesian3.distance(cameraPos, _this.pos3d);
+                                var distance = Cartesian3.distance(cameraPos, _this._pos3d);
                                 _lastDistance = distance;
                                 _lastCameraPos = cameraPos.clone();
                                 return distance;
                             };
                             MAX_DISTANCE = 5000;
+                            if (sizeInM > 30) {
+                                MAX_DISTANCE = Math.max(MAX_DISTANCE, sizeInM / 2);
+                            }
                             updateLabel = function () {
                                 var _a;
-                                if (_this.disposed || isNaN((_a = _this.pos3d) === null || _a === void 0 ? void 0 : _a.x)) {
+                                if (_this.disposed || isNaN((_a = _this._pos3d) === null || _a === void 0 ? void 0 : _a.x)) {
+                                    return;
+                                }
+                                if (!_this.viewer || _this.viewer.isDestroyed()) {
+                                    _this.Dispose();
                                     return;
                                 }
                                 var distance = getDistance();
-                                if (isNaN(distance) || distance >= MAX_DISTANCE) {
+                                if (isNaN(distance) || (!_this.prePositioned && distance >= MAX_DISTANCE)) {
                                     ele.style.display = "none";
                                     return;
                                 }
-                                var pos2d = SceneTransforms.wgs84ToWindowCoordinates(_this.viewer.scene, _this.pos3d);
+                                var pos2d = SceneTransforms.wgs84ToWindowCoordinates(_this.viewer.scene, _this._pos3d);
                                 if (isNaN(pos2d === null || pos2d === void 0 ? void 0 : pos2d.x)) {
                                     ele.style.display = "none";
                                     return;
@@ -4002,7 +4058,7 @@ var EntityLabel;
                                 ele.style.display = "block";
                                 // Check scale to apply based on distance between camera and pos3d.
                                 // We'll make the label smaller and less transparent when further away.
-                                var scale = 1 - (distance / MAX_DISTANCE);
+                                var scale = _this.prePositioned ? 1 : 1 - (distance / MAX_DISTANCE);
                                 if (scale && scale > 0.15) {
                                     ele.style.transform = "scale(".concat(scale, ")");
                                     ele.style.opacity = "".concat(scale);
@@ -4018,11 +4074,42 @@ var EntityLabel;
                             };
                             this.renderRemoval = this.viewer.scene.postUpdate.addEventListener(updateLabel);
                             updateLabel();
+                            terrTimeout = null;
+                            this.terrChangedRemoval = this.viewer.scene.terrainProviderChanged.addEventListener(function () {
+                                if (_this.disposed) {
+                                    return;
+                                }
+                                clearTimeout(terrTimeout);
+                                terrTimeout = setTimeout(function () {
+                                    if (counter != _this.counter) {
+                                        return;
+                                    }
+                                    _this.createLabel(starterPos3d);
+                                }, 2500);
+                            });
                             return [2 /*return*/];
                     }
                 });
             });
         };
+        /**
+         * Removes label from the viewer and unsubscribes from events.
+         */
+        Label.prototype.removeLabel = function () {
+            if (this.label &&
+                this.label.parentElement) {
+                this.label.parentElement.removeChild(this.label);
+                this.label = null;
+            }
+            if (this.renderRemoval) {
+                this.renderRemoval();
+                this.renderRemoval = null;
+            }
+            if (this.terrChangedRemoval) {
+                this.terrChangedRemoval();
+                this.terrChangedRemoval = null;
+            }
+        };
         return Label;
     }());
     EntityLabel.Label = Label;
@@ -16008,7 +16095,7 @@ var ViewerUtils;
     ViewerUtils.CreateWidgets = CreateWidgets;
 })(ViewerUtils || (ViewerUtils = {}));
 
-var VERSION$1 = "2.8.4";
+var VERSION$1 = "2.8.5";
 
 export { VERSION$1 as 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, Draw3dPolygon, Draw3dPolyline };
 //# sourceMappingURL=bruce-cesium.es5.js.map