@vertexvis/viewer 0.22.0-canary.3 → 0.22.0-testing.0

package/dist/components/vertex-viewer.js

@@ -13,10 +13,10 @@ import { r as requestUnary, c as createMetadata, a as requestPaged } from './grp
 import { l as fromPbStencilBufferOrThrow, m as decodePng, n as DepthBuffer, o as fromPbStringValue, j as fromPbVector3f, E as EntityType, u as updateLookAtRelativeToBoundingBoxCenter, t as toProtobuf, p as toPbStreamAttributes, q as toPbRGBi, r as fromPbFrameOrThrow, s as fromPbStartStreamResponseOrThrow, x as fromPbReconnectResponseOrThrow, y as fromPbSyncTimeResponseOrThrow, z as fromPbRefreshTokenResponseOrThrow, B as copySummaryIfInvalid, C as toOrthographic, G as toPerspective } from './streamAttributes.js';
 import { p as parseConfig } from './config.js';
 import { C as CursorManager } from './cursors.js';
-import { g as getMouseClientPosition, c as cssCursor } from './dom.js';
+import { c as cssCursor } from './dom.js';
 import { V as Viewport } from './viewport.js';
-import { B as BaseInteractionHandler, M as MultiElementInteractionHandler } from './multiElementInteractionHandler.js';
-import { h as fromUrn, g as SynchronizedClock, S as Scene } from './queries.js';
+import { h as RotateInteraction, i as RotatePointInteraction, Z as ZoomInteraction, j as PanInteraction, T as TwistInteraction, k as PivotInteraction, m as fromUrn, g as SynchronizedClock, P as PointerInteractionHandler, S as Scene } from './queries.js';
+import { B as BaseInteractionHandler } from './multiElementInteractionHandler.js';
 import { w as writeDOM } from './stencil.js';
 
 /**
@@ -1250,215 +1250,6 @@ class FlyToPositionKeyInteraction {
   }
 }
 
-class MouseInteraction {
-  setPosition(position) {
-    this.currentPosition = position;
-  }
-  getPosition() {
-    return this.currentPosition;
-  }
-  getType() {
-    return this.type;
-  }
-  beginDrag(event, canvasPosition, api, element) {
-    // noop
-  }
-  drag(event, api) {
-    // noop
-  }
-  endDrag(event, api) {
-    if (this.currentPosition != null) {
-      api.endInteraction();
-      this.currentPosition = undefined;
-    }
-  }
-  zoom(delta, api) {
-    // noop
-  }
-}
-class RotateInteraction extends MouseInteraction {
-  constructor() {
-    super(...arguments);
-    this.type = 'rotate';
-  }
-  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.rotateCamera(delta);
-      this.currentPosition = position;
-    }
-  }
-  endDrag(event, api) {
-    super.endDrag(event, api);
-  }
-}
-class RotatePointInteraction extends MouseInteraction {
-  constructor() {
-    super(...arguments);
-    this.type = 'rotate-point';
-  }
-  beginDrag(event, canvasPosition, api) {
-    if (this.currentPosition == null) {
-      this.currentPosition = point.create(event.screenX, event.screenY);
-      this.startingPosition = canvasPosition;
-      api.beginInteraction();
-    }
-  }
-  drag(event, api) {
-    if (this.currentPosition != null && this.startingPosition != null) {
-      const position = point.create(event.screenX, event.screenY);
-      const delta = point.subtract(position, this.currentPosition);
-      api.rotateCameraAtPoint(delta, this.startingPosition);
-      this.currentPosition = position;
-    }
-  }
-  endDrag(event, api) {
-    super.endDrag(event, api);
-  }
-}
-class ZoomInteraction extends MouseInteraction {
-  constructor(interactionTimeout = 1000) {
-    super();
-    this.interactionTimeout = interactionTimeout;
-    this.type = 'zoom';
-    this.didTransformBegin = false;
-  }
-  beginDrag(event, canvasPosition, api, element) {
-    if (this.currentPosition == null) {
-      this.currentPosition = point.create(event.clientX, event.clientY);
-      const rect = element.getBoundingClientRect();
-      const point$1 = getMouseClientPosition(event, rect);
-      this.startPt = point$1;
-      api.beginInteraction();
-    }
-  }
-  drag(event, api) {
-    if (this.currentPosition != null) {
-      const position = point.create(event.clientX, event.clientY);
-      const delta = point.subtract(position, this.currentPosition);
-      if (this.startPt != null) {
-        api.zoomCameraToPoint(this.startPt, delta.y);
-        this.currentPosition = position;
-      }
-    }
-  }
-  endDrag(event, api) {
-    super.endDrag(event, api);
-    this.stopInteractionTimer();
-    this.didTransformBegin = false;
-    this.startPt = undefined;
-  }
-  zoom(delta, api) {
-    this.operateWithTimer(api, () => api.zoomCamera(delta));
-  }
-  zoomToPoint(pt, delta, api) {
-    this.operateWithTimer(api, () => api.zoomCameraToPoint(pt, delta));
-  }
-  beginInteraction(api) {
-    this.didTransformBegin = true;
-    api.beginInteraction();
-  }
-  endInteraction(api) {
-    this.didTransformBegin = false;
-    api.endInteraction();
-  }
-  resetInteractionTimer(api) {
-    this.stopInteractionTimer();
-    this.startInteractionTimer(api);
-  }
-  startInteractionTimer(api) {
-    this.interactionTimer = window.setTimeout(() => {
-      this.interactionTimer = undefined;
-      this.endInteraction(api);
-    }, this.interactionTimeout);
-  }
-  stopInteractionTimer() {
-    if (this.interactionTimer != null) {
-      window.clearTimeout(this.interactionTimer);
-      this.interactionTimer = undefined;
-    }
-  }
-  operateWithTimer(api, f) {
-    if (!this.didTransformBegin) {
-      this.beginInteraction(api);
-    }
-    this.resetInteractionTimer(api);
-    f();
-  }
-}
-class PanInteraction extends MouseInteraction {
-  constructor() {
-    super(...arguments);
-    this.type = 'pan';
-  }
-  beginDrag(event, canvasPosition, api, element) {
-    if (this.currentPosition == null) {
-      this.currentPosition = point.create(event.screenX, event.screenY);
-      this.canvasRect = element.getBoundingClientRect();
-      api.beginInteraction();
-    }
-  }
-  drag(event, api) {
-    if (this.currentPosition != null && this.canvasRect != null) {
-      const position = getMouseClientPosition(event, this.canvasRect);
-      api.panCameraToScreenPoint(position);
-      this.currentPosition = position;
-    }
-  }
-  endDrag(event, api) {
-    super.endDrag(event, api);
-  }
-}
-class TwistInteraction extends MouseInteraction {
-  constructor() {
-    super(...arguments);
-    this.type = 'twist';
-  }
-  beginDrag(event, canvasPosition, api, element) {
-    this.currentPosition = point.create(event.offsetX, event.offsetY);
-    this.canvasRect = element.getBoundingClientRect();
-    api.beginInteraction();
-  }
-  drag(event, api) {
-    const position = getMouseClientPosition(event, this.canvasRect);
-    this.currentPosition = position;
-    api.twistCamera(position);
-  }
-  endDrag(event, api) {
-    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(), pivotInteraction = new PivotInteraction()) {
     super('mousedown', 'mouseup', 'mousemove', rotateInteraction, rotatePointInteraction, zoomInteraction, panInteraction, twistInteraction, pivotInteraction, getConfig);
@@ -1616,50 +1407,6 @@ class MultiPointerInteractionHandler extends MultiTouchInteractionHandler {
   }
 }
 
-class PointerInteractionHandler extends MultiElementInteractionHandler {
-  constructor(getConfig, rotateInteraction = new RotateInteraction(), rotatePointInteraction = new RotatePointInteraction(), zoomInteraction = new ZoomInteraction(), panInteraction = new PanInteraction(), twistInteraction = new TwistInteraction(), pivotInteraction = new PivotInteraction()) {
-    super('pointerdown', 'pointerup', 'pointermove', rotateInteraction, rotatePointInteraction, zoomInteraction, panInteraction, twistInteraction, pivotInteraction, getConfig);
-    this.touchPoints = new Set();
-    this.handlePointerDown = this.handlePointerDown.bind(this);
-    this.handlePointerUp = this.handlePointerUp.bind(this);
-  }
-  initialize(element, api) {
-    super.initialize(element, api);
-    element.addEventListener('pointerdown', this.handlePointerDown);
-  }
-  addEventListenersToElement(element) {
-    element.addEventListener(this.downEvent, this.handleDownEvent);
-    element.addEventListener('wheel', this.handleMouseWheel, {
-      passive: false,
-    });
-    return {
-      dispose: () => {
-        element.removeEventListener(this.downEvent, this.handleDownEvent);
-        element.removeEventListener('wheel', this.handleMouseWheel);
-      },
-    };
-  }
-  handlePointerDown(event) {
-    this.downPosition = point.create(event.screenX, event.screenY);
-    this.touchPoints.add(event.pointerId);
-    if (this.touchPoints.size === 1) {
-      window.addEventListener('pointerup', this.handlePointerUp);
-    }
-    if (this.touchPoints.size === 2) {
-      this.disableIndividualInteractions = true;
-    }
-  }
-  handlePointerUp(event) {
-    this.touchPoints.delete(event.pointerId);
-    if (this.touchPoints.size < 2) {
-      this.disableIndividualInteractions = false;
-    }
-    if (this.touchPoints.size === 0) {
-      window.removeEventListener('pointerup', this.handlePointerUp);
-    }
-  }
-}
-
 class TapInteractionHandler {
   constructor(downEvent, upEvent, moveEvent, getConfig) {
     this.downEvent = downEvent;