@cqa-lib/cqa-ui 1.1.268 → 1.1.269

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

@@ -140,6 +140,8 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     private updateConditionLeftSelectConfig;
     /** Options for the condition left autocomplete (IF_CONDITION natural text actions) */
     get conditionLeftAutocompleteOptions(): CqaAutocompleteOption[];
+    /** Display value for IF condition autocomplete: show natural text from option matching naturalTextActionId when available (including when form is empty on open), else form value. */
+    get conditionLeftDisplayValue(): string;
     onConditionLeftSelect(option: CqaAutocompleteOption & {
         template?: any;
     }): void;
@@ -191,6 +193,8 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     isConditionStep(step: TestCaseStepConfig): step is ConditionStepConfig;
     isStepGroup(step: TestCaseStepConfig): step is StepGroupConfig;
     getBranchLabel(branch: ConditionBranch): string;
+    /** Branch display number: condition step number + branch index (e.g. step 3 → branches 3, 4, 5 to match nested 3.1, 4.1, 5.1). */
+    getBranchDisplayNumber(branchIndex: number): number;
     getBranchColorClass(branch: ConditionBranch): string;
     getBranchTextColor(branch: ConditionBranch): string;
     onOpenExternal(): void;

package/lib/test-case-details/delete-steps/delete-steps.component.d.ts

@@ -11,6 +11,7 @@ export declare class DeleteStepsComponent {
         stepsToDelete?: TestCaseStepConfig[];
         contextLabel?: string;
         stepImages?: Map<string | number, string>;
+        stepLabels?: string[];
     };
     /** Steps that will be deleted (shown in the list). */
     stepsToDelete: TestCaseStepConfig[];
@@ -18,17 +19,20 @@ export declare class DeleteStepsComponent {
     contextLabel: string;
     /** Optional step images/screenshots map: stepId -> imageUrl */
     stepImages: Map<string | number, string>;
+    /** Pre-computed display labels from host (e.g. ts-portal-ui), same order as stepsToDelete. */
+    stepLabels: string[];
     constructor(data?: {
         stepsToDelete?: TestCaseStepConfig[];
         contextLabel?: string;
         stepImages?: Map<string | number, string>;
+        stepLabels?: string[];
     });
     confirmDelete: EventEmitter<void>;
     cancelled: EventEmitter<void>;
     get stepsCount(): number;
     get titleText(): string;
     get selectedStepsSubtitle(): string;
-    /** Display label for a step in the list (same pattern as create-step-group). */
+    /** Display label: use stepLabels from host when provided, else compute from step. */
     getStepDisplayLabel(step: TestCaseStepConfig, index: number): string;
     private getNormalStepLabel;
     onCancel(): void;

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

@@ -147,6 +147,8 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     get whileConditionAutocompleteOptions(): (CqaAutocompleteOption & {
         template?: any;
     })[];
+    /** Display value for while condition autocomplete: show natural text from option matching naturalTextActionId when available (including when form is empty on open), else form value. When user has selected a different option, show form value. */
+    get whileConditionDisplayValue(): string;
     onConditionSelect(option: CqaAutocompleteOption & {
         template?: any;
     }): void;
@@ -208,6 +210,10 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
         expanded: boolean;
     }, step: TestCaseStepConfig, index: number): void;
     onAddStep(): void;
+    /** Re-emit addStepForLoop from nested loop so N-level nesting works (empty-state add step). */
+    onAddStepForLoopFromNested(event: {
+        loopStepConfig: LoopStepConfig;
+    }): void;
     /** Called from empty-state plus only; same behaviour as add-step-between (parentId = loop step id, position = parent + 1). */
     onAddStepEmpty(): void;
     onDeleteStep(payloadOrIndex: any, index?: number): void;

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

@@ -15,6 +15,7 @@ export declare class TestCaseStepGroupComponent implements OnInit, OnChanges, Do
     expanded: boolean;
     isNested: boolean;
     isInsideLoop: boolean;
+    isInsideStepGroup: boolean;
     isReorder: boolean;
     selected: boolean;
     loading: boolean;
@@ -77,12 +78,25 @@ export declare class TestCaseStepGroupComponent implements OnInit, OnChanges, Do
         index: number;
         position: 'ABOVE' | 'BELOW';
     }>;
+    /** Re-emit addStepForLoop from nested loops so N-level nesting works (empty loop add step). */
+    addStepForLoop: EventEmitter<{
+        loopStepConfig: LoopStepConfig;
+    }>;
     selectionChange: EventEmitter<boolean>;
     onDndDrop(event: DndDropEvent): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngDoCheck(): void;
     private updateFromConfig;
+    /** True when this step group has at least one child step (used to hide "0 steps" badge). */
+    hasSteps(): boolean;
+    /** Max length for start/end step number in summary; beyond this use local indices (1 to count). */
+    private static readonly MAX_STEP_NUMBER_DISPLAY_LENGTH;
+    /**
+     * Step count is derived only from the child step array length.
+     * Runs on every render (no expand/collapse dependency). Used for initial load and all nesting levels.
+     * For deeply nested steps with long numbers, shows "Steps 1-N (N steps)" using local indices.
+     */
     getStepsSummary(): string;
     onToggleExpanded(): void;
     onGroupNameChange(value: string): void;
@@ -118,5 +132,5 @@ export declare class TestCaseStepGroupComponent implements OnInit, OnChanges, Do
     onNestedConditionAddBranch(nestedStep: ConditionStepConfig, index: number): void;
     onNestedConditionDeleteBranch(nestedStep: ConditionStepConfig, branch: any, index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseStepGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseStepGroupComponent, "cqa-test-case-step-group", never, { "config": "config"; "id": "id"; "stepNumber": "stepNumber"; "groupName": "groupName"; "description": "description"; "reusable": "reusable"; "nestedSteps": "nestedSteps"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; "selected": "selected"; "loading": "loading"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "groupNameChange": "groupNameChange"; "descriptionChange": "descriptionChange"; "reusableChange": "reusableChange"; "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "openExternal": "openExternal"; "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseStepGroupComponent, "cqa-test-case-step-group", never, { "config": "config"; "id": "id"; "stepNumber": "stepNumber"; "groupName": "groupName"; "description": "description"; "reusable": "reusable"; "nestedSteps": "nestedSteps"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isInsideStepGroup": "isInsideStepGroup"; "isReorder": "isReorder"; "selected": "selected"; "loading": "loading"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "groupNameChange": "groupNameChange"; "descriptionChange": "descriptionChange"; "reusableChange": "reusableChange"; "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "openExternal": "openExternal"; "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "addStepBetweenClick": "addStepBetweenClick"; "addStepForLoop": "addStepForLoop"; "selectionChange": "selectionChange"; }, never, never>;
 }

package/package.json

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