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

package/dist/components/queries.js

@@ -1,9 +1,11 @@
 /*!
  * Copyright (c) 2024 Vertex Software LLC. All rights reserved.
  */
+import { p as point, b as boundingBox, v as vector3, m as matrix4, q as quaternion, r as ray, a as boundingSphere, d as dimensions } from './bundle.esm.js';
+import { g as getMouseClientPosition } from './dom.js';
+import { M as MultiElementInteractionHandler } from './multiElementInteractionHandler.js';
 import { c as color, u as uri, a as async, b as uuid } from './browser.esm.js';
 import { I as InvalidResourceUrnError, a as InvalidArgumentError, b as InvalidCameraError } from './errors.js';
-import { b as boundingBox, v as vector3, m as matrix4, q as quaternion, r as ray, a as boundingSphere, p as point, d as dimensions } from './bundle.esm.js';
 import { t as toProtobuf, v as vertexvis, w as withPositionAndViewVector, h as fromBoundingBoxAndLookAtCamera, f as FramePerspectiveCamera, i as constrainViewVector, u as updateLookAtRelativeToBoundingBoxCenter, e as FrameOrthographicCamera } from './streamAttributes.js';
 import { r as representation_pb } from './scene_view_api_pb.js';
 import { t as toProtoDuration } from './bundle.esm2.js';
@@ -66,6 +68,271 @@ const colorMaterial = /*#__PURE__*/Object.freeze({
   fromHex: fromHex
 });
 
+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;
+      }
+    }
+  }
+  setInteractionTimeout(ms) {
+    this.interactionTimeout = ms;
+  }
+  getInteractionTimeout() {
+    return this.interactionTimeout;
+  }
+  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 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);
+  }
+  setZoomInteractionTimeout(ms) {
+    this.zoomInteraction.setInteractionTimeout(ms);
+  }
+  getZoomInteractionTimeout() {
+    return this.zoomInteraction.getInteractionTimeout();
+  }
+  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);
+    }
+  }
+}
+
 function fromUrn(urn) {
   var _a;
   const uri$1 = uri.parse(urn);
@@ -2371,6 +2638,6 @@ class SceneItemQueryExecutor {
   }
 }
 
-export { Camera as C, Raycaster as R, Scene as S, CrossSectioner as a, RootQuery as b, colorMaterial as c, SceneItemOperationsBuilder as d, SceneItemQueryExecutor as e, SceneOperationBuilder as f, SynchronizedClock as g, fromUrn as h, loadableResource as l, sceneViewStateIdentifier as s };
+export { Camera as C, PointerInteractionHandler as P, Raycaster as R, Scene as S, TwistInteraction as T, ZoomInteraction as Z, CrossSectioner as a, RootQuery as b, colorMaterial as c, SceneItemOperationsBuilder as d, SceneItemQueryExecutor as e, SceneOperationBuilder as f, SynchronizedClock as g, RotateInteraction as h, RotatePointInteraction as i, PanInteraction as j, PivotInteraction as k, loadableResource as l, fromUrn as m, sceneViewStateIdentifier as s };
 
 //# sourceMappingURL=queries.js.map