Fix: set listener to passive mode

Author: peterpeterparker

CHANGELOG.md

@@ -1,3 +1,7 @@
+<a name="2.2.3"></a>
+## [2.2.3](https://github.com/peterpeterparker/ionic-swing/compare/v2.2.2...v2.2.3) (2018-08-18)
+* **fix**: Fix Chrome complains "Added non-passive event listener to a scroll-blocking..." (see [Hammerjs commit #987](https://github.com/hammerjs/hammer.js/pull/987/commits/49cd23d30d9618c5e8b14dd4412f94454143e080))
+
 <a name="2.2.2"></a>
 ## [2.2.2](https://github.com/peterpeterparker/ionic-swing/compare/v2.2.1...v2.2.2) (2018-08-18)
 * **fix**: `stack.destroyCard` was wrongly implemented

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ionic-swing",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "license": "MIT",
   "scripts": {
     "ng": "ng",

package.json

@@ -316,15 +316,15 @@ const Card = (stack, targetElement) => {
     if (isTouchDevice()) {
       targetElement.addEventListener('touchstart', () => {
         eventEmitter.trigger('panstart');
-      });
+      }, { passive: true });
 
       targetElement.addEventListener('touchend', () => {
         if (isDraging && !isPanning) {
           eventEmitter.trigger('dragend', {
             target: targetElement
           });
         }
-      });
+      }, { passive: true });
 
       // Disable scrolling while dragging the element on the touch enabled devices.
       // @see http://stackoverflow.com/a/12090055/368691
@@ -333,30 +333,30 @@ const Card = (stack, targetElement) => {
 
         targetElement.addEventListener('touchstart', () => {
           dragging = true;
-        });
+        }, { passive: true });
 
         targetElement.addEventListener('touchend', () => {
           dragging = false;
-        });
+        }, { passive: true });
 
         global.addEventListener('touchmove', (event) => {
           if (dragging) {
             event.preventDefault();
           }
-        });
+        }, { passive: true });
       })();
     } else {
       targetElement.addEventListener('mousedown', () => {
         eventEmitter.trigger('panstart');
-      });
+      }, { passive: true });
 
       targetElement.addEventListener('mouseup', () => {
         if (isDraging && !isPanning) {
           eventEmitter.trigger('dragend', {
             target: targetElement
           });
         }
-      });
+      }, { passive: true });
     }
 
     mc.on('panstart', (event) => {