pointerEvents: add origin option

Close #389

Author: taye

src/pointerEvents/index.js

@@ -86,8 +86,20 @@ function firePointers (interaction, pointer, event, eventTarget, targets, eventT
       pointerEvent[prop] = target.props[prop];
     }
 
+    const { x: originX, y: originY } = utils.getOriginXY(target.eventable, target.element);
+
+    pointerEvent.pageX   -= originX;
+    pointerEvent.pageY   -= originY;
+    pointerEvent.clientX -= originX;
+    pointerEvent.clientY -= originY;
+
     target.eventable.fire(pointerEvent);
 
+    pointerEvent.pageX   += originX;
+    pointerEvent.pageY   += originY;
+    pointerEvent.clientX += originX;
+    pointerEvent.clientY += originY;
+
     if (pointerEvent.immediatePropagationStopped
         || (pointerEvent.propagationStopped
             && (i + 1) < targets.length && targets[i + 1].element !== pointerEvent.currentTarget)) {
@@ -254,6 +266,7 @@ defaults.pointerEvents = {
   holdDuration: 600,
   ignoreFrom  : null,
   allowFrom   : null,
+  origin      : { x: 0, y: 0 },
 };
 
 module.exports = scope.pointerEvents = {

src/pointerEvents/interactableTargets.js

@@ -49,10 +49,18 @@ pointerEvents.signals.on('collect-targets', function ({ targets, element, eventT
   scope.interactables.forEachSelector(collectSelectors);
 });
 
+Interactable.signals.on('new', function ({ interactable }) {
+  interactable.events.getRect = function (element) {
+    return interactable.getRect(element);
+  }
+});
+
 merge(Interactable.eventTypes, pointerEvents.types);
 
 Interactable.prototype.pointerEvents = function (options) {
   extend(this.events.options, options);
 
   return this;
 };
+
+Interactable.settingsMethods.push('pointerEvents');