@cqa-lib/cqa-ui 1.1.352 → 1.1.354

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

@@ -378,6 +378,8 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     private getStatusVerificationValues;
     private getDefaultStatusVerification;
     responsePreview: string;
+    /** Reference to the response preview section, used to scroll into view after Send Request completes. */
+    responsePreviewRef?: ElementRef<HTMLElement>;
     private methodChangesSub?;
     private formatChangesSub?;
     private headerNameOptionsChangesSub?;
@@ -503,6 +505,11 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     /** Current header rows from form (for consumers that read headers) */
     get headers(): ApiEditHeaderRow[];
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Smoothly scrolls the response preview section into view within the scrollable container.
+     * Called when a fresh response preview value is set from the parent (API builder).
+     */
+    private scrollPreviewIntoView;
     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"; "initialPayloadType": "initialPayloadType"; "initialPayloadText": "initialPayloadText"; "initialHeaders": "initialHeaders"; "initialResponsePreview": "initialResponsePreview"; "initialVariableName": "initialVariableName"; "initialResponseBodyVerifications": "initialResponseBodyVerifications"; "initialStatusVerifications": "initialStatusVerifications"; "initialActiveResponseVerificationTab": "initialActiveResponseVerificationTab"; "editMode": "editMode"; "httpMethodOptions": "httpMethodOptions"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "urlOptions": "urlOptions"; "authTypeOptions": "authTypeOptions"; "initialAuthType": "initialAuthType"; "formatOptions": "formatOptions"; "initialFormat": "initialFormat"; "headerNameOptions": "headerNameOptions"; "verificationOptions": "verificationOptions"; "verificationDataTypeOptions": "verificationDataTypeOptions"; "statusVerificationOptions": "statusVerificationOptions"; "advancedSettingsVariables": "advancedSettingsVariables"; }, { "importCurl": "importCurl"; "importCurlCancel": "importCurlCancel"; "sendRequest": "sendRequest"; "back": "back"; "cancel": "cancel"; "next": "next"; "create": "create"; "headersChange": "headersChange"; "environmentChange": "environmentChange"; "environmentSearch": "environmentSearch"; "environmentLoadMore": "environmentLoadMore"; }, never, never>;
 }

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

@@ -1,8 +1,10 @@
 import { EventEmitter, OnInit, ElementRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import { ScrollStepConfig, TestCaseStepConfig } from '../test-case-step.models';
 import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
 import * as i0 from "@angular/core";
 export declare class TestCaseScrollStepComponent implements OnInit {
+    private readonly sanitizer;
     config: ScrollStepConfig;
     stepNumber: number | string;
     index?: number;
@@ -17,6 +19,8 @@ export declare class TestCaseScrollStepComponent implements OnInit {
     expanded: boolean;
     isReorder: boolean;
     editable: boolean;
+    /** Saved action HTML from API — when set, row shows same text as edit modal and badges are clickable */
+    action: string;
     viewDetailsTrigger?: ElementRef<HTMLElement>;
     edit: EventEmitter<void>;
     editInDepth: EventEmitter<{
@@ -34,9 +38,22 @@ export declare class TestCaseScrollStepComponent implements OnInit {
     }>;
     selectorChange: EventEmitter<string>;
     directionChange: EventEmitter<"left" | "right" | "top" | "down" | "up" | "bottom">;
+    /** Same as normal-step: click on element/test_data badge opens popup */
+    clickAction: EventEmitter<MouseEvent>;
+    constructor(sanitizer: DomSanitizer);
     ngOnInit(): void;
+    /**
+     * Maps stored direction values to the same natural language used in template htmlGrammar
+     * (e.g. "Scroll one screen up") so the step row matches the edit modal.
+     */
+    /** Public for template: expanded panel shows same label as main row. */
+    getDirectionLabel(): string;
+    private directionToNaturalPhrase;
+    /** When action HTML exists, render it (mirrors normal-step / edit modal). */
+    hasActionHtml(): boolean;
+    getActionHtml(): string;
+    clickOnAction(event: MouseEvent): void;
     getDisplayText(): string;
-    constructor();
     onToggleExpanded(): void;
     onEdit(): void;
     onLink(): void;
@@ -47,5 +64,5 @@ export declare class TestCaseScrollStepComponent implements OnInit {
     onSelectorChange(value: string): void;
     onDirectionChange(value: 'top' | 'bottom' | 'up' | 'down' | 'left' | 'right'): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseScrollStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseScrollStepComponent, "cqa-test-case-scroll-step", never, { "config": "config"; "stepNumber": "stepNumber"; "index": "index"; "selector": "selector"; "direction": "direction"; "description": "description"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideStepGroup": "isInsideStepGroup"; "isInsideLoop": "isInsideLoop"; "expanded": "expanded"; "isReorder": "isReorder"; "editable": "editable"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "toggleExpanded": "toggleExpanded"; "selectorChange": "selectorChange"; "directionChange": "directionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseScrollStepComponent, "cqa-test-case-scroll-step", never, { "config": "config"; "stepNumber": "stepNumber"; "index": "index"; "selector": "selector"; "direction": "direction"; "description": "description"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideStepGroup": "isInsideStepGroup"; "isInsideLoop": "isInsideLoop"; "expanded": "expanded"; "isReorder": "isReorder"; "editable": "editable"; "action": "action"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "toggleExpanded": "toggleExpanded"; "selectorChange": "selectorChange"; "directionChange": "directionChange"; "clickAction": "clickAction"; }, never, never>;
 }

package/package.json

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