bruce-cesium 5.0.4 → 5.0.6

package/dist/bruce-cesium.es5.js

@@ -644,11 +644,12 @@ var DrawingUtils;
         let cachedPick = null;
         let cacheTimestamp = null;
         let cachedCameraState = null;
+        let cachedPickOnlyState = null;
         return (viewer, cursor, pickOnly = false) => {
             const scene = viewer.scene;
             const camera = scene.camera;
             // Check if we can use cached position.
-            if (cachedPick && cacheTimestamp) {
+            if (cachedPick && cacheTimestamp && cachedPickOnlyState === pickOnly) {
                 const timeElapsed = Date.now() - cacheTimestamp;
                 const isWithinCacheDuration = timeElapsed < 3000; // 3 seconds
                 const isNearPreviousPick = Cartesian2.distanceSquared(cursor, cachedPick.cursor) < 9; // 3 pixels
@@ -708,6 +709,7 @@ var DrawingUtils;
                 position: camera.positionWC.clone(),
                 direction: camera.directionWC.clone()
             };
+            cachedPickOnlyState = pickOnly;
             return pos3d;
         };
     })();
@@ -26273,11 +26275,13 @@ var ESecondaryCursor;
     ESecondaryCursor["MeasurePoint"] = "measure-point";
     ESecondaryCursor["MeasurePolyline"] = "measure-polyline";
     ESecondaryCursor["MeasurePolygon"] = "measure-polygon";
+    ESecondaryCursor["WalkthroughPin"] = "walkthrough-pin";
 })(ESecondaryCursor || (ESecondaryCursor = {}));
 const KEY_WALKTHROUGH_MODE = "WidgetCursorBar.Walkthrough.Mode";
 const KEY_WALKTHROUGH_SPEED_FLY = "WidgetCursorBar.Walkthrough.SpeedFly";
 const KEY_WALKTHROUGH_SPEED_WALK = "WidgetCursorBar.Walkthrough.SpeedWalk";
 const KEY_WALKTHROUGH_EXPANDED = "WidgetCursorBar.Walkthrough.Expanded";
+const VIEWER_WALKTHROUGH_PANEL_CSS_VAR_BOTTOM = "--viewer-walkthrough-panel-bottom";
 class WidgetCursorBar extends Widget.AWidget {
     constructor(params) {
         super(params);
@@ -26290,6 +26294,7 @@ class WidgetCursorBar extends Widget.AWidget {
         if (this._selectedCursor == ECursor.Select || this._selectedSecondaryCursor == ESecondaryCursor.Select) {
             this._listenSelection();
         }
+        document.documentElement.style.setProperty(VIEWER_WALKTHROUGH_PANEL_CSS_VAR_BOTTOM, "0px");
     }
     Dispose() {
         var _a, _b, _c;
@@ -26329,6 +26334,7 @@ class WidgetCursorBar extends Widget.AWidget {
                 flex-direction: column;
                 overflow: hidden;
                 pointer-events: none;
+                color: black;
             }
 
             .NextspaceCursorBar * {
@@ -26516,6 +26522,7 @@ class WidgetCursorBar extends Widget.AWidget {
                 display: flex;
                 flex-direction: row;
                 padding: 14px 18px;
+                box-shadow: 0px 0px 1px rgba(18, 22, 25, 0.36), 0px 18px 36px -4px rgba(18, 22, 25, 0.36);
             }
 
             .NextspaceWalkthroughBarTitle {
@@ -26891,6 +26898,141 @@ class WidgetCursorBar extends Widget.AWidget {
             }
             this._updateSecondary();
         }, panSvg);
+        const pinSvg = `
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M6 20H18C18.55 20 19 20.45 19 21C19 21.55 18.55 22 18 22H6C5.45 22 5 21.55 5 21C5 20.45 5.45 20 6 20ZM12 7C10.9 7 10 7.9 10 9C10 10.1 10.9 11 12 11C13.1 11 14 10.1 14 9C14 7.9 13.1 7 12 7ZM12 2C15.27 2 19 4.46 19 9.15C19 12.13 16.87 15.27 12.61 18.54C12.25 18.82 11.75 18.82 11.39 18.54C7.13 15.26 5 12.13 5 9.15C5 4.46 8.73 2 12 2Z" fill="white"/>
+            </svg>
+        `;
+        this._generateSecondaryControl("Move to point", ESecondaryCursor.WalkthroughPin, () => {
+            if (this._selectedSecondaryCursor == ESecondaryCursor.WalkthroughPin) {
+                this._selectedSecondaryCursor = ESecondaryCursor.Select;
+                this._listenSelection();
+            }
+            else {
+                this._selectedSecondaryCursor = ESecondaryCursor.WalkthroughPin;
+                this._initWalkthroughPin();
+            }
+            this._updateSecondary();
+        }, pinSvg);
+    }
+    _initWalkthroughPin() {
+        if (this._walkthroughPinEventRemoval) {
+            this._walkthroughPinEventRemoval();
+        }
+        let pointer;
+        let events = new ScreenSpaceEventHandler(this._viewer.scene.canvas);
+        this._walkthroughPinEventRemoval = () => {
+            var _a;
+            if (events && !events.isDestroyed()) {
+                events.destroy();
+                events = null;
+            }
+            if (((_a = this._viewer) === null || _a === void 0 ? void 0 : _a.scene) && !this._viewer.scene.isDestroyed()) {
+                if (pointer && this._viewer.entities.contains(pointer)) {
+                    this._viewer.entities.remove(pointer);
+                }
+                pointer = null;
+                this._viewer.scene.requestRender();
+            }
+        };
+        let dropPosition3d;
+        let dropPosition2d;
+        let dropOnTerrain = false;
+        events.setInputAction((e) => {
+            const pos2d = e.endPosition;
+            // First try find a position on a 'thing'.
+            // This lets us put our pin underground if there is something there.
+            let pos3d = DrawingUtils.GetAccuratePosition(this._viewer, pos2d, true);
+            dropOnTerrain = false;
+            // Fallback to position including terrain as an option.
+            if (!Cartes.ValidateCartes3(pos3d)) {
+                pos3d = DrawingUtils.GetAccuratePosition(this._viewer, pos2d, false);
+                dropOnTerrain = true;
+            }
+            if (Cartes.ValidateCartes3(pos3d)) {
+                dropPosition3d = pos3d;
+                dropPosition2d = pos2d;
+                if (!pointer) {
+                    pointer = this._viewer.entities.add({
+                        position: new CallbackProperty(() => dropPosition3d, false),
+                        point: {
+                            pixelSize: 10,
+                            color: Color.fromCssColorString("#33B1FF"),
+                            outlineColor: Color.WHITE,
+                            outlineWidth: 2,
+                            heightReference: HeightReference.NONE,
+                            show: true
+                        }
+                    });
+                }
+            }
+        }, ScreenSpaceEventType.MOUSE_MOVE);
+        let processing = false;
+        events.setInputAction(async (e) => {
+            if (processing) {
+                return;
+            }
+            processing = true;
+            try {
+                if (!Cartes.ValidateCartes3(dropPosition3d) && e.position) {
+                    // First try find a position on a 'thing'.
+                    // This lets us put our pin underground if there is something there.
+                    let pos3d = DrawingUtils.GetAccuratePosition(this._viewer, e.position, true);
+                    dropOnTerrain = false;
+                    // Fallback to position including terrain as an option.
+                    if (!Cartes.ValidateCartes3(pos3d)) {
+                        pos3d = DrawingUtils.GetAccuratePosition(this._viewer, e.position, false);
+                        dropOnTerrain = true;
+                    }
+                    dropPosition3d = pos3d;
+                    dropPosition2d = e.position;
+                }
+                let pos3d = dropPosition3d === null || dropPosition3d === void 0 ? void 0 : dropPosition3d.clone();
+                if (Cartes.ValidateCartes3(pos3d)) {
+                    const carto = Cartographic.fromCartesian(pos3d);
+                    // If we can raycast to something then we won't adjust above terrain.
+                    // Eg: we clicked on an Entity so if it's underground, that's likely intended.
+                    if (dropOnTerrain) {
+                        const terrainCarto = carto.clone();
+                        terrainCarto.height = 0;
+                        if (this._viewer.scene.terrainProvider instanceof EllipsoidTerrainProvider) ;
+                        else {
+                            const sample = await sampleTerrainMostDetailed(this._viewer.scene.terrainProvider, [terrainCarto]);
+                            const terrainHeight = (sample === null || sample === void 0 ? void 0 : sample.length) ? sample[0].height : null;
+                            if (terrainHeight != null) {
+                                if (carto.height < terrainHeight) {
+                                    carto.height = terrainHeight;
+                                }
+                            }
+                        }
+                    }
+                    // Add average human height.
+                    carto.height += 1.7;
+                    pos3d = Cartesian3.fromRadians(carto.longitude, carto.latitude, carto.height);
+                    this._viewer.camera.flyTo({
+                        destination: pos3d,
+                        duration: 2,
+                        orientation: {
+                            heading: this._viewer.camera.heading,
+                            pitch: Math$1.toRadians(0),
+                            roll: Math$1.toRadians(0)
+                        }
+                    });
+                    // Disable this picking cursor.
+                    this._selectedSecondaryCursor = ESecondaryCursor.Select;
+                    this._listenSelection();
+                    this._updateSecondary();
+                    if (this._walkthroughPinEventRemoval) {
+                        this._walkthroughPinEventRemoval();
+                        this._walkthroughPinEventRemoval = null;
+                    }
+                }
+            }
+            catch (e) {
+                console.error(e);
+            }
+            processing = false;
+        }, ScreenSpaceEventType.LEFT_CLICK);
     }
     /**
      * Generates the Walkthrough controls bar at the bottom of the screen.
@@ -26956,6 +27098,8 @@ class WidgetCursorBar extends Widget.AWidget {
                     <path d="M15 1L1 0.999999" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                 </svg>
             `;
+            const heightCollapsed = "70px";
+            const heightExpanded = "150px";
             const expand = document.createElement("div");
             expand.className = "NextspaceWalkthroughButtonExpand";
             expand.innerHTML = expanded ? svgMinimize : svgExpand;
@@ -26964,9 +27108,11 @@ class WidgetCursorBar extends Widget.AWidget {
                 expand.innerHTML = expanded ? svgMinimize : svgExpand;
                 element.setAttribute("expanded", expanded ? "true" : "false");
                 localStorage.setItem(KEY_WALKTHROUGH_EXPANDED, expanded ? "true" : "false");
+                document.documentElement.style.setProperty(VIEWER_WALKTHROUGH_PANEL_CSS_VAR_BOTTOM, expanded ? heightExpanded : heightCollapsed);
             };
             content.appendChild(expand);
             element.setAttribute("expanded", expanded ? "true" : "false");
+            document.documentElement.style.setProperty(VIEWER_WALKTHROUGH_PANEL_CSS_VAR_BOTTOM, expanded ? heightExpanded : heightCollapsed);
         }
         content.appendChild(inputs);
         const tips = document.createElement("div");
@@ -27138,10 +27284,15 @@ class WidgetCursorBar extends Widget.AWidget {
     }
     _disposeWalkthroughBar() {
         var _a;
+        if (this._walkthroughPinEventRemoval) {
+            this._walkthroughPinEventRemoval();
+            this._walkthroughPinEventRemoval = null;
+        }
         if ((_a = this._walkthroughBar) === null || _a === void 0 ? void 0 : _a.parentElement) {
             this._walkthroughBar.parentElement.removeChild(this._walkthroughBar);
             this._walkthroughBar = null;
         }
+        document.documentElement.style.setProperty(VIEWER_WALKTHROUGH_PANEL_CSS_VAR_BOTTOM, "0px");
     }
     _updateControls() {
         const controls = this._primaryContent.querySelectorAll(".NextspaceCursorBarPrimControlInner");
@@ -29210,7 +29361,7 @@ class WidgetViewBar extends Widget.AWidget {
     }
 }
 
-const VERSION = "5.0.4";
+const VERSION = "5.0.6";
 
 export { VERSION, CesiumViewMonitor, ViewerUtils, ViewerEventTracker, MenuItemManager, EntityRenderEngine, EntityRenderEnginePoint, EntityRenderEnginePolyline, EntityRenderEnginePolygon, EntityRenderEngineModel3d, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, DataLabRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, GoogleSearchRenderManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, CesiumAnimatedProperty, CesiumAnimatedInOut, Draw3dPolygon, Draw3dPolyline, MeasureCreator, Walkthrough, Widget, VIEWER_BOOKMARKS_WIDGET_KEY, WidgetBookmarks, WidgetBranding, WidgetCursorBar, WidgetEmbeddedInfoView, WidgetInfoView, WidgetNavCompass$$1 as WidgetNavCompass, VIEWER_VIEW_BAR_WIDGET_KEY, WidgetViewBar, WidgetControlViewBar, WidgetControlViewBarSearch, VIEWER_LEFT_PANEL_WIDGET_KEY, VIEWER_LEFT_PANEL_CSS_VAR_LEFT, WidgetLeftPanel, WidgetLeftPanelTab, WidgetLeftPanelTabBookmarks };
 //# sourceMappingURL=bruce-cesium.es5.js.map