Migrate ngx-skeleton-loader components to self-closing tags (#2935)

apps/client/src/app/components/accounts-table/accounts-table.component.html

@@ -296,4 +296,4 @@
     height: '1.5rem',
     width: '100%'
   }"
-></ngx-skeleton-loader>
+/>

apps/client/src/app/components/admin-market-data/admin-market-data.html

@@ -213,7 +213,7 @@
           height: '1.5rem',
           width: '100%'
         }"
-      ></ngx-skeleton-loader>
+      />
     </div>
   </div>
 

apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.html

@@ -50,7 +50,7 @@
       height: '100%',
       width: '100%'
     }"
-  ></ngx-skeleton-loader>
+  />
   <canvas
     #chartCanvas
     class="h-100"

apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.html

@@ -19,5 +19,5 @@
     [theme]="{
       height: '100%'
     }"
-  ></ngx-skeleton-loader>
+  />
 </div>

apps/client/src/app/components/home-market/home-market.html

@@ -41,7 +41,7 @@
           height: '1.5rem',
           width: '100%'
         }"
-      ></ngx-skeleton-loader>
+      />
     </div>
   </div>
 </div>

apps/client/src/app/components/investment-chart/investment-chart.component.html

@@ -5,7 +5,7 @@
     height: '100%',
     width: '100%'
   }"
-></ngx-skeleton-loader>
+/>
 <canvas
   #chartCanvas
   class="h-100"

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

@@ -18,7 +18,7 @@
           height: '4rem',
           width: '15rem'
         }"
-      ></ngx-skeleton-loader>
+      />
     </div>
     <div
       class="display-4 font-weight-bold m-0 text-center value-container"

apps/client/src/app/components/position/position.component.html

@@ -28,14 +28,14 @@
             height: '1.2rem',
             width: '12rem'
           }"
-        ></ngx-skeleton-loader>
+        />
         <ngx-skeleton-loader
           animation="pulse"
           [theme]="{
             height: '1rem',
             width: '8rem'
           }"
-        ></ngx-skeleton-loader>
+        />
       </div>
       <div *ngIf="!isLoading" class="flex-grow-1 text-truncate">
         <div class="h6 m-0 text-truncate">{{ position?.name }}</div>

apps/client/src/app/components/rule/rule.component.html

@@ -8,7 +8,7 @@
           height: '2rem',
           width: '2rem'
         }"
-      ></ngx-skeleton-loader>
+      />
     </div>
     <div
       *ngIf="!isLoading"
@@ -26,14 +26,14 @@
           height: '1rem',
           width: '10rem'
         }"
-      ></ngx-skeleton-loader>
+      />
       <ngx-skeleton-loader
         animation="pulse"
         [theme]="{
           height: '1rem',
           width: '15rem'
         }"
-      ></ngx-skeleton-loader>
+      />
     </div>
     <div *ngIf="!isLoading" class="flex-grow-1">
       <div class="h6 my-1">{{ rule?.name }}</div>

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

@@ -5,6 +5,6 @@
   [theme]="{
     width: '100%'
   }"
-></ngx-skeleton-loader>
+/>
 
 <div class="align-items-center d-flex h-100 w-100" id="svgMap"></div>

apps/client/src/app/pages/portfolio/analysis/analysis-page.html

@@ -180,7 +180,7 @@
                 height: '1.5rem',
                 width: '100%'
               }"
-            ></ngx-skeleton-loader>
+            />
           </div>
         </mat-card-content>
       </mat-card>
@@ -228,7 +228,7 @@
                 height: '1.5rem',
                 width: '100%'
               }"
-            ></ngx-skeleton-loader>
+            />
           </div>
         </mat-card-content>
       </mat-card>

apps/client/src/app/pages/portfolio/fire/fire-page.html

@@ -45,14 +45,14 @@
           height: '1rem',
           width: '100%'
         }"
-      ></ngx-skeleton-loader>
+      />
       <ngx-skeleton-loader
         animation="pulse"
         [theme]="{
           height: '1rem',
           width: '10rem'
         }"
-      ></ngx-skeleton-loader>
+      />
     </div>
     <div *ngIf="!isLoading" i18n>
       If you retire today, you would be able to withdraw

libs/ui/src/lib/activities-table-lazy/activities-table-lazy.component.html

@@ -467,7 +467,7 @@
     height: '1.5rem',
     width: '100%'
   }"
-></ngx-skeleton-loader>
+/>
 
 <mat-paginator
   [length]="totalItems"

libs/ui/src/lib/activities-table/activities-table.component.html

@@ -579,7 +579,7 @@
     height: '1.5rem',
     width: '100%'
   }"
-></ngx-skeleton-loader>
+/>
 
 <div
   *ngIf="

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

@@ -59,7 +59,7 @@
             height: '1.5rem',
             width: '100%'
           }"
-        ></ngx-skeleton-loader>
+        />
         <div *ngIf="!isLoading" class="px-2 py-1" i18n>No entries...</div>
       </ng-container>
     </div>
@@ -80,7 +80,7 @@
             height: '1.5rem',
             width: '100%'
           }"
-        ></ngx-skeleton-loader>
+        />
         <div *ngIf="!isLoading" class="px-2 py-1" i18n>No entries...</div>
       </ng-container>
     </div>

libs/ui/src/lib/fire-calculator/fire-calculator.component.html

@@ -77,7 +77,7 @@
             height: '100%',
             width: '100%'
           }"
-        ></ngx-skeleton-loader>
+        />
         <canvas
           #chartCanvas
           class="h-100"

libs/ui/src/lib/holdings-table/holdings-table.component.html

@@ -162,7 +162,7 @@
     height: '1.5rem',
     width: '100%'
   }"
-></ngx-skeleton-loader>
+/>
 
 <div
   *ngIf="dataSource.data.length > pageSize && !isLoading"

libs/ui/src/lib/line-chart/line-chart.component.html

@@ -5,7 +5,7 @@
     height: '100%',
     width: '100%'
   }"
-></ngx-skeleton-loader>
+/>
 <canvas
   #chartCanvas
   [ngStyle]="{ display: isLoading ? 'none' : 'block' }"

libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.html

@@ -5,7 +5,7 @@
   [theme]="{
     height: '100%'
   }"
-></ngx-skeleton-loader>
+/>
 <canvas
   #chartCanvas
   [ngStyle]="{ display: isLoading ? 'none' : 'block' }"

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

@@ -6,7 +6,7 @@
     height: '1.8rem',
     width: '1.8rem'
   }"
-></ngx-skeleton-loader>
+/>
 
 <ng-template #other>
   <ion-icon

libs/ui/src/lib/value/value.component.html

@@ -67,7 +67,7 @@
         size === 'large' ? '2rem' : size === 'medium' ? '1.8rem' : '1.5rem',
       width: '5rem'
     }"
-  ></ngx-skeleton-loader>
+  />
 
   <ng-container>
     <div *ngIf="size === 'large'">