Add calculate step selection directly on form

src/app/development-processes/development-method-artifact-mapping/development-method-artifact-mapping.component.html

@@ -12,7 +12,8 @@
       <select id="inputStep" class="form-control" formControlName="step">
         <ng-container
           *ngFor="
-            let step of developmentMethod.executionSteps;
+            let step of executionStepsFormValue ??
+              developmentMethod.executionSteps;
             let index = index
           "
         >

src/app/development-processes/development-method-artifact-mapping/development-method-artifact-mapping.component.ts

@@ -11,9 +11,10 @@ import {
 import { FormControl, FormGroup, FormGroupDirective } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { tap } from 'rxjs/operators';
-import { ModuleService } from '../../development-process-registry/module-api/module.service';
 import { ArtifactMappingFormService } from '../shared/artifact-mapping-form.service';
 import { DevelopmentMethod } from '../../development-process-registry/development-method/development-method';
+import { ExecutionStepsFormValue } from '../shared/execution-steps-form.service';
+import { ModuleService } from '../../development-process-registry/module-api/module.service';
 
 @Component({
   selector: 'app-development-method-artifact-mapping',
@@ -23,6 +24,7 @@ import { DevelopmentMethod } from '../../development-process-registry/developmen
 export class DevelopmentMethodArtifactMappingComponent
   implements OnInit, OnChanges, OnDestroy
 {
+  @Input() executionStepsFormValue?: ExecutionStepsFormValue[];
   @Input() developmentMethod: DevelopmentMethod;
   @Input() metaModel: { name: string; metaModelType: any };
   @Input() stepNumber: number = null;
@@ -57,6 +59,12 @@ export class DevelopmentMethodArtifactMappingComponent
   ngOnChanges(changes: SimpleChanges): void {
     if (changes.developmentMethod) {
       this.updateSubscriptions();
+    } else if (
+      changes.executionStepsFormValue &&
+      !this.outputControl.value &&
+      this.stepControl.value != null
+    ) {
+      this.updateStepArtifacts(this.stepControl.value);
     }
   }
 
@@ -112,11 +120,18 @@ export class DevelopmentMethodArtifactMappingComponent
   }
 
   updateStepArtifacts(stepNumber: number): void {
-    const step = this.developmentMethod.executionSteps[stepNumber];
-    this.artifacts = this.moduleService.getModuleMethod(
-      step.module,
-      step.method
-    ).input;
+    if (this.executionStepsFormValue != null) {
+      const method = this.executionStepsFormValue[stepNumber].method;
+      if (method != null) {
+        this.artifacts = method.input;
+      }
+    } else {
+      const step = this.developmentMethod.executionSteps[stepNumber];
+      this.artifacts = this.moduleService.getModuleMethod(
+        step.module,
+        step.method
+      ).input;
+    }
   }
 
   get formGroup(): FormGroup {

src/app/development-processes/development-method-artifact-mappings/development-method-artifact-mappings.component.html

@@ -3,6 +3,7 @@
   [formGroup]="$any(control)"
 >
   <app-development-method-artifact-mapping
+    [executionStepsFormValue]="executionStepsFormValue"
     [developmentMethod]="developmentMethod"
     [metaModel]="metaModel"
     [stepNumber]="stepNumber"

src/app/development-processes/development-method-artifact-mappings/development-method-artifact-mappings.component.ts

@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
 import { DevelopmentMethod } from '../../development-process-registry/development-method/development-method';
 import { FormArray, FormArrayName } from '@angular/forms';
 import { ArtifactMappingFormService } from '../shared/artifact-mapping-form.service';
+import { ExecutionStepsFormValue } from '../shared/execution-steps-form.service';
 
 @Component({
   selector: 'app-development-method-artifact-mappings',
@@ -9,6 +10,7 @@ import { ArtifactMappingFormService } from '../shared/artifact-mapping-form.serv
   styleUrls: ['./development-method-artifact-mappings.component.css'],
 })
 export class DevelopmentMethodArtifactMappingsComponent {
+  @Input() executionStepsFormValue?: ExecutionStepsFormValue[];
   @Input() developmentMethod: DevelopmentMethod;
   @Input() metaModel: { name: string; metaModelType: any };
   @Input() stepNumber: number = null;

src/app/development-processes/development-method-select-execution-step/development-method-select-execution-step.component.html

@@ -78,6 +78,7 @@
       >
         <b>{{ output.name }}</b>
         <app-development-method-artifact-mappings
+          [executionStepsFormValue]="executionStepsFormValue"
           [developmentMethod]="developmentMethod"
           formArrayName="{{ index }}"
           [metaModel]="output"

src/app/development-processes/development-method-select-execution-step/development-method-select-execution-step.component.ts

@@ -26,7 +26,10 @@ import { DevelopmentMethod } from '../../development-process-registry/developmen
 import { ConfigurationFormPlaceholderDirective } from '../configuration-form-placeholder.directive';
 import { ModuleMethod } from '../../development-process-registry/module-api/module-method';
 import { ConfigurationFormComponent } from '../../development-process-registry/module-api/configuration-form-component';
-import { ExecutionStepsFormService } from '../shared/execution-steps-form.service';
+import {
+  ExecutionStepsFormService,
+  ExecutionStepsFormValue,
+} from '../shared/execution-steps-form.service';
 
 @Component({
   selector: 'app-development-method-select-execution-step',
@@ -36,6 +39,7 @@ import { ExecutionStepsFormService } from '../shared/execution-steps-form.servic
 export class DevelopmentMethodSelectExecutionStepComponent
   implements OnInit, OnChanges, OnDestroy
 {
+  @Input() executionStepsFormValue?: ExecutionStepsFormValue[];
   @Input() developmentMethod: DevelopmentMethod;
   @Input() stepNumber: number;
 

src/app/development-processes/development-method-select-execution-steps/development-method-select-execution-steps.component.html

@@ -6,6 +6,7 @@
     >
       <h5>Step #{{ index + 1 }}</h5>
       <app-development-method-select-execution-step
+        [executionStepsFormValue]="formArray.value"
         [formGroup]="$any(control)"
         [developmentMethod]="developmentMethod"
         [stepNumber]="index"