@cqa-lib/cqa-ui 1.1.180 → 1.1.181

package/lib/custom-textarea/custom-textarea.component.d.ts

@@ -18,6 +18,7 @@ export declare class CustomTextareaComponent implements OnChanges {
     resize: 'none' | 'both' | 'horizontal' | 'vertical';
     textareaInlineStyle?: string;
     labelInlineStyle?: string;
+    customClass: string;
     valueChange: EventEmitter<string>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
@@ -34,6 +35,6 @@ export declare class CustomTextareaComponent implements OnChanges {
     get textareaStyles(): string;
     get labelStyles(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomTextareaComponent, "cqa-custom-textarea", never, { "label": "label"; "placeholder": "placeholder"; "value": "value"; "disabled": "disabled"; "errors": "errors"; "required": "required"; "ariaLabel": "ariaLabel"; "size": "size"; "fullWidth": "fullWidth"; "maxLength": "maxLength"; "showCharCount": "showCharCount"; "rows": "rows"; "cols": "cols"; "resize": "resize"; "textareaInlineStyle": "textareaInlineStyle"; "labelInlineStyle": "labelInlineStyle"; }, { "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomTextareaComponent, "cqa-custom-textarea", never, { "label": "label"; "placeholder": "placeholder"; "value": "value"; "disabled": "disabled"; "errors": "errors"; "required": "required"; "ariaLabel": "ariaLabel"; "size": "size"; "fullWidth": "fullWidth"; "maxLength": "maxLength"; "showCharCount": "showCharCount"; "rows": "rows"; "cols": "cols"; "resize": "resize"; "textareaInlineStyle": "textareaInlineStyle"; "labelInlineStyle": "labelInlineStyle"; "customClass": "customClass"; }, { "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; }, never, never>;
 }
 export {};

package/lib/custom-toggle/custom-toggle.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CustomToggleComponent {
+    checked: boolean;
+    disabled: boolean;
+    ariaLabel: string;
+    checkedChange: EventEmitter<boolean>;
+    change: EventEmitter<boolean>;
+    onToggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomToggleComponent, "cqa-custom-toggle", never, { "checked": "checked"; "disabled": "disabled"; "ariaLabel": "ariaLabel"; }, { "checkedChange": "checkedChange"; "change": "change"; }, never, never>;
+}

package/lib/file-upload/file-upload.component.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FileUploadComponent {
+    /** Accepted file types (e.g., 'application/pdf,application/msword,.txt') */
+    accept: string;
+    /** Display text for accepted file types */
+    acceptedFileTypes: string;
+    /** Whether the component is disabled */
+    disabled: boolean;
+    /** Emit when file is selected */
+    fileSelected: EventEmitter<File>;
+    /** Emit when file selection is cancelled */
+    cancelled: EventEmitter<void>;
+    fileInput: ElementRef<HTMLInputElement>;
+    isDragging: boolean;
+    selectedFile: File | null;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    onBrowseClick(): void;
+    onFileInputChange(event: Event): void;
+    private handleFile;
+    removeFile(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "cqa-file-upload", never, { "accept": "accept"; "acceptedFileTypes": "acceptedFileTypes"; "disabled": "disabled"; }, { "fileSelected": "fileSelected"; "cancelled": "cancelled"; }, never, never>;
+}

package/lib/item-list/item-list.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '@angular/core';
+import { CqaListItemConfig } from './item-list.model';
+import * as i0 from "@angular/core";
+export declare class ItemListComponent {
+    /** List items to display (e.g. mapped from Parameter, Environment, or any domain model) */
+    items: CqaListItemConfig[];
+    /** Id of the currently selected item; used for highlight and to show edit icon when showEdit is true */
+    selectedId: string | null;
+    /** Message shown when items array is empty (e.g. "No parameters match your search.") */
+    emptyMessage: string;
+    /** When true (default), the list container is scrollable (flex-1 min-h-0 overflow-y-auto). */
+    scrollable: boolean;
+    /** Emitted when an item row is clicked (passes the item id). */
+    itemSelect: EventEmitter<string>;
+    /** Emitted when the edit icon is clicked (passes the item id). Call stopPropagation in parent if needed. */
+    itemEdit: EventEmitter<string>;
+    /** Normalized items (never undefined) so template is safe. */
+    get displayItems(): CqaListItemConfig[];
+    trackById(_index: number, item: CqaListItemConfig): string;
+    isSelected(item: CqaListItemConfig): boolean;
+    onItemClick(item: CqaListItemConfig): void;
+    onEditClick(event: Event, item: CqaListItemConfig): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemListComponent, "cqa-item-list", never, { "items": "items"; "selectedId": "selectedId"; "emptyMessage": "emptyMessage"; "scrollable": "scrollable"; }, { "itemSelect": "itemSelect"; "itemEdit": "itemEdit"; }, never, never>;
+}

package/lib/item-list/item-list.model.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Configuration for a single item in the reusable item list.
+ * Use this interface to bind any domain model to the list by mapping to id, title, subtitle, badge, showEdit.
+ */
+export interface CqaListItemConfig {
+    /** Unique id used for selection and tracking */
+    id: string;
+    /** Primary text (e.g. variable name, label) */
+    title: string;
+    /** Secondary / value text shown below title */
+    subtitle?: string;
+    /** Optional badge text (e.g. "Global", "Local", environment name) */
+    badge?: string;
+    /** When true, the edit icon is shown (typically when this item is selected) */
+    showEdit?: boolean;
+}

package/lib/step-builder/step-builder-ai-agent/step-builder-ai-agent.component.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export interface AiAgentFormData {
+    query: string;
+    type: string;
+    environments: string;
+    metadata?: string;
+    description?: string;
+    continueOnError?: boolean;
+    disabled?: boolean;
+    retryCount?: string;
+    iframeLocator?: string;
+    otherLocators?: string;
+}
+export declare class StepBuilderAiAgentComponent implements OnInit {
+    private fb;
+    /** Options for type dropdown */
+    typeOptions: SelectOption[];
+    /** Options for environments dropdown */
+    environmentOptions: SelectOption[];
+    /** Options for retry count dropdown */
+    retryCountOptions: SelectOption[];
+    /** Options for iframe locator dropdown */
+    iframeLocatorOptions: SelectOption[];
+    /** Options for other locators dropdown */
+    otherLocatorsOptions: SelectOption[];
+    /** Emit when step is created */
+    createStep: EventEmitter<AiAgentFormData>;
+    /** Emit when cancelled */
+    cancelled: EventEmitter<void>;
+    aiAgentForm: FormGroup;
+    showAdvanced: boolean;
+    constructor(fb: FormBuilder);
+    ngOnInit(): void;
+    getTypeConfig(): DynamicSelectFieldConfig;
+    getEnvironmentConfig(): DynamicSelectFieldConfig;
+    getRetryCountConfig(): DynamicSelectFieldConfig;
+    getIframeLocatorConfig(): DynamicSelectFieldConfig;
+    getOtherLocatorsConfig(): DynamicSelectFieldConfig;
+    toggleAdvanced(): void;
+    onCancel(): void;
+    onCreateStep(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderAiAgentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderAiAgentComponent, "cqa-step-builder-ai-agent", never, { "typeOptions": "typeOptions"; "environmentOptions": "environmentOptions"; "retryCountOptions": "retryCountOptions"; "iframeLocatorOptions": "iframeLocatorOptions"; "otherLocatorsOptions": "otherLocatorsOptions"; }, { "createStep": "createStep"; "cancelled": "cancelled"; }, never, never>;
+}

package/lib/step-builder/step-builder-custom-code/step-builder-custom-code.component.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export interface CustomCodeFormData {
+    language: string;
+    code: string;
+    metadata?: string;
+    description?: string;
+}
+export declare class StepBuilderCustomCodeComponent implements OnInit {
+    private fb;
+    /** Options for language dropdown */
+    languageOptions: SelectOption[];
+    /** Emit when step is created */
+    createStep: EventEmitter<CustomCodeFormData>;
+    /** Emit when cancelled */
+    cancelled: EventEmitter<void>;
+    customCodeForm: FormGroup;
+    constructor(fb: FormBuilder);
+    ngOnInit(): void;
+    getLanguageConfig(): DynamicSelectFieldConfig;
+    onCancel(): void;
+    onCreateStep(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderCustomCodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderCustomCodeComponent, "cqa-step-builder-custom-code", never, { "languageOptions": "languageOptions"; }, { "createStep": "createStep"; "cancelled": "cancelled"; }, never, never>;
+}

package/lib/step-builder/step-builder-document/step-builder-document.component.d.ts

@@ -0,0 +1,81 @@
+import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
+import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export declare type TemplateSourceType = 'existing' | 'upload' | 'createNew';
+export interface DocumentMappingRow {
+    key: string;
+    valueType: string;
+    value: string;
+    enabled?: boolean;
+}
+export interface DocumentFormData {
+    documentType: string;
+    outputVariable: string;
+    templateSource: TemplateSourceType;
+    templateId?: string;
+    /** Uploaded template file when templateSource is 'upload' */
+    uploadedFile?: File;
+    /** Template name when templateSource is 'createNew' */
+    templateName?: string;
+    /** Template description when templateSource is 'createNew' */
+    templateDescription?: string;
+    mappings: DocumentMappingRow[];
+}
+export declare class StepBuilderDocumentComponent implements OnInit, OnChanges {
+    private fb;
+    /** Options for document type dropdown */
+    documentTypeOptions: SelectOption[];
+    /** Options for template dropdown (when "Use Existing Template" is selected) */
+    templateOptions: SelectOption[];
+    /** Options for value type dropdown in document mapper */
+    valueTypeOptions: SelectOption[];
+    /** Optional URL for "Need help?" link in Document Mapper section */
+    mapperHelpUrl: string;
+    /** Tooltip text when hovering over "Need help?" (same as custom-edit-step) */
+    mapperHelpTooltipText: string;
+    /** Whether the help tooltip is visible */
+    showHelpTooltip: boolean;
+    /** Emit when step is created */
+    createStep: EventEmitter<DocumentFormData>;
+    /** Emit when cancelled */
+    cancelled: EventEmitter<void>;
+    /** Emit when "Create Template" is clicked (Create New flow). Host can create template via API. */
+    createTemplate: EventEmitter<{
+        templateName: string;
+        templateDescription: string;
+    }>;
+    documentForm: FormGroup;
+    selectedTemplateSource: TemplateSourceType;
+    /** Uploaded file when Template Source is "Upload Template" */
+    uploadedFile: File | null;
+    /** Visual state for drag-and-drop zone */
+    isDragOver: boolean;
+    constructor(fb: FormBuilder);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get mappingsFormArray(): FormArray;
+    getDocumentTypeConfig(): DynamicSelectFieldConfig;
+    getTemplateSelectConfig(): DynamicSelectFieldConfig;
+    getValueTypeConfig(index: number): DynamicSelectFieldConfig;
+    onTemplateSourceChange(value: string): void;
+    onCreateTemplate(): void;
+    onFileSelected(event: Event): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    private isAcceptedTemplateFile;
+    addMapping(): void;
+    removeMapping(index: number): void;
+    getMappingFormGroup(index: number): FormGroup;
+    /** True when every mapping row has enabled === true */
+    get allMappingsSelected(): boolean;
+    /** True when at least one mapping row has enabled === true (for header indeterminate) */
+    get someMappingsSelected(): boolean;
+    onSelectAllMappings(checked: boolean): void;
+    onCancel(): void;
+    onCreateStep(): void;
+    onMapperHelpClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderDocumentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderDocumentComponent, "cqa-step-builder-document", never, { "documentTypeOptions": "documentTypeOptions"; "templateOptions": "templateOptions"; "valueTypeOptions": "valueTypeOptions"; "mapperHelpUrl": "mapperHelpUrl"; "mapperHelpTooltipText": "mapperHelpTooltipText"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "createTemplate": "createTemplate"; }, never, never>;
+}

package/lib/step-builder/step-builder-document-generation-template-step/step-builder-document-generation-template-step.component.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
+import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export interface DocumentMapper {
+    key: string;
+    valueType: string;
+    value: string;
+}
+export interface DocumentGenerationTemplateFormData {
+    documentType: string;
+    templateSource: string;
+    outputVariable: string;
+    templateOption: 'use-existing' | 'upload' | 'create-new';
+    mappings: DocumentMapper[];
+}
+export declare class StepBuilderDocumentGenerationTemplateStepComponent implements OnInit, OnChanges {
+    private fb;
+    /** Options for document type dropdown */
+    documentTypeOptions: SelectOption[];
+    /** Options for template source dropdown */
+    templateSourceOptions: SelectOption[];
+    /** Options for value type dropdown */
+    valueTypeOptions: SelectOption[];
+    /** Emit when step is created */
+    createStep: EventEmitter<DocumentGenerationTemplateFormData>;
+    /** Emit when cancelled */
+    cancelled: EventEmitter<void>;
+    documentForm: FormGroup;
+    selectedTemplateOption: 'use-existing' | 'upload' | 'create-new';
+    documentTypeConfig: DynamicSelectFieldConfig;
+    templateSourceConfig: DynamicSelectFieldConfig;
+    valueTypeConfig: DynamicSelectFieldConfig;
+    templateSegments: {
+        label: string;
+        value: string;
+    }[];
+    constructor(fb: FormBuilder);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get mappingsFormArray(): FormArray;
+    getMappingGroup(index: number): FormGroup;
+    private updateConfigs;
+    addMapping(): void;
+    removeMapping(index: number): void;
+    selectTemplateOption(option: 'use-existing' | 'upload' | 'create-new' | number): void;
+    onTemplateOptionChange(value: string): void;
+    onTemplateIndexChange(index: number): void;
+    onFileSelected(file: File): void;
+    onCreateTemplate(): void;
+    onCancel(): void;
+    onCreateStep(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderDocumentGenerationTemplateStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderDocumentGenerationTemplateStepComponent, "cqa-step-builder-document-generation-template-step", never, { "documentTypeOptions": "documentTypeOptions"; "templateSourceOptions": "templateSourceOptions"; "valueTypeOptions": "valueTypeOptions"; }, { "createStep": "createStep"; "cancelled": "cancelled"; }, never, never>;
+}

package/lib/step-builder/step-builder-record-step/step-builder-record-step.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface RecordStepFormData {
+}
+export declare class StepBuilderRecordStepComponent implements OnInit {
+    /** Emit when cancelled */
+    cancelled: EventEmitter<void>;
+    /** Emit when recording is cancelled */
+    cancelRecording: EventEmitter<void>;
+    constructor();
+    ngOnInit(): void;
+    onCancel(): void;
+    onCancelRecording(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderRecordStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderRecordStepComponent, "cqa-step-builder-record-step", never, {}, { "cancelled": "cancelled"; "cancelRecording": "cancelRecording"; }, never, never>;
+}

package/lib/test-case-details/element-list/element-list.component.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ElementListComponent {
+    /** Array of items to display */
+    items: any[];
+    /** Key to access the title property from each item (default: 'title') */
+    titleKey: string;
+    /** Key to access the selector property from each item (default: 'selector') */
+    selectorKey: string;
+    /** Key to access the labels array from each item (default: 'labels') */
+    labelsKey: string;
+    /** Maximum height for the scrollable container (default: '200px') */
+    maxHeight: string;
+    /** Emitted when an item is clicked */
+    itemClick: EventEmitter<any>;
+    /**
+     * Get the value from an item using the specified key
+     */
+    getItemValue(item: any, key: string): any;
+    /**
+     * Handle item click
+     */
+    onItemClick(item: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementListComponent, "cqa-element-list", never, { "items": "items"; "titleKey": "titleKey"; "selectorKey": "selectorKey"; "labelsKey": "labelsKey"; "maxHeight": "maxHeight"; }, { "itemClick": "itemClick"; }, never, never>;
+}

package/lib/test-case-details/element-popup/element-popup-data.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken } from '@angular/core';
+export interface ElementPopupData {
+    element?: ElementPopupDataElements;
+    labels: string[];
+    elements: ElementPopupDataElements[];
+    description: string;
+    helpUrl?: string;
+}
+export interface ElementPopupDataElements {
+    labels: string[];
+    title: string;
+    selector?: string;
+}
+/** Sentinel returned from afterClosed() when user clicked "Edit in depth". */
+export declare const ELEMENT_POPUP_EDIT_IN_DEPTH: unique symbol;
+export declare const ELEMENT_POPUP_DATA: InjectionToken<ElementPopupData>;

package/lib/test-case-details/element-popup/element-popup-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 ElementPopupRef<TResult = string | undefined> {
+    private readonly overlayRef;
+    private readonly closed$;
+    private isClosed;
+    constructor(overlayRef: OverlayRef);
+    close(result?: TResult): void;
+    afterClosed(): Observable<TResult | undefined>;
+    private finishClose;
+}
+export declare const CUSTOM_ELEMENT_POPUP_REF: InjectionToken<ElementPopupRef<string>>;

package/lib/test-case-details/element-popup/element-popup.component.d.ts

@@ -0,0 +1,60 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ElementPopupData, ElementPopupDataElements } from './element-popup-data';
+import { ElementPopupRef } from './../element-popup/element-popup-ref';
+import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
+import { DynamicSelectFieldConfig } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export declare class ElementPopupComponent implements OnInit, OnChanges {
+    private ref;
+    private readonly cdr?;
+    value: string;
+    helpUrl: string;
+    labels: string[];
+    element: ElementPopupDataElements;
+    elements: ElementPopupDataElements[];
+    enableForm: boolean;
+    isOnRecord: boolean;
+    apply: EventEmitter<string>;
+    cancel: EventEmitter<void>;
+    editInDepth: EventEmitter<void>;
+    searchElement: EventEmitter<void>;
+    form: FormGroup;
+    /** Tooltip shown when hovering over the "Need help ?" icon and text */
+    helpTooltipText: string;
+    /** Whether the help tooltip is visible (custom tooltip for use inside overlay) */
+    showHelpTooltip: boolean;
+    /** Whether we're in edit mode (true) or create mode (false) */
+    isEditMode: boolean;
+    private injectedData?;
+    private fb;
+    /** Cached select options to avoid recomputing on every change detection */
+    private cachedSelectOptions;
+    /** Cached select config to avoid recreating on every change detection */
+    private cachedSelectConfig?;
+    constructor(ref: ElementPopupRef, data?: ElementPopupData, fb?: FormBuilder, cdr?: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    private initializeForm;
+    private populateFormForEdit;
+    private resetForm;
+    onApply(): void;
+    toggleForm(): void;
+    /** Called when "Create New" button is clicked - explicitly sets create mode */
+    openCreateForm(): void;
+    toggleRecord(): void;
+    onCancel(): void;
+    onClose(): void;
+    onEditInDepth(event: Event): void;
+    search(event: any): void;
+    onHelp(event: Event): void;
+    onVariableValueChange(variableName: string, value: any): void;
+    /** Update cached select options when labels change */
+    private updateSelectOptions;
+    getSelectConfig(): DynamicSelectFieldConfig;
+    getFormControl(controlName: string): FormControl;
+    getFormControlValue(controlName: string): string;
+    onFormControlChange(controlName: string, value: string): void;
+    onElementClick(element: ElementPopupDataElements): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementPopupComponent, [null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementPopupComponent, "cqa-element-popup", never, { "value": "value"; "helpUrl": "helpUrl"; "labels": "labels"; "element": "element"; "elements": "elements"; "enableForm": "enableForm"; "isOnRecord": "isOnRecord"; }, { "apply": "apply"; "cancel": "cancel"; "editInDepth": "editInDepth"; "searchElement": "searchElement"; }, never, never>;
+}

package/lib/test-case-details/element-popup/element-popup.service.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef, Injector } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { ElementPopupRef } from './element-popup-ref';
+import { ELEMENT_POPUP_EDIT_IN_DEPTH, ElementPopupData } from './element-popup-data';
+import * as i0 from "@angular/core";
+export declare type ElementPopupResult = string | undefined | typeof ELEMENT_POPUP_EDIT_IN_DEPTH;
+export declare class ElementPopupService {
+    private readonly overlay;
+    private readonly injector;
+    /** Currently open Step Description overlay ref; only one panel is allowed at a time. */
+    private currentRef;
+    constructor(overlay: Overlay, injector: Injector);
+    /**
+     * Opens the Step Description 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. description span or edit icon) to position below
+     * @param data Initial description and optional help URL
+     * @returns Ref with afterClosed() and close(); afterClosed emits the new description on Apply, undefined on Cancel, or EDIT_IN_DEPTH symbol when user clicks "Edit in depth"
+     */
+    open(origin: ElementRef<HTMLElement>, data: ElementPopupData): ElementPopupRef<ElementPopupResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementPopupService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ElementPopupService>;
+}

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

@@ -1,12 +1,20 @@
-import { EventEmitter, OnInit, ElementRef } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef, ChangeDetectorRef, NgZone } from '@angular/core';
 import { NormalStepConfig, TestCaseEventType, EventTypeConfig, StepParameter } from '../test-case-step.models';
 import { CustomEditStepService } from '../custom-edit-step/custom-edit-step.service';
+import { ElementPopupService } from '../element-popup/element-popup.service';
+import { TestDataModalService } from '../test-data-modal/test-data-modal.service';
 import * as i0 from "@angular/core";
 export declare class TestCaseNormalStepComponent implements OnInit {
     private readonly customEditStep;
+    private readonly elementPopup;
+    private readonly testDataModal;
+    private readonly cdr;
+    private readonly ngZone;
     dropdownContainer?: ElementRef;
     descriptionTrigger?: ElementRef<HTMLElement>;
+    testDataTrigger?: ElementRef<HTMLElement>;
     editTrigger?: ElementRef<HTMLElement>;
+    elementTrigger?: ElementRef<HTMLElement>;
     config: NormalStepConfig;
     stepNumber: number | string;
     eventType: TestCaseEventType;
@@ -28,7 +36,9 @@ export declare class TestCaseNormalStepComponent implements OnInit {
     moreOptions: EventEmitter<void>;
     selectionChange: EventEmitter<boolean>;
     eventTypeDropdownOpen: boolean;
-    constructor(customEditStep: CustomEditStepService);
+    /** Stored test data modal state for reopening with same selections. */
+    private testDataModalState;
+    constructor(customEditStep: CustomEditStepService, elementPopup: ElementPopupService, testDataModal: TestDataModalService, cdr: ChangeDetectorRef, ngZone: NgZone);
     eventTypeConfigs: EventTypeConfig[];
     ngOnInit(): void;
     getCurrentEventTypeConfig(): EventTypeConfig;
@@ -41,8 +51,13 @@ export declare class TestCaseNormalStepComponent implements OnInit {
      * Returns the first parameter with name 'url' or 'URL', or the first parameter if none found
      */
     getNavigateUrlParameter(): StepParameter | null;
+    /** Current URL value for navigate step (for Test Data modal). */
+    getNavigateUrlValue(): string;
+    /** Opens Test Data modal below the given trigger; used when eventType === 'navigate'. */
+    openTestDataModal(origin: ElementRef<HTMLElement> | HTMLElement | MouseEvent): void;
     /** Opens Step Description modal below the given trigger; used when eventType === 'custom'. */
     openStepDescriptionModal(origin: ElementRef<HTMLElement> | HTMLElement | MouseEvent): void;
+    openElementPopup(origin: ElementRef<HTMLElement> | HTMLElement | MouseEvent): void;
     onEventTypeSelect(eventType: TestCaseEventType): void;
     onParameterChange(parameter: StepParameter, value: string): void;
     onEdit(): void;

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

@@ -0,0 +1,31 @@
+import { InjectionToken } from '@angular/core';
+import type { ParameterScopeFilter } from './test-data-modal-parameter.model';
+export declare type TestDataModalTab = 'plain-text' | 'parameter' | 'environment' | 'runtime';
+/**
+ * Config/data for Test Data Modal controls.
+ * Mirrors Loop Step pattern: single config object holds all control state;
+ * values are initialized from config and bound to editForm.
+ */
+export interface TestDataModalData {
+    /** Initial value for Plain Text tab (e.g. URL for navigate step). */
+    value?: string;
+    /** Optional help URL for "Need help?" link. */
+    helpUrl?: string;
+    /** Initially selected tab. Defaults to 'plain-text'. */
+    activeTab?: TestDataModalTab;
+    /** Parameter tab: scope filter (All / Global / Local). */
+    parameterScopeFilter?: ParameterScopeFilter;
+    /** Parameter tab: search query. */
+    parameterSearchQuery?: string;
+    /** Parameter tab: selected parameter id (for highlight). */
+    selectedParameterId?: string | null;
+    /** Environment tab: search query. */
+    environmentSearchQuery?: string;
+    /** Environment tab: selected environment id (for highlight). */
+    selectedEnvironmentId?: string | null;
+    /** Runtime tab: value (independent from Plain Text / Parameter / Environment). */
+    runtimeValue?: string;
+}
+/** Sentinel returned from afterClosed() when user clicked "Edit in depth". */
+export declare const TEST_DATA_MODAL_EDIT_IN_DEPTH: unique symbol;
+export declare const TEST_DATA_MODAL_DATA: InjectionToken<TestDataModalData>;

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

@@ -0,0 +1,12 @@
+/** Environment variable item for the Environment tab (variable library by environment). */
+export interface EnvironmentItem {
+    id: string;
+    name: string;
+    value: string;
+    /** Display name of the environment group (e.g. "OHRM login", "Halight Env"). */
+    environment: string;
+    /** When true, show edit icon when selected. */
+    editable?: boolean;
+}
+/** Mock data for Environment tab (no API). Replace with API call when integrating. */
+export declare const MOCK_ENVIRONMENT_ITEMS: EnvironmentItem[];

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

@@ -0,0 +1,11 @@
+/** Scope of a variable/parameter in the library. */
+export declare type ParameterScope = 'Global' | 'Local';
+export interface ParameterItem {
+    id: string;
+    name: string;
+    value: string;
+    scope: ParameterScope;
+}
+/** Mock data for Variable Library (no API). Replace with API call when integrating. */
+export declare const MOCK_PARAMETERS: ParameterItem[];
+export declare type ParameterScopeFilter = 'all' | 'global' | 'local';

package/lib/test-case-details/test-data-modal/test-data-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 TestDataModalRef<TResult = string | undefined> {
+    private readonly overlayRef;
+    private readonly closed$;
+    private isClosed;
+    constructor(overlayRef: OverlayRef);
+    close(result?: TResult): void;
+    afterClosed(): Observable<TResult | undefined>;
+    private finishClose;
+}
+export declare const TEST_DATA_MODAL_REF: InjectionToken<TestDataModalRef<string>>;