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

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

@@ -20,8 +20,8 @@ const cursors = require('./cursors-c6212c17.js');
 const dom = require('./dom-4344863c.js');
 const entities = require('./entities-551add54.js');
 const viewport = require('./viewport-75a235f6.js');
+const queries = require('./queries-918bb133.js');
 const multiElementInteractionHandler = require('./multiElementInteractionHandler-93bd9593.js');
-const queries = require('./queries-d9cd5ec1.js');
 const stencil = require('./stencil-19c0fc00.js');
 require('./wrappers_pb-1f2f4854.js');
 require('./_commonjsHelpers-756e53d6.js');
@@ -1258,217 +1258,8 @@ 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 = bundle_esm.point.create(event.screenX, event.screenY);
-      api.beginInteraction();
-    }
-  }
-  drag(event, api) {
-    if (this.currentPosition != null) {
-      const position = bundle_esm.point.create(event.screenX, event.screenY);
-      const delta = bundle_esm.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 = bundle_esm.point.create(event.screenX, event.screenY);
-      this.startingPosition = canvasPosition;
-      api.beginInteraction();
-    }
-  }
-  drag(event, api) {
-    if (this.currentPosition != null && this.startingPosition != null) {
-      const position = bundle_esm.point.create(event.screenX, event.screenY);
-      const delta = bundle_esm.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 = bundle_esm.point.create(event.clientX, event.clientY);
-      const rect = element.getBoundingClientRect();
-      const point = dom.getMouseClientPosition(event, rect);
-      this.startPt = point;
-      api.beginInteraction();
-    }
-  }
-  drag(event, api) {
-    if (this.currentPosition != null) {
-      const position = bundle_esm.point.create(event.clientX, event.clientY);
-      const delta = bundle_esm.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 = bundle_esm.point.create(event.screenX, event.screenY);
-      this.canvasRect = element.getBoundingClientRect();
-      api.beginInteraction();
-    }
-  }
-  drag(event, api) {
-    if (this.currentPosition != null && this.canvasRect != null) {
-      const position = dom.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 = bundle_esm.point.create(event.offsetX, event.offsetY);
-    this.canvasRect = element.getBoundingClientRect();
-    api.beginInteraction();
-  }
-  drag(event, api) {
-    const position = dom.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 = bundle_esm.point.create(event.screenX, event.screenY);
-      api.beginInteraction();
-    }
-  }
-  drag(event, api) {
-    if (this.currentPosition != null) {
-      const position = bundle_esm.point.create(event.screenX, event.screenY);
-      const delta = bundle_esm.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 multiElementInteractionHandler.BaseInteractionHandler {
-  constructor(getConfig, rotateInteraction = new RotateInteraction(), rotatePointInteraction = new RotatePointInteraction(), zoomInteraction = new ZoomInteraction(), panInteraction = new PanInteraction(), twistInteraction = new TwistInteraction(), pivotInteraction = new PivotInteraction()) {
+  constructor(getConfig, rotateInteraction = new queries.RotateInteraction(), rotatePointInteraction = new queries.RotatePointInteraction(), zoomInteraction = new queries.ZoomInteraction(), panInteraction = new queries.PanInteraction(), twistInteraction = new queries.TwistInteraction(), pivotInteraction = new queries.PivotInteraction()) {
     super('mousedown', 'mouseup', 'mousemove', rotateInteraction, rotatePointInteraction, zoomInteraction, panInteraction, twistInteraction, pivotInteraction, getConfig);
   }
 }
@@ -1624,50 +1415,6 @@ class MultiPointerInteractionHandler extends MultiTouchInteractionHandler {
   }
 }
 
-class PointerInteractionHandler extends multiElementInteractionHandler.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 = bundle_esm.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;
@@ -3414,7 +3161,7 @@ const Viewer = class {
     if (this.cameraControls) {
       if (window.PointerEvent != null) {
         this.baseInteractionHandler =
-          (_a = this.baseInteractionHandler) !== null && _a !== void 0 ? _a : new PointerInteractionHandler(() => this.getResolvedConfig());
+          (_a = this.baseInteractionHandler) !== null && _a !== void 0 ? _a : new queries.PointerInteractionHandler(() => this.getResolvedConfig());
         const baseDisposable = await this.registerInteractionHandler(this.baseInteractionHandler);
         const multiPointerDisposable = await this.registerInteractionHandler(new MultiPointerInteractionHandler());
         this.defaultInteractionHandlerDisposables = [