@cqa-lib/cqa-ui 1.1.278 → 1.1.280

package/lib/test-case-details/condition-step/condition-step.component.d.ts

@@ -178,6 +178,11 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
         key: string;
         value: string;
     }[];
+    /** Event key-value pairs for a branch (e.g. selector, element) - for IF uses config.event, for ELSE IF/ELSE uses branch.event */
+    getBranchEventDetailsForDisplay(branch: ConditionBranch): {
+        key: string;
+        value: string;
+    }[];
     onToggleExpanded(): void;
     onConditionChange(value: string): void;
     onBranchStepChange(branch: ConditionBranch, step: TestCaseStepConfig, stepIndex: number): void;

package/lib/test-case-details/loop-step/loop-step.component.d.ts

@@ -204,8 +204,15 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     /** Combined display for for loop with HTML badges - supports test_data badges like condition step; data-key/data-event-key enable click-to-edit */
     getForLoopDisplay(): string;
     private escapeForLoopHtml;
-    /** Full display for while loop: "While element ".selector" exists (max N iterations)" - supports HTML badges via innerHTML */
+    /** Full display for while loop: substitutes #{variable} with HTML badges (element/test_data) so clicks open popup - max iterations shown as separate badge */
     getConditionDisplay(): string;
+    /** Substitutes #{variable} placeholders with HTML badge spans using config.event - enables click-to-edit popup like condition step */
+    private substituteTemplateVariablesToHtml;
+    /** Event key-value pairs for display (e.g. selector, element) - same as condition step getBranchEventDetailsForDisplay */
+    getLoopEventDetailsForDisplay(): {
+        key: string;
+        value: string;
+    }[];
     onToggleExpanded(): void;
     onTestDataProfileChange(value: string): void;
     onStartStepChange(value: number): void;

package/lib/test-case-details/test-case-step.models.d.ts

@@ -151,6 +151,8 @@ export interface ConditionBranch {
     stepType: StepTypes.CONDITION_IF;
     label: string;
     action?: string;
+    /** Event key-value pairs for display badges (e.g. selector, element) - same as config.event */
+    event?: Record<string, unknown>;
     nestedSteps: TestCaseStepConfig[];
 }
 export interface ConditionStepConfig extends BaseStepConfig {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.278",
+  "version": "1.1.280",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",