@cqa-lib/cqa-ui 1.1.203 → 1.1.205

package/lib/detail-drawer/detail-drawer-tab/detail-drawer-tab.component.d.ts

@@ -0,0 +1,15 @@
+import { DetailDrawerTabContentDirective } from '../detail-drawer-tab-content.directive';
+import * as i0 from "@angular/core";
+export declare class DetailDrawerTabComponent {
+    /** Tab label (shown in tooltip on icon button) */
+    label: string;
+    /** Tab value (unique identifier) */
+    value: string;
+    /** Material icon name for the tab button */
+    icon: string;
+    /** Template for tab content - use with ng-template cqaTabContent */
+    contentDirective?: DetailDrawerTabContentDirective;
+    get contentTemplate(): import("@angular/core").TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailDrawerTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailDrawerTabComponent, "cqa-detail-drawer-tab", never, { "label": "label"; "value": "value"; "icon": "icon"; }, {}, ["contentDirective"], never>;
+}

package/lib/detail-drawer/detail-drawer-tab-content.directive.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DetailDrawerTabContentDirective {
+    templateRef: TemplateRef<unknown>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailDrawerTabContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DetailDrawerTabContentDirective, "[cqaTabContent]", never, {}, {}, never>;
+}

package/lib/detail-drawer/detail-drawer.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter, QueryList, AfterContentInit, AfterContentChecked } from '@angular/core';
+import { DetailDrawerTabComponent } from './detail-drawer-tab/detail-drawer-tab.component';
+import * as i0 from "@angular/core";
+export declare class DetailDrawerComponent implements AfterContentInit, AfterContentChecked {
+    tabComponents: QueryList<DetailDrawerTabComponent>;
+    /** Currently active tab value */
+    activeTab: string;
+    /** Whether to show the close button */
+    showCloseButton: boolean;
+    /** Whether the drawer is expanded */
+    expanded: boolean;
+    /** Panel width when expanded */
+    expandedWidth: string;
+    /** Minimum width when expanded (e.g. '280px') */
+    minExpandedWidth?: string;
+    /** Maximum width when expanded (e.g. '600px', '30vw'). Default: 30% of viewport */
+    maxExpandedWidth: string;
+    /** Panel width when collapsed */
+    collapsedWidth: string;
+    get hostWidth(): string;
+    get hostMinWidth(): string | null;
+    get hostMaxWidth(): string | null;
+    expandTooltip: string;
+    collapseTooltip: string;
+    closeTooltip: string;
+    activeTabChange: EventEmitter<string>;
+    expandToggle: EventEmitter<void>;
+    close: EventEmitter<void>;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    private ensureActiveTab;
+    onTabClick(tab: DetailDrawerTabComponent): void;
+    onExpandToggle(): void;
+    onClose(): void;
+    trackByValue(_i: number, tab: DetailDrawerTabComponent): string;
+    isTabActive(tab: DetailDrawerTabComponent): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailDrawerComponent, "cqa-detail-drawer", never, { "activeTab": "activeTab"; "showCloseButton": "showCloseButton"; "expanded": "expanded"; "expandedWidth": "expandedWidth"; "minExpandedWidth": "minExpandedWidth"; "maxExpandedWidth": "maxExpandedWidth"; "collapsedWidth": "collapsedWidth"; "expandTooltip": "expandTooltip"; "collapseTooltip": "collapseTooltip"; "closeTooltip": "closeTooltip"; }, { "activeTabChange": "activeTabChange"; "expandToggle": "expandToggle"; "close": "close"; }, ["tabComponents"], never>;
+}

package/lib/detail-side-panel/detail-side-panel.component.d.ts

@@ -0,0 +1,86 @@
+import { EventEmitter } from '@angular/core';
+import { DetailSidePanelTab, DetailSidePanelMetadataItem, DetailSidePanelConfigSection } from './detail-side-panel.models';
+import { TestCaseDetailsEditFormData, SelectConfigOverrides } from '../test-case-details/test-case-details-edit/test-case-details-edit.component';
+import * as i0 from "@angular/core";
+export type { DetailSidePanelTab, DetailSidePanelMetadataItem, DetailSidePanelConfigSection } from './detail-side-panel.models';
+export declare class DetailSidePanelComponent {
+    /** Tabs - each tab has a side panel icon button; tabs and buttons are 1:1 */
+    tabs: DetailSidePanelTab[];
+    /** Currently active tab value */
+    activeTab: string;
+    /** Description section title */
+    descriptionTitle: string;
+    /** Description text content */
+    descriptionContent: string;
+    /** Whether to show the Edit button in the Description header */
+    showEditButton: boolean;
+    /** Metadata items (Created on, Status, Priority, etc.) */
+    metadataItems: DetailSidePanelMetadataItem[];
+    /** Labels/tags (e.g. Automation, API, SDK, UI/UX) */
+    labels: string[];
+    /** Configuration sections - full width (e.g. Execution, AI Configuration) */
+    configSections: DetailSidePanelConfigSection[];
+    /** Optional config sections displayed in a 2-column row (e.g. Waits & Retries, Device) */
+    configSectionsRow2: DetailSidePanelConfigSection[];
+    /** Platform: 'web' or 'mobile'. Defaults to 'web'. Used for Device Settings. */
+    platform: 'web' | 'mobile';
+    /** Configuration section title */
+    configTitle: string;
+    /** Whether to show the close button in the side menu */
+    showCloseButton: boolean;
+    /** When true, test case details start in edit mode (useful for Storybook). */
+    startInEditMode: boolean;
+    /** Override config per select for API-driven options, server search, load more. */
+    selectConfigOverrides: SelectConfigOverrides;
+    /** Whether the panel is expanded (affects expand button icon and panel width) */
+    expanded: boolean;
+    /** Panel width when expanded (e.g. '480px', '25%') */
+    expandedWidth: string;
+    /** Panel width when collapsed (e.g. '56px' - fits icon bar + back button) */
+    collapsedWidth: string;
+    get hostWidth(): string;
+    get hostMinWidth(): string;
+    get hostMaxWidth(): string;
+    hostOverflow: string;
+    /** Tooltip for expand button when panel is collapsed */
+    expandTooltip: string;
+    /** Tooltip for expand button when panel is expanded (collapse) */
+    collapseTooltip: string;
+    /** Tooltip for close button */
+    closeTooltip: string;
+    back: EventEmitter<void>;
+    tabChange: EventEmitter<string>;
+    editDescription: EventEmitter<void>;
+    saveChanges: EventEmitter<TestCaseDetailsEditFormData>;
+    metadataLinkClick: EventEmitter<DetailSidePanelMetadataItem>;
+    selectSearch: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    selectLoadMore: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    selectOpened: EventEmitter<{
+        key: string;
+    }>;
+    selectionChange: EventEmitter<{
+        key: string;
+        value: unknown;
+    }>;
+    expandToggle: EventEmitter<void>;
+    close: EventEmitter<void>;
+    trackByTabValue(_i: number, tab: DetailSidePanelTab): string;
+    trackByMetadataLabel(_i: number, item: DetailSidePanelMetadataItem): string;
+    trackByConfigTitle(_i: number, section: DetailSidePanelConfigSection): string;
+    onBack(): void;
+    onTabClick(tab: DetailSidePanelTab): void;
+    onEditDescription(): void;
+    onSaveChanges(data: TestCaseDetailsEditFormData): void;
+    onExpandToggle(): void;
+    onClose(): void;
+    onMetadataLinkClick(item: DetailSidePanelMetadataItem): void;
+    getStatusDotClass(item: DetailSidePanelMetadataItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailSidePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailSidePanelComponent, "cqa-detail-side-panel", never, { "tabs": "tabs"; "activeTab": "activeTab"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "configTitle": "configTitle"; "showCloseButton": "showCloseButton"; "startInEditMode": "startInEditMode"; "selectConfigOverrides": "selectConfigOverrides"; "expanded": "expanded"; "expandedWidth": "expandedWidth"; "collapsedWidth": "collapsedWidth"; "expandTooltip": "expandTooltip"; "collapseTooltip": "collapseTooltip"; "closeTooltip": "closeTooltip"; }, { "back": "back"; "tabChange": "tabChange"; "editDescription": "editDescription"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "expandToggle": "expandToggle"; "close": "close"; }, never, never>;
+}

package/lib/detail-side-panel/detail-side-panel.models.d.ts

@@ -0,0 +1,20 @@
+import { ConfigurationItem } from '../configuration-card/configuration-card.component';
+export interface DetailSidePanelTab {
+    label: string;
+    value: string;
+    /** Material icon name for the side panel button */
+    icon?: string;
+}
+export interface DetailSidePanelMetadataItem {
+    label: string;
+    value: string;
+    icon?: string;
+    iconLibrary?: 'mat' | 'fa';
+    link?: string;
+    statusColor?: 'yellow' | 'red' | 'green' | 'gray';
+}
+export interface DetailSidePanelConfigSection {
+    title: string;
+    icon?: string;
+    items: ConfigurationItem[];
+}

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnInit, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
 import { FormArray, FormBuilder, FormGroup } from '@angular/forms';
 import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
 import { ActionTemplate } from '../step-builder-action/step-builder-action.component';
@@ -17,6 +17,7 @@ export interface ConditionFormData {
 }
 export declare class StepBuilderConditionComponent implements OnInit, OnChanges {
     private fb;
+    private cdr;
     /** Options for operator dropdown */
     operatorOptions: SelectOption[];
     /** List of action templates to display in value dropdown */
@@ -30,12 +31,16 @@ export declare class StepBuilderConditionComponent implements OnInit, OnChanges
     conditionForm: FormGroup;
     includeElse: boolean;
     private valueConfigCache;
+    private operatorConfigCache;
+    private valueConfigsWithHandlers;
     private selectedTemplates;
     private conditionTemplateVariables;
     private conditionVariablesForms;
-    constructor(fb: FormBuilder);
+    private conditionFormGroupCache;
+    constructor(fb: FormBuilder, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    private updateOperatorConfigCache;
     get conditionsFormArray(): FormArray;
     addCondition(conditionType: string): void;
     removeCondition(index: number): void;
@@ -53,6 +58,11 @@ export declare class StepBuilderConditionComponent implements OnInit, OnChanges
     onConditionVariableInputChange(conditionIndex: number, variableName: string, value: any): void;
     onConditionVariableBooleanChange(conditionIndex: number, variableName: string, value: boolean): void;
     getConditionFormGroup(index: number): FormGroup;
+    getConditionFieldValue(index: number): string;
+    isConditionIf(index: number): boolean;
+    isConditionElseIf(index: number): boolean;
+    getConditionLabel(index: number): string;
+    trackByConditionIndex(index: number): number;
     onIncludeElseChange(checked: boolean): void;
     onCancel(): void;
     onCreateStep(): void;

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

@@ -12,6 +12,10 @@ export interface DocumentMappingRow {
 export interface DocumentFormData {
     documentType: string;
     outputVariable: string;
+    fileName?: string;
+    seprator?: string;
+    delimeter?: string;
+    fileFormatHeader?: string;
     templateSource: TemplateSourceType;
     templateId?: string;
     /** Uploaded template file when templateSource is 'upload' */
@@ -30,6 +34,8 @@ export declare class StepBuilderDocumentComponent implements OnInit, OnChanges {
     templateOptions: SelectOption[];
     /** Options for value type dropdown in document mapper */
     valueTypeOptions: SelectOption[];
+    /** Options for delimeter type dropdown (shown when documentType is 'csv') */
+    delimeterTypeOptions: SelectOption[];
     /** Optional URL for "Need help?" link in Document Mapper section */
     mapperHelpUrl: string;
     /** Tooltip text when hovering over "Need help?" (same as custom-edit-step) */
@@ -48,6 +54,14 @@ export declare class StepBuilderDocumentComponent implements OnInit, OnChanges {
     initialTemplateDescription?: string;
     /** Initial mappings for edit mode */
     initialMappings?: DocumentMappingRow[];
+    /** Initial file name for edit mode */
+    initialFileName?: string;
+    /** Initial seprator for edit mode */
+    initialSeprator?: string;
+    /** Initial delimeter for edit mode */
+    initialDelimeter?: string;
+    /** Initial file format header for edit mode */
+    initialFileFormatHeader?: string;
     /** Whether in edit mode */
     editMode?: boolean;
     /** Whether the help tooltip is visible */
@@ -75,6 +89,9 @@ export declare class StepBuilderDocumentComponent implements OnInit, OnChanges {
     getDocumentTypeConfig(): DynamicSelectFieldConfig;
     getTemplateSelectConfig(): DynamicSelectFieldConfig;
     getValueTypeConfig(index: number): DynamicSelectFieldConfig;
+    getDelimeterConfig(): DynamicSelectFieldConfig;
+    get isTxtSelected(): boolean;
+    get isCsvSelected(): boolean;
     onTemplateSourceChange(value: string): void;
     onCreateTemplate(): void;
     onFileSelected(event: Event): void;
@@ -95,5 +112,5 @@ export declare class StepBuilderDocumentComponent implements OnInit, OnChanges {
     onCreateStep(): void;
     onMapperHelpClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderDocumentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderDocumentComponent, "cqa-step-builder-document", never, { "documentTypeOptions": "documentTypeOptions"; "templateOptions": "templateOptions"; "valueTypeOptions": "valueTypeOptions"; "mapperHelpUrl": "mapperHelpUrl"; "mapperHelpTooltipText": "mapperHelpTooltipText"; "initialDocumentType": "initialDocumentType"; "initialOutputVariable": "initialOutputVariable"; "initialTemplateSource": "initialTemplateSource"; "initialTemplateId": "initialTemplateId"; "initialTemplateName": "initialTemplateName"; "initialTemplateDescription": "initialTemplateDescription"; "initialMappings": "initialMappings"; "editMode": "editMode"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "createTemplate": "createTemplate"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderDocumentComponent, "cqa-step-builder-document", never, { "documentTypeOptions": "documentTypeOptions"; "templateOptions": "templateOptions"; "valueTypeOptions": "valueTypeOptions"; "delimeterTypeOptions": "delimeterTypeOptions"; "mapperHelpUrl": "mapperHelpUrl"; "mapperHelpTooltipText": "mapperHelpTooltipText"; "initialDocumentType": "initialDocumentType"; "initialOutputVariable": "initialOutputVariable"; "initialTemplateSource": "initialTemplateSource"; "initialTemplateId": "initialTemplateId"; "initialTemplateName": "initialTemplateName"; "initialTemplateDescription": "initialTemplateDescription"; "initialMappings": "initialMappings"; "initialFileName": "initialFileName"; "initialSeprator": "initialSeprator"; "initialDelimeter": "initialDelimeter"; "initialFileFormatHeader": "initialFileFormatHeader"; "editMode": "editMode"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "createTemplate": "createTemplate"; }, never, never>;
 }

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

@@ -0,0 +1,55 @@
+import { EventEmitter, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+export interface TemplateVariable {
+    name: string;
+    label: string;
+    value: any;
+    type?: string;
+    options?: string[];
+}
+export declare class TemplateVariablesFormComponent implements OnChanges {
+    private cdr;
+    templateVariables: TemplateVariable[];
+    variablesForm: FormGroup;
+    metadata: string;
+    description: string;
+    variableValueChange: EventEmitter<{
+        name: string;
+        value: any;
+    }>;
+    variableBooleanChange: EventEmitter<{
+        name: string;
+        value: boolean;
+    }>;
+    metadataChange: EventEmitter<string>;
+    descriptionChange: EventEmitter<string>;
+    private selectConfigCache;
+    private dataTypeSelectConfigCache;
+    private variableDataTypes;
+    private variableRawValues;
+    private needsDataTypeDropdownCache;
+    private shouldShowDropdownCache;
+    private readonly dataTypeOptions;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    private initializeTestDataVariables;
+    private precomputeConfigs;
+    private parseTestDataValue;
+    private formatTestDataValue;
+    trackByVariable(index: number, variable: TemplateVariable): any;
+    getSelectConfig(variable: TemplateVariable): DynamicSelectFieldConfig;
+    onVariableValueChange(variableName: string, value: any): void;
+    onVariableBooleanChange(variableName: string, value: boolean): void;
+    shouldShowDropdown(variable: TemplateVariable): boolean;
+    needsDataTypeDropdown(variable: TemplateVariable): boolean;
+    getDataTypeOptions(): SelectOption[];
+    getDataTypeSelectConfig(variable: TemplateVariable): DynamicSelectFieldConfig;
+    getCurrentDataType(variable: TemplateVariable): 'plain-text' | 'parameter' | 'runtime' | 'environment';
+    getRawValue(variable: TemplateVariable): string;
+    onDataTypeChange(variableName: string, dataType: 'plain-text' | 'parameter' | 'runtime' | 'environment'): void;
+    onTestDataValueChange(variableName: string, rawValue: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplateVariablesFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateVariablesFormComponent, "cqa-template-variables-form", never, { "templateVariables": "templateVariables"; "variablesForm": "variablesForm"; "metadata": "metadata"; "description": "description"; }, { "variableValueChange": "variableValueChange"; "variableBooleanChange": "variableBooleanChange"; "metadataChange": "metadataChange"; "descriptionChange": "descriptionChange"; }, never, never>;
+}

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

@@ -0,0 +1,175 @@
+import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { TestCaseDetailsConfigSection, TestCaseDetailsMetadataItem } from '../test-case-details.models';
+import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+/** Override config for a specific select. Use for server-side search, load more, custom options. */
+export interface SelectConfigOverride {
+    /** Replace options (e.g. from API). Update when API returns. */
+    options?: SelectOption[];
+    /** Enable server-side search; component emits selectSearch instead of local filtering. */
+    serverSearch?: boolean;
+    /** Indicates more results available for infinite scroll. */
+    hasMore?: boolean;
+    /** Loading state (e.g. during API call). */
+    isLoading?: boolean;
+    /** Enable search input in the select. */
+    searchable?: boolean;
+    /** When true, triggers initial search on panel open (serverSearch mode). */
+    initialFetchOnOpen?: boolean;
+    /** Callback when user types in search. Call API, then update options via selectConfigOverrides. */
+    onSearch?: (query: string) => void;
+    /** Callback when user scrolls to load more. Call API, append options via selectConfigOverrides. */
+    onLoadMore?: (query?: string) => void;
+}
+/** Map of select key -> config override. Enables API-driven options, infinite search, load more. */
+export declare type SelectConfigOverrides = Partial<Record<string, SelectConfigOverride>>;
+/** Keys for each dynamic select in test-case-details-edit. Use these with selectConfigOverrides. */
+export declare const TEST_CASE_DETAILS_SELECT_KEYS: {
+    readonly status: "status";
+    readonly priority: "priority";
+    readonly prerequisiteCases: "prerequisiteCases";
+    readonly videoRecording: "videoRecording";
+    readonly enableAiSmartness: "enableAiSmartness";
+    readonly defaultAiAction: "defaultAiAction";
+    readonly knowledgeBaseDefaultTestCase: "knowledgeBaseDefaultTestCase";
+    readonly useAiMetadata: "useAiMetadata";
+    readonly defaultBrowser: "defaultBrowser";
+    readonly defaultViewport: "defaultViewport";
+    readonly deviceType: "deviceType";
+    readonly deviceOS: "deviceOS";
+};
+export interface TestCaseDetailsEditFormData {
+    descriptionContent: string;
+    status: string;
+    priority: string;
+    labels: string[];
+    configSections: TestCaseDetailsConfigSection[];
+    configSectionsRow2: TestCaseDetailsConfigSection[];
+}
+export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
+    descriptionTitle: string;
+    descriptionContent: string;
+    metadataItems: TestCaseDetailsMetadataItem[];
+    labels: string[];
+    configTitle: string;
+    configSections: TestCaseDetailsConfigSection[];
+    configSectionsRow2: TestCaseDetailsConfigSection[];
+    /** Optional list of prerequisite test case options for the multi-select. If not provided, uses default sample options. */
+    prerequisiteCaseOptions: {
+        value: string;
+        name: string;
+    }[];
+    /** Platform: 'web' shows Default Browser + Viewport; 'mobile' shows Device Type + OS. Defaults to 'web'. */
+    platform: 'web' | 'mobile';
+    /**
+     * Override config per select key. Use for:
+     * - API-driven options: pass options array (update when API returns)
+     * - Server-side search: serverSearch: true, onSearch in override or listen to selectSearch
+     * - Infinite scroll: hasMore: true, onLoadMore in override or listen to selectLoadMore
+     * - Initial fetch on open: initialFetchOnOpen: true
+     */
+    selectConfigOverrides: SelectConfigOverrides;
+    save: EventEmitter<TestCaseDetailsEditFormData>;
+    cancel: EventEmitter<void>;
+    /** Emitted when user searches in a select (serverSearch mode). Call API and update options via selectConfigOverrides. */
+    selectSearch: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    /** Emitted when user scrolls to load more. Call API, append to options via selectConfigOverrides. */
+    selectLoadMore: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    /** Emitted when a select panel is opened. Use to call API for initial load (e.g. when initialFetchOnOpen). */
+    selectOpened: EventEmitter<{
+        key: string;
+    }>;
+    /** Emitted when selection changes in any select. */
+    selectionChange: EventEmitter<{
+        key: string;
+        value: unknown;
+    }>;
+    /** Form state */
+    editDescription: string;
+    editStatus: string;
+    editPriority: string;
+    editLabels: string[];
+    labelSearch: string;
+    testCaseTimeout: string;
+    waitTimeoutLocators: string;
+    autoWaitEnabled: boolean;
+    retryFailedSteps: string;
+    configExpanded: boolean;
+    executionExpanded: boolean;
+    aiConfigExpanded: boolean;
+    waitsRetriesExpanded: boolean;
+    deviceExpanded: boolean;
+    keyFlagsExpanded: boolean;
+    mobileTestingEnabled: boolean;
+    extensionUseEnabled: boolean;
+    dataDrivenEnabled: boolean;
+    readonly frequentlyUsedLabels: string[];
+    /** FormGroup for cqa-dynamic-select bindings */
+    editForm: FormGroup;
+    get statusItem(): TestCaseDetailsMetadataItem | undefined;
+    get priorityItem(): TestCaseDetailsMetadataItem | undefined;
+    get statusOptions(): string[];
+    get priorityOptions(): string[];
+    /** Cached configs to avoid new object refs each change detection (prevents infinite loops) */
+    readonly statusSelectConfig: DynamicSelectFieldConfig;
+    private readonly defaultPrerequisiteCaseOptions;
+    readonly videoRecordingSelectConfig: DynamicSelectFieldConfig;
+    readonly aiMetadataCollectionSelectConfig: DynamicSelectFieldConfig;
+    prerequisiteCaseSelectConfig: DynamicSelectFieldConfig;
+    readonly defaultViewportSelectConfig: DynamicSelectFieldConfig;
+    readonly deviceTypeSelectConfig: DynamicSelectFieldConfig;
+    readonly deviceOSSelectConfig: DynamicSelectFieldConfig;
+    readonly defaultBrowserSelectConfig: DynamicSelectFieldConfig;
+    readonly prioritySelectConfig: DynamicSelectFieldConfig;
+    readonly enableAiSmartnessSelectConfig: DynamicSelectFieldConfig;
+    readonly defaultAiActionSelectConfig: DynamicSelectFieldConfig;
+    readonly knowledgeBaseDefaultTestCaseSelectConfig: DynamicSelectFieldConfig;
+    /**
+     * Returns merged config for a select: base config + override.
+     * Wires onSearch, onLoadMore to both override callbacks and output events.
+     */
+    getConfigForSelect(key: string, baseConfig: DynamicSelectFieldConfig): DynamicSelectFieldConfig;
+    onSelectOpened(key: string): void;
+    onSelectSearch(event: {
+        key: string;
+        query: string;
+    }): void;
+    onSelectLoadMore(event: {
+        key: string;
+        query: string;
+    }): void;
+    onSelectionChange(event: {
+        key: string;
+        value: unknown;
+    }): void;
+    private getConfigItemValue;
+    private getPrerequisiteCasesFromConfig;
+    ngOnInit(): void;
+    private normalizeBooleanSelectValue;
+    ngOnChanges(changes: SimpleChanges): void;
+    onRemoveLabel(label: string): void;
+    onClearAllLabels(): void;
+    onAddFrequentLabel(label: string): void;
+    onAddSearchedLabel(): void;
+    onSave(): void;
+    private mergeConfigSections;
+    private mergeConfigSectionsRow2;
+    onCancel(): void;
+    trackByLabel(_i: number, label: string): string;
+    trackByConfigTitle(_i: number, section: TestCaseDetailsConfigSection): string;
+    /** Current labels use consistent indigo style */
+    private readonly LABEL_CHIP_STYLE;
+    getCurrentLabelChipStyle(_label: string): {
+        [key: string]: string;
+    };
+    getLabelCloseIconColor(_label: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseDetailsEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsEditComponent, "cqa-test-case-details-edit", never, { "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "prerequisiteCaseOptions": "prerequisiteCaseOptions"; "platform": "platform"; "selectConfigOverrides": "selectConfigOverrides"; }, { "save": "save"; "cancel": "cancel"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; }, never, never>;
+}

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

@@ -0,0 +1,62 @@
+import { EventEmitter, ChangeDetectorRef, OnInit } from '@angular/core';
+import { TestCaseDetailsConfigSection, TestCaseDetailsMetadataItem } from './test-case-details.models';
+import { TestCaseDetailsEditFormData, SelectConfigOverrides } from './test-case-details-edit/test-case-details-edit.component';
+import * as i0 from "@angular/core";
+export declare class TestCaseDetailsComponent implements OnInit {
+    private cdr;
+    /** Whether the component is in edit mode */
+    editing: boolean;
+    /** When true, start in edit mode (useful for Storybook). */
+    startInEditMode: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /** Description section title */
+    descriptionTitle: string;
+    /** Description text content */
+    descriptionContent: string;
+    /** Whether to show the Edit button in the Description header */
+    showEditButton: boolean;
+    /** Metadata items (createdOn, status, priority, environment, version, testPlanName, etc.) */
+    metadataItems: TestCaseDetailsMetadataItem[];
+    /** Labels/tags (e.g. Automation, API, SDK, UI/UX) */
+    labels: string[];
+    /** Configuration section title */
+    configTitle: string;
+    /** Configuration sections (e.g. Execution, AI Configuration) */
+    configSections: TestCaseDetailsConfigSection[];
+    /** Optional config sections displayed in a 2-column row (e.g. Waits & Retries, Device) */
+    configSectionsRow2: TestCaseDetailsConfigSection[];
+    /** Platform: 'web' or 'mobile'. Defaults to 'web'. Used for Device Settings fields. */
+    platform: 'web' | 'mobile';
+    /** Override config per select for API-driven options, server search, load more. */
+    selectConfigOverrides: SelectConfigOverrides;
+    editDescription: EventEmitter<void>;
+    saveChanges: EventEmitter<TestCaseDetailsEditFormData>;
+    metadataLinkClick: EventEmitter<TestCaseDetailsMetadataItem>;
+    selectSearch: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    selectLoadMore: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    selectOpened: EventEmitter<{
+        key: string;
+    }>;
+    selectionChange: EventEmitter<{
+        key: string;
+        value: unknown;
+    }>;
+    onEditClick(): void;
+    onSaveChanges(data: TestCaseDetailsEditFormData): void;
+    onCancelEdit(): void;
+    trackByConfigTitle(_i: number, section: TestCaseDetailsConfigSection): string;
+    trackByMetadataLabel(_i: number, item: TestCaseDetailsMetadataItem): string;
+    onMetadataLinkClick(item: TestCaseDetailsMetadataItem): void;
+    getStatusDotClass(item: TestCaseDetailsMetadataItem): string;
+    /** Text color for metadata value (e.g. red for critical priority) */
+    getValueTextClass(item: TestCaseDetailsMetadataItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsComponent, "cqa-test-case-details", never, { "startInEditMode": "startInEditMode"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "selectConfigOverrides": "selectConfigOverrides"; }, { "editDescription": "editDescription"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; }, never, never>;
+}