title: HammerJS Swipe not working on Mobile Device or Google Chrome on Device Mode
body: <p>I have a simple code to make the Web Site swipeable, It's working when I test on Google Chrome on Desktop, but when I'm going to test on my mobile device or on Google Chrome DevTools Device Mode it's not working.</p>
  
  <p>I tried to change the values of HammerGestureConfig overrides, but when I try to change to swipeleft or swiperight I got an error, only accept the swipe override.</p>
  
  <pre><code>...
  import * as Hammer from 'hammerjs';
  import { HammerGestureConfig, HAMMER_GESTURE_CONFIG, BrowserModule } from '@angular/platform-browser';
  import { SwipeComponent } from './components/swipe/swipe.component';
  
  export class HammerConfig extends HammerGestureConfig {
    overrides = {
      swipe: { direction: Hammer.DIRECTION_ALL },
    } as any;
  }
  
  @NgModule({
    declarations: [
      ...
      SwipeComponent,
    ],
    ...
    providers: [
      AuthService,
      {
        provide: HAMMER_GESTURE_CONFIG,
        useClass: HammerConfig
      }
    ],
  })
  export class AppModule { }
  
  </code></pre>
  
  <pre><code>&lt;div
    (swipeleft)="navigateForwardTo(forward)"
    (swiperight)="navigateBackTo(back)"&gt;
    &lt;ng-content&gt;&lt;/ng-content&gt;
    &lt;app-navigation-arrows 
      [back]="back"
      [backEnabled]="backEnabled"
      [forwardEnabled]="forwardEnabled"
      [forward]="forward"&gt;
    &lt;/app-navigation-arrows&gt;
  &lt;/div&gt;
  </code></pre>