@cqa-lib/cqa-ui 1.1.290 → 1.1.292

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

@@ -12,6 +12,8 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     config: ConditionStepConfig;
     id: string;
     stepNumber: number | string;
+    /** Array index from parent renderer - use this for editInDepth instead of stepNumber (stepNumber "10.3" parses to 10) */
+    index?: number;
     condition: string;
     branches: ConditionBranch[];
     expanded: boolean;
@@ -147,7 +149,11 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     private updateConditionLeftSelectConfig;
     /** Options for the condition left autocomplete (IF_CONDITION natural text actions) */
     get conditionLeftAutocompleteOptions(): CqaAutocompleteOption[];
-    /** Display value for IF condition autocomplete: show natural text from option matching naturalTextActionId when available (including when form is empty on open), else form value. */
+    /**
+     * Display value for IF/ELSE IF condition autocomplete.
+     * - For IF (step row / IF branch edit), show naturalText from option matching naturalTextActionId when form is empty.
+     * - For ELSE IF branch edit, always use the form value (so clearing leaves the field empty instead of reverting to IF).
+     */
     get conditionLeftDisplayValue(): string;
     onConditionLeftSelect(option: CqaAutocompleteOption & {
         template?: any;
@@ -160,7 +166,10 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     onAddElse(): void;
     onAddElseBranch(): void;
     onRemoveElse(branchId: string): void;
-    /** Parse condition string into left, operator, right (e.g. "Usertype is Premium") */
+    /** Strip HTML tags from a string to get plain text */
+    private stripHtmlTags;
+    /** Parse condition string into left, operator, right (e.g. "Usertype is Premium")
+     * Strips HTML tags before parsing to handle formatted conditions */
     private parseCondition;
     /** Build condition string from form values */
     private buildConditionFromForm;
@@ -173,6 +182,8 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
         type: 'if' | 'else-if' | 'else';
         badgeClass: string;
     }[];
+    /** Condition text as plain text (strips HTML), truncated with "..." if long */
+    getConditionPlainText(maxLength?: number): string;
     /** Event key-value pairs for display, excluding customEvent */
     getEventDetailsForDisplay(): {
         key: string;
@@ -240,6 +251,11 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
      */
     private buildElseIfBranchPayload;
     onEditApply(): void;
+    /**
+     * Local helper to substitute #{variable} placeholders in the condition text with HTML badge spans.
+     * Mirrors the portal renderer's substituteTemplateVariablesToHtml so inline edit mode never shows raw #{label}.
+     */
+    private substituteTemplateVariablesToHtmlForCondition;
     onEditInDepth(templateOverride?: any): void;
     onLink(): void;
     onDuplicate(): void;
@@ -250,5 +266,5 @@ export declare class TestCaseConditionStepComponent implements OnInit, OnChanges
     /** Get select config for a template variable */
     getSelectConfigForVariable(variable: any, branchIdOrIsElse?: string | boolean): DynamicSelectFieldConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseConditionStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseConditionStepComponent, "cqa-test-case-condition-step", never, { "config": "config"; "id": "id"; "stepNumber": "stepNumber"; "condition": "condition"; "branches": "branches"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isInsideStepGroup": "isInsideStepGroup"; "isReorder": "isReorder"; "selected": "selected"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "conditionChange": "conditionChange"; "branchStepChange": "branchStepChange"; "addStep": "addStep"; "addStepForLoop": "addStepForLoop"; "deleteStep": "deleteStep"; "addBranch": "addBranch"; "addElse": "addElse"; "deleteBranch": "deleteBranch"; "duplicate": "duplicate"; "delete": "delete"; "edit": "edit"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "editInDepth": "editInDepth"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "clickAction": "clickAction"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseConditionStepComponent, "cqa-test-case-condition-step", never, { "config": "config"; "id": "id"; "stepNumber": "stepNumber"; "index": "index"; "condition": "condition"; "branches": "branches"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isInsideStepGroup": "isInsideStepGroup"; "isReorder": "isReorder"; "selected": "selected"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "conditionChange": "conditionChange"; "branchStepChange": "branchStepChange"; "addStep": "addStep"; "addStepForLoop": "addStepForLoop"; "deleteStep": "deleteStep"; "addBranch": "addBranch"; "addElse": "addElse"; "deleteBranch": "deleteBranch"; "duplicate": "duplicate"; "delete": "delete"; "edit": "edit"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "editInDepth": "editInDepth"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "clickAction": "clickAction"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
 }

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

@@ -14,6 +14,8 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     id: string;
     loopType: 'for' | 'while';
     stepNumber: number | string;
+    /** Array index from parent renderer - use this for editInDepth instead of stepNumber (stepNumber "10.3" parses to 10) */
+    index?: number;
     condition?: string;
     maxIterations?: number;
     testDataProfile?: string;
@@ -270,5 +272,5 @@ export declare class TestCaseLoopStepComponent implements OnInit, OnChanges {
     onMoreOptions(): void;
     onViewDetails(event?: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseLoopStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseLoopStepComponent, "cqa-test-case-loop-step", never, { "config": "config"; "id": "id"; "loopType": "loopType"; "stepNumber": "stepNumber"; "condition": "condition"; "maxIterations": "maxIterations"; "testDataProfile": "testDataProfile"; "startStep": "startStep"; "endStep": "endStep"; "nestedSteps": "nestedSteps"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isInsideStepGroup": "isInsideStepGroup"; "isReorder": "isReorder"; "selected": "selected"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "testDataProfileChange": "testDataProfileChange"; "startStepChange": "startStepChange"; "endStepChange": "endStepChange"; "conditionChange": "conditionChange"; "maxIterationsChange": "maxIterationsChange"; "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "editInDepth": "editInDepth"; "edit": "edit"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "clickAction": "clickAction"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseLoopStepComponent, "cqa-test-case-loop-step", never, { "config": "config"; "id": "id"; "loopType": "loopType"; "stepNumber": "stepNumber"; "index": "index"; "condition": "condition"; "maxIterations": "maxIterations"; "testDataProfile": "testDataProfile"; "startStep": "startStep"; "endStep": "endStep"; "nestedSteps": "nestedSteps"; "expanded": "expanded"; "isNested": "isNested"; "isInsideLoop": "isInsideLoop"; "isInsideStepGroup": "isInsideStepGroup"; "isReorder": "isReorder"; "selected": "selected"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "naturalTextActionsOptions": "naturalTextActionsOptions"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "addStepBetweenAbove": "addStepBetweenAbove"; "addStepBetweenBelow": "addStepBetweenBelow"; "addStepBetween": "addStepBetween"; }, { "toggleExpanded": "toggleExpanded"; "testDataProfileChange": "testDataProfileChange"; "startStepChange": "startStepChange"; "endStepChange": "endStepChange"; "conditionChange": "conditionChange"; "maxIterationsChange": "maxIterationsChange"; "nestedStepChange": "nestedStepChange"; "addStep": "addStep"; "deleteStep": "deleteStep"; "duplicate": "duplicate"; "delete": "delete"; "moreOptions": "moreOptions"; "viewDetails": "viewDetails"; "editInDepth": "editInDepth"; "edit": "edit"; "dndDropInZone": "dndDropInZone"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "stepUpdate": "stepUpdate"; "clickAction": "clickAction"; "addStepBetweenClick": "addStepBetweenClick"; "selectionChange": "selectionChange"; }, never, never>;
 }

package/package.json

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