Task/migrate portfolio performance component to standalone (#5363)

* Migrate portfolio performance component to standalone

* Update changelog

CHANGELOG.md

@@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Moved the chart of the account detail dialog from experimental to general availability
 - Improved the dynamic numerical precision for various values in the account detail dialog
 - Extended the accounts endpoint by dividend and interest
+- Refactored the portfolio performance component to standalone
 - Improved the language localization for Portuguese (`pt`)
 - Improved the language localization for Spanish (`es`)
 

apps/client/src/app/components/home-overview/home-overview.component.ts

@@ -1,4 +1,4 @@
-import { GfPortfolioPerformanceModule } from '@ghostfolio/client/components/portfolio-performance/portfolio-performance.module';
+import { GfPortfolioPerformanceComponent } from '@ghostfolio/client/components/portfolio-performance/portfolio-performance.component';
 import { LayoutService } from '@ghostfolio/client/core/layout.service';
 import { DataService } from '@ghostfolio/client/services/data.service';
 import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service';
@@ -32,7 +32,7 @@ import { takeUntil } from 'rxjs/operators';
   imports: [
     CommonModule,
     GfLineChartComponent,
-    GfPortfolioPerformanceModule,
+    GfPortfolioPerformanceComponent,
     MatButtonModule,
     RouterModule
   ],

apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts

@@ -8,7 +8,9 @@ import {
   PortfolioPerformance,
   ResponseError
 } from '@ghostfolio/common/interfaces';
+import { GfValueComponent } from '@ghostfolio/ui/value';
 
+import { CommonModule } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -17,19 +19,21 @@ import {
   OnChanges,
   ViewChild
 } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
 import { CountUp } from 'countup.js';
 import { addIcons } from 'ionicons';
 import { timeOutline } from 'ionicons/icons';
 import { isNumber } from 'lodash';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 
 @Component({
-  selector: 'gf-portfolio-performance',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  templateUrl: './portfolio-performance.component.html',
+  imports: [CommonModule, GfValueComponent, IonIcon, NgxSkeletonLoaderModule],
+  selector: 'gf-portfolio-performance',
   styleUrls: ['./portfolio-performance.component.scss'],
-  standalone: false
+  templateUrl: './portfolio-performance.component.html'
 })
-export class PortfolioPerformanceComponent implements OnChanges {
+export class GfPortfolioPerformanceComponent implements OnChanges {
   @Input() deviceType: string;
   @Input() errors: ResponseError['errors'];
   @Input() isAllTimeHigh: boolean;

apps/client/src/app/components/portfolio-performance/portfolio-performance.module.ts

@@ -1,16 +0,0 @@
-import { GfValueComponent } from '@ghostfolio/ui/value';
-
-import { CommonModule } from '@angular/common';
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { IonIcon } from '@ionic/angular/standalone';
-import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
-
-import { PortfolioPerformanceComponent } from './portfolio-performance.component';
-
-@NgModule({
-  declarations: [PortfolioPerformanceComponent],
-  exports: [PortfolioPerformanceComponent],
-  imports: [CommonModule, GfValueComponent, IonIcon, NgxSkeletonLoaderModule],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class GfPortfolioPerformanceModule {}