@vertexvis/viewer 0.13.1 → 0.13.2-canary.2

package/dist/cjs/{utils-f80be307.js → utils-4a02e54b.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
 
 function createArrowheadPoints(start, end, arrowAngle = 60) {
   const distance = bundle_esm.point.distance(start, end);

package/dist/cjs/{utils-545b1865.js → utils-5cc32a26.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
 
 function translateWorldLineToViewport(line, params) {
   const { camera, viewport } = params;

package/dist/cjs/vertex-scene-tree-search_3.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e100709a.js');
 const index$1 = require('./index-3bc6bac0.js');
 const stencil = require('./stencil-a664cd10.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
 const dom = require('./dom-d162f898.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/vertex-scene-tree.cjs.entry.js

@@ -6,13 +6,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const grpcWebClient_umd = require('./grpc-web-client.umd-60a79aae.js');
-const config = require('./config-90ee43d5.js');
-const browser_esm = require('./browser.esm-31b03292.js');
+const config = require('./config-91efd353.js');
+const browser_esm = require('./browser.esm-c51162f8.js');
 const dom = require('./dom-d162f898.js');
-require('./streamAttributes-d6236448.js');
+require('./streamAttributes-f13c1a96.js');
 
 window.requestIdleCallback =
     window.requestIdleCallback ||

package/dist/cjs/vertex-viewer-dom-element_3.cjs.entry.js

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
-require('./streamAttributes-d6236448.js');
-const viewport = require('./viewport-8c39089f.js');
-require('./browser.esm-31b03292.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
+require('./streamAttributes-f13c1a96.js');
+const viewport = require('./viewport-052809c7.js');
+require('./browser.esm-c51162f8.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const viewerDomElementCss = ":host{position:absolute;pointer-events:none}:host(:not([interactions-off]))>*{pointer-events:auto}";

package/dist/cjs/vertex-viewer-markup-arrow_3.cjs.entry.js

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
-const dom = require('./dom-dd265f48.js');
-const utils = require('./utils-f80be307.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
+const dom = require('./dom-c697cf99.js');
+const utils = require('./utils-4a02e54b.js');
 const index$1 = require('./index-3bc6bac0.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/vertex-viewer-markup-tool.cjs.entry.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
 const templates = require('./templates-e57b3741.js');
-const markup = require('./markup-fb1553b1.js');
-const utils = require('./utils-f80be307.js');
-require('./bundle.esm-dc0a8361.js');
-require('./browser.esm-31b03292.js');
+const markup = require('./markup-835f2e83.js');
+const utils = require('./utils-4a02e54b.js');
+require('./bundle.esm-1b8b1f36.js');
+require('./browser.esm-c51162f8.js');
 
 const viewerMarkupToolCss = ":host{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}:host([elevated=\"\"]){z-index:100}";
 

package/dist/cjs/vertex-viewer-markup.cjs.entry.js

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
 const templates = require('./templates-e57b3741.js');
-const markup = require('./markup-fb1553b1.js');
-const utils = require('./utils-f80be307.js');
-require('./browser.esm-31b03292.js');
+const markup = require('./markup-835f2e83.js');
+const utils = require('./utils-4a02e54b.js');
+require('./browser.esm-c51162f8.js');
 
 const viewerMarkupCss = ":host{display:block;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}";
 

package/dist/cjs/vertex-viewer-measurement-details.cjs.entry.js

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const streamAttributes = require('./streamAttributes-d6236448.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
+const streamAttributes = require('./streamAttributes-f13c1a96.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
 const index$1 = require('./index-3bc6bac0.js');
-require('./browser.esm-31b03292.js');
+require('./browser.esm-c51162f8.js');
 require('./_commonjsHelpers-537d719a.js');
 
 /*! *****************************************************************************

package/dist/cjs/vertex-viewer-measurement-distance.cjs.entry.js

@@ -6,19 +6,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
 const constants = require('./constants-be2deb55.js');
-const cursors = require('./cursors-ad2fd395.js');
-const dom = require('./dom-dd265f48.js');
-require('./mapper-f6e6cafe.js');
+const cursors = require('./cursors-14827f58.js');
+const dom = require('./dom-c697cf99.js');
+require('./mapper-67af470b.js');
 require('./grpc-web-client.umd-60a79aae.js');
-const streamAttributes = require('./streamAttributes-d6236448.js');
-const model = require('./model-4ec0c36e.js');
-const overlays = require('./overlays-40c6cbc7.js');
-const results = require('./results-bc325974.js');
-const viewport = require('./viewport-8c39089f.js');
-const browser_esm = require('./browser.esm-31b03292.js');
-const utils = require('./utils-545b1865.js');
+const streamAttributes = require('./streamAttributes-f13c1a96.js');
+const model = require('./model-78241d4f.js');
+const overlays = require('./overlays-06786e52.js');
+const results = require('./results-7a694238.js');
+const viewport = require('./viewport-052809c7.js');
+const browser_esm = require('./browser.esm-c51162f8.js');
+const utils = require('./utils-5cc32a26.js');
 const index$1 = require('./index-3bc6bac0.js');
 require('./_commonjsHelpers-537d719a.js');
 

package/dist/cjs/vertex-viewer-measurement-line_2.cjs.entry.js

@@ -6,14 +6,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
-require('./mapper-f6e6cafe.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
+require('./mapper-67af470b.js');
 require('./grpc-web-client.umd-60a79aae.js');
-require('./streamAttributes-d6236448.js');
-const overlays = require('./overlays-40c6cbc7.js');
-const utils = require('./utils-545b1865.js');
+require('./streamAttributes-f13c1a96.js');
+const overlays = require('./overlays-06786e52.js');
+const utils = require('./utils-5cc32a26.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./browser.esm-31b03292.js');
+require('./browser.esm-c51162f8.js');
 
 const viewerMeasurementLineCss = ":host{display:block;--viewer-measurement-line-stroke:var(--white);--viewer-measurement-line-stroke-opacity:0.75;--viewer-measurement-line-stroke-width:1.25px;--viewer-measurement-line-fill:var(--neutral-900);--viewer-measurement-line-fill-width:2px;--viewer-measurement-line-start-cap-visibility:initial;--viewer-measurement-line-end-cap-visibility:initial}svg{width:100%;height:100%}.line-stroke{stroke-width:calc(\n    var(--viewer-measurement-line-fill-width) +\n      var(--viewer-measurement-line-stroke-width)\n  );stroke:var(--viewer-measurement-line-stroke);opacity:var(--viewer-measurement-line-stroke-opacity)}.line-fill{stroke-width:var(--viewer-measurement-line-fill-width);stroke:var(--viewer-measurement-line-fill)}.start-cap{visibility:var(--viewer-measurement-line-start-cap-visibility)}.end-cap{visibility:var(--viewer-measurement-line-end-cap-visibility)}";
 

package/dist/cjs/vertex-viewer-measurement-precise.cjs.entry.js

@@ -6,18 +6,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const mapper = require('./mapper-f6e6cafe.js');
+const mapper = require('./mapper-67af470b.js');
 const grpcWebClient_umd = require('./grpc-web-client.umd-60a79aae.js');
-const config = require('./config-90ee43d5.js');
-const entities = require('./entities-aa59890e.js');
-const streamAttributes = require('./streamAttributes-d6236448.js');
-const model = require('./model-4ec0c36e.js');
-const overlays = require('./overlays-40c6cbc7.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
-const cursors = require('./cursors-ad2fd395.js');
-const dom = require('./dom-dd265f48.js');
+const config = require('./config-91efd353.js');
+const entities = require('./entities-0829b4a4.js');
+const streamAttributes = require('./streamAttributes-f13c1a96.js');
+const model = require('./model-78241d4f.js');
+const overlays = require('./overlays-06786e52.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
+const cursors = require('./cursors-14827f58.js');
+const dom = require('./dom-c697cf99.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./browser.esm-31b03292.js');
+require('./browser.esm-c51162f8.js');
 
 // package: vertexvis.protobuf.sceneview.v1
 // file: sceneview/protos/scene_view_api.proto

package/dist/cjs/vertex-viewer-measurement-tool.cjs.entry.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e100709a.js');
 const constants = require('./constants-be2deb55.js');
 const templates = require('./templates-e57b3741.js');
-require('./streamAttributes-d6236448.js');
-const measurement = require('./measurement-aba1e0e8.js');
-const utils = require('./utils-545b1865.js');
-require('./bundle.esm-dc0a8361.js');
-require('./browser.esm-31b03292.js');
+require('./streamAttributes-f13c1a96.js');
+const measurement = require('./measurement-8e0ce89a.js');
+const utils = require('./utils-5cc32a26.js');
+require('./bundle.esm-1b8b1f36.js');
+require('./browser.esm-c51162f8.js');
 require('./_commonjsHelpers-537d719a.js');
 
 const viewerMeasurementToolCss = ":host{position:absolute;top:0;bottom:0;left:0;right:0}";

package/dist/cjs/vertex-viewer-measurements.cjs.entry.js

@@ -7,17 +7,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
 const constants = require('./constants-be2deb55.js');
-require('./mapper-f6e6cafe.js');
+require('./mapper-67af470b.js');
 require('./grpc-web-client.umd-60a79aae.js');
-require('./streamAttributes-d6236448.js');
-const model = require('./model-4ec0c36e.js');
-const results = require('./results-bc325974.js');
+require('./streamAttributes-f13c1a96.js');
+const model = require('./model-78241d4f.js');
+const results = require('./results-7a694238.js');
 const templates = require('./templates-e57b3741.js');
-const measurement = require('./measurement-aba1e0e8.js');
-const utils = require('./utils-545b1865.js');
+const measurement = require('./measurement-8e0ce89a.js');
+const utils = require('./utils-5cc32a26.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./browser.esm-31b03292.js');
-require('./bundle.esm-dc0a8361.js');
+require('./browser.esm-c51162f8.js');
+require('./bundle.esm-1b8b1f36.js');
 
 const viewerMeasurementsCss = ":host{display:block;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}::slotted(.viewer-measurements__measurement[mode='']){cursor:pointer}::slotted(.viewer-measurements__measurement[mode='edit']){z-index:1}::slotted(.viewer-measurements__measurement[interacting-anchor='start']),::slotted(.viewer-measurements__measurement[interacting-anchor='end']),::slotted(vertex-viewer-measurement-tool[is-measuring]){z-index:2}";
 

package/dist/cjs/vertex-viewer-view-cube.cjs.entry.js

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
 const stencil = require('./stencil-a664cd10.js');
-const streamAttributes = require('./streamAttributes-d6236448.js');
+const streamAttributes = require('./streamAttributes-f13c1a96.js');
 const index$1 = require('./index-3bc6bac0.js');
-require('./browser.esm-31b03292.js');
+require('./browser.esm-c51162f8.js');
 require('./_commonjsHelpers-537d719a.js');
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/cjs/vertex-viewer.cjs.entry.js

@@ -6,15 +6,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-dc0a8361.js');
-const streamAttributes = require('./streamAttributes-d6236448.js');
-const browser_esm = require('./browser.esm-31b03292.js');
+const bundle_esm = require('./bundle.esm-1b8b1f36.js');
+const streamAttributes = require('./streamAttributes-f13c1a96.js');
+const browser_esm = require('./browser.esm-c51162f8.js');
 const index$1 = require('./index-3bc6bac0.js');
-const config = require('./config-90ee43d5.js');
-const cursors = require('./cursors-ad2fd395.js');
-const dom = require('./dom-dd265f48.js');
-const scene = require('./scene-d420fd26.js');
-const viewport = require('./viewport-8c39089f.js');
+const config = require('./config-91efd353.js');
+const cursors = require('./cursors-14827f58.js');
+const dom = require('./dom-c697cf99.js');
+const scene = require('./scene-23535fc0.js');
+const viewport = require('./viewport-052809c7.js');
 require('./_commonjsHelpers-537d719a.js');
 
 /**
@@ -273,52 +273,6 @@ class FlyToPartKeyInteraction {
   }
 }
 
-class FlyToPositionKeyInteraction {
-  constructor(stream, configProvider, imageScaleProvider, sceneProvider) {
-    this.stream = stream;
-    this.configProvider = configProvider;
-    this.imageScaleProvider = imageScaleProvider;
-    this.sceneProvider = sceneProvider;
-  }
-  predicate(e) {
-    return e.altKey && e.shiftKey;
-  }
-  async fn(e) {
-    var _a, _b;
-    const scale = this.imageScaleProvider();
-    const hitResult = await this.stream.hitItems({
-      point: bundle_esm.point.scale(e.position, (scale === null || scale === void 0 ? void 0 : scale.x) || 1, (scale === null || scale === void 0 ? void 0 : scale.y) || 1),
-    }, true);
-    if (((_a = hitResult.hitItems) === null || _a === void 0 ? void 0 : _a.hits) != null &&
-      hitResult.hitItems.hits.length > 0 &&
-      hitResult.hitItems.hits[0].hitPoint != null) {
-      const camera = this.sceneProvider().camera();
-      const hit = hitResult.hitItems.hits[0];
-      if (hit.hitPoint != null &&
-        hit.hitPoint.x != null &&
-        hit.hitPoint.y != null &&
-        hit.hitPoint.z != null) {
-        await this.stream.flyTo({
-          camera: camera
-            .update({
-            lookAt: bundle_esm.vector3.create(hit.hitPoint.x, hit.hitPoint.y, hit.hitPoint.z),
-          })
-            .toFrameCamera(),
-          animation: {
-            duration: streamAttributes.toProtoDuration(this.configProvider().animation.durationMs),
-          },
-        });
-      }
-      else {
-        console.debug(`No hit position found for fly to position [position={x: ${e.position.x}, y: ${e.position.y}}, hit-id={${(_b = hit.itemId) === null || _b === void 0 ? void 0 : _b.hex}}]`);
-      }
-    }
-    else {
-      console.debug(`No hit results found for fly to position [position={x: ${e.position.x}, y: ${e.position.y}}]`);
-    }
-  }
-}
-
 /**
  * The `InteractionApi` provides methods that API developers can use to modify
  * the internal state of an interaction.
@@ -526,27 +480,6 @@ class InteractionApi {
       return camera;
     });
   }
-  /**
-   * Performs a pan operation of the scene's camera, and requests a new image
-   * for the updated scene.
-   *
-   * @param delta A position delta `{x, y}` in the 2D coordinate space of the
-   *  viewer.
-   */
-  async panCameraByDelta(delta) {
-    return this.transformCamera(({ camera, viewport }) => {
-      const vv = camera.viewVector();
-      const u = bundle_esm.vector3.normalize(camera.up);
-      const v = bundle_esm.vector3.normalize(vv);
-      const d = bundle_esm.vector3.magnitude(vv) * Math.tan(camera.fovY);
-      const epsilonX = (delta.x * d) / viewport.width;
-      const epsilonY = (delta.y / viewport.width) * d;
-      const xvec = bundle_esm.vector3.cross(u, v);
-      const yvec = bundle_esm.vector3.cross(v, xvec);
-      const offset = bundle_esm.vector3.add(bundle_esm.vector3.scale(epsilonX, xvec), bundle_esm.vector3.scale(epsilonY, yvec));
-      return camera.moveBy(offset);
-    });
-  }
   /**
    * Performs a view all operation for the scene's bounding box, and requests a
    * new image for the updated scene.
@@ -605,8 +538,8 @@ class InteractionApi {
       return updated.update({
         // Scale the lookAt point to the same length as the distance to the
         // center of the bounding box to maintain zoom and pan behavior.
-        lookAt: bundle_esm.vector3.add(bundle_esm.vector3.scale(camera.distanceToBoundingBoxCenter() /
-          bundle_esm.vector3.magnitude(updated.viewVector()), updated.viewVector()), updated.position),
+        lookAt: bundle_esm.vector3.add(bundle_esm.vector3.scale(Math.abs(camera.signedDistanceToBoundingBoxCenter()) /
+          bundle_esm.vector3.magnitude(updated.viewVector), updated.viewVector), updated.position),
       });
     });
   }
@@ -619,7 +552,7 @@ class InteractionApi {
    */
   async zoomCamera(delta) {
     return this.transformCamera(({ camera, viewport }) => {
-      const vv = camera.viewVector();
+      const vv = camera.viewVector;
       const v = bundle_esm.vector3.normalize(vv);
       const distance = bundle_esm.vector3.magnitude(vv);
       const epsilon = (3 * distance * delta) / viewport.height;
@@ -740,6 +673,148 @@ class InteractionApi {
   }
 }
 
+class InteractionApiOrthographic extends InteractionApi {
+  constructor(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter) {
+    super(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter);
+  }
+  /**
+   * Performs a pan operation of the scene's camera, and requests a new image
+   * for the updated scene.
+   *
+   * @param delta A position delta `{x, y}` in the 2D coordinate space of the
+   *  viewer.
+   */
+  async panCameraByDelta(delta) {
+    return this.transformCamera(({ camera, viewport }) => {
+      const viewVector = camera.viewVector;
+      const normalizedUpVector = bundle_esm.vector3.normalize(camera.up);
+      const normalizedViewVector = bundle_esm.vector3.normalize(viewVector);
+      const d = bundle_esm.vector3.magnitude(viewVector) * Math.tan(camera.fovHeight);
+      const epsilonX = (delta.x * d) / viewport.width;
+      const epsilonY = (delta.y / viewport.width) * d;
+      const xvec = bundle_esm.vector3.cross(normalizedUpVector, normalizedViewVector);
+      const yvec = bundle_esm.vector3.cross(normalizedViewVector, xvec);
+      const offset = bundle_esm.vector3.add(bundle_esm.vector3.scale(epsilonX, xvec), bundle_esm.vector3.scale(epsilonY, yvec));
+      return camera.moveBy(offset);
+    });
+  }
+  async transformCamera(t) {
+    var _a;
+    if (this.isInteracting()) {
+      const scene = this.getScene();
+      const viewport = this.getViewport();
+      const frame = this.getFrame();
+      const depthBuffer = await (frame === null || frame === void 0 ? void 0 : frame.depthBuffer());
+      this.currentCamera =
+        this.currentCamera != null && viewport != null && frame != null
+          ? t({
+            camera: this.currentCamera,
+            viewport,
+            scale: scene.scale(),
+            boundingBox: scene.boundingBox(),
+            frame,
+            depthBuffer,
+          })
+          : undefined;
+      await ((_a = this.currentCamera) === null || _a === void 0 ? void 0 : _a.render());
+    }
+  }
+}
+
+class InteractionApiPerspective extends InteractionApi {
+  constructor(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter) {
+    super(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter);
+  }
+  /**
+   * Performs a pan operation of the scene's camera, and requests a new image
+   * for the updated scene.
+   *
+   * @param delta A position delta `{x, y}` in the 2D coordinate space of the
+   *  viewer.
+   */
+  async panCameraByDelta(delta) {
+    return this.transformCamera(({ camera, viewport }) => {
+      const vv = camera.viewVector;
+      const u = bundle_esm.vector3.normalize(camera.up);
+      const v = bundle_esm.vector3.normalize(vv);
+      const d = bundle_esm.vector3.magnitude(vv) * Math.tan(camera.fovY);
+      const epsilonX = (delta.x * d) / viewport.width;
+      const epsilonY = (delta.y / viewport.width) * d;
+      const xvec = bundle_esm.vector3.cross(u, v);
+      const yvec = bundle_esm.vector3.cross(v, xvec);
+      const offset = bundle_esm.vector3.add(bundle_esm.vector3.scale(epsilonX, xvec), bundle_esm.vector3.scale(epsilonY, yvec));
+      return camera.moveBy(offset);
+    });
+  }
+  async transformCamera(t) {
+    var _a;
+    if (this.isInteracting()) {
+      const scene = this.getScene();
+      const viewport = this.getViewport();
+      const frame = this.getFrame();
+      const depthBuffer = await (frame === null || frame === void 0 ? void 0 : frame.depthBuffer());
+      this.currentCamera =
+        this.currentCamera != null && viewport != null && frame != null
+          ? t({
+            camera: this.currentCamera,
+            viewport,
+            scale: scene.scale(),
+            boundingBox: scene.boundingBox(),
+            frame,
+            depthBuffer,
+          })
+          : undefined;
+      await ((_a = this.currentCamera) === null || _a === void 0 ? void 0 : _a.render());
+    }
+  }
+}
+
+class FlyToPositionKeyInteraction {
+  constructor(stream, configProvider, imageScaleProvider, sceneProvider) {
+    this.stream = stream;
+    this.configProvider = configProvider;
+    this.imageScaleProvider = imageScaleProvider;
+    this.sceneProvider = sceneProvider;
+  }
+  predicate(e) {
+    return e.altKey && e.shiftKey;
+  }
+  async fn(e) {
+    var _a, _b;
+    const scale = this.imageScaleProvider();
+    const hitResult = await this.stream.hitItems({
+      point: bundle_esm.point.scale(e.position, (scale === null || scale === void 0 ? void 0 : scale.x) || 1, (scale === null || scale === void 0 ? void 0 : scale.y) || 1),
+    }, true);
+    if (((_a = hitResult.hitItems) === null || _a === void 0 ? void 0 : _a.hits) != null &&
+      hitResult.hitItems.hits.length > 0 &&
+      hitResult.hitItems.hits[0].hitPoint != null) {
+      const camera = this.sceneProvider().camera();
+      const hit = hitResult.hitItems.hits[0];
+      if (hit.hitPoint != null &&
+        hit.hitPoint.x != null &&
+        hit.hitPoint.y != null &&
+        hit.hitPoint.z != null) {
+        await this.stream.flyTo({
+          camera: camera
+            .update({
+            lookAt: bundle_esm.vector3.create(hit.hitPoint.x, hit.hitPoint.y, hit.hitPoint.z),
+          })
+            .toFrameCamera(),
+          animation: {
+            duration: streamAttributes.toProtoDuration(this.configProvider().animation.durationMs),
+          },
+        });
+      }
+      else {
+        console.debug(`No hit position found for fly to position [position={x: ${e.position.x}, y: ${e.position.y}}, hit-id={${(_b = hit.itemId) === null || _b === void 0 ? void 0 : _b.hex}}]`);
+      }
+    }
+    else {
+      console.debug(`No hit results found for fly to position [position={x: ${e.position.x}, y: ${e.position.y}}]`);
+    }
+  }
+}
+
 const SCROLL_WHEEL_DELTA_PERCENTAGES = [0.2, 0.15, 0.25, 0.25, 0.15];
 const DEFAULT_FONT_SIZE = 16;
 const DEFAULT_LINE_HEIGHT = 1.2;
@@ -2272,6 +2347,11 @@ let Viewer = class {
      * the viewer. Enabled by default.
      */
     this.cameraControls = true;
+    /**
+     * The type of camera model to represent the scene with. Can be either
+     * `perspective` or `orthographic`, and defaults to `perspective`.
+     */
+    this.cameraType = 'perspective';
     /**
      * Enables or disables the default keyboard shortcut interactions provided by
      * the viewer. Enabled by default, requires `cameraControls` being enabled.
@@ -2561,6 +2641,11 @@ let Viewer = class {
       (_b = this.baseInteractionHandler) === null || _b === void 0 ? void 0 : _b.setPrimaryInteractionType('rotate');
     }
   }
+  handleCameraTypeChanged(updatedCameraType, previousCameraType) {
+    if (updatedCameraType !== previousCameraType) {
+      this.updateCameraType();
+    }
+  }
   /**
    * @ignore
    */
@@ -2807,7 +2892,9 @@ let Viewer = class {
       this.frame !== frame) {
       const canvas = this.canvasElement.getContext('2d');
       if (canvas != null) {
+        const previousFrame = this.frame;
         this.frame = frame;
+        this.updateInteractionApi(previousFrame);
         const data = {
           canvas,
           canvasDimensions,
@@ -2843,7 +2930,10 @@ let Viewer = class {
     if (this.stream == null) {
       throw new scene.ComponentInitializationError('Cannot create interaction API. Component has not been initialized.');
     }
-    return new InteractionApi(this.stream, this.stateMap.cursorManager, () => this.getResolvedConfig().interactions, () => this.createScene(), () => this.frame, () => this.viewport, this.tap, this.doubletap, this.longpress, this.interactionStarted, this.interactionFinished);
+    return this.frame == null ||
+      streamAttributes.isPerspectiveFrameCamera(this.frame.scene.camera)
+      ? new InteractionApiPerspective(this.stream, this.stateMap.cursorManager, () => this.getResolvedConfig().interactions, () => this.createScene(), () => this.frame, () => this.viewport, this.tap, this.doubletap, this.longpress, this.interactionStarted, this.interactionFinished)
+      : new InteractionApiOrthographic(this.stream, this.stateMap.cursorManager, () => this.getResolvedConfig().interactions, () => this.createScene(), () => this.frame, () => this.viewport, this.tap, this.doubletap, this.longpress, this.interactionStarted, this.interactionFinished);
   }
   handleCursorChanged() {
     window.requestAnimationFrame(() => {
@@ -2903,6 +2993,34 @@ let Viewer = class {
     var _a;
     (_a = this.stream) === null || _a === void 0 ? void 0 : _a.update({ streamAttributes: this.getStreamAttributes() });
   }
+  updateInteractionApi(previousFrame) {
+    if (previousFrame != null && this.frame != null) {
+      const hasChangedFromPerspective = streamAttributes.isPerspectiveFrameCamera(previousFrame.scene.camera) &&
+        streamAttributes.isPerspectiveFrameCamera(this.frame.scene.camera);
+      const hasChangedFromOrthographic = streamAttributes.isOrthographicFrameCamera(previousFrame.scene.camera) &&
+        streamAttributes.isOrthographicFrameCamera(this.frame.scene.camera);
+      if (hasChangedFromPerspective || hasChangedFromOrthographic) {
+        this.interactionApi = this.createInteractionApi();
+      }
+    }
+  }
+  updateCameraType() {
+    var _a, _b;
+    if (this.frame != null) {
+      if (this.cameraType === 'orthographic' &&
+        streamAttributes.isPerspectiveFrameCamera(this.frame.scene.camera)) {
+        (_a = this.stream) === null || _a === void 0 ? void 0 : _a.replaceCamera({
+          camera: streamAttributes.toProtobuf(streamAttributes.toOrthographic(this.frame.scene.camera)),
+        });
+      }
+      else if (this.cameraType === 'perspective' &&
+        streamAttributes.isOrthographicFrameCamera(this.frame.scene.camera)) {
+        (_b = this.stream) === null || _b === void 0 ? void 0 : _b.replaceCamera({
+          camera: streamAttributes.toProtobuf(streamAttributes.toPerspective(this.frame.scene.camera)),
+        });
+      }
+    }
+  }
   getDepthBufferStreamAttributesValue() {
     var _a;
     const depthBuffer = (_a = this.depthBuffers) !== null && _a !== void 0 ? _a : (this.rotateAroundTapPoint ? 'final' : undefined);
@@ -2943,6 +3061,7 @@ let Viewer = class {
   static get watchers() { return {
     "src": ["handleSrcChanged"],
     "rotateAroundTapPoint": ["handleRotateAboutTapPointChanged"],
+    "cameraType": ["handleCameraTypeChanged"],
     "depthBuffers": ["handleDepthBuffersChanged"],
     "experimentalGhostingOpacity": ["handleExperimentalGhostingOpacityChanged"],
     "featureLines": ["handleFeatureLinesChanged"],