From 3a9b13b4aa5b8fd2090e289ab34c4bd05fbbd3c3 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 11 Dec 2024 15:23:22 -0500
Subject: [PATCH 01/11] fix(angular): update components to new standalone
 property for ng19

---
 angular-standalone/base/src/app/app.component.ts               | 1 -
 angular-standalone/official/blank/src/app/app.component.ts     | 1 -
 angular-standalone/official/blank/src/app/home/home.page.ts    | 1 -
 angular-standalone/official/list/src/app/app.component.ts      | 1 -
 angular-standalone/official/list/src/app/home/home.page.ts     | 1 -
 .../official/list/src/app/message/message.component.ts         | 1 -
 .../official/list/src/app/view-message/view-message.page.ts    | 1 -
 angular-standalone/official/sidemenu/src/app/app.component.ts  | 1 -
 .../official/sidemenu/src/app/folder/folder.page.ts            | 1 -
 angular-standalone/official/tabs/src/app/app.component.ts      | 1 -
 .../src/app/explore-container/explore-container.component.ts   | 1 -
 angular-standalone/official/tabs/src/app/tab1/tab1.page.ts     | 1 -
 angular-standalone/official/tabs/src/app/tab2/tab2.page.ts     | 1 -
 angular-standalone/official/tabs/src/app/tab3/tab3.page.ts     | 1 -
 angular-standalone/official/tabs/src/app/tabs/tabs.page.ts     | 1 -
 angular/base/src/app/app.component.ts                          | 1 +
 angular/official/blank/src/app/home/home.page.ts               | 1 +
 angular/official/list/src/app/home/home.page.ts                | 1 +
 angular/official/list/src/app/message/message.component.ts     | 1 +
 .../official/list/src/app/view-message/view-message.page.ts    | 1 +
 angular/official/sidemenu/src/app/app.component.ts             | 1 +
 angular/official/sidemenu/src/app/folder/folder.page.ts        | 1 +
 .../src/app/explore-container/explore-container.component.ts   | 1 +
 angular/official/tabs/src/app/tab1/tab1.page.ts                | 3 ++-
 angular/official/tabs/src/app/tab2/tab2.page.ts                | 3 ++-
 angular/official/tabs/src/app/tab3/tab3.page.ts                | 3 ++-
 angular/official/tabs/src/app/tabs/tabs.page.ts                | 3 ++-
 27 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/angular-standalone/base/src/app/app.component.ts b/angular-standalone/base/src/app/app.component.ts
index cc533ddaa..079c763c8 100644
--- a/angular-standalone/base/src/app/app.component.ts
+++ b/angular-standalone/base/src/app/app.component.ts
@@ -5,7 +5,6 @@ import { IonApp } from '@ionic/angular/standalone';
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.scss'],
-  standalone: true,
   imports: [IonApp],
 })
 export class AppComponent {
diff --git a/angular-standalone/official/blank/src/app/app.component.ts b/angular-standalone/official/blank/src/app/app.component.ts
index c5ba44f19..1da531b74 100644
--- a/angular-standalone/official/blank/src/app/app.component.ts
+++ b/angular-standalone/official/blank/src/app/app.component.ts
@@ -4,7 +4,6 @@ import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
-  standalone: true,
   imports: [IonApp, IonRouterOutlet],
 })
 export class AppComponent {
diff --git a/angular-standalone/official/blank/src/app/home/home.page.ts b/angular-standalone/official/blank/src/app/home/home.page.ts
index bd0b20423..dca8b7705 100644
--- a/angular-standalone/official/blank/src/app/home/home.page.ts
+++ b/angular-standalone/official/blank/src/app/home/home.page.ts
@@ -5,7 +5,6 @@ import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/stan
   selector: 'app-home',
   templateUrl: 'home.page.html',
   styleUrls: ['home.page.scss'],
-  standalone: true,
   imports: [IonHeader, IonToolbar, IonTitle, IonContent],
 })
 export class HomePage {
diff --git a/angular-standalone/official/list/src/app/app.component.ts b/angular-standalone/official/list/src/app/app.component.ts
index c5ba44f19..1da531b74 100644
--- a/angular-standalone/official/list/src/app/app.component.ts
+++ b/angular-standalone/official/list/src/app/app.component.ts
@@ -4,7 +4,6 @@ import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
-  standalone: true,
   imports: [IonApp, IonRouterOutlet],
 })
 export class AppComponent {
diff --git a/angular-standalone/official/list/src/app/home/home.page.ts b/angular-standalone/official/list/src/app/home/home.page.ts
index f427c8c9e..14dea7b75 100644
--- a/angular-standalone/official/list/src/app/home/home.page.ts
+++ b/angular-standalone/official/list/src/app/home/home.page.ts
@@ -9,7 +9,6 @@ import { DataService, Message } from '../services/data.service';
   selector: 'app-home',
   templateUrl: 'home.page.html',
   styleUrls: ['home.page.scss'],
-  standalone: true,
   imports: [CommonModule, IonHeader, IonToolbar, IonTitle, IonContent, IonRefresher, IonRefresherContent, IonList, MessageComponent],
 })
 export class HomePage {
diff --git a/angular-standalone/official/list/src/app/message/message.component.ts b/angular-standalone/official/list/src/app/message/message.component.ts
index 605c68c36..63704c21d 100644
--- a/angular-standalone/official/list/src/app/message/message.component.ts
+++ b/angular-standalone/official/list/src/app/message/message.component.ts
@@ -11,7 +11,6 @@ import { Message } from '../services/data.service';
   templateUrl: './message.component.html',
   styleUrls: ['./message.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
   imports: [CommonModule, RouterLink, IonItem, IonLabel, IonNote, IonIcon],
 })
 export class MessageComponent {
diff --git a/angular-standalone/official/list/src/app/view-message/view-message.page.ts b/angular-standalone/official/list/src/app/view-message/view-message.page.ts
index 8864d088e..5253639d1 100644
--- a/angular-standalone/official/list/src/app/view-message/view-message.page.ts
+++ b/angular-standalone/official/list/src/app/view-message/view-message.page.ts
@@ -10,7 +10,6 @@ import { DataService, Message } from '../services/data.service';
   selector: 'app-view-message',
   templateUrl: './view-message.page.html',
   styleUrls: ['./view-message.page.scss'],
-  standalone: true,
   imports: [CommonModule, IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote],
 })
 export class ViewMessagePage implements OnInit {
diff --git a/angular-standalone/official/sidemenu/src/app/app.component.ts b/angular-standalone/official/sidemenu/src/app/app.component.ts
index a373b03e0..aad08559e 100644
--- a/angular-standalone/official/sidemenu/src/app/app.component.ts
+++ b/angular-standalone/official/sidemenu/src/app/app.component.ts
@@ -9,7 +9,6 @@ import { mailOutline, mailSharp, paperPlaneOutline, paperPlaneSharp, heartOutlin
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.scss'],
-  standalone: true,
   imports: [RouterLink, RouterLinkActive, CommonModule, IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterLink, IonRouterOutlet],
 })
 export class AppComponent {
diff --git a/angular-standalone/official/sidemenu/src/app/folder/folder.page.ts b/angular-standalone/official/sidemenu/src/app/folder/folder.page.ts
index a33a5e5e8..3c00733fe 100644
--- a/angular-standalone/official/sidemenu/src/app/folder/folder.page.ts
+++ b/angular-standalone/official/sidemenu/src/app/folder/folder.page.ts
@@ -6,7 +6,6 @@ import { IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent
   selector: 'app-folder',
   templateUrl: './folder.page.html',
   styleUrls: ['./folder.page.scss'],
-  standalone: true,
   imports: [IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent],
 })
 export class FolderPage implements OnInit {
diff --git a/angular-standalone/official/tabs/src/app/app.component.ts b/angular-standalone/official/tabs/src/app/app.component.ts
index c5ba44f19..1da531b74 100644
--- a/angular-standalone/official/tabs/src/app/app.component.ts
+++ b/angular-standalone/official/tabs/src/app/app.component.ts
@@ -4,7 +4,6 @@ import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
-  standalone: true,
   imports: [IonApp, IonRouterOutlet],
 })
 export class AppComponent {
diff --git a/angular-standalone/official/tabs/src/app/explore-container/explore-container.component.ts b/angular-standalone/official/tabs/src/app/explore-container/explore-container.component.ts
index d2073a628..3f4e8b27f 100644
--- a/angular-standalone/official/tabs/src/app/explore-container/explore-container.component.ts
+++ b/angular-standalone/official/tabs/src/app/explore-container/explore-container.component.ts
@@ -4,7 +4,6 @@ import { Component, Input } from '@angular/core';
   selector: 'app-explore-container',
   templateUrl: './explore-container.component.html',
   styleUrls: ['./explore-container.component.scss'],
-  standalone: true,
 })
 export class ExploreContainerComponent {
   @Input() name?: string;
diff --git a/angular-standalone/official/tabs/src/app/tab1/tab1.page.ts b/angular-standalone/official/tabs/src/app/tab1/tab1.page.ts
index 125fdf9be..2c0d1ee60 100644
--- a/angular-standalone/official/tabs/src/app/tab1/tab1.page.ts
+++ b/angular-standalone/official/tabs/src/app/tab1/tab1.page.ts
@@ -6,7 +6,6 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe
   selector: 'app-tab1',
   templateUrl: 'tab1.page.html',
   styleUrls: ['tab1.page.scss'],
-  standalone: true,
   imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent],
 })
 export class Tab1Page {
diff --git a/angular-standalone/official/tabs/src/app/tab2/tab2.page.ts b/angular-standalone/official/tabs/src/app/tab2/tab2.page.ts
index 6fd1fdda6..559aad5f5 100644
--- a/angular-standalone/official/tabs/src/app/tab2/tab2.page.ts
+++ b/angular-standalone/official/tabs/src/app/tab2/tab2.page.ts
@@ -6,7 +6,6 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe
   selector: 'app-tab2',
   templateUrl: 'tab2.page.html',
   styleUrls: ['tab2.page.scss'],
-  standalone: true,
   imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent]
 })
 export class Tab2Page {
diff --git a/angular-standalone/official/tabs/src/app/tab3/tab3.page.ts b/angular-standalone/official/tabs/src/app/tab3/tab3.page.ts
index 5e29647d9..5f6b0f1e8 100644
--- a/angular-standalone/official/tabs/src/app/tab3/tab3.page.ts
+++ b/angular-standalone/official/tabs/src/app/tab3/tab3.page.ts
@@ -6,7 +6,6 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe
   selector: 'app-tab3',
   templateUrl: 'tab3.page.html',
   styleUrls: ['tab3.page.scss'],
-  standalone: true,
   imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent],
 })
 export class Tab3Page {
diff --git a/angular-standalone/official/tabs/src/app/tabs/tabs.page.ts b/angular-standalone/official/tabs/src/app/tabs/tabs.page.ts
index 62fd0c0f4..d057eac1b 100644
--- a/angular-standalone/official/tabs/src/app/tabs/tabs.page.ts
+++ b/angular-standalone/official/tabs/src/app/tabs/tabs.page.ts
@@ -7,7 +7,6 @@ import { triangle, ellipse, square } from 'ionicons/icons';
   selector: 'app-tabs',
   templateUrl: 'tabs.page.html',
   styleUrls: ['tabs.page.scss'],
-  standalone: true,
   imports: [IonTabs, IonTabBar, IonTabButton, IonIcon, IonLabel],
 })
 export class TabsPage {
diff --git a/angular/base/src/app/app.component.ts b/angular/base/src/app/app.component.ts
index 913de3dfe..da2f9aa7d 100644
--- a/angular/base/src/app/app.component.ts
+++ b/angular/base/src/app/app.component.ts
@@ -4,6 +4,7 @@ import { Component } from '@angular/core';
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.scss'],
+  standalone: false,
 })
 export class AppComponent {
   constructor() {}
diff --git a/angular/official/blank/src/app/home/home.page.ts b/angular/official/blank/src/app/home/home.page.ts
index 83522d597..be165aaf8 100644
--- a/angular/official/blank/src/app/home/home.page.ts
+++ b/angular/official/blank/src/app/home/home.page.ts
@@ -4,6 +4,7 @@ import { Component } from '@angular/core';
   selector: 'app-home',
   templateUrl: 'home.page.html',
   styleUrls: ['home.page.scss'],
+  standalone: false,
 })
 export class HomePage {
 
diff --git a/angular/official/list/src/app/home/home.page.ts b/angular/official/list/src/app/home/home.page.ts
index 4815425d8..c5404229a 100644
--- a/angular/official/list/src/app/home/home.page.ts
+++ b/angular/official/list/src/app/home/home.page.ts
@@ -8,6 +8,7 @@ import { DataService, Message } from '../services/data.service';
   selector: 'app-home',
   templateUrl: 'home.page.html',
   styleUrls: ['home.page.scss'],
+  standalone: false,
 })
 export class HomePage {
   private data = inject(DataService);
diff --git a/angular/official/list/src/app/message/message.component.ts b/angular/official/list/src/app/message/message.component.ts
index 9fdac3fe4..1d91033f5 100644
--- a/angular/official/list/src/app/message/message.component.ts
+++ b/angular/official/list/src/app/message/message.component.ts
@@ -6,6 +6,7 @@ import { Message } from '../services/data.service';
   selector: 'app-message',
   templateUrl: './message.component.html',
   styleUrls: ['./message.component.scss'],
+  standalone: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MessageComponent {
diff --git a/angular/official/list/src/app/view-message/view-message.page.ts b/angular/official/list/src/app/view-message/view-message.page.ts
index a720c7035..9bac4e69b 100644
--- a/angular/official/list/src/app/view-message/view-message.page.ts
+++ b/angular/official/list/src/app/view-message/view-message.page.ts
@@ -8,6 +8,7 @@ import { DataService, Message } from '../services/data.service';
   selector: 'app-view-message',
   templateUrl: './view-message.page.html',
   styleUrls: ['./view-message.page.scss'],
+  standalone: false,
 })
 export class ViewMessagePage implements OnInit {
   public message!: Message;
diff --git a/angular/official/sidemenu/src/app/app.component.ts b/angular/official/sidemenu/src/app/app.component.ts
index 724e1d766..71cc5ca6a 100644
--- a/angular/official/sidemenu/src/app/app.component.ts
+++ b/angular/official/sidemenu/src/app/app.component.ts
@@ -3,6 +3,7 @@ import { Component } from '@angular/core';
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.scss'],
+  standalone: false,
 })
 export class AppComponent {
   public appPages = [
diff --git a/angular/official/sidemenu/src/app/folder/folder.page.ts b/angular/official/sidemenu/src/app/folder/folder.page.ts
index 00aee838e..e29f5978b 100644
--- a/angular/official/sidemenu/src/app/folder/folder.page.ts
+++ b/angular/official/sidemenu/src/app/folder/folder.page.ts
@@ -5,6 +5,7 @@ import { ActivatedRoute } from '@angular/router';
   selector: 'app-folder',
   templateUrl: './folder.page.html',
   styleUrls: ['./folder.page.scss'],
+  standalone: false,
 })
 export class FolderPage implements OnInit {
   public folder!: string;
diff --git a/angular/official/tabs/src/app/explore-container/explore-container.component.ts b/angular/official/tabs/src/app/explore-container/explore-container.component.ts
index 11beba047..3a5133a5a 100644
--- a/angular/official/tabs/src/app/explore-container/explore-container.component.ts
+++ b/angular/official/tabs/src/app/explore-container/explore-container.component.ts
@@ -4,6 +4,7 @@ import { Component, Input } from '@angular/core';
   selector: 'app-explore-container',
   templateUrl: './explore-container.component.html',
   styleUrls: ['./explore-container.component.scss'],
+  standalone: false,
 })
 export class ExploreContainerComponent {
 
diff --git a/angular/official/tabs/src/app/tab1/tab1.page.ts b/angular/official/tabs/src/app/tab1/tab1.page.ts
index 3deefc3b1..e52fddb9d 100644
--- a/angular/official/tabs/src/app/tab1/tab1.page.ts
+++ b/angular/official/tabs/src/app/tab1/tab1.page.ts
@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-tab1',
   templateUrl: 'tab1.page.html',
-  styleUrls: ['tab1.page.scss']
+  styleUrls: ['tab1.page.scss'],
+  standalone: false,
 })
 export class Tab1Page {
 
diff --git a/angular/official/tabs/src/app/tab2/tab2.page.ts b/angular/official/tabs/src/app/tab2/tab2.page.ts
index e14cad409..520c45bda 100644
--- a/angular/official/tabs/src/app/tab2/tab2.page.ts
+++ b/angular/official/tabs/src/app/tab2/tab2.page.ts
@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-tab2',
   templateUrl: 'tab2.page.html',
-  styleUrls: ['tab2.page.scss']
+  styleUrls: ['tab2.page.scss'],
+  standalone: false,
 })
 export class Tab2Page {
 
diff --git a/angular/official/tabs/src/app/tab3/tab3.page.ts b/angular/official/tabs/src/app/tab3/tab3.page.ts
index 9ed0daed5..8c63559c8 100644
--- a/angular/official/tabs/src/app/tab3/tab3.page.ts
+++ b/angular/official/tabs/src/app/tab3/tab3.page.ts
@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-tab3',
   templateUrl: 'tab3.page.html',
-  styleUrls: ['tab3.page.scss']
+  styleUrls: ['tab3.page.scss'],
+  standalone: false,
 })
 export class Tab3Page {
 
diff --git a/angular/official/tabs/src/app/tabs/tabs.page.ts b/angular/official/tabs/src/app/tabs/tabs.page.ts
index 7d64f975d..7ea8134a8 100644
--- a/angular/official/tabs/src/app/tabs/tabs.page.ts
+++ b/angular/official/tabs/src/app/tabs/tabs.page.ts
@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-tabs',
   templateUrl: 'tabs.page.html',
-  styleUrls: ['tabs.page.scss']
+  styleUrls: ['tabs.page.scss'],
+  standalone: false,
 })
 export class TabsPage {
 

From 68459f2ef66b21079dca87ea4cf30c4fa94bc421 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 11:37:47 -0500
Subject: [PATCH 02/11] chore(angular): update to ng19

---
 angular-standalone/base/package.json         | 46 ++++++++++----------
 angular/base/package.json                    | 44 +++++++++----------
 angular/community/ionic-team/enterprise-tabs |  2 +-
 3 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/angular-standalone/base/package.json b/angular-standalone/base/package.json
index e25f30f54..8007638ef 100644
--- a/angular-standalone/base/package.json
+++ b/angular-standalone/base/package.json
@@ -13,35 +13,35 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.0.0",
-    "@angular/common": "^18.0.0",
-    "@angular/compiler": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/forms": "^18.0.0",
-    "@angular/platform-browser": "^18.0.0",
-    "@angular/platform-browser-dynamic": "^18.0.0",
-    "@angular/router": "^18.0.0",
+    "@angular/animations": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
     "@ionic/angular": "^8.0.0",
-    "ionicons": "^7.2.1",
+    "ionicons": "^7.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.2"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.0.0",
-    "@angular-eslint/builder": "^18.0.0",
-    "@angular-eslint/eslint-plugin": "^18.0.0",
-    "@angular-eslint/eslint-plugin-template": "^18.0.0",
-    "@angular-eslint/schematics": "^18.0.0",
-    "@angular-eslint/template-parser": "^18.0.0",
-    "@angular/cli": "^18.0.0",
-    "@angular/compiler-cli": "^18.0.0",
-    "@angular/language-service": "^18.0.0",
+    "@angular-devkit/build-angular": "^19.0.0",
+    "@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.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/language-service": "^19.0.0",
     "@ionic/angular-toolkit": "^11.0.1",
     "@types/jasmine": "~5.1.0",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "eslint": "^8.57.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.0",
+    "@typescript-eslint/parser": "^8.18.0",
+    "eslint": "^9.16.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsdoc": "^48.2.1",
     "eslint-plugin-prefer-arrow": "1.2.2",
@@ -52,6 +52,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.4.0"
+    "typescript": "~5.6.3"
   }
 }
diff --git a/angular/base/package.json b/angular/base/package.json
index 3900bd6e1..8007638ef 100644
--- a/angular/base/package.json
+++ b/angular/base/package.json
@@ -13,35 +13,35 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.0.0",
-    "@angular/common": "^18.0.0",
-    "@angular/compiler": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/forms": "^18.0.0",
-    "@angular/platform-browser": "^18.0.0",
-    "@angular/platform-browser-dynamic": "^18.0.0",
-    "@angular/router": "^18.0.0",
+    "@angular/animations": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
     "@ionic/angular": "^8.0.0",
     "ionicons": "^7.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.2"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.0.0",
-    "@angular-eslint/builder": "^18.0.0",
-    "@angular-eslint/eslint-plugin": "^18.0.0",
-    "@angular-eslint/eslint-plugin-template": "^18.0.0",
-    "@angular-eslint/schematics": "^18.0.0",
-    "@angular-eslint/template-parser": "^18.0.0",
-    "@angular/cli": "^18.0.0",
-    "@angular/compiler-cli": "^18.0.0",
-    "@angular/language-service": "^18.0.0",
+    "@angular-devkit/build-angular": "^19.0.0",
+    "@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.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/language-service": "^19.0.0",
     "@ionic/angular-toolkit": "^11.0.1",
     "@types/jasmine": "~5.1.0",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "eslint": "^8.57.0",
+    "@typescript-eslint/eslint-plugin": "^8.18.0",
+    "@typescript-eslint/parser": "^8.18.0",
+    "eslint": "^9.16.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsdoc": "^48.2.1",
     "eslint-plugin-prefer-arrow": "1.2.2",
@@ -52,6 +52,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.4.0"
+    "typescript": "~5.6.3"
   }
 }
diff --git a/angular/community/ionic-team/enterprise-tabs b/angular/community/ionic-team/enterprise-tabs
index e0231634f..7cdff9ae9 160000
--- a/angular/community/ionic-team/enterprise-tabs
+++ b/angular/community/ionic-team/enterprise-tabs
@@ -1 +1 @@
-Subproject commit e0231634facef28b200faf51c2e24c61964bc336
+Subproject commit 7cdff9ae9826bf4705a55eea3b6d5ff478670817

From 17918d4d965992072241d9810f4c3069dd260cf8 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 12:26:37 -0500
Subject: [PATCH 03/11] fix(angular): update official starters to control flow
 syntax

---
 .../official/list/src/app/home/home.page.html |  8 ++-
 .../official/list/src/app/home/home.page.ts   |  4 +-
 .../src/app/message/message.component.html    | 64 ++++++++++---------
 .../list/src/app/message/message.component.ts |  4 +-
 .../app/view-message/view-message.page.html   | 63 +++++++++---------
 .../src/app/view-message/view-message.page.ts |  4 +-
 .../sidemenu/src/app/app.component.html       | 24 ++++---
 .../sidemenu/src/app/app.component.ts         |  4 +-
 .../official/list/src/app/home/home.page.html | 10 +--
 .../src/app/message/message.component.html    | 36 ++++++-----
 .../app/view-message/view-message.page.html   | 43 +++++++------
 .../src/app/view-message/view-message.page.ts |  2 +-
 .../sidemenu/src/app/app.component.html       | 24 ++++---
 13 files changed, 155 insertions(+), 135 deletions(-)

diff --git a/angular-standalone/official/list/src/app/home/home.page.html b/angular-standalone/official/list/src/app/home/home.page.html
index 0f7b24956..2614de6d1 100644
--- a/angular-standalone/official/list/src/app/home/home.page.html
+++ b/angular-standalone/official/list/src/app/home/home.page.html
@@ -10,7 +10,7 @@
   <ion-refresher slot="fixed" (ionRefresh)="refresh($event)">
     <ion-refresher-content></ion-refresher-content>
   </ion-refresher>
-  
+
   <ion-header collapse="condense">
     <ion-toolbar>
       <ion-title size="large">
@@ -18,8 +18,10 @@
       </ion-title>
     </ion-toolbar>
   </ion-header>
-  
+
   <ion-list>
-    <app-message *ngFor="let message of getMessages()" [message]="message"></app-message>
+    @for (message of getMessages(); track message) {
+      <app-message [message]="message"></app-message>
+    }
   </ion-list>
 </ion-content>
\ No newline at end of file
diff --git a/angular-standalone/official/list/src/app/home/home.page.ts b/angular-standalone/official/list/src/app/home/home.page.ts
index 14dea7b75..9aa2ddb19 100644
--- a/angular-standalone/official/list/src/app/home/home.page.ts
+++ b/angular-standalone/official/list/src/app/home/home.page.ts
@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+
 import { Component, inject } from '@angular/core';
 import { RefresherCustomEvent, IonHeader, IonToolbar, IonTitle, IonContent, IonRefresher, IonRefresherContent, IonList } from '@ionic/angular/standalone';
 import { MessageComponent } from '../message/message.component';
@@ -9,7 +9,7 @@ import { DataService, Message } from '../services/data.service';
   selector: 'app-home',
   templateUrl: 'home.page.html',
   styleUrls: ['home.page.scss'],
-  imports: [CommonModule, IonHeader, IonToolbar, IonTitle, IonContent, IonRefresher, IonRefresherContent, IonList, MessageComponent],
+  imports: [IonHeader, IonToolbar, IonTitle, IonContent, IonRefresher, IonRefresherContent, IonList, MessageComponent],
 })
 export class HomePage {
   private data = inject(DataService);
diff --git a/angular-standalone/official/list/src/app/message/message.component.html b/angular-standalone/official/list/src/app/message/message.component.html
index 953a8e139..e5128308d 100644
--- a/angular-standalone/official/list/src/app/message/message.component.html
+++ b/angular-standalone/official/list/src/app/message/message.component.html
@@ -1,31 +1,33 @@
-<ion-item
-  *ngIf="message"
-  [routerLink]="'/message/' + message.id"
-  [detail]="false"
->
-  <div slot="start" [class]="!message.read ? 'dot dot-unread' : 'dot'"></div>
-  <ion-label class="ion-text-wrap">
-    <h2>
-      {{ message.fromName }}
-      <span class="date">
-        <ion-note>{{ message.date }}</ion-note>
-        <ion-icon
-          aria-hidden="true"
-          name="chevron-forward"
-          size="small"
-          *ngIf="isIos()"
-        ></ion-icon>
-      </span>
-    </h2>
-    <h3>{{ message.subject }}</h3>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
-      est laborum.
-    </p>
-  </ion-label>
-</ion-item>
+@if (message) {
+  <ion-item
+    [routerLink]="'/message/' + message.id"
+    [detail]="false"
+    >
+    <div slot="start" [class]="!message.read ? 'dot dot-unread' : 'dot'"></div>
+    <ion-label class="ion-text-wrap">
+      <h2>
+        {{ message.fromName }}
+        <span class="date">
+          <ion-note>{{ message.date }}</ion-note>
+          @if (isIos()) {
+            <ion-icon
+              aria-hidden="true"
+              name="chevron-forward"
+              size="small"
+            ></ion-icon>
+          }
+        </span>
+      </h2>
+      <h3>{{ message.subject }}</h3>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+        est laborum.
+      </p>
+    </ion-label>
+  </ion-item>
+}
diff --git a/angular-standalone/official/list/src/app/message/message.component.ts b/angular-standalone/official/list/src/app/message/message.component.ts
index 63704c21d..75a6d09f1 100644
--- a/angular-standalone/official/list/src/app/message/message.component.ts
+++ b/angular-standalone/official/list/src/app/message/message.component.ts
@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+
 import { ChangeDetectionStrategy, Component, inject, Input } from '@angular/core';
 import { RouterLink } from '@angular/router';
 import { Platform, IonItem, IonLabel, IonNote, IonIcon } from '@ionic/angular/standalone';
@@ -11,7 +11,7 @@ import { Message } from '../services/data.service';
   templateUrl: './message.component.html',
   styleUrls: ['./message.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [CommonModule, RouterLink, IonItem, IonLabel, IonNote, IonIcon],
+  imports: [RouterLink, IonItem, IonLabel, IonNote, IonIcon],
 })
 export class MessageComponent {
   private platform = inject(Platform);
diff --git a/angular-standalone/official/list/src/app/view-message/view-message.page.html b/angular-standalone/official/list/src/app/view-message/view-message.page.html
index d2042b64b..c6ae550f6 100644
--- a/angular-standalone/official/list/src/app/view-message/view-message.page.html
+++ b/angular-standalone/official/list/src/app/view-message/view-message.page.html
@@ -9,34 +9,35 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content [fullscreen]="true" *ngIf="message">
-  <ion-item>
-    <ion-icon
-      aria-hidden="true"
-      name="person-circle"
-      color="primary"
-    ></ion-icon>
-    <ion-label class="ion-text-wrap">
-      <h2>
-        {{ message.fromName }}
-        <span class="date">
-          <ion-note>{{ message.date }}</ion-note>
-        </span>
-      </h2>
-      <h3>To: <ion-note>Me</ion-note></h3>
-    </ion-label>
-  </ion-item>
-
-  <div class="ion-padding">
-    <h1>{{ message.subject }}</h1>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
-      est laborum.
-    </p>
-  </div>
-</ion-content>
+@if (message) {
+  <ion-content [fullscreen]="true">
+    <ion-item>
+      <ion-icon
+        aria-hidden="true"
+        name="person-circle"
+        color="primary"
+      ></ion-icon>
+      <ion-label class="ion-text-wrap">
+        <h2>
+          {{ message.fromName }}
+          <span class="date">
+            <ion-note>{{ message.date }}</ion-note>
+          </span>
+        </h2>
+        <h3>To: <ion-note>Me</ion-note></h3>
+      </ion-label>
+    </ion-item>
+    <div class="ion-padding">
+      <h1>{{ message.subject }}</h1>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+        est laborum.
+      </p>
+    </div>
+  </ion-content>
+}
diff --git a/angular-standalone/official/list/src/app/view-message/view-message.page.ts b/angular-standalone/official/list/src/app/view-message/view-message.page.ts
index 5253639d1..062b88c94 100644
--- a/angular-standalone/official/list/src/app/view-message/view-message.page.ts
+++ b/angular-standalone/official/list/src/app/view-message/view-message.page.ts
@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+
 import { Component, inject, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Platform, IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote } from '@ionic/angular/standalone';
@@ -10,7 +10,7 @@ import { DataService, Message } from '../services/data.service';
   selector: 'app-view-message',
   templateUrl: './view-message.page.html',
   styleUrls: ['./view-message.page.scss'],
-  imports: [CommonModule, IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote],
+  imports: [IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote],
 })
 export class ViewMessagePage implements OnInit {
   public message!: Message;
diff --git a/angular-standalone/official/sidemenu/src/app/app.component.html b/angular-standalone/official/sidemenu/src/app/app.component.html
index cd12488d5..eaa3ed35a 100644
--- a/angular-standalone/official/sidemenu/src/app/app.component.html
+++ b/angular-standalone/official/sidemenu/src/app/app.component.html
@@ -6,21 +6,25 @@
           <ion-list-header>Inbox</ion-list-header>
           <ion-note>hi&#64;ionicframework.com</ion-note>
 
-          <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages; let i = index">
-            <ion-item routerDirection="root" [routerLink]="[p.url]" lines="none" detail="false" routerLinkActive="selected">
-              <ion-icon aria-hidden="true" slot="start" [ios]="p.icon + '-outline'" [md]="p.icon + '-sharp'"></ion-icon>
-              <ion-label>{{ p.title }}</ion-label>
-            </ion-item>
-          </ion-menu-toggle>
+          @for (p of appPages; track p; let i = $index) {
+            <ion-menu-toggle auto-hide="false">
+              <ion-item routerDirection="root" [routerLink]="[p.url]" lines="none" detail="false" routerLinkActive="selected">
+                <ion-icon aria-hidden="true" slot="start" [ios]="p.icon + '-outline'" [md]="p.icon + '-sharp'"></ion-icon>
+                <ion-label>{{ p.title }}</ion-label>
+              </ion-item>
+            </ion-menu-toggle>
+          }
         </ion-list>
 
         <ion-list id="labels-list">
           <ion-list-header>Labels</ion-list-header>
 
-          <ion-item *ngFor="let label of labels" lines="none">
-            <ion-icon aria-hidden="true" slot="start" ios="bookmark-outline" md="bookmark-sharp"></ion-icon>
-            <ion-label>{{ label }}</ion-label>
-          </ion-item>
+          @for (label of labels; track label) {
+            <ion-item lines="none">
+              <ion-icon aria-hidden="true" slot="start" ios="bookmark-outline" md="bookmark-sharp"></ion-icon>
+              <ion-label>{{ label }}</ion-label>
+            </ion-item>
+          }
         </ion-list>
       </ion-content>
     </ion-menu>
diff --git a/angular-standalone/official/sidemenu/src/app/app.component.ts b/angular-standalone/official/sidemenu/src/app/app.component.ts
index aad08559e..8679fa5b6 100644
--- a/angular-standalone/official/sidemenu/src/app/app.component.ts
+++ b/angular-standalone/official/sidemenu/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+
 import { Component } from '@angular/core';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 import { IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterOutlet, IonRouterLink } from '@ionic/angular/standalone';
@@ -9,7 +9,7 @@ import { mailOutline, mailSharp, paperPlaneOutline, paperPlaneSharp, heartOutlin
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.scss'],
-  imports: [RouterLink, RouterLinkActive, CommonModule, IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterLink, IonRouterOutlet],
+  imports: [RouterLink, RouterLinkActive, IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterLink, IonRouterOutlet],
 })
 export class AppComponent {
   public appPages = [
diff --git a/angular/official/list/src/app/home/home.page.html b/angular/official/list/src/app/home/home.page.html
index 0f7b24956..bbdc656f4 100644
--- a/angular/official/list/src/app/home/home.page.html
+++ b/angular/official/list/src/app/home/home.page.html
@@ -10,7 +10,7 @@
   <ion-refresher slot="fixed" (ionRefresh)="refresh($event)">
     <ion-refresher-content></ion-refresher-content>
   </ion-refresher>
-  
+
   <ion-header collapse="condense">
     <ion-toolbar>
       <ion-title size="large">
@@ -18,8 +18,10 @@
       </ion-title>
     </ion-toolbar>
   </ion-header>
-  
+
   <ion-list>
-    <app-message *ngFor="let message of getMessages()" [message]="message"></app-message>
+    @for (message of getMessages(); track message) {
+      <app-message [message]="message"></app-message>
+    }
   </ion-list>
-</ion-content>
\ No newline at end of file
+</ion-content>
diff --git a/angular/official/list/src/app/message/message.component.html b/angular/official/list/src/app/message/message.component.html
index cde642f47..c8c822e85 100644
--- a/angular/official/list/src/app/message/message.component.html
+++ b/angular/official/list/src/app/message/message.component.html
@@ -1,16 +1,20 @@
-<ion-item *ngIf="message" [routerLink]="'/message/' + message.id" [detail]="false">
-  <div slot="start" [class]="!message.read ? 'dot dot-unread' : 'dot'"></div>
-  <ion-label class="ion-text-wrap">
-    <h2>
-      {{ message.fromName }}
-      <span class="date">
-        <ion-note>{{ message.date }}</ion-note>
-        <ion-icon aria-hidden="true" name="chevron-forward" size="small" *ngIf="isIos()"></ion-icon>
-      </span>
-    </h2>
-    <h3>{{ message.subject }}</h3>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-  </ion-label>
-  </ion-item>
\ No newline at end of file
+@if (message) {
+  <ion-item [routerLink]="'/message/' + message.id" [detail]="false">
+    <div slot="start" [class]="!message.read ? 'dot dot-unread' : 'dot'"></div>
+    <ion-label class="ion-text-wrap">
+      <h2>
+        {{ message.fromName }}
+        <span class="date">
+          <ion-note>{{ message.date }}</ion-note>
+          @if (isIos()) {
+            <ion-icon aria-hidden="true" name="chevron-forward" size="small"></ion-icon>
+          }
+        </span>
+      </h2>
+      <h3>{{ message.subject }}</h3>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+    </ion-label>
+  </ion-item>
+}
diff --git a/angular/official/list/src/app/view-message/view-message.page.html b/angular/official/list/src/app/view-message/view-message.page.html
index a35ec27b2..c97a58ea6 100644
--- a/angular/official/list/src/app/view-message/view-message.page.html
+++ b/angular/official/list/src/app/view-message/view-message.page.html
@@ -6,24 +6,25 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content [fullscreen]="true" *ngIf="message">
-  <ion-item>
-    <ion-icon aria-hidden="true" name="person-circle" color="primary"></ion-icon>
-    <ion-label class="ion-text-wrap">
-      <h2>
-        {{ message.fromName }}
-        <span class="date">
-          <ion-note>{{ message.date }}</ion-note>
-        </span>
-      </h2>
-      <h3>To: <ion-note>Me</ion-note></h3>
-    </ion-label>
-  </ion-item>
-  
-  <div class="ion-padding">
-    <h1>{{ message.subject }}</h1>
-    <p>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p>
-  </div>
-</ion-content>
+@if (message) {
+  <ion-content [fullscreen]="true">
+    <ion-item>
+      <ion-icon aria-hidden="true" name="person-circle" color="primary"></ion-icon>
+      <ion-label class="ion-text-wrap">
+        <h2>
+          {{ message.fromName }}
+          <span class="date">
+            <ion-note>{{ message.date }}</ion-note>
+          </span>
+        </h2>
+        <h3>To: <ion-note>Me</ion-note></h3>
+      </ion-label>
+    </ion-item>
+    <div class="ion-padding">
+      <h1>{{ message.subject }}</h1>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      </p>
+    </div>
+  </ion-content>
+}
diff --git a/angular/official/list/src/app/view-message/view-message.page.ts b/angular/official/list/src/app/view-message/view-message.page.ts
index 9bac4e69b..f8d29a418 100644
--- a/angular/official/list/src/app/view-message/view-message.page.ts
+++ b/angular/official/list/src/app/view-message/view-message.page.ts
@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+
 import { Component, inject, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { IonicModule, Platform } from '@ionic/angular';
diff --git a/angular/official/sidemenu/src/app/app.component.html b/angular/official/sidemenu/src/app/app.component.html
index cd12488d5..eaa3ed35a 100644
--- a/angular/official/sidemenu/src/app/app.component.html
+++ b/angular/official/sidemenu/src/app/app.component.html
@@ -6,21 +6,25 @@
           <ion-list-header>Inbox</ion-list-header>
           <ion-note>hi&#64;ionicframework.com</ion-note>
 
-          <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages; let i = index">
-            <ion-item routerDirection="root" [routerLink]="[p.url]" lines="none" detail="false" routerLinkActive="selected">
-              <ion-icon aria-hidden="true" slot="start" [ios]="p.icon + '-outline'" [md]="p.icon + '-sharp'"></ion-icon>
-              <ion-label>{{ p.title }}</ion-label>
-            </ion-item>
-          </ion-menu-toggle>
+          @for (p of appPages; track p; let i = $index) {
+            <ion-menu-toggle auto-hide="false">
+              <ion-item routerDirection="root" [routerLink]="[p.url]" lines="none" detail="false" routerLinkActive="selected">
+                <ion-icon aria-hidden="true" slot="start" [ios]="p.icon + '-outline'" [md]="p.icon + '-sharp'"></ion-icon>
+                <ion-label>{{ p.title }}</ion-label>
+              </ion-item>
+            </ion-menu-toggle>
+          }
         </ion-list>
 
         <ion-list id="labels-list">
           <ion-list-header>Labels</ion-list-header>
 
-          <ion-item *ngFor="let label of labels" lines="none">
-            <ion-icon aria-hidden="true" slot="start" ios="bookmark-outline" md="bookmark-sharp"></ion-icon>
-            <ion-label>{{ label }}</ion-label>
-          </ion-item>
+          @for (label of labels; track label) {
+            <ion-item lines="none">
+              <ion-icon aria-hidden="true" slot="start" ios="bookmark-outline" md="bookmark-sharp"></ion-icon>
+              <ion-label>{{ label }}</ion-label>
+            </ion-item>
+          }
         </ion-list>
       </ion-content>
     </ion-menu>

From d859549ff2daf5888a9a562b97a615f871c5937a Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 12:35:10 -0500
Subject: [PATCH 04/11] docs(readme): improve table in readme to clarify
 starter project types

---
 README.md | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index afb800461..b20b06766 100644
--- a/README.md
+++ b/README.md
@@ -12,17 +12,20 @@ feature requests.
 
 ### Starters
 
-Project Type        | Description                                           | Links
---------------------|-------------------------------------------------------|-------
-**`angular`**       | Ionic Angular 4+ w/ Angular CLI for Tooling           | [base template](https://github.com/ionic-team/starters/tree/main/angular/base) / [starter templates](https://github.com/ionic-team/starters/tree/main/angular/official)
-**`ionic-angular`** | Ionic Angular 2/3 w/ `@ionic/app-scripts` for Tooling | [base template](https://github.com/ionic-team/starters/tree/main/ionic-angular/base) / [starter templates](https://github.com/ionic-team/starters/tree/main/ionic-angular/official)
-**`ionic1`**        | Ionic 1 w/ AngularJS                                  | [base template](https://github.com/ionic-team/starters/tree/main/ionic1/base) / [starter templates](https://github.com/ionic-team/starters/tree/main/ionic1/official)
-**`react`**         | React 16+ w/ react-scripts for Tooling                | [base template](https://github.com/ionic-team/starters/tree/main/react/base) / [starter templates](https://github.com/ionic-team/starters/tree/main/react/official)
-**`vue`**           | Vue 3+ w/ @vue/cli-service for Tooling                | [base template](https://github.com/ionic-team/starters/tree/main/vue/base) / [starter templates](https://github.com/ionic-team/starters/tree/main/vue/official)
+Project Type                         | Ionic Framework Version | Framework Version | Build Tool               | Template Links                                                            | Notes
+-------------------------------------|-------------------------|-------------------|--------------------------|---------------------------------------------------------------------------| ----
+**`ionic1`**                         | 1                       | AngularJS         |                          | [Base](ionic1/base) / [Starters](ionic1/official)                         | Legacy framework; supports AngularJS only.
+**`ionic-angular`**                  | 2/3                     | Angular (2+)      | `@ionic/app-scripts`     | [Base](ionic-angular/base) / [Starters](ionic-angular/official)           | Uses legacy build tool; Angular CLI unsupported.
+**`angular`**                        | 4+                      | Angular (4+)      | Angular CLI              | [Base](angular/base) / [Starters](angular/official)                       | Modern Angular CLI tooling.
+**`angular-standalone`**             | 6+                      | Angular (8+)      | Angular CLI              | [Base](angular-standalone/base) / [Starters](angular-standalone/official) | Supports standalone components introduced in Angular 8.
+**`react` (Ionic CLI v6 and below)** | 4.11+                   | React (16+)       | `react-scripts`          | [Base](react/base) / [Starters](react/official)                           | Uses Create React App; supports React Hooks.
+**`react` (Ionic CLI v7+)**          | 4.11+                   | React (17+)       | Vite (`vite`)            | [Base](react-vite/base) / [Starters](react-vite/official)                 | Vite-based tooling for modern React development.
+**`vue` (Ionic CLI v6 and below)**   | 5.4+                    | Vue (3+)          | `@vue/cli-service`       | [Base](vue/base) / [Starters](vue/official)                               | Uses Vue CLI; supports Vue Composition API.
+**`vue` (Ionic CLI v7+)**            | 5.4+                    | Vue (3+)          | Vite (`@vite/cli`)       | [Base](vue-vite/base) / [Starters](vue-vite/official)                     | Vite-based tooling for modern Vue development.
 
 ### Integrations
 
-* [Cordova](https://github.com/ionic-team/starters/tree/main/integrations/cordova)
+* [Cordova](integrations/cordova)
 
 [ionic-support]: https://ionicframework.com/support
 

From 0a463cb9831e2f7f39dd78c91e0c90efc7b78f5e Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 12:45:30 -0500
Subject: [PATCH 05/11] chore(angular): update to latest @ionic/angular-toolkit

---
 angular-standalone/base/package.json | 2 +-
 angular/base/package.json            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/angular-standalone/base/package.json b/angular-standalone/base/package.json
index 8007638ef..4d000929c 100644
--- a/angular-standalone/base/package.json
+++ b/angular-standalone/base/package.json
@@ -37,7 +37,7 @@
     "@angular/cli": "^19.0.0",
     "@angular/compiler-cli": "^19.0.0",
     "@angular/language-service": "^19.0.0",
-    "@ionic/angular-toolkit": "^11.0.1",
+    "@ionic/angular-toolkit": "^12.0.0",
     "@types/jasmine": "~5.1.0",
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",
diff --git a/angular/base/package.json b/angular/base/package.json
index 8007638ef..4d000929c 100644
--- a/angular/base/package.json
+++ b/angular/base/package.json
@@ -37,7 +37,7 @@
     "@angular/cli": "^19.0.0",
     "@angular/compiler-cli": "^19.0.0",
     "@angular/language-service": "^19.0.0",
-    "@ionic/angular-toolkit": "^11.0.1",
+    "@ionic/angular-toolkit": "^12.0.0",
     "@types/jasmine": "~5.1.0",
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",

From ca7f4b8be01e6fa39d221f90bf150df58b25c71c Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 12:45:51 -0500
Subject: [PATCH 06/11] fix(angular): fix invalid route redirect

---
 angular/official/sidemenu/src/app/app-routing.module.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/angular/official/sidemenu/src/app/app-routing.module.ts b/angular/official/sidemenu/src/app/app-routing.module.ts
index bf907a727..f142a6e09 100644
--- a/angular/official/sidemenu/src/app/app-routing.module.ts
+++ b/angular/official/sidemenu/src/app/app-routing.module.ts
@@ -4,7 +4,7 @@ import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
 const routes: Routes = [
   {
     path: '',
-    redirectTo: 'folder/Inbox',
+    redirectTo: 'folder/inbox',
     pathMatch: 'full'
   },
   {

From fed5688e03fba188190e703b913c1f70334375e2 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 13:36:22 -0500
Subject: [PATCH 07/11] fix(angular): remove standalone preference from
 non-standalone starters

---
 angular/base/.eslintrc.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/angular/base/.eslintrc.json b/angular/base/.eslintrc.json
index 9d48db47b..5215f5548 100644
--- a/angular/base/.eslintrc.json
+++ b/angular/base/.eslintrc.json
@@ -13,6 +13,7 @@
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
+        "@angular-eslint/prefer-standalone": "off",
         "@angular-eslint/component-class-suffix": [
           "error",
           {

From ab13d59ced20953021e9eb032f8918d06bfd53dc Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 14:59:54 -0500
Subject: [PATCH 08/11] fix(vue): pin typescript and update vue-tsc

---
 vue-vite/base/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/vue-vite/base/package.json b/vue-vite/base/package.json
index 4a2137044..866ba08cb 100644
--- a/vue-vite/base/package.json
+++ b/vue-vite/base/package.json
@@ -28,9 +28,9 @@
     "eslint-plugin-vue": "^9.9.0",
     "jsdom": "^22.1.0",
     "terser": "^5.4.0",
-    "typescript": "^5.1.6",
+    "typescript": "5.6.2",
     "vite": "~5.2.0",
     "vitest": "^0.34.6",
-    "vue-tsc": "^2.0.22"
+    "vue-tsc": "^2.1.10"
   }
 }

From 4dded349470ae06bc4edf1be872fb0dee4d3896e Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 15:17:40 -0500
Subject: [PATCH 09/11] chore(vue): use ~ to get patch updates

---
 vue-vite/base/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vue-vite/base/package.json b/vue-vite/base/package.json
index 866ba08cb..0bb1c19ba 100644
--- a/vue-vite/base/package.json
+++ b/vue-vite/base/package.json
@@ -28,7 +28,7 @@
     "eslint-plugin-vue": "^9.9.0",
     "jsdom": "^22.1.0",
     "terser": "^5.4.0",
-    "typescript": "5.6.2",
+    "typescript": "~5.6.2",
     "vite": "~5.2.0",
     "vitest": "^0.34.6",
     "vue-tsc": "^2.1.10"

From 08bc6186607d240d77dc18423f2ed9eb19f26b12 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 13 Dec 2024 15:24:40 -0500
Subject: [PATCH 10/11] chore(angular): migrate standalone starters to new
 application build

---
 angular-standalone/base/angular.json  | 16 +++++++++-------
 angular-standalone/base/tsconfig.json |  2 +-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/angular-standalone/base/angular.json b/angular-standalone/base/angular.json
index 454190cd3..2d1d1e6b8 100644
--- a/angular-standalone/base/angular.json
+++ b/angular-standalone/base/angular.json
@@ -16,12 +16,15 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "www",
+            "outputPath": {
+              "base": "www"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -32,7 +35,8 @@
               }
             ],
             "styles": ["src/global.scss", "src/theme/variables.scss"],
-            "scripts": []
+            "scripts": [],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -57,9 +61,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
diff --git a/angular-standalone/base/tsconfig.json b/angular-standalone/base/tsconfig.json
index 6d869b48c..893b5bdbc 100644
--- a/angular-standalone/base/tsconfig.json
+++ b/angular-standalone/base/tsconfig.json
@@ -5,6 +5,7 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
     "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
@@ -12,7 +13,6 @@
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,

From b7baea8390aa952beaaebfd4d1c9a42cc3de0c97 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 18 Dec 2024 11:45:20 -0500
Subject: [PATCH 11/11] style: eof line

---
 angular-standalone/official/list/src/app/home/home.page.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/angular-standalone/official/list/src/app/home/home.page.html b/angular-standalone/official/list/src/app/home/home.page.html
index 2614de6d1..bbdc656f4 100644
--- a/angular-standalone/official/list/src/app/home/home.page.html
+++ b/angular-standalone/official/list/src/app/home/home.page.html
@@ -24,4 +24,4 @@
       <app-message [message]="message"></app-message>
     }
   </ion-list>
-</ion-content>
\ No newline at end of file
+</ion-content>