@cqa-lib/cqa-ui 1.1.227 → 1.1.228

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

@@ -1,5 +1,6 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { AiAgentStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseAiAgentStepComponent implements OnInit {
     config: AiAgentStepConfig;
@@ -11,6 +12,7 @@ export declare class TestCaseAiAgentStepComponent implements OnInit {
     isNested: boolean;
     isInsideLoop: boolean;
     isReorder: boolean;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
@@ -20,15 +22,16 @@ export declare class TestCaseAiAgentStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
+    constructor();
     ngOnInit(): void;
     onEdit(): void;
     onLink(): void;
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseAiAgentStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseAiAgentStepComponent, "cqa-test-case-ai-agent-step", never, { "config": "config"; "stepNumber": "stepNumber"; "instructions": "instructions"; "description": "description"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; }, never, never>;

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

@@ -1,5 +1,6 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { AiVerifyStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseAiVerifyStepComponent implements OnInit {
     config: AiVerifyStepConfig;
@@ -11,6 +12,7 @@ export declare class TestCaseAiVerifyStepComponent implements OnInit {
     isNested: boolean;
     isInsideLoop: boolean;
     isReorder: boolean;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
@@ -20,15 +22,16 @@ export declare class TestCaseAiVerifyStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
+    constructor();
     ngOnInit(): void;
     onEdit(): void;
     onLink(): void;
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseAiVerifyStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseAiVerifyStepComponent, "cqa-test-case-ai-verify-step", never, { "config": "config"; "stepNumber": "stepNumber"; "instructions": "instructions"; "description": "description"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; }, never, never>;

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

@@ -2,6 +2,7 @@ import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { OverlayContainer } from '@angular/cdk/overlay';
 import { ApiStepConfig, TestCaseStepConfig } from '../test-case-step.models';
 import { EnvironmentOptionInput } from '../api-edit-step/api-edit-step.component';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseApiStepComponent implements OnInit {
     private readonly overlayContainer;
@@ -36,7 +37,7 @@ export declare class TestCaseApiStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
     toggleExpanded: EventEmitter<{
         config: ApiStepConfig;
@@ -56,7 +57,7 @@ export declare class TestCaseApiStepComponent implements OnInit {
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseApiStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseApiStepComponent, "cqa-test-case-api-step", never, { "config": "config"; "stepNumber": "stepNumber"; "method": "method"; "endpoint": "endpoint"; "description": "description"; "baseUrl": "baseUrl"; "headersCount": "headersCount"; "hasBody": "hasBody"; "saveTo": "saveTo"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "expanded": "expanded"; "isReorder": "isReorder"; "environmentOptions": "environmentOptions"; "httpMethodOptions": "httpMethodOptions"; "headerNameOptions": "headerNameOptions"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "toggleExpanded": "toggleExpanded"; }, never, never>;

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

@@ -1,9 +1,10 @@
-import { EventEmitter, OnInit, OnChanges, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, OnInit, OnChanges, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { DndDropEvent } from 'ngx-drag-drop';
 import { ConditionStepConfig, ConditionBranch, TestCaseStepConfig, NormalStepConfig, LoopStepConfig, StepGroupConfig } from '../test-case-step.models';
 import { DynamicSelectFieldConfig } from '../../dynamic-select/dynamic-select-field.component';
 import { CqaAutocompleteOption } from '../../autocomplete/autocomplete.model';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseConditionStepComponent implements OnInit, OnChanges {
     private fb;
@@ -63,6 +64,7 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     templateVariables: any[];
     /** Form group for template variables */
     templateVariablesForm: FormGroup;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     toggleExpanded: EventEmitter<{
         config: ConditionStepConfig;
         expanded: boolean;
@@ -89,6 +91,7 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
         index: number;
@@ -180,8 +183,9 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     onDelete(): void;
     onSelectionChange(checked: boolean): void;
     onMoreOptions(): void;
+    onViewDetails(event?: MouseEvent): void;
     /** 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"; "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"; "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/custom-code-step/custom-code-step.component.d.ts

@@ -1,5 +1,6 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { CustomCodeStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseCustomCodeStepComponent implements OnInit {
     config: CustomCodeStepConfig;
@@ -12,6 +13,8 @@ export declare class TestCaseCustomCodeStepComponent implements OnInit {
     isNested: boolean;
     isInsideLoop: boolean;
     isReorder: boolean;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
+    constructor();
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
@@ -21,7 +24,7 @@ export declare class TestCaseCustomCodeStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
     ngOnInit(): void;
     getLanguageLabel(): string;
@@ -31,7 +34,7 @@ export declare class TestCaseCustomCodeStepComponent implements OnInit {
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseCustomCodeStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseCustomCodeStepComponent, "cqa-test-case-custom-code-step", never, { "config": "config"; "stepNumber": "stepNumber"; "language": "language"; "code": "code"; "description": "description"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; }, never, never>;

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

@@ -1,5 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { DatabaseStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseDatabaseStepComponent implements OnInit {
     config: DatabaseStepConfig;
@@ -23,7 +24,7 @@ export declare class TestCaseDatabaseStepComponent implements OnInit {
     link: EventEmitter<void>;
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
     toggleExpanded: EventEmitter<{
         config: DatabaseStepConfig;
@@ -37,7 +38,7 @@ export declare class TestCaseDatabaseStepComponent implements OnInit {
     onLink(): void;
     onDuplicate(): void;
     onDelete(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     onConnectionChange(value: string): void;
     onQueryChange(value: string): void;

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

@@ -1,9 +1,10 @@
-import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnInit, OnChanges, SimpleChanges, ElementRef } 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 * as i0 from "@angular/core";
 export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     private fb;
@@ -54,6 +55,7 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
         index: number;
@@ -97,6 +99,7 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     conditionSelectConfig: DynamicSelectFieldConfig;
     /** 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);
@@ -158,6 +161,7 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     onDelete(): void;
     onSelectionChange(checked: boolean): void;
     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"; "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"; "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/normal-step/normal-step.component.d.ts

@@ -4,6 +4,7 @@ import { CustomEditStepService } from '../custom-edit-step/custom-edit-step.serv
 import { ElementPopupService } from '../element-popup/element-popup.service';
 import { TestDataModalService } from '../test-data-modal/test-data-modal.service';
 import { DomSanitizer } from '@angular/platform-browser';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseNormalStepComponent implements OnInit {
     private readonly customEditStep;
@@ -18,6 +19,7 @@ export declare class TestCaseNormalStepComponent implements OnInit {
     editTrigger?: ElementRef<HTMLElement>;
     elementTrigger?: ElementRef<HTMLElement>;
     clickElementTrigger?: ElementRef<HTMLElement>;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     config: NormalStepConfig;
     stepNumber: number | string;
     action: string;
@@ -43,6 +45,7 @@ export declare class TestCaseNormalStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
     clickAction: EventEmitter<MouseEvent>;
     eventTypeDropdownOpen: boolean;
@@ -75,11 +78,13 @@ export declare class TestCaseNormalStepComponent implements OnInit {
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
+    onViewDetails(event?: MouseEvent): void;
+    private getStepTitle;
     onSelectionChange(checked: boolean): void;
     toggleEventTypeDropdown(): void;
     closeEventTypeDropdown(): void;
     onDocumentClick(event: MouseEvent): void;
     clickOnAction(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseNormalStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseNormalStepComponent, "cqa-test-case-normal-step", never, { "config": "config"; "stepNumber": "stepNumber"; "action": "action"; "eventType": "eventType"; "parameters": "parameters"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; "stepIndex": "stepIndex"; }, { "eventTypeChange": "eventTypeChange"; "parameterChange": "parameterChange"; "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "selectionChange": "selectionChange"; "clickAction": "clickAction"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseNormalStepComponent, "cqa-test-case-normal-step", never, { "config": "config"; "stepNumber": "stepNumber"; "action": "action"; "eventType": "eventType"; "parameters": "parameters"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; "stepIndex": "stepIndex"; }, { "eventTypeChange": "eventTypeChange"; "parameterChange": "parameterChange"; "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "clickAction": "clickAction"; }, never, never>;
 }

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

@@ -1,5 +1,6 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { RestoreSessionStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseRestoreSessionStepComponent implements OnInit {
     config: RestoreSessionStepConfig;
@@ -10,6 +11,7 @@ export declare class TestCaseRestoreSessionStepComponent implements OnInit {
     isNested: boolean;
     isInsideLoop: boolean;
     isReorder: boolean;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
@@ -19,8 +21,9 @@ export declare class TestCaseRestoreSessionStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
+    constructor();
     ngOnInit(): void;
     getRestoreSessionDescription(): string;
     onEdit(): void;
@@ -28,7 +31,7 @@ export declare class TestCaseRestoreSessionStepComponent implements OnInit {
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseRestoreSessionStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseRestoreSessionStepComponent, "cqa-test-case-restore-session-step", never, { "config": "config"; "stepNumber": "stepNumber"; "action": "action"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; }, never, never>;

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

@@ -1,5 +1,6 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { ScreenshotStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseScreenshotStepComponent implements OnInit {
     config: ScreenshotStepConfig;
@@ -13,6 +14,7 @@ export declare class TestCaseScreenshotStepComponent implements OnInit {
     isNested: boolean;
     isInsideLoop: boolean;
     isReorder: boolean;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
@@ -22,8 +24,9 @@ export declare class TestCaseScreenshotStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
+    constructor();
     ngOnInit(): void;
     getScreenshotDescription(): string;
     onEdit(): void;
@@ -31,7 +34,7 @@ export declare class TestCaseScreenshotStepComponent implements OnInit {
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseScreenshotStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseScreenshotStepComponent, "cqa-test-case-screenshot-step", never, { "config": "config"; "stepNumber": "stepNumber"; "name": "name"; "fullPage": "fullPage"; "selector": "selector"; "description": "description"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; }, never, never>;

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

@@ -1,5 +1,6 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { ScrollStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseScrollStepComponent implements OnInit {
     config: ScrollStepConfig;
@@ -13,6 +14,7 @@ export declare class TestCaseScrollStepComponent implements OnInit {
     isInsideLoop: boolean;
     expanded: boolean;
     isReorder: boolean;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
@@ -21,7 +23,7 @@ export declare class TestCaseScrollStepComponent implements OnInit {
     link: EventEmitter<void>;
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
     toggleExpanded: EventEmitter<{
         config: ScrollStepConfig;
@@ -31,12 +33,13 @@ export declare class TestCaseScrollStepComponent implements OnInit {
     directionChange: EventEmitter<"left" | "right" | "top" | "down" | "up" | "bottom">;
     ngOnInit(): void;
     getDisplayText(): string;
+    constructor();
     onToggleExpanded(): void;
     onEdit(): void;
     onLink(): void;
     onDuplicate(): void;
     onDelete(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     onSelectorChange(value: string): void;
     onDirectionChange(value: 'top' | 'bottom' | 'up' | 'down' | 'left' | 'right'): void;

package/lib/test-case-details/step-details-modal/step-details-modal-data.d.ts

@@ -0,0 +1,12 @@
+import { InjectionToken } from '@angular/core';
+export interface StepDetailsModalData {
+    title: string;
+    description: string;
+}
+/** Payload emitted when View Details is clicked - parent opens popup (e.g. view-details-popup-wrapper) */
+export interface ViewDetailsPayload {
+    event: MouseEvent;
+    title: string;
+    description: string;
+}
+export declare const STEP_DETAILS_MODAL_DATA: InjectionToken<StepDetailsModalData>;

package/lib/test-case-details/step-details-modal/step-details-modal-ref.d.ts

@@ -0,0 +1,13 @@
+import { InjectionToken } from '@angular/core';
+import { OverlayRef } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
+export declare class StepDetailsModalRef<TResult = void> {
+    private readonly overlayRef;
+    private readonly closed$;
+    private isClosed;
+    constructor(overlayRef: OverlayRef);
+    close(result?: TResult): void;
+    afterClosed(): Observable<TResult | undefined>;
+    private finishClose;
+}
+export declare const STEP_DETAILS_MODAL_REF: InjectionToken<StepDetailsModalRef<void>>;

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

@@ -0,0 +1,12 @@
+import { StepDetailsModalData } from './step-details-modal-data';
+import { StepDetailsModalRef } from './step-details-modal-ref';
+import * as i0 from "@angular/core";
+export declare class StepDetailsModalComponent {
+    private ref?;
+    title: string;
+    description: string;
+    constructor(ref?: StepDetailsModalRef, data?: StepDetailsModalData);
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepDetailsModalComponent, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepDetailsModalComponent, "cqa-step-details-modal", never, {}, {}, never, never>;
+}

package/lib/test-case-details/step-details-modal/step-details-modal.service.d.ts

@@ -0,0 +1,22 @@
+import { ElementRef, Injector } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { StepDetailsModalRef } from './step-details-modal-ref';
+import { StepDetailsModalData } from './step-details-modal-data';
+import * as i0 from "@angular/core";
+export declare class StepDetailsModalService {
+    private readonly overlay;
+    private readonly injector;
+    /** Currently open Step Details overlay ref; only one panel is allowed at a time. */
+    private currentRef;
+    constructor(overlay: Overlay, injector: Injector);
+    /**
+     * Opens the Step Details modal positioned just below the given origin element.
+     * If a panel is already open, returns the existing ref and does not open a duplicate.
+     * @param origin Element (e.g. "View Details" link) to position below
+     * @param data Title and description to display
+     * @returns Ref with afterClosed() and close()
+     */
+    open(origin: ElementRef<HTMLElement>, data: StepDetailsModalData): StepDetailsModalRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepDetailsModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StepDetailsModalService>;
+}

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

@@ -1,6 +1,7 @@
 import { DndDropEvent } from 'ngx-drag-drop';
-import { EventEmitter, OnInit, OnChanges, SimpleChanges, DoCheck, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, OnInit, OnChanges, SimpleChanges, DoCheck, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { StepGroupConfig, TestCaseStepConfig, NormalStepConfig, LoopStepConfig, ConditionStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseStepGroupComponent implements OnInit, OnChanges, DoCheck {
     private cdr;
@@ -33,6 +34,7 @@ export declare class TestCaseStepGroupComponent implements OnInit, OnChanges, Do
     addStepBetween: boolean;
     private previousNestedStepsLength;
     private previousNestedStepsReference;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     constructor(cdr: ChangeDetectorRef);
     toggleExpanded: EventEmitter<{
         config: StepGroupConfig;
@@ -58,6 +60,7 @@ export declare class TestCaseStepGroupComponent implements OnInit, OnChanges, Do
     link: EventEmitter<void>;
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     dndDropInZone: EventEmitter<{
         event: DndDropEvent;
         targetList: TestCaseStepConfig[];
@@ -92,6 +95,7 @@ export declare class TestCaseStepGroupComponent implements OnInit, OnChanges, Do
     }, step: TestCaseStepConfig, index: number): void;
     onAddStep(): void;
     onDeleteStep(index: number): void;
+    onViewDetails(event?: MouseEvent): void;
     onOpenExternal(): void;
     onEdit(): void;
     onLink(): void;
@@ -107,5 +111,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"; "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"; "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>;
 }

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

@@ -47,7 +47,7 @@ export declare class TestCaseDetailsRendererComponent implements OnChanges, Afte
     delete: EventEmitter<void | {
         step: TestCaseStepConfig;
     }>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<import("../step-details-modal/step-details-modal-data").ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
     conditionChange: EventEmitter<string>;
     branchStepChange: EventEmitter<{

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

@@ -1,5 +1,6 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { UploadStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseUploadStepComponent implements OnInit {
     config: UploadStepConfig;
@@ -14,6 +15,7 @@ export declare class TestCaseUploadStepComponent implements OnInit {
     isNested: boolean;
     isInsideLoop: boolean;
     isReorder: boolean;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
@@ -23,15 +25,16 @@ export declare class TestCaseUploadStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
+    constructor();
     ngOnInit(): void;
     onEdit(): void;
     onLink(): void;
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseUploadStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseUploadStepComponent, "cqa-test-case-upload-step", never, { "config": "config"; "stepNumber": "stepNumber"; "selector": "selector"; "fileName": "fileName"; "source": "source"; "sourcePath": "sourcePath"; "description": "description"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; }, never, never>;

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

@@ -1,5 +1,6 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { VerifyUrlStepConfig, TestCaseStepConfig } from '../test-case-step.models';
+import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseVerifyUrlStepComponent implements OnInit {
     config: VerifyUrlStepConfig;
@@ -11,6 +12,7 @@ export declare class TestCaseVerifyUrlStepComponent implements OnInit {
     isNested: boolean;
     isInsideLoop: boolean;
     isReorder: boolean;
+    viewDetailsTrigger?: ElementRef<HTMLElement>;
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
         step: TestCaseStepConfig;
@@ -20,8 +22,9 @@ export declare class TestCaseVerifyUrlStepComponent implements OnInit {
     duplicate: EventEmitter<void>;
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
-    viewDetails: EventEmitter<void>;
+    viewDetails: EventEmitter<ViewDetailsPayload>;
     selectionChange: EventEmitter<boolean>;
+    constructor();
     ngOnInit(): void;
     getVerifyUrlDescription(): string;
     onEdit(): void;
@@ -29,7 +32,7 @@ export declare class TestCaseVerifyUrlStepComponent implements OnInit {
     onDuplicate(): void;
     onDelete(): void;
     onMoreOptions(): void;
-    onViewDetails(): void;
+    onViewDetails(event?: MouseEvent): void;
     onSelectionChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseVerifyUrlStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseVerifyUrlStepComponent, "cqa-test-case-verify-url-step", never, { "config": "config"; "stepNumber": "stepNumber"; "action": "action"; "url": "url"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; }, never, never>;