Task/migrate world map chart component to standalone (#5443)

* Migrate world map chart component to standalone

* Update changelog

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Localized the content of the about page
+- Refactored the world map chart component to standalone
 - Improved the language localization for German (`de`)
 - Upgraded the _Stripe_ dependencies
 - Upgraded `ngx-device-detector` from version `10.0.2` to `10.1.0`

apps/client/src/app/components/world-map-chart/world-map-chart.component.ts

@@ -8,16 +8,17 @@ import {
   OnChanges,
   OnDestroy
 } from '@angular/core';
+import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 import svgMap from 'svgmap';
 
 @Component({
-  selector: 'gf-world-map-chart',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  templateUrl: './world-map-chart.component.html',
+  imports: [NgxSkeletonLoaderModule],
+  selector: 'gf-world-map-chart',
   styleUrls: ['./world-map-chart.component.scss'],
-  standalone: false
+  templateUrl: './world-map-chart.component.html'
 })
-export class WorldMapChartComponent implements OnChanges, OnDestroy {
+export class GfWorldMapChartComponent implements OnChanges, OnDestroy {
   @Input() countries: { [code: string]: { name?: string; value: number } };
   @Input() format: string;
   @Input() isInPercent = false;

apps/client/src/app/components/world-map-chart/world-map-chart.module.ts

@@ -1,12 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
-
-import { WorldMapChartComponent } from './world-map-chart.component';
-
-@NgModule({
-  declarations: [WorldMapChartComponent],
-  exports: [WorldMapChartComponent],
-  imports: [CommonModule, NgxSkeletonLoaderModule]
-})
-export class GfWorldMapChartModule {}

apps/client/src/app/pages/landing/landing-page.component.ts

@@ -1,4 +1,4 @@
-import { GfWorldMapChartModule } from '@ghostfolio/client/components/world-map-chart/world-map-chart.module';
+import { GfWorldMapChartComponent } from '@ghostfolio/client/components/world-map-chart/world-map-chart.component';
 import { DataService } from '@ghostfolio/client/services/data.service';
 import { Statistics } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
@@ -30,7 +30,7 @@ import { Subject } from 'rxjs';
     GfCarouselComponent,
     GfLogoComponent,
     GfValueComponent,
-    GfWorldMapChartModule,
+    GfWorldMapChartComponent,
     IonIcon,
     MatButtonModule,
     MatCardModule,

apps/client/src/app/pages/portfolio/allocations/allocations-page.component.ts

@@ -1,6 +1,6 @@
 import { AccountDetailDialog } from '@ghostfolio/client/components/account-detail-dialog/account-detail-dialog.component';
 import { AccountDetailDialogParams } from '@ghostfolio/client/components/account-detail-dialog/interfaces/interfaces';
-import { GfWorldMapChartModule } from '@ghostfolio/client/components/world-map-chart/world-map-chart.module';
+import { GfWorldMapChartComponent } from '@ghostfolio/client/components/world-map-chart/world-map-chart.component';
 import { DataService } from '@ghostfolio/client/services/data.service';
 import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service';
 import { UserService } from '@ghostfolio/client/services/user/user.service';
@@ -45,7 +45,7 @@ import { takeUntil } from 'rxjs/operators';
     GfPremiumIndicatorComponent,
     GfTopHoldingsComponent,
     GfValueComponent,
-    GfWorldMapChartModule,
+    GfWorldMapChartComponent,
     MatCardModule,
     MatProgressBarModule,
     NgClass

apps/client/src/app/pages/public/public-page.module.ts

@@ -1,4 +1,4 @@
-import { GfWorldMapChartModule } from '@ghostfolio/client/components/world-map-chart/world-map-chart.module';
+import { GfWorldMapChartComponent } from '@ghostfolio/client/components/world-map-chart/world-map-chart.component';
 import { GfHoldingsTableComponent } from '@ghostfolio/ui/holdings-table';
 import { GfPortfolioProportionChartComponent } from '@ghostfolio/ui/portfolio-proportion-chart';
 import { GfValueComponent } from '@ghostfolio/ui/value';
@@ -18,7 +18,7 @@ import { PublicPageComponent } from './public-page.component';
     GfHoldingsTableComponent,
     GfPortfolioProportionChartComponent,
     GfValueComponent,
-    GfWorldMapChartModule,
+    GfWorldMapChartComponent,
     MatButtonModule,
     MatCardModule,
     PublicPageRoutingModule