@vertexvis/viewer 0.15.2-testing.3 → 0.15.2

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

@@ -1,18 +1,19 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { h, F as Fragment, r as registerInstance } from './index-26dfb2d0.js';
-import { p as point, m as matrix4, v as vector3 } from './bundle.esm-ce2c7ad3.js';
-import './cursors-a8d4b3f4.js';
-import './mapper-5894c2a4.js';
+import { p as point, m as matrix4, v as vector3 } from './bundle.esm-92e615bf.js';
+import './cursors-127a3bb7.js';
+import './mapper-dd937684.js';
 import './grpc-web-client.umd-5409853c.js';
-import './streamAttributes-7e8565be.js';
+import './streamAttributes-23270e27.js';
 import './entities-ce81dd7f.js';
-import { V as Viewport } from './viewport-e39e2eba.js';
-import { g as getPinColors, i as isIconPin, b as isTextPin, P as PinModel, a as PinController, c as translatePointToScreen } from './model-40bd1711.js';
+import { V as Viewport } from './viewport-f19fc583.js';
+import { g as getPinColors, i as isIconPin, b as isTextPin, P as PinModel, a as PinController, c as translatePointToScreen } from './model-bfe1c4d8.js';
 import { c as classnames } from './index-e841d91b.js';
-import './browser.esm-ae4ca1f1.js';
+import './browser.esm-07e7db8f.js';
 import './_commonjsHelpers-11ca3be1.js';
+import './bundle.esm-91404853.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const PinRenderer = ({ pin, selected, }) => {
@@ -76,10 +77,14 @@ const ViewerPinGroup = class {
     };
   }
   componentDidLoad() {
+    var _a;
     this.setLabelObserver();
     if (this.pinController == null) {
       this.pinController = new PinController(this.pinModel);
     }
+    if (this.selected) {
+      (_a = this.labelEl) === null || _a === void 0 ? void 0 : _a.setFocus();
+    }
   }
   disconnectedCallback() {
     var _a, _b;

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

@@ -1,14 +1,14 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26dfb2d0.js';
-import { p as point } from './bundle.esm-ce2c7ad3.js';
+import { p as point } from './bundle.esm-92e615bf.js';
 import { c as classnames } from './index-e841d91b.js';
-import { g as getMouseClientPosition } from './dom-5b164305.js';
-import { t as translatePointToRelative, c as translatePointToScreen, a as PinController, P as PinModel, g as getPinColors, b as isTextPin } from './model-40bd1711.js';
+import { g as getMouseClientPosition } from './dom-e436f0c0.js';
+import { t as translatePointToRelative, c as translatePointToScreen, a as PinController, P as PinModel, g as getPinColors, b as isTextPin } from './model-bfe1c4d8.js';
 import { r as readDOM } from './stencil-bfbf099f.js';
 import './_commonjsHelpers-11ca3be1.js';
-import './browser.esm-ae4ca1f1.js';
+import './browser.esm-07e7db8f.js';
 
 function getComputedStyle(el) {
   return window.getComputedStyle(el);
@@ -36,12 +36,15 @@ const VertexPinLabel = class {
       });
     };
     this.handleInputKeyDown = (event) => {
-      if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
-        event.preventDefault();
-        this.submit();
+      event.stopPropagation();
+      if (event.key === 'Enter' &&
+        (event.ctrlKey || event.metaKey || event.shiftKey)) {
+        this.textareaRows += 1;
+        this.value += '\n';
       }
       else if (event.key === 'Enter') {
-        this.textareaRows += 1;
+        event.preventDefault();
+        this.submit();
       }
     };
     this.handlePointerDown = (event) => {
@@ -60,6 +63,8 @@ const VertexPinLabel = class {
       if (this.elementBounds != null &&
         this.relativePointerDownPosition &&
         this.pinPointerDownPosition != null) {
+        // Prevent selection of any text while interacting with the label
+        event.preventDefault();
         const point$1 = getMouseClientPosition(event, this.elementBounds);
         const relative = translatePointToRelative(point$1, this.elementBounds);
         const relativeDelta = point.subtract(relative, this.relativePointerDownPosition);
@@ -104,12 +109,9 @@ const VertexPinLabel = class {
     var _a, _b, _c;
     // HTMLInputElement.focus() doesn't exist in tests.
     if (typeof ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus) === 'function') {
-      if (this.focused) {
-        (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.focus();
-      }
-      else {
-        (_c = this.inputEl) === null || _c === void 0 ? void 0 : _c.blur();
-      }
+      this.focused = true;
+      this.labelFocused.emit((_b = this.pin) === null || _b === void 0 ? void 0 : _b.id);
+      (_c = this.inputEl) === null || _c === void 0 ? void 0 : _c.focus();
     }
   }
   watchFocusChange() {
@@ -186,7 +188,7 @@ const VertexPinLabel = class {
   }
   computeMinWidth() {
     if (this.contentElBounds != null) {
-      const expected = `${this.contentElBounds.width + 16}px`;
+      const expected = `${this.contentElBounds.width + 8}px`;
       return `min(${expected}, ${this.computeMaxWidth()})`;
     }
     else {

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

@@ -1,18 +1,18 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-26dfb2d0.js';
-import { t as translatePointToRelative, P as PinModel, a as PinController } from './model-40bd1711.js';
-import { p as point } from './bundle.esm-ce2c7ad3.js';
-import { b as uuid } from './browser.esm-ae4ca1f1.js';
-import { l as labelPinCursor, p as pinCursor } from './cursors-a8d4b3f4.js';
-import { g as getMouseClientPosition } from './dom-5b164305.js';
+import { t as translatePointToRelative, P as PinModel, a as PinController } from './model-bfe1c4d8.js';
+import { p as point } from './bundle.esm-92e615bf.js';
+import { b as uuid } from './browser.esm-07e7db8f.js';
+import { l as labelPinCursor, p as pinCursor } from './cursors-127a3bb7.js';
+import { g as getMouseClientPosition } from './dom-e436f0c0.js';
 import { E as ElementRectObserver } from './elementRectObserver-39cf7b95.js';
 import { E as EntityType } from './entities-ce81dd7f.js';
 import { g as getMarkupBoundingClientRect } from './dom-be140992.js';
 
 class PinsInteractionHandler {
-  constructor(controller) {
+  constructor(controller, xOffset, yOffset) {
     this.rectObserver = new ElementRectObserver();
     this.droppableSurfaces = [
       EntityType.PRECISE_SURFACE,
@@ -28,7 +28,7 @@ class PinsInteractionHandler {
       if (this.controller.getDraggable() == null &&
         this.controller.getToolMode() === 'edit' &&
         isDroppableSurface) {
-        this.addCursor(this.getCusorType());
+        this.addCursor(this.getCursorType());
       }
       else {
         this.clearCursor();
@@ -82,6 +82,8 @@ class PinsInteractionHandler {
       }
     };
     this.controller = controller;
+    this.xOffset = xOffset;
+    this.yOffset = yOffset;
   }
   get elementRect() {
     return this.rectObserver.rect;
@@ -115,7 +117,6 @@ class PinsInteractionHandler {
       var _a, _b, _c, _d, _e, _f;
       const [hit] = await api.hitItems(pt);
       if ((hit === null || hit === void 0 ? void 0 : hit.hitPoint) != null && this.elementRect != null) {
-        const relativePoint = translatePointToRelative(pt, this.elementRect);
         if ((hit === null || hit === void 0 ? void 0 : hit.hitPoint) != null &&
           (hit === null || hit === void 0 ? void 0 : hit.hitPoint.x) != null &&
           (hit === null || hit === void 0 ? void 0 : hit.hitPoint.y) != null &&
@@ -141,6 +142,8 @@ class PinsInteractionHandler {
               });
               break;
             case 'pin-text':
+              const isNewPin = existingPin == null;
+              const relativePoint = translatePointToRelative(pt, this.elementRect, isNewPin, this.xOffset, this.yOffset);
               this.controller.setPin({
                 type: 'text',
                 id: pinId,
@@ -155,6 +158,7 @@ class PinsInteractionHandler {
                 },
                 attributes,
               });
+              this.controller.setSelectedPinId(pinId);
               break;
           }
         }
@@ -164,7 +168,7 @@ class PinsInteractionHandler {
       }
     });
   }
-  getCusorType() {
+  getCursorType() {
     switch (this.controller.getToolType()) {
       case 'pin-icon':
         return pinCursor;
@@ -197,7 +201,7 @@ class PinsInteractionHandler {
   }
 }
 
-const viewerPinToolCss = ":host{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}";
+const viewerPinToolCss = ":host{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;--viewer-pin-tool-initial-label-offset-x:20;--viewer-pin-tool-initial-label-offset-y:20}";
 
 const ViewerPinTool = class {
   constructor(hostRef) {
@@ -321,10 +325,17 @@ const ViewerPinTool = class {
   }
   setupInteractionHandler() {
     var _a;
+    const hostStyles = window.getComputedStyle(this.hostEl);
+    const xOffset = hostStyles
+      .getPropertyValue('--viewer-pin-tool-initial-label-offset-x')
+      .trim();
+    const yOffset = hostStyles
+      .getPropertyValue('--viewer-pin-tool-initial-label-offset-y')
+      .trim();
     this.clearInteractionHandler();
     if (this.pinController != null) {
       this.registeredInteractionHandler =
-        (_a = this.viewer) === null || _a === void 0 ? void 0 : _a.registerInteractionHandler(new PinsInteractionHandler(this.pinController));
+        (_a = this.viewer) === null || _a === void 0 ? void 0 : _a.registerInteractionHandler(new PinsInteractionHandler(this.pinController, parseInt(xOffset), parseInt(yOffset)));
     }
   }
   clearModelListeners() {

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

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h } from './index-26dfb2d0.js';
 import { c as classnames } from './index-e841d91b.js';

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

@@ -1,15 +1,16 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26dfb2d0.js';
-import { m as matrix4, p as point, v as vector3, r as ray, j as plane, q as quaternion, i as rectangle, h as angle, b as boundingBox } from './bundle.esm-ce2c7ad3.js';
+import { m as matrix4, p as point, v as vector3, r as ray, f as plane, q as quaternion, e as rectangle, c as angle, b as boundingBox } from './bundle.esm-92e615bf.js';
 import { c as classnames } from './index-e841d91b.js';
 import { w as writeDOM, r as readDOM } from './stencil-bfbf099f.js';
-import { c as color, E as EventDispatcher } from './browser.esm-ae4ca1f1.js';
+import { c as color, E as EventDispatcher } from './browser.esm-07e7db8f.js';
 import { c as createCommonjsModule, a as commonjsGlobal, g as getAugmentedNamespace, b as getDefaultExportFromCjs } from './_commonjsHelpers-11ca3be1.js';
-import './streamAttributes-7e8565be.js';
+import './streamAttributes-23270e27.js';
 import './entities-ce81dd7f.js';
-import { V as Viewport } from './viewport-e39e2eba.js';
+import { V as Viewport } from './viewport-f19fc583.js';
+import './bundle.esm-91404853.js';
 
 class TransformController {
   constructor(stream) {
@@ -12494,7 +12495,7 @@ function computeDrawable2dBounds(viewport, ...elements) {
   let max = point.create();
   elements
     .filter((m) => m.points.valid)
-    .map((m) => {
+    .forEach((m) => {
     m.points
       .toArray()
       .map((pt) => viewport.transformNdcPointToViewport(pt))
@@ -13127,6 +13128,7 @@ const ViewerTransformWidget = class {
       });
       if (this.position != null) {
         this.currentTransform = matrix4.makeTranslation(this.position);
+        this.startingTransform = this.currentTransform;
         this.widget.updateTransform(this.currentTransform);
       }
       if (((_b = this.viewer) === null || _b === void 0 ? void 0 : _b.frame) != null) {
@@ -13231,7 +13233,7 @@ const ViewerTransformWidget = class {
     var _a, _b;
     this.currentTransform = this.getTransform(oldPosition, newPosition);
     this.startingTransform = this.currentTransform;
-    console.debug(`Updating widget position [previous=${JSON.stringify(newPosition)}, current=${JSON.stringify(oldPosition)}]`);
+    console.debug(`Updating widget position [previous=${JSON.stringify(oldPosition)}, current=${JSON.stringify(newPosition)}]`);
     (_a = this.widget) === null || _a === void 0 ? void 0 : _a.updateTransform(this.currentTransform);
     if (newPosition == null) {
       (_b = this.controller) === null || _b === void 0 ? void 0 : _b.clearTransform();

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

@@ -1,13 +1,14 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { h, F as Fragment, r as registerInstance, H as Host } from './index-26dfb2d0.js';
-import { v as vector3, q as quaternion, u as euler } from './bundle.esm-ce2c7ad3.js';
+import { v as vector3, q as quaternion, u as euler } from './bundle.esm-92e615bf.js';
 import { r as readDOM } from './stencil-bfbf099f.js';
-import { O as Orientation, e as FramePerspectiveCamera, G as StandardView } from './streamAttributes-7e8565be.js';
+import { O as Orientation, e as FramePerspectiveCamera, S as StandardView } from './streamAttributes-23270e27.js';
 import './entities-ce81dd7f.js';
 import { c as classnames } from './index-e841d91b.js';
-import './browser.esm-ae4ca1f1.js';
+import './bundle.esm-91404853.js';
+import './browser.esm-07e7db8f.js';
 import './_commonjsHelpers-11ca3be1.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -101,11 +102,11 @@ const ViewerViewCube = class {
     /**
      * The label for the side of the cube on the positive x-axis.
      */
-    this.xPositiveLabel = 'Left';
+    this.xPositiveLabel = 'Right';
     /**
      * The label for the side of the cube on the negative x-axis.
      */
-    this.xNegativeLabel = 'Right';
+    this.xNegativeLabel = 'Left';
     /**
      * The label for the side of the cube on the positive y-axis.
      */

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

@@ -1,17 +1,19 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26dfb2d0.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-7e8565be.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-ae4ca1f1.js';
+import { p as point, v as vector3, c as angle, f as plane, r as ray, b as boundingBox, s as matrix2, d as dimensions } from './bundle.esm-92e615bf.js';
+import { t as toProtoDuration, p as protoToDate, S as StreamApi, a as StreamRequestError, c as currentDateAsProtoTimestamp, W as WebSocketClientImpl } from './bundle.esm-91404853.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-07e7db8f.js';
 import { c as classnames } from './index-e841d91b.js';
-import { p as parseConfig } from './config-49688db8.js';
-import { C as CursorManager } from './cursors-a8d4b3f4.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-5b919078.js';
+import { p as parseConfig } from './config-25384fe6.js';
+import { C as CursorManager } from './cursors-127a3bb7.js';
+import { g as getMouseClientPosition, c as cssCursor } from './dom-e436f0c0.js';
+import { c as ImageLoadError, C as CustomError, W as WebsocketConnectionError, S as SceneRenderError, V as ViewerInitializationError, d as InteractionHandlerError, e as ComponentInitializationError, f as IllegalStateError } from './errors-a4cc9caa.js';
+import { k as fromPbStencilBufferOrThrow, l as decodePng, m as DepthBuffer, t as toProtobuf, n as toPbStreamAttributes, o as toPbRGBi, p as fromPbFrameOrThrow, q as fromPbStartStreamResponseOrThrow, r as fromPbReconnectResponseOrThrow, s as fromPbSyncTimeResponseOrThrow, u as fromPbRefreshTokenResponseOrThrow, x as toOrthographic, y as toPerspective } from './streamAttributes-23270e27.js';
 import { E as EntityType } from './entities-ce81dd7f.js';
-import { V as Viewport } from './viewport-e39e2eba.js';
+import { V as Viewport } from './viewport-f19fc583.js';
+import { f as fromUrn, a as SynchronizedClock, d as defaultSelectionMaterial, b as fromHex, S as Scene } from './scene-2543b3bd.js';
 import './_commonjsHelpers-11ca3be1.js';
 
 /**
@@ -1021,9 +1023,11 @@ class BaseInteractionHandler {
     switch (type) {
       case 'rotate':
         this.primaryInteraction = this.rotateInteraction;
+        this.lastPrimaryRotateInteraction = this.rotateInteraction;
         break;
       case 'rotate-point':
         this.primaryInteraction = this.rotatePointInteraction;
+        this.lastPrimaryRotateInteraction = this.rotatePointInteraction;
         break;
       case 'zoom':
         this.primaryInteraction = this.zoomInteraction;
@@ -1098,9 +1102,13 @@ class BaseInteractionHandler {
     }
   }
   beginDrag(event) {
+    var _a;
     if (this.keyboardControls && event.metaKey && event.shiftKey) {
       this.currentInteraction = this.rotatePointInteraction;
     }
+    else if (this.keyboardControls && event.shiftKey && event.altKey) {
+      this.currentInteraction = this.twistInteraction;
+    }
     else if (this.keyboardControls && event.shiftKey) {
       this.currentInteraction = this.zoomInteraction;
     }
@@ -1110,13 +1118,17 @@ class BaseInteractionHandler {
     else if (this.keyboardControls && event.altKey) {
       this.currentInteraction = this.rotateInteraction;
     }
-    if (event.buttons === 1 || event.buttons === 4) {
+    if (event.buttons === 1) {
       this.draggingInteraction =
         this.currentInteraction || this.primaryInteraction;
     }
     else if (event.buttons === 2) {
       this.draggingInteraction = this.panInteraction;
     }
+    else if (event.buttons === 4) {
+      this.draggingInteraction =
+        (_a = this.lastPrimaryRotateInteraction) !== null && _a !== void 0 ? _a : this.rotateInteraction;
+    }
     if (this.draggingInteraction != null &&
       this.interactionApi != null &&
       this.element != null) {
@@ -1385,12 +1397,13 @@ class TwistInteraction extends MouseInteraction {
     super(...arguments);
     this.type = 'twist';
   }
-  beginDrag(event, canvasPosition, api) {
-    this.currentPosition = point.create(event.clientX, event.clientY);
+  beginDrag(event, canvasPosition, api, element) {
+    this.currentPosition = point.create(event.offsetX, event.offsetY);
+    this.canvasRect = element.getBoundingClientRect();
     api.beginInteraction();
   }
   drag(event, api) {
-    const position = point.create(event.clientX, event.clientY);
+    const position = getMouseClientPosition(event, this.canvasRect);
     this.currentPosition = position;
     api.twistCamera(position);
   }
@@ -2156,21 +2169,27 @@ class ViewerStream extends StreamApi {
     }
   }
   async loadIfConnectingOrConnected(urn, state) {
-    const { resource: pResource, queries: pQueries } = state.resource;
+    var _a;
+    const { resource: pResource, subResource: pSubResource } = state.resource;
     const resource = fromUrn(urn);
     const hasResourceChanged = !objects.isEqual(pResource, resource.resource);
-    const hasQueryChanged = !objects.isEqual(pQueries, resource.queries);
-    const hasQuery = resource.queries[0] != null;
+    const hasSubResourceChanged = !objects.isEqual(pSubResource, resource.subResource);
     const isConnecting = state.type === 'connecting' || state.type === 'reconnecting';
     const isConnected = state.type === 'connected';
-    if (hasResourceChanged || (isConnecting && hasQueryChanged)) {
+    const suppliedIdQuery = resource.queries.find((q) => q.type === 'supplied-id');
+    if (hasResourceChanged || (isConnecting && hasSubResourceChanged)) {
       this.disconnect();
       return this.loadIfDisconnected(urn);
     }
-    else if (isConnected && hasQuery && hasQueryChanged) {
-      await this.loadSceneViewState({
-        sceneViewStateId: { hex: resource.queries[0].id },
-      });
+    else if (isConnected &&
+      hasSubResourceChanged &&
+      ((_a = resource.subResource) === null || _a === void 0 ? void 0 : _a.type) === 'scene-view-state') {
+      const payload = Object.assign(Object.assign({}, (resource.subResource.id != null
+        ? { sceneViewStateId: { hex: resource.subResource.id } }
+        : {})), (suppliedIdQuery != null
+        ? { sceneViewStateSuppliedId: { value: suppliedIdQuery.id } }
+        : {}));
+      await this.loadSceneViewState(payload);
       this.updateState(Object.assign(Object.assign({}, state), { resource }));
     }
   }
@@ -2281,14 +2300,20 @@ class ViewerStream extends StreamApi {
     });
   }
   async requestNewStream(resource) {
-    var _a;
+    var _a, _b;
+    const suppliedIdQuery = resource.queries.find((q) => q.type === 'supplied-id');
     const res = fromPbStartStreamResponseOrThrow(await this.startStream({
       streamKey: { value: resource.resource.id },
       dimensions: this.dimensions,
       frameBackgroundColor: toPbColorOrThrow(this.frameBgColor),
       streamAttributes: toPbStreamAttributesOrThrow(this.streamAttributes),
-      sceneViewStateId: ((_a = resource.queries[0]) === null || _a === void 0 ? void 0 : _a.type) === 'scene-view-state'
-        ? { hex: resource.queries[0].id }
+      sceneViewStateId: ((_a = resource.subResource) === null || _a === void 0 ? void 0 : _a.type) === 'scene-view-state' &&
+        resource.subResource.id != null
+        ? { hex: resource.subResource.id }
+        : undefined,
+      sceneViewStateSuppliedId: ((_b = resource.subResource) === null || _b === void 0 ? void 0 : _b.type) === 'scene-view-state' &&
+        suppliedIdQuery != null
+        ? { value: suppliedIdQuery.id }
         : undefined,
     }));
     return {
@@ -2599,13 +2624,9 @@ const Viewer = class {
       (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.containerElement);
     }
     if (this.src != null) {
-      try {
-        this.load(this.src);
-      }
-      catch (e) {
-        // Consumer cannot handle this error. Just log it.
+      this.load(this.src).catch((e) => {
         console.error('Error loading scene', e);
-      }
+      });
     }
     this.initializeDefaultInteractionHandlers();
     this.injectViewerApi();
@@ -2925,7 +2946,7 @@ const Viewer = class {
     this.connectionChange.emit(status);
   }
   handleElementResize(entries) {
-    const dimensionsHaveChanged = entries.length >= 0 &&
+    const dimensionsHaveChanged = entries.length > 0 &&
       this.dimensions != null &&
       !dimensions.isEqual(entries[0].contentRect, this.viewport);
     if (dimensionsHaveChanged) {
@@ -3104,6 +3125,7 @@ const Viewer = class {
   async initializeDefaultInteractionHandlers() {
     var _a;
     await this.initializeDefaultCameraInteractionHandlers();
+    await this.initializeDefaultTapInteractionHandler();
     this.initializeDefaultKeyboardInteractionHandlers();
     if (this.rotateAroundTapPoint) {
       (_a = this.baseInteractionHandler) === null || _a === void 0 ? void 0 : _a.setPrimaryInteractionType('rotate-point');
@@ -3126,32 +3148,25 @@ const Viewer = class {
     var _a, _b;
     this.clearDefaultCameraInteractionHandlers();
     if (this.cameraControls) {
-      // default to pointer events if allowed by browser.
       if (window.PointerEvent != null) {
-        const tapInteractionHandler = new TapInteractionHandler('pointerdown', 'pointerup', 'pointermove', () => this.getResolvedConfig());
         this.baseInteractionHandler =
           (_a = this.baseInteractionHandler) !== null && _a !== void 0 ? _a : new PointerInteractionHandler(() => this.getResolvedConfig());
         const baseDisposable = await this.registerInteractionHandler(this.baseInteractionHandler);
         const multiPointerDisposable = await this.registerInteractionHandler(new MultiPointerInteractionHandler());
-        const tapDisposable = await this.registerInteractionHandler(tapInteractionHandler);
         this.defaultInteractionHandlerDisposables = [
           baseDisposable,
           multiPointerDisposable,
-          tapDisposable,
         ];
       }
       else {
-        const tapInteractionHandler = new TapInteractionHandler('mousedown', 'mouseup', 'mousemove', () => this.getResolvedConfig());
         // fallback to touch events and mouse events as a default
         this.baseInteractionHandler =
           (_b = this.baseInteractionHandler) !== null && _b !== void 0 ? _b : new MouseInteractionHandler(() => this.getResolvedConfig());
         const baseDisposable = await this.registerInteractionHandler(this.baseInteractionHandler);
         const touchDisposable = await this.registerInteractionHandler(new TouchInteractionHandler());
-        const tapDisposable = await this.registerInteractionHandler(tapInteractionHandler);
         this.defaultInteractionHandlerDisposables = [
           baseDisposable,
           touchDisposable,
-          tapDisposable,
         ];
       }
     }
@@ -3168,6 +3183,18 @@ const Viewer = class {
       this.defaultTapKeyInteractions = [flyToPart, flyToPosition];
     }
   }
+  async initializeDefaultTapInteractionHandler() {
+    if (this.tapHandlerDisposable == null) {
+      if (window.PointerEvent != null) {
+        const tapInteractionHandler = new TapInteractionHandler('pointerdown', 'pointerup', 'pointermove', () => this.getResolvedConfig());
+        this.tapHandlerDisposable = await this.registerInteractionHandler(tapInteractionHandler);
+      }
+      else {
+        const tapInteractionHandler = new TapInteractionHandler('mousedown', 'mouseup', 'mousemove', () => this.getResolvedConfig());
+        this.tapHandlerDisposable = await this.registerInteractionHandler(tapInteractionHandler);
+      }
+    }
+  }
   initializeInteractionHandler(handler) {
     if (this.stateMap.interactionTarget == null) {
       throw new InteractionHandlerError('Cannot initialize interaction handler. Interaction target is undefined.');

package/dist/esm/viewer.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, b as bootstrapLazy } from './index-26dfb2d0.js';
 import { g as globalScripts } from './app-globals-40df99a0.js';
@@ -72,5 +72,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy([["vertex-viewer-pin-tool",[[1,"vertex-viewer-pin-tool",{"pinController":[1040],"pinModel":[16],"viewer":[16],"tool":[1025],"mode":[1025],"primaryColor":[1025,"primary-color"],"accentColor":[1025,"accent-color"],"pins":[32],"selectedPinId":[32],"elementBounds":[32],"projectionViewMatrix":[32]}]]],["vertex-scene-tree",[[1,"vertex-scene-tree",{"overScanCount":[2,"over-scan-count"],"viewerSelector":[1,"viewer-selector"],"viewer":[1040],"rowData":[16],"config":[1],"configEnv":[1,"config-env"],"controller":[1040],"metadataSearchExactMatch":[1028,"metadata-search-exact-match"],"metadataSearchKeys":[1040],"metadataKeys":[16],"rows":[32],"totalRows":[32],"showLoader":[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-default-toolbar",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["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-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-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-viewer-measurement-precise",[[1,"vertex-viewer-measurement-precise",{"measurementModel":[16],"measurementOverlays":[16],"measurementController":[1040],"measurableEntityTypes":[16],"viewer":[16],"configEnv":[1,"config-env"],"config":[1]}]]],["vertex-scene-tree-table-cell",[[1,"vertex-scene-tree-table-cell",{"node":[16],"tree":[16],"value":[1],"placeholder":[1],"hovered":[1028],"isScrolling":[4,"is-scrolling"],"expandToggle":[4,"expand-toggle"],"visibilityToggle":[4,"visibility-toggle"],"selectionHandler":[16],"visibilityHandler":[16],"expansionHandler":[16],"hoverController":[16]}]]],["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"],"experimentalRenderingOptions":[1,"experimental-rendering-options"],"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_DEPRECATED":[64],"addCursor":[64],"getInteractionHandlers":[64],"getKeyInteractions":[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-pin-group",[[0,"vertex-viewer-pin-group",{"pin":[16],"matrix":[1040],"projectionViewMatrix":[16],"elementBounds":[1040],"pinModel":[16],"pinController":[16],"selected":[4],"invalidateStateCounter":[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-layer",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["vertex-viewer-spinner",[[1,"vertex-viewer-spinner",{"size":[1]}]]],["vertex-viewer-icon",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["vertex-scene-tree-search_3",[[1,"vertex-scene-tree-search",{"debounce":[2],"disabled":[4],"placeholder":[1],"controller":[16],"value":[1025],"focused":[32],"isSearching":[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],"isComputingCellHeight":[32],"lastDividerPointerPosition":[32],"resizingColumnIndex":[32],"isScrolling":[32],"scrollTimer":[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-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],"pin":[16]}]]],["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"]}]]],["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],"dispose":[64]}],[1,"vertex-viewer-markup-circle",{"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-freeform",{"points":[1040],"pointsJson":[1,"points"],"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"screenPoints":[32],"dispose":[64]}]]]], options);
+  return bootstrapLazy(JSON.parse("[[\"vertex-viewer-pin-tool\",[[1,\"vertex-viewer-pin-tool\",{\"pinController\":[1040],\"pinModel\":[16],\"viewer\":[16],\"tool\":[1025],\"mode\":[1025],\"primaryColor\":[1025,\"primary-color\"],\"accentColor\":[1025,\"accent-color\"],\"pins\":[32],\"selectedPinId\":[32],\"elementBounds\":[32],\"projectionViewMatrix\":[32]}]]],[\"vertex-scene-tree\",[[1,\"vertex-scene-tree\",{\"overScanCount\":[2,\"over-scan-count\"],\"viewerSelector\":[1,\"viewer-selector\"],\"viewer\":[1040],\"rowData\":[16],\"config\":[1],\"configEnv\":[1,\"config-env\"],\"controller\":[1040],\"metadataSearchExactMatch\":[1028,\"metadata-search-exact-match\"],\"metadataSearchKeys\":[1040],\"metadataKeys\":[16],\"rows\":[32],\"totalRows\":[32],\"showLoader\":[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-default-toolbar\",[[1,\"vertex-viewer-default-toolbar\",{\"viewer\":[16],\"placement\":[1],\"direction\":[1],\"animationsDisabled\":[4,\"animations-disabled\"],\"animationMs\":[2,\"animation-ms\"]}]]],[\"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-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-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-viewer-measurement-precise\",[[1,\"vertex-viewer-measurement-precise\",{\"measurementModel\":[16],\"measurementOverlays\":[16],\"measurementController\":[1040],\"measurableEntityTypes\":[16],\"viewer\":[16],\"configEnv\":[1,\"config-env\"],\"config\":[1]}]]],[\"vertex-viewer-box-query-tool\",[[1,\"vertex-viewer-box-query-tool\",{\"viewer\":[16],\"controller\":[1040],\"model\":[1040],\"operationType\":[1,\"operation-type\"],\"mode\":[1],\"details\":[32]}]]],[\"vertex-scene-tree-table-cell\",[[1,\"vertex-scene-tree-table-cell\",{\"node\":[16],\"tree\":[16],\"value\":[1],\"placeholder\":[1],\"hovered\":[1028],\"isScrolling\":[4,\"is-scrolling\"],\"expandToggle\":[4,\"expand-toggle\"],\"visibilityToggle\":[4,\"visibility-toggle\"],\"selectionHandler\":[16],\"visibilityHandler\":[16],\"expansionHandler\":[16],\"hoverController\":[16]}]]],[\"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\"],\"experimentalRenderingOptions\":[1,\"experimental-rendering-options\"],\"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_DEPRECATED\":[64],\"addCursor\":[64],\"getInteractionHandlers\":[64],\"getKeyInteractions\":[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]}]]],[\"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-spinner\",[[1,\"vertex-viewer-spinner\",{\"size\":[1]}]]],[\"vertex-scene-tree-search_3\",[[1,\"vertex-scene-tree-search\",{\"debounce\":[2],\"disabled\":[4],\"placeholder\":[1],\"controller\":[16],\"value\":[1025],\"focused\":[32],\"isSearching\":[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],\"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],\"pin\":[16]}]]],[\"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\"]}]]],[\"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],\"dispose\":[64]}],[1,\"vertex-viewer-markup-circle\",{\"bounds\":[1040],\"boundsJson\":[1,\"bounds\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"dispose\":[64]}],[1,\"vertex-viewer-markup-freeform\",{\"points\":[1040],\"pointsJson\":[1,\"points\"],\"bounds\":[1040],\"boundsJson\":[1,\"bounds\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"screenPoints\":[32],\"dispose\":[64]}]]]]"), options);
 });

package/dist/esm/{viewport-e39e2eba.js → viewport-f19fc583.js}

@@ -1,7 +1,7 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 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-ce2c7ad3.js';
+import { d as dimensions, p as point, v as vector3, r as ray, e as rectangle } from './bundle.esm-92e615bf.js';
 
 /**
  * A `Viewport` represents the drawing area in the viewer.