chore: update to Angular 19

package.json

@@ -25,28 +25,28 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/animations": "^19.2.17",
+    "@angular/common": "^19.2.17",
+    "@angular/compiler": "^19.2.17",
+    "@angular/core": "^19.2.17",
+    "@angular/platform-browser": "^19.2.17",
+    "@angular/platform-browser-dynamic": "^19.2.17",
+    "@angular/router": "^19.2.17",
     "@auth0/auth0-spa-js": "^2.11.0",
     "rxjs": "^6.6.7",
     "tslib": "^2.8.1",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.21",
-    "@angular-eslint/builder": "18.4.3",
-    "@angular-eslint/eslint-plugin": "18.4.3",
-    "@angular-eslint/eslint-plugin-template": "18.4.3",
-    "@angular-eslint/schematics": "18.4.3",
-    "@angular-eslint/template-parser": "18.4.3",
-    "@angular/cli": "^18.2.20",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/forms": "^18.2.13",
+    "@angular-devkit/build-angular": "^19.2.19",
+    "@angular-eslint/builder": "^19.0.0",
+    "@angular-eslint/eslint-plugin": "^19.0.0",
+    "@angular-eslint/eslint-plugin-template": "^19.0.0",
+    "@angular-eslint/schematics": "^19.0.0",
+    "@angular-eslint/template-parser": "^19.0.0",
+    "@angular/cli": "^19.2.19",
+    "@angular/compiler-cli": "^19.2.17",
+    "@angular/forms": "^19.2.17",
     "@cypress/schematic": "^2.5.2",
     "@types/jasmine": "^3.10.18",
     "@types/jasminewd2": "~2.0.13",
@@ -69,14 +69,14 @@
     "jest-preset-angular": "^14.6.2",
     "jwks-rsa": "^3.2.0",
     "moment": "^2.30.1",
-    "ng-packagr": "^18.2.1",
+    "ng-packagr": "^19.2.2",
     "oidc-provider": "^7.6.0",
     "prettier": "^2.8.8",
     "pretty-quick": "^2.0.2",
     "protractor": "~7.0.0",
     "ts-node": "^10.9.2",
     "typedoc": "^0.28.15",
-    "typescript": "~5.4.5"
+    "typescript": "~5.8.3"
   },
   "prettier": {
     "semi": true,

projects/auth0-angular/src/useragent.ts

@@ -1 +1 @@
-export default { name: '@auth0/auth0-angular', version: '2.2.1' };
+export default { name: '@auth0/auth0-angular', version: '2.4.0' };

projects/playground/.eslintrc.json

@@ -28,7 +28,8 @@
             "prefix": "app",
             "style": "camelCase"
           }
-        ]
+        ],
+        "@angular-eslint/prefer-standalone": "off"
       }
     },
     {

projects/playground/src/app/app.component.ts

@@ -11,6 +11,7 @@ import { LogoutOptions } from 'projects/auth0-angular/src/lib/interfaces';
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
+  standalone: false,
 })
 export class AppComponent implements OnInit {
   isAuthenticated$ = this.auth.isAuthenticated$;

projects/playground/src/app/components/child-route.component.ts

@@ -8,5 +8,6 @@ import { Component } from '@angular/core';
     <router-outlet></router-outlet>
   `,
   styles: [],
+  standalone: false,
 })
 export class ChildRouteComponent {}

projects/playground/src/app/components/error.component.ts

@@ -4,5 +4,6 @@ import { Component, OnInit } from '@angular/core';
   selector: 'app-error',
   template: '<p data-cy="error">Error!</p>',
   styles: [],
+  standalone: false,
 })
 export class ErrorComponent {}

projects/playground/src/app/components/lazy-module.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core';
   selector: 'app-lazy-module',
   template: '<p data-cy="lazy-module">lazy-module works!</p>',
   styles: [],
+  standalone: false,
 })
 export class LazyModuleComponent {}

projects/playground/src/app/components/nested-child-route.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core';
   selector: 'app-nested-child-route',
   template: ` <p data-cy="nested-child-route">Nested child-route works!</p> `,
   styles: [],
+  standalone: false,
 })
 export class NestedChildRouteComponent {}

projects/playground/src/app/components/protected.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core';
   selector: 'app-protected',
   template: '<p data-cy="protected">This route is protected!</p>',
   styles: [],
+  standalone: false,
 })
 export class ProtectedComponent {}

projects/playground/src/app/components/unprotected.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core';
   selector: 'app-unprotected',
   template: '<p data-cy="unprotected">This route is unprotected!</p>',
   styles: [],
+  standalone: false,
 })
 export class UnprotectedComponent {}