chore(deps): @angular/* ^13 support

Author: mpalourdio

.browserslistrc

@@ -14,4 +14,3 @@ last 2 Edge major versions
 last 2 Safari major versions
 last 2 iOS major versions
 Firefox ESR
-not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## v11.0.0
+- Added angular 13 support.
+- Drop RxJS 6 support.
+
 ## v10.1.0
 - Add minimal RxJS 7 support.
 

README.md

@@ -40,6 +40,7 @@ The HTTP interceptor listens to all HTTP requests and shows a spinner / loader i
 | >=8.0.0 <9.0.0 | ^10.0.0            |
 | >=9.0.0        | ^11.0.0            |
 | >=10.0.0       | ^12.0.0            |
+| >=11.0.0       | ^13.0.0            |
 
 If you experience errors like below, **please double check the version you use.**
 
@@ -120,7 +121,7 @@ import { Spinkit } from 'ng-http-loader'; // <============
     styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
-    spinkit = Spinkit; // <============
+    public spinkit = Spinkit; // <============
 }
 ```
 The different spinners available are referenced in [this file](src/lib/spinkits.ts).

package.json

@@ -47,36 +47,36 @@
     "rxjs": "^6.6.0 || ^7.0.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^12.0.0",
-    "@angular-eslint/builder": "12.6.1",
-    "@angular-eslint/eslint-plugin": "12.6.1",
-    "@angular-eslint/eslint-plugin-template": "12.6.1",
-    "@angular-eslint/schematics": "12.6.1",
-    "@angular-eslint/template-parser": "12.6.1",
-    "@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/platform-browser": "^12.0.0",
-    "@angular/platform-browser-dynamic": "^12.0.0",
-    "@types/jasmine": "~3.8.0",
+    "@angular-devkit/build-angular": "^13.0.0",
+    "@angular-eslint/builder": "^12.6.1",
+    "@angular-eslint/eslint-plugin": "^12.6.1",
+    "@angular-eslint/eslint-plugin-template": "^12.6.1",
+    "@angular-eslint/schematics": "^12.6.1",
+    "@angular-eslint/template-parser": "^12.6.1",
+    "@angular/cli": "^13.0.0",
+    "@angular/common": "^13.0.0",
+    "@angular/compiler": "^13.0.0",
+    "@angular/compiler-cli": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/platform-browser": "^13.0.0",
+    "@angular/platform-browser-dynamic": "^13.0.0",
+    "@types/jasmine": "~3.10.0",
     "@types/node": "^12.11.1",
     "@typescript-eslint/eslint-plugin": "4.28.2",
     "@typescript-eslint/parser": "4.28.2",
     "eslint": "^7.26.0",
     "eslint-plugin-rxjs": "^4.0.1",
-    "jasmine-core": "~3.8.0",
+    "jasmine-core": "~3.10.0",
     "karma": "~6.3.2",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage": "~2.0.3",
     "karma-firefox-launcher": "^1.1.0",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "ng-packagr": "^12.0.0",
-    "puppeteer": "^10.0.0",
-    "rxjs": "^6.6.0",
-    "typescript": "~4.3.5",
+    "ng-packagr": "^13.0.0",
+    "puppeteer": "^11.0.0",
+    "rxjs": "^7.4.0",
+    "typescript": "~4.4.3",
     "zone.js": "~0.11.4"
   }
 }

polyfills.ts

@@ -8,8 +8,8 @@
  *      file.
  *
  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ * automatically update themselves. This includes recent versions of Safari, Chrome (including
+ * Opera), Edge on the desktop, and iOS and Chrome on mobile.
  *
  * Learn more in https://angular.io/guide/browser-support
  */
@@ -18,18 +18,6 @@
  * BROWSER POLYFILLS
  */
 
-/**
- * IE11 requires the following for NgClass support on SVG elements
- */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags

src/test.ts

@@ -17,8 +17,7 @@ declare const require: {
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-  { teardown: { destroyAfterEach: true }}
+  platformBrowserDynamicTesting()
 );
 
 // Then we find all the tests.

tsconfig.json

@@ -5,6 +5,8 @@
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
     "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
@@ -16,7 +18,7 @@
     "target": "es2017",
     "module": "es2020",
     "lib": [
-      "es2018",
+      "es2020",
       "dom"
     ]
   },

tsconfig.lib.json

@@ -7,11 +7,7 @@
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
-    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
+    "types": []
   },
   "exclude": [
     "./src/test.ts",