feat(package): upgrade to Angular 13

closes #245

.gitignore

@@ -1,3 +1,4 @@
+/.angular/cache
 # Editor settings
 .vscode/
 

.nvmrc

@@ -1 +1 @@
-12
+14

package.json

@@ -27,32 +27,34 @@
   },
   "peerDependencies": {},
   "devDependencies": {
-    "@angular-devkit/build-angular": "^12.0.0",
-    "@angular-eslint/eslint-plugin": "^12.3.1",
-    "@angular-eslint/eslint-plugin-template": "^12.3.1",
-    "@angular-eslint/template-parser": "^12.3.1",
-    "@angular/animations": "^12.0.0",
+    "@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": "^12.0.0",
-    "@angular/common": "^12.0.0",
-    "@angular/compiler": "^12.0.0",
-    "@angular/compiler-cli": "^12.0.0",
-    "@angular/core": "^12.0.0",
-    "@angular/forms": "^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": "^12.0.0",
-    "@angular/platform-browser-dynamic": "^12.0.0",
-    "@angular/router": "^12.0.0",
+    "@angular/platform-browser": "^13.0.0",
+    "@angular/platform-browser-dynamic": "^13.0.0",
+    "@angular/router": "^13.0.0",
     "@types/core-js": "^2.5.4",
     "@types/jasmine": "^3.8.1",
     "@types/node": "^12",
     "@types/query-string": "^6.3.0",
-    "@typescript-eslint/eslint-plugin": "^4.28.4",
-    "@typescript-eslint/parser": "^4.28.4",
+    "@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": "^7.31.0",
+    "eslint": "^8.1.0",
     "eslint-config-prettier": "^8.3.0",
     "highlight.js": "^11.1.0",
     "http-server": "^0.12.3",
@@ -65,14 +67,15 @@
     "karma-jasmine": "^4.0.1",
     "karma-jasmine-html-reporter": "^1.7.0",
     "lint-staged": "^11.0.1",
-    "ng-packagr": "^12.1.2",
+    "ng-packagr": "^13.0.2",
     "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.3.5",
+    "typescript": "^4.4.4",
+    "typescript-eslint": "^0.0.1-alpha.0",
     "zone.js": "~0.11.4"
   }
 }

projects/ng-recaptcha/package.json

@@ -16,10 +16,10 @@
     "ng-recaptcha"
   ],
   "peerDependencies": {
-    "@angular/core": "^12.0.0"
+    "@angular/core": "^13.0.0"
   },
   "dependencies": {
-    "@types/grecaptcha": "^3.0.1",
-    "tslib": "^2.0.0"
+    "@types/grecaptcha": "^3.0.3",
+    "tslib": "^2.2.0"
   }
 }

projects/ng-recaptcha/src/lib/recaptcha.component.ts

@@ -58,7 +58,7 @@ export class RecaptchaComponent implements AfterViewInit, OnDestroy {
   private executeRequested: boolean;
 
   constructor(
-    private elementRef: ElementRef,
+    private elementRef: ElementRef<HTMLElement>,
     private loader: RecaptchaLoaderService,
     private zone: NgZone,
     @Optional() @Inject(RECAPTCHA_SETTINGS) settings?: RecaptchaSettings

projects/ng-recaptcha/src/test.ts

@@ -22,7 +22,10 @@ declare const require: {
 // 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$/);

projects/ng-recaptcha/tsconfig.lib.json

@@ -3,12 +3,10 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
-    "target": "es2015",
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
-    "types": ["grecaptcha"],
-    "lib": ["dom", "es2018"]
+    "types": ["grecaptcha"]
   },
   "angularCompilerOptions": {
     "skipTemplateCodegen": true,

projects/ng-recaptcha/tsconfig.lib.prod.json

@@ -5,6 +5,6 @@
     "declarationMap": false
   },
   "angularCompilerOptions": {
-    "enableIvy": false
+    "compilationMode": "partial"
   }
 }

tsconfig.json

@@ -13,9 +13,9 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2017",
     "module": "es2020",
-    "lib": ["es2018", "dom"],
+    "lib": ["es2020", "dom"],
     "paths": {
       "ng-recaptcha": ["dist/ng-recaptcha/ng-recaptcha", "dist/ng-recaptcha"]
     }