From c56f4088531d13b040f8e38ab6c83823aa047287 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 7 Sep 2023 12:00:23 -0700 Subject: [PATCH 01/12] feat(angular): use Ionic standalone components --- angular-standalone/base/package.json | 2 +- angular-standalone/base/src/main.ts | 5 +++-- angular-standalone/official/blank/src/app/home/home.page.ts | 4 ++-- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/angular-standalone/base/package.json b/angular-standalone/base/package.json index a96d0ccef..7fbdb823c 100644 --- a/angular-standalone/base/package.json +++ b/angular-standalone/base/package.json @@ -21,7 +21,7 @@ "@angular/platform-browser": "^16.0.0", "@angular/platform-browser-dynamic": "^16.0.0", "@angular/router": "^16.0.0", - "@ionic/angular": "^7.0.0", + "@ionic/angular": "7.3.4-dev.11694102380.128deb56", "ionicons": "^7.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", diff --git a/angular-standalone/base/src/main.ts b/angular-standalone/base/src/main.ts index 573269346..fcccbeffc 100644 --- a/angular-standalone/base/src/main.ts +++ b/angular-standalone/base/src/main.ts @@ -1,7 +1,8 @@ import { enableProdMode, importProvidersFrom } from '@angular/core'; import { bootstrapApplication } from '@angular/platform-browser'; import { RouteReuseStrategy, provideRouter } from '@angular/router'; -import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; +import { IonicRouteStrategy } from '@ionic/angular/common'; +import { provideIonicAngular } from '@ionic/angular/standalone'; import { routes } from './app/app.routes'; import { AppComponent } from './app/app.component'; @@ -14,7 +15,7 @@ if (environment.production) { bootstrapApplication(AppComponent, { providers: [ { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, - importProvidersFrom(IonicModule.forRoot({})), + provideIonicAngular(), provideRouter(routes), ], }); 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 3d2d31dc5..bd0b20423 100644 --- a/angular-standalone/official/blank/src/app/home/home.page.ts +++ b/angular-standalone/official/blank/src/app/home/home.page.ts @@ -1,12 +1,12 @@ import { Component } from '@angular/core'; -import { IonicModule } from '@ionic/angular'; +import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone'; @Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], standalone: true, - imports: [IonicModule], + imports: [IonHeader, IonToolbar, IonTitle, IonContent], }) export class HomePage { constructor() {} From f1cba6c5aab928304e4a693ce470ba9065a53819 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 7 Sep 2023 12:45:43 -0700 Subject: [PATCH 02/12] chore(angular): add Ionic standalone components to list --- .../official/list/src/app/home/home.page.ts | 5 +++-- .../official/list/src/app/message/message.component.html | 2 +- .../official/list/src/app/message/message.component.ts | 9 +++++++-- .../list/src/app/view-message/view-message.page.html | 2 +- .../list/src/app/view-message/view-message.page.ts | 9 +++++++-- 5 files changed, 19 insertions(+), 8 deletions(-) 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 60914d19b..7bdd565ca 100644 --- a/angular-standalone/official/list/src/app/home/home.page.ts +++ b/angular-standalone/official/list/src/app/home/home.page.ts @@ -1,6 +1,7 @@ import { CommonModule } from '@angular/common'; import { Component, inject } from '@angular/core'; -import { IonicModule, RefresherCustomEvent } from '@ionic/angular'; +import { RefresherCustomEvent } from '@ionic/angular'; +import { IonHeader, IonToolbar, IonTitle, IonContent, IonRefresher, IonRefresherContent, IonList } from '@ionic/angular/standalone'; import { MessageComponent } from '../message/message.component'; import { DataService, Message } from '../services/data.service'; @@ -10,7 +11,7 @@ import { DataService, Message } from '../services/data.service'; templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], standalone: true, - imports: [IonicModule, CommonModule, MessageComponent], + imports: [CommonModule, 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..70be22256 100644 --- a/angular-standalone/official/list/src/app/message/message.component.html +++ b/angular-standalone/official/list/src/app/message/message.component.html @@ -11,7 +11,7 @@

{{ message.date }} 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 864f35964..08f5b9f15 100644 --- a/angular-standalone/official/list/src/app/message/message.component.ts +++ b/angular-standalone/official/list/src/app/message/message.component.ts @@ -1,16 +1,21 @@ import { CommonModule } from '@angular/common'; import { ChangeDetectionStrategy, Component, inject, Input } from '@angular/core'; import { RouterLink } from '@angular/router'; -import { IonicModule, Platform } from '@ionic/angular'; +import { Platform } from '@ionic/angular/common'; +import { IonItem, IonLabel, IonNote, IonIcon } from '@ionic/angular/standalone'; +import { addIcons } from 'ionicons'; +import { chevronForwardOutline } from 'ionicons/icons'; import { Message } from '../services/data.service'; +addIcons({ chevronForwardOutline }); + @Component({ selector: 'app-message', templateUrl: './message.component.html', styleUrls: ['./message.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, - imports: [CommonModule, IonicModule, RouterLink], + imports: [CommonModule, 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..8a7d8bd64 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 @@ -13,7 +13,7 @@ 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 541c7e79c..d38fab729 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,15 +1,20 @@ import { CommonModule } from '@angular/common'; import { Component, inject, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; -import { IonicModule, Platform } from '@ionic/angular'; +import { Platform } from '@ionic/angular/common'; +import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote } from '@ionic/angular/standalone'; +import { addIcons } from 'ionicons'; +import { personCircleOutline } from 'ionicons/icons'; import { DataService, Message } from '../services/data.service'; +addIcons({ personCircleOutline }); + @Component({ selector: 'app-view-message', templateUrl: './view-message.page.html', styleUrls: ['./view-message.page.scss'], standalone: true, - imports: [IonicModule, CommonModule], + imports: [CommonModule, IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote], }) export class ViewMessagePage implements OnInit { public message!: Message; From 5ac30f426aa0b4ee22cf9ecc25c0b9b054315e74 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 7 Sep 2023 13:34:04 -0700 Subject: [PATCH 03/12] feat(angular): use Ionic standalone components to sidemenu --- .../official/sidemenu/src/app/app.component.ts | 9 +++++++-- .../official/sidemenu/src/app/folder/folder.page.ts | 4 ++-- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/angular-standalone/official/sidemenu/src/app/app.component.ts b/angular-standalone/official/sidemenu/src/app/app.component.ts index c90389c3f..923e614cd 100644 --- a/angular-standalone/official/sidemenu/src/app/app.component.ts +++ b/angular-standalone/official/sidemenu/src/app/app.component.ts @@ -1,13 +1,18 @@ import { CommonModule } from '@angular/common'; import { Component } from '@angular/core'; import { RouterLink, RouterLinkActive } from '@angular/router'; -import { IonicModule } from '@ionic/angular'; +import { IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterOutlet } from '@ionic/angular/standalone'; +import { addIcons } from 'ionicons'; +import { mailOutline, mailSharp, paperPlaneOutline, paperPlaneSharp, heartOutline, heartSharp, archiveOutline, archiveSharp, trashOutline, trashSharp, warningOutline, warningSharp, bookmarkOutline, bookmarkSharp } from 'ionicons/icons'; + +addIcons({ mailOutline, mailSharp, paperPlaneOutline, paperPlaneSharp, heartOutline, heartSharp, archiveOutline, archiveSharp, trashOutline, trashSharp, warningOutline, warningSharp, bookmarkOutline, bookmarkSharp }); + @Component({ selector: 'app-root', templateUrl: 'app.component.html', styleUrls: ['app.component.scss'], standalone: true, - imports: [IonicModule, RouterLink, RouterLinkActive, CommonModule], + imports: [RouterLink, RouterLinkActive, CommonModule, IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterOutlet], }) export class AppComponent { public appPages = [ 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 02fc128ca..a33a5e5e8 100644 --- a/angular-standalone/official/sidemenu/src/app/folder/folder.page.ts +++ b/angular-standalone/official/sidemenu/src/app/folder/folder.page.ts @@ -1,13 +1,13 @@ import { Component, inject, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; -import { IonicModule } from '@ionic/angular'; +import { IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent } from '@ionic/angular/standalone'; @Component({ selector: 'app-folder', templateUrl: './folder.page.html', styleUrls: ['./folder.page.scss'], standalone: true, - imports: [IonicModule], + imports: [IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent], }) export class FolderPage implements OnInit { public folder!: string; From 8c02d9a7366e3362fe9f3301c4b87d72ba97d1f8 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 7 Sep 2023 14:11:39 -0700 Subject: [PATCH 04/12] chore(angular): use Ionic standalone components on tabs --- .../official/tabs/src/app/tab1/tab1.page.ts | 4 ++-- .../official/tabs/src/app/tab2/tab2.page.ts | 4 ++-- .../official/tabs/src/app/tab3/tab3.page.ts | 4 ++-- .../official/tabs/src/app/tabs/tabs.page.ts | 8 ++++++-- 4 files changed, 12 insertions(+), 8 deletions(-) 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 73fd7e4dd..125fdf9be 100644 --- a/angular-standalone/official/tabs/src/app/tab1/tab1.page.ts +++ b/angular-standalone/official/tabs/src/app/tab1/tab1.page.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { IonicModule } from '@ionic/angular'; +import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone'; import { ExploreContainerComponent } from '../explore-container/explore-container.component'; @Component({ @@ -7,7 +7,7 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe templateUrl: 'tab1.page.html', styleUrls: ['tab1.page.scss'], standalone: true, - imports: [IonicModule, ExploreContainerComponent], + imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent], }) export class Tab1Page { constructor() {} 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 58f7719ec..6fd1fdda6 100644 --- a/angular-standalone/official/tabs/src/app/tab2/tab2.page.ts +++ b/angular-standalone/official/tabs/src/app/tab2/tab2.page.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { IonicModule } from '@ionic/angular'; +import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone'; import { ExploreContainerComponent } from '../explore-container/explore-container.component'; @Component({ @@ -7,7 +7,7 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe templateUrl: 'tab2.page.html', styleUrls: ['tab2.page.scss'], standalone: true, - imports: [IonicModule, ExploreContainerComponent] + 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 edceb6d20..5e29647d9 100644 --- a/angular-standalone/official/tabs/src/app/tab3/tab3.page.ts +++ b/angular-standalone/official/tabs/src/app/tab3/tab3.page.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { IonicModule } from '@ionic/angular'; +import { IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/angular/standalone'; import { ExploreContainerComponent } from '../explore-container/explore-container.component'; @Component({ @@ -7,7 +7,7 @@ import { ExploreContainerComponent } from '../explore-container/explore-containe templateUrl: 'tab3.page.html', styleUrls: ['tab3.page.scss'], standalone: true, - imports: [IonicModule, ExploreContainerComponent], + imports: [IonHeader, IonToolbar, IonTitle, IonContent, ExploreContainerComponent], }) export class Tab3Page { constructor() {} 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 a0205f33b..0c3138d03 100644 --- a/angular-standalone/official/tabs/src/app/tabs/tabs.page.ts +++ b/angular-standalone/official/tabs/src/app/tabs/tabs.page.ts @@ -1,12 +1,16 @@ import { Component, EnvironmentInjector, inject } from '@angular/core'; -import { IonicModule } from '@ionic/angular'; +import { IonTabs, IonTabBar, IonTabButton, IonIcon, IonLabel } from '@ionic/angular/standalone'; +import { addIcons } from 'ionicons'; +import { triangle, ellipse, square } from 'ionicons/icons'; + +addIcons({ triangle, ellipse, square }); @Component({ selector: 'app-tabs', templateUrl: 'tabs.page.html', styleUrls: ['tabs.page.scss'], standalone: true, - imports: [IonicModule], + imports: [IonTabs, IonTabBar, IonTabButton, IonIcon, IonLabel], }) export class TabsPage { public environmentInjector = inject(EnvironmentInjector); From 1b7f26e842173536d9cdacf5f377f41d791691d8 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 7 Sep 2023 14:17:29 -0700 Subject: [PATCH 05/12] feat(angular): remove rest of IonicModule --- angular-standalone/base/src/app/app.component.ts | 4 ++-- angular-standalone/official/tabs/src/app/app.component.ts | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/angular-standalone/base/src/app/app.component.ts b/angular-standalone/base/src/app/app.component.ts index 005ce509f..cc533ddaa 100644 --- a/angular-standalone/base/src/app/app.component.ts +++ b/angular-standalone/base/src/app/app.component.ts @@ -1,12 +1,12 @@ import { Component } from '@angular/core'; -import { IonicModule } from '@ionic/angular'; +import { IonApp } from '@ionic/angular/standalone'; @Component({ selector: 'app-root', templateUrl: 'app.component.html', styleUrls: ['app.component.scss'], standalone: true, - imports: [IonicModule], + imports: [IonApp], }) export class AppComponent { constructor() {} diff --git a/angular-standalone/official/tabs/src/app/app.component.ts b/angular-standalone/official/tabs/src/app/app.component.ts index a0675c72f..ca606528a 100644 --- a/angular-standalone/official/tabs/src/app/app.component.ts +++ b/angular-standalone/official/tabs/src/app/app.component.ts @@ -1,13 +1,13 @@ import { Component, EnvironmentInjector, inject } from '@angular/core'; -import { IonicModule } from '@ionic/angular'; import { CommonModule } from '@angular/common'; +import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone'; @Component({ selector: 'app-root', templateUrl: 'app.component.html', styleUrls: ['app.component.scss'], standalone: true, - imports: [IonicModule, CommonModule], + imports: [CommonModule, IonApp, IonRouterOutlet], }) export class AppComponent { public environmentInjector = inject(EnvironmentInjector); From 4d6f005983d77d4de9f88838ce5b51e80570acc0 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 7 Sep 2023 17:04:02 -0700 Subject: [PATCH 06/12] feat(angular): update tests --- .../official/blank/src/app/app.component.ts | 15 +++++++++++++++ .../official/list/src/app/app.component.spec.ts | 1 - .../official/list/src/app/app.component.ts | 15 +++++++++++++++ .../src/app/message/message.component.spec.ts | 4 ++-- .../app/view-message/view-message.page.spec.ts | 4 ++-- .../sidemenu/src/app/app.component.spec.ts | 3 ++- .../sidemenu/src/app/folder/folder.page.spec.ts | 4 ++-- 7 files changed, 38 insertions(+), 8 deletions(-) create mode 100644 angular-standalone/official/blank/src/app/app.component.ts create mode 100644 angular-standalone/official/list/src/app/app.component.ts diff --git a/angular-standalone/official/blank/src/app/app.component.ts b/angular-standalone/official/blank/src/app/app.component.ts new file mode 100644 index 000000000..b6753e980 --- /dev/null +++ b/angular-standalone/official/blank/src/app/app.component.ts @@ -0,0 +1,15 @@ +import { Component, EnvironmentInjector, inject } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-root', + templateUrl: 'app.component.html', + standalone: true, + imports: [CommonModule, IonApp, IonRouterOutlet], +}) +export class AppComponent { + public environmentInjector = inject(EnvironmentInjector); + + constructor() {} +} diff --git a/angular-standalone/official/list/src/app/app.component.spec.ts b/angular-standalone/official/list/src/app/app.component.spec.ts index 6edde74a2..5fd1ccefa 100644 --- a/angular-standalone/official/list/src/app/app.component.spec.ts +++ b/angular-standalone/official/list/src/app/app.component.spec.ts @@ -1,6 +1,5 @@ import { TestBed } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; -import { IonicModule } from '@ionic/angular'; import { AppComponent } from './app.component'; diff --git a/angular-standalone/official/list/src/app/app.component.ts b/angular-standalone/official/list/src/app/app.component.ts new file mode 100644 index 000000000..b6753e980 --- /dev/null +++ b/angular-standalone/official/list/src/app/app.component.ts @@ -0,0 +1,15 @@ +import { Component, EnvironmentInjector, inject } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-root', + templateUrl: 'app.component.html', + standalone: true, + imports: [CommonModule, IonApp, IonRouterOutlet], +}) +export class AppComponent { + public environmentInjector = inject(EnvironmentInjector); + + constructor() {} +} diff --git a/angular-standalone/official/list/src/app/message/message.component.spec.ts b/angular-standalone/official/list/src/app/message/message.component.spec.ts index 6141cfee0..4a3e2cf58 100644 --- a/angular-standalone/official/list/src/app/message/message.component.spec.ts +++ b/angular-standalone/official/list/src/app/message/message.component.spec.ts @@ -1,6 +1,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { provideRouter } from '@angular/router'; -import { IonicModule } from '@ionic/angular'; +import { IonItem, IonLabel, IonNote, IonIcon } from '@ionic/angular/standalone'; import { ViewMessagePage } from '../view-message/view-message.page'; import { MessageComponent } from './message.component'; @@ -11,7 +11,7 @@ describe('MessageComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [MessageComponent, IonicModule, ViewMessagePage], + imports: [IonItem, IonLabel, IonNote, IonIcon, MessageComponent, ViewMessagePage], providers: [provideRouter([])] }).compileComponents(); diff --git a/angular-standalone/official/list/src/app/view-message/view-message.page.spec.ts b/angular-standalone/official/list/src/app/view-message/view-message.page.spec.ts index 2f844ccdb..667596914 100644 --- a/angular-standalone/official/list/src/app/view-message/view-message.page.spec.ts +++ b/angular-standalone/official/list/src/app/view-message/view-message.page.spec.ts @@ -1,6 +1,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { IonicModule } from '@ionic/angular'; import { provideRouter } from '@angular/router'; +import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote } from '@ionic/angular/standalone'; import { ViewMessagePage } from './view-message.page'; @@ -10,7 +10,7 @@ describe('ViewMessagePage', () => { beforeEach(async () => { TestBed.configureTestingModule({ - imports: [ViewMessagePage, IonicModule], + imports: [IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote, ViewMessagePage], providers: [provideRouter([])], }).compileComponents(); diff --git a/angular-standalone/official/sidemenu/src/app/app.component.spec.ts b/angular-standalone/official/sidemenu/src/app/app.component.spec.ts index 98f1be72a..13eddfadd 100644 --- a/angular-standalone/official/sidemenu/src/app/app.component.spec.ts +++ b/angular-standalone/official/sidemenu/src/app/app.component.spec.ts @@ -1,5 +1,6 @@ import { TestBed } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; +import { IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterOutlet } from '@ionic/angular/standalone'; import { AppComponent } from './app.component'; @@ -7,7 +8,7 @@ describe('AppComponent', () => { beforeEach(async () => { TestBed.overrideComponent(AppComponent, { add: { - imports: [RouterTestingModule] + imports: [RouterTestingModule, IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterOutlet] } }); }); diff --git a/angular-standalone/official/sidemenu/src/app/folder/folder.page.spec.ts b/angular-standalone/official/sidemenu/src/app/folder/folder.page.spec.ts index 4c3d8572c..7f60f0316 100644 --- a/angular-standalone/official/sidemenu/src/app/folder/folder.page.spec.ts +++ b/angular-standalone/official/sidemenu/src/app/folder/folder.page.spec.ts @@ -1,6 +1,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; -import { IonicModule } from '@ionic/angular'; +import { IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent } from '@ionic/angular/standalone'; import { FolderPage } from './folder.page'; @@ -11,7 +11,7 @@ describe('FolderPage', () => { beforeEach(async () => { TestBed.overrideComponent(FolderPage, { add: { - imports: [RouterTestingModule] + imports: [RouterTestingModule, IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent] } }); From 09e51f4ac5588192c0e71b631b34a80146c12164 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Fri, 8 Sep 2023 13:46:43 -0700 Subject: [PATCH 07/12] feat(angular): update each app --- angular-standalone/base/package.json | 2 +- .../official/blank/src/app/app.component.ts | 7 ++----- angular-standalone/official/list/src/app/app.component.ts | 7 ++----- .../official/list/src/app/message/message.component.html | 2 +- .../list/src/app/message/message.component.spec.ts | 3 +-- .../official/list/src/app/message/message.component.ts | 4 ++-- .../list/src/app/view-message/view-message.page.html | 2 +- .../list/src/app/view-message/view-message.page.spec.ts | 3 +-- .../list/src/app/view-message/view-message.page.ts | 4 ++-- .../official/sidemenu/src/app/app.component.spec.ts | 3 +-- .../official/sidemenu/src/app/folder/folder.page.spec.ts | 3 +-- angular-standalone/official/tabs/src/app/app.component.ts | 8 ++------ 12 files changed, 17 insertions(+), 31 deletions(-) diff --git a/angular-standalone/base/package.json b/angular-standalone/base/package.json index 7fbdb823c..ac73a57fd 100644 --- a/angular-standalone/base/package.json +++ b/angular-standalone/base/package.json @@ -22,7 +22,7 @@ "@angular/platform-browser-dynamic": "^16.0.0", "@angular/router": "^16.0.0", "@ionic/angular": "7.3.4-dev.11694102380.128deb56", - "ionicons": "^7.0.0", + "ionicons": "7.1.3-dev.11694203763.11b7e8aa", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.13.0" diff --git a/angular-standalone/official/blank/src/app/app.component.ts b/angular-standalone/official/blank/src/app/app.component.ts index b6753e980..c5ba44f19 100644 --- a/angular-standalone/official/blank/src/app/app.component.ts +++ b/angular-standalone/official/blank/src/app/app.component.ts @@ -1,15 +1,12 @@ -import { Component, EnvironmentInjector, inject } from '@angular/core'; -import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone'; @Component({ selector: 'app-root', templateUrl: 'app.component.html', standalone: true, - imports: [CommonModule, IonApp, IonRouterOutlet], + imports: [IonApp, IonRouterOutlet], }) export class AppComponent { - public environmentInjector = inject(EnvironmentInjector); - constructor() {} } diff --git a/angular-standalone/official/list/src/app/app.component.ts b/angular-standalone/official/list/src/app/app.component.ts index b6753e980..c5ba44f19 100644 --- a/angular-standalone/official/list/src/app/app.component.ts +++ b/angular-standalone/official/list/src/app/app.component.ts @@ -1,15 +1,12 @@ -import { Component, EnvironmentInjector, inject } from '@angular/core'; -import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone'; @Component({ selector: 'app-root', templateUrl: 'app.component.html', standalone: true, - imports: [CommonModule, IonApp, IonRouterOutlet], + imports: [IonApp, IonRouterOutlet], }) export class AppComponent { - public environmentInjector = inject(EnvironmentInjector); - constructor() {} } 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 70be22256..953a8e139 100644 --- a/angular-standalone/official/list/src/app/message/message.component.html +++ b/angular-standalone/official/list/src/app/message/message.component.html @@ -11,7 +11,7 @@

{{ message.date }} diff --git a/angular-standalone/official/list/src/app/message/message.component.spec.ts b/angular-standalone/official/list/src/app/message/message.component.spec.ts index 4a3e2cf58..c613897f9 100644 --- a/angular-standalone/official/list/src/app/message/message.component.spec.ts +++ b/angular-standalone/official/list/src/app/message/message.component.spec.ts @@ -1,6 +1,5 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { provideRouter } from '@angular/router'; -import { IonItem, IonLabel, IonNote, IonIcon } from '@ionic/angular/standalone'; import { ViewMessagePage } from '../view-message/view-message.page'; import { MessageComponent } from './message.component'; @@ -11,7 +10,7 @@ describe('MessageComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [IonItem, IonLabel, IonNote, IonIcon, MessageComponent, ViewMessagePage], + imports: [MessageComponent, ViewMessagePage], providers: [provideRouter([])] }).compileComponents(); 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 08f5b9f15..cf7643aca 100644 --- a/angular-standalone/official/list/src/app/message/message.component.ts +++ b/angular-standalone/official/list/src/app/message/message.component.ts @@ -4,10 +4,10 @@ import { RouterLink } from '@angular/router'; import { Platform } from '@ionic/angular/common'; import { IonItem, IonLabel, IonNote, IonIcon } from '@ionic/angular/standalone'; import { addIcons } from 'ionicons'; -import { chevronForwardOutline } from 'ionicons/icons'; +import { chevronForward } from 'ionicons/icons'; import { Message } from '../services/data.service'; -addIcons({ chevronForwardOutline }); +addIcons({ chevronForward }); @Component({ selector: 'app-message', 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 8a7d8bd64..d2042b64b 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 @@ -13,7 +13,7 @@ diff --git a/angular-standalone/official/list/src/app/view-message/view-message.page.spec.ts b/angular-standalone/official/list/src/app/view-message/view-message.page.spec.ts index 667596914..16b80dcd5 100644 --- a/angular-standalone/official/list/src/app/view-message/view-message.page.spec.ts +++ b/angular-standalone/official/list/src/app/view-message/view-message.page.spec.ts @@ -1,6 +1,5 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { provideRouter } from '@angular/router'; -import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote } from '@ionic/angular/standalone'; import { ViewMessagePage } from './view-message.page'; @@ -10,7 +9,7 @@ describe('ViewMessagePage', () => { beforeEach(async () => { TestBed.configureTestingModule({ - imports: [IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote, ViewMessagePage], + imports: [ViewMessagePage], providers: [provideRouter([])], }).compileComponents(); 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 d38fab729..4c6269571 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 @@ -4,10 +4,10 @@ import { ActivatedRoute } from '@angular/router'; import { Platform } from '@ionic/angular/common'; import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote } from '@ionic/angular/standalone'; import { addIcons } from 'ionicons'; -import { personCircleOutline } from 'ionicons/icons'; +import { personCircle } from 'ionicons/icons'; import { DataService, Message } from '../services/data.service'; -addIcons({ personCircleOutline }); +addIcons({ personCircle }); @Component({ selector: 'app-view-message', diff --git a/angular-standalone/official/sidemenu/src/app/app.component.spec.ts b/angular-standalone/official/sidemenu/src/app/app.component.spec.ts index 13eddfadd..98f1be72a 100644 --- a/angular-standalone/official/sidemenu/src/app/app.component.spec.ts +++ b/angular-standalone/official/sidemenu/src/app/app.component.spec.ts @@ -1,6 +1,5 @@ import { TestBed } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; -import { IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterOutlet } from '@ionic/angular/standalone'; import { AppComponent } from './app.component'; @@ -8,7 +7,7 @@ describe('AppComponent', () => { beforeEach(async () => { TestBed.overrideComponent(AppComponent, { add: { - imports: [RouterTestingModule, IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonNote, IonMenuToggle, IonItem, IonIcon, IonLabel, IonRouterOutlet] + imports: [RouterTestingModule] } }); }); diff --git a/angular-standalone/official/sidemenu/src/app/folder/folder.page.spec.ts b/angular-standalone/official/sidemenu/src/app/folder/folder.page.spec.ts index 7f60f0316..3d367e65d 100644 --- a/angular-standalone/official/sidemenu/src/app/folder/folder.page.spec.ts +++ b/angular-standalone/official/sidemenu/src/app/folder/folder.page.spec.ts @@ -1,6 +1,5 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; -import { IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent } from '@ionic/angular/standalone'; import { FolderPage } from './folder.page'; @@ -11,7 +10,7 @@ describe('FolderPage', () => { beforeEach(async () => { TestBed.overrideComponent(FolderPage, { add: { - imports: [RouterTestingModule, IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent] + imports: [RouterTestingModule] } }); diff --git a/angular-standalone/official/tabs/src/app/app.component.ts b/angular-standalone/official/tabs/src/app/app.component.ts index ca606528a..c5ba44f19 100644 --- a/angular-standalone/official/tabs/src/app/app.component.ts +++ b/angular-standalone/official/tabs/src/app/app.component.ts @@ -1,16 +1,12 @@ -import { Component, EnvironmentInjector, inject } from '@angular/core'; -import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone'; @Component({ selector: 'app-root', templateUrl: 'app.component.html', - styleUrls: ['app.component.scss'], standalone: true, - imports: [CommonModule, IonApp, IonRouterOutlet], + imports: [IonApp, IonRouterOutlet], }) export class AppComponent { - public environmentInjector = inject(EnvironmentInjector); - constructor() {} } From 20d2bd7bba7546becf585a258a7aa6a546010f5d Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Tue, 12 Sep 2023 09:12:35 -0700 Subject: [PATCH 08/12] chore(angular): update ionicons to dev build --- angular-standalone/base/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/angular-standalone/base/package.json b/angular-standalone/base/package.json index ac73a57fd..68b9a23c0 100644 --- a/angular-standalone/base/package.json +++ b/angular-standalone/base/package.json @@ -22,7 +22,7 @@ "@angular/platform-browser-dynamic": "^16.0.0", "@angular/router": "^16.0.0", "@ionic/angular": "7.3.4-dev.11694102380.128deb56", - "ionicons": "7.1.3-dev.11694203763.11b7e8aa", + "ionicons": "7.1.3-dev.11694468279.1c23df00", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.13.0" From 900b76452d176be8ee855151fb7a365ae6c8b591 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Tue, 12 Sep 2023 12:04:06 -0700 Subject: [PATCH 09/12] chore(angular): use ionicons dev build --- angular-standalone/base/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/angular-standalone/base/package.json b/angular-standalone/base/package.json index 68b9a23c0..e0b82a189 100644 --- a/angular-standalone/base/package.json +++ b/angular-standalone/base/package.json @@ -21,7 +21,7 @@ "@angular/platform-browser": "^16.0.0", "@angular/platform-browser-dynamic": "^16.0.0", "@angular/router": "^16.0.0", - "@ionic/angular": "7.3.4-dev.11694102380.128deb56", + "@ionic/angular": "7.3.4-dev.11694534020.12e16bee", "ionicons": "7.1.3-dev.11694468279.1c23df00", "rxjs": "~7.8.0", "tslib": "^2.3.0", From 3241136c718e55a0eb47b8d065d73b3c7a5b320e Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Fri, 15 Sep 2023 14:19:29 -0700 Subject: [PATCH 10/12] feat(angular): requested changes --- angular-standalone/base/angular.json | 10 ---------- angular-standalone/base/src/main.ts | 3 +-- .../official/list/src/app/message/message.component.ts | 8 ++++---- .../list/src/app/view-message/view-message.page.ts | 9 ++++----- .../official/sidemenu/src/app/app.component.ts | 6 +++--- .../official/tabs/src/app/tabs/tabs.page.ts | 6 +++--- 6 files changed, 15 insertions(+), 27 deletions(-) diff --git a/angular-standalone/base/angular.json b/angular-standalone/base/angular.json index 6e857f5c5..0740e6c7f 100644 --- a/angular-standalone/base/angular.json +++ b/angular-standalone/base/angular.json @@ -29,11 +29,6 @@ "glob": "**/*", "input": "src/assets", "output": "assets" - }, - { - "glob": "**/*.svg", - "input": "node_modules/ionicons/dist/ionicons/svg", - "output": "./svg" } ], "styles": ["src/theme/variables.scss", "src/global.scss"], @@ -109,11 +104,6 @@ "glob": "**/*", "input": "src/assets", "output": "assets" - }, - { - "glob": "**/*.svg", - "input": "node_modules/ionicons/dist/ionicons/svg", - "output": "./svg" } ], "styles": ["src/theme/variables.scss", "src/global.scss"], diff --git a/angular-standalone/base/src/main.ts b/angular-standalone/base/src/main.ts index fcccbeffc..8b25c3181 100644 --- a/angular-standalone/base/src/main.ts +++ b/angular-standalone/base/src/main.ts @@ -1,8 +1,7 @@ import { enableProdMode, importProvidersFrom } from '@angular/core'; import { bootstrapApplication } from '@angular/platform-browser'; import { RouteReuseStrategy, provideRouter } from '@angular/router'; -import { IonicRouteStrategy } from '@ionic/angular/common'; -import { provideIonicAngular } from '@ionic/angular/standalone'; +import { IonicRouteStrategy, provideIonicAngular } from '@ionic/angular/standalone'; import { routes } from './app/app.routes'; import { AppComponent } from './app/app.component'; 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 cf7643aca..605c68c36 100644 --- a/angular-standalone/official/list/src/app/message/message.component.ts +++ b/angular-standalone/official/list/src/app/message/message.component.ts @@ -1,14 +1,11 @@ import { CommonModule } from '@angular/common'; import { ChangeDetectionStrategy, Component, inject, Input } from '@angular/core'; import { RouterLink } from '@angular/router'; -import { Platform } from '@ionic/angular/common'; -import { IonItem, IonLabel, IonNote, IonIcon } from '@ionic/angular/standalone'; +import { Platform, IonItem, IonLabel, IonNote, IonIcon } from '@ionic/angular/standalone'; import { addIcons } from 'ionicons'; import { chevronForward } from 'ionicons/icons'; import { Message } from '../services/data.service'; -addIcons({ chevronForward }); - @Component({ selector: 'app-message', templateUrl: './message.component.html', @@ -23,4 +20,7 @@ export class MessageComponent { isIos() { return this.platform.is('ios') } + constructor() { + addIcons({ chevronForward }); + } } 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 4c6269571..8864d088e 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,14 +1,11 @@ import { CommonModule } from '@angular/common'; import { Component, inject, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; -import { Platform } from '@ionic/angular/common'; -import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote } from '@ionic/angular/standalone'; +import { Platform, IonHeader, IonToolbar, IonButtons, IonBackButton, IonContent, IonItem, IonIcon, IonLabel, IonNote } from '@ionic/angular/standalone'; import { addIcons } from 'ionicons'; import { personCircle } from 'ionicons/icons'; import { DataService, Message } from '../services/data.service'; -addIcons({ personCircle }); - @Component({ selector: 'app-view-message', templateUrl: './view-message.page.html', @@ -22,7 +19,9 @@ export class ViewMessagePage implements OnInit { private activatedRoute = inject(ActivatedRoute); private platform = inject(Platform); - constructor() {} + constructor() { + addIcons({ personCircle }); + } ngOnInit() { const id = this.activatedRoute.snapshot.paramMap.get('id') as string; diff --git a/angular-standalone/official/sidemenu/src/app/app.component.ts b/angular-standalone/official/sidemenu/src/app/app.component.ts index 923e614cd..6e9b63012 100644 --- a/angular-standalone/official/sidemenu/src/app/app.component.ts +++ b/angular-standalone/official/sidemenu/src/app/app.component.ts @@ -5,8 +5,6 @@ import { IonApp, IonSplitPane, IonMenu, IonContent, IonList, IonListHeader, IonN import { addIcons } from 'ionicons'; import { mailOutline, mailSharp, paperPlaneOutline, paperPlaneSharp, heartOutline, heartSharp, archiveOutline, archiveSharp, trashOutline, trashSharp, warningOutline, warningSharp, bookmarkOutline, bookmarkSharp } from 'ionicons/icons'; -addIcons({ mailOutline, mailSharp, paperPlaneOutline, paperPlaneSharp, heartOutline, heartSharp, archiveOutline, archiveSharp, trashOutline, trashSharp, warningOutline, warningSharp, bookmarkOutline, bookmarkSharp }); - @Component({ selector: 'app-root', templateUrl: 'app.component.html', @@ -24,5 +22,7 @@ export class AppComponent { { title: 'Spam', url: '/folder/spam', icon: 'warning' }, ]; public labels = ['Family', 'Friends', 'Notes', 'Work', 'Travel', 'Reminders']; - constructor() {} + constructor() { + addIcons({ mailOutline, mailSharp, paperPlaneOutline, paperPlaneSharp, heartOutline, heartSharp, archiveOutline, archiveSharp, trashOutline, trashSharp, warningOutline, warningSharp, bookmarkOutline, bookmarkSharp }); + } } 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 0c3138d03..62fd0c0f4 100644 --- a/angular-standalone/official/tabs/src/app/tabs/tabs.page.ts +++ b/angular-standalone/official/tabs/src/app/tabs/tabs.page.ts @@ -3,8 +3,6 @@ import { IonTabs, IonTabBar, IonTabButton, IonIcon, IonLabel } from '@ionic/angu import { addIcons } from 'ionicons'; import { triangle, ellipse, square } from 'ionicons/icons'; -addIcons({ triangle, ellipse, square }); - @Component({ selector: 'app-tabs', templateUrl: 'tabs.page.html', @@ -15,5 +13,7 @@ addIcons({ triangle, ellipse, square }); export class TabsPage { public environmentInjector = inject(EnvironmentInjector); - constructor() {} + constructor() { + addIcons({ triangle, ellipse, square }); + } } From c2cc37db26a58e018193e0cf86a11a4cafbd0c64 Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Mon, 18 Sep 2023 08:47:00 -0700 Subject: [PATCH 11/12] feat(angular): new dev build --- angular-standalone/base/package.json | 2 +- angular-standalone/official/list/src/app/home/home.page.ts | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/angular-standalone/base/package.json b/angular-standalone/base/package.json index 205b5d54b..a4a5645cb 100644 --- a/angular-standalone/base/package.json +++ b/angular-standalone/base/package.json @@ -21,7 +21,7 @@ "@angular/platform-browser": "^16.0.0", "@angular/platform-browser-dynamic": "^16.0.0", "@angular/router": "^16.0.0", - "@ionic/angular": "7.3.4-dev.11694534020.12e16bee", + "@ionic/angular": "7.3.4-dev.11695051069.10d92d60", "ionicons": "7.1.3-dev.11694468279.1c23df00", "rxjs": "~7.8.0", "tslib": "^2.3.0", 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 7bdd565ca..f427c8c9e 100644 --- a/angular-standalone/official/list/src/app/home/home.page.ts +++ b/angular-standalone/official/list/src/app/home/home.page.ts @@ -1,7 +1,6 @@ import { CommonModule } from '@angular/common'; import { Component, inject } from '@angular/core'; -import { RefresherCustomEvent } from '@ionic/angular'; -import { IonHeader, IonToolbar, IonTitle, IonContent, IonRefresher, IonRefresherContent, IonList } from '@ionic/angular/standalone'; +import { RefresherCustomEvent, IonHeader, IonToolbar, IonTitle, IonContent, IonRefresher, IonRefresherContent, IonList } from '@ionic/angular/standalone'; import { MessageComponent } from '../message/message.component'; import { DataService, Message } from '../services/data.service'; From c3115d34ad489b6dbd5819dd4ce5986b81291d1d Mon Sep 17 00:00:00 2001 From: Maria Hutt Date: Thu, 12 Oct 2023 11:15:34 -0700 Subject: [PATCH 12/12] feat(angular): use stable versions --- angular-standalone/base/package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/angular-standalone/base/package.json b/angular-standalone/base/package.json index a4a5645cb..176fe2109 100644 --- a/angular-standalone/base/package.json +++ b/angular-standalone/base/package.json @@ -21,8 +21,8 @@ "@angular/platform-browser": "^16.0.0", "@angular/platform-browser-dynamic": "^16.0.0", "@angular/router": "^16.0.0", - "@ionic/angular": "7.3.4-dev.11695051069.10d92d60", - "ionicons": "7.1.3-dev.11694468279.1c23df00", + "@ionic/angular": "^7.5.0", + "ionicons": "^7.2.1", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.13.0"