build(angular): update angular to version 12

npm/angular/.eslintrc

@@ -1,8 +1,7 @@
 {
   "plugins": [
     "cypress",
-    "@cypress/dev",
-    "@angular-eslint/eslint-plugin"
+    "@cypress/dev"
   ],
   "extends": [
     "plugin:@cypress/dev/general",

npm/angular/angular.json

@@ -28,7 +28,13 @@
               "src/styles.css"
             ],
             "scripts": [],
-            "preserveSymlinks": true
+            "preserveSymlinks": true,
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
@@ -60,7 +66,8 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "ngx-build-plus:dev-server",

npm/angular/package.json

@@ -20,22 +20,22 @@
     "debug": "^4.3.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.1102.12",
+    "@angular-devkit/build-angular": "12.2.16",
     "@angular-eslint/eslint-plugin": "4.2.0",
-    "@angular/animations": "11.2.13",
-    "@angular/cdk": "11.2.12",
-    "@angular/cli": "11.2.12",
-    "@angular/common": "11.2.13",
-    "@angular/compiler": "11.2.13",
-    "@angular/compiler-cli": "11.2.13",
-    "@angular/core": "11.2.13",
-    "@angular/forms": "11.2.13",
-    "@angular/language-service": "11.2.13",
-    "@angular/localize": "11.2.13",
-    "@angular/material": "11.2.12",
-    "@angular/platform-browser": "11.2.13",
-    "@angular/platform-browser-dynamic": "11.2.13",
-    "@angular/router": "11.2.13",
+    "@angular/animations": "12.2.16",
+    "@angular/cdk": "12.2.13",
+    "@angular/cli": "12.2.16",
+    "@angular/common": "12.2.16",
+    "@angular/compiler": "12.2.16",
+    "@angular/compiler-cli": "12.2.16",
+    "@angular/core": "12.2.16",
+    "@angular/forms": "12.2.16",
+    "@angular/language-service": "12.2.16",
+    "@angular/localize": "12.2.16",
+    "@angular/material": "12.2.13",
+    "@angular/platform-browser": "12.2.16",
+    "@angular/platform-browser-dynamic": "12.2.16",
+    "@angular/router": "12.2.16",
     "@cypress/code-coverage": "3.9.5",
     "@cypress/webpack-dev-server": "0.0.0-development",
     "@cypress/webpack-preprocessor": "5.7.0",
@@ -61,17 +61,12 @@
     "ts-loader": "8.1.0",
     "ts-node": "9.1.1",
     "tslib": "^2.2.0",
-    "tslint": "5.20.1",
+    "tslint": "6.1.3",
     "typescript": "4.2.4",
     "webpack-dev-server": "4.0.0",
-    "zone.js": "0.11.4"
+    "zone.js": "~0.11.4"
   },
   "peerDependencies": {
-    "@angular/common": "*",
-    "@angular/compiler": "*",
-    "@angular/core": "*",
-    "@angular/platform-browser": "*",
-    "@angular/platform-browser-dynamic": "*",
     "core-js": "*",
     "zone.js": "*"
   },
@@ -93,4 +88,4 @@
       "social": "@LeJeanbono"
     }
   ]
-}
+}

npm/angular/src/app/material-button/material-button.component.ts

@@ -1,5 +1,4 @@
 import { Component, OnInit } from '@angular/core'
-import '@angular/material/prebuilt-themes/indigo-pink.css'
 
 @Component({
   selector: 'app-material-button',

npm/angular/src/environments/environment.ts

@@ -13,4 +13,4 @@ export const environment = {
  * This import should be commented out in production mode because it will have a negative impact
  * on performance if an error is thrown.
  */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

npm/angular/src/polyfills.ts

@@ -55,7 +55,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone' // Included with Angular CLI.
+import 'zone.js' // Included with Angular CLI.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS

npm/angular/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 'zone.js/dist/zone-testing'
+import 'zone.js/testing'
 import { getTestBed } from '@angular/core/testing'
 import {
   BrowserDynamicTestingModule,

npm/angular/support.js

@@ -1,8 +1,8 @@
-import 'zone.js/dist/zone'
+import 'zone.js'
 
 // @ts-ignore
 global.Mocha['__zone_patch__'] = false
-import 'zone.js/dist/zone-testing'
+import 'zone.js/testing'
 import 'zone.js/dist/async-test'
 import 'zone.js/dist/fake-async-test'
 import 'zone.js/dist/long-stack-trace-zone'

npm/angular/tsconfig.app.json

@@ -6,14 +6,11 @@
   },
   "files": [
     "src/main.ts",
-    "src/polyfills.ts",
-    "node_modules/cypress/types/cypress-global-vars.d.ts"
-  ],
-  "include": [
-    "src/**/*.ts"
+    "src/polyfills.ts"
   ],
   "exclude": [
     "src/test.ts",
-    "src/**/*.spec.ts"
+    "src/**/*.spec.ts",
+    "src/**/*-spec.ts"
   ]
 }