@cqa-lib/cqa-ui 1.1.320 → 1.1.321

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

@@ -32372,24 +32372,42 @@ class StepBuilderLoopComponent {
         }
         this.updateLoopIndexOptions();
     }
+    /**
+     * Get display name for a 1-based row index from the selected profile's data array (data[index-1].name).
+     * Returns null if no name. Matches loop-step edit mode behavior.
+     */
+    getDataRowNameForOneBasedIndex(oneBasedIndex) {
+        const profile = this.selectedDataProfile;
+        if (!profile?.data || !Array.isArray(profile.data))
+            return null;
+        const idx = oneBasedIndex - 1;
+        if (idx < 0 || idx >= profile.data.length)
+            return null;
+        const row = profile.data[idx];
+        return row && (row.name != null ? String(row.name) : null);
+    }
+    /**
+     * Build label for a loop index option: "setName (n)" when row has name, else "Step (n)".
+     * Matches loop-step edit mode dropdown display.
+     */
+    getLoopIndexOptionLabel(idx) {
+        const rowName = this.getDataRowNameForOneBasedIndex(idx);
+        return rowName ? `${rowName} (${idx})` : `Step (${idx})`;
+    }
     /**
      * Update loop start and end config options
      */
     updateLoopIndexOptions() {
-        // Convert startArray to SelectOptions
-        const startOptions = this.startArray.map(idx => ({
-            id: idx,
-            value: idx,
-            name: String(idx),
-            label: String(idx)
-        }));
-        // Convert endArray to SelectOptions
-        const endOptions = this.endArray.map(idx => ({
-            id: idx,
-            value: idx,
-            name: String(idx),
-            label: String(idx)
-        }));
+        // Convert startArray to SelectOptions with "Step (n)" or "setName (n)" labels
+        const startOptions = this.startArray.map(idx => {
+            const label = this.getLoopIndexOptionLabel(idx);
+            return { id: idx, value: idx, name: label, label };
+        });
+        // Convert endArray to SelectOptions with same label format
+        const endOptions = this.endArray.map(idx => {
+            const label = this.getLoopIndexOptionLabel(idx);
+            return { id: idx, value: idx, name: label, label };
+        });
         this.loopStartConfig = {
             ...this.loopStartConfig,
             options: [{ id: -1, value: -1, name: 'Start', label: 'Start' }, ...startOptions],