Upgrade to angular 9

package.json

@@ -12,48 +12,45 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~7.0.0",
-    "@angular/cdk": "~7.1.0",
-    "@angular/common": "~7.0.0",
-    "@angular/compiler": "~7.0.0",
-    "@angular/core": "~7.0.0",
-    "@angular/forms": "~7.0.0",
-    "@angular/http": "~7.0.0",
-    "@angular/material": "^7.1.0",
-    "@angular/platform-browser": "~7.0.0",
-    "@angular/platform-browser-dynamic": "~7.0.0",
-    "@angular/router": "~7.0.0",
-    "core-js": "^2.5.4",
-    "hammerjs": "^2.0.8",
-    "rxjs": "~6.3.3",
-    "zone.js": "~0.8.26"
+    "@angular/animations": "~9.1.7",
+    "@angular/cdk": "~9.2.4",
+    "@angular/common": "~9.1.7",
+    "@angular/compiler": "~9.1.7",
+    "@angular/core": "~9.1.7",
+    "@angular/forms": "~9.1.7",
+    "@angular/material": "~9.2.4",
+    "@angular/platform-browser": "~9.1.7",
+    "@angular/platform-browser-dynamic": "~9.1.7",
+    "@angular/router": "~9.1.7",
+    "rxjs": "~6.5.4",
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.12.4",
-    "@angular-devkit/build-ng-packagr": "~0.10.0",
-    "@angular/cli": "~7.0.6",
-    "@angular/compiler-cli": "~7.0.0",
-    "@angular/language-service": "~7.0.0",
-    "@types/jasmine": "~2.8.8",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "~4.5.0",
-    "jasmine-core": "~2.99.1",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~3.0.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
-    "karma-firefox-launcher": "^1.1.0",
-    "karma-jasmine": "~1.1.2",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "ng-packagr": "^4.2.0",
-    "prettier": "^1.15.2",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tsickle": ">=0.29.0",
-    "tslib": "^1.9.0",
-    "tslint": "~5.11.0",
-    "typescript": "~3.1.6",
-    "typescript-tslint-plugin": "^0.1.2"
+    "@angular-devkit/build-angular": "~0.901.6",
+    "@angular-devkit/build-ng-packagr": "~0.901.6",
+    "@angular/cli": "~9.1.6",
+    "@angular/compiler-cli": "~9.1.7",
+    "@angular/language-service": "~9.1.7",
+    "@types/jasmine": "~3.5.0",
+    "@types/jasminewd2": "~2.0.0",
+    "@types/node": "~13.9.0",
+    "codelyzer": "^5.2.2",
+    "core-js": "^3.6.5",
+    "jasmine-core": "~3.5.0",
+    "jasmine-spec-reporter": "~5.0.2",
+    "karma": "~5.0.8",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
+    "karma-firefox-launcher": "^1.3.0",
+    "karma-jasmine": "~3.1.1",
+    "karma-jasmine-html-reporter": "^1.5.4",
+    "ng-packagr": "^9.0.0",
+    "prettier": "^2.0.5",
+    "protractor": "~7.0.0",
+    "ts-node": "~8.10.1",
+    "tsickle": "^0.38.1",
+    "tslib": "^1.10.0",
+    "tslint": "~6.1.2",
+    "typescript": "~3.8.3"
   }
 }

projects/carousel/package.json

@@ -15,8 +15,9 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/material": "^7.0.0",
-    "hammerjs": "^2.0.8",
-    "rxjs": "~6.3.3"
+    "@angular/material": "~9.2.4",
+    "@angular/common": "~9.1.7",
+    "@angular/core": "~9.1.7",
+    "rxjs": "~6.5.4"
   }
 }

projects/carousel/src/lib/carousel.component.spec.ts

@@ -1,4 +1,3 @@
-import 'hammerjs';
 import { Component } from '@angular/core';
 import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';

projects/carousel/src/lib/carousel.component.ts

@@ -231,11 +231,11 @@ export class MatCarouselComponent
   public onMouseWheel(event: MouseWheelEvent): void {
     if (this.useMouseWheel) {
       event.preventDefault(); // prevent window to scroll
-      const Δ = Math.sign(event.wheelDelta);
+      const Δ = Math.sign(event.deltaY);
 
-      if (Δ < 0) {
+      if (Δ > 0) {
         this.next();
-      } else if (Δ > 0) {
+      } else if (Δ < 0) {
         this.previous();
       }
     }

projects/carousel/src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'core-js/es7/reflect';
+import 'core-js/es/reflect';
 import 'zone.js/dist/zone';
 import 'zone.js/dist/zone-testing';
 import { getTestBed } from '@angular/core/testing';

projects/demo/src/main.ts

@@ -1,4 +1,3 @@
-import 'hammerjs';
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 

tsconfig.json

@@ -24,5 +24,13 @@
         "alwaysShowRuleFailuresAsWarnings": true
       }
     ]
+  },
+  "angularCompilerOptions": {
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true,
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "enableResourceInlining": true,
+    "enableIvy": false
   }
 }