chore(angular-query): update to angular 19 (#8349)

Author: arnoud-dv

examples/angular/basic/angular.json

@@ -45,7 +45,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/basic",
             "index": "src/index.html",
@@ -81,7 +81,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "basic:build:production"
@@ -93,7 +93,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "basic:build"
           }

examples/angular/basic/package.json

@@ -9,20 +9,20 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
     "@tanstack/angular-query-experimental": "^5.61.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
-    "zone.js": "^0.14.8"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.4.5"
+    "@angular/build": "^19.0.1",
+    "@angular/cli": "^19.0.1",
+    "@angular/compiler-cli": "^19.0.0",
+    "typescript": "5.6.3"
   }
 }

examples/angular/basic/src/app/app.component.ts

@@ -5,7 +5,6 @@ import { PostsComponent } from './components/posts.component'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'basic-example',
-  standalone: true,
   templateUrl: './app.component.html',
   imports: [PostComponent, PostsComponent],
 })

examples/angular/basic/src/app/components/post.component.ts

@@ -13,7 +13,6 @@ import { PostsService } from '../services/posts-service'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'post',
-  standalone: true,
   templateUrl: './post.component.html',
 })
 export class PostComponent {

examples/angular/basic/src/app/components/posts.component.ts

@@ -12,7 +12,6 @@ import { PostsService } from '../services/posts-service'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'posts',
-  standalone: true,
   templateUrl: './posts.component.html',
 })
 export class PostsComponent {

examples/angular/basic/tsconfig.json

@@ -9,11 +9,12 @@
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "skipLibCheck": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
     "sourceMap": true,
     "declaration": false,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
@@ -24,6 +25,7 @@
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
+    "strictStandalone": true,
     "strictTemplates": true
   }
 }

examples/angular/devtools-panel/angular.json

@@ -45,7 +45,7 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/devtools-panel",
             "index": "src/index.html",
@@ -79,7 +79,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "devtools-panel:build:production"
@@ -91,7 +91,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "devtools-panel:build"
           }

examples/angular/devtools-panel/package.json

@@ -9,22 +9,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
-    "@angular/router": "^17.3.12",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
     "@tanstack/angular-query-devtools-experimental": "^5.61.3",
     "@tanstack/angular-query-experimental": "^5.61.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
-    "zone.js": "^0.14.8"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular/cli": "^17.3.8",
-    "@angular/compiler-cli": "^17.3.12",
-    "typescript": "5.4.5"
+    "@angular/build": "^19.0.1",
+    "@angular/cli": "^19.0.1",
+    "@angular/compiler-cli": "^19.0.0",
+    "typescript": "5.6.3"
   }
 }

examples/angular/devtools-panel/src/app/app.component.ts

@@ -5,7 +5,6 @@ import { ExampleQueryComponent } from './components/example-query.component'
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'app-root',
-  standalone: true,
   template: `
     <ul>
       <li>

examples/angular/devtools-panel/src/app/components/basic-devtools-panel-example.component.ts

@@ -4,7 +4,6 @@ import { ExampleQueryComponent } from './example-query.component'
 import type { ElementRef } from '@angular/core'
 
 @Component({
-  standalone: true,
   selector: 'basic-devtools-panel-example',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `