@cqa-lib/cqa-ui 1.1.189 → 1.1.190

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

@@ -18,7 +18,6 @@ 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>;
@@ -35,6 +34,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"; "customClass": "customClass"; }, { "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"; }, { "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; }, never, never>;
 }
 export {};

package/lib/dynamic-select/dynamic-select-field.component.d.ts

@@ -51,11 +51,14 @@ export interface DynamicSelectFieldConfig {
     onLoadMore?: (query?: string) => void;
     /** Optional regex pattern or function to highlight parts of option text. */
     highlightPattern?: RegExp | string | ((text: string) => string);
+    /** When true (and searchable), allows adding the current search text as a new option via an "Add '<value>'" choice. */
+    allowCustomValue?: boolean;
     options: SelectOption[];
     isCompareRuns?: boolean;
 }
 export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
     readonly SELECT_ALL_VALUE: string;
+    readonly ADD_CUSTOM_VALUE_PREFIX: string;
     form: FormGroup;
     config: DynamicSelectFieldConfig;
     selectionChange: EventEmitter<{
@@ -74,6 +77,11 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
         key: string;
         query: string;
     }>;
+    /** Emits when the user chooses to add a custom value (allowCustomValue: true). Consumer should add the value to options and set the control value. */
+    addCustomValue: EventEmitter<{
+        key: string;
+        value: string;
+    }>;
     selectRef?: MatSelect;
     hostEl?: ElementRef<HTMLElement>;
     searchTextByKey: Record<string, string>;
@@ -118,6 +126,10 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
     /** Programmatically close the select panel if open */
     closePanel(): void;
     filteredOptions(c: DynamicSelectFieldConfig): SelectOption[];
+    /** When allowCustomValue is true and the user has typed a value that is not in options, returns that value for the "Add" option. */
+    get customValueToAdd(): string | null;
+    get showAddCustomOption(): boolean;
+    get addCustomSentinelValue(): string;
     onSelectionChange(event: MatSelectChange, select: MatSelect): void;
     handleDocumentClick(event: MouseEvent): void;
     /**
@@ -135,5 +147,5 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
     get hasHighlighting(): boolean;
     private setupLoadMoreObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSelectFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSelectFieldComponent, "cqa-dynamic-select", never, { "form": "form"; "config": "config"; }, { "selectionChange": "selectionChange"; "selectClick": "selectClick"; "searchChange": "searchChange"; "loadMore": "loadMore"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSelectFieldComponent, "cqa-dynamic-select", never, { "form": "form"; "config": "config"; }, { "selectionChange": "selectionChange"; "selectClick": "selectClick"; "searchChange": "searchChange"; "loadMore": "loadMore"; "addCustomValue": "addCustomValue"; }, never, never>;
 }

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

@@ -0,0 +1,346 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export declare const API_EDIT_STEP_LABELS: {
+    readonly REQUEST_DETAILS: "Request Details";
+    readonly STORE_RESPONSE: "Store Response";
+    readonly VALIDATION: "Validation";
+};
+export declare type ApiEditPayloadTab = 'headers' | 'body' | 'params' | 'scripts';
+/** Which body content block is visible: headers (tabs) or import cURL textarea. */
+export declare type ApiEditBodyView = 'headers' | 'import-curl';
+export interface ApiEditHeaderRow {
+    name: string;
+    type: string;
+    value: string;
+}
+/** Payload emitted when user clicks Send Request (environment, method, url, headers). */
+export interface ApiEditSendRequestPayload {
+    environment: string;
+    method: string;
+    url: string;
+    headers: ApiEditHeaderRow[];
+}
+/** Step 1 request + body payload. */
+export interface ApiEditStep1Payload {
+    environment: string;
+    method: string;
+    url: string;
+    headers: ApiEditHeaderRow[];
+    activePayloadTab: ApiEditPayloadTab;
+    payloadType: 'raw' | 'x-www-form-urlencoded' | 'form-data';
+    payloadFormat: string;
+    payloadText: string;
+    keyValueRows: {
+        key: string;
+        value: string;
+    }[];
+    keyTypeValueRows: {
+        key: string;
+        type: string;
+        value: string;
+    }[];
+}
+/** Step 2 store-response payload. */
+export interface ApiEditStep2Payload {
+    variableName: string;
+}
+/** Response body verification row. */
+export interface ApiEditResponseBodyVerificationRow {
+    jsonPath: string;
+    verification: string;
+    dataType: string;
+    expectedValue: string;
+}
+/** Status verification row. */
+export interface ApiEditStatusVerificationRow {
+    verification: string;
+    expectedValue: string;
+}
+/** Step 3 validation payload. */
+export interface ApiEditStep3Payload {
+    activeResponseVerificationTab: 'response-body' | 'status';
+    responseBodyVerifications: ApiEditResponseBodyVerificationRow[];
+    statusVerifications: ApiEditStatusVerificationRow[];
+}
+/** Full payload emitted when user clicks Create (all steps’ data). */
+export interface ApiEditCreatePayload {
+    step1: ApiEditStep1Payload;
+    step2: ApiEditStep2Payload;
+    step3: ApiEditStep3Payload;
+}
+/** Environment option: either a string (display = value) or an object with id, name, value, label. */
+export declare type EnvironmentOptionInput = string | SelectOption;
+export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterViewInit, OnDestroy {
+    private readonly fb;
+    private readonly cdr;
+    initialMethod?: string;
+    initialEnvironment?: string;
+    initialStep?: number;
+    initialUrl?: string;
+    initialPayloadTab?: ApiEditPayloadTab;
+    initialHeaders?: ApiEditHeaderRow[];
+    initialResponsePreview?: string;
+    /** Emits the cURL string when user clicks Import (value from the textarea control). */
+    importCurl: EventEmitter<string>;
+    /** Emits when user cancels the Import cURL panel (clicks Cancel). */
+    importCurlCancel: EventEmitter<void>;
+    /** Emits when user clicks Send Request, with environment, method, url, and headers. */
+    sendRequest: EventEmitter<ApiEditSendRequestPayload>;
+    back: EventEmitter<void>;
+    next: EventEmitter<void>;
+    /** Emits when user clicks Create with all entered details: step1 (environment, HTTP method, URL, headers, body), step2 (variable name), step3 (verifications). */
+    create: EventEmitter<ApiEditCreatePayload>;
+    /** Emits whenever headers change (add, remove, or edit) so the parent can reflect them in the canvas/controls. */
+    headersChange: EventEmitter<ApiEditHeaderRow[]>;
+    /** Form control for Import cURL textarea; value is emitted when user clicks Import. */
+    readonly importCurlControl: FormControl;
+    variableName: string;
+    variableNameError: string;
+    /** Controls which body content is visible: headers (default) or import-curl. */
+    bodyView: ApiEditBodyView;
+    readonly stepLabels: ({
+        index: number;
+        label: "Request Details";
+    } | {
+        index: number;
+        label: "Store Response";
+    } | {
+        index: number;
+        label: "Validation";
+    })[];
+    currentStep: number;
+    /** The label for the current step only (used when showing a single step in the indicator). */
+    get activeStepLabel(): {
+        index: number;
+        label: string;
+    } | undefined;
+    private readonly minStep;
+    private readonly maxStep;
+    /** Percentage to translate the step strip (0, -33.333, -66.666) for CSS transition. */
+    get stripTranslatePercent(): number;
+    setStep(step: number): void;
+    private applyInitialStep;
+    /** HTTP method options: array of strings or objects with id, name, value, label (passed from parent). */
+    httpMethodOptions: EnvironmentOptionInput[];
+    /** Form for HTTP method select (cqa-dynamic-select) */
+    methodForm: FormGroup;
+    /** Config for method dropdown (updated when httpMethodOptions changes to avoid new reference every CD) */
+    methodSelectConfig: DynamicSelectFieldConfig;
+    private updateMethodSelectConfig;
+    private getMethodValues;
+    /** Form for environment select (cqa-dynamic-select) */
+    environmentForm: FormGroup;
+    /** Environment options: array of strings or objects with id, name, value, label (passed from parent). */
+    environmentOptions: EnvironmentOptionInput[];
+    /** Config for environment dropdown (updated when environmentOptions changes to avoid new reference every CD) */
+    environmentSelectConfig: DynamicSelectFieldConfig;
+    private static toSelectOption;
+    private static getOptionValue;
+    private updateEnvironmentSelectConfig;
+    private getEnvironmentValues;
+    /** Current HTTP method (from form or default: first of httpMethodOptions). Treats empty string as unset. */
+    get selectedMethod(): string;
+    set selectedMethod(v: string);
+    /** True when the selected HTTP method is GET, HEAD, or DELETE (no request body). */
+    get isMethodWithoutBody(): boolean;
+    /** Cached environment value from last selection (so Create payload has the selected value). */
+    private currentEnvironmentValue;
+    /** Cached HTTP method from last selection (so Create payload has the selected value). */
+    private currentMethodValue;
+    /** Current environment (from form or default: first of environmentOptions). Treats empty string as unset. */
+    get selectedEnvironment(): string;
+    set selectedEnvironment(v: string);
+    /** Called when user selects an environment; keeps currentEnvironmentValue in sync for create payload. */
+    onEnvironmentSelectionChange(event: {
+        key: string;
+        value: unknown;
+    }): void;
+    /** Called when user selects an HTTP method; keeps currentMethodValue in sync for create payload. */
+    onMethodSelectionChange(event: {
+        key: string;
+        value: unknown;
+    }): void;
+    url: string;
+    readonly payloadTabs: {
+        value: ApiEditPayloadTab;
+        label: string;
+    }[];
+    activePayloadTab: ApiEditPayloadTab;
+    /** Step 3: Response verification tabs */
+    readonly responseVerificationTabs: {
+        value: 'response-body' | 'status';
+        label: string;
+    }[];
+    activeResponseVerificationTab: 'response-body' | 'status';
+    /** Payload type for Body/Params/Scripts: raw, x-www-form-urlencoded, form-data */
+    payloadType: 'raw' | 'x-www-form-urlencoded' | 'form-data';
+    /** Segment options for payload type (used by cqa-segment-control) */
+    readonly payloadTypeSegments: {
+        label: string;
+        value: string;
+    }[];
+    onPayloadTypeChange(val: string): void;
+    /** Form for Format select (Body/Params/Scripts) */
+    payloadFormatForm: FormGroup;
+    /** Format options: array of strings or objects (passed from parent). Falls back to JSON, XML, HTML, Text when empty. */
+    formatOptions: EnvironmentOptionInput[];
+    initialFormat?: string;
+    private static readonly DEFAULT_FORMAT_OPTIONS;
+    /** Config for Format dropdown (updated when formatOptions changes, like Method dropdown) */
+    payloadFormatSelectConfig: DynamicSelectFieldConfig;
+    private updatePayloadFormatSelectConfig;
+    private getFormatValues;
+    /** Payload text area value for Body/Params/Scripts */
+    payloadText: string;
+    /** JSON parse error when format is JSON and payload is invalid; null when valid or not JSON. */
+    payloadJsonError: {
+        line: number;
+        column: number;
+        message: string;
+        excerpt: string;
+        caretOffset: number;
+    } | null;
+    /** Line numbers for payload textarea (1, 2, 3, ...) based on current line count. */
+    get payloadLineNumbers(): number[];
+    /** Whether current payload format is JSON (so we validate and show JSON editor behavior). */
+    get isPayloadFormatJson(): boolean;
+    /** Error messages for the payload textarea (red border + bottom line). */
+    get payloadJsonErrors(): string[];
+    /** Tooltip content for the line-level error icon (parse error on line X, excerpt, caret, message). */
+    get payloadJsonErrorTooltip(): string;
+    onPayloadTextChange(value: string): void;
+    onPayloadInput(event: Event): void;
+    onPayloadKeydown(event: KeyboardEvent): void;
+    /** Validate payload when format is JSON; sets payloadJsonError or clears it. */
+    validatePayloadJson(): void;
+    private extractPositionFromJsonError;
+    private positionToLineColumn;
+    private normalizeJsonErrorMessage;
+    payloadEditorWithLinesRef?: ElementRef<HTMLElement>;
+    payloadTextareaRef?: ElementRef<HTMLTextAreaElement>;
+    private static readonly DEFAULT_HEADER_NAME_OPTIONS;
+    /** Header name options: array of strings or objects with id, name, value, label (passed from parent). Falls back to built-in list when empty. */
+    headerNameOptions: EnvironmentOptionInput[];
+    /** Form array for header rows; each item is FormGroup({ name, value }) for cqa-dynamic-select and value input */
+    headersFormArray: FormArray;
+    /** Typed accessor for template (FormArray.controls is AbstractControl[]) */
+    get headerRows(): FormGroup[];
+    /** Config for header name dropdown (updated when headerNameOptions changes to avoid new reference every CD) */
+    headerNameSelectConfig: DynamicSelectFieldConfig;
+    private updateHeaderNameSelectConfig;
+    /** Collects distinct non-empty header names currently in the headers form (for dynamic options). */
+    private getCurrentHeaderNamesFromForm;
+    private readonly defaultHeaders;
+    /** Form array for key-value rows (Body payload); each item is FormGroup({ key, value }) */
+    keyValueFormArray: FormArray;
+    get keyValueRows(): FormGroup[];
+    /** Form array for key-type-value rows; each item is FormGroup({ key, type, value }) */
+    keyTypeValueFormArray: FormArray;
+    get keyTypeValueRows(): FormGroup[];
+    /** Config for Type dropdown in key-type-value rows (Text, File) */
+    readonly keyTypeValueTypeSelectConfig: DynamicSelectFieldConfig;
+    /** Form array for response body verification rows; each item is FormGroup({ jsonPath, verification, dataType, expectedValue }) */
+    verificationFormArray: FormArray;
+    get verificationRows(): FormGroup[];
+    /** Verification options: array of strings or objects (passed from parent). Falls back to built-in list when empty. */
+    verificationOptions: EnvironmentOptionInput[];
+    private static readonly DEFAULT_VERIFICATION_OPTIONS;
+    /** Config for Verification dropdown (updated when verificationOptions changes, like Method dropdown) */
+    verificationSelectConfig: DynamicSelectFieldConfig;
+    private updateVerificationSelectConfig;
+    private getVerificationValues;
+    private getDefaultVerification;
+    /** Data Type options: array of strings or objects (passed from parent). Falls back to built-in list when empty. */
+    verificationDataTypeOptions: EnvironmentOptionInput[];
+    private static readonly DEFAULT_DATA_TYPE_OPTIONS;
+    /** Config for Data Type dropdown (updated when verificationDataTypeOptions changes, like Method dropdown) */
+    verificationDataTypeSelectConfig: DynamicSelectFieldConfig;
+    private updateVerificationDataTypeSelectConfig;
+    private getDataTypeValues;
+    private getDefaultDataType;
+    /** Config for Expected Value when Data Type is Boolean (true/false dropdown) */
+    readonly verificationExpectedValueBooleanSelectConfig: DynamicSelectFieldConfig;
+    /** Form array for Status tab verification rows; each item is FormGroup({ verification, expectedValue }) */
+    statusVerificationFormArray: FormArray;
+    get statusVerificationRows(): FormGroup[];
+    /** Config for Status tab Verification dropdown (Equals, Not equal, Less than, Greater than) */
+    /** Status tab Verification options (Equals, Not equal, etc.). Falls back to built-in list when empty. */
+    statusVerificationOptions: EnvironmentOptionInput[];
+    private static readonly DEFAULT_STATUS_VERIFICATION_OPTIONS;
+    /** Config for Status tab Verification dropdown (updated when statusVerificationOptions changes). */
+    statusVerificationSelectConfig: DynamicSelectFieldConfig;
+    private updateStatusVerificationSelectConfig;
+    private getStatusVerificationValues;
+    private getDefaultStatusVerification;
+    responsePreview: string;
+    private methodChangesSub?;
+    private formatChangesSub?;
+    private headerNameOptionsChangesSub?;
+    private environmentFormChangesSub?;
+    private methodFormChangesSub?;
+    constructor(fb: FormBuilder, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Sync line numbers column scroll with payload textarea scroll (Postman-style). */
+    private setupPayloadTextareaScrollSync;
+    private buildKeyValueFormArray;
+    private buildKeyTypeValueFormArray;
+    private buildVerificationFormArray;
+    private buildStatusVerificationFormArray;
+    private buildHeadersFormArray;
+    /** Handler: show import cURL panel (called when user clicks "Import API cURL"). */
+    openImportCurlPanel(): void;
+    /** Handler: emit cURL value from control and close panel. Called when user clicks Import button. */
+    onImportCurlConfirm(): void;
+    /** Handler: emit cancel and close panel. Called when user clicks Cancel in import cURL panel. */
+    onCancelImportCurl(): void;
+    /** Handler: show headers section (called from Cancel or after Import in import panel). */
+    closeImportCurlPanel(): void;
+    onSendRequest(): void;
+    onVariableNameChange(): void;
+    onBack(): void;
+    onNext(): void;
+    setPayloadTab(value: ApiEditPayloadTab): void;
+    setResponseVerificationTab(value: 'response-body' | 'status'): void;
+    addHeader(): void;
+    removeHeader(index: number): void;
+    /** When user adds a custom header name via the dropdown "Add '…'" option, set the control value. */
+    onHeaderNameAddCustomValue(event: {
+        key: string;
+        value: string;
+    }, row: FormGroup): void;
+    trackByHeader(index: number): number;
+    addKeyValueRow(): void;
+    removeKeyValueRow(index: number): void;
+    trackByKeyValue(index: number): number;
+    addKeyTypeValueRow(): void;
+    removeKeyTypeValueRow(index: number): void;
+    trackByKeyTypeValue(index: number): number;
+    addVerificationRow(): void;
+    removeVerificationRow(index: number): void;
+    trackByVerification(index: number): number;
+    /** When Data Type changes in Response Body verification, reset Expected Value for that row. */
+    onVerificationDataTypeChange(row: FormGroup, event: {
+        key: string;
+        value: unknown;
+    }): void;
+    addStatusVerificationRow(): void;
+    removeStatusVerificationRow(index: number): void;
+    trackByStatusVerification(index: number): number;
+    /** Emit all entered details (environment, HTTP method, URL, headers, body, step2 variable, step3 verifications) when user clicks Create. */
+    onCreate(): void;
+    /** Minimal payload when getCreatePayload throws (so create always emits). */
+    private getCreatePayloadFallback;
+    /** Normalize form control value to string (handles object or string). */
+    private static getControlValue;
+    /** Build full create payload: environment, HTTP method, URL, headers, body (step1), variable name (step2), verifications (step3). */
+    private getCreatePayload;
+    /** Current header rows from form (for consumers that read headers) */
+    get headers(): ApiEditHeaderRow[];
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApiEditStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApiEditStepComponent, "cqa-api-edit-step", never, { "initialMethod": "initialMethod"; "initialEnvironment": "initialEnvironment"; "initialStep": "initialStep"; "initialUrl": "initialUrl"; "initialPayloadTab": "initialPayloadTab"; "initialHeaders": "initialHeaders"; "initialResponsePreview": "initialResponsePreview"; "httpMethodOptions": "httpMethodOptions"; "environmentOptions": "environmentOptions"; "formatOptions": "formatOptions"; "initialFormat": "initialFormat"; "headerNameOptions": "headerNameOptions"; "verificationOptions": "verificationOptions"; "verificationDataTypeOptions": "verificationDataTypeOptions"; "statusVerificationOptions": "statusVerificationOptions"; }, { "importCurl": "importCurl"; "importCurlCancel": "importCurlCancel"; "sendRequest": "sendRequest"; "back": "back"; "next": "next"; "create": "create"; "headersChange": "headersChange"; }, never, never>;
+}

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

@@ -1,7 +1,11 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { OverlayContainer } from '@angular/cdk/overlay';
 import { ApiStepConfig } from '../test-case-step.models';
+import { EnvironmentOptionInput } from '../api-edit-step/api-edit-step.component';
 import * as i0 from "@angular/core";
 export declare class TestCaseApiStepComponent implements OnInit {
+    private readonly overlayContainer;
+    editModalBackdropRef?: ElementRef<HTMLElement>;
     config: ApiStepConfig;
     stepNumber: number | string;
     method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
@@ -17,6 +21,12 @@ export declare class TestCaseApiStepComponent implements OnInit {
     isInsideLoop: boolean;
     expanded: boolean;
     isReorder: boolean;
+    /** Environment options for the API edit step dropdown: strings or { id, name, value, label }. Passed to cqa-api-edit-step. */
+    environmentOptions?: EnvironmentOptionInput[];
+    /** HTTP method options for the API edit step dropdown: strings or { id, name, value, label }. Passed to cqa-api-edit-step. */
+    httpMethodOptions?: EnvironmentOptionInput[];
+    /** Header name options for the API edit step (e.g. for header dropdown): strings or { id, name, value, label }. Passed to cqa-api-edit-step. */
+    headerNameOptions?: EnvironmentOptionInput[];
     edit: EventEmitter<void>;
     link: EventEmitter<void>;
     duplicate: EventEmitter<void>;
@@ -31,7 +41,13 @@ export declare class TestCaseApiStepComponent implements OnInit {
     ngOnInit(): void;
     getDisplayText(): string;
     onToggleExpanded(): void;
+    editModalOpen: boolean;
+    constructor(overlayContainer: OverlayContainer);
     onEdit(): void;
+    closeEditModal(): void;
+    /** Attach overlay container to modal backdrop so select panels position below trigger (same stacking context). */
+    private attachOverlayToModalBackdrop;
+    private detachOverlayFromModalBackdrop;
     onLink(): void;
     onDuplicate(): void;
     onDelete(): void;
@@ -39,5 +55,5 @@ export declare class TestCaseApiStepComponent implements OnInit {
     onViewDetails(): 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"; }, { "edit": "edit"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "toggleExpanded": "toggleExpanded"; }, never, 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"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "toggleExpanded": "toggleExpanded"; }, never, never>;
 }

package/lib/ui-kit.module.d.ts

@@ -93,42 +93,43 @@ import * as i90 from "./item-list/item-list.component";
 import * as i91 from "./test-case-details/test-data-modal/test-data-modal.component";
 import * as i92 from "./test-case-details/create-step-group/create-step-group.component";
 import * as i93 from "./test-case-details/delete-steps/delete-steps.component";
-import * as i94 from "./live-conversation/live-conversation.component";
-import * as i95 from "./step-builder/step-builder-action/step-builder-action.component";
-import * as i96 from "./step-builder/step-builder-loop/step-builder-loop.component";
-import * as i97 from "./test-case-details/element-popup/element-popup.component";
-import * as i98 from "./step-builder/step-builder-condition/step-builder-condition.component";
-import * as i99 from "./step-builder/step-builder-database/step-builder-database.component";
-import * as i100 from "./step-builder/step-builder-ai-agent/step-builder-ai-agent.component";
-import * as i101 from "./step-builder/step-builder-custom-code/step-builder-custom-code.component";
-import * as i102 from "./step-builder/step-builder-record-step/step-builder-record-step.component";
-import * as i103 from "./step-builder/step-builder-document-generation-template-step/step-builder-document-generation-template-step.component";
-import * as i104 from "./test-case-details/element-list/element-list.component";
-import * as i105 from "./step-builder/step-builder-document/step-builder-document.component";
-import * as i106 from "./step-builder/step-builder-api/step-builder-api.component";
-import * as i107 from "./test-case-details/step-details-drawer/step-details-drawer.component";
-import * as i108 from "@angular/common";
-import * as i109 from "@angular/forms";
-import * as i110 from "@angular/material/icon";
-import * as i111 from "@angular/material/menu";
-import * as i112 from "@angular/material/button";
-import * as i113 from "@angular/material/form-field";
-import * as i114 from "@angular/material/select";
-import * as i115 from "@angular/material/core";
-import * as i116 from "@angular/material/checkbox";
-import * as i117 from "@angular/material/radio";
-import * as i118 from "@angular/material/slide-toggle";
-import * as i119 from "@angular/material/datepicker";
-import * as i120 from "@angular/material/progress-spinner";
-import * as i121 from "@angular/material/tooltip";
-import * as i122 from "@angular/material/dialog";
-import * as i123 from "@angular/cdk/overlay";
-import * as i124 from "@angular/cdk/portal";
-import * as i125 from "ngx-typed-js";
-import * as i126 from "ngx-drag-drop";
+import * as i94 from "./test-case-details/api-edit-step/api-edit-step.component";
+import * as i95 from "./live-conversation/live-conversation.component";
+import * as i96 from "./step-builder/step-builder-action/step-builder-action.component";
+import * as i97 from "./step-builder/step-builder-loop/step-builder-loop.component";
+import * as i98 from "./test-case-details/element-popup/element-popup.component";
+import * as i99 from "./step-builder/step-builder-condition/step-builder-condition.component";
+import * as i100 from "./step-builder/step-builder-database/step-builder-database.component";
+import * as i101 from "./step-builder/step-builder-ai-agent/step-builder-ai-agent.component";
+import * as i102 from "./step-builder/step-builder-custom-code/step-builder-custom-code.component";
+import * as i103 from "./step-builder/step-builder-record-step/step-builder-record-step.component";
+import * as i104 from "./step-builder/step-builder-document-generation-template-step/step-builder-document-generation-template-step.component";
+import * as i105 from "./test-case-details/element-list/element-list.component";
+import * as i106 from "./step-builder/step-builder-document/step-builder-document.component";
+import * as i107 from "./step-builder/step-builder-api/step-builder-api.component";
+import * as i108 from "./test-case-details/step-details-drawer/step-details-drawer.component";
+import * as i109 from "@angular/common";
+import * as i110 from "@angular/forms";
+import * as i111 from "@angular/material/icon";
+import * as i112 from "@angular/material/menu";
+import * as i113 from "@angular/material/button";
+import * as i114 from "@angular/material/form-field";
+import * as i115 from "@angular/material/select";
+import * as i116 from "@angular/material/core";
+import * as i117 from "@angular/material/checkbox";
+import * as i118 from "@angular/material/radio";
+import * as i119 from "@angular/material/slide-toggle";
+import * as i120 from "@angular/material/datepicker";
+import * as i121 from "@angular/material/progress-spinner";
+import * as i122 from "@angular/material/tooltip";
+import * as i123 from "@angular/material/dialog";
+import * as i124 from "@angular/cdk/overlay";
+import * as i125 from "@angular/cdk/portal";
+import * as i126 from "ngx-typed-js";
+import * as i127 from "ngx-drag-drop";
 export declare class UiKitModule {
     constructor(iconRegistry: MatIconRegistry);
     static ɵfac: i0.ɵɵFactoryDeclaration<UiKitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UiKitModule, [typeof i1.ButtonComponent, typeof i2.SearchBarComponent, typeof i3.SegmentControlComponent, typeof i4.DialogComponent, typeof i5.DynamicTableComponent, typeof i6.DynamicCellTemplateDirective, typeof i6.DynamicHeaderTemplateDirective, typeof i7.DynamicCellContainerDirective, typeof i8.PaginationComponent, typeof i9.ActionMenuButtonComponent, typeof i10.OtherButtonComponent, typeof i11.DynamicFilterComponent, typeof i12.DaterangepickerDirective, typeof i13.DaterangepickerComponent, typeof i14.ColumnVisibilityComponent, typeof i15.TableActionToolbarComponent, typeof i16.MetricsCardComponent, typeof i17.MetricsBlockComponent, typeof i18.ChartCardComponent, typeof i19.ProgressTextCardComponent, typeof i20.DashboardHeaderComponent, typeof i21.CoverageModuleCardComponent, typeof i22.TestDistributionCardComponent, typeof i23.FailedTestCasesCardComponent, typeof i24.DynamicSelectFieldComponent, typeof i25.AddPrerequisiteCasesSectionComponent, typeof i26.SelectedFiltersComponent, typeof i27.InsightCardComponent, typeof i28.BadgeComponent, typeof i29.DropdownButtonComponent, typeof i30.HeatErrorMapCellComponent, typeof i31.EmptyStateComponent, typeof i32.TableTemplateComponent, typeof i33.FullTableLoaderComponent, typeof i34.TableDataLoaderComponent, typeof i35.BasicStepComponent, typeof i36.StepRendererComponent, typeof i37.StepGroupComponent, typeof i38.LoopStepComponent, typeof i39.ConditionStepComponent, typeof i40.FailedStepComponent, typeof i41.UpdatedFailedStepComponent, typeof i42.ViewMoreFailedStepButtonComponent, typeof i43.SelfHealAnalysisComponent, typeof i44.AIAgentStepComponent, typeof i45.AIActionStepComponent, typeof i46.ApiStepComponent, typeof i47.FileDownloadStepComponent, typeof i48.DocumentVerificationStepComponent, typeof i49.LiveExecutionStepComponent, typeof i50.MainStepCollapseComponent, typeof i51.VisualComparisonComponent, typeof i52.SimulatorComponent, typeof i53.ConsoleAlertComponent, typeof i54.AiDebugAlertComponent, typeof i55.NetworkRequestComponent, typeof i56.RunHistoryCardComponent, typeof i57.VisualDifferenceModalComponent, typeof i58.ConfigurationCardComponent, typeof i59.CompareRunsComponent, typeof i60.IterationsLoopComponent, typeof i61.FailedStepCardComponent, typeof i62.CustomInputComponent, typeof i63.CustomTextareaComponent, typeof i64.CustomToggleComponent, typeof i65.FileUploadComponent, typeof i66.AiReasoningComponent, typeof i67.ExecutionResultModalComponent, typeof i68.ErrorModalComponent, typeof i69.ProgressIndicatorComponent, typeof i70.StepProgressCardComponent, typeof i71.StepStatusCardComponent, typeof i72.DbVerificationStepComponent, typeof i73.DbQueryExecutionItemComponent, typeof i74.TestCaseNormalStepComponent, typeof i75.TestCaseLoopStepComponent, typeof i76.TestCaseConditionStepComponent, typeof i77.TestCaseStepGroupComponent, typeof i78.TestCaseDetailsRendererComponent, typeof i79.TestCaseApiStepComponent, typeof i80.TestCaseDatabaseStepComponent, typeof i81.TestCaseAiAgentStepComponent, typeof i82.TestCaseAiVerifyStepComponent, typeof i83.TestCaseUploadStepComponent, typeof i84.TestCaseScreenshotStepComponent, typeof i85.TestCaseScrollStepComponent, typeof i86.TestCaseVerifyUrlStepComponent, typeof i87.TestCaseRestoreSessionStepComponent, typeof i88.TestCaseCustomCodeStepComponent, typeof i89.CustomEditStepComponent, typeof i90.ItemListComponent, typeof i91.TestDataModalComponent, typeof i92.CreateStepGroupComponent, typeof i93.DeleteStepsComponent, typeof i94.LiveConversationComponent, typeof i95.StepBuilderActionComponent, typeof i96.StepBuilderLoopComponent, typeof i97.ElementPopupComponent, typeof i98.StepBuilderConditionComponent, typeof i99.StepBuilderDatabaseComponent, typeof i100.StepBuilderAiAgentComponent, typeof i101.StepBuilderCustomCodeComponent, typeof i102.StepBuilderRecordStepComponent, typeof i103.StepBuilderDocumentGenerationTemplateStepComponent, typeof i104.ElementListComponent, typeof i105.StepBuilderDocumentComponent, typeof i106.StepBuilderApiComponent, typeof i107.StepDetailsDrawerComponent], [typeof i108.CommonModule, typeof i109.FormsModule, typeof i109.ReactiveFormsModule, typeof i110.MatIconModule, typeof i111.MatMenuModule, typeof i112.MatButtonModule, typeof i113.MatFormFieldModule, typeof i114.MatSelectModule, typeof i115.MatOptionModule, typeof i116.MatCheckboxModule, typeof i117.MatRadioModule, typeof i118.MatSlideToggleModule, typeof i119.MatDatepickerModule, typeof i115.MatNativeDateModule, typeof i120.MatProgressSpinnerModule, typeof i121.MatTooltipModule, typeof i122.MatDialogModule, typeof i123.OverlayModule, typeof i124.PortalModule, typeof i125.NgxTypedJsModule, typeof i126.DndModule], [typeof i1.ButtonComponent, typeof i2.SearchBarComponent, typeof i3.SegmentControlComponent, typeof i4.DialogComponent, typeof i5.DynamicTableComponent, typeof i6.DynamicCellTemplateDirective, typeof i6.DynamicHeaderTemplateDirective, typeof i7.DynamicCellContainerDirective, typeof i8.PaginationComponent, typeof i9.ActionMenuButtonComponent, typeof i10.OtherButtonComponent, typeof i11.DynamicFilterComponent, typeof i12.DaterangepickerDirective, typeof i13.DaterangepickerComponent, typeof i14.ColumnVisibilityComponent, typeof i15.TableActionToolbarComponent, typeof i16.MetricsCardComponent, typeof i18.ChartCardComponent, typeof i19.ProgressTextCardComponent, typeof i20.DashboardHeaderComponent, typeof i21.CoverageModuleCardComponent, typeof i22.TestDistributionCardComponent, typeof i23.FailedTestCasesCardComponent, typeof i24.DynamicSelectFieldComponent, typeof i25.AddPrerequisiteCasesSectionComponent, typeof i26.SelectedFiltersComponent, typeof i27.InsightCardComponent, typeof i28.BadgeComponent, typeof i29.DropdownButtonComponent, typeof i30.HeatErrorMapCellComponent, typeof i31.EmptyStateComponent, typeof i32.TableTemplateComponent, typeof i33.FullTableLoaderComponent, typeof i34.TableDataLoaderComponent, typeof i35.BasicStepComponent, typeof i36.StepRendererComponent, typeof i37.StepGroupComponent, typeof i38.LoopStepComponent, typeof i39.ConditionStepComponent, typeof i40.FailedStepComponent, typeof i41.UpdatedFailedStepComponent, typeof i42.ViewMoreFailedStepButtonComponent, typeof i43.SelfHealAnalysisComponent, typeof i44.AIAgentStepComponent, typeof i45.AIActionStepComponent, typeof i46.ApiStepComponent, typeof i47.FileDownloadStepComponent, typeof i48.DocumentVerificationStepComponent, typeof i49.LiveExecutionStepComponent, typeof i50.MainStepCollapseComponent, typeof i51.VisualComparisonComponent, typeof i52.SimulatorComponent, typeof i53.ConsoleAlertComponent, typeof i54.AiDebugAlertComponent, typeof i55.NetworkRequestComponent, typeof i56.RunHistoryCardComponent, typeof i57.VisualDifferenceModalComponent, typeof i58.ConfigurationCardComponent, typeof i59.CompareRunsComponent, typeof i60.IterationsLoopComponent, typeof i61.FailedStepCardComponent, typeof i62.CustomInputComponent, typeof i63.CustomTextareaComponent, typeof i64.CustomToggleComponent, typeof i65.FileUploadComponent, typeof i66.AiReasoningComponent, typeof i67.ExecutionResultModalComponent, typeof i68.ErrorModalComponent, typeof i69.ProgressIndicatorComponent, typeof i70.StepProgressCardComponent, typeof i71.StepStatusCardComponent, typeof i72.DbVerificationStepComponent, typeof i73.DbQueryExecutionItemComponent, typeof i74.TestCaseNormalStepComponent, typeof i75.TestCaseLoopStepComponent, typeof i76.TestCaseConditionStepComponent, typeof i77.TestCaseStepGroupComponent, typeof i78.TestCaseDetailsRendererComponent, typeof i79.TestCaseApiStepComponent, typeof i80.TestCaseDatabaseStepComponent, typeof i81.TestCaseAiAgentStepComponent, typeof i83.TestCaseUploadStepComponent, typeof i84.TestCaseScreenshotStepComponent, typeof i85.TestCaseScrollStepComponent, typeof i86.TestCaseVerifyUrlStepComponent, typeof i87.TestCaseRestoreSessionStepComponent, typeof i88.TestCaseCustomCodeStepComponent, typeof i89.CustomEditStepComponent, typeof i90.ItemListComponent, typeof i91.TestDataModalComponent, typeof i92.CreateStepGroupComponent, typeof i93.DeleteStepsComponent, typeof i94.LiveConversationComponent, typeof i95.StepBuilderActionComponent, typeof i96.StepBuilderLoopComponent, typeof i97.ElementPopupComponent, typeof i98.StepBuilderConditionComponent, typeof i99.StepBuilderDatabaseComponent, typeof i100.StepBuilderAiAgentComponent, typeof i101.StepBuilderCustomCodeComponent, typeof i102.StepBuilderRecordStepComponent, typeof i103.StepBuilderDocumentGenerationTemplateStepComponent, typeof i106.StepBuilderApiComponent, typeof i104.ElementListComponent, typeof i105.StepBuilderDocumentComponent, typeof i107.StepDetailsDrawerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UiKitModule, [typeof i1.ButtonComponent, typeof i2.SearchBarComponent, typeof i3.SegmentControlComponent, typeof i4.DialogComponent, typeof i5.DynamicTableComponent, typeof i6.DynamicCellTemplateDirective, typeof i6.DynamicHeaderTemplateDirective, typeof i7.DynamicCellContainerDirective, typeof i8.PaginationComponent, typeof i9.ActionMenuButtonComponent, typeof i10.OtherButtonComponent, typeof i11.DynamicFilterComponent, typeof i12.DaterangepickerDirective, typeof i13.DaterangepickerComponent, typeof i14.ColumnVisibilityComponent, typeof i15.TableActionToolbarComponent, typeof i16.MetricsCardComponent, typeof i17.MetricsBlockComponent, typeof i18.ChartCardComponent, typeof i19.ProgressTextCardComponent, typeof i20.DashboardHeaderComponent, typeof i21.CoverageModuleCardComponent, typeof i22.TestDistributionCardComponent, typeof i23.FailedTestCasesCardComponent, typeof i24.DynamicSelectFieldComponent, typeof i25.AddPrerequisiteCasesSectionComponent, typeof i26.SelectedFiltersComponent, typeof i27.InsightCardComponent, typeof i28.BadgeComponent, typeof i29.DropdownButtonComponent, typeof i30.HeatErrorMapCellComponent, typeof i31.EmptyStateComponent, typeof i32.TableTemplateComponent, typeof i33.FullTableLoaderComponent, typeof i34.TableDataLoaderComponent, typeof i35.BasicStepComponent, typeof i36.StepRendererComponent, typeof i37.StepGroupComponent, typeof i38.LoopStepComponent, typeof i39.ConditionStepComponent, typeof i40.FailedStepComponent, typeof i41.UpdatedFailedStepComponent, typeof i42.ViewMoreFailedStepButtonComponent, typeof i43.SelfHealAnalysisComponent, typeof i44.AIAgentStepComponent, typeof i45.AIActionStepComponent, typeof i46.ApiStepComponent, typeof i47.FileDownloadStepComponent, typeof i48.DocumentVerificationStepComponent, typeof i49.LiveExecutionStepComponent, typeof i50.MainStepCollapseComponent, typeof i51.VisualComparisonComponent, typeof i52.SimulatorComponent, typeof i53.ConsoleAlertComponent, typeof i54.AiDebugAlertComponent, typeof i55.NetworkRequestComponent, typeof i56.RunHistoryCardComponent, typeof i57.VisualDifferenceModalComponent, typeof i58.ConfigurationCardComponent, typeof i59.CompareRunsComponent, typeof i60.IterationsLoopComponent, typeof i61.FailedStepCardComponent, typeof i62.CustomInputComponent, typeof i63.CustomTextareaComponent, typeof i64.CustomToggleComponent, typeof i65.FileUploadComponent, typeof i66.AiReasoningComponent, typeof i67.ExecutionResultModalComponent, typeof i68.ErrorModalComponent, typeof i69.ProgressIndicatorComponent, typeof i70.StepProgressCardComponent, typeof i71.StepStatusCardComponent, typeof i72.DbVerificationStepComponent, typeof i73.DbQueryExecutionItemComponent, typeof i74.TestCaseNormalStepComponent, typeof i75.TestCaseLoopStepComponent, typeof i76.TestCaseConditionStepComponent, typeof i77.TestCaseStepGroupComponent, typeof i78.TestCaseDetailsRendererComponent, typeof i79.TestCaseApiStepComponent, typeof i80.TestCaseDatabaseStepComponent, typeof i81.TestCaseAiAgentStepComponent, typeof i82.TestCaseAiVerifyStepComponent, typeof i83.TestCaseUploadStepComponent, typeof i84.TestCaseScreenshotStepComponent, typeof i85.TestCaseScrollStepComponent, typeof i86.TestCaseVerifyUrlStepComponent, typeof i87.TestCaseRestoreSessionStepComponent, typeof i88.TestCaseCustomCodeStepComponent, typeof i89.CustomEditStepComponent, typeof i90.ItemListComponent, typeof i91.TestDataModalComponent, typeof i92.CreateStepGroupComponent, typeof i93.DeleteStepsComponent, typeof i94.ApiEditStepComponent, typeof i95.LiveConversationComponent, typeof i96.StepBuilderActionComponent, typeof i97.StepBuilderLoopComponent, typeof i98.ElementPopupComponent, typeof i99.StepBuilderConditionComponent, typeof i100.StepBuilderDatabaseComponent, typeof i101.StepBuilderAiAgentComponent, typeof i102.StepBuilderCustomCodeComponent, typeof i103.StepBuilderRecordStepComponent, typeof i104.StepBuilderDocumentGenerationTemplateStepComponent, typeof i105.ElementListComponent, typeof i106.StepBuilderDocumentComponent, typeof i107.StepBuilderApiComponent, typeof i108.StepDetailsDrawerComponent], [typeof i109.CommonModule, typeof i110.FormsModule, typeof i110.ReactiveFormsModule, typeof i111.MatIconModule, typeof i112.MatMenuModule, typeof i113.MatButtonModule, typeof i114.MatFormFieldModule, typeof i115.MatSelectModule, typeof i116.MatOptionModule, typeof i117.MatCheckboxModule, typeof i118.MatRadioModule, typeof i119.MatSlideToggleModule, typeof i120.MatDatepickerModule, typeof i116.MatNativeDateModule, typeof i121.MatProgressSpinnerModule, typeof i122.MatTooltipModule, typeof i123.MatDialogModule, typeof i124.OverlayModule, typeof i125.PortalModule, typeof i126.NgxTypedJsModule, typeof i127.DndModule], [typeof i1.ButtonComponent, typeof i2.SearchBarComponent, typeof i3.SegmentControlComponent, typeof i4.DialogComponent, typeof i5.DynamicTableComponent, typeof i6.DynamicCellTemplateDirective, typeof i6.DynamicHeaderTemplateDirective, typeof i7.DynamicCellContainerDirective, typeof i8.PaginationComponent, typeof i9.ActionMenuButtonComponent, typeof i10.OtherButtonComponent, typeof i11.DynamicFilterComponent, typeof i12.DaterangepickerDirective, typeof i13.DaterangepickerComponent, typeof i14.ColumnVisibilityComponent, typeof i15.TableActionToolbarComponent, typeof i16.MetricsCardComponent, typeof i18.ChartCardComponent, typeof i19.ProgressTextCardComponent, typeof i20.DashboardHeaderComponent, typeof i21.CoverageModuleCardComponent, typeof i22.TestDistributionCardComponent, typeof i23.FailedTestCasesCardComponent, typeof i24.DynamicSelectFieldComponent, typeof i25.AddPrerequisiteCasesSectionComponent, typeof i26.SelectedFiltersComponent, typeof i27.InsightCardComponent, typeof i28.BadgeComponent, typeof i29.DropdownButtonComponent, typeof i30.HeatErrorMapCellComponent, typeof i31.EmptyStateComponent, typeof i32.TableTemplateComponent, typeof i33.FullTableLoaderComponent, typeof i34.TableDataLoaderComponent, typeof i35.BasicStepComponent, typeof i36.StepRendererComponent, typeof i37.StepGroupComponent, typeof i38.LoopStepComponent, typeof i39.ConditionStepComponent, typeof i40.FailedStepComponent, typeof i41.UpdatedFailedStepComponent, typeof i42.ViewMoreFailedStepButtonComponent, typeof i43.SelfHealAnalysisComponent, typeof i44.AIAgentStepComponent, typeof i45.AIActionStepComponent, typeof i46.ApiStepComponent, typeof i47.FileDownloadStepComponent, typeof i48.DocumentVerificationStepComponent, typeof i49.LiveExecutionStepComponent, typeof i50.MainStepCollapseComponent, typeof i51.VisualComparisonComponent, typeof i52.SimulatorComponent, typeof i53.ConsoleAlertComponent, typeof i54.AiDebugAlertComponent, typeof i55.NetworkRequestComponent, typeof i56.RunHistoryCardComponent, typeof i57.VisualDifferenceModalComponent, typeof i58.ConfigurationCardComponent, typeof i59.CompareRunsComponent, typeof i60.IterationsLoopComponent, typeof i61.FailedStepCardComponent, typeof i62.CustomInputComponent, typeof i63.CustomTextareaComponent, typeof i64.CustomToggleComponent, typeof i65.FileUploadComponent, typeof i66.AiReasoningComponent, typeof i67.ExecutionResultModalComponent, typeof i68.ErrorModalComponent, typeof i69.ProgressIndicatorComponent, typeof i70.StepProgressCardComponent, typeof i71.StepStatusCardComponent, typeof i72.DbVerificationStepComponent, typeof i73.DbQueryExecutionItemComponent, typeof i74.TestCaseNormalStepComponent, typeof i75.TestCaseLoopStepComponent, typeof i76.TestCaseConditionStepComponent, typeof i77.TestCaseStepGroupComponent, typeof i78.TestCaseDetailsRendererComponent, typeof i79.TestCaseApiStepComponent, typeof i80.TestCaseDatabaseStepComponent, typeof i81.TestCaseAiAgentStepComponent, typeof i83.TestCaseUploadStepComponent, typeof i84.TestCaseScreenshotStepComponent, typeof i85.TestCaseScrollStepComponent, typeof i86.TestCaseVerifyUrlStepComponent, typeof i87.TestCaseRestoreSessionStepComponent, typeof i88.TestCaseCustomCodeStepComponent, typeof i89.CustomEditStepComponent, typeof i90.ItemListComponent, typeof i91.TestDataModalComponent, typeof i92.CreateStepGroupComponent, typeof i93.DeleteStepsComponent, typeof i94.ApiEditStepComponent, typeof i95.LiveConversationComponent, typeof i96.StepBuilderActionComponent, typeof i97.StepBuilderLoopComponent, typeof i98.ElementPopupComponent, typeof i99.StepBuilderConditionComponent, typeof i100.StepBuilderDatabaseComponent, typeof i101.StepBuilderAiAgentComponent, typeof i102.StepBuilderCustomCodeComponent, typeof i103.StepBuilderRecordStepComponent, typeof i104.StepBuilderDocumentGenerationTemplateStepComponent, typeof i107.StepBuilderApiComponent, typeof i105.ElementListComponent, typeof i106.StepBuilderDocumentComponent, typeof i108.StepDetailsDrawerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UiKitModule>;
 }

package/package.json

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

package/public-api.d.ts

@@ -112,6 +112,7 @@ export * from './lib/test-case-details/test-data-modal/test-data-modal-ref';
 export * from './lib/test-case-details/test-data-modal/test-data-modal-data';
 export * from './lib/test-case-details/create-step-group/create-step-group.component';
 export * from './lib/test-case-details/delete-steps/delete-steps.component';
+export * from './lib/test-case-details/api-edit-step/api-edit-step.component';
 export * from './lib/test-case-details/test-case-step.models';
 export * from './lib/live-conversation/live-conversation.component';
 export * from './lib/step-builder/step-builder-action/step-builder-action.component';

package/src/lib/assets/images/delete.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+  <path d="M10.6663 6V12.6667H5.33301V6H10.6663ZM9.66634 2H6.33301L5.66634 2.66667H3.33301V4H12.6663V2.66667H10.333L9.66634 2ZM11.9997 4.66667H3.99967V12.6667C3.99967 13.4 4.59967 14 5.33301 14H10.6663C11.3997 14 11.9997 13.4 11.9997 12.6667V4.66667Z" fill="currentColor"/>
+</svg>