@vertexvis/viewer 0.15.2-testing.3 → 0.15.2

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

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -9,7 +9,7 @@ const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const index$1 = require('./index-b9d13137.js');
 const dom = require('./dom-8d90bfaf.js');
-const model = require('./model-b61f4d20.js');
+const model = require('./model-19fb560a.js');
 const stencil = require('./stencil-fc92b387.js');
 require('./_commonjsHelpers-dcc4cf71.js');
 require('./browser.esm-5d246754.js');
@@ -40,12 +40,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) => {
@@ -64,6 +67,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 = dom.getMouseClientPosition(event, this.elementBounds);
         const relative = model.translatePointToRelative(point, this.elementBounds);
         const relativeDelta = bundle_esm.point.subtract(relative, this.relativePointerDownPosition);
@@ -108,12 +113,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() {
@@ -190,7 +192,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/cjs/vertex-viewer-pin-tool.cjs.entry.js

@@ -1,22 +1,22 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
-const model = require('./model-b61f4d20.js');
+const model = require('./model-19fb560a.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const browser_esm = require('./browser.esm-5d246754.js');
-const cursors = require('./cursors-85d403e9.js');
+const cursors = require('./cursors-02a06ec9.js');
 const dom = require('./dom-8d90bfaf.js');
 const elementRectObserver = require('./elementRectObserver-9b28f182.js');
 const entities = require('./entities-9eb7e608.js');
 const dom$1 = require('./dom-d1bbd67c.js');
 
 class PinsInteractionHandler {
-  constructor(controller) {
+  constructor(controller, xOffset, yOffset) {
     this.rectObserver = new elementRectObserver.ElementRectObserver();
     this.droppableSurfaces = [
       entities.EntityType.PRECISE_SURFACE,
@@ -32,7 +32,7 @@ class PinsInteractionHandler {
       if (this.controller.getDraggable() == null &&
         this.controller.getToolMode() === 'edit' &&
         isDroppableSurface) {
-        this.addCursor(this.getCusorType());
+        this.addCursor(this.getCursorType());
       }
       else {
         this.clearCursor();
@@ -86,6 +86,8 @@ class PinsInteractionHandler {
       }
     };
     this.controller = controller;
+    this.xOffset = xOffset;
+    this.yOffset = yOffset;
   }
   get elementRect() {
     return this.rectObserver.rect;
@@ -119,7 +121,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 = model.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 &&
@@ -145,6 +146,8 @@ class PinsInteractionHandler {
               });
               break;
             case 'pin-text':
+              const isNewPin = existingPin == null;
+              const relativePoint = model.translatePointToRelative(pt, this.elementRect, isNewPin, this.xOffset, this.yOffset);
               this.controller.setPin({
                 type: 'text',
                 id: pinId,
@@ -159,6 +162,7 @@ class PinsInteractionHandler {
                 },
                 attributes,
               });
+              this.controller.setSelectedPinId(pinId);
               break;
           }
         }
@@ -168,7 +172,7 @@ class PinsInteractionHandler {
       }
     });
   }
-  getCusorType() {
+  getCursorType() {
     switch (this.controller.getToolType()) {
       case 'pin-icon':
         return cursors.pinCursor;
@@ -201,7 +205,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) {
@@ -325,10 +329,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/cjs/vertex-viewer-spinner.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

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

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -11,9 +11,10 @@ const index$1 = require('./index-b9d13137.js');
 const stencil = require('./stencil-fc92b387.js');
 const browser_esm = require('./browser.esm-5d246754.js');
 const _commonjsHelpers = require('./_commonjsHelpers-dcc4cf71.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-cf0c513d.js');
 require('./entities-9eb7e608.js');
 const viewport = require('./viewport-5ca619f7.js');
+require('./bundle.esm-b43c197a.js');
 
 class TransformController {
   constructor(stream) {
@@ -12498,7 +12499,7 @@ function computeDrawable2dBounds(viewport, ...elements) {
   let max = bundle_esm.point.create();
   elements
     .filter((m) => m.points.valid)
-    .map((m) => {
+    .forEach((m) => {
     m.points
       .toArray()
       .map((pt) => viewport.transformNdcPointToViewport(pt))
@@ -13131,6 +13132,7 @@ const ViewerTransformWidget = class {
       });
       if (this.position != null) {
         this.currentTransform = bundle_esm.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) {
@@ -13235,7 +13237,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/cjs/vertex-viewer-view-cube.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -8,9 +8,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const stencil = require('./stencil-fc92b387.js');
-const streamAttributes = require('./streamAttributes-c64aee75.js');
+const streamAttributes = require('./streamAttributes-cf0c513d.js');
 require('./entities-9eb7e608.js');
 const index$1 = require('./index-b9d13137.js');
+require('./bundle.esm-b43c197a.js');
 require('./browser.esm-5d246754.js');
 require('./_commonjsHelpers-dcc4cf71.js');
 
@@ -105,11 +106,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/cjs/vertex-viewer.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -7,15 +7,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
-const streamAttributes = require('./streamAttributes-c64aee75.js');
+const bundle_esm$1 = require('./bundle.esm-b43c197a.js');
 const browser_esm = require('./browser.esm-5d246754.js');
 const index$1 = require('./index-b9d13137.js');
-const config = require('./config-6e330a82.js');
-const cursors = require('./cursors-85d403e9.js');
+const config = require('./config-3fc1c093.js');
+const cursors = require('./cursors-02a06ec9.js');
 const dom = require('./dom-8d90bfaf.js');
-const scene = require('./scene-56438693.js');
+const errors = require('./errors-1b37642b.js');
+const streamAttributes = require('./streamAttributes-cf0c513d.js');
 const entities = require('./entities-9eb7e608.js');
 const viewport = require('./viewport-5ca619f7.js');
+const scene = require('./scene-a94e6fa5.js');
 require('./_commonjsHelpers-dcc4cf71.js');
 
 /**
@@ -264,7 +266,7 @@ class FlyToPartKeyInteraction {
       await this.stream.flyTo({
         itemId: hitResult.hitItems.hits[0].itemId,
         animation: {
-          duration: streamAttributes.toProtoDuration(this.configProvider().animation.durationMs),
+          duration: bundle_esm$1.toProtoDuration(this.configProvider().animation.durationMs),
         },
       });
     }
@@ -926,7 +928,7 @@ class FlyToPositionKeyInteraction {
           })
             .toFrameCamera()),
           animation: {
-            duration: streamAttributes.toProtoDuration(this.configProvider().animation.durationMs),
+            duration: bundle_esm$1.toProtoDuration(this.configProvider().animation.durationMs),
           },
         });
       }
@@ -1025,9 +1027,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;
@@ -1102,9 +1106,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;
     }
@@ -1114,13 +1122,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) {
@@ -1389,12 +1401,13 @@ class TwistInteraction extends MouseInteraction {
     super(...arguments);
     this.type = 'twist';
   }
-  beginDrag(event, canvasPosition, api) {
-    this.currentPosition = bundle_esm.point.create(event.clientX, event.clientY);
+  beginDrag(event, canvasPosition, api, element) {
+    this.currentPosition = bundle_esm.point.create(event.offsetX, event.offsetY);
+    this.canvasRect = element.getBoundingClientRect();
     api.beginInteraction();
   }
   drag(event, api) {
-    const position = bundle_esm.point.create(event.clientX, event.clientY);
+    const position = dom.getMouseClientPosition(event, this.canvasRect);
     this.currentPosition = position;
     api.twistCamera(position);
   }
@@ -1891,7 +1904,7 @@ function loadImageBytesAsImageElement(imageData) {
       URL.revokeObjectURL(blobUrl);
     });
     image.addEventListener('error', () => {
-      reject(new scene.ImageLoadError('Failed to load image data'));
+      reject(new errors.ImageLoadError('Failed to load image data'));
       URL.revokeObjectURL(blobUrl);
     });
     image.src = blobUrl;
@@ -2038,8 +2051,8 @@ function calculateSendToReceiveDuration(clockProvider) {
     const clock = clockProvider();
     if (clock != null) {
       const receivedAt = clock.remoteTime(new Date(Date.now()));
-      const duration = streamAttributes.toProtoDuration(sentAt, receivedAt);
-      const durationInMs = streamAttributes.protoToDate(duration).getTime();
+      const duration = bundle_esm$1.toProtoDuration(sentAt, receivedAt);
+      const durationInMs = bundle_esm$1.protoToDate(duration).getTime();
       if (durationInMs >= 0) {
         return duration;
       }
@@ -2064,7 +2077,7 @@ function calculateSendToReceiveDuration(clockProvider) {
 function acknowledgeFrameRequests(api, clockProvider) {
   const sendToReceiveDuration = calculateSendToReceiveDuration(clockProvider);
   return ifRequestId((reqId) => ifDrawFrame((_) => (req) => {
-    const sentAt = streamAttributes.protoToDate(req.sentAtTime);
+    const sentAt = bundle_esm$1.protoToDate(req.sentAtTime);
     if (sentAt != null) {
       api.replyResult(reqId, {
         drawFrame: {
@@ -2096,7 +2109,7 @@ function getStorageEntry(key, f, storage = window.localStorage) {
   }
 }
 
-class ViewerStream extends streamAttributes.StreamApi {
+class ViewerStream extends bundle_esm$1.StreamApi {
   constructor(ws, opts = {}) {
     var _a, _b, _c;
     super(ws, { loggingEnabled: opts.loggingEnabled });
@@ -2160,21 +2173,27 @@ class ViewerStream extends streamAttributes.StreamApi {
     }
   }
   async loadIfConnectingOrConnected(urn, state) {
-    const { resource: pResource, queries: pQueries } = state.resource;
+    var _a;
+    const { resource: pResource, subResource: pSubResource } = state.resource;
     const resource = scene.fromUrn(urn);
     const hasResourceChanged = !browser_esm.objects.isEqual(pResource, resource.resource);
-    const hasQueryChanged = !browser_esm.objects.isEqual(pQueries, resource.queries);
-    const hasQuery = resource.queries[0] != null;
+    const hasSubResourceChanged = !browser_esm.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 }));
     }
   }
@@ -2183,14 +2202,14 @@ class ViewerStream extends streamAttributes.StreamApi {
       await this.connectWithNewStream(scene.fromUrn(urn));
     }
     catch (e) {
-      if (e instanceof scene.CustomError) {
+      if (e instanceof errors.CustomError) {
         this.updateState({
           type: 'connection-failed',
           message: `Cannot load scene. ${e.message}`,
           error: e,
         });
       }
-      else if (e instanceof streamAttributes.StreamRequestError) {
+      else if (e instanceof bundle_esm$1.StreamRequestError) {
         this.updateState({
           type: 'connection-failed',
           message: `Cannot load scene. Stream request failed to start stream.`,
@@ -2232,7 +2251,7 @@ class ViewerStream extends streamAttributes.StreamApi {
       maxRetries,
       delaysInMs: ViewerStream.WS_RECONNECT_DELAYS,
     })).catch((e) => {
-      throw new scene.WebsocketConnectionError('Websocket connection failed.', e instanceof Error ? e : undefined);
+      throw new errors.WebsocketConnectionError('Websocket connection failed.', e instanceof Error ? e : undefined);
     });
     if (!connection.aborted) {
       return this.requestNewOrExistingStream(resource, connection.result, requestStream);
@@ -2285,14 +2304,20 @@ class ViewerStream extends streamAttributes.StreamApi {
     });
   }
   async requestNewStream(resource) {
-    var _a;
+    var _a, _b;
+    const suppliedIdQuery = resource.queries.find((q) => q.type === 'supplied-id');
     const res = streamAttributes.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 {
@@ -2317,7 +2342,7 @@ class ViewerStream extends streamAttributes.StreamApi {
   }
   async requestClock() {
     const remoteTime = streamAttributes.fromPbSyncTimeResponseOrThrow(await this.syncTime({
-      requestTime: streamAttributes.currentDateAsProtoTimestamp(),
+      requestTime: bundle_esm$1.currentDateAsProtoTimestamp(),
     }));
     return new scene.SynchronizedClock(remoteTime);
   }
@@ -2411,7 +2436,7 @@ class ViewerStream extends streamAttributes.StreamApi {
       }));
     }
     catch (e) {
-      throw new scene.SceneRenderError(`Frame timed out after ${timeoutInSeconds / 1000}s`, e instanceof Error ? e : undefined);
+      throw new errors.SceneRenderError(`Frame timed out after ${timeoutInSeconds / 1000}s`, e instanceof Error ? e : undefined);
     }
     finally {
       disposable === null || disposable === void 0 ? void 0 : disposable.dispose();
@@ -2586,7 +2611,7 @@ const Viewer = class {
     this.resizeObserver = new ResizeObserver(this.handleElementResize);
     this.registerSlotChangeListeners();
     this.stream =
-      (_a = this.stream) !== null && _a !== void 0 ? _a : new ViewerStream(new streamAttributes.WebSocketClientImpl(), {
+      (_a = this.stream) !== null && _a !== void 0 ? _a : new ViewerStream(new bundle_esm$1.WebSocketClientImpl(), {
         loggingEnabled: this.getResolvedConfig().flags.logWsMessages,
       });
     this.addStreamListeners();
@@ -2603,13 +2628,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();
@@ -2886,7 +2907,7 @@ const Viewer = class {
       this.sceneReady.emit();
     }
     else {
-      throw new scene.ViewerInitializationError('Cannot load scene. Viewer has not been initialized.');
+      throw new errors.ViewerInitializationError('Cannot load scene. Viewer has not been initialized.');
     }
   }
   /**
@@ -2929,7 +2950,7 @@ const Viewer = class {
     this.connectionChange.emit(status);
   }
   handleElementResize(entries) {
-    const dimensionsHaveChanged = entries.length >= 0 &&
+    const dimensionsHaveChanged = entries.length > 0 &&
       this.dimensions != null &&
       !bundle_esm.dimensions.isEqual(entries[0].contentRect, this.viewport);
     if (dimensionsHaveChanged) {
@@ -2999,7 +3020,7 @@ const Viewer = class {
     if (this.stateMap.streamState.type === 'connected') {
       const payload = {
         timings: timings.map((t) => ({
-          receiveToPaintDuration: streamAttributes.toProtoDuration(t.duration),
+          receiveToPaintDuration: bundle_esm$1.toProtoDuration(t.duration),
         })),
       };
       this.getStream().recordPerformance(payload, false);
@@ -3108,6 +3129,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');
@@ -3130,32 +3152,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,
         ];
       }
     }
@@ -3172,18 +3187,30 @@ 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 scene.InteractionHandlerError('Cannot initialize interaction handler. Interaction target is undefined.');
+      throw new errors.InteractionHandlerError('Cannot initialize interaction handler. Interaction target is undefined.');
     }
     if (this.interactionApi == null) {
-      throw new scene.InteractionHandlerError('Cannot initialize interaction handler. Interaction APi is undefined.');
+      throw new errors.InteractionHandlerError('Cannot initialize interaction handler. Interaction APi is undefined.');
     }
     handler.initialize(this.stateMap.interactionTarget, this.interactionApi);
   }
   createInteractionApi() {
     if (this.stream == null) {
-      throw new scene.ComponentInitializationError('Cannot create interaction API. Component has not been initialized.');
+      throw new errors.ComponentInitializationError('Cannot create interaction API. Component has not been initialized.');
     }
     return this.frame == null || this.frame.scene.camera.isPerspective()
       ? new InteractionApiPerspective(this.stream, this.stateMap.cursorManager, () => this.getResolvedConfig().interactions, () => this.createScene(), () => this.frame, () => this.viewport, this.tap, this.doubletap, this.longpress, this.interactionStarted, this.interactionFinished)
@@ -3196,7 +3223,7 @@ const Viewer = class {
   }
   createScene() {
     if (this.stateMap.streamState.type !== 'connected') {
-      throw new scene.IllegalStateError('Cannot create scene. Viewer stream is not connected.');
+      throw new errors.IllegalStateError('Cannot create scene. Viewer stream is not connected.');
     }
     const { frame, sceneId, sceneViewId, worldOrientation } = this.stateMap.streamState;
     const selectionMaterial = typeof this.selectionMaterial === 'string'