@cqa-lib/cqa-ui 1.1.276 → 1.1.277

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

@@ -21861,7 +21861,14 @@ class TestCaseDetailsRendererComponent {
             const editInDepthSub = instance.editInDepth.subscribe((v) => {
                 // If child component emits an object with step, use it; otherwise use current step and index
                 if (v != null && typeof v === 'object' && 'step' in v) {
-                    this.editInDepth.emit({ step: v.step, index: v.index ?? this.index });
+                    const payload = {
+                        step: v.step,
+                        index: v.index ?? this.index,
+                    };
+                    if (v.templateOverride) {
+                        payload.templateOverride = v.templateOverride;
+                    }
+                    this.editInDepth.emit(payload);
                 }
                 else {
                     this.editInDepth.emit({ step: this.step, index: this.index });
@@ -22415,8 +22422,8 @@ class TestCaseLoopStepComponent {
             this.cdr.detectChanges();
         }
         // Auto-open Edit In depth when user selects a condition from the autocomplete.
-        // Defer to next tick so autocomplete dropdown can close and event propagation completes.
-        setTimeout(() => this.onEditInDepth(), 100);
+        // Pass fullTemplate so the modal shows the newly selected template, not the old step template.
+        setTimeout(() => this.onEditInDepth(fullTemplate), 100);
     }
     buildTemplateVariablesForm() {
         if (!this.templateVariablesForm) {
@@ -23049,10 +23056,17 @@ class TestCaseLoopStepComponent {
         }
         this.isEditing = false;
     }
-    onEditInDepth() {
+    onEditInDepth(templateOverride) {
         this.moreOptions.emit();
         const index = typeof this.stepNumber === 'number' ? this.stepNumber : (typeof this.stepNumber === 'string' ? parseInt(this.stepNumber, 10) : 0);
-        this.editInDepth.emit({ step: this.config, index: isNaN(index) ? 0 : index });
+        const payload = {
+            step: this.config,
+            index: isNaN(index) ? 0 : index,
+        };
+        if (templateOverride) {
+            payload.templateOverride = templateOverride;
+        }
+        this.editInDepth.emit(payload);
     }
     onLink() {
         // Not used in loop step, but needed for recursive step groups
@@ -23485,7 +23499,11 @@ class TestCaseConditionStepComponent {
         // If template not in option, try to find from naturalTextActionsOptions by matching naturalText
         let fullTemplate = matchingTemplate;
         if (!fullTemplate || !fullTemplate.variables) {
-            const matchingOption = this.naturalTextActionsOptions.find((opt) => opt.naturalText === option.value || opt.name === option.value || opt.value === option.value);
+            const optVal = (option.value ?? '').toString().trim();
+            const matchingOption = this.naturalTextActionsOptions.find((opt) => {
+                const n = (opt.naturalText ?? opt.name ?? opt.value ?? '').toString().trim();
+                return n === optVal || (opt.template && opt.template.naturalText?.toString().trim() === optVal);
+            });
             // Use template property from option if available, otherwise use the option itself
             fullTemplate = matchingOption?.template || matchingOption;
         }
@@ -23518,8 +23536,10 @@ class TestCaseConditionStepComponent {
             this.cdr.detectChanges();
         }
         // Auto-open Edit In depth when user selects a condition from the autocomplete.
-        // Defer to next tick so autocomplete dropdown can close and event propagation completes.
-        setTimeout(() => this.onEditInDepth(), 100);
+        // Pass the selected template so the modal shows the newly selected template, not the old step template.
+        // Prefer selectedTemplate (validated), then fullTemplate, then option.template (from autocomplete)
+        const templateToPass = this.selectedTemplate || fullTemplate || option.template;
+        setTimeout(() => this.onEditInDepth(templateToPass), 100);
     }
     buildTemplateVariablesForm() {
         if (!this.templateVariablesForm) {
@@ -23585,8 +23605,8 @@ class TestCaseConditionStepComponent {
             this.cdr.detectChanges();
         }
         // Auto-open Edit In depth when user selects a condition from the ELSE IF autocomplete.
-        // Defer to next tick so autocomplete dropdown can close and event propagation completes.
-        setTimeout(() => this.onEditInDepth(), 100);
+        // Pass fullTemplate so the modal shows the newly selected template, not the old step template.
+        setTimeout(() => this.onEditInDepth(fullTemplate), 100);
     }
     buildElseTemplateVariablesForm(branch) {
         if (!branch.templateVariablesForm) {
@@ -24032,10 +24052,17 @@ class TestCaseConditionStepComponent {
         this.stepUpdate.emit(updatedConfig);
         this.editContext = null;
     }
-    onEditInDepth() {
+    onEditInDepth(templateOverride) {
         this.moreOptions.emit();
         const index = typeof this.stepNumber === 'number' ? this.stepNumber : (typeof this.stepNumber === 'string' ? parseInt(this.stepNumber, 10) : 0);
-        this.editInDepth.emit({ step: this.config, index: isNaN(index) ? 0 : index });
+        const payload = {
+            step: this.config,
+            index: isNaN(index) ? 0 : index,
+        };
+        if (templateOverride) {
+            payload.templateOverride = templateOverride;
+        }
+        this.editInDepth.emit(payload);
     }
     onLink() {
         // Not used in condition step, but needed for recursive step groups