fix linting

apps/client/src/app/components/asset-profile-icon/asset-profile-icon.component.ts

@@ -1,4 +1,3 @@
-
 import {
   CUSTOM_ELEMENTS_SCHEMA,
   ChangeDetectionStrategy,

apps/client/src/app/core/notification/alert-dialog/alert-dialog.component.ts

@@ -1,4 +1,3 @@
-
 import { Component } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';

apps/client/src/app/core/notification/confirmation-dialog/confirmation-dialog.component.ts

@@ -1,4 +1,3 @@
-
 import { Component, HostListener } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';

apps/client/src/app/pages/resources/personal-finance-tools/product-page.component.ts

@@ -3,7 +3,6 @@ import { Product } from '@ghostfolio/common/interfaces';
 import { personalFinanceTools } from '@ghostfolio/common/personal-finance-tools';
 import { translate } from '@ghostfolio/ui/i18n';
 
-
 import { Component, OnInit } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { ActivatedRoute, RouterModule } from '@angular/router';

libs/ui/src/lib/assistant/assistant.component.ts

@@ -8,7 +8,6 @@ import { DateRange } from '@ghostfolio/common/types';
 import { translate } from '@ghostfolio/ui/i18n';
 
 import { FocusKeyManager } from '@angular/cdk/a11y';
-
 import {
   CUSTOM_ELEMENTS_SCHEMA,
   ChangeDetectionStrategy,
@@ -69,7 +68,7 @@ import {
     NgxSkeletonLoaderModule,
     ReactiveFormsModule,
     RouterModule
-],
+  ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   selector: 'gf-assistant',
   styleUrls: ['./assistant.scss'],

libs/ui/src/lib/assistant/assistant.html

@@ -2,7 +2,7 @@
   <div
     [style.width]="deviceType === 'mobile' ? '85vw' : '30rem'"
     (keydown.tab)="$event.stopPropagation()"
-    >
+  >
     <div class="align-items-center d-flex search-container">
       <ion-icon class="ml-2 mr-0" name="search-outline" />
       <input
@@ -14,20 +14,16 @@
         type="text"
         [formControl]="searchFormControl"
         [placeholder]="placeholder"
-        />
+      />
       @if (deviceType !== 'mobile' && !searchFormControl.value) {
-        <div
-          class="hot-key-hint mx-1 px-1"
-          >
-          /
-        </div>
+        <div class="hot-key-hint mx-1 px-1">/</div>
       }
       @if (searchFormControl.value) {
         <button
           class="h-100 no-min-width px-3 rounded-0"
           mat-button
           (click)="initialize()"
-          >
+        >
           <ion-icon class="m-0" name="close-circle-outline" />
         </button>
       }
@@ -36,34 +32,35 @@
           class="h-100 no-min-width px-3 rounded-0"
           mat-button
           (click)="onCloseAssistant()"
-          >
+        >
           <ion-icon class="m-0" name="close-outline" />
         </button>
       }
     </div>
     @if (isLoading || searchFormControl.value) {
-      <div
-        class="overflow-auto py-3 result-container"
-        >
+      <div class="overflow-auto py-3 result-container">
         <div>
           <div class="h6 mb-1 px-2" i18n>Holdings</div>
-          @for (searchResultItem of searchResults?.holdings; track searchResultItem) {
+          @for (
+            searchResultItem of searchResults?.holdings;
+            track searchResultItem
+          ) {
             <gf-assistant-list-item
               mode="holding"
               [item]="searchResultItem"
               (clicked)="onCloseAssistant()"
-              />
+            />
           }
           @if (searchResults?.holdings?.length === 0) {
             @if (isLoading) {
               <ngx-skeleton-loader
                 animation="pulse"
                 class="mx-2"
-            [theme]="{
-              height: '1.5rem',
-              width: '100%'
-            }"
-                />
+                [theme]="{
+                  height: '1.5rem',
+                  width: '100%'
+                }"
+              />
             }
             @if (!isLoading) {
               <div class="px-2 py-1" i18n>No entries...</div>
@@ -73,23 +70,26 @@
         @if (hasPermissionToAccessAdminControl) {
           <div class="mt-3">
             <div class="h6 mb-1 px-2" i18n>Asset Profiles</div>
-            @for (searchResultItem of searchResults?.assetProfiles; track searchResultItem) {
+            @for (
+              searchResultItem of searchResults?.assetProfiles;
+              track searchResultItem
+            ) {
               <gf-assistant-list-item
                 mode="assetProfile"
                 [item]="searchResultItem"
                 (clicked)="onCloseAssistant()"
-                />
+              />
             }
             @if (searchResults?.assetProfiles?.length === 0) {
               @if (isLoading) {
                 <ngx-skeleton-loader
                   animation="pulse"
                   class="mx-2"
-            [theme]="{
-              height: '1.5rem',
-              width: '100%'
-            }"
-                  />
+                  [theme]="{
+                    height: '1.5rem',
+                    width: '100%'
+                  }"
+                />
               }
               @if (!isLoading) {
                 <div class="px-2 py-1" i18n>No entries...</div>
@@ -108,7 +108,7 @@
           <mat-select
             [formControl]="dateRangeFormControl"
             (selectionChange)="onChangeDateRange($event.value)"
-            >
+          >
             @for (range of dateRangeOptions; track range) {
               <mat-option [value]="range.value">{{ range.label }}</mat-option>
             }
@@ -129,89 +129,90 @@
                         class="mr-1"
                         [tooltip]="account.Platform?.name"
                         [url]="account.Platform?.url"
-                        />
-                      }<span>{{ account.name }}</span>
-                    </div>
-                  </mat-option>
-                }
-              </mat-select>
-            </mat-form-field>
-          </div>
-          <div class="mb-3">
-            <mat-form-field appearance="outline" class="w-100 without-hint">
-              <mat-label i18n>Holding</mat-label>
-              <mat-select
-                formControlName="holding"
-                [compareWith]="holdingComparisonFunction"
-                >
-                <mat-select-trigger>{{
-                  filterForm.get('holding')?.value?.name
-                }}</mat-select-trigger>
-                <mat-option [value]="null" />
-                @for (holding of holdings; track holding.name) {
-                  <mat-option [value]="holding">
-                    <div class="line-height-1 text-truncate">
-                      <span
-                        ><b>{{ holding.name }}</b></span
-                        >
-                        <br />
-                        <small class="text-muted"
-                          >{{ holding.symbol | gfSymbol }} ·
-                          {{ holding.currency }}</small
-                          >
-                        </div>
-                      </mat-option>
+                      />
                     }
-                  </mat-select>
-                </mat-form-field>
-              </div>
-              <div class="mb-3">
-                <mat-form-field appearance="outline" class="w-100 without-hint">
-                  <mat-label i18n>Tag</mat-label>
-                  <mat-select formControlName="tag">
-                    <mat-option [value]="null" />
-                    @for (tag of tags; track tag.id) {
-                      <mat-option [value]="tag.id">{{ tag.label }}</mat-option>
-                    }
-                  </mat-select>
-                </mat-form-field>
-              </div>
-              <div class="mb-3">
-                <mat-form-field appearance="outline" class="w-100 without-hint">
-                  <mat-label i18n>Asset Class</mat-label>
-                  <mat-select formControlName="assetClass">
-                    <mat-option [value]="null" />
-                    @for (assetClass of assetClasses; track assetClass.id) {
-                      <mat-option [value]="assetClass.id">{{
-                        assetClass.label
-                      }}</mat-option>
-                    }
-                  </mat-select>
-                </mat-form-field>
-              </div>
-              <div class="d-flex w-100">
-                <button
-                  i18n
-                  mat-button
+                    <span>{{ account.name }}</span>
+                  </div>
+                </mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+        </div>
+        <div class="mb-3">
+          <mat-form-field appearance="outline" class="w-100 without-hint">
+            <mat-label i18n>Holding</mat-label>
+            <mat-select
+              formControlName="holding"
+              [compareWith]="holdingComparisonFunction"
+            >
+              <mat-select-trigger>{{
+                filterForm.get('holding')?.value?.name
+              }}</mat-select-trigger>
+              <mat-option [value]="null" />
+              @for (holding of holdings; track holding.name) {
+                <mat-option [value]="holding">
+                  <div class="line-height-1 text-truncate">
+                    <span
+                      ><b>{{ holding.name }}</b></span
+                    >
+                    <br />
+                    <small class="text-muted"
+                      >{{ holding.symbol | gfSymbol }} ·
+                      {{ holding.currency }}</small
+                    >
+                  </div>
+                </mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+        </div>
+        <div class="mb-3">
+          <mat-form-field appearance="outline" class="w-100 without-hint">
+            <mat-label i18n>Tag</mat-label>
+            <mat-select formControlName="tag">
+              <mat-option [value]="null" />
+              @for (tag of tags; track tag.id) {
+                <mat-option [value]="tag.id">{{ tag.label }}</mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+        </div>
+        <div class="mb-3">
+          <mat-form-field appearance="outline" class="w-100 without-hint">
+            <mat-label i18n>Asset Class</mat-label>
+            <mat-select formControlName="assetClass">
+              <mat-option [value]="null" />
+              @for (assetClass of assetClasses; track assetClass.id) {
+                <mat-option [value]="assetClass.id">{{
+                  assetClass.label
+                }}</mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+        </div>
+        <div class="d-flex w-100">
+          <button
+            i18n
+            mat-button
             [disabled]="
               !hasFilter(filterForm.value) || !hasPermissionToChangeFilters
             "
-                  (click)="onResetFilters()"
-                  >
+            (click)="onResetFilters()"
+          >
             Reset Filters
           </button>
-                <span class="gf-spacer"></span>
-                <button
-                  color="primary"
-                  i18n
-                  mat-flat-button
-                  [disabled]="!filterForm.dirty || !hasPermissionToChangeFilters"
-                  (click)="onApplyFilters()"
-                  >
+          <span class="gf-spacer"></span>
+          <button
+            color="primary"
+            i18n
+            mat-flat-button
+            [disabled]="!filterForm.dirty || !hasPermissionToChangeFilters"
+            (click)="onApplyFilters()"
+          >
             Apply Filters
           </button>
-              </div>
-            </div>
-          }
-        </form>
+        </div>
       </div>
+    }
+  </form>
+</div>

libs/ui/src/lib/benchmark/benchmark-detail-dialog/benchmark-detail-dialog.component.ts

@@ -8,7 +8,6 @@ import {
 } from '@ghostfolio/common/interfaces';
 import { GfLineChartComponent } from '@ghostfolio/ui/line-chart';
 
-
 import {
   CUSTOM_ELEMENTS_SCHEMA,
   ChangeDetectionStrategy,
@@ -37,7 +36,7 @@ import { BenchmarkDetailDialogParams } from './interfaces/interfaces';
     GfDialogHeaderModule,
     GfLineChartComponent,
     MatDialogModule
-],
+  ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   selector: 'gf-benchmark-detail-dialog',
   styleUrls: ['./benchmark-detail-dialog.component.scss'],

libs/ui/src/lib/data-provider-credits/data-provider-credits.component.html

@@ -1,10 +1,16 @@
 <small class="text-muted">
-  <ng-container i18n>Market data provided by</ng-container>&nbsp;@for (dataProviderInfo of dataProviderInfos; track dataProviderInfo; let last = $last) {
-  <a target="_blank" [href]="dataProviderInfo.url">{{
-    dataProviderInfo.name
-    }}</a
-    >@if (!last) {
-    ,
+  <ng-container i18n>Market data provided by</ng-container>&nbsp;
+  @for (
+    dataProviderInfo of dataProviderInfos;
+    track dataProviderInfo;
+    let last = $last
+  ) {
+    <a target="_blank" [href]="dataProviderInfo.url">{{
+      dataProviderInfo.name
+    }}</a>
+    @if (!last) {
+      ,
+    }
   }
-  }.
+  .
 </small>

libs/ui/src/lib/data-provider-credits/data-provider-credits.component.ts

@@ -1,6 +1,5 @@
 import { DataProviderInfo } from '@ghostfolio/common/interfaces';
 
-
 import {
   CUSTOM_ELEMENTS_SCHEMA,
   ChangeDetectionStrategy,

libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor-dialog/historical-market-data-editor-dialog.component.ts

@@ -1,7 +1,6 @@
 import { AdminService } from '@ghostfolio/client/services/admin.service';
 import { DataService } from '@ghostfolio/client/services/data.service';
 
-
 import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
@@ -36,7 +35,7 @@ import { HistoricalMarketDataEditorDialogParams } from './interfaces/interfaces'
     MatFormFieldModule,
     MatInputModule,
     ReactiveFormsModule
-],
+  ],
   selector: 'gf-historical-market-data-editor-dialog',
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   styleUrls: ['./historical-market-data-editor-dialog.scss'],

libs/ui/src/lib/tags-selector/tags-selector.component.ts

@@ -1,5 +1,4 @@
 import { COMMA, ENTER } from '@angular/cdk/keycodes';
-
 import {
   ChangeDetectionStrategy,
   Component,
@@ -34,7 +33,7 @@ import { BehaviorSubject, Subject, takeUntil } from 'rxjs';
     MatFormFieldModule,
     MatInputModule,
     ReactiveFormsModule
-],
+  ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   selector: 'gf-tags-selector',
   styleUrls: ['./tags-selector.component.scss'],

libs/ui/src/lib/trend-indicator/trend-indicator.component.ts

@@ -1,6 +1,5 @@
 import { DateRange, MarketState } from '@ghostfolio/common/types';
 
-
 import {
   CUSTOM_ELEMENTS_SCHEMA,
   ChangeDetectionStrategy,