Updated to Angular 13

Author: suprishi

Diff for: .gitignore

@@ -19,6 +19,7 @@
 *.sublime-workspace
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

Diff for: angular.json

@@ -113,17 +113,6 @@
             "protractorConfig": "./protractor.conf.js",
             "devServerTarget": "devon4ng-application-template:serve"
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "e2e/tsconfig.e2e.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
         }
       }
     }

Diff for: package.json

@@ -12,16 +12,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~12.1.1",
-    "@angular/cdk": "~12.1.1",
-    "@angular/common": "~12.1.1",
-    "@angular/compiler": "~12.1.1",
-    "@angular/core": "~12.1.1",
-    "@angular/forms": "~12.1.1",
-    "@angular/material": "~12.1.1",
-    "@angular/platform-browser": "~12.1.1",
-    "@angular/platform-browser-dynamic": "~12.1.1",
-    "@angular/router": "~12.1.1",
+    "@angular/animations": "~13.1.0",
+    "@angular/cdk": "~13.1.0",
+    "@angular/common": "~13.1.0",
+    "@angular/compiler": "~13.1.0",
+    "@angular/core": "~13.1.0",
+    "@angular/forms": "~13.1.0",
+    "@angular/material": "~13.1.0",
+    "@angular/platform-browser": "~13.1.0",
+    "@angular/platform-browser-dynamic": "~13.1.0",
+    "@angular/router": "~13.1.0",
     "@nestjsx/crud-request": "^4.2.0",
     "@ngneat/transloco": "^3.1.1",
     "core-js": "^2.5.4",
@@ -32,16 +32,16 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~12.2.11",
-    "@angular-devkit/schematics": "~12.2.12",
+    "@angular-devkit/build-angular": "~13.1.1",
+    "@angular-devkit/schematics": "~13.1.1",
     "@angular-eslint/builder": "13.0.1",
     "@angular-eslint/eslint-plugin": "13.0.1",
     "@angular-eslint/eslint-plugin-template": "13.0.1",
     "@angular-eslint/schematics": "13.0.1",
     "@angular-eslint/template-parser": "13.0.1",
-    "@angular/cli": "~12.2.14",
-    "@angular/compiler-cli": "~12.1.1",
-    "@angular/language-service": "~12.2.11",
+    "@angular/cli": "~13.1.1",
+    "@angular/compiler-cli": "~13.1.0",
+    "@angular/language-service": "~13.1.0",
     "@types/jasmine": "~3.10.2",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^16.11.12",
@@ -60,12 +60,12 @@
     "karma-jasmine-html-reporter": "^1.5.0",
     "protractor": "~7.0.0",
     "ts-node": "~10.4.0",
-    "typescript": "~4.3.5"
+    "typescript": "~4.5.3"
   },
   "prettier": {
     "singleQuote": true,
     "semi": true,
     "tabWidth": 2,
     "trailingComma": "all"
   }
-}
+}

Diff for: src/assets/styles/material.scss

@@ -1,6 +1,6 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 @import url('https://fonts.googleapis.com/css?family=Roboto');
-@import '~@angular/material/theming';
+@import '@angular/material/theming';
 
 // Define a custom typography config that overrides the font-family
 // or any typography level.

Diff for: src/polyfills.ts

@@ -22,19 +22,10 @@
 // import 'core-js/es6/map';
 // import 'core-js/es6/set';
 
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following to support `@angular/animation`. */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /** Evergreen browsers require these. **/
 import 'core-js/es6/reflect';
 import 'core-js/es7/reflect';
 
-/** ALL Firefox browsers require the following to support `@angular/animation`. **/
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /***************************************************************************************************
  * Zone JS is required by Angular itself.
  */

Diff for: src/test.ts

@@ -23,7 +23,9 @@ __karma__.loaded = function() {};
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+},
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);