@cqa-lib/cqa-ui 1.1.56 → 1.1.58

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -6222,6 +6222,7 @@ class LoopStepComponent extends BaseStepComponent {
         // Output event for when iteration selection changes
         this.onIterationChange = new EventEmitter();
         this.selectedIteration = null;
+        this.userSelectedIterationId = null; // Track user's manual selection
     }
     ngOnInit() {
         // Build config from individual inputs
@@ -6252,12 +6253,50 @@ class LoopStepComponent extends BaseStepComponent {
             const currentValue = changes['selectedIterationId'].currentValue;
             const previousValue = changes['selectedIterationId'].previousValue;
             if (currentValue !== previousValue) {
-                this.selectDefaultIteration();
+                // If user has manually selected an iteration, don't override it unless the input matches
+                if (this.userSelectedIterationId && this.userSelectedIterationId === currentValue) {
+                    // Input matches user's selection, keep it
+                    const found = this.iterations.find(iter => iter.id === currentValue);
+                    if (found) {
+                        this.selectedIteration = found;
+                    }
+                }
+                else if (!this.userSelectedIterationId) {
+                    // No user selection, use the input value
+                    if (currentValue) {
+                        const found = this.iterations.find(iter => iter.id === currentValue);
+                        if (found) {
+                            this.selectedIteration = found;
+                        }
+                        else {
+                            this.selectDefaultIteration();
+                        }
+                    }
+                    else {
+                        this.selectDefaultIteration();
+                    }
+                }
+                // If input doesn't match user selection, don't override user's choice
             }
         }
         // Update selection when iterations array changes
         if (changes['iterations'] && this.iterations && this.iterations.length > 0) {
-            this.selectDefaultIteration();
+            // Only reselect if we don't have a valid selection or if selectedIterationId changed
+            if (!this.selectedIteration || !this.iterations.some(iter => iter.id === this.selectedIteration?.id)) {
+                // If user has selected something, try to preserve it
+                if (this.userSelectedIterationId) {
+                    const found = this.iterations.find(iter => iter.id === this.userSelectedIterationId);
+                    if (found) {
+                        this.selectedIteration = found;
+                    }
+                    else {
+                        this.selectDefaultIteration();
+                    }
+                }
+                else {
+                    this.selectDefaultIteration();
+                }
+            }
         }
         // Update config when inputs change
         if (changes['iterations'] || changes['selectedIterationId'] || changes['nestedSteps']) {
@@ -6277,10 +6316,21 @@ class LoopStepComponent extends BaseStepComponent {
         }
     }
     selectDefaultIteration() {
+        // Only select default if no iteration is currently selected
+        // This preserves user's selection when they manually change the iteration
+        if (this.selectedIteration && this.selectedIterationId && this.selectedIteration.id === this.selectedIterationId) {
+            // Already selected correctly, no need to change
+            return;
+        }
         if (this.selectedIterationId) {
-            this.selectedIteration = this.iterations.find(iter => iter.id === this.selectedIterationId) || null;
+            const found = this.iterations.find(iter => iter.id === this.selectedIterationId);
+            if (found) {
+                this.selectedIteration = found;
+                return;
+            }
         }
-        else if (this.defaultIteration === 'last' && this.iterations.length > 0) {
+        // Only apply default if no specific selection was provided
+        if (this.defaultIteration === 'last' && this.iterations.length > 0) {
             this.selectedIteration = this.iterations[this.iterations.length - 1];
         }
         else if (this.iterations.length > 0) {
@@ -6288,6 +6338,8 @@ class LoopStepComponent extends BaseStepComponent {
         }
     }
     handleIterationChange(iterationId) {
+        // Store the user's manual selection
+        this.userSelectedIterationId = iterationId;
         this.selectedIteration = this.iterations.find(iter => iter.id === iterationId) || null;
         // Emit the event with the iteration ID
         this.onIterationChange.emit(iterationId);