Angular 14 upgrade

.nvmrc

@@ -1 +1 @@
-14
+16

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "14"
+  - "16"
 cache:
   yarn: true
 addons:

angular.json

@@ -118,6 +118,5 @@
         }
       }
     }
-  },
-  "defaultProject": "ng-recaptcha"
+  }
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ng-recaptcha-base",
   "private": true,
-  "version": "9.0.0",
+  "version": "10.0.0",
   "scripts": {
     "demo:file-gen": "ts-node --project ./tsconfig.node.json ./projects/demo/bin/file-gen.ts",
     "demo:serve": "yarn demo:file-gen && ng serve demo",
@@ -27,34 +27,34 @@
   },
   "peerDependencies": {},
   "devDependencies": {
-    "@angular-devkit/build-angular": "^13.0.1",
-    "@angular-eslint/builder": "13.0.0-alpha.0",
-    "@angular-eslint/eslint-plugin": "13.0.0-alpha.0",
-    "@angular-eslint/eslint-plugin-template": "13.0.0-alpha.0",
-    "@angular-eslint/schematics": "13.0.0-alpha.0",
-    "@angular-eslint/template-parser": "13.0.0-alpha.0",
-    "@angular/animations": "^13.0.0",
-    "@angular/cdk": "^12.0.0",
-    "@angular/cli": "^13.0.1",
-    "@angular/common": "^13.0.0",
-    "@angular/compiler": "^13.0.0",
-    "@angular/compiler-cli": "^13.0.0",
-    "@angular/core": "^13.0.0",
-    "@angular/forms": "^13.0.0",
-    "@angular/material": "^12.0.0",
-    "@angular/platform-browser": "^13.0.0",
-    "@angular/platform-browser-dynamic": "^13.0.0",
-    "@angular/router": "^13.0.0",
+    "@angular-devkit/build-angular": "^14.0.0",
+    "@angular-eslint/builder": "14.0.0-alpha.0",
+    "@angular-eslint/eslint-plugin": "14.0.0-alpha.0",
+    "@angular-eslint/eslint-plugin-template": "14.0.0-alpha.0",
+    "@angular-eslint/schematics": "14.0.0-alpha.0",
+    "@angular-eslint/template-parser": "14.0.0-alpha.0",
+    "@angular/animations": "^14.0.0",
+    "@angular/cdk": "^14.0.0",
+    "@angular/cli": "^14.0.0",
+    "@angular/common": "^14.0.0",
+    "@angular/compiler": "^14.0.0",
+    "@angular/compiler-cli": "^14.0.0",
+    "@angular/core": "^14.0.0",
+    "@angular/forms": "^14.0.0",
+    "@angular/material": "^14.0.0",
+    "@angular/platform-browser": "^14.0.0",
+    "@angular/platform-browser-dynamic": "^14.0.0",
+    "@angular/router": "^14.0.0",
     "@types/core-js": "^2.5.4",
     "@types/jasmine": "^3.8.1",
-    "@types/node": "^12",
+    "@types/node": "^16",
     "@types/query-string": "^6.3.0",
     "@typescript-eslint/eslint-plugin": "5.3.0",
     "@typescript-eslint/parser": "5.3.0",
     "conventional-changelog-cli": "^2.1.1",
     "conventional-github-releaser": "^3.1.5",
     "coveralls": "^3.1.1",
-    "eslint": "^8.1.0",
+    "eslint": "^8.2.0",
     "eslint-config-prettier": "^8.3.0",
     "highlight.js": "^11.1.0",
     "http-server": "^0.12.3",
@@ -67,14 +67,14 @@
     "karma-jasmine": "^4.0.1",
     "karma-jasmine-html-reporter": "^1.7.0",
     "lint-staged": "^11.0.1",
-    "ng-packagr": "^13.0.2",
+    "ng-packagr": "^14.0.0",
     "prettier": "^2.3.2",
     "protractor": "^7.0.0",
     "query-string": "^7.0.1",
     "rimraf": "^3.0.2",
-    "rxjs": "^6.5.3",
-    "ts-node": "^10.1.0",
-    "typescript": "^4.4.4",
+    "rxjs": "^7.5.5",
+    "ts-node": "^10.8.1",
+    "typescript": "^4.7.3",
     "typescript-eslint": "^0.0.1-alpha.0",
     "zone.js": "~0.11.4"
   }

projects/demo/src/styles.css

@@ -1,3 +1,3 @@
 @import "./base.css";
 @import "./highlight.css";
-@import "~@angular/material/prebuilt-themes/indigo-pink.css";
+@import "@angular/material/prebuilt-themes/indigo-pink.css";

projects/ng-recaptcha/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ng-recaptcha",
   "description": "Angular component for Google reCAPTCHA",
-  "version": "9.0.0",
+  "version": "10.0.0",
   "author": "Ruslan Arkhipau <dethariel@gmail.com>",
   "license": "MIT",
   "repository": {
@@ -16,7 +16,7 @@
     "ng-recaptcha"
   ],
   "peerDependencies": {
-    "@angular/core": "^13.0.0"
+    "@angular/core": "^14.0.0"
   },
   "dependencies": {
     "@types/grecaptcha": "^3.0.3",

projects/ng-recaptcha/src/lib/recaptcha-value-accessor.directive.spec.ts

@@ -1,6 +1,6 @@
 import { Component, NgZone } from "@angular/core";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from "@angular/forms";
+import { UntypedFormControl, UntypedFormGroup, FormsModule, ReactiveFormsModule, Validators } from "@angular/forms";
 import { By } from "@angular/platform-browser";
 import { BehaviorSubject } from "rxjs";
 
@@ -120,9 +120,9 @@ describe("RecaptchaValueAccessorDirective -> formGroup", () => {
   })
   class TestComponent {
     public loading$ = new BehaviorSubject<boolean>(false);
-    public formGroup = new FormGroup({
+    public formGroup = new UntypedFormGroup({
       // eslint-disable-next-line @typescript-eslint/unbound-method
-      captcha: new FormControl(null, [Validators.required]),
+      captcha: new UntypedFormControl(null, [Validators.required]),
     });
 
     public testHideForm(): void {

tsconfig.json

@@ -13,7 +13,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2017",
+    "target": "es2020",
     "module": "es2020",
     "lib": ["es2020", "dom"],
     "paths": {