@cqa-lib/cqa-ui 1.1.185 → 1.1.187

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

@@ -33,6 +33,8 @@ export declare class MainStepCollapseComponent implements OnInit, OnChanges {
     getViewStepsUrl?: (item: PrerequisiteItem) => string;
     /** When redirecting, open link in new tab. Default true */
     viewStepsOpenInNewTab: boolean;
+    /** Optional initial item id to expand (e.g. first failed prerequisite). When set and present in items, that item is expanded on load. */
+    initialExpandedItemId: string | number | null;
     itemContentTpl?: TemplateRef<any>;
     viewSteps: EventEmitter<PrerequisiteItem>;
     headerButtonClick: EventEmitter<{
@@ -41,14 +43,15 @@ export declare class MainStepCollapseComponent implements OnInit, OnChanges {
     }>;
     expandedChange: EventEmitter<boolean>;
     isExpanded: boolean;
-    expandedItemId: string | null;
+    expandedItemId: string | number | null;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    private applyInitialExpandedItemId;
     toggle(): void;
     formatDuration(seconds: number): string;
     getStatusIcon(status: StepStatus): string;
     onViewSteps(item: PrerequisiteItem, event: Event): void;
-    isItemExpanded(itemId: string): boolean;
+    isItemExpanded(itemId: string | number): 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) */
@@ -56,5 +59,5 @@ export declare class MainStepCollapseComponent implements OnInit, OnChanges {
     /** 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"; "headerButtons": "headerButtons"; "viewStepsAsRedirect": "viewStepsAsRedirect"; "getViewStepsUrl": "getViewStepsUrl"; "viewStepsOpenInNewTab": "viewStepsOpenInNewTab"; }, { "viewSteps": "viewSteps"; "headerButtonClick": "headerButtonClick"; "expandedChange": "expandedChange"; }, ["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"; "initialExpandedItemId": "initialExpandedItemId"; }, { "viewSteps": "viewSteps"; "headerButtonClick": "headerButtonClick"; "expandedChange": "expandedChange"; }, ["itemContentTpl"], ["*", "[itemContent]", "[afterItems]"]>;
 }

package/lib/simulator/simulator.component.d.ts

@@ -70,6 +70,7 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     private operationQueue;
     get hasDeviceFrame(): boolean;
     get isPlayerSwitching(): boolean;
+    get shouldApplySmallHeightClasses(): boolean;
     segments: SegmentOption[];
     speedSegments: SegmentOption[];
     private videoEventListenerCleanup;
@@ -79,7 +80,6 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     private speedControlClickOutsideHandler;
     private preloadVideoElement;
     private preloadAllVideoElement;
-    private targetGlobalTimeDuringSwitch;
     safeTraceUrl: SafeResourceUrl;
     traceViewerLoading: boolean;
     traceViewerError: boolean;
@@ -109,10 +109,6 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
      * Seek video - public method (enqueues operation)
      */
     seekToTime(milliseconds: number): void;
-    /**
-     * Seek to a global time on the combined timeline (converts to segment + local time)
-     */
-    private seekToGlobalTime;
     /**
      * Seek video internal implementation (no enqueue - called from queue)
      * This prevents pipeline read errors during rapid seek operations
@@ -153,16 +149,14 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     get totalDuration(): number;
     /** Video durations in ms (detected or from single video element) */
     private get videoDurations();
-    get globalCurrentTime(): number;
-    private getActualGlobalTime;
-    /** Global step markers for rendering on the combined timeline */
-    get globalStepMarkers(): Array<{
-        globalTime: number;
-        result: StepMarker['result'];
-        testStepId?: number;
-        title?: string;
-        level?: number;
-    }>;
+    get currentVideoMarkers(): StepMarker[];
+    private adjustChildStepsDuration;
+    getStepLeftPosition(step: StepMarker): number;
+    getStepColor(step: StepMarker): string;
+    getStepResultColor(step: StepMarker): string;
+    getGlobalMarkerColor(level?: number): string;
+    getGlobalMarkerResultColor(result: StepMarker['result']): string;
+    onMarkerClick(event: MouseEvent, marker: StepMarker): void;
     get currentVideoUrl(): string;
     /**
      * Reset video state - public method (enqueues operation)
@@ -210,13 +204,6 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
      */
     private flattenMarkers;
     private checkMarkerHit;
-    getGlobalMarkerResultColor(result: StepMarker['result']): string;
-    getGlobalMarkerColor(level?: number): string;
-    onMarkerClick(event: MouseEvent, marker: {
-        globalTime: number;
-        result: StepMarker['result'];
-        testStepId?: number;
-    }): void;
     toggleFullScreen(): void;
     onSegmentChange(value: string): void;
     formatTime(seconds: number): string;
@@ -234,6 +221,7 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     private onVideoElementReady;
     private applyCurrentPlaybackRate;
     private findVideoIndexForTimestamp;
+    private switchToVideoAndResetInternal;
     private switchToVideoAndSeek;
     private switchToVideoAndSeekInternal;
     static ɵfac: i0.ɵɵFactoryDeclaration<SimulatorComponent, never>;

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

@@ -59,6 +59,7 @@ export declare class StepBuilderApiComponent implements OnInit, OnChanges {
     apiForm: FormGroup;
     selectedTab: RequestTab;
     selectedProgressStep: ProgressStep;
+    formSubmitted: boolean;
     private verificationTypeConfigCache;
     private expectedTypeConfigCache;
     private httpMethodConfigCache;
@@ -66,6 +67,7 @@ export declare class StepBuilderApiComponent implements OnInit, OnChanges {
     private paramNameConfigCache;
     private hasLoadedInitialData;
     constructor(fb: FormBuilder);
+    private urlValidator;
     ngOnInit(): void;
     private loadInitialData;
     get headersFormArray(): FormArray;
@@ -110,6 +112,10 @@ export declare class StepBuilderApiComponent implements OnInit, OnChanges {
     get someValidationRulesSelected(): boolean;
     onSelectAllValidationRules(checked: boolean): void;
     onDeleteSelectedValidationRules(): void;
+    private markFormGroupTouched;
+    onUrlChange(value: string): void;
+    onUrlBlur(): void;
+    getUrlErrors(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderApiComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderApiComponent, "cqa-step-builder-api", never, { "httpMethodOptions": "httpMethodOptions"; "headerNameOptions": "headerNameOptions"; "currentStep": "currentStep"; "responsePreview": "responsePreview"; "isLoading": "isLoading"; "initialData": "initialData"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "sendRequest": "sendRequest"; "importCurl": "importCurl"; }, never, never>;
 }

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

@@ -3,6 +3,7 @@ import { NormalStepConfig, TestCaseEventType, EventTypeConfig, StepParameter } f
 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 { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class TestCaseNormalStepComponent implements OnInit {
     private readonly customEditStep;
@@ -10,6 +11,7 @@ export declare class TestCaseNormalStepComponent implements OnInit {
     private readonly testDataModal;
     private readonly cdr;
     private readonly ngZone;
+    private readonly sanitizer;
     dropdownContainer?: ElementRef;
     descriptionTrigger?: ElementRef<HTMLElement>;
     testDataTrigger?: ElementRef<HTMLElement>;
@@ -17,6 +19,7 @@ export declare class TestCaseNormalStepComponent implements OnInit {
     elementTrigger?: ElementRef<HTMLElement>;
     config: NormalStepConfig;
     stepNumber: number | string;
+    action: string;
     eventType: TestCaseEventType;
     parameters: StepParameter[];
     selected: boolean;
@@ -35,10 +38,11 @@ export declare class TestCaseNormalStepComponent implements OnInit {
     delete: EventEmitter<void>;
     moreOptions: EventEmitter<void>;
     selectionChange: EventEmitter<boolean>;
+    clickAction: EventEmitter<MouseEvent>;
     eventTypeDropdownOpen: boolean;
     /** Stored test data modal state for reopening with same selections. */
     private testDataModalState;
-    constructor(customEditStep: CustomEditStepService, elementPopup: ElementPopupService, testDataModal: TestDataModalService, cdr: ChangeDetectorRef, ngZone: NgZone);
+    constructor(customEditStep: CustomEditStepService, elementPopup: ElementPopupService, testDataModal: TestDataModalService, cdr: ChangeDetectorRef, ngZone: NgZone, sanitizer: DomSanitizer);
     eventTypeConfigs: EventTypeConfig[];
     ngOnInit(): void;
     getCurrentEventTypeConfig(): EventTypeConfig;
@@ -69,6 +73,7 @@ export declare class TestCaseNormalStepComponent implements OnInit {
     toggleEventTypeDropdown(): void;
     closeEventTypeDropdown(): void;
     onDocumentClick(event: MouseEvent): void;
+    clickOnAction(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseNormalStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseNormalStepComponent, "cqa-test-case-normal-step", never, { "config": "config"; "stepNumber": "stepNumber"; "eventType": "eventType"; "parameters": "parameters"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "eventTypeChange": "eventTypeChange"; "parameterChange": "parameterChange"; "edit": "edit"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "selectionChange": "selectionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseNormalStepComponent, "cqa-test-case-normal-step", never, { "config": "config"; "stepNumber": "stepNumber"; "action": "action"; "eventType": "eventType"; "parameters": "parameters"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isReorder": "isReorder"; }, { "eventTypeChange": "eventTypeChange"; "parameterChange": "parameterChange"; "edit": "edit"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "selectionChange": "selectionChange"; "clickAction": "clickAction"; }, never, never>;
 }

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

@@ -14,6 +14,7 @@ export declare class TestCaseDetailsRendererComponent implements OnChanges, Afte
     branch?: ConditionBranch;
     /** When true, enables drag-and-drop reordering and shows drag handle icon instead of checkbox */
     isReorder: boolean;
+    addStepBetween: boolean;
     nestedStepChange: EventEmitter<{
         step: TestCaseStepConfig;
         index: number;
@@ -57,11 +58,16 @@ export declare class TestCaseDetailsRendererComponent implements OnChanges, Afte
     maxIterationsChange: EventEmitter<number>;
     eventTypeChange: EventEmitter<any>;
     parameterChange: EventEmitter<any>;
+    clickAction: EventEmitter<MouseEvent>;
     /** Emitted when a step is dropped in a nested dropzone (step-group, loop, condition). Payload: { event, targetList }. */
     dndDropInZone: EventEmitter<{
         event: any;
         targetList: TestCaseStepConfig[];
     }>;
+    addStepBetweenClick: EventEmitter<{
+        step: TestCaseStepConfig;
+        index: number;
+    }>;
     private componentRef;
     constructor(componentMap: TestCaseStepComponentMap, cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
@@ -70,5 +76,5 @@ export declare class TestCaseDetailsRendererComponent implements OnChanges, Afte
     private renderStep;
     private wireOutputs;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseDetailsRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsRendererComponent, "cqa-test-case-details-renderer", never, { "step": "step"; "index": "index"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "branch": "branch"; "isReorder": "isReorder"; }, { "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "toggleExpanded": "toggleExpanded"; "groupNameChange": "groupNameChange"; "descriptionChange": "descriptionChange"; "reusableChange": "reusableChange"; "openExternal": "openExternal"; "edit": "edit"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "conditionChange": "conditionChange"; "branchStepChange": "branchStepChange"; "addStepForBranch": "addStepForBranch"; "deleteStepWithBranch": "deleteStepWithBranch"; "addBranch": "addBranch"; "deleteBranch": "deleteBranch"; "testDataProfileChange": "testDataProfileChange"; "startStepChange": "startStepChange"; "endStepChange": "endStepChange"; "maxIterationsChange": "maxIterationsChange"; "eventTypeChange": "eventTypeChange"; "parameterChange": "parameterChange"; "dndDropInZone": "dndDropInZone"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsRendererComponent, "cqa-test-case-details-renderer", never, { "step": "step"; "index": "index"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "branch": "branch"; "isReorder": "isReorder"; "addStepBetween": "addStepBetween"; }, { "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "toggleExpanded": "toggleExpanded"; "groupNameChange": "groupNameChange"; "descriptionChange": "descriptionChange"; "reusableChange": "reusableChange"; "openExternal": "openExternal"; "edit": "edit"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "conditionChange": "conditionChange"; "branchStepChange": "branchStepChange"; "addStepForBranch": "addStepForBranch"; "deleteStepWithBranch": "deleteStepWithBranch"; "addBranch": "addBranch"; "deleteBranch": "deleteBranch"; "testDataProfileChange": "testDataProfileChange"; "startStepChange": "startStepChange"; "endStepChange": "endStepChange"; "maxIterationsChange": "maxIterationsChange"; "eventTypeChange": "eventTypeChange"; "parameterChange": "parameterChange"; "clickAction": "clickAction"; "dndDropInZone": "dndDropInZone"; "addStepBetweenClick": "addStepBetweenClick"; }, never, never>;
 }

package/lib/test-case-details/test-case-step.models.d.ts

@@ -36,6 +36,7 @@ export interface StepParameter {
 /** Base interface containing common properties for all step configurations */
 export interface BaseStepConfig {
     id: string;
+    action?: string;
     stepNumber: number | string;
     stepType: StepTypes;
     description?: string;

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

@@ -1,5 +1,6 @@
 import { InjectionToken } from '@angular/core';
-import type { ParameterScopeFilter } from './test-data-modal-parameter.model';
+import type { ParameterScopeFilter, ParameterItem } from './test-data-modal-parameter.model';
+import type { EnvironmentItem } from './test-data-modal-environment.model';
 export declare type TestDataModalTab = 'plain-text' | 'parameter' | 'environment' | 'runtime';
 /**
  * Config/data for Test Data Modal controls.
@@ -19,10 +20,14 @@ export interface TestDataModalData {
     parameterSearchQuery?: string;
     /** Parameter tab: selected parameter id (for highlight). */
     selectedParameterId?: string | null;
+    /** Parameter tab: list of parameters to display. */
+    parameters?: ParameterItem[];
     /** Environment tab: search query. */
     environmentSearchQuery?: string;
     /** Environment tab: selected environment id (for highlight). */
     selectedEnvironmentId?: string | null;
+    /** Environment tab: list of environment items to display. */
+    environmentItems?: EnvironmentItem[];
     /** Runtime tab: value (independent from Plain Text / Parameter / Environment). */
     runtimeValue?: string;
 }

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

@@ -18,6 +18,10 @@ export declare class TestDataModalComponent implements OnInit {
     }>;
     cancel: EventEmitter<void>;
     editInDepth: EventEmitter<void>;
+    parameterCreate: EventEmitter<void>;
+    parameterEdit: EventEmitter<string>;
+    environmentCreate: EventEmitter<void>;
+    environmentEdit: EventEmitter<string>;
     readonly tabSegments: {
         label: string;
         value: string;
@@ -26,10 +30,10 @@ export declare class TestDataModalComponent implements OnInit {
         label: string;
         value: ParameterScopeFilter;
     }[];
-    /** Mock parameter list (replace with API when integrating). */
-    readonly parameters: ParameterItem[];
-    /** Mock environment list (replace with API when integrating). */
-    readonly environmentItems: EnvironmentItem[];
+    /** Parameter list from input, falls back to mock data if not provided. */
+    parameters: ParameterItem[];
+    /** Environment list from input, falls back to mock data if not provided. */
+    environmentItems: EnvironmentItem[];
     /** Runtime tab: suggested variable chips. */
     readonly runtimeSuggestedValues: readonly string[];
     /** Form for all modal controls (same pattern as Loop Step editForm). */
@@ -73,11 +77,11 @@ export declare class TestDataModalComponent implements OnInit {
     onParameterScopeFilterChange(filter: ParameterScopeFilter): void;
     onParameterSearchInput(value: string): void;
     onParameterSelect(paramId: string): void;
-    onParameterEdit(_paramId: string): void;
+    onParameterEdit(paramId: string): void;
     onCreateNewVariable(event: Event): void;
     onEnvironmentSearchInput(value: string): void;
     onEnvironmentSelect(itemId: string): void;
-    onEnvironmentEdit(_itemId: string): void;
+    onEnvironmentEdit(itemId: string): void;
     onCreateNewEnvironment(event: Event): void;
     /** Runtime tab: insert suggested value into the runtime input field. */
     onRuntimeChipInsert(snippet: string): void;
@@ -87,5 +91,5 @@ export declare class TestDataModalComponent implements OnInit {
     onEditInDepth(event: Event): void;
     onHelp(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestDataModalComponent, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestDataModalComponent, "cqa-test-data-modal", never, {}, { "apply": "apply"; "cancel": "cancel"; "editInDepth": "editInDepth"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestDataModalComponent, "cqa-test-data-modal", never, { "parameters": "parameters"; "environmentItems": "environmentItems"; }, { "apply": "apply"; "cancel": "cancel"; "editInDepth": "editInDepth"; "parameterCreate": "parameterCreate"; "parameterEdit": "parameterEdit"; "environmentCreate": "environmentCreate"; "environmentEdit": "environmentEdit"; }, never, never>;
 }

package/package.json

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