refactor: convert components to standalone (Angular 19 default)

Author: yogeshchoudhary147

projects/auth0-angular/src/lib/abstract-navigator.spec.ts

@@ -10,9 +10,7 @@ describe('RouteNavigator', () => {
   let replaceStateSpy: any;
 
   // Stub component for the sake of getting the router to accept routes
-  @Component({
-    standalone: false,
-  })
+  @Component({})
   class StubComponent {}
 
   describe('with no router', () => {

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

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

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

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