@cqa-lib/cqa-ui 1.1.186 → 1.1.187

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.186",
+  "version": "1.1.187",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",