@kenlify/cesium 1.128.24 → 1.128.26

package/Build/CesiumUnminified/index.js

@@ -1,7 +1,7 @@
 /**
  * @license
  * Cesium - https://github.com/CesiumGS/cesium
- * Version 1.128.23
+ * Version 1.128.26
  *
  * Copyright 2011-2022 Cesium Contributors
  *
@@ -26369,9 +26369,9 @@ var import_urijs7 = __toESM(require_URI(), 1);
 function defaultValue(value, defaultValue3) {
   return value !== void 0 ? value : defaultValue3;
 }
-function canTransferArrayBuffer() {
+function canTransferArrayBufferPatched() {
   if (!defined_default(TaskProcessor_default._canTransferArrayBuffer)) {
-    const worker = createWorker("transferTypedArrayTest");
+    const worker = createWorkerPatched("transferTypedArrayTest");
     worker.postMessage = defaultValue(worker.webkitPostMessage, worker.postMessage);
     const value = 99;
     const array = new Int8Array([value]);
@@ -26399,7 +26399,7 @@ function canTransferArrayBuffer() {
   return TaskProcessor_default._canTransferArrayBuffer;
 }
 var taskCompletedEvent = new Event_default();
-function urlFromScript(script) {
+function urlFromScriptPatched(script) {
   let blob;
   try {
     blob = new Blob([script], {
@@ -26414,7 +26414,7 @@ function urlFromScript(script) {
   const URL2 = window.URL || window.webkitURL;
   return URL2.createObjectURL(blob);
 }
-function createWorker(url2) {
+function createWorkerPatched(url2) {
   const uri = new import_urijs7.default(url2);
   const isUri = uri.scheme().length !== 0 && uri.fragment().length === 0;
   const moduleID = url2.replace(/\.js$/, "");
@@ -26431,16 +26431,16 @@ function createWorker(url2) {
   }
   if (crossOriginUrl) {
     const script = `import "${crossOriginUrl}";`;
-    workerPath = urlFromScript(script);
+    workerPath = urlFromScriptPatched(script);
     options.type = "module";
     return new Worker(workerPath, options);
   }
   if (!isUri && typeof CESIUM_WORKERS !== "undefined") {
     const script = `
-      importScripts("${urlFromScript(CESIUM_WORKERS)}");
+      importScripts("${urlFromScriptPatched(CESIUM_WORKERS)}");
       CesiumWorkers["${moduleID}"]();
     `;
-    workerPath = urlFromScript(script);
+    workerPath = urlFromScriptPatched(script);
     return new Worker(workerPath, options);
   }
   workerPath = url2;
@@ -26481,8 +26481,8 @@ var createOnmessageHandler = (worker, id, resolve2, reject) => {
   return listener;
 };
 var emptyTransferableObjectArray = [];
-async function runTask(processor, parameters, transferableObjects) {
-  const canTransfer = await Promise.resolve(canTransferArrayBuffer());
+async function runTaskPatched(processor, parameters, transferableObjects) {
+  const canTransfer = await Promise.resolve(canTransferArrayBufferPatched());
   if (!defined_default(transferableObjects)) {
     transferableObjects = emptyTransferableObjectArray;
   } else if (!canTransfer) {
@@ -26517,10 +26517,10 @@ async function runTask(processor, parameters, transferableObjects) {
   }
   return promise;
 }
-async function scheduleTask(processor, parameters, transferableObjects) {
+async function scheduleTaskPatched(processor, parameters, transferableObjects) {
   ++processor._activeTasks;
   try {
-    const result = await runTask(processor, parameters, transferableObjects);
+    const result = await runTaskPatched(processor, parameters, transferableObjects);
     --processor._activeTasks;
     return result;
   } catch (error) {
@@ -26530,12 +26530,12 @@ async function scheduleTask(processor, parameters, transferableObjects) {
 }
 TaskProcessor_default.prototype.scheduleTask = function(parameters, transferableObjects) {
   if (!defined_default(this._worker)) {
-    this._worker = createWorker(this._workerPath);
+    this._worker = createWorkerPatched(this._workerPath);
   }
   if (this._activeTasks >= this._maximumActiveTasks) {
     return void 0;
   }
-  return scheduleTask(this, parameters, transferableObjects);
+  return scheduleTaskPatched(this, parameters, transferableObjects);
 };
 TaskProcessor_default.taskCompletedEvent = taskCompletedEvent;
 TaskProcessor_default._defaultWorkerModulePrefix = "Workers/";
@@ -26543,9 +26543,9 @@ TaskProcessor_default._workerModulePrefix = TaskProcessor_default._defaultWorker
 TaskProcessor_default._canTransferArrayBuffer = void 0;
 
 // packages/engine/Source/Core/TaskProcessor.js
-function canTransferArrayBuffer2() {
+function canTransferArrayBuffer() {
   if (!defined_default(TaskProcessor._canTransferArrayBuffer)) {
-    const worker = createWorker2("transferTypedArrayTest");
+    const worker = createWorker("transferTypedArrayTest");
     worker.postMessage = worker.webkitPostMessage ?? worker.postMessage;
     const value = 99;
     const array = new Int8Array([value]);
@@ -26573,7 +26573,7 @@ function canTransferArrayBuffer2() {
   return TaskProcessor._canTransferArrayBuffer;
 }
 var taskCompletedEvent2 = new Event_default();
-function urlFromScript2(script) {
+function urlFromScript(script) {
   let blob;
   try {
     blob = new Blob([script], {
@@ -26588,7 +26588,7 @@ function urlFromScript2(script) {
   const URL2 = window.URL || window.webkitURL;
   return URL2.createObjectURL(blob);
 }
-function createWorker2(url2) {
+function createWorker(url2) {
   const uri = new import_urijs8.default(url2);
   const isUri = uri.scheme().length !== 0 && uri.fragment().length === 0;
   const moduleID = url2.replace(/\.js$/, "");
@@ -26607,16 +26607,16 @@ function createWorker2(url2) {
   }
   if (crossOriginUrl) {
     const script = `import "${crossOriginUrl}";`;
-    workerPath = urlFromScript2(script);
+    workerPath = urlFromScript(script);
     options.type = "module";
     return new Worker(workerPath, options);
   }
   if (!isUri && typeof CESIUM_WORKERS !== "undefined") {
     const script = `
-      importScripts("${urlFromScript2(CESIUM_WORKERS)}");
+      importScripts("${urlFromScript(CESIUM_WORKERS)}");
       CesiumWorkers["${moduleID}"]();
     `;
-    workerPath = urlFromScript2(script);
+    workerPath = urlFromScript(script);
     return new Worker(workerPath, options);
   }
   workerPath = url2;
@@ -26690,8 +26690,8 @@ var createOnmessageHandler2 = (worker, id, resolve2, reject) => {
   return listener;
 };
 var emptyTransferableObjectArray2 = [];
-async function runTask2(processor, parameters, transferableObjects) {
-  const canTransfer = await Promise.resolve(canTransferArrayBuffer2());
+async function runTask(processor, parameters, transferableObjects) {
+  const canTransfer = await Promise.resolve(canTransferArrayBuffer());
   if (!defined_default(transferableObjects)) {
     transferableObjects = emptyTransferableObjectArray2;
   } else if (!canTransfer) {
@@ -26715,10 +26715,10 @@ async function runTask2(processor, parameters, transferableObjects) {
   );
   return promise;
 }
-async function scheduleTask2(processor, parameters, transferableObjects) {
+async function scheduleTask(processor, parameters, transferableObjects) {
   ++processor._activeTasks;
   try {
-    const result = await runTask2(processor, parameters, transferableObjects);
+    const result = await runTask(processor, parameters, transferableObjects);
     --processor._activeTasks;
     return result;
   } catch (error) {
@@ -26728,24 +26728,24 @@ async function scheduleTask2(processor, parameters, transferableObjects) {
 }
 TaskProcessor.prototype.scheduleTask = function(parameters, transferableObjects) {
   if (!defined_default(this._worker)) {
-    this._worker = createWorker2(this._workerPath);
+    this._worker = createWorker(this._workerPath);
   }
   if (this._activeTasks >= this._maximumActiveTasks) {
     return void 0;
   }
-  return scheduleTask2(this, parameters, transferableObjects);
+  return scheduleTask(this, parameters, transferableObjects);
 };
 TaskProcessor.prototype.initWebAssemblyModule = async function(webAssemblyOptions) {
   if (defined_default(this._webAssemblyPromise)) {
     return this._webAssemblyPromise;
   }
   const init = async () => {
-    const worker = this._worker = createWorker2(this._workerPath);
+    const worker = this._worker = createWorker(this._workerPath);
     const wasmConfig = await getWebAssemblyLoaderConfig(
       this,
       webAssemblyOptions
     );
-    const canTransfer = await Promise.resolve(canTransferArrayBuffer2());
+    const canTransfer = await Promise.resolve(canTransferArrayBuffer());
     let transferableObjects;
     const binary = wasmConfig.wasmBinary;
     if (defined_default(binary) && canTransfer) {
@@ -72921,7 +72921,7 @@ var MeshoptDecoder = (function() {
   };
   var workers2 = [];
   var requestId = 0;
-  function createWorker3(url2) {
+  function createWorker2(url2) {
     var worker = {
       object: new Worker(url2),
       pending: 0,
@@ -72940,7 +72940,7 @@ var MeshoptDecoder = (function() {
     var blob = new Blob([source], { type: "text/javascript" });
     var url2 = URL.createObjectURL(blob);
     for (var i = workers2.length; i < count; ++i) {
-      workers2[i] = createWorker3(url2);
+      workers2[i] = createWorker2(url2);
     }
     for (var i = count; i < workers2.length; ++i) {
       workers2[i].object.postMessage({});
@@ -224207,7 +224207,7 @@ var ViewportQuadFS_default = "\nin vec2 v_textureCoordinates;\n\nvoid main()\n{\
 function rectangleContainsPosition(potentialContainer, positionToTest) {
   return positionToTest.longitude >= potentialContainer.west && positionToTest.longitude <= potentialContainer.east && positionToTest.latitude >= potentialContainer.south && positionToTest.latitude <= potentialContainer.north;
 }
-function findMaxLevelFromNode(stopNode, node, position) {
+function findMaxLevelFromNodePatched(stopNode, node, position) {
   let maxLevel = 0;
   let found = false;
   while (!found) {
@@ -224217,16 +224217,16 @@ function findMaxLevelFromNode(stopNode, node, position) {
     const se = node._se && rectangleContainsPosition(node._se.extent, position);
     if (Number(nw) + Number(ne) + Number(sw) + Number(se) > 1) {
       if (nw) {
-        maxLevel = Math.max(maxLevel, findMaxLevelFromNode(node, node._nw, position));
+        maxLevel = Math.max(maxLevel, findMaxLevelFromNodePatched(node, node._nw, position));
       }
       if (ne) {
-        maxLevel = Math.max(maxLevel, findMaxLevelFromNode(node, node._ne, position));
+        maxLevel = Math.max(maxLevel, findMaxLevelFromNodePatched(node, node._ne, position));
       }
       if (sw) {
-        maxLevel = Math.max(maxLevel, findMaxLevelFromNode(node, node._sw, position));
+        maxLevel = Math.max(maxLevel, findMaxLevelFromNodePatched(node, node._sw, position));
       }
       if (se) {
-        maxLevel = Math.max(maxLevel, findMaxLevelFromNode(node, node._se, position));
+        maxLevel = Math.max(maxLevel, findMaxLevelFromNodePatched(node, node._se, position));
       }
       break;
     } else if (nw) {
@@ -224264,7 +224264,7 @@ TileAvailability_default.prototype.computeMaximumLevelAtPosition = function(posi
   if (!defined_default(node)) {
     return -1;
   }
-  return findMaxLevelFromNode(void 0, node, position);
+  return findMaxLevelFromNodePatched(void 0, node, position);
 };
 
 // packages/engine/Source/Core/TileAvailability.js
@@ -224328,7 +224328,7 @@ TileAvailability.prototype.computeMaximumLevelAtPosition = function(position) {
   if (!defined_default(node)) {
     return -1;
   }
-  return findMaxLevelFromNode2(void 0, node, position);
+  return findMaxLevelFromNode(void 0, node, position);
 };
 var rectanglesScratch = [];
 var remainingToCoverByLevelScratch = [];
@@ -224521,7 +224521,7 @@ function rectangleFullyContainsRectangle(potentialContainer, rectangleToTest) {
 function rectangleContainsPosition2(potentialContainer, positionToTest) {
   return positionToTest.longitude >= potentialContainer.west && positionToTest.longitude <= potentialContainer.east && positionToTest.latitude >= potentialContainer.south && positionToTest.latitude <= potentialContainer.north;
 }
-function findMaxLevelFromNode2(stopNode, node, position) {
+function findMaxLevelFromNode(stopNode, node, position) {
   let maxLevel = 0;
   let found = false;
   while (!found) {
@@ -224533,25 +224533,25 @@ function findMaxLevelFromNode2(stopNode, node, position) {
       if (nw) {
         maxLevel = Math.max(
           maxLevel,
-          findMaxLevelFromNode2(node, node._nw, position)
+          findMaxLevelFromNode(node, node._nw, position)
         );
       }
       if (ne) {
         maxLevel = Math.max(
           maxLevel,
-          findMaxLevelFromNode2(node, node._ne, position)
+          findMaxLevelFromNode(node, node._ne, position)
         );
       }
       if (sw) {
         maxLevel = Math.max(
           maxLevel,
-          findMaxLevelFromNode2(node, node._sw, position)
+          findMaxLevelFromNode(node, node._sw, position)
         );
       }
       if (se) {
         maxLevel = Math.max(
           maxLevel,
-          findMaxLevelFromNode2(node, node._se, position)
+          findMaxLevelFromNode(node, node._se, position)
         );
       }
       break;
@@ -240551,7 +240551,7 @@ function createTaskProcessorWorker(workerFunction) {
 var createTaskProcessorWorker_default = createTaskProcessorWorker;
 
 // packages/engine/index.js
-globalThis.CESIUM_VERSION = "1.128.23";
+globalThis.CESIUM_VERSION = "1.128.26";
 
 // packages/widgets/Source/ThirdParty/knockout-3.5.1.js
 var oldValue;
@@ -246198,939 +246198,6 @@ function createDefaultTerrainProviderViewModels() {
 }
 var createDefaultTerrainProviderViewModels_default = createDefaultTerrainProviderViewModels;
 
-// packages/widgets/Source/CesiumInspector/CesiumInspectorViewModel.js
-function frustumStatisticsToString(statistics2) {
-  let str;
-  if (defined_default(statistics2)) {
-    str = "Command Statistics";
-    const com = statistics2.commandsInFrustums;
-    for (const n in com) {
-      if (com.hasOwnProperty(n)) {
-        let num = parseInt(n, 10);
-        let s;
-        if (num === 7) {
-          s = "1, 2 and 3";
-        } else {
-          const f = [];
-          for (let i = 2; i >= 0; i--) {
-            const p = Math.pow(2, i);
-            if (num >= p) {
-              f.push(i + 1);
-              num -= p;
-            }
-          }
-          s = f.reverse().join(" and ");
-        }
-        str += `<br>&nbsp;&nbsp;&nbsp;&nbsp;${com[n]} in frustum ${s}`;
-      }
-    }
-    str += `<br>Total: ${statistics2.totalCommands}`;
-  }
-  return str;
-}
-function boundDepthFrustum(lower, upper, proposed) {
-  let bounded = Math.min(proposed, upper);
-  bounded = Math.max(bounded, lower);
-  return bounded;
-}
-var scratchPickRay2 = new Ray_default();
-var scratchPickCartesian3 = new Cartesian3_default();
-function CesiumInspectorViewModel(scene, performanceContainer) {
-  if (!defined_default(scene)) {
-    throw new DeveloperError_default("scene is required");
-  }
-  if (!defined_default(performanceContainer)) {
-    throw new DeveloperError_default("performanceContainer is required");
-  }
-  const that = this;
-  const canvas = scene.canvas;
-  const eventHandler = new ScreenSpaceEventHandler_default(canvas);
-  this._eventHandler = eventHandler;
-  this._scene = scene;
-  this._canvas = canvas;
-  this._primitive = void 0;
-  this._tile = void 0;
-  this._modelMatrixPrimitive = void 0;
-  this._performanceDisplay = void 0;
-  this._performanceContainer = performanceContainer;
-  const globe = this._scene.globe;
-  globe.depthTestAgainstTerrain = true;
-  this.frustums = false;
-  this.frustumPlanes = false;
-  this.performance = false;
-  this.shaderCacheText = "";
-  this.primitiveBoundingSphere = false;
-  this.primitiveReferenceFrame = false;
-  this.filterPrimitive = false;
-  this.tileBoundingSphere = false;
-  this.filterTile = false;
-  this.wireframe = false;
-  this.depthFrustum = 1;
-  this._numberOfFrustums = 1;
-  this.suspendUpdates = false;
-  this.tileCoordinates = false;
-  this.frustumStatisticText = false;
-  this.tileText = "";
-  this.hasPickedPrimitive = false;
-  this.hasPickedTile = false;
-  this.pickPrimitiveActive = false;
-  this.pickTileActive = false;
-  this.dropDownVisible = true;
-  this.generalVisible = true;
-  this.primitivesVisible = false;
-  this.terrainVisible = false;
-  this.depthFrustumText = "";
-  knockout_default.track(this, [
-    "frustums",
-    "frustumPlanes",
-    "performance",
-    "shaderCacheText",
-    "primitiveBoundingSphere",
-    "primitiveReferenceFrame",
-    "filterPrimitive",
-    "tileBoundingSphere",
-    "filterTile",
-    "wireframe",
-    "depthFrustum",
-    "suspendUpdates",
-    "tileCoordinates",
-    "frustumStatisticText",
-    "tileText",
-    "hasPickedPrimitive",
-    "hasPickedTile",
-    "pickPrimitiveActive",
-    "pickTileActive",
-    "dropDownVisible",
-    "generalVisible",
-    "primitivesVisible",
-    "terrainVisible",
-    "depthFrustumText"
-  ]);
-  this._toggleDropDown = createCommand_default(function() {
-    that.dropDownVisible = !that.dropDownVisible;
-  });
-  this._toggleGeneral = createCommand_default(function() {
-    that.generalVisible = !that.generalVisible;
-  });
-  this._togglePrimitives = createCommand_default(function() {
-    that.primitivesVisible = !that.primitivesVisible;
-  });
-  this._toggleTerrain = createCommand_default(function() {
-    that.terrainVisible = !that.terrainVisible;
-  });
-  this._frustumsSubscription = knockout_default.getObservable(this, "frustums").subscribe(function(val) {
-    that._scene.debugShowFrustums = val;
-    that._scene.requestRender();
-  });
-  this._frustumPlanesSubscription = knockout_default.getObservable(this, "frustumPlanes").subscribe(function(val) {
-    that._scene.debugShowFrustumPlanes = val;
-    that._scene.requestRender();
-  });
-  this._performanceSubscription = knockout_default.getObservable(this, "performance").subscribe(function(val) {
-    if (val) {
-      that._performanceDisplay = new PerformanceDisplay_default({
-        container: that._performanceContainer
-      });
-    } else {
-      that._performanceContainer.innerHTML = "";
-    }
-  });
-  this._showPrimitiveBoundingSphere = createCommand_default(function() {
-    that._primitive.debugShowBoundingVolume = that.primitiveBoundingSphere;
-    that._scene.requestRender();
-    return true;
-  });
-  this._primitiveBoundingSphereSubscription = knockout_default.getObservable(this, "primitiveBoundingSphere").subscribe(function() {
-    that._showPrimitiveBoundingSphere();
-  });
-  this._showPrimitiveReferenceFrame = createCommand_default(function() {
-    if (that.primitiveReferenceFrame) {
-      const modelMatrix = that._primitive.modelMatrix;
-      that._modelMatrixPrimitive = new DebugModelMatrixPrimitive_default({
-        modelMatrix
-      });
-      that._scene.primitives.add(that._modelMatrixPrimitive);
-    } else if (defined_default(that._modelMatrixPrimitive)) {
-      that._scene.primitives.remove(that._modelMatrixPrimitive);
-      that._modelMatrixPrimitive = void 0;
-    }
-    that._scene.requestRender();
-    return true;
-  });
-  this._primitiveReferenceFrameSubscription = knockout_default.getObservable(this, "primitiveReferenceFrame").subscribe(function() {
-    that._showPrimitiveReferenceFrame();
-  });
-  this._doFilterPrimitive = createCommand_default(function() {
-    if (that.filterPrimitive) {
-      that._scene.debugCommandFilter = function(command) {
-        if (defined_default(that._modelMatrixPrimitive) && command.owner === that._modelMatrixPrimitive._primitive) {
-          return true;
-        } else if (defined_default(that._primitive)) {
-          return command.owner === that._primitive || command.owner === that._primitive._billboardCollection || command.owner.primitive === that._primitive;
-        }
-        return false;
-      };
-    } else {
-      that._scene.debugCommandFilter = void 0;
-    }
-    return true;
-  });
-  this._filterPrimitiveSubscription = knockout_default.getObservable(this, "filterPrimitive").subscribe(function() {
-    that._doFilterPrimitive();
-    that._scene.requestRender();
-  });
-  this._wireframeSubscription = knockout_default.getObservable(this, "wireframe").subscribe(function(val) {
-    globe._surface.tileProvider._debug.wireframe = val;
-    that._scene.requestRender();
-  });
-  this._depthFrustumSubscription = knockout_default.getObservable(this, "depthFrustum").subscribe(function(val) {
-    that._scene.debugShowDepthFrustum = val;
-    that._scene.requestRender();
-  });
-  this._incrementDepthFrustum = createCommand_default(function() {
-    const next = that.depthFrustum + 1;
-    that.depthFrustum = boundDepthFrustum(1, that._numberOfFrustums, next);
-    that._scene.requestRender();
-    return true;
-  });
-  this._decrementDepthFrustum = createCommand_default(function() {
-    const next = that.depthFrustum - 1;
-    that.depthFrustum = boundDepthFrustum(1, that._numberOfFrustums, next);
-    that._scene.requestRender();
-    return true;
-  });
-  this._suspendUpdatesSubscription = knockout_default.getObservable(this, "suspendUpdates").subscribe(function(val) {
-    globe._surface._debug.suspendLodUpdate = val;
-    if (!val) {
-      that.filterTile = false;
-    }
-  });
-  let tileBoundariesLayer;
-  this._showTileCoordinates = createCommand_default(function() {
-    if (that.tileCoordinates && !defined_default(tileBoundariesLayer)) {
-      tileBoundariesLayer = scene.imageryLayers.addImageryProvider(
-        new TileCoordinatesImageryProvider_default({
-          tilingScheme: scene.terrainProvider.tilingScheme
-        })
-      );
-    } else if (!that.tileCoordinates && defined_default(tileBoundariesLayer)) {
-      scene.imageryLayers.remove(tileBoundariesLayer);
-      tileBoundariesLayer = void 0;
-    }
-    return true;
-  });
-  this._tileCoordinatesSubscription = knockout_default.getObservable(this, "tileCoordinates").subscribe(function() {
-    that._showTileCoordinates();
-    that._scene.requestRender();
-  });
-  this._tileBoundingSphereSubscription = knockout_default.getObservable(this, "tileBoundingSphere").subscribe(function() {
-    that._showTileBoundingSphere();
-    that._scene.requestRender();
-  });
-  this._showTileBoundingSphere = createCommand_default(function() {
-    if (that.tileBoundingSphere) {
-      globe._surface.tileProvider._debug.boundingSphereTile = that._tile;
-    } else {
-      globe._surface.tileProvider._debug.boundingSphereTile = void 0;
-    }
-    that._scene.requestRender();
-    return true;
-  });
-  this._doFilterTile = createCommand_default(function() {
-    if (!that.filterTile) {
-      that.suspendUpdates = false;
-    } else {
-      that.suspendUpdates = true;
-      globe._surface._tilesToRender = [];
-      if (defined_default(that._tile) && that._tile.renderable) {
-        globe._surface._tilesToRender.push(that._tile);
-      }
-    }
-    return true;
-  });
-  this._filterTileSubscription = knockout_default.getObservable(this, "filterTile").subscribe(function() {
-    that.doFilterTile();
-    that._scene.requestRender();
-  });
-  function pickPrimitive(e) {
-    const newPick = that._scene.pick({
-      x: e.position.x,
-      y: e.position.y
-    });
-    if (defined_default(newPick)) {
-      that.primitive = defined_default(newPick.collection) ? newPick.collection : newPick.primitive;
-    }
-    that._scene.requestRender();
-    that.pickPrimitiveActive = false;
-  }
-  this._pickPrimitive = createCommand_default(function() {
-    that.pickPrimitiveActive = !that.pickPrimitiveActive;
-  });
-  this._pickPrimitiveActiveSubscription = knockout_default.getObservable(this, "pickPrimitiveActive").subscribe(function(val) {
-    if (val) {
-      eventHandler.setInputAction(
-        pickPrimitive,
-        ScreenSpaceEventType_default.LEFT_CLICK
-      );
-    } else {
-      eventHandler.removeInputAction(ScreenSpaceEventType_default.LEFT_CLICK);
-    }
-  });
-  function selectTile(e) {
-    let selectedTile;
-    const ellipsoid = globe.ellipsoid;
-    const ray = that._scene.camera.getPickRay(e.position, scratchPickRay2);
-    const cartesian11 = globe.pick(ray, that._scene, scratchPickCartesian3);
-    if (defined_default(cartesian11)) {
-      const cartographic2 = ellipsoid.cartesianToCartographic(cartesian11);
-      const tilesRendered = globe._surface.tileProvider._tilesToRenderByTextureCount;
-      for (let textureCount = 0; !selectedTile && textureCount < tilesRendered.length; ++textureCount) {
-        const tilesRenderedByTextureCount = tilesRendered[textureCount];
-        if (!defined_default(tilesRenderedByTextureCount)) {
-          continue;
-        }
-        for (let tileIndex = 0; !selectedTile && tileIndex < tilesRenderedByTextureCount.length; ++tileIndex) {
-          const tile = tilesRenderedByTextureCount[tileIndex];
-          if (Rectangle_default.contains(tile.rectangle, cartographic2)) {
-            selectedTile = tile;
-          }
-        }
-      }
-    }
-    that.tile = selectedTile;
-    that.pickTileActive = false;
-  }
-  this._pickTile = createCommand_default(function() {
-    that.pickTileActive = !that.pickTileActive;
-  });
-  this._pickTileActiveSubscription = knockout_default.getObservable(this, "pickTileActive").subscribe(function(val) {
-    if (val) {
-      eventHandler.setInputAction(
-        selectTile,
-        ScreenSpaceEventType_default.LEFT_CLICK
-      );
-    } else {
-      eventHandler.removeInputAction(ScreenSpaceEventType_default.LEFT_CLICK);
-    }
-  });
-  this._removePostRenderEvent = scene.postRender.addEventListener(function() {
-    that._update();
-  });
-}
-Object.defineProperties(CesiumInspectorViewModel.prototype, {
-  /**
-   * Gets the scene to control.
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Scene}
-   */
-  scene: {
-    get: function() {
-      return this._scene;
-    }
-  },
-  /**
-   * Gets the container of the PerformanceDisplay
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Element}
-   */
-  performanceContainer: {
-    get: function() {
-      return this._performanceContainer;
-    }
-  },
-  /**
-   * Gets the command to toggle the visibility of the drop down.
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  toggleDropDown: {
-    get: function() {
-      return this._toggleDropDown;
-    }
-  },
-  /**
-   * Gets the command to toggle the visibility of a BoundingSphere for a primitive
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  showPrimitiveBoundingSphere: {
-    get: function() {
-      return this._showPrimitiveBoundingSphere;
-    }
-  },
-  /**
-   * Gets the command to toggle the visibility of a {@link DebugModelMatrixPrimitive} for the model matrix of a primitive
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  showPrimitiveReferenceFrame: {
-    get: function() {
-      return this._showPrimitiveReferenceFrame;
-    }
-  },
-  /**
-   * Gets the command to toggle a filter that renders only a selected primitive
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  doFilterPrimitive: {
-    get: function() {
-      return this._doFilterPrimitive;
-    }
-  },
-  /**
-   * Gets the command to increment the depth frustum index to be shown
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  incrementDepthFrustum: {
-    get: function() {
-      return this._incrementDepthFrustum;
-    }
-  },
-  /**
-   * Gets the command to decrement the depth frustum index to be shown
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  decrementDepthFrustum: {
-    get: function() {
-      return this._decrementDepthFrustum;
-    }
-  },
-  /**
-   * Gets the command to toggle the visibility of tile coordinates
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  showTileCoordinates: {
-    get: function() {
-      return this._showTileCoordinates;
-    }
-  },
-  /**
-   * Gets the command to toggle the visibility of a BoundingSphere for a selected tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  showTileBoundingSphere: {
-    get: function() {
-      return this._showTileBoundingSphere;
-    }
-  },
-  /**
-   * Gets the command to toggle a filter that renders only a selected tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  doFilterTile: {
-    get: function() {
-      return this._doFilterTile;
-    }
-  },
-  /**
-   * Gets the command to expand and collapse the general section
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  toggleGeneral: {
-    get: function() {
-      return this._toggleGeneral;
-    }
-  },
-  /**
-   * Gets the command to expand and collapse the primitives section
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  togglePrimitives: {
-    get: function() {
-      return this._togglePrimitives;
-    }
-  },
-  /**
-   * Gets the command to expand and collapse the terrain section
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  toggleTerrain: {
-    get: function() {
-      return this._toggleTerrain;
-    }
-  },
-  /**
-   * Gets the command to pick a primitive
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  pickPrimitive: {
-    get: function() {
-      return this._pickPrimitive;
-    }
-  },
-  /**
-   * Gets the command to pick a tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  pickTile: {
-    get: function() {
-      return this._pickTile;
-    }
-  },
-  /**
-   * Gets the command to pick a tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  selectParent: {
-    get: function() {
-      const that = this;
-      return createCommand_default(function() {
-        that.tile = that.tile.parent;
-      });
-    }
-  },
-  /**
-   * Gets the command to pick a tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  selectNW: {
-    get: function() {
-      const that = this;
-      return createCommand_default(function() {
-        that.tile = that.tile.northwestChild;
-      });
-    }
-  },
-  /**
-   * Gets the command to pick a tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  selectNE: {
-    get: function() {
-      const that = this;
-      return createCommand_default(function() {
-        that.tile = that.tile.northeastChild;
-      });
-    }
-  },
-  /**
-   * Gets the command to pick a tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  selectSW: {
-    get: function() {
-      const that = this;
-      return createCommand_default(function() {
-        that.tile = that.tile.southwestChild;
-      });
-    }
-  },
-  /**
-   * Gets the command to pick a tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  selectSE: {
-    get: function() {
-      const that = this;
-      return createCommand_default(function() {
-        that.tile = that.tile.southeastChild;
-      });
-    }
-  },
-  /**
-   * Gets or sets the current selected primitive
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  primitive: {
-    get: function() {
-      return this._primitive;
-    },
-    set: function(newPrimitive) {
-      const oldPrimitive = this._primitive;
-      if (newPrimitive !== oldPrimitive) {
-        this.hasPickedPrimitive = true;
-        if (defined_default(oldPrimitive)) {
-          oldPrimitive.debugShowBoundingVolume = false;
-        }
-        this._scene.debugCommandFilter = void 0;
-        if (defined_default(this._modelMatrixPrimitive)) {
-          this._scene.primitives.remove(this._modelMatrixPrimitive);
-          this._modelMatrixPrimitive = void 0;
-        }
-        this._primitive = newPrimitive;
-        newPrimitive.show = false;
-        setTimeout(function() {
-          newPrimitive.show = true;
-        }, 50);
-        this.showPrimitiveBoundingSphere();
-        this.showPrimitiveReferenceFrame();
-        this.doFilterPrimitive();
-      }
-    }
-  },
-  /**
-   * Gets or sets the current selected tile
-   * @memberof CesiumInspectorViewModel.prototype
-   *
-   * @type {Command}
-   */
-  tile: {
-    get: function() {
-      return this._tile;
-    },
-    set: function(newTile) {
-      if (defined_default(newTile)) {
-        this.hasPickedTile = true;
-        const oldTile = this._tile;
-        if (newTile !== oldTile) {
-          this.tileText = `L: ${newTile.level} X: ${newTile.x} Y: ${newTile.y}`;
-          this.tileText += `<br>SW corner: ${newTile.rectangle.west}, ${newTile.rectangle.south}`;
-          this.tileText += `<br>NE corner: ${newTile.rectangle.east}, ${newTile.rectangle.north}`;
-          const data = newTile.data;
-          if (defined_default(data) && defined_default(data.tileBoundingRegion)) {
-            this.tileText += `<br>Min: ${data.tileBoundingRegion.minimumHeight} Max: ${data.tileBoundingRegion.maximumHeight}`;
-          } else {
-            this.tileText += "<br>(Tile is not loaded)";
-          }
-        }
-        this._tile = newTile;
-        this.showTileBoundingSphere();
-        this.doFilterTile();
-      } else {
-        this.hasPickedTile = false;
-        this._tile = void 0;
-      }
-    }
-  }
-});
-CesiumInspectorViewModel.prototype._update = function() {
-  if (this.frustums) {
-    this.frustumStatisticText = frustumStatisticsToString(
-      this._scene.debugFrustumStatistics
-    );
-  }
-  const numberOfFrustums = this._scene.numberOfFrustums;
-  this._numberOfFrustums = numberOfFrustums;
-  this.depthFrustum = boundDepthFrustum(1, numberOfFrustums, this.depthFrustum);
-  this.depthFrustumText = `${this.depthFrustum} of ${numberOfFrustums}`;
-  if (this.performance) {
-    this._performanceDisplay.update();
-  }
-  if (this.primitiveReferenceFrame) {
-    this._modelMatrixPrimitive.modelMatrix = this._primitive.modelMatrix;
-  }
-  this.shaderCacheText = `Cached shaders: ${this._scene.context.shaderCache.numberOfShaders}`;
-};
-CesiumInspectorViewModel.prototype.isDestroyed = function() {
-  return false;
-};
-CesiumInspectorViewModel.prototype.destroy = function() {
-  this._eventHandler.destroy();
-  this._removePostRenderEvent();
-  this._frustumsSubscription.dispose();
-  this._frustumPlanesSubscription.dispose();
-  this._performanceSubscription.dispose();
-  this._primitiveBoundingSphereSubscription.dispose();
-  this._primitiveReferenceFrameSubscription.dispose();
-  this._filterPrimitiveSubscription.dispose();
-  this._wireframeSubscription.dispose();
-  this._depthFrustumSubscription.dispose();
-  this._suspendUpdatesSubscription.dispose();
-  this._tileCoordinatesSubscription.dispose();
-  this._tileBoundingSphereSubscription.dispose();
-  this._filterTileSubscription.dispose();
-  this._pickPrimitiveActiveSubscription.dispose();
-  this._pickTileActiveSubscription.dispose();
-  return destroyObject_default(this);
-};
-var CesiumInspectorViewModel_default = CesiumInspectorViewModel;
-
-// packages/widgets/Source/CesiumInspector/CesiumInspector.js
-function CesiumInspector(container, scene) {
-  if (!defined_default(container)) {
-    throw new DeveloperError_default("container is required.");
-  }
-  if (!defined_default(scene)) {
-    throw new DeveloperError_default("scene is required.");
-  }
-  container = getElement_default(container);
-  const performanceContainer = document.createElement("div");
-  const viewModel = new CesiumInspectorViewModel_default(scene, performanceContainer);
-  this._viewModel = viewModel;
-  this._container = container;
-  const element = document.createElement("div");
-  this._element = element;
-  const text2 = document.createElement("div");
-  text2.textContent = "Cesium Inspector";
-  text2.className = "cesium-cesiumInspector-button";
-  text2.setAttribute("data-bind", "click: toggleDropDown");
-  element.appendChild(text2);
-  element.className = "cesium-cesiumInspector";
-  element.setAttribute(
-    "data-bind",
-    'css: { "cesium-cesiumInspector-visible" : dropDownVisible, "cesium-cesiumInspector-hidden" : !dropDownVisible }'
-  );
-  container.appendChild(this._element);
-  const panel = document.createElement("div");
-  panel.className = "cesium-cesiumInspector-dropDown";
-  element.appendChild(panel);
-  const createSection = InspectorShared_default.createSection;
-  const createCheckbox = InspectorShared_default.createCheckbox;
-  const generalSection = createSection(
-    panel,
-    "General",
-    "generalVisible",
-    "toggleGeneral"
-  );
-  const debugShowFrustums = createCheckbox("Show Frustums", "frustums");
-  const frustumStatistics = document.createElement("div");
-  frustumStatistics.className = "cesium-cesiumInspector-frustumStatistics";
-  frustumStatistics.setAttribute(
-    "data-bind",
-    "visible: frustums, html: frustumStatisticText"
-  );
-  debugShowFrustums.appendChild(frustumStatistics);
-  generalSection.appendChild(debugShowFrustums);
-  generalSection.appendChild(
-    createCheckbox("Show Frustum Planes", "frustumPlanes")
-  );
-  generalSection.appendChild(
-    createCheckbox("Performance Display", "performance")
-  );
-  performanceContainer.className = "cesium-cesiumInspector-performanceDisplay";
-  generalSection.appendChild(performanceContainer);
-  const shaderCacheDisplay = document.createElement("div");
-  shaderCacheDisplay.className = "cesium-cesiumInspector-shaderCache";
-  shaderCacheDisplay.setAttribute("data-bind", "html: shaderCacheText");
-  generalSection.appendChild(shaderCacheDisplay);
-  const depthFrustum = document.createElement("div");
-  generalSection.appendChild(depthFrustum);
-  const gLabel = document.createElement("span");
-  gLabel.setAttribute(
-    "data-bind",
-    'html: "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Frustum:"'
-  );
-  depthFrustum.appendChild(gLabel);
-  const gText = document.createElement("span");
-  gText.setAttribute("data-bind", "text: depthFrustumText");
-  depthFrustum.appendChild(gText);
-  const gMinusButton = document.createElement("input");
-  gMinusButton.type = "button";
-  gMinusButton.value = "-";
-  gMinusButton.className = "cesium-cesiumInspector-pickButton";
-  gMinusButton.setAttribute("data-bind", "click: decrementDepthFrustum");
-  depthFrustum.appendChild(gMinusButton);
-  const gPlusButton = document.createElement("input");
-  gPlusButton.type = "button";
-  gPlusButton.value = "+";
-  gPlusButton.className = "cesium-cesiumInspector-pickButton";
-  gPlusButton.setAttribute("data-bind", "click: incrementDepthFrustum");
-  depthFrustum.appendChild(gPlusButton);
-  const primSection = createSection(
-    panel,
-    "Primitives",
-    "primitivesVisible",
-    "togglePrimitives"
-  );
-  const pickPrimRequired = document.createElement("div");
-  pickPrimRequired.className = "cesium-cesiumInspector-pickSection";
-  primSection.appendChild(pickPrimRequired);
-  const pickPrimitiveButton = document.createElement("input");
-  pickPrimitiveButton.type = "button";
-  pickPrimitiveButton.value = "Pick a primitive";
-  pickPrimitiveButton.className = "cesium-cesiumInspector-pickButton";
-  pickPrimitiveButton.setAttribute(
-    "data-bind",
-    'css: {"cesium-cesiumInspector-pickButtonHighlight" : pickPrimitiveActive}, click: pickPrimitive'
-  );
-  let buttonWrap = document.createElement("div");
-  buttonWrap.className = "cesium-cesiumInspector-center";
-  buttonWrap.appendChild(pickPrimitiveButton);
-  pickPrimRequired.appendChild(buttonWrap);
-  pickPrimRequired.appendChild(
-    createCheckbox(
-      "Show bounding sphere",
-      "primitiveBoundingSphere",
-      "hasPickedPrimitive"
-    )
-  );
-  pickPrimRequired.appendChild(
-    createCheckbox(
-      "Show reference frame",
-      "primitiveReferenceFrame",
-      "hasPickedPrimitive"
-    )
-  );
-  this._primitiveOnly = createCheckbox(
-    "Show only selected",
-    "filterPrimitive",
-    "hasPickedPrimitive"
-  );
-  pickPrimRequired.appendChild(this._primitiveOnly);
-  const terrainSection = createSection(
-    panel,
-    "Terrain",
-    "terrainVisible",
-    "toggleTerrain"
-  );
-  const pickTileRequired = document.createElement("div");
-  pickTileRequired.className = "cesium-cesiumInspector-pickSection";
-  terrainSection.appendChild(pickTileRequired);
-  const pickTileButton = document.createElement("input");
-  pickTileButton.type = "button";
-  pickTileButton.value = "Pick a tile";
-  pickTileButton.className = "cesium-cesiumInspector-pickButton";
-  pickTileButton.setAttribute(
-    "data-bind",
-    'css: {"cesium-cesiumInspector-pickButtonHighlight" : pickTileActive}, click: pickTile'
-  );
-  buttonWrap = document.createElement("div");
-  buttonWrap.appendChild(pickTileButton);
-  buttonWrap.className = "cesium-cesiumInspector-center";
-  pickTileRequired.appendChild(buttonWrap);
-  const tileInfo = document.createElement("div");
-  pickTileRequired.appendChild(tileInfo);
-  const parentTile = document.createElement("input");
-  parentTile.type = "button";
-  parentTile.value = "Parent";
-  parentTile.className = "cesium-cesiumInspector-pickButton";
-  parentTile.setAttribute("data-bind", "click: selectParent");
-  const nwTile = document.createElement("input");
-  nwTile.type = "button";
-  nwTile.value = "NW";
-  nwTile.className = "cesium-cesiumInspector-pickButton";
-  nwTile.setAttribute("data-bind", "click: selectNW");
-  const neTile = document.createElement("input");
-  neTile.type = "button";
-  neTile.value = "NE";
-  neTile.className = "cesium-cesiumInspector-pickButton";
-  neTile.setAttribute("data-bind", "click: selectNE");
-  const swTile = document.createElement("input");
-  swTile.type = "button";
-  swTile.value = "SW";
-  swTile.className = "cesium-cesiumInspector-pickButton";
-  swTile.setAttribute("data-bind", "click: selectSW");
-  const seTile = document.createElement("input");
-  seTile.type = "button";
-  seTile.value = "SE";
-  seTile.className = "cesium-cesiumInspector-pickButton";
-  seTile.setAttribute("data-bind", "click: selectSE");
-  const tileText = document.createElement("div");
-  tileText.className = "cesium-cesiumInspector-tileText";
-  tileInfo.className = "cesium-cesiumInspector-frustumStatistics";
-  tileInfo.appendChild(tileText);
-  tileInfo.setAttribute("data-bind", "visible: hasPickedTile");
-  tileText.setAttribute("data-bind", "html: tileText");
-  const relativeText = document.createElement("div");
-  relativeText.className = "cesium-cesiumInspector-relativeText";
-  relativeText.textContent = "Select relative:";
-  tileInfo.appendChild(relativeText);
-  const table3 = document.createElement("table");
-  const tr1 = document.createElement("tr");
-  const tr2 = document.createElement("tr");
-  const td1 = document.createElement("td");
-  td1.appendChild(parentTile);
-  const td2 = document.createElement("td");
-  td2.appendChild(nwTile);
-  const td3 = document.createElement("td");
-  td3.appendChild(neTile);
-  tr1.appendChild(td1);
-  tr1.appendChild(td2);
-  tr1.appendChild(td3);
-  const td4 = document.createElement("td");
-  const td5 = document.createElement("td");
-  td5.appendChild(swTile);
-  const td6 = document.createElement("td");
-  td6.appendChild(seTile);
-  tr2.appendChild(td4);
-  tr2.appendChild(td5);
-  tr2.appendChild(td6);
-  table3.appendChild(tr1);
-  table3.appendChild(tr2);
-  tileInfo.appendChild(table3);
-  pickTileRequired.appendChild(
-    createCheckbox(
-      "Show bounding volume",
-      "tileBoundingSphere",
-      "hasPickedTile"
-    )
-  );
-  pickTileRequired.appendChild(
-    createCheckbox("Show only selected", "filterTile", "hasPickedTile")
-  );
-  terrainSection.appendChild(createCheckbox("Wireframe", "wireframe"));
-  terrainSection.appendChild(
-    createCheckbox("Suspend LOD update", "suspendUpdates")
-  );
-  terrainSection.appendChild(
-    createCheckbox("Show tile coordinates", "tileCoordinates")
-  );
-  knockout_default.applyBindings(viewModel, this._element);
-}
-Object.defineProperties(CesiumInspector.prototype, {
-  /**
-   * Gets the parent container.
-   * @memberof CesiumInspector.prototype
-   *
-   * @type {Element}
-   */
-  container: {
-    get: function() {
-      return this._container;
-    }
-  },
-  /**
-   * Gets the view model.
-   * @memberof CesiumInspector.prototype
-   *
-   * @type {CesiumInspectorViewModel}
-   */
-  viewModel: {
-    get: function() {
-      return this._viewModel;
-    }
-  }
-});
-CesiumInspector.prototype.isDestroyed = function() {
-  return false;
-};
-CesiumInspector.prototype.destroy = function() {
-  knockout_default.cleanNode(this._element);
-  this._container.removeChild(this._element);
-  this.viewModel.destroy();
-  return destroyObject_default(this);
-};
-var CesiumInspector_default = CesiumInspector;
-
 // packages/widgets/Source/Cesium3DTilesInspector/Cesium3DTilesInspectorViewModel.js
 function getPickTileset(viewModel) {
   return function(e) {
@@ -248534,6 +247601,1053 @@ Cesium3DTilesInspector.prototype.destroy = function() {
 };
 var Cesium3DTilesInspector_default = Cesium3DTilesInspector;
 
+// packages/widgets/Source/CesiumInspector/CesiumInspectorViewModel.js
+function frustumStatisticsToString(statistics2) {
+  let str;
+  if (defined_default(statistics2)) {
+    str = "Command Statistics";
+    const com = statistics2.commandsInFrustums;
+    for (const n in com) {
+      if (com.hasOwnProperty(n)) {
+        let num = parseInt(n, 10);
+        let s;
+        if (num === 7) {
+          s = "1, 2 and 3";
+        } else {
+          const f = [];
+          for (let i = 2; i >= 0; i--) {
+            const p = Math.pow(2, i);
+            if (num >= p) {
+              f.push(i + 1);
+              num -= p;
+            }
+          }
+          s = f.reverse().join(" and ");
+        }
+        str += `<br>&nbsp;&nbsp;&nbsp;&nbsp;${com[n]} in frustum ${s}`;
+      }
+    }
+    str += `<br>Total: ${statistics2.totalCommands}`;
+  }
+  return str;
+}
+function boundDepthFrustum(lower, upper, proposed) {
+  let bounded = Math.min(proposed, upper);
+  bounded = Math.max(bounded, lower);
+  return bounded;
+}
+var scratchPickRay2 = new Ray_default();
+var scratchPickCartesian3 = new Cartesian3_default();
+function CesiumInspectorViewModel(scene, performanceContainer) {
+  if (!defined_default(scene)) {
+    throw new DeveloperError_default("scene is required");
+  }
+  if (!defined_default(performanceContainer)) {
+    throw new DeveloperError_default("performanceContainer is required");
+  }
+  const that = this;
+  const canvas = scene.canvas;
+  const eventHandler = new ScreenSpaceEventHandler_default(canvas);
+  this._eventHandler = eventHandler;
+  this._scene = scene;
+  this._canvas = canvas;
+  this._primitive = void 0;
+  this._tile = void 0;
+  this._modelMatrixPrimitive = void 0;
+  this._performanceDisplay = void 0;
+  this._performanceContainer = performanceContainer;
+  const globe = this._scene.globe;
+  globe.depthTestAgainstTerrain = true;
+  this.frustums = false;
+  this.frustumPlanes = false;
+  this.performance = false;
+  this.shaderCacheText = "";
+  this.primitiveBoundingSphere = false;
+  this.primitiveReferenceFrame = false;
+  this.filterPrimitive = false;
+  this.tileBoundingSphere = false;
+  this.filterTile = false;
+  this.wireframe = false;
+  this.depthFrustum = 1;
+  this._numberOfFrustums = 1;
+  this.suspendUpdates = false;
+  this.tileCoordinates = false;
+  this.frustumStatisticText = false;
+  this.tileText = "";
+  this.hasPickedPrimitive = false;
+  this.hasPickedTile = false;
+  this.pickPrimitiveActive = false;
+  this.pickTileActive = false;
+  this.dropDownVisible = true;
+  this.generalVisible = true;
+  this.primitivesVisible = false;
+  this.terrainVisible = false;
+  this.depthFrustumText = "";
+  knockout_default.track(this, [
+    "frustums",
+    "frustumPlanes",
+    "performance",
+    "shaderCacheText",
+    "primitiveBoundingSphere",
+    "primitiveReferenceFrame",
+    "filterPrimitive",
+    "tileBoundingSphere",
+    "filterTile",
+    "wireframe",
+    "depthFrustum",
+    "suspendUpdates",
+    "tileCoordinates",
+    "frustumStatisticText",
+    "tileText",
+    "hasPickedPrimitive",
+    "hasPickedTile",
+    "pickPrimitiveActive",
+    "pickTileActive",
+    "dropDownVisible",
+    "generalVisible",
+    "primitivesVisible",
+    "terrainVisible",
+    "depthFrustumText"
+  ]);
+  this._toggleDropDown = createCommand_default(function() {
+    that.dropDownVisible = !that.dropDownVisible;
+  });
+  this._toggleGeneral = createCommand_default(function() {
+    that.generalVisible = !that.generalVisible;
+  });
+  this._togglePrimitives = createCommand_default(function() {
+    that.primitivesVisible = !that.primitivesVisible;
+  });
+  this._toggleTerrain = createCommand_default(function() {
+    that.terrainVisible = !that.terrainVisible;
+  });
+  this._frustumsSubscription = knockout_default.getObservable(this, "frustums").subscribe(function(val) {
+    that._scene.debugShowFrustums = val;
+    that._scene.requestRender();
+  });
+  this._frustumPlanesSubscription = knockout_default.getObservable(this, "frustumPlanes").subscribe(function(val) {
+    that._scene.debugShowFrustumPlanes = val;
+    that._scene.requestRender();
+  });
+  this._performanceSubscription = knockout_default.getObservable(this, "performance").subscribe(function(val) {
+    if (val) {
+      that._performanceDisplay = new PerformanceDisplay_default({
+        container: that._performanceContainer
+      });
+    } else {
+      that._performanceContainer.innerHTML = "";
+    }
+  });
+  this._showPrimitiveBoundingSphere = createCommand_default(function() {
+    that._primitive.debugShowBoundingVolume = that.primitiveBoundingSphere;
+    that._scene.requestRender();
+    return true;
+  });
+  this._primitiveBoundingSphereSubscription = knockout_default.getObservable(this, "primitiveBoundingSphere").subscribe(function() {
+    that._showPrimitiveBoundingSphere();
+  });
+  this._showPrimitiveReferenceFrame = createCommand_default(function() {
+    if (that.primitiveReferenceFrame) {
+      const modelMatrix = that._primitive.modelMatrix;
+      that._modelMatrixPrimitive = new DebugModelMatrixPrimitive_default({
+        modelMatrix
+      });
+      that._scene.primitives.add(that._modelMatrixPrimitive);
+    } else if (defined_default(that._modelMatrixPrimitive)) {
+      that._scene.primitives.remove(that._modelMatrixPrimitive);
+      that._modelMatrixPrimitive = void 0;
+    }
+    that._scene.requestRender();
+    return true;
+  });
+  this._primitiveReferenceFrameSubscription = knockout_default.getObservable(this, "primitiveReferenceFrame").subscribe(function() {
+    that._showPrimitiveReferenceFrame();
+  });
+  this._doFilterPrimitive = createCommand_default(function() {
+    if (that.filterPrimitive) {
+      that._scene.debugCommandFilter = function(command) {
+        if (defined_default(that._modelMatrixPrimitive) && command.owner === that._modelMatrixPrimitive._primitive) {
+          return true;
+        } else if (defined_default(that._primitive)) {
+          return command.owner === that._primitive || command.owner === that._primitive._billboardCollection || command.owner.primitive === that._primitive;
+        }
+        return false;
+      };
+    } else {
+      that._scene.debugCommandFilter = void 0;
+    }
+    return true;
+  });
+  this._filterPrimitiveSubscription = knockout_default.getObservable(this, "filterPrimitive").subscribe(function() {
+    that._doFilterPrimitive();
+    that._scene.requestRender();
+  });
+  this._wireframeSubscription = knockout_default.getObservable(this, "wireframe").subscribe(function(val) {
+    globe._surface.tileProvider._debug.wireframe = val;
+    that._scene.requestRender();
+  });
+  this._depthFrustumSubscription = knockout_default.getObservable(this, "depthFrustum").subscribe(function(val) {
+    that._scene.debugShowDepthFrustum = val;
+    that._scene.requestRender();
+  });
+  this._incrementDepthFrustum = createCommand_default(function() {
+    const next = that.depthFrustum + 1;
+    that.depthFrustum = boundDepthFrustum(1, that._numberOfFrustums, next);
+    that._scene.requestRender();
+    return true;
+  });
+  this._decrementDepthFrustum = createCommand_default(function() {
+    const next = that.depthFrustum - 1;
+    that.depthFrustum = boundDepthFrustum(1, that._numberOfFrustums, next);
+    that._scene.requestRender();
+    return true;
+  });
+  this._suspendUpdatesSubscription = knockout_default.getObservable(this, "suspendUpdates").subscribe(function(val) {
+    globe._surface._debug.suspendLodUpdate = val;
+    if (!val) {
+      that.filterTile = false;
+    }
+  });
+  let tileBoundariesLayer;
+  this._showTileCoordinates = createCommand_default(function() {
+    if (that.tileCoordinates && !defined_default(tileBoundariesLayer)) {
+      tileBoundariesLayer = scene.imageryLayers.addImageryProvider(
+        new TileCoordinatesImageryProvider_default({
+          tilingScheme: scene.terrainProvider.tilingScheme
+        })
+      );
+    } else if (!that.tileCoordinates && defined_default(tileBoundariesLayer)) {
+      scene.imageryLayers.remove(tileBoundariesLayer);
+      tileBoundariesLayer = void 0;
+    }
+    return true;
+  });
+  this._tileCoordinatesSubscription = knockout_default.getObservable(this, "tileCoordinates").subscribe(function() {
+    that._showTileCoordinates();
+    that._scene.requestRender();
+  });
+  this._tileBoundingSphereSubscription = knockout_default.getObservable(this, "tileBoundingSphere").subscribe(function() {
+    that._showTileBoundingSphere();
+    that._scene.requestRender();
+  });
+  this._showTileBoundingSphere = createCommand_default(function() {
+    if (that.tileBoundingSphere) {
+      globe._surface.tileProvider._debug.boundingSphereTile = that._tile;
+    } else {
+      globe._surface.tileProvider._debug.boundingSphereTile = void 0;
+    }
+    that._scene.requestRender();
+    return true;
+  });
+  this._doFilterTile = createCommand_default(function() {
+    if (!that.filterTile) {
+      that.suspendUpdates = false;
+    } else {
+      that.suspendUpdates = true;
+      globe._surface._tilesToRender = [];
+      if (defined_default(that._tile) && that._tile.renderable) {
+        globe._surface._tilesToRender.push(that._tile);
+      }
+    }
+    return true;
+  });
+  this._filterTileSubscription = knockout_default.getObservable(this, "filterTile").subscribe(function() {
+    that.doFilterTile();
+    that._scene.requestRender();
+  });
+  function pickPrimitive(e) {
+    const newPick = that._scene.pick({
+      x: e.position.x,
+      y: e.position.y
+    });
+    if (defined_default(newPick)) {
+      that.primitive = defined_default(newPick.collection) ? newPick.collection : newPick.primitive;
+    }
+    that._scene.requestRender();
+    that.pickPrimitiveActive = false;
+  }
+  this._pickPrimitive = createCommand_default(function() {
+    that.pickPrimitiveActive = !that.pickPrimitiveActive;
+  });
+  this._pickPrimitiveActiveSubscription = knockout_default.getObservable(this, "pickPrimitiveActive").subscribe(function(val) {
+    if (val) {
+      eventHandler.setInputAction(
+        pickPrimitive,
+        ScreenSpaceEventType_default.LEFT_CLICK
+      );
+    } else {
+      eventHandler.removeInputAction(ScreenSpaceEventType_default.LEFT_CLICK);
+    }
+  });
+  function selectTile(e) {
+    let selectedTile;
+    const ellipsoid = globe.ellipsoid;
+    const ray = that._scene.camera.getPickRay(e.position, scratchPickRay2);
+    const cartesian11 = globe.pick(ray, that._scene, scratchPickCartesian3);
+    if (defined_default(cartesian11)) {
+      const cartographic2 = ellipsoid.cartesianToCartographic(cartesian11);
+      const tilesRendered = globe._surface.tileProvider._tilesToRenderByTextureCount;
+      for (let textureCount = 0; !selectedTile && textureCount < tilesRendered.length; ++textureCount) {
+        const tilesRenderedByTextureCount = tilesRendered[textureCount];
+        if (!defined_default(tilesRenderedByTextureCount)) {
+          continue;
+        }
+        for (let tileIndex = 0; !selectedTile && tileIndex < tilesRenderedByTextureCount.length; ++tileIndex) {
+          const tile = tilesRenderedByTextureCount[tileIndex];
+          if (Rectangle_default.contains(tile.rectangle, cartographic2)) {
+            selectedTile = tile;
+          }
+        }
+      }
+    }
+    that.tile = selectedTile;
+    that.pickTileActive = false;
+  }
+  this._pickTile = createCommand_default(function() {
+    that.pickTileActive = !that.pickTileActive;
+  });
+  this._pickTileActiveSubscription = knockout_default.getObservable(this, "pickTileActive").subscribe(function(val) {
+    if (val) {
+      eventHandler.setInputAction(
+        selectTile,
+        ScreenSpaceEventType_default.LEFT_CLICK
+      );
+    } else {
+      eventHandler.removeInputAction(ScreenSpaceEventType_default.LEFT_CLICK);
+    }
+  });
+  this._removePostRenderEvent = scene.postRender.addEventListener(function() {
+    that._update();
+  });
+}
+Object.defineProperties(CesiumInspectorViewModel.prototype, {
+  /**
+   * Gets the scene to control.
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Scene}
+   */
+  scene: {
+    get: function() {
+      return this._scene;
+    }
+  },
+  /**
+   * Gets the container of the PerformanceDisplay
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Element}
+   */
+  performanceContainer: {
+    get: function() {
+      return this._performanceContainer;
+    }
+  },
+  /**
+   * Gets the command to toggle the visibility of the drop down.
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  toggleDropDown: {
+    get: function() {
+      return this._toggleDropDown;
+    }
+  },
+  /**
+   * Gets the command to toggle the visibility of a BoundingSphere for a primitive
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  showPrimitiveBoundingSphere: {
+    get: function() {
+      return this._showPrimitiveBoundingSphere;
+    }
+  },
+  /**
+   * Gets the command to toggle the visibility of a {@link DebugModelMatrixPrimitive} for the model matrix of a primitive
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  showPrimitiveReferenceFrame: {
+    get: function() {
+      return this._showPrimitiveReferenceFrame;
+    }
+  },
+  /**
+   * Gets the command to toggle a filter that renders only a selected primitive
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  doFilterPrimitive: {
+    get: function() {
+      return this._doFilterPrimitive;
+    }
+  },
+  /**
+   * Gets the command to increment the depth frustum index to be shown
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  incrementDepthFrustum: {
+    get: function() {
+      return this._incrementDepthFrustum;
+    }
+  },
+  /**
+   * Gets the command to decrement the depth frustum index to be shown
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  decrementDepthFrustum: {
+    get: function() {
+      return this._decrementDepthFrustum;
+    }
+  },
+  /**
+   * Gets the command to toggle the visibility of tile coordinates
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  showTileCoordinates: {
+    get: function() {
+      return this._showTileCoordinates;
+    }
+  },
+  /**
+   * Gets the command to toggle the visibility of a BoundingSphere for a selected tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  showTileBoundingSphere: {
+    get: function() {
+      return this._showTileBoundingSphere;
+    }
+  },
+  /**
+   * Gets the command to toggle a filter that renders only a selected tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  doFilterTile: {
+    get: function() {
+      return this._doFilterTile;
+    }
+  },
+  /**
+   * Gets the command to expand and collapse the general section
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  toggleGeneral: {
+    get: function() {
+      return this._toggleGeneral;
+    }
+  },
+  /**
+   * Gets the command to expand and collapse the primitives section
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  togglePrimitives: {
+    get: function() {
+      return this._togglePrimitives;
+    }
+  },
+  /**
+   * Gets the command to expand and collapse the terrain section
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  toggleTerrain: {
+    get: function() {
+      return this._toggleTerrain;
+    }
+  },
+  /**
+   * Gets the command to pick a primitive
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  pickPrimitive: {
+    get: function() {
+      return this._pickPrimitive;
+    }
+  },
+  /**
+   * Gets the command to pick a tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  pickTile: {
+    get: function() {
+      return this._pickTile;
+    }
+  },
+  /**
+   * Gets the command to pick a tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  selectParent: {
+    get: function() {
+      const that = this;
+      return createCommand_default(function() {
+        that.tile = that.tile.parent;
+      });
+    }
+  },
+  /**
+   * Gets the command to pick a tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  selectNW: {
+    get: function() {
+      const that = this;
+      return createCommand_default(function() {
+        that.tile = that.tile.northwestChild;
+      });
+    }
+  },
+  /**
+   * Gets the command to pick a tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  selectNE: {
+    get: function() {
+      const that = this;
+      return createCommand_default(function() {
+        that.tile = that.tile.northeastChild;
+      });
+    }
+  },
+  /**
+   * Gets the command to pick a tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  selectSW: {
+    get: function() {
+      const that = this;
+      return createCommand_default(function() {
+        that.tile = that.tile.southwestChild;
+      });
+    }
+  },
+  /**
+   * Gets the command to pick a tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  selectSE: {
+    get: function() {
+      const that = this;
+      return createCommand_default(function() {
+        that.tile = that.tile.southeastChild;
+      });
+    }
+  },
+  /**
+   * Gets or sets the current selected primitive
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  primitive: {
+    get: function() {
+      return this._primitive;
+    },
+    set: function(newPrimitive) {
+      const oldPrimitive = this._primitive;
+      if (newPrimitive !== oldPrimitive) {
+        this.hasPickedPrimitive = true;
+        if (defined_default(oldPrimitive)) {
+          oldPrimitive.debugShowBoundingVolume = false;
+        }
+        this._scene.debugCommandFilter = void 0;
+        if (defined_default(this._modelMatrixPrimitive)) {
+          this._scene.primitives.remove(this._modelMatrixPrimitive);
+          this._modelMatrixPrimitive = void 0;
+        }
+        this._primitive = newPrimitive;
+        newPrimitive.show = false;
+        setTimeout(function() {
+          newPrimitive.show = true;
+        }, 50);
+        this.showPrimitiveBoundingSphere();
+        this.showPrimitiveReferenceFrame();
+        this.doFilterPrimitive();
+      }
+    }
+  },
+  /**
+   * Gets or sets the current selected tile
+   * @memberof CesiumInspectorViewModel.prototype
+   *
+   * @type {Command}
+   */
+  tile: {
+    get: function() {
+      return this._tile;
+    },
+    set: function(newTile) {
+      if (defined_default(newTile)) {
+        this.hasPickedTile = true;
+        const oldTile = this._tile;
+        if (newTile !== oldTile) {
+          this.tileText = `L: ${newTile.level} X: ${newTile.x} Y: ${newTile.y}`;
+          this.tileText += `<br>SW corner: ${newTile.rectangle.west}, ${newTile.rectangle.south}`;
+          this.tileText += `<br>NE corner: ${newTile.rectangle.east}, ${newTile.rectangle.north}`;
+          const data = newTile.data;
+          if (defined_default(data) && defined_default(data.tileBoundingRegion)) {
+            this.tileText += `<br>Min: ${data.tileBoundingRegion.minimumHeight} Max: ${data.tileBoundingRegion.maximumHeight}`;
+          } else {
+            this.tileText += "<br>(Tile is not loaded)";
+          }
+        }
+        this._tile = newTile;
+        this.showTileBoundingSphere();
+        this.doFilterTile();
+      } else {
+        this.hasPickedTile = false;
+        this._tile = void 0;
+      }
+    }
+  }
+});
+CesiumInspectorViewModel.prototype._update = function() {
+  if (this.frustums) {
+    this.frustumStatisticText = frustumStatisticsToString(
+      this._scene.debugFrustumStatistics
+    );
+  }
+  const numberOfFrustums = this._scene.numberOfFrustums;
+  this._numberOfFrustums = numberOfFrustums;
+  this.depthFrustum = boundDepthFrustum(1, numberOfFrustums, this.depthFrustum);
+  this.depthFrustumText = `${this.depthFrustum} of ${numberOfFrustums}`;
+  if (this.performance) {
+    this._performanceDisplay.update();
+  }
+  if (this.primitiveReferenceFrame) {
+    this._modelMatrixPrimitive.modelMatrix = this._primitive.modelMatrix;
+  }
+  this.shaderCacheText = `Cached shaders: ${this._scene.context.shaderCache.numberOfShaders}`;
+};
+CesiumInspectorViewModel.prototype.isDestroyed = function() {
+  return false;
+};
+CesiumInspectorViewModel.prototype.destroy = function() {
+  this._eventHandler.destroy();
+  this._removePostRenderEvent();
+  this._frustumsSubscription.dispose();
+  this._frustumPlanesSubscription.dispose();
+  this._performanceSubscription.dispose();
+  this._primitiveBoundingSphereSubscription.dispose();
+  this._primitiveReferenceFrameSubscription.dispose();
+  this._filterPrimitiveSubscription.dispose();
+  this._wireframeSubscription.dispose();
+  this._depthFrustumSubscription.dispose();
+  this._suspendUpdatesSubscription.dispose();
+  this._tileCoordinatesSubscription.dispose();
+  this._tileBoundingSphereSubscription.dispose();
+  this._filterTileSubscription.dispose();
+  this._pickPrimitiveActiveSubscription.dispose();
+  this._pickTileActiveSubscription.dispose();
+  return destroyObject_default(this);
+};
+var CesiumInspectorViewModel_default = CesiumInspectorViewModel;
+
+// packages/widgets/Source/CesiumInspector/CesiumInspector.js
+function CesiumInspector(container, scene) {
+  if (!defined_default(container)) {
+    throw new DeveloperError_default("container is required.");
+  }
+  if (!defined_default(scene)) {
+    throw new DeveloperError_default("scene is required.");
+  }
+  container = getElement_default(container);
+  const performanceContainer = document.createElement("div");
+  const viewModel = new CesiumInspectorViewModel_default(scene, performanceContainer);
+  this._viewModel = viewModel;
+  this._container = container;
+  const element = document.createElement("div");
+  this._element = element;
+  const text2 = document.createElement("div");
+  text2.textContent = "Cesium Inspector";
+  text2.className = "cesium-cesiumInspector-button";
+  text2.setAttribute("data-bind", "click: toggleDropDown");
+  element.appendChild(text2);
+  element.className = "cesium-cesiumInspector";
+  element.setAttribute(
+    "data-bind",
+    'css: { "cesium-cesiumInspector-visible" : dropDownVisible, "cesium-cesiumInspector-hidden" : !dropDownVisible }'
+  );
+  container.appendChild(this._element);
+  const panel = document.createElement("div");
+  panel.className = "cesium-cesiumInspector-dropDown";
+  element.appendChild(panel);
+  const createSection = InspectorShared_default.createSection;
+  const createCheckbox = InspectorShared_default.createCheckbox;
+  const generalSection = createSection(
+    panel,
+    "General",
+    "generalVisible",
+    "toggleGeneral"
+  );
+  const debugShowFrustums = createCheckbox("Show Frustums", "frustums");
+  const frustumStatistics = document.createElement("div");
+  frustumStatistics.className = "cesium-cesiumInspector-frustumStatistics";
+  frustumStatistics.setAttribute(
+    "data-bind",
+    "visible: frustums, html: frustumStatisticText"
+  );
+  debugShowFrustums.appendChild(frustumStatistics);
+  generalSection.appendChild(debugShowFrustums);
+  generalSection.appendChild(
+    createCheckbox("Show Frustum Planes", "frustumPlanes")
+  );
+  generalSection.appendChild(
+    createCheckbox("Performance Display", "performance")
+  );
+  performanceContainer.className = "cesium-cesiumInspector-performanceDisplay";
+  generalSection.appendChild(performanceContainer);
+  const shaderCacheDisplay = document.createElement("div");
+  shaderCacheDisplay.className = "cesium-cesiumInspector-shaderCache";
+  shaderCacheDisplay.setAttribute("data-bind", "html: shaderCacheText");
+  generalSection.appendChild(shaderCacheDisplay);
+  const depthFrustum = document.createElement("div");
+  generalSection.appendChild(depthFrustum);
+  const gLabel = document.createElement("span");
+  gLabel.setAttribute(
+    "data-bind",
+    'html: "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Frustum:"'
+  );
+  depthFrustum.appendChild(gLabel);
+  const gText = document.createElement("span");
+  gText.setAttribute("data-bind", "text: depthFrustumText");
+  depthFrustum.appendChild(gText);
+  const gMinusButton = document.createElement("input");
+  gMinusButton.type = "button";
+  gMinusButton.value = "-";
+  gMinusButton.className = "cesium-cesiumInspector-pickButton";
+  gMinusButton.setAttribute("data-bind", "click: decrementDepthFrustum");
+  depthFrustum.appendChild(gMinusButton);
+  const gPlusButton = document.createElement("input");
+  gPlusButton.type = "button";
+  gPlusButton.value = "+";
+  gPlusButton.className = "cesium-cesiumInspector-pickButton";
+  gPlusButton.setAttribute("data-bind", "click: incrementDepthFrustum");
+  depthFrustum.appendChild(gPlusButton);
+  const primSection = createSection(
+    panel,
+    "Primitives",
+    "primitivesVisible",
+    "togglePrimitives"
+  );
+  const pickPrimRequired = document.createElement("div");
+  pickPrimRequired.className = "cesium-cesiumInspector-pickSection";
+  primSection.appendChild(pickPrimRequired);
+  const pickPrimitiveButton = document.createElement("input");
+  pickPrimitiveButton.type = "button";
+  pickPrimitiveButton.value = "Pick a primitive";
+  pickPrimitiveButton.className = "cesium-cesiumInspector-pickButton";
+  pickPrimitiveButton.setAttribute(
+    "data-bind",
+    'css: {"cesium-cesiumInspector-pickButtonHighlight" : pickPrimitiveActive}, click: pickPrimitive'
+  );
+  let buttonWrap = document.createElement("div");
+  buttonWrap.className = "cesium-cesiumInspector-center";
+  buttonWrap.appendChild(pickPrimitiveButton);
+  pickPrimRequired.appendChild(buttonWrap);
+  pickPrimRequired.appendChild(
+    createCheckbox(
+      "Show bounding sphere",
+      "primitiveBoundingSphere",
+      "hasPickedPrimitive"
+    )
+  );
+  pickPrimRequired.appendChild(
+    createCheckbox(
+      "Show reference frame",
+      "primitiveReferenceFrame",
+      "hasPickedPrimitive"
+    )
+  );
+  this._primitiveOnly = createCheckbox(
+    "Show only selected",
+    "filterPrimitive",
+    "hasPickedPrimitive"
+  );
+  pickPrimRequired.appendChild(this._primitiveOnly);
+  const terrainSection = createSection(
+    panel,
+    "Terrain",
+    "terrainVisible",
+    "toggleTerrain"
+  );
+  const pickTileRequired = document.createElement("div");
+  pickTileRequired.className = "cesium-cesiumInspector-pickSection";
+  terrainSection.appendChild(pickTileRequired);
+  const pickTileButton = document.createElement("input");
+  pickTileButton.type = "button";
+  pickTileButton.value = "Pick a tile";
+  pickTileButton.className = "cesium-cesiumInspector-pickButton";
+  pickTileButton.setAttribute(
+    "data-bind",
+    'css: {"cesium-cesiumInspector-pickButtonHighlight" : pickTileActive}, click: pickTile'
+  );
+  buttonWrap = document.createElement("div");
+  buttonWrap.appendChild(pickTileButton);
+  buttonWrap.className = "cesium-cesiumInspector-center";
+  pickTileRequired.appendChild(buttonWrap);
+  const tileInfo = document.createElement("div");
+  pickTileRequired.appendChild(tileInfo);
+  const parentTile = document.createElement("input");
+  parentTile.type = "button";
+  parentTile.value = "Parent";
+  parentTile.className = "cesium-cesiumInspector-pickButton";
+  parentTile.setAttribute("data-bind", "click: selectParent");
+  const nwTile = document.createElement("input");
+  nwTile.type = "button";
+  nwTile.value = "NW";
+  nwTile.className = "cesium-cesiumInspector-pickButton";
+  nwTile.setAttribute("data-bind", "click: selectNW");
+  const neTile = document.createElement("input");
+  neTile.type = "button";
+  neTile.value = "NE";
+  neTile.className = "cesium-cesiumInspector-pickButton";
+  neTile.setAttribute("data-bind", "click: selectNE");
+  const swTile = document.createElement("input");
+  swTile.type = "button";
+  swTile.value = "SW";
+  swTile.className = "cesium-cesiumInspector-pickButton";
+  swTile.setAttribute("data-bind", "click: selectSW");
+  const seTile = document.createElement("input");
+  seTile.type = "button";
+  seTile.value = "SE";
+  seTile.className = "cesium-cesiumInspector-pickButton";
+  seTile.setAttribute("data-bind", "click: selectSE");
+  const tileText = document.createElement("div");
+  tileText.className = "cesium-cesiumInspector-tileText";
+  tileInfo.className = "cesium-cesiumInspector-frustumStatistics";
+  tileInfo.appendChild(tileText);
+  tileInfo.setAttribute("data-bind", "visible: hasPickedTile");
+  tileText.setAttribute("data-bind", "html: tileText");
+  const relativeText = document.createElement("div");
+  relativeText.className = "cesium-cesiumInspector-relativeText";
+  relativeText.textContent = "Select relative:";
+  tileInfo.appendChild(relativeText);
+  const table3 = document.createElement("table");
+  const tr1 = document.createElement("tr");
+  const tr2 = document.createElement("tr");
+  const td1 = document.createElement("td");
+  td1.appendChild(parentTile);
+  const td2 = document.createElement("td");
+  td2.appendChild(nwTile);
+  const td3 = document.createElement("td");
+  td3.appendChild(neTile);
+  tr1.appendChild(td1);
+  tr1.appendChild(td2);
+  tr1.appendChild(td3);
+  const td4 = document.createElement("td");
+  const td5 = document.createElement("td");
+  td5.appendChild(swTile);
+  const td6 = document.createElement("td");
+  td6.appendChild(seTile);
+  tr2.appendChild(td4);
+  tr2.appendChild(td5);
+  tr2.appendChild(td6);
+  table3.appendChild(tr1);
+  table3.appendChild(tr2);
+  tileInfo.appendChild(table3);
+  pickTileRequired.appendChild(
+    createCheckbox(
+      "Show bounding volume",
+      "tileBoundingSphere",
+      "hasPickedTile"
+    )
+  );
+  pickTileRequired.appendChild(
+    createCheckbox("Show only selected", "filterTile", "hasPickedTile")
+  );
+  terrainSection.appendChild(createCheckbox("Wireframe", "wireframe"));
+  terrainSection.appendChild(
+    createCheckbox("Suspend LOD update", "suspendUpdates")
+  );
+  terrainSection.appendChild(
+    createCheckbox("Show tile coordinates", "tileCoordinates")
+  );
+  knockout_default.applyBindings(viewModel, this._element);
+}
+Object.defineProperties(CesiumInspector.prototype, {
+  /**
+   * Gets the parent container.
+   * @memberof CesiumInspector.prototype
+   *
+   * @type {Element}
+   */
+  container: {
+    get: function() {
+      return this._container;
+    }
+  },
+  /**
+   * Gets the view model.
+   * @memberof CesiumInspector.prototype
+   *
+   * @type {CesiumInspectorViewModel}
+   */
+  viewModel: {
+    get: function() {
+      return this._viewModel;
+    }
+  }
+});
+CesiumInspector.prototype.isDestroyed = function() {
+  return false;
+};
+CesiumInspector.prototype.destroy = function() {
+  knockout_default.cleanNode(this._element);
+  this._container.removeChild(this._element);
+  this.viewModel.destroy();
+  return destroyObject_default(this);
+};
+var CesiumInspector_default = CesiumInspector;
+
+// packages/widgets/Source/HomeButton/HomeButtonViewModel.js
+function HomeButtonViewModel(scene, duration) {
+  if (!defined_default(scene)) {
+    throw new DeveloperError_default("scene is required.");
+  }
+  this._scene = scene;
+  this._duration = duration;
+  const that = this;
+  this._command = createCommand_default(function() {
+    that._scene.camera.flyHome(that._duration);
+  });
+  this.tooltip = "View Home";
+  knockout_default.track(this, ["tooltip"]);
+}
+Object.defineProperties(HomeButtonViewModel.prototype, {
+  /**
+   * Gets the scene to control.
+   * @memberof HomeButtonViewModel.prototype
+   *
+   * @type {Scene}
+   */
+  scene: {
+    get: function() {
+      return this._scene;
+    }
+  },
+  /**
+   * Gets the Command that is executed when the button is clicked.
+   * @memberof HomeButtonViewModel.prototype
+   *
+   * @type {Command}
+   */
+  command: {
+    get: function() {
+      return this._command;
+    }
+  },
+  /**
+   * Gets or sets the the duration of the camera flight in seconds.
+   * A value of zero causes the camera to instantly switch to home view.
+   * The duration will be computed based on the distance when undefined.
+   * @memberof HomeButtonViewModel.prototype
+   *
+   * @type {number|undefined}
+   */
+  duration: {
+    get: function() {
+      return this._duration;
+    },
+    set: function(value) {
+      if (defined_default(value) && value < 0) {
+        throw new DeveloperError_default("value must be positive.");
+      }
+      this._duration = value;
+    }
+  }
+});
+var HomeButtonViewModel_default = HomeButtonViewModel;
+
+// packages/widgets/Source/HomeButton/HomeButton.js
+function HomeButton(container, scene, duration) {
+  if (!defined_default(container)) {
+    throw new DeveloperError_default("container is required.");
+  }
+  container = getElement_default(container);
+  const viewModel = new HomeButtonViewModel_default(scene, duration);
+  viewModel._svgPath = "M14,4l-10,8.75h20l-4.25-3.7188v-4.6562h-2.812v2.1875l-2.938-2.5625zm-7.0938,9.906v10.094h14.094v-10.094h-14.094zm2.1876,2.313h3.3122v4.25h-3.3122v-4.25zm5.8442,1.281h3.406v6.438h-3.406v-6.438z";
+  const element = document.createElement("button");
+  element.type = "button";
+  element.className = "cesium-button cesium-toolbar-button cesium-home-button";
+  element.setAttribute(
+    "data-bind",
+    "attr: { title: tooltip },click: command,cesiumSvgPath: { path: _svgPath, width: 28, height: 28 }"
+  );
+  container.appendChild(element);
+  knockout_default.applyBindings(viewModel, element);
+  this._container = container;
+  this._viewModel = viewModel;
+  this._element = element;
+}
+Object.defineProperties(HomeButton.prototype, {
+  /**
+   * Gets the parent container.
+   * @memberof HomeButton.prototype
+   *
+   * @type {Element}
+   */
+  container: {
+    get: function() {
+      return this._container;
+    }
+  },
+  /**
+   * Gets the view model.
+   * @memberof HomeButton.prototype
+   *
+   * @type {HomeButtonViewModel}
+   */
+  viewModel: {
+    get: function() {
+      return this._viewModel;
+    }
+  }
+});
+HomeButton.prototype.isDestroyed = function() {
+  return false;
+};
+HomeButton.prototype.destroy = function() {
+  knockout_default.cleanNode(this._element);
+  this._container.removeChild(this._element);
+  return destroyObject_default(this);
+};
+var HomeButton_default = HomeButton;
+
 // packages/widgets/Source/FullscreenButton/FullscreenButtonViewModel.js
 function FullscreenButtonViewModel(fullscreenElement, container) {
   if (!defined_default(container)) {
@@ -248682,90 +248796,155 @@ FullscreenButton.prototype.destroy = function() {
 };
 var FullscreenButton_default = FullscreenButton;
 
-// packages/widgets/Source/HomeButton/HomeButtonViewModel.js
-function HomeButtonViewModel(scene, duration) {
-  if (!defined_default(scene)) {
-    throw new DeveloperError_default("scene is required.");
-  }
-  this._scene = scene;
-  this._duration = duration;
-  const that = this;
-  this._command = createCommand_default(function() {
-    that._scene.camera.flyHome(that._duration);
+// packages/widgets/Source/InfoBox/InfoBoxViewModel.js
+var cameraEnabledPath = "M 13.84375 7.03125 C 11.412798 7.03125 9.46875 8.975298 9.46875 11.40625 L 9.46875 11.59375 L 2.53125 7.21875 L 2.53125 24.0625 L 9.46875 19.6875 C 9.4853444 22.104033 11.423165 24.0625 13.84375 24.0625 L 25.875 24.0625 C 28.305952 24.0625 30.28125 22.087202 30.28125 19.65625 L 30.28125 11.40625 C 30.28125 8.975298 28.305952 7.03125 25.875 7.03125 L 13.84375 7.03125 z";
+var cameraDisabledPath = "M 27.34375 1.65625 L 5.28125 27.9375 L 8.09375 30.3125 L 30.15625 4.03125 L 27.34375 1.65625 z M 13.84375 7.03125 C 11.412798 7.03125 9.46875 8.975298 9.46875 11.40625 L 9.46875 11.59375 L 2.53125 7.21875 L 2.53125 24.0625 L 9.46875 19.6875 C 9.4724893 20.232036 9.5676108 20.7379 9.75 21.21875 L 21.65625 7.03125 L 13.84375 7.03125 z M 28.21875 7.71875 L 14.53125 24.0625 L 25.875 24.0625 C 28.305952 24.0625 30.28125 22.087202 30.28125 19.65625 L 30.28125 11.40625 C 30.28125 9.8371439 29.456025 8.4902779 28.21875 7.71875 z";
+function InfoBoxViewModel() {
+  this._cameraClicked = new Event_default();
+  this._closeClicked = new Event_default();
+  this.maxHeight = 500;
+  this.enableCamera = false;
+  this.isCameraTracking = false;
+  this.showInfo = false;
+  this.titleText = "";
+  this.description = "";
+  knockout_default.track(this, [
+    "showInfo",
+    "titleText",
+    "description",
+    "maxHeight",
+    "enableCamera",
+    "isCameraTracking"
+  ]);
+  this._loadingIndicatorHtml = '<div class="cesium-infoBox-loadingContainer"><span class="cesium-infoBox-loading"></span></div>';
+  this.cameraIconPath = void 0;
+  knockout_default.defineProperty(this, "cameraIconPath", {
+    get: function() {
+      return !this.enableCamera || this.isCameraTracking ? cameraDisabledPath : cameraEnabledPath;
+    }
   });
-  this.tooltip = "View Home";
-  knockout_default.track(this, ["tooltip"]);
-}
-Object.defineProperties(HomeButtonViewModel.prototype, {
-  /**
-   * Gets the scene to control.
-   * @memberof HomeButtonViewModel.prototype
-   *
-   * @type {Scene}
-   */
-  scene: {
+  knockout_default.defineProperty(this, "_bodyless", {
     get: function() {
-      return this._scene;
+      return !defined_default(this.description) || this.description.length === 0;
     }
-  },
+  });
+}
+InfoBoxViewModel.prototype.maxHeightOffset = function(offset) {
+  return `${this.maxHeight - offset}px`;
+};
+Object.defineProperties(InfoBoxViewModel.prototype, {
   /**
-   * Gets the Command that is executed when the button is clicked.
-   * @memberof HomeButtonViewModel.prototype
-   *
-   * @type {Command}
+   * Gets an {@link Event} that is fired when the user clicks the camera icon.
+   * @memberof InfoBoxViewModel.prototype
+   * @type {Event}
    */
-  command: {
+  cameraClicked: {
     get: function() {
-      return this._command;
+      return this._cameraClicked;
     }
   },
   /**
-   * Gets or sets the the duration of the camera flight in seconds.
-   * A value of zero causes the camera to instantly switch to home view.
-   * The duration will be computed based on the distance when undefined.
-   * @memberof HomeButtonViewModel.prototype
-   *
-   * @type {number|undefined}
+   * Gets an {@link Event} that is fired when the user closes the info box.
+   * @memberof InfoBoxViewModel.prototype
+   * @type {Event}
    */
-  duration: {
+  closeClicked: {
     get: function() {
-      return this._duration;
-    },
-    set: function(value) {
-      if (defined_default(value) && value < 0) {
-        throw new DeveloperError_default("value must be positive.");
-      }
-      this._duration = value;
+      return this._closeClicked;
     }
   }
 });
-var HomeButtonViewModel_default = HomeButtonViewModel;
+var InfoBoxViewModel_default = InfoBoxViewModel;
 
-// packages/widgets/Source/HomeButton/HomeButton.js
-function HomeButton(container, scene, duration) {
-  if (!defined_default(container)) {
-    throw new DeveloperError_default("container is required.");
-  }
+// packages/widgets/Source/InfoBox/InfoBox.js
+function InfoBox(container) {
+  Check_default.defined("container", container);
   container = getElement_default(container);
-  const viewModel = new HomeButtonViewModel_default(scene, duration);
-  viewModel._svgPath = "M14,4l-10,8.75h20l-4.25-3.7188v-4.6562h-2.812v2.1875l-2.938-2.5625zm-7.0938,9.906v10.094h14.094v-10.094h-14.094zm2.1876,2.313h3.3122v4.25h-3.3122v-4.25zm5.8442,1.281h3.406v6.438h-3.406v-6.438z";
-  const element = document.createElement("button");
-  element.type = "button";
-  element.className = "cesium-button cesium-toolbar-button cesium-home-button";
-  element.setAttribute(
+  const infoElement = document.createElement("div");
+  infoElement.className = "cesium-infoBox";
+  infoElement.setAttribute(
     "data-bind",
-    "attr: { title: tooltip },click: command,cesiumSvgPath: { path: _svgPath, width: 28, height: 28 }"
+    'css: { "cesium-infoBox-visible" : showInfo, "cesium-infoBox-bodyless" : _bodyless }'
   );
-  container.appendChild(element);
-  knockout_default.applyBindings(viewModel, element);
+  container.appendChild(infoElement);
+  const titleElement = document.createElement("div");
+  titleElement.className = "cesium-infoBox-title";
+  titleElement.setAttribute("data-bind", "text: titleText");
+  infoElement.appendChild(titleElement);
+  const cameraElement = document.createElement("button");
+  cameraElement.type = "button";
+  cameraElement.className = "cesium-button cesium-infoBox-camera";
+  cameraElement.setAttribute(
+    "data-bind",
+    'attr: { title: "Focus camera on object" },click: function () { cameraClicked.raiseEvent(this); },enable: enableCamera,cesiumSvgPath: { path: cameraIconPath, width: 32, height: 32 }'
+  );
+  infoElement.appendChild(cameraElement);
+  const closeElement = document.createElement("button");
+  closeElement.type = "button";
+  closeElement.className = "cesium-infoBox-close";
+  closeElement.setAttribute(
+    "data-bind",
+    "click: function () { closeClicked.raiseEvent(this); }"
+  );
+  closeElement.innerHTML = "&times;";
+  infoElement.appendChild(closeElement);
+  const frame = document.createElement("iframe");
+  frame.className = "cesium-infoBox-iframe";
+  frame.setAttribute("sandbox", "allow-same-origin allow-popups allow-forms");
+  frame.setAttribute(
+    "data-bind",
+    "style : { maxHeight : maxHeightOffset(40) }"
+  );
+  frame.setAttribute("allowfullscreen", true);
+  infoElement.appendChild(frame);
+  const viewModel = new InfoBoxViewModel_default();
+  knockout_default.applyBindings(viewModel, infoElement);
   this._container = container;
+  this._element = infoElement;
+  this._frame = frame;
   this._viewModel = viewModel;
-  this._element = element;
+  this._descriptionSubscription = void 0;
+  const that = this;
+  frame.addEventListener("load", function() {
+    const frameDocument = frame.contentDocument;
+    const cssLink = frameDocument.createElement("link");
+    cssLink.href = buildModuleUrl_default("Widgets/InfoBox/InfoBoxDescription.css");
+    cssLink.rel = "stylesheet";
+    cssLink.type = "text/css";
+    const frameContent = frameDocument.createElement("div");
+    frameContent.className = "cesium-infoBox-description";
+    frameDocument.head.appendChild(cssLink);
+    frameDocument.body.appendChild(frameContent);
+    that._descriptionSubscription = subscribeAndEvaluate_default(
+      viewModel,
+      "description",
+      function(value) {
+        frame.style.height = "5px";
+        frameContent.innerHTML = value;
+        let background = null;
+        const firstElementChild = frameContent.firstElementChild;
+        if (firstElementChild !== null && frameContent.childNodes.length === 1) {
+          const style = window.getComputedStyle(firstElementChild);
+          if (style !== null) {
+            const backgroundColor = style["background-color"];
+            const color = Color_default.fromCssColorString(backgroundColor);
+            if (defined_default(color) && color.alpha !== 0) {
+              background = style["background-color"];
+            }
+          }
+        }
+        infoElement.style["background-color"] = background;
+        const height = frameContent.getBoundingClientRect().height;
+        frame.style.height = `${height}px`;
+      }
+    );
+  });
+  frame.setAttribute("src", "about:blank");
 }
-Object.defineProperties(HomeButton.prototype, {
+Object.defineProperties(InfoBox.prototype, {
   /**
    * Gets the parent container.
-   * @memberof HomeButton.prototype
+   * @memberof InfoBox.prototype
    *
    * @type {Element}
    */
@@ -248776,25 +248955,40 @@ Object.defineProperties(HomeButton.prototype, {
   },
   /**
    * Gets the view model.
-   * @memberof HomeButton.prototype
+   * @memberof InfoBox.prototype
    *
-   * @type {HomeButtonViewModel}
+   * @type {InfoBoxViewModel}
    */
   viewModel: {
     get: function() {
       return this._viewModel;
     }
+  },
+  /**
+   * Gets the iframe used to display the description.
+   * @memberof InfoBox.prototype
+   *
+   * @type {HTMLIFrameElement}
+   */
+  frame: {
+    get: function() {
+      return this._frame;
+    }
   }
 });
-HomeButton.prototype.isDestroyed = function() {
+InfoBox.prototype.isDestroyed = function() {
   return false;
 };
-HomeButton.prototype.destroy = function() {
+InfoBox.prototype.destroy = function() {
+  const container = this._container;
   knockout_default.cleanNode(this._element);
-  this._container.removeChild(this._element);
+  container.removeChild(this._element);
+  if (defined_default(this._descriptionSubscription)) {
+    this._descriptionSubscription.dispose();
+  }
   return destroyObject_default(this);
 };
-var HomeButton_default = HomeButton;
+var InfoBox_default = InfoBox;
 
 // packages/widgets/Source/Geocoder/GeocoderViewModel.js
 var DEFAULT_HEIGHT = 1e3;
@@ -249214,737 +249408,101 @@ GeocoderViewModel.prototype.isDestroyed = function() {
 GeocoderViewModel.prototype.destroy = function() {
   clearCredits(this);
   return destroyObject_default(this);
-};
-var GeocoderViewModel_default = GeocoderViewModel;
-
-// packages/widgets/Source/Geocoder/Geocoder.js
-var startSearchPath = "M29.772,26.433l-7.126-7.126c0.96-1.583,1.523-3.435,1.524-5.421C24.169,8.093,19.478,3.401,13.688,3.399C7.897,3.401,3.204,8.093,3.204,13.885c0,5.789,4.693,10.481,10.484,10.481c1.987,0,3.839-0.563,5.422-1.523l7.128,7.127L29.772,26.433zM7.203,13.885c0.006-3.582,2.903-6.478,6.484-6.486c3.579,0.008,6.478,2.904,6.484,6.486c-0.007,3.58-2.905,6.476-6.484,6.484C10.106,20.361,7.209,17.465,7.203,13.885z";
-var stopSearchPath = "M24.778,21.419 19.276,15.917 24.777,10.415 21.949,7.585 16.447,13.087 10.945,7.585 8.117,10.415 13.618,15.917 8.116,21.419 10.946,24.248 16.447,18.746 21.948,24.248z";
-function Geocoder(options) {
-  if (!defined_default(options) || !defined_default(options.container)) {
-    throw new DeveloperError_default("options.container is required.");
-  }
-  if (!defined_default(options.scene)) {
-    throw new DeveloperError_default("options.scene is required.");
-  }
-  const container = getElement_default(options.container);
-  const viewModel = new GeocoderViewModel_default(options);
-  viewModel._startSearchPath = startSearchPath;
-  viewModel._stopSearchPath = stopSearchPath;
-  const form = document.createElement("form");
-  form.setAttribute("data-bind", "submit: search");
-  const textBox = document.createElement("input");
-  textBox.type = "search";
-  textBox.className = "cesium-geocoder-input";
-  textBox.setAttribute("placeholder", "Enter an address or landmark...");
-  textBox.setAttribute(
-    "data-bind",
-    'textInput: searchText,disable: isSearchInProgress,event: { keyup: handleKeyUp, keydown: handleKeyDown, mouseover: deselectSuggestion },css: { "cesium-geocoder-input-wide" : keepExpanded || searchText.length > 0 },hasFocus: _focusTextbox'
-  );
-  this._onTextBoxFocus = function() {
-    setTimeout(function() {
-      textBox.select();
-    }, 0);
-  };
-  textBox.addEventListener("focus", this._onTextBoxFocus, false);
-  form.appendChild(textBox);
-  this._textBox = textBox;
-  const searchButton = document.createElement("span");
-  searchButton.className = "cesium-geocoder-searchButton";
-  searchButton.setAttribute(
-    "data-bind",
-    "click: search,cesiumSvgPath: { path: isSearchInProgress ? _stopSearchPath : _startSearchPath, width: 32, height: 32 }"
-  );
-  form.appendChild(searchButton);
-  container.appendChild(form);
-  const searchSuggestionsContainer = document.createElement("div");
-  searchSuggestionsContainer.className = "search-results";
-  searchSuggestionsContainer.setAttribute(
-    "data-bind",
-    "visible: _suggestionsVisible"
-  );
-  const suggestionsList = document.createElement("ul");
-  suggestionsList.setAttribute("data-bind", "foreach: _suggestions");
-  const suggestions = document.createElement("li");
-  suggestionsList.appendChild(suggestions);
-  suggestions.setAttribute(
-    "data-bind",
-    "text: $data.displayName, click: $parent.activateSuggestion, event: { mouseover: $parent.handleMouseover}, css: { active: $data === $parent._selectedSuggestion }"
-  );
-  searchSuggestionsContainer.appendChild(suggestionsList);
-  container.appendChild(searchSuggestionsContainer);
-  knockout_default.applyBindings(viewModel, form);
-  knockout_default.applyBindings(viewModel, searchSuggestionsContainer);
-  this._container = container;
-  this._searchSuggestionsContainer = searchSuggestionsContainer;
-  this._viewModel = viewModel;
-  this._form = form;
-  this._onInputBegin = function(e) {
-    let target = e.target;
-    if (typeof e.composedPath === "function") {
-      target = e.composedPath()[0];
-    }
-    if (!container.contains(target)) {
-      viewModel._focusTextbox = false;
-      viewModel.hideSuggestions();
-    }
-  };
-  this._onInputEnd = function(e) {
-    viewModel._focusTextbox = true;
-    viewModel.showSuggestions();
-  };
-  if (FeatureDetection_default.supportsPointerEvents()) {
-    document.addEventListener("pointerdown", this._onInputBegin, true);
-    container.addEventListener("pointerup", this._onInputEnd, true);
-    container.addEventListener("pointercancel", this._onInputEnd, true);
-  } else {
-    document.addEventListener("mousedown", this._onInputBegin, true);
-    container.addEventListener("mouseup", this._onInputEnd, true);
-    document.addEventListener("touchstart", this._onInputBegin, true);
-    container.addEventListener("touchend", this._onInputEnd, true);
-    container.addEventListener("touchcancel", this._onInputEnd, true);
-  }
-}
-Object.defineProperties(Geocoder.prototype, {
-  /**
-   * Gets the parent container.
-   * @memberof Geocoder.prototype
-   *
-   * @type {Element}
-   */
-  container: {
-    get: function() {
-      return this._container;
-    }
-  },
-  /**
-   * Gets the parent container.
-   * @memberof Geocoder.prototype
-   *
-   * @type {Element}
-   */
-  searchSuggestionsContainer: {
-    get: function() {
-      return this._searchSuggestionsContainer;
-    }
-  },
-  /**
-   * Gets the view model.
-   * @memberof Geocoder.prototype
-   *
-   * @type {GeocoderViewModel}
-   */
-  viewModel: {
-    get: function() {
-      return this._viewModel;
-    }
-  }
-});
-Geocoder.prototype.isDestroyed = function() {
-  return false;
-};
-Geocoder.prototype.destroy = function() {
-  const container = this._container;
-  if (FeatureDetection_default.supportsPointerEvents()) {
-    document.removeEventListener("pointerdown", this._onInputBegin, true);
-    container.removeEventListener("pointerup", this._onInputEnd, true);
-  } else {
-    document.removeEventListener("mousedown", this._onInputBegin, true);
-    container.removeEventListener("mouseup", this._onInputEnd, true);
-    document.removeEventListener("touchstart", this._onInputBegin, true);
-    container.removeEventListener("touchend", this._onInputEnd, true);
-  }
-  this._viewModel.destroy();
-  knockout_default.cleanNode(this._form);
-  knockout_default.cleanNode(this._searchSuggestionsContainer);
-  container.removeChild(this._form);
-  container.removeChild(this._searchSuggestionsContainer);
-  this._textBox.removeEventListener("focus", this._onTextBoxFocus, false);
-  return destroyObject_default(this);
-};
-var Geocoder_default = Geocoder;
-
-// packages/widgets/Source/I3SBuildingSceneLayerExplorer/I3SBuildingSceneLayerExplorerViewModel.js
-function expandItemsHandler(data, event) {
-  const nestedList = event.currentTarget.parentElement.parentElement.querySelector(
-    `#${data.name}-expander`
-  );
-  nestedList.classList.toggle("active");
-  event.currentTarget.textContent = event.currentTarget.textContent === "+" ? "-" : "+";
-}
-function trackSublayer(sublayer, viewModel) {
-  knockout_default.track(sublayer);
-  for (let i = 0; i < sublayer.sublayers.length; i++) {
-    trackSublayer(sublayer.sublayers[i], viewModel);
-  }
-}
-function isFullModel(layer) {
-  return layer.modelName === "FullModel";
-}
-function isOverview(layer) {
-  return layer.modelName === "Overview";
-}
-function isTopLayer(layer) {
-  return isOverview(layer) || isFullModel(layer);
-}
-function addTopLayer(layer, viewModel) {
-  if (isTopLayer(layer)) {
-    layer.visibility = false;
-    for (let i = 0; i < layer.sublayers.length; i++) {
-      layer.sublayers[i].visibility = true;
-    }
-    const topLayer = {
-      name: layer.name,
-      modelName: layer.modelName,
-      disable: knockout_default.observable(false),
-      index: viewModel.sublayers.length
-    };
-    viewModel.topLayers.push(topLayer);
-    viewModel.sublayers.push(layer);
-    return topLayer;
-  }
-}
-function handleTopLayerSelector(layer, viewModel) {
-  if (isTopLayer(layer)) {
-    viewModel.sublayers.forEach((elem) => elem.visibility = false);
-    viewModel.sublayers[layer.index].visibility = true;
-    const bsl = document.getElementById("bsl-wrapper");
-    if (isFullModel(layer)) {
-      viewModel.currentLevel = viewModel.selectedLevel;
-      bsl.style.display = "block";
-    } else {
-      viewModel.selectedLevel = viewModel.currentLevel;
-      viewModel.currentLevel = "All";
-      bsl.style.display = "none";
-    }
-  }
-}
-async function setLevels(i3sProvider, levels) {
-  try {
-    const attributes = i3sProvider.getAttributeNames();
-    for (let index = 0; index < attributes.length; index++) {
-      if (attributes[index] === "BldgLevel") {
-        const values = i3sProvider.getAttributeValues(attributes[index]);
-        for (let i = 0; i < values.length; i++) {
-          levels.push(values[i]);
-        }
-      }
-    }
-    levels.sort((a3, b) => a3 - b);
-    levels.unshift("All");
-  } catch (error) {
-    console.log(`There was an error getting attributes: ${error}`);
-  }
-}
-function I3SBuildingSceneLayerExplorerViewModel(i3sProvider) {
-  const that = this;
-  this.levels = [];
-  this.viewModel = {
-    sublayers: [],
-    levels: this.levels,
-    currentLevel: knockout_default.observable(),
-    selectedLevel: "All",
-    topLayers: [
-      {
-        name: "Select a layer to explore...",
-        disable: knockout_default.observable(true),
-        index: -1
-      }
-    ],
-    currentLayer: knockout_default.observable(),
-    expandClickHandler: expandItemsHandler,
-    setOptionDisable: function(option, item) {
-      knockout_default.applyBindingsToNode(option, { disable: item.disable }, item);
-    },
-    defaultLayer: void 0
-  };
-  this.viewModel.currentLayer.subscribe(function(layer) {
-    handleTopLayerSelector(layer, that.viewModel);
-  });
-  const sublayers = i3sProvider.sublayers;
-  for (let i = 0; i < sublayers.length; i++) {
-    trackSublayer(sublayers[i], this.viewModel);
-    const topLayer = addTopLayer(sublayers[i], this.viewModel);
-    if (defined_default(topLayer) && (isOverview(topLayer) || !defined_default(this.viewModel.defaultLayer) && isFullModel(topLayer))) {
-      this.viewModel.defaultLayer = topLayer;
-    }
-  }
-  if (this.viewModel.topLayers.length === 1 && sublayers.length > 0) {
-    i3sProvider.show = false;
-    const fullModel = {
-      name: "Full Model",
-      modelName: "FullModel",
-      visibility: i3sProvider.show,
-      sublayers: i3sProvider.sublayers
-    };
-    this.viewModel.defaultLayer = addTopLayer(fullModel, this.viewModel);
-    this.viewModel.currentLayer.subscribe(function(layer) {
-      i3sProvider.show = isFullModel(layer);
-    });
-  } else if (this.viewModel.topLayers.length === 1) {
-    this.viewModel.topLayers[0].name = "Building layers not found";
-  }
-  setLevels(i3sProvider, this.levels);
-  this.viewModel.currentLevel.subscribe(function(newValue) {
-    if (newValue !== "All") {
-      i3sProvider.filterByAttributes([
-        {
-          name: "BldgLevel",
-          values: [newValue]
-        }
-      ]);
-    } else {
-      i3sProvider.filterByAttributes();
-    }
-  });
-  return this.viewModel;
-}
-var I3SBuildingSceneLayerExplorerViewModel_default = I3SBuildingSceneLayerExplorerViewModel;
-
-// packages/widgets/Source/I3SBuildingSceneLayerExplorer/I3SBuildingSceneLayerExplorer.js
-function I3SBuildingSceneLayerExplorer(containerId, i3sProvider) {
-  const container = document.getElementById(containerId);
-  Check_default.defined("container", container);
-  Check_default.defined("i3sProvider", i3sProvider);
-  const htmlWrapper = document.createElement("div");
-  htmlWrapper.classList.add("cesium-viewer-i3s-explorer");
-  htmlWrapper.innerHTML = `
-        <h3>Building explorer</h3>
-        <select
-          data-bind="options: topLayers, optionsText: 'name', optionsAfterRender: setOptionDisable, value: currentLayer"
-        ></select>
-        <div id="bsl-wrapper">
-          <h3>Select Level</h3>
-          <select data-bind="options: levels, value: currentLevel"></select>
-          <h3>Disciplines & Categories</h3>
-          <ul class="layersList" data-bind="foreach: sublayers">
-            <ul class="layersList" data-bind="foreach: sublayers.sort(function (l, r) { return l.name.localeCompare(r.name) })">
-              <li>
-                <div class="li-wrapper">
-                  <span
-                    class="expandItem"
-                    data-bind="click: $root.expandClickHandler"
-                    >+</span
-                  >
-                  <input
-                    type="checkbox"
-                    data-bind="checked: visibility, valueUpdate: 'input', attr: { id: name}"
-                  />
-                  <label data-bind="attr: { for: name}">
-                    <span data-bind="text: name"></span>
-                  </label>
-                </div>
-                <ul class="nested" data-bind="attr: { id: name + '-expander'}">
-                  <li data-bind="foreach: sublayers.sort(function (l, r) { return l.name.localeCompare(r.name) })">
-                    <div class="li-wrapper">
-                      <input
-                        type="checkbox"
-                        data-bind="checked: visibility, valueUpdate: 'input', attr: { id: name}"
-                      />
-                      <label data-bind="attr: { for: name}">
-                        <span data-bind="text: name"></span>
-                      </label>
-                    </div>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </ul>
-        </div>`;
-  container.appendChild(htmlWrapper);
-  const viewModel = new I3SBuildingSceneLayerExplorerViewModel_default(i3sProvider);
-  knockout_default.track(viewModel);
-  knockout_default.applyBindings(viewModel, container);
-  if (defined_default(viewModel.defaultLayer)) {
-    viewModel.currentLayer = viewModel.defaultLayer;
-  }
-}
-var I3SBuildingSceneLayerExplorer_default = I3SBuildingSceneLayerExplorer;
-
-// packages/widgets/Source/InfoBox/InfoBoxViewModel.js
-var cameraEnabledPath = "M 13.84375 7.03125 C 11.412798 7.03125 9.46875 8.975298 9.46875 11.40625 L 9.46875 11.59375 L 2.53125 7.21875 L 2.53125 24.0625 L 9.46875 19.6875 C 9.4853444 22.104033 11.423165 24.0625 13.84375 24.0625 L 25.875 24.0625 C 28.305952 24.0625 30.28125 22.087202 30.28125 19.65625 L 30.28125 11.40625 C 30.28125 8.975298 28.305952 7.03125 25.875 7.03125 L 13.84375 7.03125 z";
-var cameraDisabledPath = "M 27.34375 1.65625 L 5.28125 27.9375 L 8.09375 30.3125 L 30.15625 4.03125 L 27.34375 1.65625 z M 13.84375 7.03125 C 11.412798 7.03125 9.46875 8.975298 9.46875 11.40625 L 9.46875 11.59375 L 2.53125 7.21875 L 2.53125 24.0625 L 9.46875 19.6875 C 9.4724893 20.232036 9.5676108 20.7379 9.75 21.21875 L 21.65625 7.03125 L 13.84375 7.03125 z M 28.21875 7.71875 L 14.53125 24.0625 L 25.875 24.0625 C 28.305952 24.0625 30.28125 22.087202 30.28125 19.65625 L 30.28125 11.40625 C 30.28125 9.8371439 29.456025 8.4902779 28.21875 7.71875 z";
-function InfoBoxViewModel() {
-  this._cameraClicked = new Event_default();
-  this._closeClicked = new Event_default();
-  this.maxHeight = 500;
-  this.enableCamera = false;
-  this.isCameraTracking = false;
-  this.showInfo = false;
-  this.titleText = "";
-  this.description = "";
-  knockout_default.track(this, [
-    "showInfo",
-    "titleText",
-    "description",
-    "maxHeight",
-    "enableCamera",
-    "isCameraTracking"
-  ]);
-  this._loadingIndicatorHtml = '<div class="cesium-infoBox-loadingContainer"><span class="cesium-infoBox-loading"></span></div>';
-  this.cameraIconPath = void 0;
-  knockout_default.defineProperty(this, "cameraIconPath", {
-    get: function() {
-      return !this.enableCamera || this.isCameraTracking ? cameraDisabledPath : cameraEnabledPath;
-    }
-  });
-  knockout_default.defineProperty(this, "_bodyless", {
-    get: function() {
-      return !defined_default(this.description) || this.description.length === 0;
-    }
-  });
-}
-InfoBoxViewModel.prototype.maxHeightOffset = function(offset) {
-  return `${this.maxHeight - offset}px`;
-};
-Object.defineProperties(InfoBoxViewModel.prototype, {
-  /**
-   * Gets an {@link Event} that is fired when the user clicks the camera icon.
-   * @memberof InfoBoxViewModel.prototype
-   * @type {Event}
-   */
-  cameraClicked: {
-    get: function() {
-      return this._cameraClicked;
-    }
-  },
-  /**
-   * Gets an {@link Event} that is fired when the user closes the info box.
-   * @memberof InfoBoxViewModel.prototype
-   * @type {Event}
-   */
-  closeClicked: {
-    get: function() {
-      return this._closeClicked;
-    }
-  }
-});
-var InfoBoxViewModel_default = InfoBoxViewModel;
-
-// packages/widgets/Source/InfoBox/InfoBox.js
-function InfoBox(container) {
-  Check_default.defined("container", container);
-  container = getElement_default(container);
-  const infoElement = document.createElement("div");
-  infoElement.className = "cesium-infoBox";
-  infoElement.setAttribute(
-    "data-bind",
-    'css: { "cesium-infoBox-visible" : showInfo, "cesium-infoBox-bodyless" : _bodyless }'
-  );
-  container.appendChild(infoElement);
-  const titleElement = document.createElement("div");
-  titleElement.className = "cesium-infoBox-title";
-  titleElement.setAttribute("data-bind", "text: titleText");
-  infoElement.appendChild(titleElement);
-  const cameraElement = document.createElement("button");
-  cameraElement.type = "button";
-  cameraElement.className = "cesium-button cesium-infoBox-camera";
-  cameraElement.setAttribute(
-    "data-bind",
-    'attr: { title: "Focus camera on object" },click: function () { cameraClicked.raiseEvent(this); },enable: enableCamera,cesiumSvgPath: { path: cameraIconPath, width: 32, height: 32 }'
-  );
-  infoElement.appendChild(cameraElement);
-  const closeElement = document.createElement("button");
-  closeElement.type = "button";
-  closeElement.className = "cesium-infoBox-close";
-  closeElement.setAttribute(
-    "data-bind",
-    "click: function () { closeClicked.raiseEvent(this); }"
-  );
-  closeElement.innerHTML = "&times;";
-  infoElement.appendChild(closeElement);
-  const frame = document.createElement("iframe");
-  frame.className = "cesium-infoBox-iframe";
-  frame.setAttribute("sandbox", "allow-same-origin allow-popups allow-forms");
-  frame.setAttribute(
-    "data-bind",
-    "style : { maxHeight : maxHeightOffset(40) }"
-  );
-  frame.setAttribute("allowfullscreen", true);
-  infoElement.appendChild(frame);
-  const viewModel = new InfoBoxViewModel_default();
-  knockout_default.applyBindings(viewModel, infoElement);
-  this._container = container;
-  this._element = infoElement;
-  this._frame = frame;
-  this._viewModel = viewModel;
-  this._descriptionSubscription = void 0;
-  const that = this;
-  frame.addEventListener("load", function() {
-    const frameDocument = frame.contentDocument;
-    const cssLink = frameDocument.createElement("link");
-    cssLink.href = buildModuleUrl_default("Widgets/InfoBox/InfoBoxDescription.css");
-    cssLink.rel = "stylesheet";
-    cssLink.type = "text/css";
-    const frameContent = frameDocument.createElement("div");
-    frameContent.className = "cesium-infoBox-description";
-    frameDocument.head.appendChild(cssLink);
-    frameDocument.body.appendChild(frameContent);
-    that._descriptionSubscription = subscribeAndEvaluate_default(
-      viewModel,
-      "description",
-      function(value) {
-        frame.style.height = "5px";
-        frameContent.innerHTML = value;
-        let background = null;
-        const firstElementChild = frameContent.firstElementChild;
-        if (firstElementChild !== null && frameContent.childNodes.length === 1) {
-          const style = window.getComputedStyle(firstElementChild);
-          if (style !== null) {
-            const backgroundColor = style["background-color"];
-            const color = Color_default.fromCssColorString(backgroundColor);
-            if (defined_default(color) && color.alpha !== 0) {
-              background = style["background-color"];
-            }
-          }
-        }
-        infoElement.style["background-color"] = background;
-        const height = frameContent.getBoundingClientRect().height;
-        frame.style.height = `${height}px`;
-      }
-    );
-  });
-  frame.setAttribute("src", "about:blank");
-}
-Object.defineProperties(InfoBox.prototype, {
-  /**
-   * Gets the parent container.
-   * @memberof InfoBox.prototype
-   *
-   * @type {Element}
-   */
-  container: {
-    get: function() {
-      return this._container;
-    }
-  },
-  /**
-   * Gets the view model.
-   * @memberof InfoBox.prototype
-   *
-   * @type {InfoBoxViewModel}
-   */
-  viewModel: {
-    get: function() {
-      return this._viewModel;
-    }
-  },
-  /**
-   * Gets the iframe used to display the description.
-   * @memberof InfoBox.prototype
-   *
-   * @type {HTMLIFrameElement}
-   */
-  frame: {
-    get: function() {
-      return this._frame;
-    }
-  }
-});
-InfoBox.prototype.isDestroyed = function() {
-  return false;
-};
-InfoBox.prototype.destroy = function() {
-  const container = this._container;
-  knockout_default.cleanNode(this._element);
-  container.removeChild(this._element);
-  if (defined_default(this._descriptionSubscription)) {
-    this._descriptionSubscription.dispose();
-  }
-  return destroyObject_default(this);
-};
-var InfoBox_default = InfoBox;
-
-// packages/widgets/Source/ProjectionPicker/ProjectionPickerViewModel.js
-function ProjectionPickerViewModel(scene) {
-  if (!defined_default(scene)) {
-    throw new DeveloperError_default("scene is required.");
-  }
-  this._scene = scene;
-  this._orthographic = scene.camera.frustum instanceof OrthographicFrustum_default;
-  this._flightInProgress = false;
-  this.dropDownVisible = false;
-  this.tooltipPerspective = "Perspective Projection";
-  this.tooltipOrthographic = "Orthographic Projection";
-  this.selectedTooltip = void 0;
-  this.sceneMode = scene.mode;
-  knockout_default.track(this, [
-    "_orthographic",
-    "_flightInProgress",
-    "sceneMode",
-    "dropDownVisible",
-    "tooltipPerspective",
-    "tooltipOrthographic"
-  ]);
-  const that = this;
-  knockout_default.defineProperty(this, "selectedTooltip", function() {
-    if (that._orthographic) {
-      return that.tooltipOrthographic;
-    }
-    return that.tooltipPerspective;
-  });
-  this._toggleDropDown = createCommand_default(function() {
-    if (that.sceneMode === SceneMode_default.SCENE2D || that._flightInProgress) {
-      return;
-    }
-    that.dropDownVisible = !that.dropDownVisible;
-  });
-  this._eventHelper = new EventHelper_default();
-  this._eventHelper.add(
-    scene.morphComplete,
-    function(transitioner, oldMode, newMode, isMorphing) {
-      that.sceneMode = newMode;
-      that._orthographic = newMode === SceneMode_default.SCENE2D || that._scene.camera.frustum instanceof OrthographicFrustum_default;
-    }
-  );
-  this._eventHelper.add(scene.preRender, function() {
-    that._flightInProgress = defined_default(scene.camera._currentFlight);
-  });
-  this._switchToPerspective = createCommand_default(function() {
-    if (that.sceneMode === SceneMode_default.SCENE2D) {
-      return;
-    }
-    that._scene.camera.switchToPerspectiveFrustum();
-    that._orthographic = false;
-    that.dropDownVisible = false;
-  });
-  this._switchToOrthographic = createCommand_default(function() {
-    if (that.sceneMode === SceneMode_default.SCENE2D) {
-      return;
-    }
-    that._scene.camera.switchToOrthographicFrustum();
-    that._orthographic = true;
-    that.dropDownVisible = false;
-  });
-  this._sceneMode = SceneMode_default;
-}
-Object.defineProperties(ProjectionPickerViewModel.prototype, {
-  /**
-   * Gets the scene
-   * @memberof ProjectionPickerViewModel.prototype
-   * @type {Scene}
-   */
-  scene: {
-    get: function() {
-      return this._scene;
-    }
-  },
-  /**
-   * Gets the command to toggle the drop down box.
-   * @memberof ProjectionPickerViewModel.prototype
-   *
-   * @type {Command}
-   */
-  toggleDropDown: {
-    get: function() {
-      return this._toggleDropDown;
-    }
-  },
-  /**
-   * Gets the command to switch to a perspective projection.
-   * @memberof ProjectionPickerViewModel.prototype
-   *
-   * @type {Command}
-   */
-  switchToPerspective: {
-    get: function() {
-      return this._switchToPerspective;
-    }
-  },
-  /**
-   * Gets the command to switch to orthographic projection.
-   * @memberof ProjectionPickerViewModel.prototype
-   *
-   * @type {Command}
-   */
-  switchToOrthographic: {
-    get: function() {
-      return this._switchToOrthographic;
-    }
-  },
-  /**
-   * Gets whether the scene is currently using an orthographic projection.
-   * @memberof ProjectionPickerViewModel.prototype
-   *
-   * @type {Command}
-   */
-  isOrthographicProjection: {
-    get: function() {
-      return this._orthographic;
-    }
-  }
-});
-ProjectionPickerViewModel.prototype.isDestroyed = function() {
-  return false;
-};
-ProjectionPickerViewModel.prototype.destroy = function() {
-  this._eventHelper.removeAll();
-  destroyObject_default(this);
-};
-var ProjectionPickerViewModel_default = ProjectionPickerViewModel;
-
-// packages/widgets/Source/ProjectionPicker/ProjectionPicker.js
-var perspectivePath = "M 28.15625,10.4375 9.125,13.21875 13.75,43.25 41.75,55.09375 50.8125,37 54.5,11.9375 z m 0.125,3 19.976451,0.394265 L 43.03125,16.875 22.6875,14.28125 z M 50.971746,15.705477 47.90625,36.03125 42.53125,46 44.84375,19.3125 z M 12.625,16.03125 l 29.15625,3.6875 -2.65625,31 L 16.4375,41.125 z";
-var orthographicPath = "m 31.560594,6.5254438 -20.75,12.4687502 0.1875,24.5625 22.28125,11.8125 19.5,-12 0.65625,-0.375 0,-0.75 0.0312,-23.21875 z m 0.0625,3.125 16.65625,9.5000002 -16.125,10.28125 -17.34375,-9.71875 z m 18.96875,11.1875002 0.15625,20.65625 -17.46875,10.59375 0.15625,-20.28125 z m -37.0625,1.25 17.21875,9.625 -0.15625,19.21875 -16.9375,-9 z";
-function ProjectionPicker(container, scene) {
-  if (!defined_default(container)) {
-    throw new DeveloperError_default("container is required.");
+};
+var GeocoderViewModel_default = GeocoderViewModel;
+
+// packages/widgets/Source/Geocoder/Geocoder.js
+var startSearchPath = "M29.772,26.433l-7.126-7.126c0.96-1.583,1.523-3.435,1.524-5.421C24.169,8.093,19.478,3.401,13.688,3.399C7.897,3.401,3.204,8.093,3.204,13.885c0,5.789,4.693,10.481,10.484,10.481c1.987,0,3.839-0.563,5.422-1.523l7.128,7.127L29.772,26.433zM7.203,13.885c0.006-3.582,2.903-6.478,6.484-6.486c3.579,0.008,6.478,2.904,6.484,6.486c-0.007,3.58-2.905,6.476-6.484,6.484C10.106,20.361,7.209,17.465,7.203,13.885z";
+var stopSearchPath = "M24.778,21.419 19.276,15.917 24.777,10.415 21.949,7.585 16.447,13.087 10.945,7.585 8.117,10.415 13.618,15.917 8.116,21.419 10.946,24.248 16.447,18.746 21.948,24.248z";
+function Geocoder(options) {
+  if (!defined_default(options) || !defined_default(options.container)) {
+    throw new DeveloperError_default("options.container is required.");
   }
-  if (!defined_default(scene)) {
-    throw new DeveloperError_default("scene is required.");
+  if (!defined_default(options.scene)) {
+    throw new DeveloperError_default("options.scene is required.");
   }
-  container = getElement_default(container);
-  const viewModel = new ProjectionPickerViewModel_default(scene);
-  viewModel._perspectivePath = perspectivePath;
-  viewModel._orthographicPath = orthographicPath;
-  const wrapper = document.createElement("span");
-  wrapper.className = "cesium-projectionPicker-wrapper cesium-toolbar-button";
-  container.appendChild(wrapper);
-  const button = document.createElement("button");
-  button.type = "button";
-  button.className = "cesium-button cesium-toolbar-button";
-  button.setAttribute(
+  const container = getElement_default(options.container);
+  const viewModel = new GeocoderViewModel_default(options);
+  viewModel._startSearchPath = startSearchPath;
+  viewModel._stopSearchPath = stopSearchPath;
+  const form = document.createElement("form");
+  form.setAttribute("data-bind", "submit: search");
+  const textBox = document.createElement("input");
+  textBox.type = "search";
+  textBox.className = "cesium-geocoder-input";
+  textBox.setAttribute("placeholder", "Enter an address or landmark...");
+  textBox.setAttribute(
     "data-bind",
-    'css: { "cesium-projectionPicker-buttonPerspective": !_orthographic,       "cesium-projectionPicker-buttonOrthographic": _orthographic,       "cesium-button-disabled" : sceneMode === _sceneMode.SCENE2D || _flightInProgress,        "cesium-projectionPicker-selected": dropDownVisible },attr: { title: selectedTooltip },click: toggleDropDown'
+    'textInput: searchText,disable: isSearchInProgress,event: { keyup: handleKeyUp, keydown: handleKeyDown, mouseover: deselectSuggestion },css: { "cesium-geocoder-input-wide" : keepExpanded || searchText.length > 0 },hasFocus: _focusTextbox'
   );
-  button.innerHTML = '<!-- ko cesiumSvgPath: { path: _perspectivePath, width: 64, height: 64, css: "cesium-projectionPicker-iconPerspective" } --><!-- /ko --><!-- ko cesiumSvgPath: { path: _orthographicPath, width: 64, height: 64, css: "cesium-projectionPicker-iconOrthographic" } --><!-- /ko -->';
-  wrapper.appendChild(button);
-  const perspectiveButton = document.createElement("button");
-  perspectiveButton.type = "button";
-  perspectiveButton.className = "cesium-button cesium-toolbar-button cesium-projectionPicker-dropDown-icon";
-  perspectiveButton.setAttribute(
+  this._onTextBoxFocus = function() {
+    setTimeout(function() {
+      textBox.select();
+    }, 0);
+  };
+  textBox.addEventListener("focus", this._onTextBoxFocus, false);
+  form.appendChild(textBox);
+  this._textBox = textBox;
+  const searchButton = document.createElement("span");
+  searchButton.className = "cesium-geocoder-searchButton";
+  searchButton.setAttribute(
     "data-bind",
-    'css: { "cesium-projectionPicker-visible" : (dropDownVisible && _orthographic),       "cesium-projectionPicker-none" : !_orthographic,       "cesium-projectionPicker-hidden" : !dropDownVisible },attr: { title: tooltipPerspective },click: switchToPerspective,cesiumSvgPath: { path: _perspectivePath, width: 64, height: 64 }'
+    "click: search,cesiumSvgPath: { path: isSearchInProgress ? _stopSearchPath : _startSearchPath, width: 32, height: 32 }"
   );
-  wrapper.appendChild(perspectiveButton);
-  const orthographicButton = document.createElement("button");
-  orthographicButton.type = "button";
-  orthographicButton.className = "cesium-button cesium-toolbar-button cesium-projectionPicker-dropDown-icon";
-  orthographicButton.setAttribute(
+  form.appendChild(searchButton);
+  container.appendChild(form);
+  const searchSuggestionsContainer = document.createElement("div");
+  searchSuggestionsContainer.className = "search-results";
+  searchSuggestionsContainer.setAttribute(
     "data-bind",
-    'css: { "cesium-projectionPicker-visible" : (dropDownVisible && !_orthographic),       "cesium-projectionPicker-none" : _orthographic,       "cesium-projectionPicker-hidden" : !dropDownVisible},attr: { title: tooltipOrthographic },click: switchToOrthographic,cesiumSvgPath: { path: _orthographicPath, width: 64, height: 64 }'
+    "visible: _suggestionsVisible"
   );
-  wrapper.appendChild(orthographicButton);
-  knockout_default.applyBindings(viewModel, wrapper);
-  this._viewModel = viewModel;
+  const suggestionsList = document.createElement("ul");
+  suggestionsList.setAttribute("data-bind", "foreach: _suggestions");
+  const suggestions = document.createElement("li");
+  suggestionsList.appendChild(suggestions);
+  suggestions.setAttribute(
+    "data-bind",
+    "text: $data.displayName, click: $parent.activateSuggestion, event: { mouseover: $parent.handleMouseover}, css: { active: $data === $parent._selectedSuggestion }"
+  );
+  searchSuggestionsContainer.appendChild(suggestionsList);
+  container.appendChild(searchSuggestionsContainer);
+  knockout_default.applyBindings(viewModel, form);
+  knockout_default.applyBindings(viewModel, searchSuggestionsContainer);
   this._container = container;
-  this._wrapper = wrapper;
-  this._closeDropDown = function(e) {
-    if (!wrapper.contains(e.target)) {
-      viewModel.dropDownVisible = false;
+  this._searchSuggestionsContainer = searchSuggestionsContainer;
+  this._viewModel = viewModel;
+  this._form = form;
+  this._onInputBegin = function(e) {
+    let target = e.target;
+    if (typeof e.composedPath === "function") {
+      target = e.composedPath()[0];
+    }
+    if (!container.contains(target)) {
+      viewModel._focusTextbox = false;
+      viewModel.hideSuggestions();
     }
   };
+  this._onInputEnd = function(e) {
+    viewModel._focusTextbox = true;
+    viewModel.showSuggestions();
+  };
   if (FeatureDetection_default.supportsPointerEvents()) {
-    document.addEventListener("pointerdown", this._closeDropDown, true);
+    document.addEventListener("pointerdown", this._onInputBegin, true);
+    container.addEventListener("pointerup", this._onInputEnd, true);
+    container.addEventListener("pointercancel", this._onInputEnd, true);
   } else {
-    document.addEventListener("mousedown", this._closeDropDown, true);
-    document.addEventListener("touchstart", this._closeDropDown, true);
+    document.addEventListener("mousedown", this._onInputBegin, true);
+    container.addEventListener("mouseup", this._onInputEnd, true);
+    document.addEventListener("touchstart", this._onInputBegin, true);
+    container.addEventListener("touchend", this._onInputEnd, true);
+    container.addEventListener("touchcancel", this._onInputEnd, true);
   }
 }
-Object.defineProperties(ProjectionPicker.prototype, {
+Object.defineProperties(Geocoder.prototype, {
   /**
    * Gets the parent container.
-   * @memberof ProjectionPicker.prototype
+   * @memberof Geocoder.prototype
    *
    * @type {Element}
    */
@@ -249953,11 +249511,22 @@ Object.defineProperties(ProjectionPicker.prototype, {
       return this._container;
     }
   },
+  /**
+   * Gets the parent container.
+   * @memberof Geocoder.prototype
+   *
+   * @type {Element}
+   */
+  searchSuggestionsContainer: {
+    get: function() {
+      return this._searchSuggestionsContainer;
+    }
+  },
   /**
    * Gets the view model.
-   * @memberof ProjectionPicker.prototype
+   * @memberof Geocoder.prototype
    *
-   * @type {ProjectionPickerViewModel}
+   * @type {GeocoderViewModel}
    */
   viewModel: {
     get: function() {
@@ -249965,22 +249534,226 @@ Object.defineProperties(ProjectionPicker.prototype, {
     }
   }
 });
-ProjectionPicker.prototype.isDestroyed = function() {
+Geocoder.prototype.isDestroyed = function() {
   return false;
 };
-ProjectionPicker.prototype.destroy = function() {
-  this._viewModel.destroy();
+Geocoder.prototype.destroy = function() {
+  const container = this._container;
   if (FeatureDetection_default.supportsPointerEvents()) {
-    document.removeEventListener("pointerdown", this._closeDropDown, true);
+    document.removeEventListener("pointerdown", this._onInputBegin, true);
+    container.removeEventListener("pointerup", this._onInputEnd, true);
   } else {
-    document.removeEventListener("mousedown", this._closeDropDown, true);
-    document.removeEventListener("touchstart", this._closeDropDown, true);
+    document.removeEventListener("mousedown", this._onInputBegin, true);
+    container.removeEventListener("mouseup", this._onInputEnd, true);
+    document.removeEventListener("touchstart", this._onInputBegin, true);
+    container.removeEventListener("touchend", this._onInputEnd, true);
   }
-  knockout_default.cleanNode(this._wrapper);
-  this._container.removeChild(this._wrapper);
+  this._viewModel.destroy();
+  knockout_default.cleanNode(this._form);
+  knockout_default.cleanNode(this._searchSuggestionsContainer);
+  container.removeChild(this._form);
+  container.removeChild(this._searchSuggestionsContainer);
+  this._textBox.removeEventListener("focus", this._onTextBoxFocus, false);
   return destroyObject_default(this);
 };
-var ProjectionPicker_default = ProjectionPicker;
+var Geocoder_default = Geocoder;
+
+// packages/widgets/Source/I3SBuildingSceneLayerExplorer/I3SBuildingSceneLayerExplorerViewModel.js
+function expandItemsHandler(data, event) {
+  const nestedList = event.currentTarget.parentElement.parentElement.querySelector(
+    `#${data.name}-expander`
+  );
+  nestedList.classList.toggle("active");
+  event.currentTarget.textContent = event.currentTarget.textContent === "+" ? "-" : "+";
+}
+function trackSublayer(sublayer, viewModel) {
+  knockout_default.track(sublayer);
+  for (let i = 0; i < sublayer.sublayers.length; i++) {
+    trackSublayer(sublayer.sublayers[i], viewModel);
+  }
+}
+function isFullModel(layer) {
+  return layer.modelName === "FullModel";
+}
+function isOverview(layer) {
+  return layer.modelName === "Overview";
+}
+function isTopLayer(layer) {
+  return isOverview(layer) || isFullModel(layer);
+}
+function addTopLayer(layer, viewModel) {
+  if (isTopLayer(layer)) {
+    layer.visibility = false;
+    for (let i = 0; i < layer.sublayers.length; i++) {
+      layer.sublayers[i].visibility = true;
+    }
+    const topLayer = {
+      name: layer.name,
+      modelName: layer.modelName,
+      disable: knockout_default.observable(false),
+      index: viewModel.sublayers.length
+    };
+    viewModel.topLayers.push(topLayer);
+    viewModel.sublayers.push(layer);
+    return topLayer;
+  }
+}
+function handleTopLayerSelector(layer, viewModel) {
+  if (isTopLayer(layer)) {
+    viewModel.sublayers.forEach((elem) => elem.visibility = false);
+    viewModel.sublayers[layer.index].visibility = true;
+    const bsl = document.getElementById("bsl-wrapper");
+    if (isFullModel(layer)) {
+      viewModel.currentLevel = viewModel.selectedLevel;
+      bsl.style.display = "block";
+    } else {
+      viewModel.selectedLevel = viewModel.currentLevel;
+      viewModel.currentLevel = "All";
+      bsl.style.display = "none";
+    }
+  }
+}
+async function setLevels(i3sProvider, levels) {
+  try {
+    const attributes = i3sProvider.getAttributeNames();
+    for (let index = 0; index < attributes.length; index++) {
+      if (attributes[index] === "BldgLevel") {
+        const values = i3sProvider.getAttributeValues(attributes[index]);
+        for (let i = 0; i < values.length; i++) {
+          levels.push(values[i]);
+        }
+      }
+    }
+    levels.sort((a3, b) => a3 - b);
+    levels.unshift("All");
+  } catch (error) {
+    console.log(`There was an error getting attributes: ${error}`);
+  }
+}
+function I3SBuildingSceneLayerExplorerViewModel(i3sProvider) {
+  const that = this;
+  this.levels = [];
+  this.viewModel = {
+    sublayers: [],
+    levels: this.levels,
+    currentLevel: knockout_default.observable(),
+    selectedLevel: "All",
+    topLayers: [
+      {
+        name: "Select a layer to explore...",
+        disable: knockout_default.observable(true),
+        index: -1
+      }
+    ],
+    currentLayer: knockout_default.observable(),
+    expandClickHandler: expandItemsHandler,
+    setOptionDisable: function(option, item) {
+      knockout_default.applyBindingsToNode(option, { disable: item.disable }, item);
+    },
+    defaultLayer: void 0
+  };
+  this.viewModel.currentLayer.subscribe(function(layer) {
+    handleTopLayerSelector(layer, that.viewModel);
+  });
+  const sublayers = i3sProvider.sublayers;
+  for (let i = 0; i < sublayers.length; i++) {
+    trackSublayer(sublayers[i], this.viewModel);
+    const topLayer = addTopLayer(sublayers[i], this.viewModel);
+    if (defined_default(topLayer) && (isOverview(topLayer) || !defined_default(this.viewModel.defaultLayer) && isFullModel(topLayer))) {
+      this.viewModel.defaultLayer = topLayer;
+    }
+  }
+  if (this.viewModel.topLayers.length === 1 && sublayers.length > 0) {
+    i3sProvider.show = false;
+    const fullModel = {
+      name: "Full Model",
+      modelName: "FullModel",
+      visibility: i3sProvider.show,
+      sublayers: i3sProvider.sublayers
+    };
+    this.viewModel.defaultLayer = addTopLayer(fullModel, this.viewModel);
+    this.viewModel.currentLayer.subscribe(function(layer) {
+      i3sProvider.show = isFullModel(layer);
+    });
+  } else if (this.viewModel.topLayers.length === 1) {
+    this.viewModel.topLayers[0].name = "Building layers not found";
+  }
+  setLevels(i3sProvider, this.levels);
+  this.viewModel.currentLevel.subscribe(function(newValue) {
+    if (newValue !== "All") {
+      i3sProvider.filterByAttributes([
+        {
+          name: "BldgLevel",
+          values: [newValue]
+        }
+      ]);
+    } else {
+      i3sProvider.filterByAttributes();
+    }
+  });
+  return this.viewModel;
+}
+var I3SBuildingSceneLayerExplorerViewModel_default = I3SBuildingSceneLayerExplorerViewModel;
+
+// packages/widgets/Source/I3SBuildingSceneLayerExplorer/I3SBuildingSceneLayerExplorer.js
+function I3SBuildingSceneLayerExplorer(containerId, i3sProvider) {
+  const container = document.getElementById(containerId);
+  Check_default.defined("container", container);
+  Check_default.defined("i3sProvider", i3sProvider);
+  const htmlWrapper = document.createElement("div");
+  htmlWrapper.classList.add("cesium-viewer-i3s-explorer");
+  htmlWrapper.innerHTML = `
+        <h3>Building explorer</h3>
+        <select
+          data-bind="options: topLayers, optionsText: 'name', optionsAfterRender: setOptionDisable, value: currentLayer"
+        ></select>
+        <div id="bsl-wrapper">
+          <h3>Select Level</h3>
+          <select data-bind="options: levels, value: currentLevel"></select>
+          <h3>Disciplines & Categories</h3>
+          <ul class="layersList" data-bind="foreach: sublayers">
+            <ul class="layersList" data-bind="foreach: sublayers.sort(function (l, r) { return l.name.localeCompare(r.name) })">
+              <li>
+                <div class="li-wrapper">
+                  <span
+                    class="expandItem"
+                    data-bind="click: $root.expandClickHandler"
+                    >+</span
+                  >
+                  <input
+                    type="checkbox"
+                    data-bind="checked: visibility, valueUpdate: 'input', attr: { id: name}"
+                  />
+                  <label data-bind="attr: { for: name}">
+                    <span data-bind="text: name"></span>
+                  </label>
+                </div>
+                <ul class="nested" data-bind="attr: { id: name + '-expander'}">
+                  <li data-bind="foreach: sublayers.sort(function (l, r) { return l.name.localeCompare(r.name) })">
+                    <div class="li-wrapper">
+                      <input
+                        type="checkbox"
+                        data-bind="checked: visibility, valueUpdate: 'input', attr: { id: name}"
+                      />
+                      <label data-bind="attr: { for: name}">
+                        <span data-bind="text: name"></span>
+                      </label>
+                    </div>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </ul>
+        </div>`;
+  container.appendChild(htmlWrapper);
+  const viewModel = new I3SBuildingSceneLayerExplorerViewModel_default(i3sProvider);
+  knockout_default.track(viewModel);
+  knockout_default.applyBindings(viewModel, container);
+  if (defined_default(viewModel.defaultLayer)) {
+    viewModel.currentLayer = viewModel.defaultLayer;
+  }
+}
+var I3SBuildingSceneLayerExplorer_default = I3SBuildingSceneLayerExplorer;
 
 // packages/widgets/Source/PerformanceWatchdog/PerformanceWatchdogViewModel.js
 function PerformanceWatchdogViewModel(options) {
@@ -250109,449 +249882,6 @@ PerformanceWatchdog.prototype.destroy = function() {
 };
 var PerformanceWatchdog_default = PerformanceWatchdog;
 
-// packages/widgets/Source/SceneModePicker/SceneModePickerViewModel.js
-function SceneModePickerViewModel(scene, duration) {
-  if (!defined_default(scene)) {
-    throw new DeveloperError_default("scene is required.");
-  }
-  this._scene = scene;
-  const that = this;
-  const morphStart = function(transitioner, oldMode, newMode, isMorphing) {
-    that.sceneMode = newMode;
-    that.dropDownVisible = false;
-  };
-  this._eventHelper = new EventHelper_default();
-  this._eventHelper.add(scene.morphStart, morphStart);
-  this._duration = duration ?? 2;
-  this.sceneMode = scene.mode;
-  this.dropDownVisible = false;
-  this.tooltip2D = "2D";
-  this.tooltip3D = "3D";
-  this.tooltipColumbusView = "Columbus View";
-  knockout_default.track(this, [
-    "sceneMode",
-    "dropDownVisible",
-    "tooltip2D",
-    "tooltip3D",
-    "tooltipColumbusView"
-  ]);
-  this.selectedTooltip = void 0;
-  knockout_default.defineProperty(this, "selectedTooltip", function() {
-    const mode2 = that.sceneMode;
-    if (mode2 === SceneMode_default.SCENE2D) {
-      return that.tooltip2D;
-    }
-    if (mode2 === SceneMode_default.SCENE3D) {
-      return that.tooltip3D;
-    }
-    return that.tooltipColumbusView;
-  });
-  this._toggleDropDown = createCommand_default(function() {
-    that.dropDownVisible = !that.dropDownVisible;
-  });
-  this._morphTo2D = createCommand_default(function() {
-    scene.morphTo2D(that._duration);
-  });
-  this._morphTo3D = createCommand_default(function() {
-    scene.morphTo3D(that._duration);
-  });
-  this._morphToColumbusView = createCommand_default(function() {
-    scene.morphToColumbusView(that._duration);
-  });
-  this._sceneMode = SceneMode_default;
-}
-Object.defineProperties(SceneModePickerViewModel.prototype, {
-  /**
-   * Gets the scene
-   * @memberof SceneModePickerViewModel.prototype
-   * @type {Scene}
-   */
-  scene: {
-    get: function() {
-      return this._scene;
-    }
-  },
-  /**
-   * Gets or sets the the duration of scene mode transition animations in seconds.
-   * A value of zero causes the scene to instantly change modes.
-   * @memberof SceneModePickerViewModel.prototype
-   * @type {number}
-   */
-  duration: {
-    get: function() {
-      return this._duration;
-    },
-    set: function(value) {
-      if (value < 0) {
-        throw new DeveloperError_default("duration value must be positive.");
-      }
-      this._duration = value;
-    }
-  },
-  /**
-   * Gets the command to toggle the drop down box.
-   * @memberof SceneModePickerViewModel.prototype
-   *
-   * @type {Command}
-   */
-  toggleDropDown: {
-    get: function() {
-      return this._toggleDropDown;
-    }
-  },
-  /**
-   * Gets the command to morph to 2D.
-   * @memberof SceneModePickerViewModel.prototype
-   *
-   * @type {Command}
-   */
-  morphTo2D: {
-    get: function() {
-      return this._morphTo2D;
-    }
-  },
-  /**
-   * Gets the command to morph to 3D.
-   * @memberof SceneModePickerViewModel.prototype
-   *
-   * @type {Command}
-   */
-  morphTo3D: {
-    get: function() {
-      return this._morphTo3D;
-    }
-  },
-  /**
-   * Gets the command to morph to Columbus View.
-   * @memberof SceneModePickerViewModel.prototype
-   *
-   * @type {Command}
-   */
-  morphToColumbusView: {
-    get: function() {
-      return this._morphToColumbusView;
-    }
-  }
-});
-SceneModePickerViewModel.prototype.isDestroyed = function() {
-  return false;
-};
-SceneModePickerViewModel.prototype.destroy = function() {
-  this._eventHelper.removeAll();
-  destroyObject_default(this);
-};
-var SceneModePickerViewModel_default = SceneModePickerViewModel;
-
-// packages/widgets/Source/SceneModePicker/SceneModePicker.js
-var globePath = "m 32.401392,4.9330437 c -7.087603,0 -14.096095,2.884602 -19.10793,7.8946843 -5.0118352,5.010083 -7.9296167,11.987468 -7.9296167,19.072999 0,7.085531 2.9177815,14.097848 7.9296167,19.107931 4.837653,4.835961 11.541408,7.631372 18.374354,7.82482 0.05712,0.01231 0.454119,0.139729 0.454119,0.139729 l 0.03493,-0.104797 c 0.08246,7.84e-4 0.162033,0.03493 0.244525,0.03493 0.08304,0 0.161515,-0.03414 0.244526,-0.03493 l 0.03493,0.104797 c 0,0 0.309474,-0.129487 0.349323,-0.139729 6.867765,-0.168094 13.582903,-2.965206 18.444218,-7.82482 2.558195,-2.5573 4.551081,-5.638134 5.903547,-8.977584 1.297191,-3.202966 2.02607,-6.661489 2.02607,-10.130347 0,-6.237309 -2.366261,-12.31219 -6.322734,-17.116794 -0.0034,-0.02316 0.0049,-0.04488 0,-0.06986 -0.01733,-0.08745 -0.104529,-0.278855 -0.104797,-0.279458 -5.31e-4,-0.0012 -0.522988,-0.628147 -0.523984,-0.62878         -3.47e-4,-2.2e-4 -0.133444,-0.03532 -0.244525,-0.06987 C 51.944299,13.447603 51.751076,13.104317 51.474391,12.827728 46.462556,7.8176457 39.488996,4.9330437 32.401392,4.9330437 z m -2.130866,3.5281554 0.104797,9.6762289 c -4.111695,-0.08361 -7.109829,-0.423664 -9.257041,-0.943171 1.198093,-2.269271 2.524531,-4.124404 3.91241,-5.414496 2.167498,-2.0147811 3.950145,-2.8540169 5.239834,-3.3185619 z m 2.794579,0 c 1.280302,0.4754953 3.022186,1.3285948 5.065173,3.2486979 1.424667,1.338973 2.788862,3.303645 3.982275,5.728886 -2.29082,0.403367 -5.381258,0.621049 -8.942651,0.698645 L 33.065105,8.4611991 z m 5.728886,0.2445256 c 4.004072,1.1230822 7.793098,3.1481363 10.724195,6.0782083 0.03468,0.03466 0.07033,0.06991 0.104797,0.104797 -0.45375,0.313891 -0.923054,0.663002 -1.956205,1.082899 -0.647388,0.263114 -1.906242,0.477396 -2.829511,0.733577 -1.382296,-2.988132         -3.027146,-5.368585 -4.785716,-7.0213781 -0.422866,-0.397432 -0.835818,-0.6453247 -1.25756,-0.9781032 z m -15.33525,0.7685092 c -0.106753,0.09503 -0.207753,0.145402 -0.31439,0.244526 -1.684973,1.5662541 -3.298068,3.8232211 -4.680919,6.5672591 -0.343797,-0.14942 -1.035052,-0.273198 -1.292493,-0.419186 -0.956528,-0.542427 -1.362964,-1.022024 -1.537018,-1.292493 -0.0241,-0.03745 -0.01868,-0.0401 -0.03493,-0.06986 2.250095,-2.163342 4.948824,-3.869984 7.859752,-5.0302421 z m -9.641296,7.0912431 c 0.464973,0.571618 0.937729,1.169056 1.956205,1.746612 0.349907,0.198425 1.107143,0.335404 1.537018,0.523983 -1.20166,3.172984 -1.998037,7.051901 -2.165798,11.772162 C 14.256557,30.361384 12.934823,30.161483 12.280427,29.90959 10.644437,29.279855 9.6888882,28.674891 9.1714586,28.267775 8.6540289,27.860658 8.6474751,27.778724 8.6474751,27.778724 l -0.069864,0.03493 C 9.3100294,23.691285         11.163248,19.798527 13.817445,16.565477 z m 37.552149,0.523984 c 2.548924,3.289983 4.265057,7.202594 4.890513,11.318043 -0.650428,0.410896 -1.756876,1.001936 -3.563088,1.606882 -1.171552,0.392383 -3.163859,0.759153 -4.960377,1.117832 -0.04367,-4.752703 -0.784809,-8.591423 -1.88634,-11.807094 0.917574,-0.263678 2.170552,-0.486495 2.864443,-0.76851 1.274693,-0.518066 2.003942,-1.001558 2.654849,-1.467153 z m -31.439008,2.619917 c 2.487341,0.672766 5.775813,1.137775 10.479669,1.222628 l 0.104797,10.689263 0,0.03493 0,0.733577 c -5.435005,-0.09059 -9.512219,-0.519044 -12.610536,-1.117831 0.106127,-4.776683 0.879334,-8.55791 2.02607,-11.562569 z m 23.264866,0.31439 c 1.073459,3.067541 1.833795,6.821314 1.816476,11.702298 -3.054474,0.423245 -7.062018,0.648559 -11.702298,0.698644 l 0,-0.838373 -0.104796,-10.654331 c 4.082416,-0.0864 7.404468,-0.403886 9.990618,-0.908238 z         M 8.2632205,30.922625 c 0.7558676,0.510548 1.5529563,1.013339 3.0041715,1.57195 0.937518,0.360875 2.612202,0.647642 3.91241,0.978102 0.112814,3.85566 0.703989,7.107756 1.606883,9.920754 -1.147172,-0.324262 -2.644553,-0.640648 -3.423359,-0.978102 -1.516688,-0.657177 -2.386627,-1.287332 -2.864443,-1.71168 -0.477816,-0.424347 -0.489051,-0.489051 -0.489051,-0.489051 L 9.8002387,40.319395 C 8.791691,37.621767 8.1584238,34.769583 8.1584238,31.900727 c 0,-0.330153 0.090589,-0.648169 0.1047967,-0.978102 z m 48.2763445,0.419186 c 0.0047,0.188973 0.06986,0.36991 0.06986,0.558916 0,2.938869 -0.620228,5.873558 -1.676747,8.628261 -0.07435,0.07583 -0.06552,0.07411 -0.454119,0.349323 -0.606965,0.429857 -1.631665,1.042044 -3.318562,1.676747 -1.208528,0.454713 -3.204964,0.850894 -5.135038,1.25756 0.84593,-2.765726 1.41808,-6.005357 1.606883,-9.815957 2.232369,-0.413371 4.483758,-0.840201         5.938479,-1.327425 1.410632,-0.472457 2.153108,-0.89469 2.96924,-1.327425 z m -38.530252,2.864443 c 3.208141,0.56697 7.372279,0.898588 12.575603,0.978103 l 0.174662,9.885821 c -4.392517,-0.06139 -8.106722,-0.320566 -10.863925,-0.803441 -1.051954,-2.664695 -1.692909,-6.043794 -1.88634,-10.060483 z m 26.793022,0.31439 c -0.246298,3.923551 -0.877762,7.263679 -1.816476,9.885822 -2.561957,0.361954 -5.766249,0.560708 -9.431703,0.62878 l -0.174661,-9.815957 c 4.491734,-0.04969 8.334769,-0.293032 11.42284,-0.698645 z M 12.035901,44.860585 c 0.09977,0.04523 0.105535,0.09465 0.209594,0.139729 1.337656,0.579602 3.441099,1.058072 5.589157,1.537018 1.545042,3.399208 3.548524,5.969402 5.589157,7.789888 -3.034411,-1.215537 -5.871615,-3.007978 -8.174142,-5.309699 -1.245911,-1.245475 -2.271794,-2.662961 -3.213766,-4.156936 z m 40.69605,0 c -0.941972,1.493975 -1.967855,2.911461         -3.213765,4.156936 -2.74253,2.741571 -6.244106,4.696717 -9.955686,5.868615 0.261347,-0.241079 0.507495,-0.394491 0.768509,-0.663713 1.674841,-1.727516 3.320792,-4.181056 4.645987,-7.265904 2.962447,-0.503021 5.408965,-1.122293 7.161107,-1.781544 0.284034,-0.106865 0.337297,-0.207323 0.593848,-0.31439 z m -31.404076,2.305527 c 2.645807,0.376448 5.701178,0.649995 9.466635,0.698645 l 0.139729,7.789888 c -1.38739,-0.480844 -3.316218,-1.29837 -5.659022,-3.388427 -1.388822,-1.238993 -2.743668,-3.0113 -3.947342,-5.100106 z m 20.365491,0.104797 c -1.04872,2.041937 -2.174337,3.779068 -3.353494,4.995309 -1.853177,1.911459 -3.425515,2.82679 -4.611055,3.353494 l -0.139729,-7.789887 c 3.13091,-0.05714 5.728238,-0.278725 8.104278,-0.558916 z";
-var flatMapPath = "m 2.9825053,17.550598 0,1.368113 0,26.267766 0,1.368113 1.36811,0 54.9981397,0 1.36811,0 0,-1.368113 0,-26.267766 0,-1.368113 -1.36811,0 -54.9981397,0 -1.36811,0 z m 2.73623,2.736226 10.3292497,0 0,10.466063 -10.3292497,0 0,-10.466063 z m 13.0654697,0 11.69737,0 0,10.466063 -11.69737,0 0,-10.466063 z m 14.43359,0 11.69737,0 0,10.466063 -11.69737,0 0,-10.466063 z m 14.43359,0 10.32926,0 0,10.466063 -10.32926,0 0,-10.466063 z m -41.9326497,13.202288 10.3292497,0 0,10.329252 -10.3292497,0 0,-10.329252 z m 13.0654697,0 11.69737,0 0,10.329252 -11.69737,0 0,-10.329252 z m 14.43359,0 11.69737,0 0,10.329252 -11.69737,0 0,-10.329252 z m 14.43359,0 10.32926,0 0,10.329252 -10.32926,0 0,-10.329252 z";
-var columbusViewPath = "m 14.723969,17.675598 -0.340489,0.817175 -11.1680536,26.183638 -0.817175,1.872692 2.076986,0 54.7506996,0 2.07698,0 -0.81717,-1.872692 -11.16805,-26.183638 -0.34049,-0.817175 -0.91933,0 -32.414586,0 -0.919322,0 z m 1.838643,2.723916 6.196908,0 -2.928209,10.418977 -7.729111,0 4.460412,-10.418977 z m 9.02297,0 4.903049,0 0,10.418977 -7.831258,0 2.928209,-10.418977 z m 7.626964,0 5.584031,0 2.62176,10.418977 -8.205791,0 0,-10.418977 z m 8.410081,0 5.51593,0 4.46042,10.418977 -7.38863,0 -2.58772,-10.418977 z m -30.678091,13.142892 8.103649,0 -2.89416,10.282782 -9.6018026,0 4.3923136,-10.282782 z m 10.929711,0 8.614384,0 0,10.282782 -11.508544,0 2.89416,-10.282782 z m 11.338299,0 8.852721,0 2.58772,10.282782 -11.440441,0 0,-10.282782 z m 11.678781,0 7.86531,0 4.39231,10.282782 -9.6699,0 -2.58772,-10.282782 z";
-function SceneModePicker(container, scene, duration) {
-  if (!defined_default(container)) {
-    throw new DeveloperError_default("container is required.");
-  }
-  if (!defined_default(scene)) {
-    throw new DeveloperError_default("scene is required.");
-  }
-  container = getElement_default(container);
-  const viewModel = new SceneModePickerViewModel_default(scene, duration);
-  viewModel._globePath = globePath;
-  viewModel._flatMapPath = flatMapPath;
-  viewModel._columbusViewPath = columbusViewPath;
-  const wrapper = document.createElement("span");
-  wrapper.className = "cesium-sceneModePicker-wrapper cesium-toolbar-button";
-  container.appendChild(wrapper);
-  const button = document.createElement("button");
-  button.type = "button";
-  button.className = "cesium-button cesium-toolbar-button";
-  button.setAttribute(
-    "data-bind",
-    'css: { "cesium-sceneModePicker-button2D": sceneMode === _sceneMode.SCENE2D,       "cesium-sceneModePicker-button3D": sceneMode === _sceneMode.SCENE3D,       "cesium-sceneModePicker-buttonColumbusView": sceneMode === _sceneMode.COLUMBUS_VIEW,       "cesium-sceneModePicker-selected": dropDownVisible },attr: { title: selectedTooltip },click: toggleDropDown'
-  );
-  button.innerHTML = '<!-- ko cesiumSvgPath: { path: _globePath, width: 64, height: 64, css: "cesium-sceneModePicker-slide-svg cesium-sceneModePicker-icon3D" } --><!-- /ko --><!-- ko cesiumSvgPath: { path: _flatMapPath, width: 64, height: 64, css: "cesium-sceneModePicker-slide-svg cesium-sceneModePicker-icon2D" } --><!-- /ko --><!-- ko cesiumSvgPath: { path: _columbusViewPath, width: 64, height: 64, css: "cesium-sceneModePicker-slide-svg cesium-sceneModePicker-iconColumbusView" } --><!-- /ko -->';
-  wrapper.appendChild(button);
-  const morphTo3DButton = document.createElement("button");
-  morphTo3DButton.type = "button";
-  morphTo3DButton.className = "cesium-button cesium-toolbar-button cesium-sceneModePicker-dropDown-icon";
-  morphTo3DButton.setAttribute(
-    "data-bind",
-    'css: { "cesium-sceneModePicker-visible" : (dropDownVisible && (sceneMode !== _sceneMode.SCENE3D)) || (!dropDownVisible && (sceneMode === _sceneMode.SCENE3D)),       "cesium-sceneModePicker-none" : sceneMode === _sceneMode.SCENE3D,       "cesium-sceneModePicker-hidden" : !dropDownVisible },attr: { title: tooltip3D },click: morphTo3D,cesiumSvgPath: { path: _globePath, width: 64, height: 64 }'
-  );
-  wrapper.appendChild(morphTo3DButton);
-  const morphTo2DButton = document.createElement("button");
-  morphTo2DButton.type = "button";
-  morphTo2DButton.className = "cesium-button cesium-toolbar-button cesium-sceneModePicker-dropDown-icon";
-  morphTo2DButton.setAttribute(
-    "data-bind",
-    'css: { "cesium-sceneModePicker-visible" : (dropDownVisible && (sceneMode !== _sceneMode.SCENE2D)),       "cesium-sceneModePicker-none" : sceneMode === _sceneMode.SCENE2D,       "cesium-sceneModePicker-hidden" : !dropDownVisible },attr: { title: tooltip2D },click: morphTo2D,cesiumSvgPath: { path: _flatMapPath, width: 64, height: 64 }'
-  );
-  wrapper.appendChild(morphTo2DButton);
-  const morphToCVButton = document.createElement("button");
-  morphToCVButton.type = "button";
-  morphToCVButton.className = "cesium-button cesium-toolbar-button cesium-sceneModePicker-dropDown-icon";
-  morphToCVButton.setAttribute(
-    "data-bind",
-    'css: { "cesium-sceneModePicker-visible" : (dropDownVisible && (sceneMode !== _sceneMode.COLUMBUS_VIEW)) || (!dropDownVisible && (sceneMode === _sceneMode.COLUMBUS_VIEW)),       "cesium-sceneModePicker-none" : sceneMode === _sceneMode.COLUMBUS_VIEW,       "cesium-sceneModePicker-hidden" : !dropDownVisible},attr: { title: tooltipColumbusView },click: morphToColumbusView,cesiumSvgPath: { path: _columbusViewPath, width: 64, height: 64 }'
-  );
-  wrapper.appendChild(morphToCVButton);
-  knockout_default.applyBindings(viewModel, wrapper);
-  this._viewModel = viewModel;
-  this._container = container;
-  this._wrapper = wrapper;
-  this._closeDropDown = function(e) {
-    if (!wrapper.contains(e.target)) {
-      viewModel.dropDownVisible = false;
-    }
-  };
-  if (FeatureDetection_default.supportsPointerEvents()) {
-    document.addEventListener("pointerdown", this._closeDropDown, true);
-  } else {
-    document.addEventListener("mousedown", this._closeDropDown, true);
-    document.addEventListener("touchstart", this._closeDropDown, true);
-  }
-}
-Object.defineProperties(SceneModePicker.prototype, {
-  /**
-   * Gets the parent container.
-   * @memberof SceneModePicker.prototype
-   *
-   * @type {Element}
-   */
-  container: {
-    get: function() {
-      return this._container;
-    }
-  },
-  /**
-   * Gets the view model.
-   * @memberof SceneModePicker.prototype
-   *
-   * @type {SceneModePickerViewModel}
-   */
-  viewModel: {
-    get: function() {
-      return this._viewModel;
-    }
-  }
-});
-SceneModePicker.prototype.isDestroyed = function() {
-  return false;
-};
-SceneModePicker.prototype.destroy = function() {
-  this._viewModel.destroy();
-  if (FeatureDetection_default.supportsPointerEvents()) {
-    document.removeEventListener("pointerdown", this._closeDropDown, true);
-  } else {
-    document.removeEventListener("mousedown", this._closeDropDown, true);
-    document.removeEventListener("touchstart", this._closeDropDown, true);
-  }
-  knockout_default.cleanNode(this._wrapper);
-  this._container.removeChild(this._wrapper);
-  return destroyObject_default(this);
-};
-var SceneModePicker_default = SceneModePicker;
-
-// packages/widgets/Source/SelectionIndicator/SelectionIndicatorViewModel.js
-var screenSpacePos = new Cartesian2_default();
-var offScreen = "-1000px";
-function SelectionIndicatorViewModel(scene, selectionIndicatorElement, container) {
-  if (!defined_default(scene)) {
-    throw new DeveloperError_default("scene is required.");
-  }
-  if (!defined_default(selectionIndicatorElement)) {
-    throw new DeveloperError_default("selectionIndicatorElement is required.");
-  }
-  if (!defined_default(container)) {
-    throw new DeveloperError_default("container is required.");
-  }
-  this._scene = scene;
-  this._screenPositionX = offScreen;
-  this._screenPositionY = offScreen;
-  this._tweens = scene.tweens;
-  this._container = container ?? document.body;
-  this._selectionIndicatorElement = selectionIndicatorElement;
-  this._scale = 1;
-  this.position = void 0;
-  this.showSelection = false;
-  knockout_default.track(this, [
-    "position",
-    "_screenPositionX",
-    "_screenPositionY",
-    "_scale",
-    "showSelection"
-  ]);
-  this.isVisible = void 0;
-  knockout_default.defineProperty(this, "isVisible", {
-    get: function() {
-      return this.showSelection && defined_default(this.position);
-    }
-  });
-  knockout_default.defineProperty(this, "_transform", {
-    get: function() {
-      return `scale(${this._scale})`;
-    }
-  });
-  this.computeScreenSpacePosition = function(position, result) {
-    return SceneTransforms_default.worldToWindowCoordinates(scene, position, result);
-  };
-}
-SelectionIndicatorViewModel.prototype.update = function() {
-  if (this.showSelection && defined_default(this.position)) {
-    const screenPosition = this.computeScreenSpacePosition(
-      this.position,
-      screenSpacePos
-    );
-    if (!defined_default(screenPosition)) {
-      this._screenPositionX = offScreen;
-      this._screenPositionY = offScreen;
-    } else {
-      const container = this._container;
-      const containerWidth = container.parentNode.clientWidth;
-      const containerHeight = container.parentNode.clientHeight;
-      const indicatorSize = this._selectionIndicatorElement.clientWidth;
-      const halfSize = indicatorSize * 0.5;
-      screenPosition.x = Math.min(
-        Math.max(screenPosition.x, -indicatorSize),
-        containerWidth + indicatorSize
-      ) - halfSize;
-      screenPosition.y = Math.min(
-        Math.max(screenPosition.y, -indicatorSize),
-        containerHeight + indicatorSize
-      ) - halfSize;
-      this._screenPositionX = `${Math.floor(screenPosition.x + 0.25)}px`;
-      this._screenPositionY = `${Math.floor(screenPosition.y + 0.25)}px`;
-    }
-  }
-};
-SelectionIndicatorViewModel.prototype.animateAppear = function() {
-  this._tweens.addProperty({
-    object: this,
-    property: "_scale",
-    startValue: 2,
-    stopValue: 1,
-    duration: 0.8,
-    easingFunction: EasingFunction_default.EXPONENTIAL_OUT
-  });
-};
-SelectionIndicatorViewModel.prototype.animateDepart = function() {
-  this._tweens.addProperty({
-    object: this,
-    property: "_scale",
-    startValue: this._scale,
-    stopValue: 1.5,
-    duration: 0.8,
-    easingFunction: EasingFunction_default.EXPONENTIAL_OUT
-  });
-};
-Object.defineProperties(SelectionIndicatorViewModel.prototype, {
-  /**
-   * Gets the HTML element containing the selection indicator.
-   * @memberof SelectionIndicatorViewModel.prototype
-   *
-   * @type {Element}
-   */
-  container: {
-    get: function() {
-      return this._container;
-    }
-  },
-  /**
-   * Gets the HTML element that holds the selection indicator.
-   * @memberof SelectionIndicatorViewModel.prototype
-   *
-   * @type {Element}
-   */
-  selectionIndicatorElement: {
-    get: function() {
-      return this._selectionIndicatorElement;
-    }
-  },
-  /**
-   * Gets the scene being used.
-   * @memberof SelectionIndicatorViewModel.prototype
-   *
-   * @type {Scene}
-   */
-  scene: {
-    get: function() {
-      return this._scene;
-    }
-  }
-});
-var SelectionIndicatorViewModel_default = SelectionIndicatorViewModel;
-
-// packages/widgets/Source/SelectionIndicator/SelectionIndicator.js
-function SelectionIndicator(container, scene) {
-  if (!defined_default(container)) {
-    throw new DeveloperError_default("container is required.");
-  }
-  container = getElement_default(container);
-  this._container = container;
-  const el = document.createElement("div");
-  el.className = "cesium-selection-wrapper";
-  el.setAttribute(
-    "data-bind",
-    'style: { "top" : _screenPositionY, "left" : _screenPositionX },css: { "cesium-selection-wrapper-visible" : isVisible }'
-  );
-  container.appendChild(el);
-  this._element = el;
-  const svgNS3 = "http://www.w3.org/2000/svg";
-  const path = "M -34 -34 L -34 -11.25 L -30 -15.25 L -30 -30 L -15.25 -30 L -11.25 -34 L -34 -34 z M 11.25 -34 L 15.25 -30 L 30 -30 L 30 -15.25 L 34 -11.25 L 34 -34 L 11.25 -34 z M -34 11.25 L -34 34 L -11.25 34 L -15.25 30 L -30 30 L -30 15.25 L -34 11.25 z M 34 11.25 L 30 15.25 L 30 30 L 15.25 30 L 11.25 34 L 34 34 L 34 11.25 z";
-  const svg2 = document.createElementNS(svgNS3, "svg:svg");
-  svg2.setAttribute("width", 160);
-  svg2.setAttribute("height", 160);
-  svg2.setAttribute("viewBox", "0 0 160 160");
-  const group = document.createElementNS(svgNS3, "g");
-  group.setAttribute("transform", "translate(80,80)");
-  svg2.appendChild(group);
-  const pathElement = document.createElementNS(svgNS3, "path");
-  pathElement.setAttribute("data-bind", "attr: { transform: _transform }");
-  pathElement.setAttribute("d", path);
-  group.appendChild(pathElement);
-  el.appendChild(svg2);
-  const viewModel = new SelectionIndicatorViewModel_default(
-    scene,
-    this._element,
-    this._container
-  );
-  this._viewModel = viewModel;
-  knockout_default.applyBindings(this._viewModel, this._element);
-}
-Object.defineProperties(SelectionIndicator.prototype, {
-  /**
-   * Gets the parent container.
-   * @memberof SelectionIndicator.prototype
-   *
-   * @type {Element}
-   */
-  container: {
-    get: function() {
-      return this._container;
-    }
-  },
-  /**
-   * Gets the view model.
-   * @memberof SelectionIndicator.prototype
-   *
-   * @type {SelectionIndicatorViewModel}
-   */
-  viewModel: {
-    get: function() {
-      return this._viewModel;
-    }
-  }
-});
-SelectionIndicator.prototype.isDestroyed = function() {
-  return false;
-};
-SelectionIndicator.prototype.destroy = function() {
-  const container = this._container;
-  knockout_default.cleanNode(this._element);
-  container.removeChild(this._element);
-  return destroyObject_default(this);
-};
-var SelectionIndicator_default = SelectionIndicator;
-
 // packages/widgets/Source/NavigationHelpButton/NavigationHelpButtonViewModel.js
 function NavigationHelpButtonViewModel() {
   this.showInstructions = false;
@@ -250750,6 +250080,233 @@ NavigationHelpButton.prototype.destroy = function() {
 };
 var NavigationHelpButton_default = NavigationHelpButton;
 
+// packages/widgets/Source/ProjectionPicker/ProjectionPickerViewModel.js
+function ProjectionPickerViewModel(scene) {
+  if (!defined_default(scene)) {
+    throw new DeveloperError_default("scene is required.");
+  }
+  this._scene = scene;
+  this._orthographic = scene.camera.frustum instanceof OrthographicFrustum_default;
+  this._flightInProgress = false;
+  this.dropDownVisible = false;
+  this.tooltipPerspective = "Perspective Projection";
+  this.tooltipOrthographic = "Orthographic Projection";
+  this.selectedTooltip = void 0;
+  this.sceneMode = scene.mode;
+  knockout_default.track(this, [
+    "_orthographic",
+    "_flightInProgress",
+    "sceneMode",
+    "dropDownVisible",
+    "tooltipPerspective",
+    "tooltipOrthographic"
+  ]);
+  const that = this;
+  knockout_default.defineProperty(this, "selectedTooltip", function() {
+    if (that._orthographic) {
+      return that.tooltipOrthographic;
+    }
+    return that.tooltipPerspective;
+  });
+  this._toggleDropDown = createCommand_default(function() {
+    if (that.sceneMode === SceneMode_default.SCENE2D || that._flightInProgress) {
+      return;
+    }
+    that.dropDownVisible = !that.dropDownVisible;
+  });
+  this._eventHelper = new EventHelper_default();
+  this._eventHelper.add(
+    scene.morphComplete,
+    function(transitioner, oldMode, newMode, isMorphing) {
+      that.sceneMode = newMode;
+      that._orthographic = newMode === SceneMode_default.SCENE2D || that._scene.camera.frustum instanceof OrthographicFrustum_default;
+    }
+  );
+  this._eventHelper.add(scene.preRender, function() {
+    that._flightInProgress = defined_default(scene.camera._currentFlight);
+  });
+  this._switchToPerspective = createCommand_default(function() {
+    if (that.sceneMode === SceneMode_default.SCENE2D) {
+      return;
+    }
+    that._scene.camera.switchToPerspectiveFrustum();
+    that._orthographic = false;
+    that.dropDownVisible = false;
+  });
+  this._switchToOrthographic = createCommand_default(function() {
+    if (that.sceneMode === SceneMode_default.SCENE2D) {
+      return;
+    }
+    that._scene.camera.switchToOrthographicFrustum();
+    that._orthographic = true;
+    that.dropDownVisible = false;
+  });
+  this._sceneMode = SceneMode_default;
+}
+Object.defineProperties(ProjectionPickerViewModel.prototype, {
+  /**
+   * Gets the scene
+   * @memberof ProjectionPickerViewModel.prototype
+   * @type {Scene}
+   */
+  scene: {
+    get: function() {
+      return this._scene;
+    }
+  },
+  /**
+   * Gets the command to toggle the drop down box.
+   * @memberof ProjectionPickerViewModel.prototype
+   *
+   * @type {Command}
+   */
+  toggleDropDown: {
+    get: function() {
+      return this._toggleDropDown;
+    }
+  },
+  /**
+   * Gets the command to switch to a perspective projection.
+   * @memberof ProjectionPickerViewModel.prototype
+   *
+   * @type {Command}
+   */
+  switchToPerspective: {
+    get: function() {
+      return this._switchToPerspective;
+    }
+  },
+  /**
+   * Gets the command to switch to orthographic projection.
+   * @memberof ProjectionPickerViewModel.prototype
+   *
+   * @type {Command}
+   */
+  switchToOrthographic: {
+    get: function() {
+      return this._switchToOrthographic;
+    }
+  },
+  /**
+   * Gets whether the scene is currently using an orthographic projection.
+   * @memberof ProjectionPickerViewModel.prototype
+   *
+   * @type {Command}
+   */
+  isOrthographicProjection: {
+    get: function() {
+      return this._orthographic;
+    }
+  }
+});
+ProjectionPickerViewModel.prototype.isDestroyed = function() {
+  return false;
+};
+ProjectionPickerViewModel.prototype.destroy = function() {
+  this._eventHelper.removeAll();
+  destroyObject_default(this);
+};
+var ProjectionPickerViewModel_default = ProjectionPickerViewModel;
+
+// packages/widgets/Source/ProjectionPicker/ProjectionPicker.js
+var perspectivePath = "M 28.15625,10.4375 9.125,13.21875 13.75,43.25 41.75,55.09375 50.8125,37 54.5,11.9375 z m 0.125,3 19.976451,0.394265 L 43.03125,16.875 22.6875,14.28125 z M 50.971746,15.705477 47.90625,36.03125 42.53125,46 44.84375,19.3125 z M 12.625,16.03125 l 29.15625,3.6875 -2.65625,31 L 16.4375,41.125 z";
+var orthographicPath = "m 31.560594,6.5254438 -20.75,12.4687502 0.1875,24.5625 22.28125,11.8125 19.5,-12 0.65625,-0.375 0,-0.75 0.0312,-23.21875 z m 0.0625,3.125 16.65625,9.5000002 -16.125,10.28125 -17.34375,-9.71875 z m 18.96875,11.1875002 0.15625,20.65625 -17.46875,10.59375 0.15625,-20.28125 z m -37.0625,1.25 17.21875,9.625 -0.15625,19.21875 -16.9375,-9 z";
+function ProjectionPicker(container, scene) {
+  if (!defined_default(container)) {
+    throw new DeveloperError_default("container is required.");
+  }
+  if (!defined_default(scene)) {
+    throw new DeveloperError_default("scene is required.");
+  }
+  container = getElement_default(container);
+  const viewModel = new ProjectionPickerViewModel_default(scene);
+  viewModel._perspectivePath = perspectivePath;
+  viewModel._orthographicPath = orthographicPath;
+  const wrapper = document.createElement("span");
+  wrapper.className = "cesium-projectionPicker-wrapper cesium-toolbar-button";
+  container.appendChild(wrapper);
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = "cesium-button cesium-toolbar-button";
+  button.setAttribute(
+    "data-bind",
+    'css: { "cesium-projectionPicker-buttonPerspective": !_orthographic,       "cesium-projectionPicker-buttonOrthographic": _orthographic,       "cesium-button-disabled" : sceneMode === _sceneMode.SCENE2D || _flightInProgress,        "cesium-projectionPicker-selected": dropDownVisible },attr: { title: selectedTooltip },click: toggleDropDown'
+  );
+  button.innerHTML = '<!-- ko cesiumSvgPath: { path: _perspectivePath, width: 64, height: 64, css: "cesium-projectionPicker-iconPerspective" } --><!-- /ko --><!-- ko cesiumSvgPath: { path: _orthographicPath, width: 64, height: 64, css: "cesium-projectionPicker-iconOrthographic" } --><!-- /ko -->';
+  wrapper.appendChild(button);
+  const perspectiveButton = document.createElement("button");
+  perspectiveButton.type = "button";
+  perspectiveButton.className = "cesium-button cesium-toolbar-button cesium-projectionPicker-dropDown-icon";
+  perspectiveButton.setAttribute(
+    "data-bind",
+    'css: { "cesium-projectionPicker-visible" : (dropDownVisible && _orthographic),       "cesium-projectionPicker-none" : !_orthographic,       "cesium-projectionPicker-hidden" : !dropDownVisible },attr: { title: tooltipPerspective },click: switchToPerspective,cesiumSvgPath: { path: _perspectivePath, width: 64, height: 64 }'
+  );
+  wrapper.appendChild(perspectiveButton);
+  const orthographicButton = document.createElement("button");
+  orthographicButton.type = "button";
+  orthographicButton.className = "cesium-button cesium-toolbar-button cesium-projectionPicker-dropDown-icon";
+  orthographicButton.setAttribute(
+    "data-bind",
+    'css: { "cesium-projectionPicker-visible" : (dropDownVisible && !_orthographic),       "cesium-projectionPicker-none" : _orthographic,       "cesium-projectionPicker-hidden" : !dropDownVisible},attr: { title: tooltipOrthographic },click: switchToOrthographic,cesiumSvgPath: { path: _orthographicPath, width: 64, height: 64 }'
+  );
+  wrapper.appendChild(orthographicButton);
+  knockout_default.applyBindings(viewModel, wrapper);
+  this._viewModel = viewModel;
+  this._container = container;
+  this._wrapper = wrapper;
+  this._closeDropDown = function(e) {
+    if (!wrapper.contains(e.target)) {
+      viewModel.dropDownVisible = false;
+    }
+  };
+  if (FeatureDetection_default.supportsPointerEvents()) {
+    document.addEventListener("pointerdown", this._closeDropDown, true);
+  } else {
+    document.addEventListener("mousedown", this._closeDropDown, true);
+    document.addEventListener("touchstart", this._closeDropDown, true);
+  }
+}
+Object.defineProperties(ProjectionPicker.prototype, {
+  /**
+   * Gets the parent container.
+   * @memberof ProjectionPicker.prototype
+   *
+   * @type {Element}
+   */
+  container: {
+    get: function() {
+      return this._container;
+    }
+  },
+  /**
+   * Gets the view model.
+   * @memberof ProjectionPicker.prototype
+   *
+   * @type {ProjectionPickerViewModel}
+   */
+  viewModel: {
+    get: function() {
+      return this._viewModel;
+    }
+  }
+});
+ProjectionPicker.prototype.isDestroyed = function() {
+  return false;
+};
+ProjectionPicker.prototype.destroy = function() {
+  this._viewModel.destroy();
+  if (FeatureDetection_default.supportsPointerEvents()) {
+    document.removeEventListener("pointerdown", this._closeDropDown, true);
+  } else {
+    document.removeEventListener("mousedown", this._closeDropDown, true);
+    document.removeEventListener("touchstart", this._closeDropDown, true);
+  }
+  knockout_default.cleanNode(this._wrapper);
+  this._container.removeChild(this._wrapper);
+  return destroyObject_default(this);
+};
+var ProjectionPicker_default = ProjectionPicker;
+
 // packages/widgets/Source/Timeline/TimelineHighlightRange.js
 function TimelineHighlightRange(color, heightInPx, base) {
   this._color = color;
@@ -251671,6 +251228,248 @@ Timeline.prototype.resize = function() {
 };
 var Timeline_default = Timeline;
 
+// packages/widgets/Source/SceneModePicker/SceneModePickerViewModel.js
+function SceneModePickerViewModel(scene, duration) {
+  if (!defined_default(scene)) {
+    throw new DeveloperError_default("scene is required.");
+  }
+  this._scene = scene;
+  const that = this;
+  const morphStart = function(transitioner, oldMode, newMode, isMorphing) {
+    that.sceneMode = newMode;
+    that.dropDownVisible = false;
+  };
+  this._eventHelper = new EventHelper_default();
+  this._eventHelper.add(scene.morphStart, morphStart);
+  this._duration = duration ?? 2;
+  this.sceneMode = scene.mode;
+  this.dropDownVisible = false;
+  this.tooltip2D = "2D";
+  this.tooltip3D = "3D";
+  this.tooltipColumbusView = "Columbus View";
+  knockout_default.track(this, [
+    "sceneMode",
+    "dropDownVisible",
+    "tooltip2D",
+    "tooltip3D",
+    "tooltipColumbusView"
+  ]);
+  this.selectedTooltip = void 0;
+  knockout_default.defineProperty(this, "selectedTooltip", function() {
+    const mode2 = that.sceneMode;
+    if (mode2 === SceneMode_default.SCENE2D) {
+      return that.tooltip2D;
+    }
+    if (mode2 === SceneMode_default.SCENE3D) {
+      return that.tooltip3D;
+    }
+    return that.tooltipColumbusView;
+  });
+  this._toggleDropDown = createCommand_default(function() {
+    that.dropDownVisible = !that.dropDownVisible;
+  });
+  this._morphTo2D = createCommand_default(function() {
+    scene.morphTo2D(that._duration);
+  });
+  this._morphTo3D = createCommand_default(function() {
+    scene.morphTo3D(that._duration);
+  });
+  this._morphToColumbusView = createCommand_default(function() {
+    scene.morphToColumbusView(that._duration);
+  });
+  this._sceneMode = SceneMode_default;
+}
+Object.defineProperties(SceneModePickerViewModel.prototype, {
+  /**
+   * Gets the scene
+   * @memberof SceneModePickerViewModel.prototype
+   * @type {Scene}
+   */
+  scene: {
+    get: function() {
+      return this._scene;
+    }
+  },
+  /**
+   * Gets or sets the the duration of scene mode transition animations in seconds.
+   * A value of zero causes the scene to instantly change modes.
+   * @memberof SceneModePickerViewModel.prototype
+   * @type {number}
+   */
+  duration: {
+    get: function() {
+      return this._duration;
+    },
+    set: function(value) {
+      if (value < 0) {
+        throw new DeveloperError_default("duration value must be positive.");
+      }
+      this._duration = value;
+    }
+  },
+  /**
+   * Gets the command to toggle the drop down box.
+   * @memberof SceneModePickerViewModel.prototype
+   *
+   * @type {Command}
+   */
+  toggleDropDown: {
+    get: function() {
+      return this._toggleDropDown;
+    }
+  },
+  /**
+   * Gets the command to morph to 2D.
+   * @memberof SceneModePickerViewModel.prototype
+   *
+   * @type {Command}
+   */
+  morphTo2D: {
+    get: function() {
+      return this._morphTo2D;
+    }
+  },
+  /**
+   * Gets the command to morph to 3D.
+   * @memberof SceneModePickerViewModel.prototype
+   *
+   * @type {Command}
+   */
+  morphTo3D: {
+    get: function() {
+      return this._morphTo3D;
+    }
+  },
+  /**
+   * Gets the command to morph to Columbus View.
+   * @memberof SceneModePickerViewModel.prototype
+   *
+   * @type {Command}
+   */
+  morphToColumbusView: {
+    get: function() {
+      return this._morphToColumbusView;
+    }
+  }
+});
+SceneModePickerViewModel.prototype.isDestroyed = function() {
+  return false;
+};
+SceneModePickerViewModel.prototype.destroy = function() {
+  this._eventHelper.removeAll();
+  destroyObject_default(this);
+};
+var SceneModePickerViewModel_default = SceneModePickerViewModel;
+
+// packages/widgets/Source/SceneModePicker/SceneModePicker.js
+var globePath = "m 32.401392,4.9330437 c -7.087603,0 -14.096095,2.884602 -19.10793,7.8946843 -5.0118352,5.010083 -7.9296167,11.987468 -7.9296167,19.072999 0,7.085531 2.9177815,14.097848 7.9296167,19.107931 4.837653,4.835961 11.541408,7.631372 18.374354,7.82482 0.05712,0.01231 0.454119,0.139729 0.454119,0.139729 l 0.03493,-0.104797 c 0.08246,7.84e-4 0.162033,0.03493 0.244525,0.03493 0.08304,0 0.161515,-0.03414 0.244526,-0.03493 l 0.03493,0.104797 c 0,0 0.309474,-0.129487 0.349323,-0.139729 6.867765,-0.168094 13.582903,-2.965206 18.444218,-7.82482 2.558195,-2.5573 4.551081,-5.638134 5.903547,-8.977584 1.297191,-3.202966 2.02607,-6.661489 2.02607,-10.130347 0,-6.237309 -2.366261,-12.31219 -6.322734,-17.116794 -0.0034,-0.02316 0.0049,-0.04488 0,-0.06986 -0.01733,-0.08745 -0.104529,-0.278855 -0.104797,-0.279458 -5.31e-4,-0.0012 -0.522988,-0.628147 -0.523984,-0.62878         -3.47e-4,-2.2e-4 -0.133444,-0.03532 -0.244525,-0.06987 C 51.944299,13.447603 51.751076,13.104317 51.474391,12.827728 46.462556,7.8176457 39.488996,4.9330437 32.401392,4.9330437 z m -2.130866,3.5281554 0.104797,9.6762289 c -4.111695,-0.08361 -7.109829,-0.423664 -9.257041,-0.943171 1.198093,-2.269271 2.524531,-4.124404 3.91241,-5.414496 2.167498,-2.0147811 3.950145,-2.8540169 5.239834,-3.3185619 z m 2.794579,0 c 1.280302,0.4754953 3.022186,1.3285948 5.065173,3.2486979 1.424667,1.338973 2.788862,3.303645 3.982275,5.728886 -2.29082,0.403367 -5.381258,0.621049 -8.942651,0.698645 L 33.065105,8.4611991 z m 5.728886,0.2445256 c 4.004072,1.1230822 7.793098,3.1481363 10.724195,6.0782083 0.03468,0.03466 0.07033,0.06991 0.104797,0.104797 -0.45375,0.313891 -0.923054,0.663002 -1.956205,1.082899 -0.647388,0.263114 -1.906242,0.477396 -2.829511,0.733577 -1.382296,-2.988132         -3.027146,-5.368585 -4.785716,-7.0213781 -0.422866,-0.397432 -0.835818,-0.6453247 -1.25756,-0.9781032 z m -15.33525,0.7685092 c -0.106753,0.09503 -0.207753,0.145402 -0.31439,0.244526 -1.684973,1.5662541 -3.298068,3.8232211 -4.680919,6.5672591 -0.343797,-0.14942 -1.035052,-0.273198 -1.292493,-0.419186 -0.956528,-0.542427 -1.362964,-1.022024 -1.537018,-1.292493 -0.0241,-0.03745 -0.01868,-0.0401 -0.03493,-0.06986 2.250095,-2.163342 4.948824,-3.869984 7.859752,-5.0302421 z m -9.641296,7.0912431 c 0.464973,0.571618 0.937729,1.169056 1.956205,1.746612 0.349907,0.198425 1.107143,0.335404 1.537018,0.523983 -1.20166,3.172984 -1.998037,7.051901 -2.165798,11.772162 C 14.256557,30.361384 12.934823,30.161483 12.280427,29.90959 10.644437,29.279855 9.6888882,28.674891 9.1714586,28.267775 8.6540289,27.860658 8.6474751,27.778724 8.6474751,27.778724 l -0.069864,0.03493 C 9.3100294,23.691285         11.163248,19.798527 13.817445,16.565477 z m 37.552149,0.523984 c 2.548924,3.289983 4.265057,7.202594 4.890513,11.318043 -0.650428,0.410896 -1.756876,1.001936 -3.563088,1.606882 -1.171552,0.392383 -3.163859,0.759153 -4.960377,1.117832 -0.04367,-4.752703 -0.784809,-8.591423 -1.88634,-11.807094 0.917574,-0.263678 2.170552,-0.486495 2.864443,-0.76851 1.274693,-0.518066 2.003942,-1.001558 2.654849,-1.467153 z m -31.439008,2.619917 c 2.487341,0.672766 5.775813,1.137775 10.479669,1.222628 l 0.104797,10.689263 0,0.03493 0,0.733577 c -5.435005,-0.09059 -9.512219,-0.519044 -12.610536,-1.117831 0.106127,-4.776683 0.879334,-8.55791 2.02607,-11.562569 z m 23.264866,0.31439 c 1.073459,3.067541 1.833795,6.821314 1.816476,11.702298 -3.054474,0.423245 -7.062018,0.648559 -11.702298,0.698644 l 0,-0.838373 -0.104796,-10.654331 c 4.082416,-0.0864 7.404468,-0.403886 9.990618,-0.908238 z         M 8.2632205,30.922625 c 0.7558676,0.510548 1.5529563,1.013339 3.0041715,1.57195 0.937518,0.360875 2.612202,0.647642 3.91241,0.978102 0.112814,3.85566 0.703989,7.107756 1.606883,9.920754 -1.147172,-0.324262 -2.644553,-0.640648 -3.423359,-0.978102 -1.516688,-0.657177 -2.386627,-1.287332 -2.864443,-1.71168 -0.477816,-0.424347 -0.489051,-0.489051 -0.489051,-0.489051 L 9.8002387,40.319395 C 8.791691,37.621767 8.1584238,34.769583 8.1584238,31.900727 c 0,-0.330153 0.090589,-0.648169 0.1047967,-0.978102 z m 48.2763445,0.419186 c 0.0047,0.188973 0.06986,0.36991 0.06986,0.558916 0,2.938869 -0.620228,5.873558 -1.676747,8.628261 -0.07435,0.07583 -0.06552,0.07411 -0.454119,0.349323 -0.606965,0.429857 -1.631665,1.042044 -3.318562,1.676747 -1.208528,0.454713 -3.204964,0.850894 -5.135038,1.25756 0.84593,-2.765726 1.41808,-6.005357 1.606883,-9.815957 2.232369,-0.413371 4.483758,-0.840201         5.938479,-1.327425 1.410632,-0.472457 2.153108,-0.89469 2.96924,-1.327425 z m -38.530252,2.864443 c 3.208141,0.56697 7.372279,0.898588 12.575603,0.978103 l 0.174662,9.885821 c -4.392517,-0.06139 -8.106722,-0.320566 -10.863925,-0.803441 -1.051954,-2.664695 -1.692909,-6.043794 -1.88634,-10.060483 z m 26.793022,0.31439 c -0.246298,3.923551 -0.877762,7.263679 -1.816476,9.885822 -2.561957,0.361954 -5.766249,0.560708 -9.431703,0.62878 l -0.174661,-9.815957 c 4.491734,-0.04969 8.334769,-0.293032 11.42284,-0.698645 z M 12.035901,44.860585 c 0.09977,0.04523 0.105535,0.09465 0.209594,0.139729 1.337656,0.579602 3.441099,1.058072 5.589157,1.537018 1.545042,3.399208 3.548524,5.969402 5.589157,7.789888 -3.034411,-1.215537 -5.871615,-3.007978 -8.174142,-5.309699 -1.245911,-1.245475 -2.271794,-2.662961 -3.213766,-4.156936 z m 40.69605,0 c -0.941972,1.493975 -1.967855,2.911461         -3.213765,4.156936 -2.74253,2.741571 -6.244106,4.696717 -9.955686,5.868615 0.261347,-0.241079 0.507495,-0.394491 0.768509,-0.663713 1.674841,-1.727516 3.320792,-4.181056 4.645987,-7.265904 2.962447,-0.503021 5.408965,-1.122293 7.161107,-1.781544 0.284034,-0.106865 0.337297,-0.207323 0.593848,-0.31439 z m -31.404076,2.305527 c 2.645807,0.376448 5.701178,0.649995 9.466635,0.698645 l 0.139729,7.789888 c -1.38739,-0.480844 -3.316218,-1.29837 -5.659022,-3.388427 -1.388822,-1.238993 -2.743668,-3.0113 -3.947342,-5.100106 z m 20.365491,0.104797 c -1.04872,2.041937 -2.174337,3.779068 -3.353494,4.995309 -1.853177,1.911459 -3.425515,2.82679 -4.611055,3.353494 l -0.139729,-7.789887 c 3.13091,-0.05714 5.728238,-0.278725 8.104278,-0.558916 z";
+var flatMapPath = "m 2.9825053,17.550598 0,1.368113 0,26.267766 0,1.368113 1.36811,0 54.9981397,0 1.36811,0 0,-1.368113 0,-26.267766 0,-1.368113 -1.36811,0 -54.9981397,0 -1.36811,0 z m 2.73623,2.736226 10.3292497,0 0,10.466063 -10.3292497,0 0,-10.466063 z m 13.0654697,0 11.69737,0 0,10.466063 -11.69737,0 0,-10.466063 z m 14.43359,0 11.69737,0 0,10.466063 -11.69737,0 0,-10.466063 z m 14.43359,0 10.32926,0 0,10.466063 -10.32926,0 0,-10.466063 z m -41.9326497,13.202288 10.3292497,0 0,10.329252 -10.3292497,0 0,-10.329252 z m 13.0654697,0 11.69737,0 0,10.329252 -11.69737,0 0,-10.329252 z m 14.43359,0 11.69737,0 0,10.329252 -11.69737,0 0,-10.329252 z m 14.43359,0 10.32926,0 0,10.329252 -10.32926,0 0,-10.329252 z";
+var columbusViewPath = "m 14.723969,17.675598 -0.340489,0.817175 -11.1680536,26.183638 -0.817175,1.872692 2.076986,0 54.7506996,0 2.07698,0 -0.81717,-1.872692 -11.16805,-26.183638 -0.34049,-0.817175 -0.91933,0 -32.414586,0 -0.919322,0 z m 1.838643,2.723916 6.196908,0 -2.928209,10.418977 -7.729111,0 4.460412,-10.418977 z m 9.02297,0 4.903049,0 0,10.418977 -7.831258,0 2.928209,-10.418977 z m 7.626964,0 5.584031,0 2.62176,10.418977 -8.205791,0 0,-10.418977 z m 8.410081,0 5.51593,0 4.46042,10.418977 -7.38863,0 -2.58772,-10.418977 z m -30.678091,13.142892 8.103649,0 -2.89416,10.282782 -9.6018026,0 4.3923136,-10.282782 z m 10.929711,0 8.614384,0 0,10.282782 -11.508544,0 2.89416,-10.282782 z m 11.338299,0 8.852721,0 2.58772,10.282782 -11.440441,0 0,-10.282782 z m 11.678781,0 7.86531,0 4.39231,10.282782 -9.6699,0 -2.58772,-10.282782 z";
+function SceneModePicker(container, scene, duration) {
+  if (!defined_default(container)) {
+    throw new DeveloperError_default("container is required.");
+  }
+  if (!defined_default(scene)) {
+    throw new DeveloperError_default("scene is required.");
+  }
+  container = getElement_default(container);
+  const viewModel = new SceneModePickerViewModel_default(scene, duration);
+  viewModel._globePath = globePath;
+  viewModel._flatMapPath = flatMapPath;
+  viewModel._columbusViewPath = columbusViewPath;
+  const wrapper = document.createElement("span");
+  wrapper.className = "cesium-sceneModePicker-wrapper cesium-toolbar-button";
+  container.appendChild(wrapper);
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = "cesium-button cesium-toolbar-button";
+  button.setAttribute(
+    "data-bind",
+    'css: { "cesium-sceneModePicker-button2D": sceneMode === _sceneMode.SCENE2D,       "cesium-sceneModePicker-button3D": sceneMode === _sceneMode.SCENE3D,       "cesium-sceneModePicker-buttonColumbusView": sceneMode === _sceneMode.COLUMBUS_VIEW,       "cesium-sceneModePicker-selected": dropDownVisible },attr: { title: selectedTooltip },click: toggleDropDown'
+  );
+  button.innerHTML = '<!-- ko cesiumSvgPath: { path: _globePath, width: 64, height: 64, css: "cesium-sceneModePicker-slide-svg cesium-sceneModePicker-icon3D" } --><!-- /ko --><!-- ko cesiumSvgPath: { path: _flatMapPath, width: 64, height: 64, css: "cesium-sceneModePicker-slide-svg cesium-sceneModePicker-icon2D" } --><!-- /ko --><!-- ko cesiumSvgPath: { path: _columbusViewPath, width: 64, height: 64, css: "cesium-sceneModePicker-slide-svg cesium-sceneModePicker-iconColumbusView" } --><!-- /ko -->';
+  wrapper.appendChild(button);
+  const morphTo3DButton = document.createElement("button");
+  morphTo3DButton.type = "button";
+  morphTo3DButton.className = "cesium-button cesium-toolbar-button cesium-sceneModePicker-dropDown-icon";
+  morphTo3DButton.setAttribute(
+    "data-bind",
+    'css: { "cesium-sceneModePicker-visible" : (dropDownVisible && (sceneMode !== _sceneMode.SCENE3D)) || (!dropDownVisible && (sceneMode === _sceneMode.SCENE3D)),       "cesium-sceneModePicker-none" : sceneMode === _sceneMode.SCENE3D,       "cesium-sceneModePicker-hidden" : !dropDownVisible },attr: { title: tooltip3D },click: morphTo3D,cesiumSvgPath: { path: _globePath, width: 64, height: 64 }'
+  );
+  wrapper.appendChild(morphTo3DButton);
+  const morphTo2DButton = document.createElement("button");
+  morphTo2DButton.type = "button";
+  morphTo2DButton.className = "cesium-button cesium-toolbar-button cesium-sceneModePicker-dropDown-icon";
+  morphTo2DButton.setAttribute(
+    "data-bind",
+    'css: { "cesium-sceneModePicker-visible" : (dropDownVisible && (sceneMode !== _sceneMode.SCENE2D)),       "cesium-sceneModePicker-none" : sceneMode === _sceneMode.SCENE2D,       "cesium-sceneModePicker-hidden" : !dropDownVisible },attr: { title: tooltip2D },click: morphTo2D,cesiumSvgPath: { path: _flatMapPath, width: 64, height: 64 }'
+  );
+  wrapper.appendChild(morphTo2DButton);
+  const morphToCVButton = document.createElement("button");
+  morphToCVButton.type = "button";
+  morphToCVButton.className = "cesium-button cesium-toolbar-button cesium-sceneModePicker-dropDown-icon";
+  morphToCVButton.setAttribute(
+    "data-bind",
+    'css: { "cesium-sceneModePicker-visible" : (dropDownVisible && (sceneMode !== _sceneMode.COLUMBUS_VIEW)) || (!dropDownVisible && (sceneMode === _sceneMode.COLUMBUS_VIEW)),       "cesium-sceneModePicker-none" : sceneMode === _sceneMode.COLUMBUS_VIEW,       "cesium-sceneModePicker-hidden" : !dropDownVisible},attr: { title: tooltipColumbusView },click: morphToColumbusView,cesiumSvgPath: { path: _columbusViewPath, width: 64, height: 64 }'
+  );
+  wrapper.appendChild(morphToCVButton);
+  knockout_default.applyBindings(viewModel, wrapper);
+  this._viewModel = viewModel;
+  this._container = container;
+  this._wrapper = wrapper;
+  this._closeDropDown = function(e) {
+    if (!wrapper.contains(e.target)) {
+      viewModel.dropDownVisible = false;
+    }
+  };
+  if (FeatureDetection_default.supportsPointerEvents()) {
+    document.addEventListener("pointerdown", this._closeDropDown, true);
+  } else {
+    document.addEventListener("mousedown", this._closeDropDown, true);
+    document.addEventListener("touchstart", this._closeDropDown, true);
+  }
+}
+Object.defineProperties(SceneModePicker.prototype, {
+  /**
+   * Gets the parent container.
+   * @memberof SceneModePicker.prototype
+   *
+   * @type {Element}
+   */
+  container: {
+    get: function() {
+      return this._container;
+    }
+  },
+  /**
+   * Gets the view model.
+   * @memberof SceneModePicker.prototype
+   *
+   * @type {SceneModePickerViewModel}
+   */
+  viewModel: {
+    get: function() {
+      return this._viewModel;
+    }
+  }
+});
+SceneModePicker.prototype.isDestroyed = function() {
+  return false;
+};
+SceneModePicker.prototype.destroy = function() {
+  this._viewModel.destroy();
+  if (FeatureDetection_default.supportsPointerEvents()) {
+    document.removeEventListener("pointerdown", this._closeDropDown, true);
+  } else {
+    document.removeEventListener("mousedown", this._closeDropDown, true);
+    document.removeEventListener("touchstart", this._closeDropDown, true);
+  }
+  knockout_default.cleanNode(this._wrapper);
+  this._container.removeChild(this._wrapper);
+  return destroyObject_default(this);
+};
+var SceneModePicker_default = SceneModePicker;
+
 // packages/widgets/Source/VRButton/VRButtonViewModel.js
 var import_nosleep = __toESM(require_src(), 1);
 function lockScreen(orientation) {
@@ -252956,6 +252755,207 @@ function makeCoordinateRange(maxXTitle, minXTitle, maxYTitle, minYTitle, maxZTit
 }
 var VoxelInspector_default = VoxelInspector;
 
+// packages/widgets/Source/SelectionIndicator/SelectionIndicatorViewModel.js
+var screenSpacePos = new Cartesian2_default();
+var offScreen = "-1000px";
+function SelectionIndicatorViewModel(scene, selectionIndicatorElement, container) {
+  if (!defined_default(scene)) {
+    throw new DeveloperError_default("scene is required.");
+  }
+  if (!defined_default(selectionIndicatorElement)) {
+    throw new DeveloperError_default("selectionIndicatorElement is required.");
+  }
+  if (!defined_default(container)) {
+    throw new DeveloperError_default("container is required.");
+  }
+  this._scene = scene;
+  this._screenPositionX = offScreen;
+  this._screenPositionY = offScreen;
+  this._tweens = scene.tweens;
+  this._container = container ?? document.body;
+  this._selectionIndicatorElement = selectionIndicatorElement;
+  this._scale = 1;
+  this.position = void 0;
+  this.showSelection = false;
+  knockout_default.track(this, [
+    "position",
+    "_screenPositionX",
+    "_screenPositionY",
+    "_scale",
+    "showSelection"
+  ]);
+  this.isVisible = void 0;
+  knockout_default.defineProperty(this, "isVisible", {
+    get: function() {
+      return this.showSelection && defined_default(this.position);
+    }
+  });
+  knockout_default.defineProperty(this, "_transform", {
+    get: function() {
+      return `scale(${this._scale})`;
+    }
+  });
+  this.computeScreenSpacePosition = function(position, result) {
+    return SceneTransforms_default.worldToWindowCoordinates(scene, position, result);
+  };
+}
+SelectionIndicatorViewModel.prototype.update = function() {
+  if (this.showSelection && defined_default(this.position)) {
+    const screenPosition = this.computeScreenSpacePosition(
+      this.position,
+      screenSpacePos
+    );
+    if (!defined_default(screenPosition)) {
+      this._screenPositionX = offScreen;
+      this._screenPositionY = offScreen;
+    } else {
+      const container = this._container;
+      const containerWidth = container.parentNode.clientWidth;
+      const containerHeight = container.parentNode.clientHeight;
+      const indicatorSize = this._selectionIndicatorElement.clientWidth;
+      const halfSize = indicatorSize * 0.5;
+      screenPosition.x = Math.min(
+        Math.max(screenPosition.x, -indicatorSize),
+        containerWidth + indicatorSize
+      ) - halfSize;
+      screenPosition.y = Math.min(
+        Math.max(screenPosition.y, -indicatorSize),
+        containerHeight + indicatorSize
+      ) - halfSize;
+      this._screenPositionX = `${Math.floor(screenPosition.x + 0.25)}px`;
+      this._screenPositionY = `${Math.floor(screenPosition.y + 0.25)}px`;
+    }
+  }
+};
+SelectionIndicatorViewModel.prototype.animateAppear = function() {
+  this._tweens.addProperty({
+    object: this,
+    property: "_scale",
+    startValue: 2,
+    stopValue: 1,
+    duration: 0.8,
+    easingFunction: EasingFunction_default.EXPONENTIAL_OUT
+  });
+};
+SelectionIndicatorViewModel.prototype.animateDepart = function() {
+  this._tweens.addProperty({
+    object: this,
+    property: "_scale",
+    startValue: this._scale,
+    stopValue: 1.5,
+    duration: 0.8,
+    easingFunction: EasingFunction_default.EXPONENTIAL_OUT
+  });
+};
+Object.defineProperties(SelectionIndicatorViewModel.prototype, {
+  /**
+   * Gets the HTML element containing the selection indicator.
+   * @memberof SelectionIndicatorViewModel.prototype
+   *
+   * @type {Element}
+   */
+  container: {
+    get: function() {
+      return this._container;
+    }
+  },
+  /**
+   * Gets the HTML element that holds the selection indicator.
+   * @memberof SelectionIndicatorViewModel.prototype
+   *
+   * @type {Element}
+   */
+  selectionIndicatorElement: {
+    get: function() {
+      return this._selectionIndicatorElement;
+    }
+  },
+  /**
+   * Gets the scene being used.
+   * @memberof SelectionIndicatorViewModel.prototype
+   *
+   * @type {Scene}
+   */
+  scene: {
+    get: function() {
+      return this._scene;
+    }
+  }
+});
+var SelectionIndicatorViewModel_default = SelectionIndicatorViewModel;
+
+// packages/widgets/Source/SelectionIndicator/SelectionIndicator.js
+function SelectionIndicator(container, scene) {
+  if (!defined_default(container)) {
+    throw new DeveloperError_default("container is required.");
+  }
+  container = getElement_default(container);
+  this._container = container;
+  const el = document.createElement("div");
+  el.className = "cesium-selection-wrapper";
+  el.setAttribute(
+    "data-bind",
+    'style: { "top" : _screenPositionY, "left" : _screenPositionX },css: { "cesium-selection-wrapper-visible" : isVisible }'
+  );
+  container.appendChild(el);
+  this._element = el;
+  const svgNS3 = "http://www.w3.org/2000/svg";
+  const path = "M -34 -34 L -34 -11.25 L -30 -15.25 L -30 -30 L -15.25 -30 L -11.25 -34 L -34 -34 z M 11.25 -34 L 15.25 -30 L 30 -30 L 30 -15.25 L 34 -11.25 L 34 -34 L 11.25 -34 z M -34 11.25 L -34 34 L -11.25 34 L -15.25 30 L -30 30 L -30 15.25 L -34 11.25 z M 34 11.25 L 30 15.25 L 30 30 L 15.25 30 L 11.25 34 L 34 34 L 34 11.25 z";
+  const svg2 = document.createElementNS(svgNS3, "svg:svg");
+  svg2.setAttribute("width", 160);
+  svg2.setAttribute("height", 160);
+  svg2.setAttribute("viewBox", "0 0 160 160");
+  const group = document.createElementNS(svgNS3, "g");
+  group.setAttribute("transform", "translate(80,80)");
+  svg2.appendChild(group);
+  const pathElement = document.createElementNS(svgNS3, "path");
+  pathElement.setAttribute("data-bind", "attr: { transform: _transform }");
+  pathElement.setAttribute("d", path);
+  group.appendChild(pathElement);
+  el.appendChild(svg2);
+  const viewModel = new SelectionIndicatorViewModel_default(
+    scene,
+    this._element,
+    this._container
+  );
+  this._viewModel = viewModel;
+  knockout_default.applyBindings(this._viewModel, this._element);
+}
+Object.defineProperties(SelectionIndicator.prototype, {
+  /**
+   * Gets the parent container.
+   * @memberof SelectionIndicator.prototype
+   *
+   * @type {Element}
+   */
+  container: {
+    get: function() {
+      return this._container;
+    }
+  },
+  /**
+   * Gets the view model.
+   * @memberof SelectionIndicator.prototype
+   *
+   * @type {SelectionIndicatorViewModel}
+   */
+  viewModel: {
+    get: function() {
+      return this._viewModel;
+    }
+  }
+});
+SelectionIndicator.prototype.isDestroyed = function() {
+  return false;
+};
+SelectionIndicator.prototype.destroy = function() {
+  const container = this._container;
+  knockout_default.cleanNode(this._element);
+  container.removeChild(this._element);
+  return destroyObject_default(this);
+};
+var SelectionIndicator_default = SelectionIndicator;
+
 // packages/widgets/Source/Viewer/Viewer.js
 var boundingSphereScratch5 = new BoundingSphere_default();
 function onTimelineScrubfunction(e) {
@@ -254680,10 +254680,10 @@ function viewerVoxelInspectorMixin(viewer) {
 var viewerVoxelInspectorMixin_default = viewerVoxelInspectorMixin;
 
 // packages/widgets/index.js
-globalThis.CESIUM_VERSION = "1.128.23";
+globalThis.CESIUM_VERSION = "1.128.26";
 
 // Source/Cesium.js
-var VERSION2 = "1.128.23";
+var VERSION2 = "1.128.26";
 export {
   AlphaMode_default as AlphaMode,
   AlphaPipelineStage_default as AlphaPipelineStage,