add hammerjs for swipe, pinch, pan gesture detection

Author: sultanmyrza

package-lock.json

@@ -72,6 +72,7 @@
     "capacitor-blob-writer": "^1.0.4",
     "compressorjs": "^1.0.7",
     "cordova-plugin-purchase": "^11.0.0",
+    "hammerjs": "^2.0.8",
     "immutable": "^4.0.0-rc.14",
     "lodash-es": "^4.17.21",
     "material-design-icons-iconfont": "^6.1.0",
@@ -103,6 +104,7 @@
     "@angular/language-service": "^14.2.0",
     "@capacitor/cli": "^4.0.0",
     "@ionic/angular-toolkit": "^4.0.0",
+    "@types/hammerjs": "^2.0.41",
     "@types/jasmine": "^3.8.2",
     "@types/jasminewd2": "^2.0.10",
     "@types/lodash-es": "^4.17.4",

package.json

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { MAT_SNACK_BAR_DEFAULT_OPTIONS } from '@angular/material/snack-bar';
-import { BrowserModule } from '@angular/platform-browser';
+import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { RouteReuseStrategy } from '@angular/router';
 import { InAppPurchase2 } from '@awesome-cordova-plugins/in-app-purchase-2/ngx';
@@ -25,6 +25,7 @@ import { SharedModule } from './shared/shared.module';
     FormlyModule.forRoot({ extras: { lazyRender: true } }),
     FormlyMaterialModule,
     JoyrideModule.forRoot(),
+    HammerModule,
   ],
   providers: [
     {

src/app/app.module.ts

@@ -1,6 +1,7 @@
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { defineCustomElements } from '@ionic/pwa-elements/loader';
+import 'hammerjs';
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';