@vertexvis/viewer 0.13.1 → 0.13.2-canary.2

package/dist/esm/{utils-5e57bf24.js → utils-9f4b25ec.js}

@@ -1,7 +1,7 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import { p as point, q as matrix, i as angle, g as rectangle } from './bundle.esm-d899b2d5.js';
+import { p as point, q as matrix, g as angle, h as rectangle } from './bundle.esm-df3a8a42.js';
 
 function createArrowheadPoints(start, end, arrowAngle = 60) {
   const distance = point.distance(start, end);

package/dist/esm/{utils-83a19677.js → utils-ed2346c0.js}

@@ -1,7 +1,7 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import { p as point, l as line3 } from './bundle.esm-d899b2d5.js';
+import { p as point, l as line3 } from './bundle.esm-df3a8a42.js';
 
 function translateWorldLineToViewport(line, params) {
   const { camera, viewport } = params;

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

@@ -4,7 +4,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-10c1495a.js';
 import { c as classnames } from './index-455380d0.js';
 import { d as debounceEvent, r as readDOM } from './stencil-9bf7fb9e.js';
-import { e as __assign, p as point } from './bundle.esm-d899b2d5.js';
+import { e as __assign, p as point } from './bundle.esm-df3a8a42.js';
 import { a as getSceneTreeViewportHeight } from './dom-2111ed19.js';
 import './_commonjsHelpers-9943807e.js';
 

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

@@ -2,13 +2,13 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { h, F as Fragment, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-10c1495a.js';
-import { n as __rest } from './bundle.esm-d899b2d5.js';
+import { n as __rest } from './bundle.esm-df3a8a42.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-9943807e.js';
 import { a as googleProtobuf, w as wrappers_pb, g as grpcWebClient_umd } from './grpc-web-client.umd-5982b7b0.js';
-import { p as parseConfig } from './config-604c644e.js';
-import { E as EventDispatcher } from './browser.esm-59e914f6.js';
+import { p as parseConfig } from './config-3a5d3ea3.js';
+import { E as EventDispatcher } from './browser.esm-48f051a3.js';
 import { g as getSceneTreeContainsElement } from './dom-2111ed19.js';
-import './streamAttributes-d623bb60.js';
+import './streamAttributes-87a3605c.js';
 
 window.requestIdleCallback =
     window.requestIdleCallback ||

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

@@ -2,10 +2,10 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-10c1495a.js';
-import { v as vector3, s as quaternion, m as matrix4, t as euler } from './bundle.esm-d899b2d5.js';
-import './streamAttributes-d623bb60.js';
-import { V as Viewport } from './viewport-01c886ea.js';
-import './browser.esm-59e914f6.js';
+import { v as vector3, s as quaternion, m as matrix4, t as euler } from './bundle.esm-df3a8a42.js';
+import './streamAttributes-87a3605c.js';
+import { V as Viewport } from './viewport-6d4c0af0.js';
+import './browser.esm-48f051a3.js';
 import './_commonjsHelpers-9943807e.js';
 
 const viewerDomElementCss = ":host{position:absolute;pointer-events:none}:host(:not([interactions-off]))>*{pointer-events:auto}";

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

@@ -2,9 +2,9 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-10c1495a.js';
-import { p as point, d as dimensions, g as rectangle, i as angle } from './bundle.esm-d899b2d5.js';
-import { g as getMouseClientPosition } from './dom-780d25be.js';
-import { i as isVertexViewerArrowMarkup, a as isVertexViewerCircleMarkup, b as isVertexViewerFreeformMarkup, p as parsePoint, c as createArrowheadPoints, d as arrowheadPointsToPolygonPoints, e as parseBounds, f as parsePoints } from './utils-5e57bf24.js';
+import { p as point, d as dimensions, h as rectangle, g as angle } from './bundle.esm-df3a8a42.js';
+import { g as getMouseClientPosition } from './dom-18d9ac79.js';
+import { i as isVertexViewerArrowMarkup, a as isVertexViewerCircleMarkup, b as isVertexViewerFreeformMarkup, p as parsePoint, c as createArrowheadPoints, d as arrowheadPointsToPolygonPoints, e as parseBounds, f as parsePoints } from './utils-9f4b25ec.js';
 import { c as classnames } from './index-455380d0.js';
 import './_commonjsHelpers-9943807e.js';
 

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

@@ -3,10 +3,10 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-10c1495a.js';
 import { s as stampTemplateWithId } from './templates-022199c1.js';
-import { F as FreeformMarkup, C as CircleMarkup, A as ArrowMarkup } from './markup-1d177b4a.js';
-import { b as isVertexViewerFreeformMarkup, a as isVertexViewerCircleMarkup, i as isVertexViewerArrowMarkup } from './utils-5e57bf24.js';
-import './bundle.esm-d899b2d5.js';
-import './browser.esm-59e914f6.js';
+import { F as FreeformMarkup, C as CircleMarkup, A as ArrowMarkup } from './markup-accb6b5c.js';
+import { b as isVertexViewerFreeformMarkup, a as isVertexViewerCircleMarkup, i as isVertexViewerArrowMarkup } from './utils-9f4b25ec.js';
+import './bundle.esm-df3a8a42.js';
+import './browser.esm-48f051a3.js';
 
 const viewerMarkupToolCss = ":host{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}:host([elevated=\"\"]){z-index:100}";
 

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

@@ -2,11 +2,11 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-10c1495a.js';
-import { p as point } from './bundle.esm-d899b2d5.js';
+import { p as point } from './bundle.esm-df3a8a42.js';
 import { s as stampTemplateWithId } from './templates-022199c1.js';
-import { A as ArrowMarkup, C as CircleMarkup, F as FreeformMarkup } from './markup-1d177b4a.js';
-import { i as isVertexViewerArrowMarkup, a as isVertexViewerCircleMarkup, b as isVertexViewerFreeformMarkup } from './utils-5e57bf24.js';
-import './browser.esm-59e914f6.js';
+import { A as ArrowMarkup, C as CircleMarkup, F as FreeformMarkup } from './markup-accb6b5c.js';
+import { i as isVertexViewerArrowMarkup, a as isVertexViewerCircleMarkup, b as isVertexViewerFreeformMarkup } from './utils-9f4b25ec.js';
+import './browser.esm-48f051a3.js';
 
 const viewerMarkupCss = ":host{display:block;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}";
 

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

@@ -2,10 +2,10 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { h, F as Fragment, r as registerInstance, H as Host } from './index-10c1495a.js';
-import { D as DistanceUnits, A as AngleUnits, d as AreaUnits } from './streamAttributes-d623bb60.js';
-import { n as __rest, v as vector3 } from './bundle.esm-d899b2d5.js';
+import { D as DistanceUnits, A as AngleUnits, e as AreaUnits } from './streamAttributes-87a3605c.js';
+import { n as __rest, v as vector3 } from './bundle.esm-df3a8a42.js';
 import { c as classnames } from './index-455380d0.js';
-import './browser.esm-59e914f6.js';
+import './browser.esm-48f051a3.js';
 import './_commonjsHelpers-9943807e.js';
 
 /*! *****************************************************************************

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

@@ -2,19 +2,19 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-10c1495a.js';
-import { v as vector3, i as angle, p as point, l as line3 } from './bundle.esm-d899b2d5.js';
+import { v as vector3, g as angle, p as point, l as line3 } from './bundle.esm-df3a8a42.js';
 import { M as MEASUREMENT_SNAP_DISTANCE, a as MEASUREMENT_LINE_CAP_LENGTH } from './constants-8582656b.js';
-import { m as measurementCursor } from './cursors-a7ec4adb.js';
-import { a as cssTransformCenterAt, g as getMouseClientPosition } from './dom-780d25be.js';
-import './mapper-4b815e31.js';
+import { m as measurementCursor } from './cursors-45f23dfe.js';
+import { a as cssTransformCenterAt, g as getMouseClientPosition } from './dom-18d9ac79.js';
+import './mapper-adf23dc4.js';
 import './grpc-web-client.umd-5982b7b0.js';
-import { e as fromPbVector3f, D as DistanceUnits } from './streamAttributes-d623bb60.js';
-import { M as MeasurementModel } from './model-e5a4f00f.js';
-import { M as MeasurementOverlayManager } from './overlays-1919b192.js';
-import { m as makeMinimumDistanceResult } from './results-994bdb50.js';
-import { V as Viewport } from './viewport-01c886ea.js';
-import { E as EventDispatcher, m as mapper } from './browser.esm-59e914f6.js';
-import { g as getViewingElementPositions } from './utils-83a19677.js';
+import { h as fromPbVector3f, D as DistanceUnits } from './streamAttributes-87a3605c.js';
+import { M as MeasurementModel } from './model-4982c15d.js';
+import { M as MeasurementOverlayManager } from './overlays-1783a61a.js';
+import { m as makeMinimumDistanceResult } from './results-93d45acc.js';
+import { V as Viewport } from './viewport-6d4c0af0.js';
+import { E as EventDispatcher, m as mapper } from './browser.esm-48f051a3.js';
+import { g as getViewingElementPositions } from './utils-ed2346c0.js';
 import { c as classnames } from './index-455380d0.js';
 import './_commonjsHelpers-9943807e.js';
 

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

@@ -2,14 +2,14 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-10c1495a.js';
-import { p as point, i as angle } from './bundle.esm-d899b2d5.js';
-import './mapper-4b815e31.js';
+import { p as point, g as angle } from './bundle.esm-df3a8a42.js';
+import './mapper-adf23dc4.js';
 import './grpc-web-client.umd-5982b7b0.js';
-import './streamAttributes-d623bb60.js';
-import { M as MeasurementOverlayManager } from './overlays-1919b192.js';
-import { t as translateWorldLineToViewport } from './utils-83a19677.js';
+import './streamAttributes-87a3605c.js';
+import { M as MeasurementOverlayManager } from './overlays-1783a61a.js';
+import { t as translateWorldLineToViewport } from './utils-ed2346c0.js';
 import './_commonjsHelpers-9943807e.js';
-import './browser.esm-59e914f6.js';
+import './browser.esm-48f051a3.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/esm/vertex-viewer-measurement-precise.entry.js

@@ -2,18 +2,18 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h, H as Host } from './index-10c1495a.js';
-import { s as scene_view_api_pb } from './mapper-4b815e31.js';
+import { s as scene_view_api_pb } from './mapper-adf23dc4.js';
 import { g as grpcWebClient_umd } from './grpc-web-client.umd-5982b7b0.js';
-import { p as parseConfig } from './config-604c644e.js';
-import { a as MeasurementEntity, M as MeasurementController } from './entities-759d97cd.js';
-import { E as EntityType } from './streamAttributes-d623bb60.js';
-import { M as MeasurementModel } from './model-e5a4f00f.js';
-import { M as MeasurementOverlayManager } from './overlays-1919b192.js';
-import { p as point } from './bundle.esm-d899b2d5.js';
-import { a as measurementWithArrowCursor } from './cursors-a7ec4adb.js';
-import { g as getMouseClientPosition } from './dom-780d25be.js';
+import { p as parseConfig } from './config-3a5d3ea3.js';
+import { a as MeasurementEntity, M as MeasurementController } from './entities-60dfd79d.js';
+import { E as EntityType } from './streamAttributes-87a3605c.js';
+import { M as MeasurementModel } from './model-4982c15d.js';
+import { M as MeasurementOverlayManager } from './overlays-1783a61a.js';
+import { p as point } from './bundle.esm-df3a8a42.js';
+import { a as measurementWithArrowCursor } from './cursors-45f23dfe.js';
+import { g as getMouseClientPosition } from './dom-18d9ac79.js';
 import './_commonjsHelpers-9943807e.js';
-import './browser.esm-59e914f6.js';
+import './browser.esm-48f051a3.js';
 
 // package: vertexvis.protobuf.sceneview.v1
 // file: sceneview/protos/scene_view_api.proto

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

@@ -4,11 +4,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-10c1495a.js';
 import { M as MEASUREMENT_SNAP_DISTANCE } from './constants-8582656b.js';
 import { s as stampTemplateWithId } from './templates-022199c1.js';
-import './streamAttributes-d623bb60.js';
-import { D as DistanceMeasurement } from './measurement-12cdbf5c.js';
-import { i as isVertexViewerDistanceMeasurement } from './utils-83a19677.js';
-import './bundle.esm-d899b2d5.js';
-import './browser.esm-59e914f6.js';
+import './streamAttributes-87a3605c.js';
+import { D as DistanceMeasurement } from './measurement-6cd457a6.js';
+import { i as isVertexViewerDistanceMeasurement } from './utils-ed2346c0.js';
+import './bundle.esm-df3a8a42.js';
+import './browser.esm-48f051a3.js';
 import './_commonjsHelpers-9943807e.js';
 
 const viewerMeasurementToolCss = ":host{position:absolute;top:0;bottom:0;left:0;right:0}";

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

@@ -3,17 +3,17 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-10c1495a.js';
 import { M as MEASUREMENT_SNAP_DISTANCE } from './constants-8582656b.js';
-import './mapper-4b815e31.js';
+import './mapper-adf23dc4.js';
 import './grpc-web-client.umd-5982b7b0.js';
-import './streamAttributes-d623bb60.js';
-import { M as MeasurementModel } from './model-e5a4f00f.js';
-import { m as makeMinimumDistanceResult } from './results-994bdb50.js';
+import './streamAttributes-87a3605c.js';
+import { M as MeasurementModel } from './model-4982c15d.js';
+import { m as makeMinimumDistanceResult } from './results-93d45acc.js';
 import { s as stampTemplateWithId } from './templates-022199c1.js';
-import { D as DistanceMeasurement } from './measurement-12cdbf5c.js';
-import { i as isVertexViewerDistanceMeasurement } from './utils-83a19677.js';
+import { D as DistanceMeasurement } from './measurement-6cd457a6.js';
+import { i as isVertexViewerDistanceMeasurement } from './utils-ed2346c0.js';
 import './_commonjsHelpers-9943807e.js';
-import './browser.esm-59e914f6.js';
-import './bundle.esm-d899b2d5.js';
+import './browser.esm-48f051a3.js';
+import './bundle.esm-df3a8a42.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/esm/vertex-viewer-view-cube.entry.js

@@ -2,11 +2,11 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { h, F as Fragment, r as registerInstance, H as Host } from './index-10c1495a.js';
-import { v as vector3, s as quaternion, t as euler } from './bundle.esm-d899b2d5.js';
+import { v as vector3, s as quaternion, t as euler } from './bundle.esm-df3a8a42.js';
 import { r as readDOM } from './stencil-9bf7fb9e.js';
-import { O as Orientation, c as FramePerspectiveCamera, w as StandardView } from './streamAttributes-d623bb60.js';
+import { O as Orientation, d as FramePerspectiveCamera, H as StandardView } from './streamAttributes-87a3605c.js';
 import { c as classnames } from './index-455380d0.js';
-import './browser.esm-59e914f6.js';
+import './browser.esm-48f051a3.js';
 import './_commonjsHelpers-9943807e.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

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

@@ -2,15 +2,15 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-10c1495a.js';
-import { p as point, v as vector3, i as angle, h as plane, r as ray, b as boundingBox, o as matrix2, d as dimensions } from './bundle.esm-d899b2d5.js';
-import { h as fromPbStencilBufferOrThrow, i as decodePng, j as DepthBuffer, t as toProtoDuration, E as EntityType, p as protoToDate, k as toPbStreamAttributes, l as toPbRGBi, S as StreamApi, m as StreamRequestError, n as fromPbFrameOrThrow, o as fromPbStartStreamResponseOrThrow, q as fromPbReconnectResponseOrThrow, r as fromPbSyncTimeResponseOrThrow, s as currentDateAsProtoTimestamp, u as fromPbRefreshTokenResponseOrThrow, W as WebSocketClientImpl } from './streamAttributes-d623bb60.js';
-import { E as EventDispatcher, m as mapper, c as color, o as objects, u as uri, a as async, b as uuid } from './browser.esm-59e914f6.js';
+import { p as point, v as vector3, g as angle, i as plane, r as ray, b as boundingBox, o as matrix2, d as dimensions } from './bundle.esm-df3a8a42.js';
+import { j as fromPbStencilBufferOrThrow, k as decodePng, l as DepthBuffer, t as toProtoDuration, E as EntityType, p as protoToDate, m as toPbStreamAttributes, n as toPbRGBi, S as StreamApi, o as StreamRequestError, q as fromPbFrameOrThrow, r as fromPbStartStreamResponseOrThrow, s as fromPbReconnectResponseOrThrow, u as fromPbSyncTimeResponseOrThrow, x as currentDateAsProtoTimestamp, y as fromPbRefreshTokenResponseOrThrow, W as WebSocketClientImpl, z as isPerspectiveFrameCamera, f as toProtobuf, B as toOrthographic, C as isOrthographicFrameCamera, G as toPerspective } from './streamAttributes-87a3605c.js';
+import { E as EventDispatcher, m as mapper, c as color, o as objects, u as uri, a as async, b as uuid } from './browser.esm-48f051a3.js';
 import { c as classnames } from './index-455380d0.js';
-import { p as parseConfig } from './config-604c644e.js';
-import { C as CursorManager } from './cursors-a7ec4adb.js';
-import { g as getMouseClientPosition, c as cssCursor } from './dom-780d25be.js';
-import { I as ImageLoadError, f as fromUrn, C as CustomError, W as WebsocketConnectionError, a as SynchronizedClock, b as SceneRenderError, d as defaultSelectionMaterial, V as ViewerInitializationError, e as InteractionHandlerError, g as ComponentInitializationError, h as IllegalStateError, i as fromHex, S as Scene } from './scene-2c2460d5.js';
-import { V as Viewport } from './viewport-01c886ea.js';
+import { p as parseConfig } from './config-3a5d3ea3.js';
+import { C as CursorManager } from './cursors-45f23dfe.js';
+import { g as getMouseClientPosition, c as cssCursor } from './dom-18d9ac79.js';
+import { I as ImageLoadError, f as fromUrn, C as CustomError, W as WebsocketConnectionError, a as SynchronizedClock, b as SceneRenderError, d as defaultSelectionMaterial, V as ViewerInitializationError, e as InteractionHandlerError, g as ComponentInitializationError, h as IllegalStateError, i as fromHex, S as Scene } from './scene-2d8bdccc.js';
+import { V as Viewport } from './viewport-6d4c0af0.js';
 import './_commonjsHelpers-9943807e.js';
 
 /**
@@ -269,52 +269,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: 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: vector3.create(hit.hitPoint.x, hit.hitPoint.y, hit.hitPoint.z),
-          })
-            .toFrameCamera(),
-          animation: {
-            duration: 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.
@@ -522,27 +476,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 = vector3.normalize(camera.up);
-      const v = vector3.normalize(vv);
-      const d = vector3.magnitude(vv) * Math.tan(camera.fovY);
-      const epsilonX = (delta.x * d) / viewport.width;
-      const epsilonY = (delta.y / viewport.width) * d;
-      const xvec = vector3.cross(u, v);
-      const yvec = vector3.cross(v, xvec);
-      const offset = vector3.add(vector3.scale(epsilonX, xvec), 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.
@@ -601,8 +534,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: vector3.add(vector3.scale(camera.distanceToBoundingBoxCenter() /
-          vector3.magnitude(updated.viewVector()), updated.viewVector()), updated.position),
+        lookAt: vector3.add(vector3.scale(Math.abs(camera.signedDistanceToBoundingBoxCenter()) /
+          vector3.magnitude(updated.viewVector), updated.viewVector), updated.position),
       });
     });
   }
@@ -615,7 +548,7 @@ class InteractionApi {
    */
   async zoomCamera(delta) {
     return this.transformCamera(({ camera, viewport }) => {
-      const vv = camera.viewVector();
+      const vv = camera.viewVector;
       const v = vector3.normalize(vv);
       const distance = vector3.magnitude(vv);
       const epsilon = (3 * distance * delta) / viewport.height;
@@ -736,6 +669,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 = vector3.normalize(camera.up);
+      const normalizedViewVector = vector3.normalize(viewVector);
+      const d = vector3.magnitude(viewVector) * Math.tan(camera.fovHeight);
+      const epsilonX = (delta.x * d) / viewport.width;
+      const epsilonY = (delta.y / viewport.width) * d;
+      const xvec = vector3.cross(normalizedUpVector, normalizedViewVector);
+      const yvec = vector3.cross(normalizedViewVector, xvec);
+      const offset = vector3.add(vector3.scale(epsilonX, xvec), 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 = vector3.normalize(camera.up);
+      const v = vector3.normalize(vv);
+      const d = vector3.magnitude(vv) * Math.tan(camera.fovY);
+      const epsilonX = (delta.x * d) / viewport.width;
+      const epsilonY = (delta.y / viewport.width) * d;
+      const xvec = vector3.cross(u, v);
+      const yvec = vector3.cross(v, xvec);
+      const offset = vector3.add(vector3.scale(epsilonX, xvec), 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: 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: vector3.create(hit.hitPoint.x, hit.hitPoint.y, hit.hitPoint.z),
+          })
+            .toFrameCamera(),
+          animation: {
+            duration: 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;
@@ -2268,6 +2343,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.
@@ -2557,6 +2637,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
    */
@@ -2803,7 +2888,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,
@@ -2839,7 +2926,10 @@ let Viewer = class {
     if (this.stream == null) {
       throw new 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 ||
+      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(() => {
@@ -2899,6 +2989,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 = isPerspectiveFrameCamera(previousFrame.scene.camera) &&
+        isPerspectiveFrameCamera(this.frame.scene.camera);
+      const hasChangedFromOrthographic = isOrthographicFrameCamera(previousFrame.scene.camera) &&
+        isOrthographicFrameCamera(this.frame.scene.camera);
+      if (hasChangedFromPerspective || hasChangedFromOrthographic) {
+        this.interactionApi = this.createInteractionApi();
+      }
+    }
+  }
+  updateCameraType() {
+    var _a, _b;
+    if (this.frame != null) {
+      if (this.cameraType === 'orthographic' &&
+        isPerspectiveFrameCamera(this.frame.scene.camera)) {
+        (_a = this.stream) === null || _a === void 0 ? void 0 : _a.replaceCamera({
+          camera: toProtobuf(toOrthographic(this.frame.scene.camera)),
+        });
+      }
+      else if (this.cameraType === 'perspective' &&
+        isOrthographicFrameCamera(this.frame.scene.camera)) {
+        (_b = this.stream) === null || _b === void 0 ? void 0 : _b.replaceCamera({
+          camera: toProtobuf(toPerspective(this.frame.scene.camera)),
+        });
+      }
+    }
+  }
   getDepthBufferStreamAttributesValue() {
     var _a;
     const depthBuffer = (_a = this.depthBuffers) !== null && _a !== void 0 ? _a : (this.rotateAroundTapPoint ? 'final' : undefined);
@@ -2939,6 +3057,7 @@ let Viewer = class {
   static get watchers() { return {
     "src": ["handleSrcChanged"],
     "rotateAroundTapPoint": ["handleRotateAboutTapPointChanged"],
+    "cameraType": ["handleCameraTypeChanged"],
     "depthBuffers": ["handleDepthBuffersChanged"],
     "experimentalGhostingOpacity": ["handleExperimentalGhostingOpacityChanged"],
     "featureLines": ["handleFeatureLinesChanged"],