@vertexvis/viewer 0.13.2-canary.9 → 0.14.0

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

@@ -1,13 +1,14 @@
 /**!
  * 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, t as quaternion, u as euler } from './bundle.esm-8ceccb91.js';
-import { r as readDOM } from './stencil-9bf7fb9e.js';
-import { O as Orientation, e as FramePerspectiveCamera, H as StandardView } from './streamAttributes-d0b384b3.js';
-import { c as classnames } from './index-455380d0.js';
-import './browser.esm-e72d80ad.js';
-import './_commonjsHelpers-9943807e.js';
+import { h, F as Fragment, r as registerInstance, H as Host } from './index-a9fb8318.js';
+import { v as vector3, q as quaternion, u as euler } from './bundle.esm-ce2c7ad3.js';
+import { r as readDOM } from './stencil-8b20e5a8.js';
+import { O as Orientation, e as FramePerspectiveCamera, G as StandardView } from './streamAttributes-72a92676.js';
+import './entities-ce81dd7f.js';
+import { c as classnames } from './index-e841d91b.js';
+import './browser.esm-1ddb69c9.js';
+import './_commonjsHelpers-11ca3be1.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const viewCubeSides = {

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

@@ -1,17 +1,18 @@
 /**!
  * 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, h as angle, j as plane, r as ray, b as boundingBox, q as matrix2, d as dimensions } from './bundle.esm-8ceccb91.js';
-import { l as fromPbStencilBufferOrThrow, m as decodePng, n as DepthBuffer, t as toProtoDuration, E as EntityType, p as protoToDate, o as toPbStreamAttributes, q as toPbRGBi, S as StreamApi, r as StreamRequestError, s as fromPbFrameOrThrow, u as fromPbStartStreamResponseOrThrow, x as fromPbReconnectResponseOrThrow, y as fromPbSyncTimeResponseOrThrow, z as currentDateAsProtoTimestamp, B as fromPbRefreshTokenResponseOrThrow, W as WebSocketClientImpl, g as toProtobuf, C as toOrthographic, G as toPerspective } from './streamAttributes-d0b384b3.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-e72d80ad.js';
-import { c as classnames } from './index-455380d0.js';
-import { p as parseConfig } from './config-fb7cd8ff.js';
-import { C as CursorManager } from './cursors-fc2deed7.js';
-import { g as getMouseClientPosition, c as cssCursor } from './dom-2cd18856.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-2bfcce74.js';
-import { V as Viewport } from './viewport-5cc7b128.js';
-import './_commonjsHelpers-9943807e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a9fb8318.js';
+import { p as point, v as vector3, h as angle, j as plane, r as ray, b as boundingBox, s as matrix2, d as dimensions } from './bundle.esm-ce2c7ad3.js';
+import { l as fromPbStencilBufferOrThrow, m as decodePng, n as DepthBuffer, t as toProtoDuration, g as toProtobuf, p as protoToDate, o as toPbStreamAttributes, q as toPbRGBi, S as StreamApi, r as StreamRequestError, s as fromPbFrameOrThrow, u as fromPbStartStreamResponseOrThrow, x as fromPbReconnectResponseOrThrow, y as fromPbSyncTimeResponseOrThrow, z as currentDateAsProtoTimestamp, B as fromPbRefreshTokenResponseOrThrow, W as WebSocketClientImpl, C as toOrthographic, E as toPerspective } from './streamAttributes-72a92676.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-1ddb69c9.js';
+import { c as classnames } from './index-e841d91b.js';
+import { p as parseConfig } from './config-7075833a.js';
+import { C as CursorManager } from './cursors-98b7d89d.js';
+import { g as getMouseClientPosition, c as cssCursor } from './dom-5b164305.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-22ebacfd.js';
+import { E as EntityType } from './entities-ce81dd7f.js';
+import { V as Viewport } from './viewport-e39e2eba.js';
+import './_commonjsHelpers-11ca3be1.js';
 
 /**
  * A value that represents if a pixel does not contain a stencil value.
@@ -591,6 +592,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 = vector3.normalize(up);
+      const normalizedViewVector = vector3.normalize(camera.viewVector);
+      const xVector = vector3.cross(normalizedUp, normalizedViewVector);
+      const yVector = vector3.cross(normalizedViewVector, xVector);
+      const updatedLookAtX = vector3.rotateAboutAxis(angle.toRadians(degreesLocalX), lookAt, xVector, position);
+      const updatedLookAtY = vector3.rotateAboutAxis(angle.toRadians(degreesLocalY), updatedLookAtX, yVector, position);
+      return camera.update(Object.assign(Object.assign({}, camera), { lookAt: updatedLookAtY }));
+    });
+  }
   /**
    * Marks the end of an interaction.
    */
@@ -673,6 +694,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.
@@ -878,11 +916,11 @@ class FlyToPositionKeyInteraction {
         hit.hitPoint.y != null &&
         hit.hitPoint.z != null) {
         await this.stream.flyTo({
-          camera: camera
+          camera: toProtobuf(camera
             .update({
             lookAt: vector3.create(hit.hitPoint.x, hit.hitPoint.y, hit.hitPoint.z),
           })
-            .toFrameCamera(),
+            .toFrameCamera()),
           animation: {
             duration: toProtoDuration(this.configProvider().animation.durationMs),
           },
@@ -902,7 +940,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;
@@ -911,6 +949,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;
@@ -958,6 +997,9 @@ class BaseInteractionHandler {
       case 'rotate-point':
         this.currentInteraction = this.rotatePointInteraction;
         break;
+      case 'pivot':
+        this.currentInteraction = this.pivotInteraction;
+        break;
       default:
         this.currentInteraction = undefined;
     }
@@ -989,6 +1031,9 @@ class BaseInteractionHandler {
       case 'pan':
         this.primaryInteraction = this.panInteraction;
         break;
+      case 'pivot':
+        this.primaryInteraction = this.pivotInteraction;
+        break;
     }
     this.primaryInteractionTypeChange.emit();
   }
@@ -1351,10 +1396,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 = point.create(event.screenX, event.screenY);
+      api.beginInteraction();
+    }
+  }
+  drag(event, api) {
+    if (this.currentPosition != null) {
+      const position = point.create(event.screenX, event.screenY);
+      const delta = 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);
   }
 }
 
@@ -1379,7 +1447,6 @@ 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
-      console.log(Math.abs(angle$1));
       if (Math.abs(angle$1) > 0.5) {
         (_d = this.interactionApi) === null || _d === void 0 ? void 0 : _d.twistCamera(angle$1);
       }
@@ -1444,7 +1511,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);
@@ -1907,36 +1974,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 ||
-      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;
@@ -2415,6 +2461,7 @@ let Viewer = class {
     this.sceneChanged = createEvent(this, "sceneChanged", 7);
     this.interactionStarted = createEvent(this, "interactionStarted", 7);
     this.interactionFinished = createEvent(this, "interactionFinished", 7);
+    this.cameraTypeChanged = createEvent(this, "cameraTypeChanged", 7);
     this.deviceIdChange = createEvent(this, "deviceIdChange", 7);
     this.dimensionschange = createEvent(this, "dimensionschange", 7);
     /**
@@ -2455,6 +2502,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.
      */
@@ -2742,6 +2795,9 @@ let Viewer = class {
   handleExperimentalGhostingOpacityChanged() {
     this.updateStreamAttributes();
   }
+  handleNoDefaultLightsChanged() {
+    this.updateStreamAttributes();
+  }
   /**
    * @ignore
    */
@@ -2945,7 +3001,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,
@@ -2989,14 +3044,19 @@ let Viewer = class {
             this.updateCanvasDimensions(canvasDimensions);
             this.isResizeUpdate = false;
           },
+          predicate: () => {
+            if (this.isResizeUpdate) {
+              return (this.dimensions == null ||
+                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);
       }
     }
@@ -3061,6 +3121,7 @@ let Viewer = class {
     return {
       depthBuffers: this.getDepthBufferStreamAttributesValue(),
       experimentalGhosting: this.experimentalGhostingOpacity,
+      noDefaultLights: this.noDefaultLights,
       featureLines: this.featureLines,
       featureHighlighting: this.featureHighlighting,
       featureMaps: this.featureMaps,
@@ -3077,13 +3138,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));
       }
     }
@@ -3148,6 +3214,7 @@ let Viewer = class {
     "cameraType": ["handleCameraTypeChanged"],
     "depthBuffers": ["handleDepthBuffersChanged"],
     "experimentalGhostingOpacity": ["handleExperimentalGhostingOpacityChanged"],
+    "noDefaultLights": ["handleNoDefaultLightsChanged"],
     "featureLines": ["handleFeatureLinesChanged"],
     "featureHighlighting": ["handleFeatureHighlightingChanged"],
     "featureMaps": ["handleFeatureMapsChanged"],

package/dist/esm/viewer.js

@@ -1,9 +1,9 @@
 /**!
  * 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-10c1495a.js';
-import { g as globalScripts } from './app-globals-3a04a531.js';
-import './_commonjsHelpers-9943807e.js';
+import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, b as bootstrapLazy } from './index-a9fb8318.js';
+import { g as globalScripts } from './app-globals-40df99a0.js';
+import './_commonjsHelpers-11ca3be1.js';
 
 /*
  Stencil Client Patch Browser v2.12.1 | MIT Licensed | https://stenciljs.com
@@ -72,5 +72,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 
 patchBrowser().then(options => {
   globalScripts();
-  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"],"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",[[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",[[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",[[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);
+  return bootstrapLazy(JSON.parse("[[\"vertex-viewer-pin-tool\",[[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\",[[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],\"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\",[[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\"],\"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\",[[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\":[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\",[[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\",[[1,\"vertex-viewer-transform-widget\",{\"viewer\":[16],\"position\":[1040],\"controller\":[1040],\"hovered\":[1040]}]]],[\"vertex-viewer-icon\",[[1,\"vertex-viewer-icon\",{\"name\":[1],\"size\":[1]}]]],[\"vertex-viewer-pin-group\",[[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\",[[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\",[[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\",[[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\",[[1,\"vertex-viewer-layer\",{\"stretchOff\":[516,\"stretch-off\"]}]]],[\"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-pin-label_2\",[[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\",[[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\",[[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-5cc7b128.js → viewport-e39e2eba.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-8ceccb91.js';
+import { d as dimensions, p as point, v as vector3, r as ray, i as rectangle } from './bundle.esm-ce2c7ad3.js';
 
 /**
  * A `Viewport` represents the drawing area in the viewer.
@@ -35,6 +35,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 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.
@@ -43,7 +53,7 @@ class Viewport {
    * @returns A 2D point in the coordinate space of the viewport.
    */
   transformVectorToViewport(ndc) {
-    return 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.
@@ -131,9 +141,9 @@ class Viewport {
    */
   transformPointToOrthographicRay(pt, image, camera) {
     const ndc = this.transformScreenPointToNdc(pt, image);
-    const world = vector3.transformNdcToWorldSpace(vector3.create(ndc.x, ndc.y, 0.5), camera.worldMatrix, camera.projectionMatrixInverse);
+    const origin = vector3.transformNdcToWorldSpace(vector3.create(ndc.x, ndc.y, 0), camera.worldMatrix, camera.projectionMatrixInverse);
     return ray.create({
-      origin: world,
+      origin,
       direction: vector3.normalize(camera.viewVector),
     });
   }

package/dist/types/__mocks__/regl-shape.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="jest" />
+declare const _default: jest.Mock<{
+  createShape: jest.Mock<jest.Mock<any, any>, []>;
+}, []>;
+export default _default;

package/dist/types/__mocks__/regl.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="jest" />
+declare const _default: jest.Mock<{
+  frame: jest.Mock<any, [callback: any]>;
+}, []>;
+export default _default;

package/dist/types/components/scene-tree/lib/controller.d.ts

@@ -1,7 +1,7 @@
 import { Node } from '@vertexvis/scene-tree-protos/scenetree/protos/domain_pb';
 import { GetTreeResponse } from '@vertexvis/scene-tree-protos/scenetree/protos/scene_tree_api_pb';
 import { SceneTreeAPIClient } from '@vertexvis/scene-tree-protos/scenetree/protos/scene_tree_api_pb_service';
-import { Disposable, EventDispatcher } from '@vertexvis/utils';
+import { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';
 import { MetadataKey } from '../interfaces';
 import { SceneTreeErrorDetails } from './errors';
 import { Row } from './row';
@@ -12,6 +12,7 @@ export interface ConnectOptions {
 export declare type JwtProvider = () => string | undefined;
 export interface SceneTreeState {
   totalRows: number;
+  totalFilteredRows?: number;
   rows: Row[];
   connection: ConnectionState;
 }
@@ -52,6 +53,10 @@ export interface FilterTreeOptions {
    * nodes.
    */
   includeCollapsed?: boolean;
+  /**
+   * Indicates if the filter should be an exact match with the results.
+   */
+  exactMatch?: boolean;
   /**
    * The metadata keys to filter the tree on.
    */
@@ -89,6 +94,13 @@ export declare class SceneTreeController {
    */
   get isConnected(): boolean;
   constructor(client: SceneTreeAPIClient, rowLimit: number, connectOptions?: ConnectOptions);
+  /**
+   * Registers an event listener that will be invoked when the state changes
+   *
+   * @param listener The listener to add.
+   * @returns A disposable that can be used to remove the listener.
+   */
+  stateChanged(listener: Listener<SceneTreeState | undefined>): Disposable;
   connect(jwtProvider: JwtProvider): Promise<void>;
   private clearReconnectTimer;
   private startIdleReconnectTimer;

package/dist/types/components/scene-tree/lib/errors.d.ts

@@ -1,6 +1,8 @@
 export declare enum SceneTreeErrorCode {
   UNKNOWN = 0,
-  SCENE_TREE_DISABLED = 1
+  SCENE_TREE_DISABLED = 1,
+  MISSING_VIEWER = 2,
+  DISCONNECTED = 3
 }
 export declare class SceneTreeErrorDetails {
   readonly code: SceneTreeErrorCode;

package/dist/types/components/scene-tree/lib/viewer-ops.d.ts

@@ -8,4 +8,5 @@ export declare function showItem(viewer: HTMLVertexViewerElement, id: string): P
 export declare function hideItem(viewer: HTMLVertexViewerElement, id: string): Promise<void>;
 export declare function selectItem(viewer: HTMLVertexViewerElement, id: string, { material, append }: ViewerSelectItemOptions): Promise<void>;
 export declare function selectRangeInSceneTree(viewer: HTMLVertexViewerElement, start: number, end: number, { material, append }: ViewerSelectItemOptions): Promise<void>;
+export declare function selectFilterResults(viewer: HTMLVertexViewerElement, filter: string, keys: string[], exactMatch: boolean, { material, append }: ViewerSelectItemOptions): Promise<void>;
 export declare function deselectItem(viewer: HTMLVertexViewerElement, id: string): Promise<void>;

package/dist/types/components/scene-tree/scene-tree.d.ts

@@ -97,10 +97,13 @@ export declare class SceneTree {
   configEnv: Environment;
   controller?: SceneTreeController;
   /**
-   * Temporary flag to indicate whether metadata should be used when filtering
-   * as opposed to just the name of the item.
+   * Indicates whether the metadata search should use an exact match.
    */
-  filterOnMetadata: boolean;
+  metadataSearchExactMatch: boolean;
+  /**
+   * A list of the metadata keys that a scene tree search should be performed on.
+   */
+  metadataSearchKeys: MetadataKey[];
   /**
    * A list of part metadata keys that will be made available to each row. This
    * metadata can be used for data binding inside the scene tree's template.
@@ -115,7 +118,7 @@ export declare class SceneTree {
    * @State to allow to preserve state across live-reloads.
    */
   private stateMap;
-  private connectionErrorDetails;
+  private errorDetails;
   private attemptingRetry;
   private el;
   private lastSelectedItemId?;
@@ -251,6 +254,14 @@ export declare class SceneTree {
    *  the result of this filter when the promise completes.
    */
   filterItems(term: string, options?: FilterTreeOptions): Promise<void>;
+  /**
+   * Performs an async request that will select the filtered items in the tree
+   * that match the given term.
+   *
+   * @param term The filter term.
+   * @returns A promise that completes when the request has completed.
+   */
+  selectFilteredItems(term: string): Promise<void>;
   /**
    * Fetches the metadata keys that are available to the scene tree. Metadata
    * keys can be assigned to the scene tree using the `metadataKeys` property.
@@ -272,6 +283,7 @@ export declare class SceneTree {
    * @ignore
    */
   protected componentDidLoad(): Promise<void>;
+  componentWillRender(): void;
   /**
    * @ignore
    */

package/dist/types/components/scene-tree-table-cell/scene-tree-table-cell.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, h } from '../../stencil-public-runtime';
 import { Node } from '@vertexvis/scene-tree-protos/scenetree/protos/domain_pb';
 export interface SceneTreeTableCellEventDetails {
   node?: Node.AsObject;
-  originalEvent: PointerEvent | TouchEvent;
+  originalEvent: PointerEvent;
 }
 export declare class SceneTreeTableCell {
   /**
@@ -28,6 +28,10 @@ export declare class SceneTreeTableCell {
    * @internal
    */
   hoveredNodeId?: string;
+  /**
+   * @internal
+   */
+  isScrolling?: boolean;
   /**
    * Indicates whether to display a button for toggling the expanded state of
    * the node associated with this cell.
@@ -74,7 +78,7 @@ export declare class SceneTreeTableCell {
   componentWillRender(): void;
   render(): h.JSX.IntrinsicElements;
   private displayValue;
-  private handleCellPointerDown;
+  private handleCellPointerUp;
   private toggleExpansion;
   private toggleVisibility;
   private toggleAttribute;

package/dist/types/components/scene-tree-table-layout/scene-tree-table-layout.d.ts

@@ -99,6 +99,8 @@ export declare class SceneTreeTableLayout {
   private isComputingCellHeight;
   private lastDividerPointerPosition?;
   private resizingColumnIndex?;
+  private isScrolling;
+  private scrollTimer;
   /**
    * This stores internal state that you want to preserve across live-reloads,
    * but shouldn't trigger a refresh if the data changes. Marking this with