title: why does pan and tap work while swipe does not in my HammerJS, angular2, and Typescript plunker?
body: <p>I created this plunker <a href="http://plnkr.co/edit/s8p2KtW8YnPqU557J78k?p=preview" rel="nofollow">http://plnkr.co/edit/s8p2KtW8YnPqU557J78k?p=preview</a> demonstrating what I would consider the most basic way to leverage hammerjs and its gesture events from within angular2 &amp; typescript as an external library. </p>
  
  <pre><code>_.each( this.actors, function(actor){
  
          var myElement = document.getElementById(actor.id);
          myElement.style.backgroundColor = actor.color;
  
          var hammertime = new window.Hammer(myElement);
  
  
          hammertime.on('panright', function(ev) {
  
              var target = ev.target;
              var actorName = target.getAttribute('data-actor');
  
              console.log("pan actorName: ", actorName);
          });
  
  
          hammertime.on('tap', function(ev) {
  
              var target = ev.target;
              var actorName = target.getAttribute('data-actor');
  
              console.log("tap actorName: ", actorName);
          });
  
          hammertime.on('swipe', function(ev) {
  
              var target = ev.target;
              var actorName = target.getAttribute('data-actor');
  
              console.log("swipe actorName: ", actorName);
          });
  
     });
  </code></pre>
  
  <p>I can see tap and pan events but not the swipe events. Any ideas why? For my purposes, I can simply treat panleft or panright as a swipeleft or swiperight event but its strange that the swipe events don't seem to be captured consistently like pan. </p>