@cqa-lib/cqa-ui 1.1.237 → 1.1.239

package/lib/templates/table-template.component.d.ts

@@ -68,6 +68,7 @@ export declare class TableTemplateComponent implements OnInit, OnChanges, OnDest
         path: string;
         source: string;
     }) => void;
+    selectedItems: any[];
     private _columnVisibility;
     private _cachedVisibilityColumns;
     filteredRows: any[];
@@ -89,6 +90,11 @@ export declare class TableTemplateComponent implements OnInit, OnChanges, OnDest
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private initializeComponent;
+    /**
+     * Get selected IDs from selectedItems (objects)
+     */
+    private getSelectedIds;
+    private restoreSelectionState;
     private initializeColumnVisibility;
     get anyRowSelected(): boolean;
     get currentSelectedItems(): any[];
@@ -137,5 +143,5 @@ export declare class TableTemplateComponent implements OnInit, OnChanges, OnDest
         name?: string;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableTemplateComponent, "cqa-table-template", never, { "searchPlaceholder": "searchPlaceholder"; "searchValue": "searchValue"; "showClear": "showClear"; "showSearchBar": "showSearchBar"; "showExportButton": "showExportButton"; "isExporting": "isExporting"; "filterConfig": "filterConfig"; "showFilterPanel": "showFilterPanel"; "showFilterButton": "showFilterButton"; "otherButtons": "otherButtons"; "otherDropDownButtons": "otherDropDownButtons"; "otherSelectDropDownButtons": "otherSelectDropDownButtons"; "otherButtonLabel": "otherButtonLabel"; "otherButtonVariant": "otherButtonVariant"; "showOtherButton": "showOtherButton"; "showActionButton": "showActionButton"; "showSettingsButton": "showSettingsButton"; "showAutoRefreshButton": "showAutoRefreshButton"; "data": "data"; "isEmptyState": "isEmptyState"; "emptyStateConfig": "emptyStateConfig"; "actions": "actions"; "chips": "chips"; "filterApplied": "filterApplied"; "columns": "columns"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "serverSidePagination": "serverSidePagination"; "totalElements": "totalElements"; "isTableLoading": "isTableLoading"; "isTableDataLoading": "isTableDataLoading"; "cellJsonPathGetter": "cellJsonPathGetter"; "onJsonPathCopiedHandler": "onJsonPathCopiedHandler"; }, { "onSearchChange": "onSearchChange"; "onExportClick": "onExportClick"; "onApplyFilterClick": "onApplyFilterClick"; "onResetFilterClick": "onResetFilterClick"; "onClearAll": "onClearAll"; "removeChip": "removeChip"; "pageChange": "pageChange"; "onReload": "onReload"; "onAutoRefreshClick": "onAutoRefreshClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableTemplateComponent, "cqa-table-template", never, { "searchPlaceholder": "searchPlaceholder"; "searchValue": "searchValue"; "showClear": "showClear"; "showSearchBar": "showSearchBar"; "showExportButton": "showExportButton"; "isExporting": "isExporting"; "filterConfig": "filterConfig"; "showFilterPanel": "showFilterPanel"; "showFilterButton": "showFilterButton"; "otherButtons": "otherButtons"; "otherDropDownButtons": "otherDropDownButtons"; "otherSelectDropDownButtons": "otherSelectDropDownButtons"; "otherButtonLabel": "otherButtonLabel"; "otherButtonVariant": "otherButtonVariant"; "showOtherButton": "showOtherButton"; "showActionButton": "showActionButton"; "showSettingsButton": "showSettingsButton"; "showAutoRefreshButton": "showAutoRefreshButton"; "data": "data"; "isEmptyState": "isEmptyState"; "emptyStateConfig": "emptyStateConfig"; "actions": "actions"; "chips": "chips"; "filterApplied": "filterApplied"; "columns": "columns"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "serverSidePagination": "serverSidePagination"; "totalElements": "totalElements"; "isTableLoading": "isTableLoading"; "isTableDataLoading": "isTableDataLoading"; "cellJsonPathGetter": "cellJsonPathGetter"; "onJsonPathCopiedHandler": "onJsonPathCopiedHandler"; "selectedItems": "selectedItems"; }, { "onSearchChange": "onSearchChange"; "onExportClick": "onExportClick"; "onApplyFilterClick": "onApplyFilterClick"; "onResetFilterClick": "onResetFilterClick"; "onClearAll": "onClearAll"; "removeChip": "removeChip"; "pageChange": "pageChange"; "onReload": "onReload"; "onAutoRefreshClick": "onAutoRefreshClick"; }, never, never>;
 }

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

@@ -90,6 +90,10 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     deleteBranch: EventEmitter<ConditionBranch>;
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
+    edit: EventEmitter<{
+        step: TestCaseStepConfig;
+        index: number;
+    }>;
     moreOptions: EventEmitter<void>;
     viewDetails: EventEmitter<ViewDetailsPayload>;
     editInDepth: EventEmitter<{
@@ -157,6 +161,13 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     }, branch: ConditionBranch, step: TestCaseStepConfig, index: number): void;
     onAddStep(branch: ConditionBranch): void;
     onDeleteStep(branch: ConditionBranch, stepIndex: number): void;
+    /** Re-emit edit from nested step in a branch so the portal can open edit modal (same as root level). */
+    onNestedEdit(event: {
+        step: TestCaseStepConfig;
+        index: number;
+    }): void;
+    /** Re-emit duplicate from nested step in a branch so the portal can duplicate (same as root level). */
+    onNestedDuplicate(event: any, step: TestCaseStepConfig): void;
     onAddBranch(): void;
     onDeleteBranch(branch: ConditionBranch): void;
     onNestedConditionAddBranch(nestedStep: ConditionStepConfig): void;
@@ -187,5 +198,5 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     /** Get select config for a template variable */
     getSelectConfigForVariable(variable: any, branchIdOrIsElse?: string | boolean): DynamicSelectFieldConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseConditionStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseConditionStepComponent, "cqa-test-case-condition-step", never, { "config": "config"; "id": "id"; "stepNumber": "stepNumber"; "condition": "condition"; "branches": "branches"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; "selected": "selected"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "conditionChange": "conditionChange"; "branchStepChange": "branchStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "addBranch": "addBranch"; "addElse": "addElse"; "deleteBranch": "deleteBranch"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "editInDepth": "editInDepth"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "clickAction": "clickAction"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseConditionStepComponent, "cqa-test-case-condition-step", never, { "config": "config"; "id": "id"; "stepNumber": "stepNumber"; "condition": "condition"; "branches": "branches"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; "selected": "selected"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "conditionChange": "conditionChange"; "branchStepChange": "branchStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "addBranch": "addBranch"; "addElse": "addElse"; "deleteBranch": "deleteBranch"; "duplicate": "duplicate"; "delete": "delete"; "edit": "edit"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "editInDepth": "editInDepth"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "clickAction": "clickAction"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
 }

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

@@ -1,13 +1,15 @@
-import { EventEmitter, OnInit, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import { EventEmitter, OnInit, OnChanges, SimpleChanges, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { DndDropEvent } from 'ngx-drag-drop';
 import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
 import { LoopStepConfig, TestCaseStepConfig, NormalStepConfig, ConditionStepConfig, StepGroupConfig } from '../test-case-step.models';
 import { DataProfileOption } from '../../step-builder/step-builder-loop/step-builder-loop.component';
 import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
+import { CqaAutocompleteOption } from '../../autocomplete/autocomplete.model';
 import * as i0 from "@angular/core";
 export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     private fb;
+    private cdr;
     config: LoopStepConfig;
     id: string;
     loopType: 'for' | 'while';
@@ -31,6 +33,8 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     isLoadingDataProfiles: boolean;
     /** Options for natural text actions (for while loop condition) */
     naturalTextActionsOptions: SelectOption[];
+    /** Function to process template variables for while condition (same as condition-step) */
+    setConditionTemplateVariables: (template: any) => any[];
     /** Show "Add Step Between" button above nested steps */
     addStepBetweenAbove: boolean;
     /** Show "Add Step Between" button below nested steps */
@@ -50,7 +54,10 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
         step: TestCaseStepConfig;
         index: number;
     }>;
-    addStep: EventEmitter<void>;
+    /** Emits void when add is from nested content; emits { loopStepConfig } when empty-state add is clicked (same behaviour as add-step-between). */
+    addStep: EventEmitter<void | {
+        loopStepConfig: LoopStepConfig;
+    }>;
     deleteStep: EventEmitter<number>;
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
@@ -97,21 +104,59 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     startStepSelectConfig: DynamicSelectFieldConfig;
     endStepSelectConfig: DynamicSelectFieldConfig;
     conditionSelectConfig: DynamicSelectFieldConfig;
+    /** While loop: config for autocomplete options (WHILE_CONDITION only) */
+    whileConditionSelectConfig: DynamicSelectFieldConfig;
+    /** Selected template for while condition (same pattern as condition-step) */
+    selectedTemplate: any;
+    /** Template variables for while condition */
+    templateVariables: any[];
+    /** Form group for template variables */
+    templateVariablesForm: FormGroup;
     /** Options for Loop Start / Loop End dropdowns (1-10) */
     loopStepOptions: number[];
     viewDetailsTrigger?: ElementRef<HTMLElement>;
     /** Local copy of values while editing (for Cancel revert) */
     private editSnapshot;
-    constructor(fb: FormBuilder);
+    constructor(fb: FormBuilder, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    /** Derive forOptionType for FOR loop from config so dropdown shows existing selection */
+    private getForOptionTypeFromConfig;
+    /** Test Data Profile dropdown value: prefer forLoopTestDataId from config (or dataMapJson/dataMapBean). Use option.id when options loaded so type matches select. */
+    private getTestDataProfileFormValue;
+    /** Loop Start dropdown value: prefer forLoopStartIndex from config (or dataMapJson/dataMapBean), else startStep */
+    private getLoopStartFormValue;
+    /** Loop End dropdown value: prefer forLoopEndIndex from config (or dataMapJson/dataMapBean), else endStep */
+    private getLoopEndFormValue;
     private buildEditForm;
-    /** Build select configs once (same option shape as default stories: id + name) */
+    /**
+     * Populate condition, selectedTemplate and template variables from config.naturalTextActionId when options are available.
+     * Returns { condition } if a match was found so buildEditForm can set initial form value.
+     */
+    private populateWhileConditionFromNaturalTextActionId;
+    /** Rebuild condition + template state when naturalTextActionsOptions load or config changes (same as condition-step). */
+    private rebuildWhileConditionFromNaturalTextAction;
+    /** Build select configs once (same option shape as default stories: id + name); FOR loop adds selectedValue from step */
     private buildSelectConfigs;
-    /** Update condition select config with natural text actions options */
+    /** Update condition select config with natural text actions options (legacy mat-select) */
     private updateConditionSelectConfig;
-    /** Update test data profile select config with current options and callbacks */
+    /** While loop: only show options with stepActionType === "WHILE_LOOP" */
+    private updateWhileConditionSelectConfig;
+    /** Options for the while condition autocomplete (WHILE_LOOP natural text actions only) */
+    get whileConditionAutocompleteOptions(): (CqaAutocompleteOption & {
+        template?: any;
+    })[];
+    onConditionSelect(option: CqaAutocompleteOption & {
+        template?: any;
+    }): void;
+    private buildTemplateVariablesForm;
+    getSelectConfigForVariable(variable: any): DynamicSelectFieldConfig;
+    /** Update test data profile select config with current options and selectedValue (forLoopTestDataId). Ensure selected id is in options so mat-select can display it. */
     private updateTestDataProfileSelectConfig;
+    /** Update Loop Start / Loop End select configs with selectedValue (forLoopStartIndex, forLoopEndIndex) so dropdowns show selected */
+    private updateStartEndStepSelectConfigsSelectedValues;
+    /** Update all FOR loop select configs (testDataProfile, startStep, endStep) with selectedValue from step so dropdowns show selected */
+    private updateForLoopSelectConfigsSelectedValues;
     /** Convert DataProfileOption[] to SelectOption[] */
     private convertDataProfileOptionsToSelectOptions;
     /** Handle data profile selection */
@@ -125,6 +170,12 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     isWhileLoop(): boolean;
     isForLoop(): boolean;
     getEndLabel(): string;
+    /** Resolve display start index: prefer forLoopStartIndex from step (or dataMapJson/dataMapBean), else startStep, else from nested steps */
+    private getDisplayStartIndex;
+    /** Resolve display end index: prefer forLoopEndIndex from step (or dataMapJson/dataMapBean), else endStep, else from nested steps */
+    private getDisplayEndIndex;
+    /** Resolve display profile name: map forLoopTestDataId to profile name from dataProfileOptions, else use testDataProfile */
+    private getDisplayTestDataProfileName;
     getStepsSummary(): string;
     getStartStepLabel(): string;
     getEndStepLabel(): string;
@@ -142,7 +193,16 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
         expanded: boolean;
     }, step: TestCaseStepConfig, index: number): void;
     onAddStep(): void;
-    onDeleteStep(index: number): 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;
+    /** Re-emit edit from nested step so the portal can open edit modal (same as root level). */
+    onNestedEdit(event: {
+        step: TestCaseStepConfig;
+        index: number;
+    }): void;
+    /** Re-emit duplicate from nested step so the portal can duplicate (same as root level). */
+    onNestedDuplicate(event: any, step: TestCaseStepConfig): void;
     isNormalStep(step: TestCaseStepConfig): step is NormalStepConfig;
     isLoopStep(step: TestCaseStepConfig): step is LoopStepConfig;
     isConditionStep(step: TestCaseStepConfig): step is ConditionStepConfig;
@@ -152,6 +212,8 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     onNestedConditionAddBranch(nestedStep: ConditionStepConfig, index: number): void;
     onNestedConditionDeleteBranch(nestedStep: ConditionStepConfig, branch: any, index: number): void;
     onOpenExternal(): void;
+    /** Sync FOR loop edit form so dropdowns show existing config (forOptionType, forLoopTestDataId/testDataProfile, forLoopStartIndex/forLoopEndIndex) */
+    private syncForLoopEditFormFromConfig;
     onEdit(): void;
     onEditApply(): void;
     onEditCancel(): void;
@@ -163,5 +225,5 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     onMoreOptions(): void;
     onViewDetails(event?: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseLoopStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseLoopStepComponent, "cqa-test-case-loop-step", never, { "config": "config"; "id": "id"; "loopType": "loopType"; "stepNumber": "stepNumber"; "condition": "condition"; "maxIterations": "maxIterations"; "testDataProfile": "testDataProfile"; "startStep": "startStep"; "endStep": "endStep"; "nestedSteps": "nestedSteps"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; "selected": "selected"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "testDataProfileChange": "testDataProfileChange"; "startStepChange": "startStepChange"; "endStepChange": "endStepChange"; "conditionChange": "conditionChange"; "maxIterationsChange": "maxIterationsChange"; "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "editInDepth": "editInDepth"; "edit": "edit"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "clickAction": "clickAction"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseLoopStepComponent, "cqa-test-case-loop-step", never, { "config": "config"; "id": "id"; "loopType": "loopType"; "stepNumber": "stepNumber"; "condition": "condition"; "maxIterations": "maxIterations"; "testDataProfile": "testDataProfile"; "startStep": "startStep"; "endStep": "endStep"; "nestedSteps": "nestedSteps"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; "selected": "selected"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "testDataProfileChange": "testDataProfileChange"; "startStepChange": "startStepChange"; "endStepChange": "endStepChange"; "conditionChange": "conditionChange"; "maxIterationsChange": "maxIterationsChange"; "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "editInDepth": "editInDepth"; "edit": "edit"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "clickAction": "clickAction"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
 }

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

@@ -94,7 +94,14 @@ export declare class TestCaseStepGroupComponent implements OnInit, OnChanges, Do
         expanded: boolean;
     }, step: TestCaseStepConfig, index: number): void;
     onAddStep(): void;
-    onDeleteStep(index: number): void;
+    onDeleteStep(payloadOrIndex: any, index?: number): void;
+    /** Re-emit edit from nested step so the portal can open edit modal (same as root level). */
+    onNestedEdit(event: {
+        step: TestCaseStepConfig;
+        index: number;
+    }): void;
+    /** Re-emit duplicate from nested step so the portal can duplicate (same as root level). */
+    onNestedDuplicate(event: any, step: TestCaseStepConfig): void;
     onViewDetails(event?: MouseEvent): void;
     onOpenExternal(): void;
     onEdit(): void;

package/lib/test-case-details/test-case-details-renderer/test-case-details-renderer.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, ViewContainerRef, OnChanges, SimpleChanges, AfterViewInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { TestCaseStepComponentMap } from '../test-case-step-components.token';
-import { TestCaseStepConfig, ConditionBranch } from '../test-case-step.models';
+import { TestCaseStepConfig, ConditionBranch, LoopStepConfig } from '../test-case-step.models';
 import * as i0 from "@angular/core";
 export declare class TestCaseDetailsRendererComponent implements OnChanges, AfterViewInit, OnDestroy {
     private componentMap;
@@ -58,6 +58,10 @@ export declare class TestCaseDetailsRendererComponent implements OnChanges, Afte
     addStepForBranch: EventEmitter<{
         branch: ConditionBranch;
     }>;
+    /** Emitted when empty loop step plus is clicked; same behaviour as add-step-between (parentId = loop step id). */
+    addStepForLoop: EventEmitter<{
+        loopStepConfig: LoopStepConfig;
+    }>;
     deleteStepWithBranch: EventEmitter<{
         branch: ConditionBranch;
         stepIndex: number;
@@ -118,5 +122,5 @@ export declare class TestCaseDetailsRendererComponent implements OnChanges, Afte
     private wireOutputs;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseDetailsRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsRendererComponent, "cqa-test-case-details-renderer", never, { "step": "step"; "index": "index"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "branch": "branch"; "isReorder": "isReorder"; "selected": "selected"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; }, { "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "toggleExpanded": "toggleExpanded"; "groupNameChange": "groupNameChange"; "descriptionChange": "descriptionChange"; "reusableChange": "reusableChange"; "openExternal": "openExternal"; "edit": "edit"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "conditionChange": "conditionChange"; "branchStepChange": "branchStepChange"; "addStepForBranch": "addStepForBranch"; "deleteStepWithBranch": "deleteStepWithBranch"; "addBranch": "addBranch"; "addElse": "addElse"; "deleteBranch": "deleteBranch"; "testDataProfileChange": "testDataProfileChange"; "startStepChange": "startStepChange"; "endStepChange": "endStepChange"; "maxIterationsChange": "maxIterationsChange"; "eventTypeChange": "eventTypeChange"; "parameterChange": "parameterChange"; "clickAction": "clickAction"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "addStepBetweenClick": "addStepBetweenClick"; "editInDepth": "editInDepth"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsRendererComponent, "cqa-test-case-details-renderer", never, { "step": "step"; "index": "index"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "branch": "branch"; "isReorder": "isReorder"; "selected": "selected"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; }, { "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "toggleExpanded": "toggleExpanded"; "groupNameChange": "groupNameChange"; "descriptionChange": "descriptionChange"; "reusableChange": "reusableChange"; "openExternal": "openExternal"; "edit": "edit"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "conditionChange": "conditionChange"; "branchStepChange": "branchStepChange"; "addStepForBranch": "addStepForBranch"; "addStepForLoop": "addStepForLoop"; "deleteStepWithBranch": "deleteStepWithBranch"; "addBranch": "addBranch"; "addElse": "addElse"; "deleteBranch": "deleteBranch"; "testDataProfileChange": "testDataProfileChange"; "startStepChange": "startStepChange"; "endStepChange": "endStepChange"; "maxIterationsChange": "maxIterationsChange"; "eventTypeChange": "eventTypeChange"; "parameterChange": "parameterChange"; "clickAction": "clickAction"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "addStepBetweenClick": "addStepBetweenClick"; "editInDepth": "editInDepth"; }, never, never>;
 }

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

@@ -134,9 +134,14 @@ export interface LoopStepConfig extends BaseStepConfig {
     testDataProfile?: string;
     startStep?: number;
     endStep?: number;
+    /** FOR loop: API values for display (Start/End labels and Test Data profile id) */
+    forLoopStartIndex?: number;
+    forLoopEndIndex?: number;
+    forLoopTestDataId?: number;
     nestedSteps: TestCaseStepConfig[];
 }
 export interface ConditionBranch {
+    id?: number;
     type: 'if' | 'else' | 'else-if';
     stepType: StepTypes.CONDITION_IF;
     label: string;

package/package.json

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