// Similar to Angular's ngTouch, however it uses Ionic's tap detection
// and click simulation. ngClick

IonicModule

.config(['$provide', function($provide) {
  $provide.decorator('ngClickDirective', ['$delegate', function($delegate) {
    // drop the default ngClick directive
    $delegate.shift();
    return $delegate;
  }]);
}])

/**
 * @private
 */
.factory('$ionicNgClick', ['$parse', function($parse) {
  function onRelease(e) {
    // wire this up to Ionic's tap/click simulation
    ionic.tap.simulateClick(e.target, e);
  }
  return function(scope, element, clickExpr) {
    var clickHandler = $parse(clickExpr);

    element.on('click', function(event) {
      scope.$apply(function() {
        clickHandler(scope, {$event: (event)});
      });
    });

    ionic.on("release", onRelease, element[0]);

    // Hack for iOS Safari's benefit. It goes searching for onclick handlers and is liable to click
    // something else nearby.
    element.onclick = function(event) { };

    scope.$on('$destroy', function () {
      ionic.off("release", onRelease, element[0]);
    });
  };
}])

.directive('ngClick', ['$ionicNgClick', function($ionicNgClick) {
  return function(scope, element, attr) {
    $ionicNgClick(scope, element, attr.ngClick);
  };
}])

.directive('ionStopEvent', function () {
  function stopEvent(e) {
    e.stopPropagation();
  }
  return {
    restrict: 'A',
    link: function (scope, element, attr) {
      element.bind(attr.ionStopEvent, stopEvent);
    }
  };
});