make ngTouch ngClickOverride optional

Author: Narretz

src/ngTouch/directive/ngClick.js

@@ -40,14 +40,6 @@
     </example>
  */
 
-ngTouch.config(['$provide', function($provide) {
-  $provide.decorator('ngClickDirective', ['$delegate', function($delegate) {
-    // drop the default ngClick directive
-    $delegate.shift();
-    return $delegate;
-  }]);
-}]);
-
 ngTouch.directive('ngClick', ['$parse', '$timeout', '$rootElement',
     function($parse, $timeout, $rootElement) {
   var TAP_DURATION = 750; // Shorter than 750ms is a tap, longer is a taphold or drag.

src/ngTouch/touch.js

@@ -22,6 +22,36 @@
 /* global -ngTouch */
 var ngTouch = angular.module('ngTouch', []);
 
+ngTouch.provider('$touch', $TouchProvider);
+
 function nodeName_(element) {
   return angular.lowercase(element.nodeName || (element[0] && element[0].nodeName));
 }
+
+$TouchProvider.$inject = ['$provide'];
+function $TouchProvider($provide) {
+  var useNgClickOverride = true;
+
+  this.useNgClickOverride = function(enabled) {
+    if (angular.isDefined(enabled)) {
+      useNgClickOverride = enabled;
+      return this;
+    }
+    return useNgClickOverride;
+  };
+
+  $provide.decorator('ngClickDirective', ['$delegate', function($delegate) {
+    if (useNgClickOverride) {
+      // drop the default ngClick directive
+      $delegate.shift();
+    } else {
+      // drop the ngClickOverride. Assume it is the second ngClick directive added.
+      $delegate.splice(1,1);
+    }
+
+    return $delegate;
+  }]);
+
+  this.$get = angular.noop;
+
+}

test/ngTouch/directive/ngClickSpec.js

@@ -27,6 +27,34 @@ describe('ngClick (touch)', function() {
     Date.now = orig_now;
   });
 
+  it('should be configurable in the $touchProvider', function() {
+    var _$touchProvider;
+
+    module(function($touchProvider) {
+      _$touchProvider = $touchProvider;
+    });
+
+    inject(function() {
+      expect(_$touchProvider.useNgClickOverride).toEqual(jasmine.any(Function));
+    });
+  });
+
+  it('should not apply the ngClick override directive if useNgClickOverride = false', function() {
+    module(function($touchProvider) {
+      $touchProvider.useNgClickOverride(false);
+    });
+
+    inject(function($rootScope, $compile) {
+      element = $compile('<div ng-click="tapped = true"></div>')($rootScope);
+      $rootScope.$digest();
+      expect($rootScope.tapped).toBeUndefined();
+
+      browserTrigger(element, 'touchstart');
+      browserTrigger(element, 'touchend');
+      expect($rootScope.tapped).toBeUndefined();
+    });
+  });
+
 
   it('should get called on a tap', inject(function($rootScope, $compile) {
     element = $compile('<div ng-click="tapped = true"></div>')($rootScope);