Upgrade Angular from v18 to v19

Co-authored-by: michaelschoenbaechler <49410646+michaelschoenbaechler@users.noreply.github.com>

Author: Copilot

package-lock.json

@@ -17,12 +17,12 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^18.2.5",
-    "@angular/core": "^18.2.5",
-    "@angular/forms": "^18.2.5",
-    "@angular/platform-browser": "^18.2.5",
-    "@angular/platform-browser-dynamic": "^18.2.5",
-    "@angular/router": "^18.2.5",
+    "@angular/common": "^19.2.14",
+    "@angular/core": "^19.2.14",
+    "@angular/forms": "^19.2.14",
+    "@angular/platform-browser": "^19.2.14",
+    "@angular/platform-browser-dynamic": "^19.2.14",
+    "@angular/router": "^19.2.14",
     "@capacitor/app": "^6.0.0",
     "@capacitor/browser": "^6.0.0",
     "@capacitor/core": "^6.0.0",
@@ -41,18 +41,18 @@
     "rxjs": "~7.8.1",
     "swissparl": "^0.6.2",
     "tslib": "^2.2.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.5",
+    "@angular-devkit/build-angular": "^19.2.15",
     "@angular-eslint/builder": "~18.3.1",
     "@angular-eslint/eslint-plugin": "~18.3.1",
     "@angular-eslint/eslint-plugin-template": "~18.3.1",
     "@angular-eslint/template-parser": "~18.3.1",
-    "@angular/cli": "^18.2.5",
-    "@angular/compiler": "^18.2.5",
-    "@angular/compiler-cli": "^18.2.5",
-    "@angular/language-service": "^18.2.5",
+    "@angular/cli": "^19.2.15",
+    "@angular/compiler": "^19.2.14",
+    "@angular/compiler-cli": "^19.2.14",
+    "@angular/language-service": "^19.2.14",
     "@capacitor/cli": "^6.0.0",
     "@commitlint/cli": "^18.4.4",
     "@commitlint/config-conventional": "^18.4.4",

package.json

@@ -2,11 +2,10 @@ import { Component } from '@angular/core';
 import { IonicModule } from '@ionic/angular';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: 'app.component.html',
-  styleUrls: ['app.component.scss'],
-  standalone: true,
-  imports: [IonicModule]
+    selector: 'app-root',
+    templateUrl: 'app.component.html',
+    styleUrls: ['app.component.scss'],
+    imports: [IonicModule]
 })
 export class AppComponent {
   constructor() {}

src/app/app.component.ts

@@ -4,11 +4,10 @@ import { TextCardComponent } from '../../../shared/components/text-card/text-car
 import { ODataDateTimePipe } from '../../../shared/pipes/o-data-date-time.pipe';
 
 @Component({
-  selector: 'app-business-card',
-  templateUrl: './business-card.component.html',
-  styleUrls: ['./business-card.component.scss'],
-  standalone: true,
-  imports: [TextCardComponent, ODataDateTimePipe]
+    selector: 'app-business-card',
+    templateUrl: './business-card.component.html',
+    styleUrls: ['./business-card.component.scss'],
+    imports: [TextCardComponent, ODataDateTimePipe]
 })
 export class BusinessCardComponent {
   @Input() business: Business;

src/app/business/components/business-card/business-card.component.ts

@@ -6,11 +6,10 @@ import { TranslocoDirective } from '@jsverse/transloco';
 import { TextCardComponent } from '../../../shared/components/text-card/text-card.component';
 
 @Component({
-  selector: 'app-business-detail-text',
-  templateUrl: './business-detail-text.component.html',
-  styleUrls: ['./business-detail-text.component.scss'],
-  standalone: true,
-  imports: [IonicModule, TextCardComponent, TranslocoDirective]
+    selector: 'app-business-detail-text',
+    templateUrl: './business-detail-text.component.html',
+    styleUrls: ['./business-detail-text.component.scss'],
+    imports: [IonicModule, TextCardComponent, TranslocoDirective]
 })
 export class BusinessDetailTextComponent {
   @Input() business: Business;

src/app/business/components/business-detail-text/business-detail-text.component.ts

@@ -11,11 +11,10 @@ import { TranslocoDirective } from '@jsverse/transloco';
 import { BusinessStore } from '../../business.store';
 
 @Component({
-  selector: 'app-business-filter-form',
-  templateUrl: './business-filter-form.component.html',
-  styleUrls: ['./business-filter-form.component.scss'],
-  standalone: true,
-  imports: [FormsModule, IonicModule, ReactiveFormsModule, TranslocoDirective]
+    selector: 'app-business-filter-form',
+    templateUrl: './business-filter-form.component.html',
+    styleUrls: ['./business-filter-form.component.scss'],
+    imports: [FormsModule, IonicModule, ReactiveFormsModule, TranslocoDirective]
 })
 export class BusinessFilterFormComponent {
   readonly store = inject(BusinessStore);

src/app/business/components/business-filter-form/business-filter-form.component.ts

@@ -9,19 +9,18 @@ import { ErrorScreenComponent } from '../../../shared/components/error-screen/er
 import { BusinessStore } from '../../business.store';
 
 @Component({
-  selector: 'app-business-detail',
-  templateUrl: './business-detail.page.html',
-  styleUrls: ['./business-detail.page.scss'],
-  standalone: true,
-  imports: [
-    IonicModule,
-    BusinessCardComponent,
-    BusinessDetailTextComponent,
-    LoadingScreenComponent,
-    ErrorScreenComponent,
-    RouterLink,
-    TranslocoDirective
-  ]
+    selector: 'app-business-detail',
+    templateUrl: './business-detail.page.html',
+    styleUrls: ['./business-detail.page.scss'],
+    imports: [
+        IonicModule,
+        BusinessCardComponent,
+        BusinessDetailTextComponent,
+        LoadingScreenComponent,
+        ErrorScreenComponent,
+        RouterLink,
+        TranslocoDirective
+    ]
 })
 export class BusinessDetailPage implements OnInit {
   readonly store = inject(BusinessStore);

src/app/business/containers/business-detail/business-detail.page.ts

@@ -27,22 +27,21 @@ import { BusinessFilterFormComponent } from '../../components/business-filter-fo
 import { SearchSuggestions } from './search-suggestions';
 
 @Component({
-  selector: 'app-business-list',
-  templateUrl: './business-list.page.html',
-  styleUrls: ['./business-list.page.scss'],
-  standalone: true,
-  imports: [
-    IonicModule,
-    ReactiveFormsModule,
-    BusinessCardComponent,
-    LoadingScreenComponent,
-    ErrorScreenComponent,
-    NoContentScreenComponent,
-    HideKeyboardOnEnterDirective,
-    BusinessFilterFormComponent,
-    TranslocoDirective
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush
+    selector: 'app-business-list',
+    templateUrl: './business-list.page.html',
+    styleUrls: ['./business-list.page.scss'],
+    imports: [
+        IonicModule,
+        ReactiveFormsModule,
+        BusinessCardComponent,
+        LoadingScreenComponent,
+        ErrorScreenComponent,
+        NoContentScreenComponent,
+        HideKeyboardOnEnterDirective,
+        BusinessFilterFormComponent,
+        TranslocoDirective
+    ],
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class BusinessListPage implements OnInit {
   @ViewChild('searchBar', { static: false }) searchBar: IonSearchbar;

src/app/business/containers/business-list/business-list.page.ts

@@ -3,11 +3,10 @@ import { MemberCouncil } from 'swissparl';
 import { LowerCasePipe } from '@angular/common';
 
 @Component({
-  selector: 'app-council-member-card',
-  templateUrl: './council-member-card.component.html',
-  styleUrls: ['./council-member-card.component.scss'],
-  standalone: true,
-  imports: [LowerCasePipe]
+    selector: 'app-council-member-card',
+    templateUrl: './council-member-card.component.html',
+    styleUrls: ['./council-member-card.component.scss'],
+    imports: [LowerCasePipe]
 })
 export class CouncilMemberCardComponent {
   councilMember = input<MemberCouncil>();

src/app/council-member/components/council-member-card/council-member-card.component.ts

@@ -16,11 +16,10 @@ export type CouncilMemberFilterForm = {
 };
 
 @Component({
-  selector: 'app-council-member-filter-form',
-  templateUrl: './council-member-filter-form.component.html',
-  styleUrls: ['./council-member-filter-form.component.scss'],
-  imports: [IonicModule, ReactiveFormsModule, TranslocoDirective],
-  standalone: true
+    selector: 'app-council-member-filter-form',
+    templateUrl: './council-member-filter-form.component.html',
+    styleUrls: ['./council-member-filter-form.component.scss'],
+    imports: [IonicModule, ReactiveFormsModule, TranslocoDirective]
 })
 export class CouncilMemberFilterFormComponent implements OnInit {
   preset = input<CouncilMemberFilterForm>();