NG0956 Tracking expression caused re-creation of the DOM structure.

projects/common/src/fm/components/gradient-select/gradient-select.component.html

@@ -11,7 +11,7 @@
     <div class="gradient-list" [ngClass]="{'visible':listVisible}">
       @if (gradientItems) {
         <ul>
-          @for (item of gradientItems; track item) {
+          @for (item of gradientItems; track item.code) {
             <li (click)="handleSelect(item)" [ngClass]="{'bg-primary':isSelected(item),'text-white':isSelected(item)} ">
               <div>{{item?.name}}</div>
               <div><fm-gradient [gradientItem]="item"></fm-gradient></div>

projects/common/src/fm/components/resumable-file-upload/resumable-file-upload.component.html

@@ -13,7 +13,7 @@
       <div [ngClass]="{'minimized': uploadService.isMinimized }">
         <div class="card-block p-3">
           <ul class="list-unstyled">
-            @for (file of uploadService.files; track file) {
+            @for (file of uploadService.files; track file.identifier) {
               <li class="upload-file busy" [ngClass]="{'done': file.success,'busy':file.success == false,'error': file.error }">
                 @if (file.success == false) {
                   <div><span class="file-name" [attr.title]="file?.fileName">{{file.fileName}}</span><span class="fal fa-times" title="Cancel" (click)="uploadService.cancelFile(file)"></span><span class="fal fa-check"></span></div>