@vertexvis/viewer 0.13.2-canary.7 → 0.14.0

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

@@ -5,13 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-618a5fe9.js');
-const stencil = require('./stencil-a664cd10.js');
-const streamAttributes = require('./streamAttributes-81eb52f2.js');
-const index$1 = require('./index-3bc6bac0.js');
-require('./browser.esm-075810bf.js');
-require('./_commonjsHelpers-537d719a.js');
+const index = require('./index-4138aa2c.js');
+const bundle_esm = require('./bundle.esm-22b6f2d6.js');
+const stencil = require('./stencil-ef19638e.js');
+const streamAttributes = require('./streamAttributes-c343bdc8.js');
+require('./entities-9eb7e608.js');
+const index$1 = require('./index-b9d13137.js');
+require('./browser.esm-0bcdc581.js');
+require('./_commonjsHelpers-dcc4cf71.js');
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const viewCubeSides = {

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

@@ -5,17 +5,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e100709a.js');
-const bundle_esm = require('./bundle.esm-618a5fe9.js');
-const streamAttributes = require('./streamAttributes-81eb52f2.js');
-const browser_esm = require('./browser.esm-075810bf.js');
-const index$1 = require('./index-3bc6bac0.js');
-const config = require('./config-fb124bac.js');
-const cursors = require('./cursors-d71f6a74.js');
-const dom = require('./dom-57ef84e9.js');
-const scene = require('./scene-92728420.js');
-const viewport = require('./viewport-54b1389d.js');
-require('./_commonjsHelpers-537d719a.js');
+const index = require('./index-4138aa2c.js');
+const bundle_esm = require('./bundle.esm-22b6f2d6.js');
+const streamAttributes = require('./streamAttributes-c343bdc8.js');
+const browser_esm = require('./browser.esm-0bcdc581.js');
+const index$1 = require('./index-b9d13137.js');
+const config = require('./config-c63caa4f.js');
+const cursors = require('./cursors-f5d3c9a6.js');
+const dom = require('./dom-8d90bfaf.js');
+const scene = require('./scene-b6b78909.js');
+const entities = require('./entities-9eb7e608.js');
+const viewport = require('./viewport-5ca619f7.js');
+require('./_commonjsHelpers-dcc4cf71.js');
 
 /**
  * A value that represents if a pixel does not contain a stencil value.
@@ -339,7 +340,7 @@ class InteractionApi {
       return featureMap.getEntityType(framePt);
     }
     else {
-      return streamAttributes.EntityType.NO_GEOMETRY;
+      return entities.EntityType.NO_GEOMETRY;
     }
   }
   /**
@@ -595,6 +596,26 @@ class InteractionApi {
       return camera;
     });
   }
+  /**
+   * Performs a pivot operation of the scene's camera, updating the lookAt
+   * while maintaining the position, and requests a new image for the
+   * updated scene.
+   *
+   * @param degreesLocalX The angle to rotate the lookAt point around the local x-axis
+   * @param degreesLocalY The angle to rotate the lookAt point around the local y-axis
+   */
+  async pivotCamera(degreesLocalX, degreesLocalY) {
+    return this.transformCamera(({ camera }) => {
+      const { position, up, lookAt } = camera;
+      const normalizedUp = bundle_esm.vector3.normalize(up);
+      const normalizedViewVector = bundle_esm.vector3.normalize(camera.viewVector);
+      const xVector = bundle_esm.vector3.cross(normalizedUp, normalizedViewVector);
+      const yVector = bundle_esm.vector3.cross(normalizedViewVector, xVector);
+      const updatedLookAtX = bundle_esm.vector3.rotateAboutAxis(bundle_esm.angle.toRadians(degreesLocalX), lookAt, xVector, position);
+      const updatedLookAtY = bundle_esm.vector3.rotateAboutAxis(bundle_esm.angle.toRadians(degreesLocalY), updatedLookAtX, yVector, position);
+      return camera.update(Object.assign(Object.assign({}, camera), { lookAt: updatedLookAtY }));
+    });
+  }
   /**
    * Marks the end of an interaction.
    */
@@ -677,6 +698,23 @@ 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);
   }
+  /**
+   * 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.transformPointToOrthographicWorldSpace(point, depthBuffer, 0.5)
+      : undefined;
+  }
   /**
    * Performs a pan operation of the scene's camera, and requests a new image
    * for the updated scene.
@@ -882,11 +920,11 @@ class FlyToPositionKeyInteraction {
         hit.hitPoint.y != null &&
         hit.hitPoint.z != null) {
         await this.stream.flyTo({
-          camera: camera
+          camera: streamAttributes.toProtobuf(camera
             .update({
             lookAt: bundle_esm.vector3.create(hit.hitPoint.x, hit.hitPoint.y, hit.hitPoint.z),
           })
-            .toFrameCamera(),
+            .toFrameCamera()),
           animation: {
             duration: streamAttributes.toProtoDuration(this.configProvider().animation.durationMs),
           },
@@ -906,7 +944,7 @@ 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;
 class BaseInteractionHandler {
-  constructor(downEvent, upEvent, moveEvent, rotateInteraction, rotatePointInteraction, zoomInteraction, panInteraction, twistInteraction, getConfig) {
+  constructor(downEvent, upEvent, moveEvent, rotateInteraction, rotatePointInteraction, zoomInteraction, panInteraction, twistInteraction, pivotInteraction, getConfig) {
     this.downEvent = downEvent;
     this.upEvent = upEvent;
     this.moveEvent = moveEvent;
@@ -915,6 +953,7 @@ class BaseInteractionHandler {
     this.zoomInteraction = zoomInteraction;
     this.panInteraction = panInteraction;
     this.twistInteraction = twistInteraction;
+    this.pivotInteraction = pivotInteraction;
     this.getConfig = getConfig;
     this.primaryInteraction = this.rotateInteraction;
     this.isDragging = false;
@@ -962,6 +1001,9 @@ class BaseInteractionHandler {
       case 'rotate-point':
         this.currentInteraction = this.rotatePointInteraction;
         break;
+      case 'pivot':
+        this.currentInteraction = this.pivotInteraction;
+        break;
       default:
         this.currentInteraction = undefined;
     }
@@ -993,6 +1035,9 @@ class BaseInteractionHandler {
       case 'pan':
         this.primaryInteraction = this.panInteraction;
         break;
+      case 'pivot':
+        this.primaryInteraction = this.pivotInteraction;
+        break;
     }
     this.primaryInteractionTypeChange.emit();
   }
@@ -1355,10 +1400,33 @@ class TwistInteraction extends MouseInteraction {
     super.endDrag(event, api);
   }
 }
+class PivotInteraction extends MouseInteraction {
+  constructor() {
+    super(...arguments);
+    this.type = 'pivot';
+  }
+  beginDrag(event, canvasPosition, api) {
+    if (this.currentPosition == null) {
+      this.currentPosition = bundle_esm.point.create(event.screenX, event.screenY);
+      api.beginInteraction();
+    }
+  }
+  drag(event, api) {
+    if (this.currentPosition != null) {
+      const position = bundle_esm.point.create(event.screenX, event.screenY);
+      const delta = bundle_esm.point.subtract(position, this.currentPosition);
+      api.pivotCamera(-0.25 * delta.y, 0.25 * delta.x);
+      this.currentPosition = position;
+    }
+  }
+  endDrag(event, api) {
+    super.endDrag(event, api);
+  }
+}
 
 class MouseInteractionHandler extends BaseInteractionHandler {
-  constructor(getConfig, rotateInteraction = new RotateInteraction(), rotatePointInteraction = new RotatePointInteraction(), zoomInteraction = new ZoomInteraction(), panInteraction = new PanInteraction(), twistInteraction = new TwistInteraction()) {
-    super('mousedown', 'mouseup', 'mousemove', rotateInteraction, rotatePointInteraction, zoomInteraction, panInteraction, twistInteraction, getConfig);
+  constructor(getConfig, rotateInteraction = new RotateInteraction(), rotatePointInteraction = new RotatePointInteraction(), zoomInteraction = new ZoomInteraction(), panInteraction = new PanInteraction(), twistInteraction = new TwistInteraction(), pivotInteraction = new PivotInteraction()) {
+    super('mousedown', 'mouseup', 'mousemove', rotateInteraction, rotatePointInteraction, zoomInteraction, panInteraction, twistInteraction, pivotInteraction, getConfig);
   }
 }
 
@@ -1383,7 +1451,7 @@ class MultiTouchInteractionHandler {
       (_b = this.interactionApi) === null || _b === void 0 ? void 0 : _b.zoomCamera(zoom);
       (_c = this.interactionApi) === null || _c === void 0 ? void 0 : _c.panCameraByDelta(delta);
       // Setting a minimum angle to prevent wobbling
-      if (Math.abs(angle) > 0.2) {
+      if (Math.abs(angle) > 0.5) {
         (_d = this.interactionApi) === null || _d === void 0 ? void 0 : _d.twistCamera(angle);
       }
     }
@@ -1447,7 +1515,7 @@ class MultiPointerInteractionHandler extends MultiTouchInteractionHandler {
 
 class PointerInteractionHandler extends BaseInteractionHandler {
   constructor(getConfig) {
-    super('pointerdown', 'pointerup', 'pointermove', new RotateInteraction(), new RotatePointInteraction(), new ZoomInteraction(), new PanInteraction(), new TwistInteraction(), getConfig);
+    super('pointerdown', 'pointerup', 'pointermove', new RotateInteraction(), new RotatePointInteraction(), new ZoomInteraction(), new PanInteraction(), new TwistInteraction(), new PivotInteraction(), getConfig);
     this.touchPoints = new Set();
     this.handlePointerDown = this.handlePointerDown.bind(this);
     this.handlePointerUp = this.handlePointerUp.bind(this);
@@ -1910,36 +1978,15 @@ function measureCanvasRenderer(meter, renderer, logFrameRate, callback, interval
 function createCanvasRenderer() {
   let lastFrameNumber;
   return async (data) => {
-    var _a;
-    const frameNumber = data.frame.sequenceNumber;
-    const image = await loadImageBytes(data.frame.image.imageBytes);
-    if (lastFrameNumber == null || frameNumber > lastFrameNumber) {
-      lastFrameNumber = frameNumber;
-      (_a = data.beforeDraw) === null || _a === void 0 ? void 0 : _a.call(data);
-      drawImage(image, data);
-    }
-    image.dispose();
-    return data.frame;
-  };
-}
-function createHiddenCanvasRenderer() {
-  const hiddenCanvas = document.createElement('canvas');
-  let lastFrameNumber;
-  return async (data) => {
-    var _a;
+    var _a, _b, _c;
     const frameNumber = data.frame.sequenceNumber;
     const frameIsNewer = lastFrameNumber == null || frameNumber > lastFrameNumber;
-    const frameDimensionsMatch = data.dimensions == null ||
-      bundle_esm.dimensions.isEqual(data.dimensions, data.frame.image.imageAttr.frameDimensions);
     const image = await loadImageBytes(data.frame.image.imageBytes);
-    hiddenCanvas.width = data.canvasDimensions.width;
-    hiddenCanvas.height = data.canvasDimensions.height;
-    const ctx = hiddenCanvas.getContext('2d');
-    if (ctx != null && frameIsNewer && frameDimensionsMatch) {
+    const predicatePassing = (_b = (_a = data.predicate) === null || _a === void 0 ? void 0 : _a.call(data)) !== null && _b !== void 0 ? _b : true;
+    if (frameIsNewer && predicatePassing) {
       lastFrameNumber = frameNumber;
-      drawImage(image, Object.assign(Object.assign({}, data), { canvas: ctx }));
-      (_a = data.beforeDraw) === null || _a === void 0 ? void 0 : _a.call(data);
-      data.canvas.drawImage(hiddenCanvas, 0, 0);
+      (_c = data.beforeDraw) === null || _c === void 0 ? void 0 : _c.call(data);
+      drawImage(image, data);
     }
     image.dispose();
     return data.frame;
@@ -2418,6 +2465,7 @@ let Viewer = class {
     this.sceneChanged = index.createEvent(this, "sceneChanged", 7);
     this.interactionStarted = index.createEvent(this, "interactionStarted", 7);
     this.interactionFinished = index.createEvent(this, "interactionFinished", 7);
+    this.cameraTypeChanged = index.createEvent(this, "cameraTypeChanged", 7);
     this.deviceIdChange = index.createEvent(this, "deviceIdChange", 7);
     this.dimensionschange = index.createEvent(this, "dimensionschange", 7);
     /**
@@ -2458,6 +2506,12 @@ let Viewer = class {
      * **Note:** This feature is experimental, and may cause slower frame rates.
      */
     this.experimentalGhostingOpacity = 0;
+    /**
+     * Specifies whether to use the default lights for the scene. When false, default
+     * lights are used. When true, no default lights are used, and the lights must
+     * be specified separately.
+     */
+    this.noDefaultLights = false;
     /**
      * The default hex color or material to use when selecting items.
      */
@@ -2745,6 +2799,9 @@ let Viewer = class {
   handleExperimentalGhostingOpacityChanged() {
     this.updateStreamAttributes();
   }
+  handleNoDefaultLightsChanged() {
+    this.updateStreamAttributes();
+  }
   /**
    * @ignore
    */
@@ -2948,7 +3005,6 @@ let Viewer = class {
     if (previous.type !== 'connected') {
       this.errorMessage = undefined;
       this.canvasRenderer = measureCanvasRenderer(paintTime, createCanvasRenderer(), this.getResolvedConfig().flags.logFrameRate, (timings) => this.reportPerformance(timings));
-      this.resizeRenderer = measureCanvasRenderer(paintTime, createHiddenCanvasRenderer(), this.getResolvedConfig().flags.logFrameRate, (timings) => this.reportPerformance(timings));
       this.emitConnectionChange({
         status: 'connected',
         jwt: state.token.token,
@@ -2992,14 +3048,19 @@ let Viewer = class {
             this.updateCanvasDimensions(canvasDimensions);
             this.isResizeUpdate = false;
           },
+          predicate: () => {
+            if (this.isResizeUpdate) {
+              return (this.dimensions == null ||
+                bundle_esm.dimensions.isEqual(this.dimensions, data.frame.image.imageAttr.frameDimensions));
+            }
+            return true;
+          },
         };
         this.frameReceived.emit(this.frame);
         if (this.frame.scene.hasChanged) {
           this.sceneChanged.emit();
         }
-        const drawnFrame = this.isResizeUpdate
-          ? await this.resizeRenderer(data)
-          : await this.canvasRenderer(data);
+        const drawnFrame = await this.canvasRenderer(data);
         this.dispatchFrameDrawn(drawnFrame);
       }
     }
@@ -3064,6 +3125,7 @@ let Viewer = class {
     return {
       depthBuffers: this.getDepthBufferStreamAttributesValue(),
       experimentalGhosting: this.experimentalGhostingOpacity,
+      noDefaultLights: this.noDefaultLights,
       featureLines: this.featureLines,
       featureHighlighting: this.featureHighlighting,
       featureMaps: this.featureMaps,
@@ -3080,13 +3142,18 @@ let Viewer = class {
     (_a = this.stream) === null || _a === void 0 ? void 0 : _a.update({ streamAttributes: this.getStreamAttributes() });
   }
   updateInteractionApi(previousFrame) {
-    if (previousFrame != null && this.frame != null) {
-      const hasChangedFromPerspective = previousFrame.scene.camera.isPerspective() &&
+    if (this.frame != null) {
+      const hasChangedFromPerspective = (previousFrame == null || previousFrame.scene.camera.isPerspective()) &&
         this.frame.scene.camera.isOrthographic();
-      const hasChangedFromOrthographic = previousFrame.scene.camera.isOrthographic() &&
+      const hasChangedFromOrthographic = (previousFrame == null ||
+        previousFrame.scene.camera.isOrthographic()) &&
         this.frame.scene.camera.isPerspective();
       if (hasChangedFromPerspective || hasChangedFromOrthographic) {
         this.interactionApi = this.createInteractionApi();
+        this.cameraType = this.frame.scene.camera.isPerspective()
+          ? 'perspective'
+          : 'orthographic';
+        this.cameraTypeChanged.emit(this.cameraType);
         this.interactionHandlers.forEach((handler) => this.initializeInteractionHandler(handler));
       }
     }
@@ -3151,6 +3218,7 @@ let Viewer = class {
     "cameraType": ["handleCameraTypeChanged"],
     "depthBuffers": ["handleDepthBuffersChanged"],
     "experimentalGhostingOpacity": ["handleExperimentalGhostingOpacityChanged"],
+    "noDefaultLights": ["handleNoDefaultLightsChanged"],
     "featureLines": ["handleFeatureLinesChanged"],
     "featureHighlighting": ["handleFeatureHighlightingChanged"],
     "featureMaps": ["handleFeatureMapsChanged"],

package/dist/cjs/viewer.cjs.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-const index = require('./index-e100709a.js');
-const appGlobals = require('./app-globals-3671e828.js');
-require('./_commonjsHelpers-537d719a.js');
+const index = require('./index-4138aa2c.js');
+const appGlobals = require('./app-globals-2035678d.js');
+require('./_commonjsHelpers-dcc4cf71.js');
 
 /*
  Stencil Client Patch Browser v2.12.1 | MIT Licensed | https://stenciljs.com
@@ -74,5 +74,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 
 patchBrowser().then(options => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy([["vertex-viewer-default-toolbar.cjs",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["vertex-scene-tree.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["vertex-scene-tree-table-header.cjs",[[1,"vertex-scene-tree-table-header"]]],["vertex-scene-tree-table-resize-divider.cjs",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["vertex-scene-tree-toolbar-group.cjs",[[1,"vertex-scene-tree-toolbar-group"]]],["vertex-viewer.cjs",[[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"],"cameraType":[1,"camera-type"],"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"],"resizeDebounce":[2,"resize-debounce"],"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.cjs",[[1,"vertex-viewer-measurement-details",{"measurementModel":[16],"measurementOverlays":[16],"measurementOutcome":[1040],"distanceUnits":[1,"distance-units"],"angleUnits":[1,"angle-units"],"fractionalDigits":[2,"fractional-digits"],"distanceFormatter":[16],"angleFormatter":[16],"areaFormatter":[16],"resultTypes":[16],"overlay":[32],"distanceMeasurementUnits":[32],"angleMeasurementUnits":[32],"areaMeasurementUnits":[32]}]]],["vertex-viewer-measurement-distance.cjs",[[1,"vertex-viewer-measurement-distance",{"start":[1040],"startJson":[1,"start-json"],"end":[1040],"endJson":[1,"end-json"],"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],"measurementModel":[16],"viewport":[32],"elementBounds":[32],"interactionCount":[32],"internalCamera":[32],"invalidateStateCounter":[32],"stateMap":[32],"measurementUnits":[32],"computeElementMetrics":[64]}]]],["vertex-scene-tree-search_3.cjs",[[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.cjs",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["vertex-viewer-dom-element_3.cjs",[[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.cjs",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["vertex-viewer-layer.cjs",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["vertex-viewer-markup-arrow_3.cjs",[[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.cjs",[[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);
+  return index.bootstrapLazy(JSON.parse("[[\"vertex-viewer-pin-tool.cjs\",[[1,\"vertex-viewer-pin-tool\",{\"pinController\":[1040],\"pinModel\":[16],\"pins\":[1040],\"viewer\":[16],\"tool\":[1025],\"mode\":[1025],\"selectedPinId\":[32],\"elementBounds\":[32],\"projectionViewMatrix\":[32]}]]],[\"vertex-viewer-default-toolbar.cjs\",[[1,\"vertex-viewer-default-toolbar\",{\"viewer\":[16],\"placement\":[1],\"direction\":[1],\"animationsDisabled\":[4,\"animations-disabled\"],\"animationMs\":[2,\"animation-ms\"]}]]],[\"vertex-scene-tree.cjs\",[[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],\"metadataSearchExactMatch\":[1028,\"metadata-search-exact-match\"],\"metadataSearchKeys\":[1040],\"metadataKeys\":[16],\"rows\":[32],\"totalRows\":[32],\"stateMap\":[32],\"errorDetails\":[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],\"selectFilteredItems\":[64],\"fetchMetadataKeys\":[64]},[[0,\"search\",\"handleSearch\"]]]]],[\"vertex-viewer-measurement-tool.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vertex-scene-tree-table-cell\",{\"node\":[16],\"tree\":[16],\"value\":[1],\"placeholder\":[1],\"hoveredNodeId\":[1,\"hovered-node-id\"],\"isScrolling\":[4,\"is-scrolling\"],\"expandToggle\":[4,\"expand-toggle\"],\"visibilityToggle\":[4,\"visibility-toggle\"],\"interactionsDisabled\":[4,\"interactions-disabled\"],\"recurseParentSelectionDisabled\":[4,\"recurse-parent-selection-disabled\"]}]]],[\"vertex-scene-tree-table-column.cjs\",[[1,\"vertex-scene-tree-table-column\",{\"initialWidth\":[2,\"initial-width\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"vertex-scene-tree-table-header.cjs\",[[1,\"vertex-scene-tree-table-header\"]]],[\"vertex-scene-tree-table-resize-divider.cjs\",[[1,\"vertex-scene-tree-table-resize-divider\",{\"dragging\":[32]}]]],[\"vertex-scene-tree-toolbar-group.cjs\",[[1,\"vertex-scene-tree-toolbar-group\"]]],[\"vertex-viewer.cjs\",[[1,\"vertex-viewer\",{\"src\":[1],\"clientId\":[1,\"client-id\"],\"deviceId\":[1025,\"device-id\"],\"config\":[1],\"configEnv\":[1,\"config-env\"],\"resolvedConfig\":[1040],\"cameraControls\":[4,\"camera-controls\"],\"cameraType\":[1537,\"camera-type\"],\"keyboardControls\":[4,\"keyboard-controls\"],\"rotateAroundTapPoint\":[4,\"rotate-around-tap-point\"],\"token\":[1025],\"depthBuffers\":[1,\"depth-buffers\"],\"experimentalGhostingOpacity\":[2,\"experimental-ghosting-opacity\"],\"noDefaultLights\":[4,\"no-default-lights\"],\"featureLines\":[16],\"featureHighlighting\":[16],\"featureMaps\":[1,\"feature-maps\"],\"selectionMaterial\":[1,\"selection-material\"],\"resizeDebounce\":[2,\"resize-debounce\"],\"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.cjs\",[[1,\"vertex-viewer-measurement-details\",{\"measurementModel\":[16],\"measurementOverlays\":[16],\"measurementOutcome\":[1040],\"distanceUnits\":[1,\"distance-units\"],\"angleUnits\":[1,\"angle-units\"],\"fractionalDigits\":[2,\"fractional-digits\"],\"distanceFormatter\":[16],\"angleFormatter\":[16],\"areaFormatter\":[16],\"resultTypes\":[16],\"overlay\":[32],\"distanceMeasurementUnits\":[32],\"angleMeasurementUnits\":[32],\"areaMeasurementUnits\":[32]}]]],[\"vertex-viewer-transform-widget.cjs\",[[1,\"vertex-viewer-transform-widget\",{\"viewer\":[16],\"position\":[1040],\"controller\":[1040],\"hovered\":[1040]}]]],[\"vertex-viewer-icon.cjs\",[[1,\"vertex-viewer-icon\",{\"name\":[1],\"size\":[1]}]]],[\"vertex-viewer-pin-group.cjs\",[[0,\"vertex-viewer-pin-group\",{\"pin\":[16],\"matrix\":[1040],\"projectionViewMatrix\":[16],\"elementBounds\":[1040],\"pinModel\":[16],\"pinController\":[16],\"selected\":[4],\"invalidateStateCounter\":[32],\"leafNodesRendered\":[32]}]]],[\"vertex-viewer-dom-group.cjs\",[[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]}]]],[\"vertex-viewer-measurement-distance.cjs\",[[1,\"vertex-viewer-measurement-distance\",{\"start\":[1040],\"startJson\":[1,\"start-json\"],\"end\":[1040],\"endJson\":[1,\"end-json\"],\"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],\"measurementModel\":[16],\"viewport\":[32],\"elementBounds\":[32],\"interactionCount\":[32],\"internalCamera\":[32],\"invalidateStateCounter\":[32],\"stateMap\":[32],\"measurementUnits\":[32],\"computeElementMetrics\":[64]}]]],[\"vertex-scene-tree-search_3.cjs\",[[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],\"isScrolling\":[32],\"scrollTimer\":[32],\"stateMap\":[32],\"scrollToPosition\":[64]}],[1,\"vertex-scene-tree-toolbar\"]]],[\"vertex-viewer-layer.cjs\",[[1,\"vertex-viewer-layer\",{\"stretchOff\":[516,\"stretch-off\"]}]]],[\"vertex-viewer-button_3.cjs\",[[1,\"vertex-viewer-toolbar\",{\"placement\":[1],\"direction\":[1]}],[1,\"vertex-viewer-button\"],[1,\"vertex-viewer-toolbar-group\",{\"direction\":[1]}]]],[\"vertex-viewer-pin-label_2.cjs\",[[0,\"vertex-viewer-pin-label\",{\"pin\":[16],\"elementBounds\":[16],\"value\":[1025],\"pinController\":[16],\"focused\":[32],\"computedScreenPosition\":[32],\"textareaRows\":[32],\"contentElBounds\":[32],\"setFocus\":[64]}],[0,\"vertex-viewer-pin-label-line\",{\"pinPoint\":[16],\"labelPoint\":[16]}]]],[\"vertex-viewer-dom-element_2.cjs\",[[1,\"vertex-viewer-dom-renderer\",{\"drawMode\":[1,\"draw-mode\"],\"viewer\":[16],\"camera\":[1040],\"depthBuffer\":[1040],\"viewport\":[32],\"invalidateFrameCounter\":[32]},[[0,\"propertyChange\",\"handlePropertyChange\"]]],[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\"]}]]],[\"vertex-viewer-markup-arrow_3.cjs\",[[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.cjs\",[[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/cjs/{viewport-54b1389d.js → viewport-5ca619f7.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const bundle_esm = require('./bundle.esm-618a5fe9.js');
+const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 
 /**
  * A `Viewport` represents the drawing area in the viewer.
@@ -37,6 +37,16 @@ class Viewport {
   static fromDimensions(dimensions) {
     return new Viewport(dimensions.width, dimensions.height);
   }
+  /**
+   * Transforms a normalized device coordinate to a 2D point within the
+   * viewport.
+   *
+   * @param ndc A 2D point in NDC.
+   * @returns A 2D point in the coordinate space of the viewport.
+   */
+  transformNdcPointToViewport(ndc) {
+    return bundle_esm.point.create(ndc.x * this.center.x + this.center.x, -ndc.y * this.center.y + this.center.y);
+  }
   /**
    * Transforms a normalized device coordinate to a 2D point within the
    * viewport.
@@ -45,7 +55,7 @@ class Viewport {
    * @returns A 2D point in the coordinate space of the viewport.
    */
   transformVectorToViewport(ndc) {
-    return bundle_esm.point.create(ndc.x * this.center.x + this.center.x, -ndc.y * this.center.y + this.center.y);
+    return this.transformNdcPointToViewport(ndc);
   }
   /**
    * Transforms a world point to 2D point in viewport space.
@@ -133,9 +143,9 @@ class Viewport {
    */
   transformPointToOrthographicRay(pt, image, camera) {
     const ndc = this.transformScreenPointToNdc(pt, image);
-    const world = bundle_esm.vector3.transformNdcToWorldSpace(bundle_esm.vector3.create(ndc.x, ndc.y, 0.5), camera.worldMatrix, camera.projectionMatrixInverse);
+    const origin = bundle_esm.vector3.transformNdcToWorldSpace(bundle_esm.vector3.create(ndc.x, ndc.y, 0), camera.worldMatrix, camera.projectionMatrixInverse);
     return bundle_esm.ray.create({
-      origin: world,
+      origin,
       direction: bundle_esm.vector3.normalize(camera.viewVector),
     });
   }

package/dist/collection/__mocks__/regl-shape.js

@@ -0,0 +1,6 @@
+const draw = jest.fn();
+const createShape = jest.fn(() => draw);
+export default jest.fn(() => ({
+  createShape,
+}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVnbC1zaGFwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX21vY2tzX18vcmVnbC1zaGFwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7QUFFdkIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUV4QyxlQUFlLElBQUksQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztFQUM1QixXQUFXO0NBQ1osQ0FBQyxDQUFDLENBQUMifQ==

package/dist/collection/__mocks__/regl.js

@@ -0,0 +1,3 @@
+const frame = jest.fn((callback) => callback());
+export default jest.fn(() => ({ frame }));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVnbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX21vY2tzX18vcmVnbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0FBRWhELGVBQWUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/collection/collection-manifest.json

@@ -31,6 +31,11 @@
     "./components/viewer-measurement-overlays/viewer-measurement-overlays.js",
     "./components/viewer-measurement-precise/viewer-measurement-precise.js",
     "./components/viewer-measurements/viewer-measurements.js",
+    "./components/viewer-pin-group/viewer-pin-group.js",
+    "./components/viewer-pin-label/viewer-pin-label.js",
+    "./components/viewer-pin-label-line/viewer-pin-label-line.js",
+    "./components/viewer-pin-tool/viewer-pin-tool.js",
+    "./components/viewer-transform-widget/viewer-transform-widget.js",
     "./components/viewer-view-cube/viewer-view-cube.js"
   ],
   "compiler": {