bruce-cesium 5.0.0 → 5.0.2

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Entity as Entity$1, Carto, Geometry, MathUtils, LRUCache, Api, Calculator, ClientFile, EntityTag, EntityType, ObjectUtils, Style, ProjectViewTile, DelayQueue, EntityLod, Bounds, ZoomControl, EntityRelationType, ENVIRONMENT, EntityHistoricData, Tileset, EntityCoords, DataLab, EntitySource, MenuItem, EntityRelation, ProgramKey, ProjectView, ProjectViewBookmark, Camera, ProjectViewLegacyTile, EntityAttachment, EntityAttachmentType, EntityAttribute, AbstractApi, Session } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, Entity, DistanceDisplayCondition, ClassificationType, ArcType, CornerType, ShadowMode, ConstantProperty, ConstantPositionProperty, HorizontalOrigin, VerticalOrigin, ColorBlendMode, HeadingPitchRoll, Transforms, Model, PolygonHierarchy, PolylineGraphics, ColorMaterialProperty, SceneMode, GeoJsonDataSource, Primitive, Cesium3DTileFeature, Cesium3DTileColorBlendMode, HeadingPitchRange, Cesium3DTileStyle, Ion, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, NearFarScalar, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, defined, ClockRange, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, PolylineDashMaterialProperty, ScreenSpaceEventHandler, ScreenSpaceEventType, Quaternion, CzmlDataSource, Intersect, Fullscreen } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, Entity, DistanceDisplayCondition, HorizontalOrigin, VerticalOrigin, ConstantProperty, ClassificationType, ConstantPositionProperty, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorMaterialProperty, ColorBlendMode, HeadingPitchRoll, Transforms, Model, Primitive, Cesium3DTileFeature, SceneMode, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Cesium3DTileStyle, Ion, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, NearFarScalar, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, defined, ClockRange, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, PolylineDashMaterialProperty, Quaternion, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Intersect, Fullscreen } from 'cesium';
 
 const TIME_LAG = 300;
 const POSITION_CHECK_TIMER = 950;
@@ -1372,8 +1372,8 @@ var CesiumAnimatedProperty;
                     Boundaries: item.boundaries
                 }
             };
-            const dateTime = new Date(item.dateTime);
-            if (!dateTime) {
+            const dateTime = item.dateTime ? new Date(item.dateTime) : null;
+            if (!dateTime || !dateTime.getTime()) {
                 continue;
             }
             const pos3d = EntityUtils.GetPos({
@@ -25932,15 +25932,343 @@ var MeasureCreator;
     MeasureCreator.Polygon = Polygon;
 })(MeasureCreator || (MeasureCreator = {}));
 
+var EAction;
+(function (EAction) {
+    EAction["Forward"] = "f";
+    EAction["Backward"] = "b";
+    EAction["Left"] = "l";
+    EAction["Right"] = "r";
+    EAction["Up"] = "u";
+    EAction["Down"] = "d";
+    EAction["LookUp"] = "lu";
+    EAction["LookDown"] = "ld";
+    EAction["LookLeft"] = "ll";
+    EAction["LookRight"] = "lr";
+    EAction["Looking"] = "looking";
+})(EAction || (EAction = {}));
+const DEFAULT_WALK_MOVE_RATE = 0.2;
+const DEFAULT_FLY_MOVE_RATE = 0.2;
+const DEFAULT_MOVE_TYPE = null;
+const VIEWER_WALKTHROUGH_DATA_KEY = "_cesiumWalkthroughData";
+/**
+ * Returns heading of camera towards where movement is happening.
+ * @returns
+ */
+function getMovementHeading(viewer) {
+    var _a;
+    const actions = (_a = viewer[VIEWER_WALKTHROUGH_DATA_KEY]) === null || _a === void 0 ? void 0 : _a.actions;
+    if (!actions) {
+        return 0;
+    }
+    let heading = Math$1.toDegrees(viewer.camera.heading);
+    let count = 0;
+    let totalHeading = 0;
+    let left = actions.get(EAction.Left);
+    if (left) {
+        totalHeading += heading + 270;
+        count += 1;
+    }
+    if (actions.get(EAction.Right)) {
+        totalHeading += heading + 90;
+        count += 1;
+    }
+    let forward = actions.get(EAction.Forward);
+    if (forward) {
+        totalHeading += heading;
+        count += 1;
+    }
+    if (actions.get(EAction.Backward)) {
+        totalHeading += heading + 180;
+        count += 1;
+    }
+    if (left && forward) {
+        totalHeading = heading - 45;
+    }
+    else {
+        totalHeading /= count;
+    }
+    return totalHeading;
+}
+/**
+ * Updates camera position and orientation based on current actions.
+ */
+function doMovementTick(viewer) {
+    const data = viewer[VIEWER_WALKTHROUGH_DATA_KEY];
+    if (!data) {
+        return;
+    }
+    const canvas = viewer.canvas;
+    const camera = viewer.camera;
+    const moveRate = data.moveType == Walkthrough.EMoveType.Walk ? data.walkMoveRate : data.flyMoveRate;
+    if (data.actions.get(EAction.Looking)) {
+        let width = canvas.clientWidth;
+        let height = canvas.clientHeight;
+        // Coordinate (0.0, 0.0) will be where the mouse was clicked.
+        let x = (data.mousePosCurrent.x - data.mousePosStart.x) / width;
+        let y = -(data.mousePosCurrent.y - data.mousePosStart.y) / height;
+        let lookFactor = 0.1;
+        camera.lookRight(x * lookFactor);
+        camera.lookUp(y * lookFactor);
+    }
+    let lookStep = 0.03;
+    if (data.actions.get(EAction.LookLeft)) {
+        camera.lookLeft(lookStep);
+    }
+    if (data.actions.get(EAction.LookRight)) {
+        camera.lookRight(lookStep);
+    }
+    if (data.actions.get(EAction.LookUp)) {
+        camera.lookUp(lookStep);
+    }
+    if (data.actions.get(EAction.LookDown)) {
+        camera.lookDown(lookStep);
+    }
+    if (data.actions.get(EAction.Up)) {
+        camera.moveUp(moveRate / 2);
+    }
+    if (data.actions.get(EAction.Down)) {
+        camera.moveDown(moveRate / 2);
+    }
+    if (camera.roll > 0) {
+        camera.twistLeft(camera.roll);
+    }
+    else if (camera.roll < 0) {
+        camera.twistRight(camera.roll * -1);
+    }
+    // If movement type is fly use cesium movement methods
+    if (data.moveType == Walkthrough.EMoveType.Fly) {
+        if (data.actions.get(EAction.Forward)) {
+            camera.moveForward(moveRate);
+        }
+        if (data.actions.get(EAction.Backward)) {
+            camera.moveBackward(moveRate);
+        }
+        if (data.actions.get(EAction.Left)) {
+            camera.moveLeft(moveRate);
+        }
+        if (data.actions.get(EAction.Right)) {
+            camera.moveRight(moveRate);
+        }
+    }
+    // If movement type is walk, calculate new position without affecting altitude
+    else {
+        if (data.actions.get(EAction.Left) ||
+            data.actions.get(EAction.Right) ||
+            data.actions.get(EAction.Forward) ||
+            data.actions.get(EAction.Backward)) {
+            const heading = getMovementHeading(viewer);
+            const pos = viewer.camera.positionCartographic;
+            const newPos = _offsetPoint$1({
+                altitude: pos.height,
+                latitude: Math$1.toDegrees(pos.latitude),
+                longitude: Math$1.toDegrees(pos.longitude)
+            }, moveRate, heading);
+            camera.position = Cartesian3.fromDegrees(newPos.longitude, newPos.latitude, newPos.altitude);
+        }
+    }
+    viewer.scene.requestRender();
+}
+/**
+ * Moves a given point by a given distance towards a heading.
+ * @param point in degrees.
+ * @param distance in meters.
+ * @param heading in degrees.
+ * @returns
+ */
+function _offsetPoint$1(point, distance, heading) {
+    // Radius of earth.
+    const radius = 6371e3;
+    const δ = distance / radius;
+    const θ = Math$1.toRadians(heading);
+    const φ1 = Math$1.toRadians(point.latitude);
+    const λ1 = Math$1.toRadians(point.longitude);
+    const sinφ2 = Math.sin(φ1) * Math.cos(δ) + Math.cos(φ1) * Math.sin(δ) * Math.cos(θ);
+    const φ2 = Math.asin(sinφ2);
+    const y = Math.sin(θ) * Math.sin(δ) * Math.cos(φ1);
+    const x = Math.cos(δ) - Math.sin(φ1) * sinφ2;
+    const λ2 = λ1 + Math.atan2(y, x);
+    return {
+        altitude: point.altitude,
+        latitude: Math$1.toDegrees(φ2),
+        longitude: Math$1.toDegrees(λ2)
+    };
+}
+/**
+ * Checks given keyboard key against keybinds and sets action accordingly.
+ * @param key
+ * @param keyDown
+ */
+function checkKeybind(viewer, key, keyDown) {
+    const data = viewer[VIEWER_WALKTHROUGH_DATA_KEY];
+    if (!data) {
+        return;
+    }
+    key = key.toLowerCase();
+    if (key == "w") {
+        data.actions.set(EAction.Forward, keyDown);
+    }
+    else if (key == "s") {
+        data.actions.set(EAction.Backward, keyDown);
+    }
+    else if (key == "a") {
+        data.actions.set(EAction.Left, keyDown);
+    }
+    else if (key == "d") {
+        data.actions.set(EAction.Right, keyDown);
+    }
+    else if (key == "q") {
+        data.actions.set(EAction.Up, keyDown);
+    }
+    else if (key == "e") {
+        data.actions.set(EAction.Down, keyDown);
+    }
+    else if (key == "arrowup") {
+        data.actions.set(EAction.LookUp, keyDown);
+    }
+    else if (key == "arrowdown") {
+        data.actions.set(EAction.LookDown, keyDown);
+    }
+    else if (key == "arrowleft") {
+        data.actions.set(EAction.LookLeft, keyDown);
+    }
+    else if (key == "arrowright") {
+        data.actions.set(EAction.LookRight, keyDown);
+    }
+}
+var Walkthrough;
+(function (Walkthrough) {
+    let EMoveType;
+    (function (EMoveType) {
+        EMoveType["Walk"] = "WALK";
+        EMoveType["Fly"] = "FLY";
+    })(EMoveType = Walkthrough.EMoveType || (Walkthrough.EMoveType = {}));
+    function Start(params) {
+        Stop(params);
+        const viewer = params.viewer;
+        const data = viewer[VIEWER_WALKTHROUGH_DATA_KEY] = {
+            walkMoveRate: DEFAULT_WALK_MOVE_RATE,
+            flyMoveRate: DEFAULT_FLY_MOVE_RATE,
+            moveType: DEFAULT_MOVE_TYPE,
+            actions: new Map(),
+            ...viewer[VIEWER_WALKTHROUGH_DATA_KEY]
+        };
+        data.handlerScreenSpace = new ScreenSpaceEventHandler(viewer.canvas);
+        ViewUtils.SetLockedCameraStatus({
+            viewer: viewer,
+            status: true
+        });
+        let lastCheck;
+        let currentTime = new Date();
+        data.tickRemoval = viewer.clock.onTick.addEventListener(async () => {
+            lastCheck = new Date();
+            if (lastCheck.getTime() - currentTime.getTime() > (1000 / 60)) {
+                doMovementTick(viewer);
+                currentTime = new Date();
+            }
+        });
+        document.addEventListener("keydown", data.handlerKeyDown = (e) => {
+            checkKeybind(viewer, e.key, true);
+        }, false);
+        document.addEventListener("keyup", data.handlerKeyUp = (e) => {
+            checkKeybind(viewer, e.key, false);
+        }, false);
+        data.handlerScreenSpace.setInputAction((e) => {
+            data.actions.set(EAction.Looking, true);
+            data.mousePosCurrent = data.mousePosStart = Cartesian2.clone(e.position);
+        }, ScreenSpaceEventType.LEFT_DOWN);
+        data.handlerScreenSpace.setInputAction(((e) => {
+            data.mousePosCurrent = e.endPosition;
+        }), ScreenSpaceEventType.MOUSE_MOVE);
+        data.handlerScreenSpace.setInputAction(() => {
+            data.actions.set(EAction.Looking, false);
+        }, ScreenSpaceEventType.LEFT_UP);
+    }
+    Walkthrough.Start = Start;
+    function Stop(params) {
+        var _a, _b;
+        const viewer = params.viewer;
+        const data = viewer[VIEWER_WALKTHROUGH_DATA_KEY];
+        ViewUtils.SetLockedCameraStatus({
+            viewer: viewer,
+            status: false
+        });
+        if (data) {
+            (_a = data.screenSpaceHandler) === null || _a === void 0 ? void 0 : _a.destroy();
+            data.screenSpaceHandler = null;
+            (_b = data.tickRemoval) === null || _b === void 0 ? void 0 : _b.call(data);
+            data.tickRemoval = null;
+            if (data.keyDownHandler) {
+                document.removeEventListener("keydown", data.keyDownHandler);
+                data.keyDownHandler = null;
+            }
+            if (data.keyUpHandler) {
+                document.removeEventListener("keyup", data.keyUpHandler);
+                data.keyUpHandler = null;
+            }
+        }
+    }
+    Walkthrough.Stop = Stop;
+    function IsRunning(params) {
+        const viewer = params.viewer;
+        const data = viewer[VIEWER_WALKTHROUGH_DATA_KEY];
+        return (data === null || data === void 0 ? void 0 : data.handlerScreenSpace) != null;
+    }
+    Walkthrough.IsRunning = IsRunning;
+    function SetWalkMoveRate(params) {
+        var _a;
+        const data = (_a = params.viewer) === null || _a === void 0 ? void 0 : _a[VIEWER_WALKTHROUGH_DATA_KEY];
+        if (data) {
+            data.walkMoveRate = params.rate;
+        }
+    }
+    Walkthrough.SetWalkMoveRate = SetWalkMoveRate;
+    function SetMoveType(params) {
+        var _a;
+        const data = (_a = params.viewer) === null || _a === void 0 ? void 0 : _a[VIEWER_WALKTHROUGH_DATA_KEY];
+        if (data) {
+            data.moveType = params.type;
+        }
+    }
+    Walkthrough.SetMoveType = SetMoveType;
+    function GetWalkMoveRate(params) {
+        var _a;
+        const data = (_a = params.viewer) === null || _a === void 0 ? void 0 : _a[VIEWER_WALKTHROUGH_DATA_KEY];
+        return data === null || data === void 0 ? void 0 : data.walkMoveRate;
+    }
+    Walkthrough.GetWalkMoveRate = GetWalkMoveRate;
+    function GetFlyMoveRate(params) {
+        var _a;
+        const data = (_a = params.viewer) === null || _a === void 0 ? void 0 : _a[VIEWER_WALKTHROUGH_DATA_KEY];
+        return data === null || data === void 0 ? void 0 : data.flyMoveRate;
+    }
+    Walkthrough.GetFlyMoveRate = GetFlyMoveRate;
+    function SetFlyMoveRate(params) {
+        var _a;
+        const data = (_a = params.viewer) === null || _a === void 0 ? void 0 : _a[VIEWER_WALKTHROUGH_DATA_KEY];
+        if (data) {
+            data.flyMoveRate = params.rate;
+        }
+    }
+    Walkthrough.SetFlyMoveRate = SetFlyMoveRate;
+    function GetMoveType(params) {
+        var _a;
+        const data = (_a = params.viewer) === null || _a === void 0 ? void 0 : _a[VIEWER_WALKTHROUGH_DATA_KEY];
+        return data === null || data === void 0 ? void 0 : data.moveType;
+    }
+    Walkthrough.GetMoveType = GetMoveType;
+})(Walkthrough || (Walkthrough = {}));
+
 var ECursor;
 (function (ECursor) {
     ECursor["Select"] = "select";
     ECursor["Pan"] = "pan";
     ECursor["Measure"] = "measure";
+    ECursor["Walkthrough"] = "walkthrough";
 })(ECursor || (ECursor = {}));
 var ESecondaryCursor;
 (function (ESecondaryCursor) {
     ESecondaryCursor["None"] = "none";
+    ESecondaryCursor["Select"] = "select";
     ESecondaryCursor["Pan"] = "pan";
     ESecondaryCursor["MeasurePoint"] = "measure-point";
     ESecondaryCursor["MeasurePolyline"] = "measure-polyline";
@@ -25954,18 +26282,23 @@ class WidgetCursorBar extends Widget.AWidget {
         this._selectedSecondaryCursor = ESecondaryCursor.None;
         this._generateStyles();
         this._generateElement();
-        if (this._selectedCursor == ECursor.Select) {
+        if (this._selectedCursor == ECursor.Select || this._selectedSecondaryCursor == ESecondaryCursor.Select) {
             this._listenSelection();
         }
     }
     Dispose() {
-        var _a, _b;
+        var _a, _b, _c;
         super.Dispose();
         this._disposeMeasureTool();
         this._disposeCesiumEvent();
         if ((_b = (_a = this._viewer) === null || _a === void 0 ? void 0 : _a.canvas) === null || _b === void 0 ? void 0 : _b.style.cursor) {
             this._viewer.canvas.style.removeProperty("cursor");
         }
+        if (((_c = this._viewer) === null || _c === void 0 ? void 0 : _c.scene) && !this._viewer.isDestroyed()) {
+            Walkthrough.Stop({
+                viewer: this._viewer
+            });
+        }
     }
     _generateStyles() {
         if (document.getElementById(this.STYLESHEET_ID)) {
@@ -26157,6 +26490,7 @@ class WidgetCursorBar extends Widget.AWidget {
         this._generateSelect();
         this._generatePan();
         this._generateMeasure();
+        this._generateWalkthrough();
         this._updateControls();
         this.Container.appendChild(element);
         this._element = element;
@@ -26175,8 +26509,14 @@ class WidgetCursorBar extends Widget.AWidget {
         `;
         div.appendChild(inner);
         inner.addEventListener("click", () => {
+            var _a;
             this._disposeMeasureTool();
             this._disposeCesiumEvent();
+            if (((_a = this._viewer) === null || _a === void 0 ? void 0 : _a.scene) && !this._viewer.isDestroyed()) {
+                Walkthrough.Stop({
+                    viewer: this._viewer
+                });
+            }
             onClick();
             this._updateControls();
         });
@@ -26303,6 +26643,61 @@ class WidgetCursorBar extends Widget.AWidget {
             this._enabledMeasureTool.Start();
         }, polygonSvg);
     }
+    _generateWalkthrough() {
+        const svg = `
+            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M17.5033 4C16.8406 4 16.205 4.26339 15.7364 4.73223C15.2678 5.20107 15.0045 5.83696 15.0045 6.5C15.0045 7.16304 15.2678 7.79893 15.7364 8.26777C16.205 8.73661 16.8406 9 17.5033 9C18.166 9 18.8015 8.73661 19.2701 8.26777C19.7388 7.79893 20.002 7.16304 20.002 6.5C20.002 5.83696 19.7388 5.20107 19.2701 4.73223C18.8015 4.26339 18.166 4 17.5033 4ZM15.5023 10C15.1066 10 14.7378 10.1015 14.4052 10.2656C14.3549 10.2813 14.306 10.3009 14.2588 10.3242L10.3448 12.1992C10.1322 12.3003 9.96216 12.4733 9.86453 12.6875L8.09784 16.5859C8.0405 16.7059 8.00764 16.836 8.00118 16.9688C7.99472 17.1016 8.01479 17.2344 8.06021 17.3593C8.10563 17.4843 8.1755 17.5989 8.26572 17.6965C8.35594 17.7941 8.46471 17.8727 8.58567 17.9278C8.70662 17.9828 8.83733 18.0132 8.97016 18.0171C9.10299 18.0211 9.23526 17.9984 9.35924 17.9506C9.48323 17.9028 9.59644 17.8307 9.69225 17.7386C9.78806 17.6464 9.86454 17.5361 9.91724 17.4141L11.3638 14.2246L12.658 13.8359C12.3918 15.2411 12.0603 16.9816 12.0587 16.9902C12.0583 16.9923 12.0572 16.994 12.0568 16.9961C12.0568 16.9961 12.0568 17 12.0568 17C12.024 17.1615 12.006 17.3288 12.006 17.5C12.006 18.271 12.3631 18.9514 12.9118 19.4102L12.9196 19.4336L16.8103 22.5L17.923 26.6953L18.0225 27.1953C18.0677 27.4221 18.19 27.6263 18.3687 27.773C18.5474 27.9197 18.7714 27.9999 19.0025 28C19.2676 28 19.5218 27.8946 19.7093 27.7071C19.8967 27.5196 20.002 27.2652 20.002 27C20.0019 26.9344 19.9954 26.869 19.9825 26.8047V26.8008C19.9812 26.7969 19.9799 26.793 19.9786 26.7891L18.983 21.8047C18.9562 21.6693 18.9017 21.541 18.8229 21.4277L16.9528 18.0039C16.9546 17.9951 16.953 17.9854 16.9547 17.9766L17.9366 13.0625L17.9347 13.0605C17.9762 12.8798 18.003 12.6933 18.003 12.5C18.003 11.1207 16.8837 10.0011 15.5023 10ZM19.3871 13.7422L18.9186 16.0078L19.3344 16.3809C19.4093 16.4489 19.4962 16.5059 19.5882 16.5469L22.5866 17.9102V17.9082C22.7165 17.9681 22.8576 17.9994 23.0005 18C23.2656 18 23.5198 17.8946 23.7073 17.7071C23.8947 17.5196 24 17.2652 24 17C23.9996 16.8084 23.9442 16.6209 23.8404 16.4599C23.7366 16.2989 23.5887 16.1711 23.4144 16.0918V16.0898L20.5545 14.7891L19.3871 13.7422ZM11.9631 20.7246L11.4497 22.4219L9.22228 26.3613L9.1481 26.4863L9.15005 26.4883C9.13825 26.5087 9.12718 26.5296 9.11686 26.5508L9.10905 26.5625C9.0425 26.6987 9.00778 26.8484 9.00754 27C9.00754 27.2652 9.11285 27.5196 9.30029 27.7071C9.48773 27.8946 9.74195 28 10.007 28C10.1647 27.9999 10.3201 27.9626 10.4606 27.891C10.601 27.8193 10.7225 27.7155 10.8152 27.5879H10.8172L10.8328 27.5645C10.8334 27.5632 10.8341 27.5618 10.8347 27.5605L14.1592 22.5117L11.9631 20.7246Z" fill="white"/>
+            </svg>
+        `;
+        this._generateControl("Walkthrough", ECursor.Walkthrough, () => {
+            var _a;
+            this._selectedSecondaryCursor = ESecondaryCursor.Select;
+            this._selectedCursor = this._selectedCursor == ECursor.Walkthrough ? ECursor.Select : ECursor.Walkthrough;
+            if (this._selectedCursor == ECursor.Walkthrough) {
+                this._generateWalkthroughSecondary();
+                this._updateSecondary();
+                if (((_a = this._viewer) === null || _a === void 0 ? void 0 : _a.scene) && !this._viewer.isDestroyed()) {
+                    Walkthrough.Start({
+                        viewer: this._viewer
+                    });
+                }
+            }
+            else {
+                this._secondary.style.display = "none";
+            }
+            if (this._selectedCursor == ECursor.Select || this._selectedSecondaryCursor == ESecondaryCursor.Select) {
+                this._listenSelection();
+            }
+        }, svg);
+    }
+    _generateWalkthroughSecondary() {
+        this._secondaryContent.innerHTML = "";
+        this._secondary.style.display = "flex";
+        const selectSvg = `
+            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M11.0706 25L9 7L23 17.8592L15.3135 18.3375L11.0706 25Z" fill="white" stroke="white" strokeLinejoin="round"/>
+            </svg>
+        `;
+        this._generateSecondaryControl("Select", ESecondaryCursor.Select, () => {
+            this._selectedSecondaryCursor = ESecondaryCursor.Select;
+            this._listenSelection();
+        }, selectSvg);
+        const panSvg = `
+            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M15.5652 6C14.9172 6 14.3913 6.51692 14.3913 7.15385V14.4615H13.6087V8.69231C13.6087 8.05538 13.0828 7.53846 12.4348 7.53846C11.7868 7.53846 11.2609 8.05538 11.2609 8.69231V14.4615V16.7692V19.6734C11.2609 19.6734 9.0069 18.2402 7.87211 17.7548C7.55594 17.6194 7.22575 17.5385 6.89079 17.5385C5.1401 17.5385 5 19.0769 5 19.0769L8.13043 21.3846L10.6357 24.3398C11.5279 25.3922 12.85 26 14.243 26H19.8696C21.5983 26 23 24.6223 23 22.9231V14.4615V11C23 10.3631 22.4741 9.84615 21.8261 9.84615C21.1781 9.84615 20.6522 10.3631 20.6522 11V14.4615H19.8696V8.69231C19.8696 8.05538 19.3437 7.53846 18.6957 7.53846C18.0477 7.53846 17.5217 8.05538 17.5217 8.69231V14.4615H16.7391V7.15385C16.7391 6.51692 16.2132 6 15.5652 6Z" fill="white"/>
+            </svg>
+        `;
+        this._generateSecondaryControl("Pan", ESecondaryCursor.Pan, () => {
+            if (this._selectedSecondaryCursor == ESecondaryCursor.Pan) {
+                this._selectedSecondaryCursor = ESecondaryCursor.Select;
+                this._listenSelection();
+            }
+            else {
+                this._selectedSecondaryCursor = ESecondaryCursor.Pan;
+            }
+            this._updateSecondary();
+        }, panSvg);
+    }
     _updateControls() {
         const controls = this._primaryContent.querySelectorAll(".NextspaceCursorBarPrimControlInner");
         controls.forEach((control) => {
@@ -28370,7 +28765,7 @@ class WidgetViewBar extends Widget.AWidget {
     }
 }
 
-const VERSION = "5.0.0";
+const VERSION = "5.0.2";
 
-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, 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 };
+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