Fixes #407

config.js

@@ -1,8 +1,8 @@
 'use strict';
 
-let path = require('path');
+var path = require('path');
 
-let config = {
+var config = {
   globs: {
     core: [
       'node_modules/fastclick/lib/fastclick.js',
@@ -20,6 +20,9 @@ let config = {
       'src/js/gestures/**/*.js',
       'src/js/mobile-angular-ui.gestures.js'
     ],
+    gesturesDef: [
+      'src/js/gestures/**/*.d.ts'
+    ],
     fonts: 'node_modules/font-awesome/fonts/fontawesome-webfont.*',
     vendorLess: [
       path.resolve(__dirname, 'src/less'),
@@ -66,4 +69,7 @@ config.globs.js = []
   .concat(config.globs.components)
   .concat(config.globs.gestures);
 
+config.globs.typescript = []
+  .concat(config.globs.gesturesDef);
+
 module.exports = config;

gulpfile.js

@@ -1,23 +1,23 @@
-let config = require('./config');
-let gulp = require('gulp');
-let temp = require('temp');
+var config = require('./config');
+var gulp = require('gulp');
+var temp = require('temp');
 
 /* ========================================
 =            Requiring stuffs            =
 ========================================*/
 
-let concat = require('gulp-concat');
-let csso = require('gulp-csso');
-let del = require('del');
-let less = require('gulp-less');
-let mobilizer = require('gulp-mobilizer');
-let path = require('path');
-let rename = require('gulp-rename');
-let seq = require('gulp-sequence');
-let sourcemaps = require('gulp-sourcemaps');
-let uglify = require('gulp-uglify');
-let connect = require('gulp-connect');
-let waitOn = require('wait-on');
+var concat = require('gulp-concat');
+var csso = require('gulp-csso');
+var del = require('del');
+var less = require('gulp-less');
+var mobilizer = require('gulp-mobilizer');
+var path = require('path');
+var rename = require('gulp-rename');
+var seq = require('gulp-sequence');
+var sourcemaps = require('gulp-sourcemaps');
+var uglify = require('gulp-uglify');
+var connect = require('gulp-connect');
+var waitOn = require('wait-on');
 
 /* ================================================
 =            Report Errors to Console            =
@@ -48,7 +48,7 @@ gulp.task('fonts', function() {
 =            Compile, minify, mobilize less                            =
 ======================================================================*/
 
-let CSS_TEMP_DIR = temp.path({prefix: 'maui-css'});
+var CSS_TEMP_DIR = temp.path({prefix: 'maui-css'});
 
 gulp.task('css:less', function() {
   gulp.src([
@@ -116,7 +116,7 @@ gulp.task('css', function(done) {
 =            Compile and minify js generating source maps            =
 ====================================================================*/
 
-let compileJs = function(dest, src) {
+var compileJs = function(dest, src) {
   return gulp.src(src)
     .pipe(sourcemaps.init())
     .pipe(concat(dest))
@@ -141,6 +141,17 @@ gulp.task('js:main', function() {
 
 gulp.task('js', ['js:main', 'js:gestures', 'js:core']);
 
+/* ==================================
+=  Copy typescript definitions      =
+===================================*/
+
+gulp.task('ts:definitions', function() {
+  return gulp.src(config.globs.typescript)
+    .pipe(gulp.dest(path.join('dist', 'js')));
+});
+
+gulp.task('ts', ['ts:definitions']);
+
 /* ======================================
 =            Build Sequence            =
 ======================================*/
@@ -169,15 +180,15 @@ gulp.task('build:wait', waitFor([
 ]));
 
 gulp.task('build', function(done) {
-  seq('clean', ['fonts', 'css', 'js'], 'build:wait', done);
+  seq('clean', ['fonts', 'css', 'js', 'ts'], 'build:wait', done);
 });
 
 /* ==========================================
 =            Dev watch and connect          =
 ==========================================*/
 
 gulp.task('dev', function(done) {
-  let tasks = [];
+  var tasks = [];
 
   tasks.push('connect');
   tasks.push('watch');

src/js/gestures/swipe.d.ts

@@ -0,0 +1,14 @@
+interface ElementFn {
+    (element: ng.IAugmentedJQuery): ng.IAugmentedJQuery;
+}
+
+interface ValidFn {
+    (): boolean;
+}
+
+interface SwipeOptions {
+    sensitiveArea?: ElementFn;
+    movementTarget?: ElementFn;
+    preventPullToRefresh?: boolean;
+    valid?: ValidFn;
+}

src/js/gestures/swipe.js

@@ -130,6 +130,11 @@
         return {
           link: function(scope, elem, attrs) {
             var onSwipe = $parse(attrs[directiveName]);
+            var options;
+            if (attrs.uiMobileOptions) {
+              var parseFn = $parse(attrs.uiMobileOptions);
+              options = parseFn(scope);
+            }
             $swipe.bind(elem, {
               end: function(swipe, event) {
                 if (swipe.direction === direction.toUpperCase()) {
@@ -141,7 +146,7 @@
                   }
                 }
               }
-            });
+            }, options);
           }
         };
       }]);

src/js/gestures/touch.js

@@ -96,6 +96,10 @@
       return $element[0].ownerDocument.documentElement.getBoundingClientRect();
     };
 
+    var MOVEMENT_TARGET = function($element) {
+      return $element[0].ownerDocument;
+    };
+
     /**
      * Set default pointer events option.
      * Pointer Events option specifies a device-by-device map between device specific events and
@@ -179,6 +183,7 @@
     this.setMovementThreshold = function(v) {
       MOVEMENT_THRESHOLD = v;
     };
+
     /**
      * Set default sensitive area.
      *
@@ -212,6 +217,32 @@
       SENSITIVE_AREA = fnOrElementOrRect;
     };
 
+    /**
+     * Set default movement target.
+     *
+     * The movement target is the element on wich we register mouse move / end / cancel after first touch.
+     *
+     * By default movement target is defined as `ownerDocument`
+     *
+     * ie.
+     *
+     * ``` js
+     * $setMovementTarget(function($element) {
+     *   return $element;
+     * });
+     * ```
+     *
+     * @param {function} movementTarget The new default movement target,
+     *                                  taking an element and returning another
+     *                                  element
+     *
+     * @method  setMovementTarget
+     * @memberOf mobile-angular-ui.gestures.touch~$touch.$touchProvider
+     */
+    this.setMovementTarget = function(fn) {
+      MOVEMENT_TARGET = fn;
+    };
+
     //
     // Shorthands for minification
     //
@@ -438,14 +469,19 @@
 
           // ensure element to be an angular element
           $element = angular.element($element);
+          var $html = angular.element('html');
 
           options = options || {};
           // uses default pointer types in case of none passed
           var pointerTypes = options.pointerTypes || POINTER_TYPES;
           var isValid = options.valid === undefined ? VALID : options.valid;
           var movementThreshold = options.movementThreshold === undefined ? MOVEMENT_THRESHOLD : options.movementThreshold;
           var sensitiveArea = options.sensitiveArea === undefined ? SENSITIVE_AREA : options.sensitiveArea;
+          var movementTarget = options.movementTarget === undefined ? MOVEMENT_TARGET : options.movementTarget;
 
+          // Cancel refresh
+          var oldTouchAction;
+          var oldOverflowY;
           // first and last touch
           var t0;
           var tl;
@@ -461,7 +497,7 @@
           var moveEventHandler = eventHandlers.move;
           var cancelEventHandler = eventHandlers.cancel;
 
-          var $movementTarget = angular.element($element[0].ownerDocument);
+          var $movementTarget = angular.element(movementTarget($element));
           var onTouchMove;
           var onTouchEnd;
           var onTouchCancel;
@@ -473,6 +509,9 @@
             if (cancelEvents) {
               $movementTarget.off(cancelEvents, onTouchCancel);
             }
+            if (options.preventPullToRefresh) {
+              $html.css({'touch-action': oldTouchAction, 'overflow-y': oldOverflowY});
+            }
           };
 
           var isActive = function() {
@@ -489,6 +528,14 @@
             if (event.touches && event.touches.length > 1) {
               return;
             }
+
+            // Pull down refresh prevent
+            if (options.preventPullToRefresh) {
+              oldTouchAction = $html.css('touch-action');
+              oldOverflowY = $html.css('overflow-y');
+              $html.css({'touch-action': 'pan-down', 'overflow-y': 'hidden'});
+            }
+
             tl = t0 = buildTouchInfo('touchstart', getCoordinates(event));
             $movementTarget.on(moveEvents, onTouchMove);
             $movementTarget.on(endEvents, onTouchEnd);
@@ -511,6 +558,7 @@
 
           // on touchMove
           onTouchMove = function(event) {
+
             // don't handle multi-touch
             if (event.touches && event.touches.length > 1) {
               return;