[editor] Fix MathTable term array

docs/release-notes-editor.md

@@ -52,6 +52,7 @@ Editor
 - Ablegelisten, Optionsfelder in Lückentexten, Eingabefelder in Lückentexten haben die nutzlose Eigenschaft "Beschriftung" nicht mehr.
 - Duplizierte Optionsfelder haben neue Optionsreferenzen (verändert nicht mehr das Original, wenn man an der Kopie Optionen editiert)
 - Ausgewählte Seite und Seitenabschnitt werden bei Laden einer Unit zurückgesetzt. Dadurch sollte es nicht mehr zu Fällen kommen, in denen man auf eine nicht-existente Seite gerät beim Wechseln, Verwerfen o.Ä. von Units im Studio.
+- Rechenkästchen: Termeingaben ausgehend von leeren Feldern übertragen sich nicht mehr auf das nächste Feld
 
 ## 2.4.6
 ### Änderungen

projects/editor/src/app/components/dialogs/wizards/mathtable.dialog.component.ts

@@ -46,7 +46,7 @@ import { MatDividerModule } from '@angular/material/divider';
       <mat-divider></mat-divider>
 
       <h3>{{ 'termRows' | translate }}</h3>
-      <div *ngFor="let term of terms; let i = index;" class="terms">
+      <div *ngFor="let term of terms; let i = index; trackBy: trackTerm" class="terms">
         <mat-form-field *ngIf="operation !== 'multiplication' || i < 2"
                         [style.flex-grow]="1" (input)="changeTerm($any($event.target).value, i)">
           <mat-label>Term</mat-label>
@@ -99,4 +99,9 @@ export class MathTableWizardDialogComponent {
   removeTerm(index: number) {
     this.terms.splice(index, 1);
   }
+
+  // eslint-disable-next-line class-methods-use-this
+  trackTerm(index: number) {
+    return index;
+  }
 }

projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/ele-specific/math-table-properties.component.ts

@@ -46,7 +46,7 @@ import { UnitService } from 'editor/src/app/services/unit-services/unit.service'
       </mat-form-field>
 
       {{ 'termRows' | translate }}
-      <div *ngFor="let term of $any(combinedProperties).terms; let i = index;"
+      <div *ngFor="let term of $any(combinedProperties).terms; let i = index; trackBy: trackTerm"
            class="term-list">
         <ng-container *ngIf="combinedProperties.operation !== 'multiplication' || i < 2">
           <mat-form-field (input)="changeTerm($any($event.target).value, i)"
@@ -163,4 +163,9 @@ export class MathTablePropertiesComponent {
     (this.combinedProperties.terms as string[]).splice(index, 1);
     this.updateModel.emit({ property: 'terms', value: this.combinedProperties.terms as string[] });
   }
+
+  // eslint-disable-next-line class-methods-use-this
+  trackTerm(index: number) {
+    return index;
+  }
 }