@cqa-lib/cqa-ui 1.1.180 → 1.1.182

package/lib/add-prerequisite-cases-section/add-prerequisite-cases-section.component.d.ts

@@ -0,0 +1,88 @@
+import { EventEmitter, TemplateRef, ChangeDetectorRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { DndDropEvent } from 'ngx-drag-drop';
+import { DynamicSelectFieldConfig } from '../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export interface PrerequisiteRow {
+    key: string;
+}
+/** Emitted when any prerequisite select changes - contains all current selections */
+export interface PrerequisiteSelection {
+    key: string;
+    value: unknown;
+}
+export declare class AddPrerequisiteCasesSectionComponent {
+    private cdr;
+    /** Whether the section is expanded (showing the form) */
+    expanded: boolean;
+    /** Form group containing controls for each row (keyed by row.key) */
+    form: FormGroup;
+    /** Array of row descriptors, each with a unique key */
+    rows: PrerequisiteRow[];
+    /**
+     * Function to get the dynamic select config for a given row index.
+     * Each row can have different options. To avoid duplicates, exclude options
+     * already selected in other rows (keep current row's selection so it displays).
+     */
+    getSelectConfig: (index: number) => DynamicSelectFieldConfig;
+    /** Section label (e.g. "Prerequisite Cases") */
+    label: string;
+    /** Tooltip for the info icon */
+    infoTooltip: string;
+    /** Text for the "Add Another" button */
+    addAnotherText: string;
+    /** Text for the Update button */
+    updateText: string;
+    /** Text for the Cancel button */
+    cancelText: string;
+    /** Text for the collapsed "Add" trigger */
+    addTriggerText: string;
+    /** Validation message shown when Add Another/Update are disabled (not all rows have values) */
+    selectFirstValidationMessage: string;
+    /** Optional custom template for the select slot. Use ng-template #selectBody with let-row, let-index, let-form, let-config. */
+    selectBodyTpl?: TemplateRef<{
+        $implicit: PrerequisiteRow;
+        index: number;
+        form: FormGroup;
+        config: DynamicSelectFieldConfig;
+    }>;
+    expandedChange: EventEmitter<boolean>;
+    addRow: EventEmitter<void>;
+    removeRow: EventEmitter<number>;
+    rowsReordered: EventEmitter<PrerequisiteRow[]>;
+    /** Emitted when Update button is clicked */
+    update: EventEmitter<void>;
+    /** Emitted when Cancel button is clicked */
+    cancel: EventEmitter<void>;
+    /** Emitted when a single row's selection changes */
+    selectionChange: EventEmitter<{
+        key: string;
+        value: unknown;
+        index: number;
+    }>;
+    /** Emitted when any select changes - returns all current prerequisite selections in order */
+    prerequisitesChange: EventEmitter<PrerequisiteSelection[]>;
+    /** Set to true when user clicks Add Another while invalid - shows validation message */
+    showAddAnotherValidation: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    toggleExpanded(show: boolean): void;
+    /** Called when user clicks "Add Prerequisite" with no rows - expands and adds first row */
+    onAddPrerequisiteClick(): void;
+    onAddRow(): void;
+    onRemoveRow(index: number): void;
+    onDndDrop(event: DndDropEvent): void;
+    trackByKey(_i: number, row: PrerequisiteRow): string;
+    onUpdate(): void;
+    onCancel(): void;
+    onSelectionChange(event: {
+        key: string;
+        value: unknown;
+    }, index: number): void;
+    /** True when every row has a non-empty value (no placeholders) */
+    allRowsHaveValues(): boolean;
+    /** Emits all current prerequisite selections (key + value) in row order */
+    private emitAllPrerequisites;
+    getConfig(index: number): DynamicSelectFieldConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddPrerequisiteCasesSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AddPrerequisiteCasesSectionComponent, "cqa-add-prerequisite-cases-section", never, { "expanded": "expanded"; "form": "form"; "rows": "rows"; "getSelectConfig": "getSelectConfig"; "label": "label"; "infoTooltip": "infoTooltip"; "addAnotherText": "addAnotherText"; "updateText": "updateText"; "cancelText": "cancelText"; "addTriggerText": "addTriggerText"; "selectFirstValidationMessage": "selectFirstValidationMessage"; }, { "expandedChange": "expandedChange"; "addRow": "addRow"; "removeRow": "removeRow"; "rowsReordered": "rowsReordered"; "update": "update"; "cancel": "cancel"; "selectionChange": "selectionChange"; "prerequisitesChange": "prerequisitesChange"; }, ["selectBodyTpl"], never>;
+}

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/execution-screen/execution-step.models.d.ts

@@ -236,5 +236,7 @@ export interface PrerequisiteItem {
     status: StepStatus;
     duration: number;
     stepConfig?: ExecutionStepConfig;
+    /** Optional URL for "View steps" redirect. When viewStepsAsRedirect is true, each item can have its own URL. */
+    viewStepsUrl?: string;
 }
 export declare type ExecutionStepConfig = BasicStepConfig | StepGroupConfig | LoopStepConfig | ConditionStepConfig | FailedStepConfig | AIAgentStepConfig | AIActionStepConfig | ApiStepConfig | FileDownloadStepConfig | DocumentVerificationStepConfig | LiveExecutionStepConfig | DbVerificationStepConfig;

package/lib/execution-screen/main-step-collapse/main-step-collapse.component.d.ts

@@ -1,11 +1,24 @@
 import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { PrerequisiteItem, StepStatus } from '../execution-step.models';
+import { ButtonVariant } from '../../button/button.component';
 import * as i0 from "@angular/core";
 export declare type IconType = 'folder' | 'loop' | 'bar' | 'custom';
 export interface IconConfig {
     type: IconType;
     svg?: string;
 }
+/** Config for dynamic header buttons shown beside the items count badge */
+export interface HeaderButtonConfig {
+    text?: string;
+    icon?: string;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    tooltip?: string;
+    customClass?: string;
+    btnSize?: 'sm' | 'md' | 'lg';
+    /** Optional id to identify the button in headerButtonClick event */
+    id?: string;
+}
 export declare class MainStepCollapseComponent implements OnInit {
     title: string;
     items: PrerequisiteItem[];
@@ -13,8 +26,19 @@ export declare class MainStepCollapseComponent implements OnInit {
     icon?: IconConfig;
     count?: number;
     itemContentTemplate?: TemplateRef<any>;
+    headerButtons?: HeaderButtonConfig[];
+    /** When true, "View steps" redirects to URL instead of expanding inline. URL comes from item.viewStepsUrl or getViewStepsUrl(item). */
+    viewStepsAsRedirect: boolean;
+    /** Optional function to get redirect URL per item. Used when item.viewStepsUrl is not set. */
+    getViewStepsUrl?: (item: PrerequisiteItem) => string;
+    /** When redirecting, open link in new tab. Default true */
+    viewStepsOpenInNewTab: boolean;
     itemContentTpl?: TemplateRef<any>;
     viewSteps: EventEmitter<PrerequisiteItem>;
+    headerButtonClick: EventEmitter<{
+        config: HeaderButtonConfig;
+        index: number;
+    }>;
     isExpanded: boolean;
     expandedItemId: string | null;
     ngOnInit(): void;
@@ -24,6 +48,11 @@ export declare class MainStepCollapseComponent implements OnInit {
     onViewSteps(item: PrerequisiteItem, event: Event): void;
     isItemExpanded(itemId: string): boolean;
     getDisplayCount(): number;
+    onHeaderButtonClick(config: HeaderButtonConfig, index: number, event: MouseEvent): void;
+    /** Resolves the redirect URL for an item: item.viewStepsUrl takes precedence, else getViewStepsUrl(item) */
+    getItemViewStepsUrl(item: PrerequisiteItem): string | undefined;
+    /** Whether redirect mode is active and we have a URL for this item */
+    hasViewStepsRedirectUrl(item: PrerequisiteItem): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainStepCollapseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainStepCollapseComponent, "cqa-main-step-collapse", never, { "title": "title"; "items": "items"; "expanded": "expanded"; "icon": "icon"; "count": "count"; "itemContentTemplate": "itemContentTemplate"; }, { "viewSteps": "viewSteps"; }, ["itemContentTpl"], ["*", "[itemContent]", "[afterItems]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainStepCollapseComponent, "cqa-main-step-collapse", never, { "title": "title"; "items": "items"; "expanded": "expanded"; "icon": "icon"; "count": "count"; "itemContentTemplate": "itemContentTemplate"; "headerButtons": "headerButtons"; "viewStepsAsRedirect": "viewStepsAsRedirect"; "getViewStepsUrl": "getViewStepsUrl"; "viewStepsOpenInNewTab": "viewStepsOpenInNewTab"; }, { "viewSteps": "viewSteps"; "headerButtonClick": "headerButtonClick"; }, ["itemContentTpl"], ["*", "[itemContent]", "[afterItems]"]>;
 }

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>;
+}