@cqa-lib/cqa-ui 1.1.247 → 1.1.248

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

@@ -55,6 +55,7 @@ export interface DynamicSelectFieldConfig {
     allowCustomValue?: boolean;
     options: SelectOption[];
     isCompareRuns?: boolean;
+    valueBy?: string;
 }
 export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
     readonly SELECT_ALL_VALUE: string;
@@ -105,6 +106,13 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
     get useCheckboxStyle(): boolean;
     get allSelected(): boolean;
     private toBoolean;
+    /**
+     * Get the value for an option based on the valueBy property.
+     * If valueBy is provided, use that property from the option.
+     * Otherwise, fall back to id ?? value (default behavior).
+     * Must be public for template access.
+     */
+    getOptionValue(opt: SelectOption): any;
     /**
      * Sync the form control's disabled state from config.
      * Use the FormControl API instead of [disabled] in the template to avoid Angular's

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

@@ -1,7 +1,7 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
 import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
 import { DynamicSelectFieldConfig } from '../../dynamic-select/dynamic-select-field.component';
-import { TemplateVariablesFormComponent } from '../template-variables-form/template-variables-form.component';
+import { TemplateVariable, TemplateVariablesFormComponent } from '../template-variables-form/template-variables-form.component';
 import * as i0 from "@angular/core";
 interface Element {
     id?: number;
@@ -85,6 +85,10 @@ export declare class StepBuilderActionComponent implements OnInit, OnChanges, On
     templateChanged: EventEmitter<ActionTemplate>;
     loadMoreElements: EventEmitter<void>;
     searchElements: EventEmitter<string>;
+    searchElementsByScreenName: EventEmitter<{
+        screenNameId: number;
+        searchTerm?: string;
+    }>;
     createElement: EventEmitter<any>;
     searchScreenName: EventEmitter<string>;
     loadMoreScreenNames: EventEmitter<string>;
@@ -105,7 +109,7 @@ export declare class StepBuilderActionComponent implements OnInit, OnChanges, On
     metadata: string;
     description: string;
     advancedExpanded: boolean;
-    templateVariables: any[];
+    templateVariables: TemplateVariable[];
     variablesForm: FormArray;
     updatedHtmlGrammar: string;
     createElementVisible: boolean;
@@ -170,6 +174,6 @@ export declare class StepBuilderActionComponent implements OnInit, OnChanges, On
      */
     get environmentVariableAvailable(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderActionComponent, "cqa-step-builder-action", never, { "showHeader": "showHeader"; "templates": "templates"; "searchPlaceholder": "searchPlaceholder"; "setTemplateVariables": "setTemplateVariables"; "preventSelectTemplate": "preventSelectTemplate"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; }, { "templateChanged": "templateChanged"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "createStep": "createStep"; "cancelled": "cancelled"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderActionComponent, "cqa-step-builder-action", never, { "showHeader": "showHeader"; "templates": "templates"; "searchPlaceholder": "searchPlaceholder"; "setTemplateVariables": "setTemplateVariables"; "preventSelectTemplate": "preventSelectTemplate"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; }, { "templateChanged": "templateChanged"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "createStep": "createStep"; "cancelled": "cancelled"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
 }
 export {};

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

@@ -65,6 +65,10 @@ export declare class StepBuilderConditionComponent implements OnInit, OnChanges
     cancelled: EventEmitter<void>;
     loadMoreElements: EventEmitter<void>;
     searchElements: EventEmitter<string>;
+    searchElementsByScreenName: EventEmitter<{
+        screenNameId: number;
+        searchTerm?: string;
+    }>;
     createElement: EventEmitter<any>;
     searchScreenName: EventEmitter<string>;
     loadMoreScreenNames: EventEmitter<string>;
@@ -125,6 +129,6 @@ export declare class StepBuilderConditionComponent implements OnInit, OnChanges
     onCancel(): void;
     onCreateStep(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderConditionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderConditionComponent, "cqa-step-builder-condition", never, { "operatorOptions": "operatorOptions"; "conditionTemplates": "conditionTemplates"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderConditionComponent, "cqa-step-builder-condition", never, { "operatorOptions": "operatorOptions"; "conditionTemplates": "conditionTemplates"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
 }
 export {};

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

@@ -77,6 +77,10 @@ export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
     defaultTestDataStartIndex?: number;
     loadMoreElements: EventEmitter<void>;
     searchElements: EventEmitter<string>;
+    searchElementsByScreenName: EventEmitter<{
+        screenNameId: number;
+        searchTerm?: string;
+    }>;
     createElement: EventEmitter<any>;
     searchScreenName: EventEmitter<string>;
     loadMoreScreenNames: EventEmitter<string>;
@@ -146,5 +150,5 @@ export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
     filterWhileTemplates(query: string): void;
     selectWhileTemplate(template: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderLoopComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderLoopComponent, "cqa-step-builder-loop", never, { "loopType": "loopType"; "selectOptions": "selectOptions"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "setWhileTemplateVariables": "setWhileTemplateVariables"; "whileTemplates": "whileTemplates"; "whileSearchPlaceholder": "whileSearchPlaceholder"; "whileSearchValue": "whileSearchValue"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "loopTypeChange": "loopTypeChange"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "cancelElementForm": "cancelElementForm"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderLoopComponent, "cqa-step-builder-loop", never, { "loopType": "loopType"; "selectOptions": "selectOptions"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "setWhileTemplateVariables": "setWhileTemplateVariables"; "whileTemplates": "whileTemplates"; "whileSearchPlaceholder": "whileSearchPlaceholder"; "whileSearchValue": "whileSearchValue"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "loopTypeChange": "loopTypeChange"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "cancelElementForm": "cancelElementForm"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
 }

package/lib/step-builder/template-variables-form/template-variables-form.component.d.ts

@@ -26,6 +26,11 @@ export interface TemplateVariable {
     selectedTestDataProfile?: string;
     selectedTestDataProfileId?: number;
     selectedDataSet?: string;
+    selectedScreenName?: string;
+    screenNameId?: number;
+    elementId?: number;
+    elementLocator?: string;
+    elementName?: string;
 }
 export declare class TemplateVariablesFormComponent implements OnChanges {
     private cdr;
@@ -76,6 +81,10 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
     descriptionChange: EventEmitter<string>;
     loadMoreElements: EventEmitter<void>;
     searchElements: EventEmitter<string>;
+    searchElementsByScreenName: EventEmitter<{
+        screenNameId: number;
+        searchTerm?: string;
+    }>;
     createElement: EventEmitter<ElementCreatePayload>;
     searchScreenName: EventEmitter<string>;
     loadMoreScreenNames: EventEmitter<string>;
@@ -91,6 +100,8 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
     private parameterSelectConfigCache;
     private environmentSelectConfigCache;
     private environmentParameterSelectConfigCache;
+    private screenNameSelectConfigCache;
+    private elementSelectConfigCache;
     private testDataProfileSelectConfigCache;
     private dataSetSelectConfigCache;
     private parameterForDataSetSelectConfigCache;
@@ -237,11 +248,28 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
      * Check if current data type is environment
      */
     isEnvironmentType(variable: TemplateVariable): boolean;
+    /**
+     * Check if variable is element type (dataKey === 'element')
+     */
+    isElementType(variable: TemplateVariable): boolean;
+    /**
+     * Check if screen name is selected for an element variable
+     */
+    hasSelectedScreenName(variable: TemplateVariable): boolean;
+    /**
+     * Get select config for screen name dropdown (first dropdown for element variables)
+     */
+    getScreenNameSelectConfig(variable: TemplateVariable, index: number): DynamicSelectFieldConfig;
+    /**
+     * Get select config for element dropdown (second dropdown - filtered by screen name)
+     * Optimized to return immediately from cache to avoid repeated calls during change detection
+     */
+    getElementSelectConfig(variable: TemplateVariable, index: number): DynamicSelectFieldConfig;
     /**
      * Check if current data type is runtime
      */
     isRuntimeType(variable: TemplateVariable): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateVariablesFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateVariablesFormComponent, "cqa-template-variables-form", never, { "templateVariables": "templateVariables"; "variablesForm": "variablesForm"; "metadata": "metadata"; "description": "description"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "isEditInDepth": "isEditInDepth"; "createElementVisible": "createElementVisible"; }, { "variableValueChange": "variableValueChange"; "variableBooleanChange": "variableBooleanChange"; "metadataChange": "metadataChange"; "descriptionChange": "descriptionChange"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "cancelElementForm": "cancelElementForm"; "elementFormVisibilityChange": "elementFormVisibilityChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateVariablesFormComponent, "cqa-template-variables-form", never, { "templateVariables": "templateVariables"; "variablesForm": "variablesForm"; "metadata": "metadata"; "description": "description"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "isEditInDepth": "isEditInDepth"; "createElementVisible": "createElementVisible"; }, { "variableValueChange": "variableValueChange"; "variableBooleanChange": "variableBooleanChange"; "metadataChange": "metadataChange"; "descriptionChange": "descriptionChange"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "cancelElementForm": "cancelElementForm"; "elementFormVisibilityChange": "elementFormVisibilityChange"; }, never, never>;
 }
 export {};

package/package.json

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