Updated for gulp 4, added touch events

.gitignore

@@ -1,3 +1,4 @@
 .DS_Store
 node_modules
 bower_components
+.idea

README.md

@@ -80,8 +80,4 @@ For reference, the resulting markup from the first example:
         </div>
       </div>
 </div>
-```
-
-Todo
-------
-* Touch events
+```

dist/multirange-slider.js

@@ -149,6 +149,38 @@ sliderHandleDirective = function($document) {
       });
       startX = 0;
       startPleft = startPright = 0;
+      element.on('touchstart', function(event) {
+        var ref, touchend, touchmove;
+        if (nextRange() == null) {
+          return;
+        }
+        touchmove = function(event) {
+          return scope.$apply(function() {
+            var dp, ref;
+            console.log('TouchMove: ');
+            console.log(event);
+            dp = (event.touches[0].clientX - startX) / slider.elementWidth() * slider.pTotal();
+            if (dp < -startPleft || dp > startPright) {
+              return;
+            }
+            range.value(startPleft + dp);
+            if ((ref = nextRange()) != null) {
+              ref.value(startPright - dp);
+            }
+            return slider.updateRangeWidths();
+          });
+        };
+        touchend = function() {
+          $document.unbind('touchmove', touchmove);
+          return $document.unbind('touchend', touchend);
+        };
+        event.preventDefault();
+        startX = event.touches[0].clientX;
+        startPleft = range.value();
+        startPright = (ref = nextRange()) != null ? ref.value() : void 0;
+        $document.on('touchmove', touchmove);
+        return $document.on('touchend', touchend);
+      });
       return element.on('mousedown', function(event) {
         var mousemove, mouseup, ref;
         if (nextRange() == null) {
@@ -157,6 +189,8 @@ sliderHandleDirective = function($document) {
         mousemove = function(event) {
           return scope.$apply(function() {
             var dp, ref;
+            console.log('MouseMove: ');
+            console.log(event);
             dp = (event.screenX - startX) / slider.elementWidth() * slider.pTotal();
             if (dp < -startPleft || dp > startPright) {
               return;

gulpfile.coffee

@@ -17,22 +17,24 @@ gulp.task "clean", ->
 #
 # Compile coffescript
 #
-gulp.task "coffee", [], ->
+gulp.task "coffee", ->
   gulp.src(SRC_DIR + "/**/*.coffee")
   .pipe coffee({bare: true}).on('error', gutil.log)
   .pipe gulp.dest(BUILD_DIR)
 
 #
 # Build task
 #
-gulp.task "build", ["clean"], ->
-  gulp.start('coffee')
+gulp.task "build", gulp.series(["clean"], ->
+  gulp.task('coffee')()
   gulp.src([SRC_DIR + "/**/*.css", SRC_DIR + "/**/*.html"])
   .pipe gulp.dest(BUILD_DIR)
+)
 
 
 #
 # Watch task
 #
-gulp.task "watch", ["build"], ->
-  gulp.watch "src/**/*.*", ["build"]
+gulp.task "watch", gulp.series(["build"], ->
+  gulp.watch "src/**/*.*", gulp.series("build")
+)