@cqa-lib/cqa-ui 1.1.312 → 1.1.313

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

@@ -21765,6 +21765,9 @@ class TestCaseDetailsRendererComponent {
     /** Update only data profile / options inputs on existing instance (avoids full recreate and losing isEditing). */
     updateOptionsInputs(instance) {
         if (isLoopStepConfig(this.step) || isConditionStepConfig(this.step) || isStepGroupConfig(this.step)) {
+            const prevOptions = instance.dataProfileOptions;
+            const prevHasMore = instance.hasMoreDataProfiles;
+            const prevLoading = instance.isLoadingDataProfiles;
             instance.dataProfileOptions = this.dataProfileOptions;
             instance.hasMoreDataProfiles = this.hasMoreDataProfiles;
             instance.isLoadingDataProfiles = this.isLoadingDataProfiles;
@@ -21772,6 +21775,16 @@ class TestCaseDetailsRendererComponent {
             instance.addStepBetweenAbove = this.addStepBetweenAbove;
             instance.addStepBetweenBelow = this.addStepBetweenBelow;
             instance.addStepBetween = this.addStepBetween;
+            // Trigger ngOnChanges so the step updates its Test Data profile select config (search/load more options).
+            // Dynamically created components do not get @Input() change detection from the template.
+            if (typeof instance.ngOnChanges === 'function') {
+                const changes = {
+                    dataProfileOptions: new SimpleChange(prevOptions, this.dataProfileOptions, false),
+                    hasMoreDataProfiles: new SimpleChange(prevHasMore, this.hasMoreDataProfiles, false),
+                    isLoadingDataProfiles: new SimpleChange(prevLoading, this.isLoadingDataProfiles, false),
+                };
+                instance.ngOnChanges(changes);
+            }
         }
         if (isLoopStepConfig(this.step)) {
             instance.naturalTextActionsOptions = this.naturalTextActionsOptions;
@@ -22611,7 +22624,7 @@ class TestCaseLoopStepComponent {
             const idStr = String(forLoopTestDataId);
             const alreadyInList = options.some((o) => String(o.id ?? o.value) === idStr);
             if (!alreadyInList) {
-                const displayName = this.testDataProfile || 'Selected profile';
+                const displayName = this.resolveTestDataProfileName(forLoopTestDataId) || this.resolveTestDataProfileName(this.testDataProfile) || 'Selected profile';
                 options = [{ id: forLoopTestDataId, value: forLoopTestDataId, name: displayName, label: displayName }, ...options];
             }
         }
@@ -22669,6 +22682,15 @@ class TestCaseLoopStepComponent {
             label: option.name
         }));
     }
+    /** Resolve a data profile id/value back to the display name used by the dropdown trigger. */
+    resolveTestDataProfileName(value) {
+        if (value == null || value === '')
+            return '';
+        const match = this.dataProfileOptions.find(option => option.id === value || String(option.id) === String(value) || option.name === value);
+        if (match?.name)
+            return match.name;
+        return typeof value === 'string' ? value : String(value);
+    }
     /** Data length (N) of the currently selected test data profile; 0 if none selected or not found. */
     getSelectedProfileDataLength() {
         const profileId = this.editForm?.get('testDataProfile')?.value ?? this.config?.forLoopTestDataId ?? this.config?.dataMapJson?.forLoopTestDataId ?? this.config?.dataMapBean?.for_loop?.testDataId;
@@ -22971,8 +22993,9 @@ class TestCaseLoopStepComponent {
         this.toggleExpanded.emit({ config: this.config, expanded: this.expanded });
     }
     onTestDataProfileChange(value) {
-        this.testDataProfile = value;
-        this.testDataProfileChange.emit(value);
+        const displayName = this.resolveTestDataProfileName(value);
+        this.testDataProfile = displayName;
+        this.testDataProfileChange.emit(displayName);
     }
     onStartStepChange(value) {
         this.startStep = value;