feat: update to Angular v11

.gitignore

@@ -34,7 +34,7 @@ speed-measure-plugin.json
 # misc
 /.sass-cache
 /connect.lock
-/coverage
+**/coverage
 /libpeerconnection.log
 npm-debug.log
 yarn-error.log

angular.json

@@ -81,7 +81,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,

package.json

@@ -16,17 +16,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "10.1.0",
+    "@angular/animations": "11.0.0",
     "@angular/cdk": "10.0.0",
-    "@angular/common": "10.1.0",
-    "@angular/compiler": "10.1.0",
-    "@angular/core": "10.1.0",
-    "@angular/forms": "10.1.0",
-    "@angular/localize": "10.1.0",
+    "@angular/common": "11.0.0",
+    "@angular/compiler": "11.0.0",
+    "@angular/core": "11.0.0",
+    "@angular/forms": "11.0.0",
     "@angular/material": "10.0.0",
-    "@angular/platform-browser": "10.1.0",
-    "@angular/platform-browser-dynamic": "10.1.0",
-    "@angular/router": "10.1.0",
+    "@angular/platform-browser": "11.0.0",
+    "@angular/platform-browser-dynamic": "11.0.0",
+    "@angular/router": "11.0.0",
     "@ng-bootstrap/ng-bootstrap": "8.0.0",
     "bootstrap": "4.5.3",
     "font-awesome": "4.7.0",
@@ -36,12 +35,12 @@
     "zone.js": "0.11.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.1001.0",
-    "@angular/cli": "10.1.0",
-    "@angular/compiler-cli": "10.1.0",
+    "@angular-devkit/build-angular": "0.1100.0",
+    "@angular/cli": "11.0.0",
+    "@angular/compiler-cli": "11.0.0",
+    "@angular/localize": "11.0.0",
     "@compodoc/compodoc": "1.1.11",
     "@types/jasmine": "3.6.1",
-    "@types/jasminewd2": "2.0.8",
     "@types/node": "12.19.4",
     "@types/prismjs": "1.16.2",
     "codecov": "3.8.1",
@@ -50,12 +49,11 @@
     "jasmine-spec-reporter": "6.0.0",
     "karma": "5.2.3",
     "karma-chrome-launcher": "3.1.0",
-    "karma-coverage-istanbul-reporter": "3.0.3",
+    "karma-coverage": "2.0.3",
     "karma-jasmine": "4.0.1",
     "karma-jasmine-html-reporter": "1.5.4",
-    "ng-packagr": "10.1.2",
+    "ng-packagr": "11.0.2",
     "ngx-speculoos": "4.1.0",
-    "protractor": "7.0.0",
     "standard-version": "9.0.0",
     "ts-node": "9.0.0",
     "tslint": "6.1.3",

projects/demo/karma.conf.js

@@ -1,6 +1,5 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/1.0/config/configuration-file.html
-
 module.exports = function (config) {
   config.set({
     basePath: '',
@@ -9,16 +8,16 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, '../../coverage'),
-      reports: ['html', 'lcovonly'],
-      fixWebpackSourcePaths: true
+      subdir: '.',
+      reporters: [{ type: 'html' }, { type: 'text-summary' }]
     },
     reporters: process.env.CI === 'true' ? ['dots'] : ['progress', 'kjhtml'],
     port: 9876,
@@ -32,6 +31,7 @@ module.exports = function (config) {
         flags: ['--no-sandbox']
       }
     },
-    singleRun: false
+    singleRun: false,
+    restartOnFileChange: true
   });
 };

projects/demo/src/app/app.component.ts

@@ -1,5 +1,4 @@
 import { Component } from '@angular/core';
-import { ValdemortConfig } from 'ngx-valdemort';
 
 @Component({
   selector: 'demo-root',

projects/demo/src/app/getting-started/getting-started.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'demo-getting-started',

projects/demo/src/app/home/home.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'demo-home',

projects/demo/src/app/integration/bootstrap/bootstrap.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'demo-bootstrap',

projects/demo/src/app/snippet/snippet.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 
 import { SnippetComponent } from './snippet.component';
 import { Component } from '@angular/core';

projects/ngx-valdemort/karma.conf.js

@@ -8,16 +8,16 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, '../../coverage'),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
+      subdir: '.',
+      reporters: [{ type: 'html' }, { type: 'text-summary' }]
     },
     reporters: process.env.CI === 'true' ? ['dots'] : ['progress', 'kjhtml'],
     port: 9876,

projects/ngx-valdemort/package.json

@@ -3,9 +3,9 @@
   "version": "4.0.0",
   "description": "Simple, consistent validation error messages for your Angular forms",
   "peerDependencies": {
-    "@angular/common": "^10.0.0",
-    "@angular/core": "^10.0.0",
-    "@angular/forms": "^10.0.0"
+    "@angular/common": "^11.0.0",
+    "@angular/core": "^11.0.0",
+    "@angular/forms": "^11.0.0"
   },
   "license": "MIT",
   "repository": {

projects/ngx-valdemort/src/lib/valdemort-config.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { AbstractControl, ControlContainer, FormGroupDirective, NgForm } from '@angular/forms';
+import { AbstractControl, FormGroupDirective, NgForm } from '@angular/forms';
 
 /**
  * The display mode of the validation errors. For a given control, either all the validation errors

projects/ngx-valdemort/src/public_api.ts

@@ -3,5 +3,8 @@
  * Public API Surface of ngx-validation-errors
  */
 
+export * from './lib/default-validation-errors.directive';
+export * from './lib/validation-error.directive';
+export * from './lib/validation-errors.component';
 export * from './lib/valdemort-config.service';
 export * from './lib/valdemort.module';

projects/ngx-valdemort/tsconfig.lib.json

@@ -2,6 +2,7 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
+    "declarationMap": true,
     "target": "es2015",
     "module": "es2015",
     "moduleResolution": "node",

projects/ngx-valdemort/tsconfig.lib.prod.json

@@ -1,5 +1,8 @@
 {
   "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
   "angularCompilerOptions": {
     "enableIvy": false
   }

tsconfig.json

@@ -8,6 +8,7 @@
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
     "noImplicitReturns": true,
+    "noUnusedLocals": true,
     "sourceMap": true,
     "declaration": false,
     "module": "esnext",