@vertexvis/viewer 0.12.0 → 0.13.0-canary.0

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

@@ -1,16 +1,16 @@
 /**!
  * 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-f0053642.js';
-import { p as point, v as vector3, h as angle, g as plane, r as ray, b as boundingBox, o as matrix2, d as dimensions } from './bundle.esm-8f14ac60.js';
-import { h as fromPbStencilBufferOrThrow, i as decodePng, j as DepthBuffer, t as toProtoDuration, 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-7aa486b2.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-e6827921.js';
+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 { c as classnames } from './index-455380d0.js';
-import { p as parseConfig } from './config-a200c227.js';
-import { C as CursorManager } from './cursors-5157d29d.js';
-import { g as getMouseClientPosition, c as cssCursor } from './dom-2d6a1e1e.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-16490983.js';
-import { V as Viewport } from './viewport-bb7c46d9.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-9ac8a484.js';
+import { V as Viewport } from './viewport-01c886ea.js';
 import './_commonjsHelpers-9943807e.js';
 
 /**
@@ -320,8 +320,9 @@ class FlyToPositionKeyInteraction {
  * the internal state of an interaction.
  */
 class InteractionApi {
-  constructor(stream, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter) {
+  constructor(stream, cursors, getConfig, getScene, getFrame, getViewport, tapEmitter, doubleTapEmitter, longPressEmitter, interactionStartedEmitter, interactionFinishedEmitter) {
     this.stream = stream;
+    this.cursors = cursors;
     this.getConfig = getConfig;
     this.getScene = getScene;
     this.getFrame = getFrame;
@@ -336,6 +337,53 @@ class InteractionApi {
     this.longPress = this.longPress.bind(this);
     this.emitTapEvent = this.emitTapEvent.bind(this);
   }
+  /**
+   * Displays a cursor over the viewer with the given priority. Cursors with
+   * higher priority will take precedence over cursors with lower priorities if
+   * there's more than a single cursor added.
+   *
+   * @param cursor The cursor to add.
+   * @param priority The priority of the cursor.
+   * @returns A `Disposable` that can be used to remove the cursor.
+   */
+  addCursor(cursor, priority) {
+    return this.cursors.add(cursor, priority);
+  }
+  /**
+   * Returns a 3D point in world space for the given 2D point in viewport space.
+   *
+   * @param point A point in 2D viewport space to transform.
+   * @returns A 3D point in world space.
+   */
+  async getWorldPointFromViewport(point) {
+    const viewport = this.getViewport();
+    const frame = this.getFrame();
+    if (frame == null) {
+      throw new Error('Cannot get world point. Frame is undefined.');
+    }
+    const depthBuffer = await frame.depthBuffer();
+    return depthBuffer != null
+      ? viewport.transformPointToWorldSpace(point, depthBuffer, 0.5)
+      : undefined;
+  }
+  /**
+   * Returns the entity at the given point in viewport space.
+   *
+   * @param point A point in viewport space.
+   * @returns The entity that was found.
+   */
+  async getEntityTypeAtPoint(point) {
+    var _a;
+    const viewport = this.getViewport();
+    const featureMap = await ((_a = this.getFrame()) === null || _a === void 0 ? void 0 : _a.featureMap());
+    if (featureMap != null) {
+      const framePt = viewport.transformPointToFrame(point, featureMap);
+      return featureMap.getEntityType(framePt);
+    }
+    else {
+      return EntityType.NO_GEOMETRY;
+    }
+  }
   /**
    * Generates a ray from the given point, in viewport coordinates.
    *
@@ -496,8 +544,8 @@ class InteractionApi {
     });
   }
   /**
-   * Performs a view all operation for the scene's bounding box, and requests a new image
-   * for the updated scene.
+   * Performs a view all operation for the scene's bounding box, and requests a
+   * new image for the updated scene.
    */
   async viewAll() {
     await this.getScene().camera().viewAll().render();
@@ -2745,7 +2793,7 @@ 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.getResolvedConfig().interactions, () => this.createScene(), () => this.frame, () => this.viewport, this.tap, this.doubletap, this.longpress, this.interactionStarted, this.interactionFinished);
+    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);
   }
   handleCursorChanged() {
     window.requestAnimationFrame(() => {

package/dist/esm/viewer.js

@@ -1,7 +1,7 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, b as bootstrapLazy } from './index-f0053642.js';
+import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, b as bootstrapLazy } from './index-10c1495a.js';
 
 /*
  Stencil Client Patch Browser v2.12.1 | MIT Licensed | https://stenciljs.com
@@ -69,5 +69,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["vertex-viewer-default-toolbar",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["vertex-scene-tree",[[1,"vertex-scene-tree",{"overScanCount":[2,"over-scan-count"],"viewerSelector":[1,"viewer-selector"],"viewer":[1040],"rowData":[16],"config":[16],"configEnv":[1,"config-env"],"controller":[1040],"filterOnMetadata":[1028,"filter-on-metadata"],"metadataKeys":[16],"rows":[32],"totalRows":[32],"stateMap":[32],"connectionErrorDetails":[32],"attemptingRetry":[32],"invalidateRows":[64],"scrollToIndex":[64],"scrollToItem":[64],"expandAll":[64],"collapseAll":[64],"expandItem":[64],"collapseItem":[64],"toggleExpandItem":[64],"toggleItemVisibility":[64],"hideItem":[64],"showItem":[64],"selectItem":[64],"deselectItem":[64],"getRowAtIndex":[64],"getRowForEvent":[64],"getRowAtClientY":[64],"filterItems":[64],"fetchMetadataKeys":[64]},[[0,"search","handleSearch"]]]]],["vertex-viewer-markup",[[1,"vertex-viewer-markup",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"selectedMarkupId":[1025,"selected-markup-id"],"selectNew":[4,"select-new"],"toSelectMarkupId":[32],"pointerDownPosition":[32],"addMarkup":[64],"removeMarkup":[64],"getMarkupElements":[64],"getMarkupElement":[64]},[[0,"markupEnd","handleMarkupEnd"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["vertex-viewer-markup-tool",[[1,"vertex-viewer-markup-tool",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"stateMap":[32],"reset":[64]}]]],["vertex-viewer-measurement-tool",[[1,"vertex-viewer-measurement-tool",{"distanceTemplateId":[1,"distance-template-id"],"tool":[1],"units":[1],"fractionalDigits":[2,"fractional-digits"],"disabled":[4],"viewer":[16],"isMeasuring":[1540,"is-measuring"],"snapDistance":[2,"snap-distance"],"stateMap":[32]}]]],["vertex-viewer-view-cube",[[1,"vertex-viewer-view-cube",{"xPositiveLabel":[1,"x-positive-label"],"xNegativeLabel":[1,"x-negative-label"],"yPositiveLabel":[1,"y-positive-label"],"yNegativeLabel":[1,"y-negative-label"],"zPositiveLabel":[1,"z-positive-label"],"zNegativeLabel":[1,"z-negative-label"],"standardViewsOff":[4,"standard-views-off"],"animationDuration":[2,"animation-duration"],"triadOff":[4,"triad-off"],"worldOrientation":[1040],"camera":[1040],"viewer":[16],"boxLength":[32],"triadPosition":[32]}]]],["vertex-viewer-measurements",[[1,"vertex-viewer-measurements",{"distanceTemplateId":[1,"distance-template-id"],"tool":[1],"units":[1],"fractionalDigits":[2,"fractional-digits"],"disabled":[4],"viewer":[16],"selectedMeasurementId":[1025,"selected-measurement-id"],"snapDistance":[2,"snap-distance"],"addMeasurement":[64],"removeMeasurement":[64],"getMeasurementElement":[64],"getMeasurementElements":[64]},[[0,"measureEnd","handleMeasureEnd"],[1,"pointerdown","handleMeasurementPointerDown"]]]]],["vertex-scene-tree-table-cell",[[1,"vertex-scene-tree-table-cell",{"node":[16],"tree":[16],"value":[1],"placeholder":[1],"hoveredNodeId":[1,"hovered-node-id"],"expandToggle":[4,"expand-toggle"],"visibilityToggle":[4,"visibility-toggle"],"interactionsDisabled":[4,"interactions-disabled"],"recurseParentSelectionDisabled":[4,"recurse-parent-selection-disabled"]}]]],["vertex-scene-tree-table-column",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["vertex-scene-tree-table-header",[[1,"vertex-scene-tree-table-header"]]],["vertex-scene-tree-table-resize-divider",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["vertex-scene-tree-toolbar-group",[[1,"vertex-scene-tree-toolbar-group"]]],["vertex-viewer",[[1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"experimentalGhostingOpacity":[2,"experimental-ghosting-opacity"],"featureLines":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"selectionMaterial":[1,"selection-material"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32],"dispatchFrameDrawn":[64],"registerInteractionHandler":[64],"registerTapKeyInteraction":[64],"getInteractionTarget":[64],"addCursor":[64],"getInteractionHandlers":[64],"getBaseInteractionHandler":[64],"getJwt":[64],"load":[64],"unload":[64],"scene":[64],"isSceneReady":[64]},[[0,"tap","handleTapEvent"]]]]],["vertex-viewer-measurement-details",[[1,"vertex-viewer-measurement-details",{"measurementModel":[16],"distanceUnits":[1,"distance-units"],"angleUnits":[1,"angle-units"],"fractionalDigits":[2,"fractional-digits"],"distanceFormatter":[16],"angleFormatter":[16],"areaFormatter":[16],"hiddenDetails":[1040],"hiddenDetailsJson":[1,"hidden-details"],"results":[1040],"summary":[1040],"visibleSummary":[1040]}]]],["vertex-viewer-measurement-precise",[[1,"vertex-viewer-measurement-precise",{"measurementModel":[16],"measurementController":[1040],"viewer":[16],"configEnv":[1,"config-env"],"config":[16],"entities":[32]}]]],["vertex-viewer-icon",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["vertex-scene-tree-search_3",[[1,"vertex-scene-tree-search",{"debounce":[2],"disabled":[4],"placeholder":[1],"value":[1025],"focused":[32],"setFocus":[64]}],[1,"vertex-scene-tree-table-layout",{"tree":[16],"controller":[16],"rows":[16],"totalRows":[2,"total-rows"],"rowHeight":[1026,"row-height"],"overScanCount":[2,"over-scan-count"],"rowData":[16],"layoutOffset":[1026,"layout-offset"],"scrollOffset":[1026,"scroll-offset"],"layoutHeight":[1026,"layout-height"],"layoutWidth":[1026,"layout-width"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"columnGridLayout":[32],"columnGridFixedLayout":[32],"hoveredNodeId":[32],"isComputingCellHeight":[32],"lastDividerPointerPosition":[32],"resizingColumnIndex":[32],"stateMap":[32],"scrollToPosition":[64]}],[1,"vertex-scene-tree-toolbar"]]],["vertex-viewer-button_3",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["vertex-viewer-dom-element_3",[[1,"vertex-viewer-dom-element",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040],"occlusionOff":[4,"occlusion-off"],"occluded":[516],"billboardOff":[4,"billboard-off"],"interactionsOff":[516,"interactions-off"]}],[1,"vertex-viewer-dom-group",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040]}],[1,"vertex-viewer-dom-renderer",{"drawMode":[1,"draw-mode"],"viewer":[16],"camera":[1040],"depthBuffer":[1040],"viewport":[32],"invalidateFrameCounter":[32]},[[0,"propertyChange","handlePropertyChange"]]]]],["vertex-viewer-layer",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["vertex-viewer-measurement-distance_2",[[1,"vertex-viewer-measurement-distance",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"distance":[1026],"snapDistance":[2,"snap-distance"],"units":[1],"fractionalDigits":[2,"fractional-digits"],"labelFormatter":[16],"anchorLabelOffset":[2,"anchor-label-offset"],"lineCapLength":[2,"line-cap-length"],"mode":[513],"interactingAnchor":[1537,"interacting-anchor"],"invalid":[1540],"camera":[16],"hitProvider":[16],"indicatorPt":[1040],"viewer":[16],"viewport":[32],"elementBounds":[32],"interactionCount":[32],"internalCamera":[32],"invalidateStateCounter":[32],"stateMap":[32],"computeElementMetrics":[64]}],[1,"vertex-viewer-measurement-line",{"start":[16],"end":[16],"capLength":[2,"cap-length"],"pointerEvents":[1,"pointer-events"]}]]],["vertex-viewer-markup-arrow_3",[[1,"vertex-viewer-markup-arrow",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"mode":[513],"viewer":[16],"elementBounds":[32],"editAnchor":[32],"dispose":[64]}],[1,"vertex-viewer-markup-circle",{"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"startPosition":[32],"editAnchor":[32],"resizeBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-freeform",{"points":[1040],"pointsJson":[1,"points"],"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"resizeStartPosition":[32],"editAnchor":[32],"resizeBounds":[32],"resizePoints":[32],"screenPoints":[32],"dispose":[64]}]]]], options);
+  return bootstrapLazy([["vertex-viewer-default-toolbar",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["vertex-scene-tree",[[1,"vertex-scene-tree",{"overScanCount":[2,"over-scan-count"],"viewerSelector":[1,"viewer-selector"],"viewer":[1040],"rowData":[16],"config":[16],"configEnv":[1,"config-env"],"controller":[1040],"filterOnMetadata":[1028,"filter-on-metadata"],"metadataKeys":[16],"rows":[32],"totalRows":[32],"stateMap":[32],"connectionErrorDetails":[32],"attemptingRetry":[32],"invalidateRows":[64],"scrollToIndex":[64],"scrollToItem":[64],"expandAll":[64],"collapseAll":[64],"expandItem":[64],"collapseItem":[64],"toggleExpandItem":[64],"toggleItemVisibility":[64],"hideItem":[64],"showItem":[64],"selectItem":[64],"deselectItem":[64],"getRowAtIndex":[64],"getRowForEvent":[64],"getRowAtClientY":[64],"filterItems":[64],"fetchMetadataKeys":[64]},[[0,"search","handleSearch"]]]]],["vertex-viewer-measurement-tool",[[1,"vertex-viewer-measurement-tool",{"distanceTemplateId":[1,"distance-template-id"],"tool":[1],"units":[1],"fractionalDigits":[2,"fractional-digits"],"disabled":[4],"viewer":[16],"isMeasuring":[1540,"is-measuring"],"snapDistance":[2,"snap-distance"],"stateMap":[32]}]]],["vertex-viewer-markup",[[1,"vertex-viewer-markup",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"selectedMarkupId":[1025,"selected-markup-id"],"selectNew":[4,"select-new"],"toSelectMarkupId":[32],"pointerDownPosition":[32],"addMarkup":[64],"removeMarkup":[64],"getMarkupElements":[64],"getMarkupElement":[64]},[[0,"markupEnd","handleMarkupEnd"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["vertex-viewer-markup-tool",[[1,"vertex-viewer-markup-tool",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"stateMap":[32],"reset":[64]}]]],["vertex-viewer-measurements",[[1,"vertex-viewer-measurements",{"distanceTemplateId":[1,"distance-template-id"],"tool":[1],"units":[1],"fractionalDigits":[2,"fractional-digits"],"disabled":[4],"viewer":[16],"selectedMeasurementId":[1025,"selected-measurement-id"],"snapDistance":[2,"snap-distance"],"showAxisReferenceLines":[4,"show-axis-reference-lines"],"measurementModel":[16],"addMeasurement":[64],"removeMeasurement":[64],"getMeasurementElement":[64],"getMeasurementElements":[64]},[[0,"measureEnd","handleMeasureEnd"],[1,"pointerdown","handleMeasurementPointerDown"]]]]],["vertex-viewer-view-cube",[[1,"vertex-viewer-view-cube",{"xPositiveLabel":[1,"x-positive-label"],"xNegativeLabel":[1,"x-negative-label"],"yPositiveLabel":[1,"y-positive-label"],"yNegativeLabel":[1,"y-negative-label"],"zPositiveLabel":[1,"z-positive-label"],"zNegativeLabel":[1,"z-negative-label"],"standardViewsOff":[4,"standard-views-off"],"animationDuration":[2,"animation-duration"],"triadOff":[4,"triad-off"],"worldOrientation":[1040],"camera":[1040],"viewer":[16],"boxLength":[32],"triadPosition":[32]}]]],["vertex-viewer-measurement-precise",[[1,"vertex-viewer-measurement-precise",{"measurementModel":[16],"measurementOverlays":[16],"measurementController":[1040],"measurableEntityTypes":[16],"viewer":[16],"configEnv":[1,"config-env"],"config":[16],"overlays":[32]}]]],["vertex-scene-tree-table-cell",[[1,"vertex-scene-tree-table-cell",{"node":[16],"tree":[16],"value":[1],"placeholder":[1],"hoveredNodeId":[1,"hovered-node-id"],"expandToggle":[4,"expand-toggle"],"visibilityToggle":[4,"visibility-toggle"],"interactionsDisabled":[4,"interactions-disabled"],"recurseParentSelectionDisabled":[4,"recurse-parent-selection-disabled"]}]]],["vertex-scene-tree-table-column",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["vertex-scene-tree-table-header",[[1,"vertex-scene-tree-table-header"]]],["vertex-scene-tree-table-resize-divider",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["vertex-scene-tree-toolbar-group",[[1,"vertex-scene-tree-toolbar-group"]]],["vertex-viewer",[[1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"experimentalGhostingOpacity":[2,"experimental-ghosting-opacity"],"featureLines":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"selectionMaterial":[1,"selection-material"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32],"dispatchFrameDrawn":[64],"registerInteractionHandler":[64],"registerTapKeyInteraction":[64],"getInteractionTarget":[64],"addCursor":[64],"getInteractionHandlers":[64],"getBaseInteractionHandler":[64],"getJwt":[64],"load":[64],"unload":[64],"scene":[64],"isSceneReady":[64]},[[0,"tap","handleTapEvent"]]]]],["vertex-viewer-measurement-details",[[1,"vertex-viewer-measurement-details",{"measurementModel":[16],"measurementOverlays":[16],"distanceUnits":[1,"distance-units"],"angleUnits":[1,"angle-units"],"fractionalDigits":[2,"fractional-digits"],"distanceFormatter":[16],"angleFormatter":[16],"areaFormatter":[16],"resultTypes":[16],"results":[32],"isApproximate":[32],"overlay":[32],"distanceMeasurementUnits":[32],"angleMeasurementUnits":[32],"areaMeasurementUnits":[32]}]]],["vertex-viewer-measurement-distance",[[1,"vertex-viewer-measurement-distance",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"distance":[1026],"showAxisReferenceLines":[4,"show-axis-reference-lines"],"snapDistance":[2,"snap-distance"],"units":[1],"fractionalDigits":[2,"fractional-digits"],"labelFormatter":[16],"anchorLabelOffset":[2,"anchor-label-offset"],"lineCapLength":[2,"line-cap-length"],"mode":[513],"interactingAnchor":[1537,"interacting-anchor"],"invalid":[1540],"camera":[16],"hitProvider":[16],"indicatorPt":[1040],"viewer":[16],"viewport":[32],"elementBounds":[32],"interactionCount":[32],"internalCamera":[32],"invalidateStateCounter":[32],"stateMap":[32],"computeElementMetrics":[64]}]]],["vertex-scene-tree-search_3",[[1,"vertex-scene-tree-search",{"debounce":[2],"disabled":[4],"placeholder":[1],"value":[1025],"focused":[32],"setFocus":[64]}],[1,"vertex-scene-tree-table-layout",{"tree":[16],"controller":[16],"rows":[16],"totalRows":[2,"total-rows"],"rowHeight":[1026,"row-height"],"overScanCount":[2,"over-scan-count"],"rowData":[16],"layoutOffset":[1026,"layout-offset"],"scrollOffset":[1026,"scroll-offset"],"layoutHeight":[1026,"layout-height"],"layoutWidth":[1026,"layout-width"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"columnGridLayout":[32],"columnGridFixedLayout":[32],"hoveredNodeId":[32],"isComputingCellHeight":[32],"lastDividerPointerPosition":[32],"resizingColumnIndex":[32],"stateMap":[32],"scrollToPosition":[64]}],[1,"vertex-scene-tree-toolbar"]]],["vertex-viewer-button_3",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["vertex-viewer-dom-element_3",[[1,"vertex-viewer-dom-element",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040],"occlusionOff":[4,"occlusion-off"],"occluded":[516],"billboardOff":[4,"billboard-off"],"interactionsOff":[516,"interactions-off"]}],[1,"vertex-viewer-dom-group",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040]}],[1,"vertex-viewer-dom-renderer",{"drawMode":[1,"draw-mode"],"viewer":[16],"camera":[1040],"depthBuffer":[1040],"viewport":[32],"invalidateFrameCounter":[32]},[[0,"propertyChange","handlePropertyChange"]]]]],["vertex-viewer-icon",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["vertex-viewer-layer",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["vertex-viewer-markup-arrow_3",[[1,"vertex-viewer-markup-arrow",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"mode":[513],"viewer":[16],"elementBounds":[32],"editAnchor":[32],"dispose":[64]}],[1,"vertex-viewer-markup-circle",{"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"startPosition":[32],"editAnchor":[32],"resizeBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-freeform",{"points":[1040],"pointsJson":[1,"points"],"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"resizeStartPosition":[32],"editAnchor":[32],"resizeBounds":[32],"resizePoints":[32],"screenPoints":[32],"dispose":[64]}]]],["vertex-viewer-measurement-line_2",[[1,"vertex-viewer-measurement-overlays",{"measurementOverlays":[16],"camera":[1040],"viewer":[16],"overlays":[32]}],[1,"vertex-viewer-measurement-line",{"start":[16],"end":[16],"capLength":[2,"cap-length"],"pointerEvents":[1,"pointer-events"]}]]]], options);
 });

package/dist/esm/{viewport-bb7c46d9.js → viewport-01c886ea.js}

@@ -1,7 +1,7 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import { d as dimensions, p as point, v as vector3, r as ray, i as rectangle } from './bundle.esm-8f14ac60.js';
+import { d as dimensions, p as point, v as vector3, r as ray, g as rectangle } from './bundle.esm-d899b2d5.js';
 
 /**
  * A `Viewport` represents the drawing area in the viewer.
@@ -45,6 +45,17 @@ class Viewport {
   transformVectorToViewport(ndc) {
     return point.create(ndc.x * this.center.x + this.center.x, -ndc.y * this.center.y + this.center.y);
   }
+  /**
+   * Transforms a world point to 2D point in viewport space.
+   *
+   * @param worldPt The world point to transform.
+   * @param projectionViewMatrix The projection matrix to transform a 3D point to 2D point.
+   * @returns A point in viewport space.
+   */
+  transformWorldToViewport(worldPt, projectionViewMatrix) {
+    const ndc = vector3.transformMatrix(worldPt, projectionViewMatrix);
+    return this.transformVectorToViewport(ndc);
+  }
   transformPointToViewport(pt, image) {
     const { x: scaleX, y: scaleY } = this.calculateFrameScale(image);
     return point.scale(pt, 1 * scaleX, 1 * scaleY);

package/dist/types/components/viewer-dom-renderer/viewer-dom-renderer.d.ts

@@ -49,7 +49,7 @@ export declare class ViewerDomRenderer {
   /**
    * @ignore
    */
-  protected componentWillRender(): void;
+  protected componentDidRender(): void;
   /**
    * @ignore
    */

package/dist/types/components/viewer-measurement-details/viewer-measurement-details-entry.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+interface MeasurementDetailsEntryProps {
+  label: string;
+  onMouseEnter?: () => void;
+  onMouseLeave?: () => void;
+}
+export declare const MeasurementDetailsEntry: FunctionalComponent<MeasurementDetailsEntryProps>;
+export {};

package/dist/types/components/viewer-measurement-details/viewer-measurement-details-results.d.ts

@@ -0,0 +1,15 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { Formatter } from '../../lib/formatter';
+import { MeasurementOverlay, MeasurementOverlayManager, MeasurementResult, MinimumDistanceMeasurementResult, PlanarAngleMeasurementResult, PlanarDistanceMeasurementResult, SurfaceAreaMeasurementResult } from '../../lib/measurement';
+interface MeasurementResultEntryProps<R extends MeasurementResult> {
+  result: R;
+  overlays?: MeasurementOverlayManager;
+  formatter: Formatter<number>;
+  onShowOverlay: (overlay: MeasurementOverlay | undefined) => void;
+  onHideOverlay: () => void;
+}
+export declare const MinimumDistanceResultEntry: FunctionalComponent<MeasurementResultEntryProps<MinimumDistanceMeasurementResult>>;
+export declare const PlanarAngleResultEntry: FunctionalComponent<MeasurementResultEntryProps<PlanarAngleMeasurementResult>>;
+export declare const PlanarDistanceResultEntry: FunctionalComponent<MeasurementResultEntryProps<PlanarDistanceMeasurementResult>>;
+export declare const SurfaceAreaResultEntry: FunctionalComponent<MeasurementResultEntryProps<SurfaceAreaMeasurementResult>>;
+export {};

package/dist/types/components/viewer-measurement-details/viewer-measurement-details.d.ts

@@ -1,6 +1,6 @@
 import { h } from '../../stencil-public-runtime';
 import { Formatter } from '../../lib/formatter';
-import { MeasurementDetailsSummary, MeasurementModel, MeasurementResult } from '../../lib/measurement';
+import { MeasurementModel, MeasurementOverlayManager, MeasurementResult } from '../../lib/measurement';
 import { AngleUnitType, DistanceUnitType } from '../../lib/types';
 export declare class ViewerMeasurementDetails {
   /**
@@ -9,6 +9,10 @@ export declare class ViewerMeasurementDetails {
    * which can then be used to update the display.
    */
   measurementModel: MeasurementModel;
+  /**
+   * The manager that the component will use to present measurement overlays.
+   */
+  measurementOverlays?: MeasurementOverlayManager;
   /**
    * The unit of distance-based measurement.
    */
@@ -40,56 +44,54 @@ export declare class ViewerMeasurementDetails {
    */
   areaFormatter?: Formatter<number>;
   /**
-   * An optional set of details to hide. This can be used to display
-   * reduced sets of details for more a more focused representation.
-   * Can be provided as an array of keys from the `MeasurementDetailsSummary`
-   * type, or as a JSON array with the format '["angle", "minDistance"]'.
+   * A set of result types to display. If `undefined`, then all results will be
+   * displayed.
    */
-  hiddenDetails?: Array<keyof MeasurementDetailsSummary>;
+  resultTypes?: MeasurementResult['type'][];
+  private results;
+  private isApproximate;
+  private overlay?;
+  private distanceMeasurementUnits;
+  private angleMeasurementUnits;
+  private areaMeasurementUnits;
+  private onOutcomeChangedHandler?;
   /**
-   * An optional set of details to hide. This can be used to display
-   * reduced sets of details for more a more focused representation.
-   * Can be provided as an array of keys from the `MeasurementDetailsSummary`
-   * type, or as a JSON array with the format '["angle", "minDistance"]'.
+   * @internal
    */
-  hiddenDetailsJson?: string;
+  protected connectedCallback(): void;
   /**
-   * The current `MeasurementResult` displayed.
-   *
-   * @readonly
+   * @internal
    */
-  results: MeasurementResult[];
+  protected disconnectedCallback(): void;
   /**
-   * A summary representing all available measurements based on
-   * the current `MeasurementResult` set.
-   *
-   * @readonly
+   * @internal
    */
-  summary?: MeasurementDetailsSummary;
+  protected handleDistanceUnitsChanged(): void;
   /**
-   * The visible measurements based on the current `summary`
-   * and `hiddenDetails`.
-   *
-   * @readonly
+   * @internal
    */
-  visibleSummary?: MeasurementDetailsSummary;
-  private distanceMeasurementUnits;
-  private angleMeasurementUnits;
-  private areaMeasurementUnits;
-  private resultsChangeListener?;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillUpdate(): void;
-  disconnectedCallback(): void;
-  protected handleDistanceUnitsChanged(): void;
   protected handleAngleUnitsChanged(): void;
+  /**
+   * @internal
+   */
   protected handleMeasurementModelChanged(): void;
-  protected handleHiddenDetailsChanged(): void;
-  render(): h.JSX.IntrinsicElements;
-  private parseHiddenDetails;
-  private handleResultsChange;
-  private formatDistance;
-  private formatAngle;
-  private formatArea;
-  private createSummary;
+  /**
+   * @internal
+   */
+  protected handleResultTypesChanged(): void;
+  /**
+   * @internal
+   */
+  protected render(): h.JSX.IntrinsicElements;
+  private handleShowOverlay;
+  private handleHideOverlay;
+  private handleOutcomeChange;
+  private updateStateFromModel;
+  private renderResult;
+  private getResultForType;
+  private makeDistanceFormatter;
+  private makeAngleFormatter;
+  private makeAreaFormatter;
+  private makeFormatter;
+  private formatValue;
 }

package/dist/types/components/viewer-measurement-distance/interactions.d.ts

@@ -1,9 +1,31 @@
 import { Point, Vector3 } from '@vertexvis/geometry';
 import { Disposable, Listener } from '@vertexvis/utils';
-import { PointToPointMeasurementResult } from '../../lib/measurement';
 import { RaycasterLike } from '../../lib/scenes';
 import { PointToPointHitTester } from './hitTest';
 import { Anchor } from './utils';
+/**
+ * A measurement result that represents the distance between two points.
+ */
+export interface PointToPointMeasurementResult {
+  /**
+   * The distance, in world units, between two points. This value is only
+   * populated if the result is valid.
+   */
+  distance?: number;
+  /**
+   * The first point, in world units.
+   */
+  start: Vector3.Vector3;
+  /**
+   * The second point, in world units.
+   */
+  end: Vector3.Vector3;
+  /**
+   * Indicates if this result is valid. A value of `false` indicates that one of
+   * the points does not touch any geometry.
+   */
+  valid: boolean;
+}
 /**
  * Provides APIs to perform local or remote hit tests.
  */

package/dist/types/components/viewer-measurement-distance/viewer-measurement-distance.d.ts

@@ -69,6 +69,11 @@ export declare class ViewerMeasurementDistance {
    * measurement is invalid.
    */
   distance?: number;
+  /**
+   * Enables the display of axis reference lines between the start and end
+   * point.
+   */
+  showAxisReferenceLines: boolean;
   /**
    * The distance, in pixels, between the mouse and nearest snappable edge. A
    * value of 0 disables snapping.
@@ -151,6 +156,8 @@ export declare class ViewerMeasurementDistance {
   private model;
   private controller;
   private interaction?;
+  private overlays;
+  private overlay?;
   private measurementUnits;
   private isUserInteractingWithModel;
   /**
@@ -195,6 +202,7 @@ export declare class ViewerMeasurementDistance {
   protected handleEndChanged(): void;
   protected handleInvalidChanged(): void;
   private computePropsAndState;
+  private updateOverlays;
   private setCursor;
   private computeElementPositions;
   private computeEditOrViewElementPositions;

package/dist/types/components/viewer-measurement-overlays/viewer-measurement-overlays-components.d.ts

@@ -0,0 +1,10 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { MeasurementOverlay } from '../../lib/measurement';
+import { FramePerspectiveCamera, Viewport } from '../../lib/types';
+interface MeasurementOverlayViewProps<O extends MeasurementOverlay> {
+  overlay: O;
+  viewport: Viewport;
+  camera: FramePerspectiveCamera;
+}
+export declare const MeasurementOverlayView: FunctionalComponent<MeasurementOverlayViewProps<MeasurementOverlay>>;
+export {};

package/dist/types/components/viewer-measurement-overlays/viewer-measurement-overlays.d.ts

@@ -0,0 +1,41 @@
+import { h } from '../../stencil-public-runtime';
+import { MeasurementOverlayManager } from '../../lib/measurement';
+import { FramePerspectiveCamera } from '../../lib/types';
+export declare class ViewerMeasurementOverlays {
+  /**
+   * The model that contains the overlays to present.
+   */
+  measurementOverlays: MeasurementOverlayManager;
+  private onOverlaysChangedListener?;
+  /**
+   * @ignore
+   */
+  protected handleMeasurementOverlaysChanged(): void;
+  /**
+   * @internal
+   */
+  camera?: FramePerspectiveCamera;
+  /**
+   * The viewer that this component is bound to.
+   */
+  viewer?: HTMLVertexViewerElement;
+  /**
+   * @ignore
+   */
+  protected handleViewerChanged(newViewer?: HTMLVertexViewerElement, oldViewer?: HTMLVertexViewerElement): void;
+  private overlays;
+  /**
+   * @ignore
+   */
+  protected componentWillLoad(): void;
+  private addModelListeners;
+  private removeModelListeners;
+  private addViewerListeners;
+  private removeViewerListeners;
+  private updateCamera;
+  private updateOverlays;
+  /**
+   * @ignore
+   */
+  protected render(): h.JSX.IntrinsicElements;
+}

package/dist/types/components/viewer-measurement-precise/viewer-measurement-precise.d.ts

@@ -1,28 +1,84 @@
 /// <reference types="react" />
 import { Config } from '../../lib/config';
 import { Environment } from '../../lib/environment';
-import { MeasurementController, MeasurementModel } from '../../lib/measurement';
+import { MeasurementController, MeasurementModel, MeasurementOverlayManager } from '../../lib/measurement';
+import { EntityType } from '../../lib/types';
 export declare class ViewerMeasurementPrecise {
+  /**
+   * The model that contains the entities and outcomes from performing precise
+   * measurements.
+   */
   measurementModel: MeasurementModel;
+  /**
+   * The manager that is responsible for measurement overlays to present by this
+   * component.
+   */
+  measurementOverlays: MeasurementOverlayManager;
+  /**
+   * The controller that is responsible for performing measurements and updating
+   * the model.
+   */
   measurementController?: MeasurementController;
+  /**
+   * @internal
+   *
+   * An internal property that can be used to opt-in to performing measurements
+   * on other types of entities.
+   */
+  measurableEntityTypes: EntityType[];
+  /**
+   * The viewer that this component is bound to. This is automatically assigned
+   * if added to the light-dom of a parent viewer element.
+   */
   viewer?: HTMLVertexViewerElement;
+  /**
+   * The environment that will be used to request measurement results.
+   */
   configEnv: Environment;
+  /**
+   * An optional configuration to setup network configuration of measurement
+   * endpoints.
+   */
   config?: Config;
-  private entities;
+  private overlays;
   private registeredInteractionHandler?;
-  private onEntitiesChangedDisposable?;
+  private onEntitiesChangedHandler?;
+  private onOverlaysChangedHandler?;
+  /**
+   * @ignore
+   */
   protected connectedCallback(): void;
+  /**
+   * @ignore
+   */
   protected componentWillLoad(): void;
+  /**
+   * @ignore
+   */
   protected disconnectedCallback(): void;
+  /**
+   * @ignore
+   */
+  protected handleMeasurableEntityTypesChanged(): void;
+  /**
+   * @ignore
+   */
   protected handleMeasurementControllerChanged(): void;
+  /**
+   * @ignore
+   */
   protected handleMeasurementModelChanged(): void;
+  /**
+   * @ignore
+   */
   protected handleViewerChanged(): void;
-  render(): JSX.Element;
+  /**
+   * @ignore
+   */
+  protected render(): JSX.Element;
   private setupController;
   private clearInteractionHandler;
   private setupInteractionHandler;
   private clearModelListeners;
   private setupModelListeners;
-  private handleEntitiesChanged;
-  private updateEntities;
 }

package/dist/types/components/viewer-measurements/viewer-measurements.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, h } from '../../stencil-public-runtime';
+import { MeasurementModel } from '../../lib/measurement';
 import { DistanceUnitType, Measurement } from '../../lib/types';
 import { ViewerMeasurementToolType } from '../viewer-measurement-tool/viewer-measurement-tool';
 export declare class ViewerMeasurements {
@@ -39,6 +40,17 @@ export declare class ViewerMeasurements {
    * value of 0 disables snapping.
    */
   snapDistance: number;
+  /**
+   * Enables the display of axis reference lines between the start and end
+   * point of selected measurements.
+   */
+  showAxisReferenceLines: boolean;
+  /**
+   * The measurement model that will be updated with the selected measurement.
+   * You can pass this to a <vertex-viewer-measurement-details> component to
+   * display measurement outcomes.
+   */
+  measurementModel: MeasurementModel;
   /**
    * Dispatched when a new measurement is added, either through user interaction
    * or programmatically.