Added swiped event to make it easier to implement

Author: John Doherty

README.MD

@@ -44,6 +44,16 @@ document.addEventListener('swiped-down', function(e) {
 });
 ```
 
+### swiped
+
+```js
+document.addEventListener('swiped', function(e) {
+  console.log(e.target); // element that was swiped
+  console.log(e.detail); // event data { dir: 'down', xStart: 196, xEnd: 230, yStart: 196, yEnd: 4 }
+  console.log(e.detail.dir); // swipe direction
+});
+```
+
 ### Configure
 
 You can _optionally_ configure how [swiped-events](https://github.com/john-doherty/swiped-events) works using the following HTML attributes:

dist/swiped-events.min.js

@@ -36,6 +36,14 @@
 
             window.onload = function() {
 
+                document.addEventListener('swiped', function(e) {
+                    console.log(e.type);
+                    console.log(e.target);
+                    console.log(e.detail);
+                    console.log(e.dir);
+                    e.target.innerHTML = e.type;
+                });
+
                 document.addEventListener('swiped-left', function(e) {
                     console.log(e.type);
                     console.log(e.target);

index.html

@@ -1,6 +1,6 @@
 {
   "name": "swiped-events",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A 0.7k script that adds swipe events to the DOM for touch enabled devices",
   "main": "src/swiped-events.js",
   "scripts": {

package.json

@@ -81,10 +81,11 @@
                 yEnd: parseInt((changedTouches[0] || {}).clientY || -1, 10)
             };
 
-            // fire event on the element that started the swipe
-            startEl.dispatchEvent(new CustomEvent(eventType, { bubbles: true, cancelable: true, detail: eventData }));
+            // fire `swiped` event event on the element that started the swipe
+            startEl.dispatchEvent(new CustomEvent('swiped', { bubbles: true, cancelable: true, detail: eventData }));
 
-            // if (console && console.log) console.log(eventType + ' fired on ' + startEl.tagName);
+            // fire `swiped-dir` event on the element that started the swipe
+            startEl.dispatchEvent(new CustomEvent(eventType, { bubbles: true, cancelable: true, detail: eventData }));
         }
 
         // reset values