@cqa-lib/cqa-ui 1.1.539 → 1.1.541-gamma.7

package/lib/templates/modular-table-template/modular-table-template.component.d.ts

@@ -124,6 +124,33 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
     modularLabels: ModularLabels;
     bulkActions: TableAction[];
     sidebarCollapsed: boolean;
+    /** Lazy-load: when true, the sidebar emits `searchChange` and skips its
+     *  local name filter so the host can serve search results from the backend. */
+    serverSideSearch: boolean;
+    /** Lazy-load: backend-reported total root folders. Drives the sidebar's
+     *  top-level "Load more" affordance when `folders.length < rootTotal`. */
+    rootTotal: number;
+    /** Lazy-load: true while the host is fetching server-side folder-search
+     *  results. Forwarded to the sidebar so it can render a search spinner. */
+    folderSearchLoading: boolean;
+    /** Lazy-load: true while a root-page fetch is in flight (initial load OR
+     *  the scroll-driven "load more" pagination). Drives the loading indicator
+     *  the modular grid renders at the right edge of the Organised row, and is
+     *  forwarded to the sidebar for its own loading affordance. */
+    rootFoldersLoading: boolean;
+    /** Override for the currently-selected folder node. Used as a fallback when
+     *  `findFolder(folders, selectedFolderId)` misses — e.g., during sidebar
+     *  search when `folders` holds only the matched results, the selected
+     *  folder may not be among them, but its breadcrumb / header label still
+     *  needs to render. The host owns the lookup against its full folder map. */
+    selectedFolderNode: FolderNode | null;
+    /** Host-provided breadcrumb snapshot for the selected folder. Used as a
+     *  fallback in `breadcrumbTrail` when `buildTrail` against `this.folders`
+     *  yields empty — the canonical case is sidebar search, where `folders`
+     *  is the search-results list and the selected folder's ancestors aren't
+     *  present. The host walks `parentId` chains to build this; partial trails
+     *  are acceptable when ancestors haven't been fetched yet. */
+    selectedFolderTrail: FolderNode[] | null;
     /**
      * When true (default), the library opens its own Move dialog for convenience
      * during testing. Hosts taking over API + UX should set this to `false` and
@@ -135,6 +162,19 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
         id: number;
         expanded: boolean;
     }>;
+    /** Lazy-load: re-emitted from the sidebar when the user expands a node whose
+     *  children haven't been fetched yet. Host responds by fetching that subtree. */
+    folderChildrenRequested: EventEmitter<number>;
+    /** Lazy-load: re-emitted when the user clicks the per-folder "Load more". */
+    folderLoadMoreRequested: EventEmitter<{
+        id: number;
+        nextPage: number;
+    }>;
+    /** Lazy-load: re-emitted when the user clicks the top-level "Load more". */
+    rootLoadMoreRequested: EventEmitter<void>;
+    /** Lazy-load: debounced sidebar-search term. Consumed by hosts that have
+     *  set `serverSideSearch=true` to refetch the tree from the backend. */
+    folderSearchChange: EventEmitter<string>;
     folderCreated: EventEmitter<FolderCreatedPayload>;
     /** Emitted when the user clicks "+ New folder"; host should open a creation modal. */
     folderCreateRequested: EventEmitter<{
@@ -374,6 +414,25 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
         id: number;
         expanded: boolean;
     }): void;
+    /** Tracks the `folders.length` at which we last emitted `rootLoadMoreRequested`
+     *  from the Organized grid scroll, so rapid scroll events don't spam the host
+     *  before it has had a chance to append the next page. */
+    private lastRootGridLoadAt;
+    /** Tracks the `currentFolderNode.children.length` at which we last emitted
+     *  `folderLoadMoreRequested` from the Subfolders grid scroll, for the same
+     *  reason as `lastRootGridLoadAt`. */
+    private lastSubfolderGridLoadAt;
+    private static readonly GRID_SCROLL_LOAD_THRESHOLD_PX;
+    /** Horizontal-scroll handler for the "Organised" root tiles. Emits
+     *  `rootLoadMoreRequested` when the user scrolls within
+     *  `GRID_SCROLL_LOAD_THRESHOLD_PX` of the right edge AND more roots are
+     *  available on the backend. Throttled by `lastRootGridLoadAt`. */
+    onRootGridScroll(event: Event): void;
+    /** Horizontal-scroll handler for the "Subfolders in X" tiles. Emits
+     *  `folderLoadMoreRequested({ id: selectedFolderId, nextPage })` when the
+     *  user scrolls within threshold of the right edge AND the active folder
+     *  has more children on the backend than have been loaded. */
+    onSubfolderGridScroll(event: Event): void;
     onFolderCreated(payload: FolderCreatedPayload): void;
     onFolderCreateRequested(payload: {
         parentId: number | null;
@@ -461,5 +520,5 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
      */
     buildRowDragPayload: (row: any) => Array<string | number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModularTableTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModularTableTemplateComponent, "cqa-modular-table-template", never, { "searchPlaceholder": "searchPlaceholder"; "searchValue": "searchValue"; "showClear": "showClear"; "showSearchBar": "showSearchBar"; "showExportButton": "showExportButton"; "isExporting": "isExporting"; "filterConfig": "filterConfig"; "filterModel": "filterModel"; "showFilterPanel": "showFilterPanel"; "showFilterButton": "showFilterButton"; "otherButtons": "otherButtons"; "otherDropDownButtons": "otherDropDownButtons"; "otherSelectDropDownButtons": "otherSelectDropDownButtons"; "otherButtonLabel": "otherButtonLabel"; "otherButtonVariant": "otherButtonVariant"; "showOtherButton": "showOtherButton"; "showActionButton": "showActionButton"; "showSettingsButton": "showSettingsButton"; "showAutoRefreshButton": "showAutoRefreshButton"; "showViewModeToggle": "showViewModeToggle"; "viewMode": "viewMode"; "viewModeLabels": "viewModeLabels"; "data": "data"; "isEmptyState": "isEmptyState"; "emptyStateConfig": "emptyStateConfig"; "actions": "actions"; "chips": "chips"; "filterApplied": "filterApplied"; "columns": "columns"; "rowSelectable": "rowSelectable"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "pageSizeMenuDirection": "pageSizeMenuDirection"; "serverSidePagination": "serverSidePagination"; "totalElements": "totalElements"; "enableLocalSort": "enableLocalSort"; "isTableLoading": "isTableLoading"; "isTableDataLoading": "isTableDataLoading"; "cellJsonPathGetter": "cellJsonPathGetter"; "onJsonPathCopiedHandler": "onJsonPathCopiedHandler"; "selectedItems": "selectedItems"; "showSelectAllInToolbar": "showSelectAllInToolbar"; "showDismissInToolbar": "showDismissInToolbar"; "allSelectedInToolbar": "allSelectedInToolbar"; "folders": "folders"; "selectedFolderId": "selectedFolderId"; "expandedFolderIds": "expandedFolderIds"; "unorganisedCount": "unorganisedCount"; "folderIdAccessor": "folderIdAccessor"; "modularConfig": "modularConfig"; "modularLabels": "modularLabels"; "bulkActions": "bulkActions"; "sidebarCollapsed": "sidebarCollapsed"; "useInternalDialogs": "useInternalDialogs"; "showReorderButton": "showReorderButton"; "reorderSaving": "reorderSaving"; "reorderLabels": "reorderLabels"; "columnVisibility": "columnVisibility"; }, { "onSearchChange": "onSearchChange"; "onExportClick": "onExportClick"; "onApplyFilterClick": "onApplyFilterClick"; "onResetFilterClick": "onResetFilterClick"; "onClearAll": "onClearAll"; "removeChip": "removeChip"; "viewModeChange": "viewModeChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "folderSelected": "folderSelected"; "folderExpansionToggled": "folderExpansionToggled"; "folderCreated": "folderCreated"; "folderCreateRequested": "folderCreateRequested"; "folderRenamed": "folderRenamed"; "folderDeleted": "folderDeleted"; "testsMoved": "testsMoved"; "bulkActionClick": "bulkActionClick"; "bulkSelectAllChange": "bulkSelectAllChange"; "bulkDismiss": "bulkDismiss"; "bulkActionInvoked": "bulkActionInvoked"; "sidebarCollapsedChange": "sidebarCollapsedChange"; "reorderStart": "reorderStart"; "reorderCancel": "reorderCancel"; "reorderSave": "reorderSave"; "moveRequested": "moveRequested"; "selectedItemsChange": "selectedItemsChange"; "folderDeleteRequested": "folderDeleteRequested"; "folderMoveRequested": "folderMoveRequested"; "folderMoved": "folderMoved"; "folderDuplicateRequested": "folderDuplicateRequested"; "onReload": "onReload"; "onAutoRefreshClick": "onAutoRefreshClick"; "columnVisibilityChange": "columnVisibilityChange"; "autoRefreshIntervalChange": "autoRefreshIntervalChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModularTableTemplateComponent, "cqa-modular-table-template", never, { "searchPlaceholder": "searchPlaceholder"; "searchValue": "searchValue"; "showClear": "showClear"; "showSearchBar": "showSearchBar"; "showExportButton": "showExportButton"; "isExporting": "isExporting"; "filterConfig": "filterConfig"; "filterModel": "filterModel"; "showFilterPanel": "showFilterPanel"; "showFilterButton": "showFilterButton"; "otherButtons": "otherButtons"; "otherDropDownButtons": "otherDropDownButtons"; "otherSelectDropDownButtons": "otherSelectDropDownButtons"; "otherButtonLabel": "otherButtonLabel"; "otherButtonVariant": "otherButtonVariant"; "showOtherButton": "showOtherButton"; "showActionButton": "showActionButton"; "showSettingsButton": "showSettingsButton"; "showAutoRefreshButton": "showAutoRefreshButton"; "showViewModeToggle": "showViewModeToggle"; "viewMode": "viewMode"; "viewModeLabels": "viewModeLabels"; "data": "data"; "isEmptyState": "isEmptyState"; "emptyStateConfig": "emptyStateConfig"; "actions": "actions"; "chips": "chips"; "filterApplied": "filterApplied"; "columns": "columns"; "rowSelectable": "rowSelectable"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "pageSizeMenuDirection": "pageSizeMenuDirection"; "serverSidePagination": "serverSidePagination"; "totalElements": "totalElements"; "enableLocalSort": "enableLocalSort"; "isTableLoading": "isTableLoading"; "isTableDataLoading": "isTableDataLoading"; "cellJsonPathGetter": "cellJsonPathGetter"; "onJsonPathCopiedHandler": "onJsonPathCopiedHandler"; "selectedItems": "selectedItems"; "showSelectAllInToolbar": "showSelectAllInToolbar"; "showDismissInToolbar": "showDismissInToolbar"; "allSelectedInToolbar": "allSelectedInToolbar"; "folders": "folders"; "selectedFolderId": "selectedFolderId"; "expandedFolderIds": "expandedFolderIds"; "unorganisedCount": "unorganisedCount"; "folderIdAccessor": "folderIdAccessor"; "modularConfig": "modularConfig"; "modularLabels": "modularLabels"; "bulkActions": "bulkActions"; "sidebarCollapsed": "sidebarCollapsed"; "serverSideSearch": "serverSideSearch"; "rootTotal": "rootTotal"; "folderSearchLoading": "folderSearchLoading"; "rootFoldersLoading": "rootFoldersLoading"; "selectedFolderNode": "selectedFolderNode"; "selectedFolderTrail": "selectedFolderTrail"; "useInternalDialogs": "useInternalDialogs"; "showReorderButton": "showReorderButton"; "reorderSaving": "reorderSaving"; "reorderLabels": "reorderLabels"; "columnVisibility": "columnVisibility"; }, { "onSearchChange": "onSearchChange"; "onExportClick": "onExportClick"; "onApplyFilterClick": "onApplyFilterClick"; "onResetFilterClick": "onResetFilterClick"; "onClearAll": "onClearAll"; "removeChip": "removeChip"; "viewModeChange": "viewModeChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "folderSelected": "folderSelected"; "folderExpansionToggled": "folderExpansionToggled"; "folderChildrenRequested": "folderChildrenRequested"; "folderLoadMoreRequested": "folderLoadMoreRequested"; "rootLoadMoreRequested": "rootLoadMoreRequested"; "folderSearchChange": "folderSearchChange"; "folderCreated": "folderCreated"; "folderCreateRequested": "folderCreateRequested"; "folderRenamed": "folderRenamed"; "folderDeleted": "folderDeleted"; "testsMoved": "testsMoved"; "bulkActionClick": "bulkActionClick"; "bulkSelectAllChange": "bulkSelectAllChange"; "bulkDismiss": "bulkDismiss"; "bulkActionInvoked": "bulkActionInvoked"; "sidebarCollapsedChange": "sidebarCollapsedChange"; "reorderStart": "reorderStart"; "reorderCancel": "reorderCancel"; "reorderSave": "reorderSave"; "moveRequested": "moveRequested"; "selectedItemsChange": "selectedItemsChange"; "folderDeleteRequested": "folderDeleteRequested"; "folderMoveRequested": "folderMoveRequested"; "folderMoved": "folderMoved"; "folderDuplicateRequested": "folderDuplicateRequested"; "onReload": "onReload"; "onAutoRefreshClick": "onAutoRefreshClick"; "columnVisibilityChange": "columnVisibilityChange"; "autoRefreshIntervalChange": "autoRefreshIntervalChange"; }, never, never>;
 }

package/lib/templates/modular-table-template/modular-table-template.models.d.ts

@@ -7,6 +7,19 @@ export interface FolderNode {
     totalCount?: number;
     color?: string;
     children?: FolderNode[];
+    /** Backend hint: true when this node has at least one direct child. Drives
+     *  the sidebar chevron under lazy loading, so the affordance shows even
+     *  before `children` has been fetched. */
+    hasChildren?: boolean;
+    /** Backend-reported total number of direct children. The sidebar shows a
+     *  "Load more" row when `(children?.length ?? 0) < totalChildren`. */
+    totalChildren?: number;
+    /** Last 0-based page already fetched into `children`. `undefined` means the
+     *  subtree has not been loaded yet — the host should fetch on first expand. */
+    loadedPages?: number;
+    /** True while a children-page fetch is in flight, so the sidebar can render
+     *  a spinner row and the host can suppress duplicate requests. */
+    childrenLoading?: boolean;
 }
 export declare type FolderIdAccessor = (row: any) => number | null | undefined;
 export interface ModularConfig {

package/lib/templates/table-template.component.d.ts

@@ -31,6 +31,13 @@ export declare class TableTemplateComponent implements OnInit, OnChanges, OnDest
     otherButtons: TemplateRef<any>[];
     otherDropDownButtons: TemplateRef<any>[];
     otherSelectDropDownButtons: TemplateRef<any>[];
+    /**
+     * Optional template rendered between the search/toolbar row and the
+     * selected-filters chip block. Used to slot in feature-specific filters
+     * (e.g. Global Data's tag chip bar) so they sit visually inside the
+     * table-template's sticky header instead of floating above it.
+     */
+    tagFilterTemplate?: TemplateRef<any>;
     /** @deprecated Use otherButtons array instead */
     otherButtonLabel: string;
     /** @deprecated Use otherButtons array instead */
@@ -201,5 +208,5 @@ export declare class TableTemplateComponent implements OnInit, OnChanges, OnDest
     }>;
     get arrowClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableTemplateComponent, "cqa-table-template", never, { "searchPlaceholder": "searchPlaceholder"; "searchValue": "searchValue"; "showClear": "showClear"; "showSearchBar": "showSearchBar"; "showExportButton": "showExportButton"; "isExporting": "isExporting"; "filterConfig": "filterConfig"; "filterModel": "filterModel"; "showFilterPanel": "showFilterPanel"; "showFilterButton": "showFilterButton"; "otherButtons": "otherButtons"; "otherDropDownButtons": "otherDropDownButtons"; "otherSelectDropDownButtons": "otherSelectDropDownButtons"; "otherButtonLabel": "otherButtonLabel"; "otherButtonVariant": "otherButtonVariant"; "showOtherButton": "showOtherButton"; "showActionButton": "showActionButton"; "showSettingsButton": "showSettingsButton"; "showAutoRefreshButton": "showAutoRefreshButton"; "showViewModeToggle": "showViewModeToggle"; "viewMode": "viewMode"; "viewModeLabels": "viewModeLabels"; "data": "data"; "isEmptyState": "isEmptyState"; "emptyStateConfig": "emptyStateConfig"; "actions": "actions"; "chips": "chips"; "filterApplied": "filterApplied"; "columns": "columns"; "rowSelectable": "rowSelectable"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "pageSizeMenuDirection": "pageSizeMenuDirection"; "serverSidePagination": "serverSidePagination"; "totalElements": "totalElements"; "enableLocalSort": "enableLocalSort"; "isTableLoading": "isTableLoading"; "isTableDataLoading": "isTableDataLoading"; "cellJsonPathGetter": "cellJsonPathGetter"; "onJsonPathCopiedHandler": "onJsonPathCopiedHandler"; "selectedItems": "selectedItems"; "showSelectAllInToolbar": "showSelectAllInToolbar"; "showDismissInToolbar": "showDismissInToolbar"; "allSelectedInToolbar": "allSelectedInToolbar"; "columnVisibility": "columnVisibility"; }, { "onSearchChange": "onSearchChange"; "onExportClick": "onExportClick"; "onApplyFilterClick": "onApplyFilterClick"; "onResetFilterClick": "onResetFilterClick"; "onClearAll": "onClearAll"; "removeChip": "removeChip"; "viewModeChange": "viewModeChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "onReload": "onReload"; "onAutoRefreshClick": "onAutoRefreshClick"; "columnVisibilityChange": "columnVisibilityChange"; "autoRefreshIntervalChange": "autoRefreshIntervalChange"; "bulkActionClick": "bulkActionClick"; "bulkSelectAllChange": "bulkSelectAllChange"; "bulkDismiss": "bulkDismiss"; "selectedItemsChange": "selectedItemsChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableTemplateComponent, "cqa-table-template", never, { "searchPlaceholder": "searchPlaceholder"; "searchValue": "searchValue"; "showClear": "showClear"; "showSearchBar": "showSearchBar"; "showExportButton": "showExportButton"; "isExporting": "isExporting"; "filterConfig": "filterConfig"; "filterModel": "filterModel"; "showFilterPanel": "showFilterPanel"; "showFilterButton": "showFilterButton"; "otherButtons": "otherButtons"; "otherDropDownButtons": "otherDropDownButtons"; "otherSelectDropDownButtons": "otherSelectDropDownButtons"; "tagFilterTemplate": "tagFilterTemplate"; "otherButtonLabel": "otherButtonLabel"; "otherButtonVariant": "otherButtonVariant"; "showOtherButton": "showOtherButton"; "showActionButton": "showActionButton"; "showSettingsButton": "showSettingsButton"; "showAutoRefreshButton": "showAutoRefreshButton"; "showViewModeToggle": "showViewModeToggle"; "viewMode": "viewMode"; "viewModeLabels": "viewModeLabels"; "data": "data"; "isEmptyState": "isEmptyState"; "emptyStateConfig": "emptyStateConfig"; "actions": "actions"; "chips": "chips"; "filterApplied": "filterApplied"; "columns": "columns"; "rowSelectable": "rowSelectable"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "pageSizeMenuDirection": "pageSizeMenuDirection"; "serverSidePagination": "serverSidePagination"; "totalElements": "totalElements"; "enableLocalSort": "enableLocalSort"; "isTableLoading": "isTableLoading"; "isTableDataLoading": "isTableDataLoading"; "cellJsonPathGetter": "cellJsonPathGetter"; "onJsonPathCopiedHandler": "onJsonPathCopiedHandler"; "selectedItems": "selectedItems"; "showSelectAllInToolbar": "showSelectAllInToolbar"; "showDismissInToolbar": "showDismissInToolbar"; "allSelectedInToolbar": "allSelectedInToolbar"; "columnVisibility": "columnVisibility"; }, { "onSearchChange": "onSearchChange"; "onExportClick": "onExportClick"; "onApplyFilterClick": "onApplyFilterClick"; "onResetFilterClick": "onResetFilterClick"; "onClearAll": "onClearAll"; "removeChip": "removeChip"; "viewModeChange": "viewModeChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "onReload": "onReload"; "onAutoRefreshClick": "onAutoRefreshClick"; "columnVisibilityChange": "columnVisibilityChange"; "autoRefreshIntervalChange": "autoRefreshIntervalChange"; "bulkActionClick": "bulkActionClick"; "bulkSelectAllChange": "bulkSelectAllChange"; "bulkDismiss": "bulkDismiss"; "selectedItemsChange": "selectedItemsChange"; }, never, never>;
 }

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import { SegmentOption } from '../../segment-control/segment-control.component';
+import { DataLibrarySubTab, ElementCardVm, ProfileCardVm } from './data-library-panel.models';
+import * as i0 from "@angular/core";
+export declare class DataLibraryPanelComponent {
+    searchTerm: string;
+    searchPlaceholder: string;
+    /** The active environment name, e.g. "QA". Empty/undefined renders "this test case" in the banner and hides the env chip on profile cards. */
+    environmentName?: string;
+    activeSubTab: DataLibrarySubTab;
+    elements: ElementCardVm[];
+    profiles: ProfileCardVm[];
+    isLoadingElements: boolean;
+    isLoadingProfiles: boolean;
+    selectedElementId: number | string | null;
+    hasEnvironment: boolean;
+    showElementsLink: boolean;
+    showManageProfilesLink: boolean;
+    searchTermChange: EventEmitter<string>;
+    search: EventEmitter<string>;
+    searchCleared: EventEmitter<void>;
+    activeSubTabChange: EventEmitter<DataLibrarySubTab>;
+    elementCardClick: EventEmitter<string | number>;
+    viewFullElementsClick: EventEmitter<void>;
+    manageProfilesClick: EventEmitter<void>;
+    /** Stable reference required by cqa-segment-control. */
+    readonly segments: SegmentOption[];
+    /** Stable iteration source for skeleton placeholders during loading. */
+    readonly skeletonCards: number[];
+    onSearchValueChange(value: string): void;
+    onSearchSubmit(value: string): void;
+    onSearchCleared(): void;
+    onSegmentChange(value: string): void;
+    onElementClick(id: number | string): void;
+    onViewFullElements(event: Event): void;
+    onManageProfiles(event: Event): void;
+    trackByElementId(_i: number, item: ElementCardVm): number | string;
+    trackByAttachmentId(_i: number, item: ProfileCardVm): number | string;
+    get bannerLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataLibraryPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataLibraryPanelComponent, "cqa-data-library-panel", never, { "searchTerm": "searchTerm"; "searchPlaceholder": "searchPlaceholder"; "environmentName": "environmentName"; "activeSubTab": "activeSubTab"; "elements": "elements"; "profiles": "profiles"; "isLoadingElements": "isLoadingElements"; "isLoadingProfiles": "isLoadingProfiles"; "selectedElementId": "selectedElementId"; "hasEnvironment": "hasEnvironment"; "showElementsLink": "showElementsLink"; "showManageProfilesLink": "showManageProfilesLink"; }, { "searchTermChange": "searchTermChange"; "search": "search"; "searchCleared": "searchCleared"; "activeSubTabChange": "activeSubTabChange"; "elementCardClick": "elementCardClick"; "viewFullElementsClick": "viewFullElementsClick"; "manageProfilesClick": "manageProfilesClick"; }, never, never>;
+}

package/lib/test-case-details/data-library-panel/data-library-panel.models.d.ts

@@ -0,0 +1,17 @@
+export interface ElementCardVm {
+    id: number | string;
+    name: string;
+    screen: string;
+    updatedRelative: string;
+    locatorBadge: string;
+}
+export interface ProfileCardVm {
+    attachmentId: number | string;
+    testDataId: number | string;
+    name: string;
+    rowsCount: number;
+    columnsCount: number;
+    permission: 'RO' | 'RW' | null;
+    activeOnTestCase: boolean;
+}
+export declare type DataLibrarySubTab = 'elements' | 'profiles';

package/lib/test-case-details/data-library-panel/element-card.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ElementCardComponent {
+    name: string;
+    screen: string;
+    updatedRelative: string;
+    locatorBadge: string;
+    selected: boolean;
+    cardClick: EventEmitter<void>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementCardComponent, "cqa-element-card", never, { "name": "name"; "screen": "screen"; "updatedRelative": "updatedRelative"; "locatorBadge": "locatorBadge"; "selected": "selected"; }, { "cardClick": "cardClick"; }, never, never>;
+}

package/lib/test-case-details/data-library-panel/test-data-profile-card.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class TestDataProfileCardComponent {
+    name: string;
+    rowsCount: number;
+    columnsCount: number;
+    environmentName?: string;
+    permission?: 'RO' | 'RW' | null;
+    activeOnTestCase: boolean;
+    get rowsLabel(): string;
+    get colsLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestDataProfileCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestDataProfileCardComponent, "cqa-test-data-profile-card", never, { "name": "name"; "rowsCount": "rowsCount"; "columnsCount": "columnsCount"; "environmentName": "environmentName"; "permission": "permission"; "activeOnTestCase": "activeOnTestCase"; }, {}, never, never>;
+}

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

@@ -18,6 +18,10 @@ export interface SelectConfigOverride {
     searchable?: boolean;
     /** When true, triggers initial search on panel open (serverSearch mode). */
     initialFetchOnOpen?: boolean;
+    /** Disable the select (e.g. dependent dropdown waiting on a parent value). */
+    disabled?: boolean;
+    /** Override the placeholder shown when no value is selected. */
+    placeholder?: string;
     /** 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. */
@@ -32,6 +36,7 @@ export declare const TEST_CASE_DETAILS_SELECT_KEYS: {
     readonly type: "type";
     readonly labels: "labels";
     readonly prerequisiteCases: "prerequisiteCases";
+    readonly environment: "environment";
     readonly testDataProfile: "testDataProfile";
     readonly testDataSet: "testDataSet";
     readonly videoRecording: "videoRecording";
@@ -50,6 +55,7 @@ export interface TestCaseDetailsEditFormData {
     priority: string;
     type?: string | number;
     labels: string[];
+    environmentId?: number | string | null;
     testDataProfileId?: number | string | null;
     testDataSetIndex?: number | string | null;
     configSections: TestCaseDetailsConfigSection[];
@@ -179,6 +185,7 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     /** Cached configs to avoid new object refs each change detection (prevents infinite loops) */
     readonly statusSelectConfig: DynamicSelectFieldConfig;
     readonly typeSelectConfig: DynamicSelectFieldConfig;
+    readonly environmentSelectConfig: DynamicSelectFieldConfig;
     readonly testDataProfileSelectConfig: DynamicSelectFieldConfig;
     readonly testDataSetSelectConfig: DynamicSelectFieldConfig;
     private readonly defaultPrerequisiteCaseOptions;

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

@@ -36,6 +36,7 @@ export declare const TEST_CASE_DETAILS_FIELD_MAP: {
     };
     /** Execution config */
     readonly execution: {
+        readonly environment: "environment";
         readonly prerequisiteCase: "prerequisiteCase";
         readonly defaultBrowser: "defaultBrowser";
         readonly videoRecording: "videoRecording";
@@ -74,6 +75,7 @@ export interface TestCaseDetailsApiData {
     type?: string;
     typeId?: number | string;
     environment?: string;
+    environmentId?: number | string | null;
     version?: string;
     testPlanName?: string;
     testPlanRedirectUrl?: string;

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

@@ -1,7 +1,15 @@
 import { InjectionToken } from '@angular/core';
 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';
+export declare type TestDataModalTab = 'plain-text' | 'parameter' | 'environment' | 'runtime' | 'global';
+/** Global Data list item supplied by the consuming app (workspace-scoped global variables). */
+export interface GlobalVariableItem {
+    id: number | string;
+    name: string;
+    value: string;
+    type?: string;
+    readWriteMode?: string;
+}
 /**
  * Config/data for Test Data Modal controls.
  * Mirrors Loop Step pattern: single config object holds all control state;
@@ -30,6 +38,14 @@ export interface TestDataModalData {
     environmentItems?: EnvironmentItem[];
     /** Runtime tab: value (independent from Plain Text / Parameter / Environment). */
     runtimeValue?: string;
+    /** Global Data tab: search query. */
+    globalVariableSearchQuery?: string;
+    /** Global Data tab: selected global variable id (for highlight). Always the variable name. */
+    selectedGlobalVariableId?: string | null;
+    /** Global Data tab: list of variables to display. */
+    globalVariables?: GlobalVariableItem[];
+    /** When set, the Test Data Profile (legacy "Parameter") tab is visible. */
+    testCaseTestDataId?: number | null;
 }
 /** Sentinel returned from afterClosed() when user clicked "Edit in depth". */
 export declare const TEST_DATA_MODAL_EDIT_IN_DEPTH: unique symbol;

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

@@ -1,13 +1,17 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { DynamicSelectFieldConfig } from '../../dynamic-select/dynamic-select-field.component';
-import { TestDataModalData, TestDataModalTab } from './test-data-modal-data';
+import { TestDataModalData, TestDataModalTab, GlobalVariableItem } from './test-data-modal-data';
 import { TestDataModalRef } from './test-data-modal-ref';
 import { TestDataModalResult } from './test-data-modal.service';
 import { EnvironmentItem } from './test-data-modal-environment.model';
 import { ParameterItem, ParameterScopeFilter } from './test-data-modal-parameter.model';
 import { CqaListItemConfig } from '../../item-list/item-list.model';
 import * as i0 from "@angular/core";
+interface TabSegment {
+    label: string;
+    value: TestDataModalTab;
+}
 export declare class TestDataModalComponent implements OnInit, OnChanges {
     private readonly fb;
     private readonly cdr;
@@ -22,10 +26,10 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     parameterEdit: EventEmitter<string>;
     environmentCreate: EventEmitter<void>;
     environmentEdit: EventEmitter<string>;
-    readonly tabSegments: {
-        label: string;
-        value: string;
-    }[];
+    /** Server-side search for global variables. */
+    searchGlobalVariables: EventEmitter<string>;
+    /** Computed segments — recomputed in ngOnChanges, never as a getter (segment-control needs a stable ref). */
+    tabSegments: TabSegment[];
     readonly parameterFilterTabs: {
         label: string;
         value: ParameterScopeFilter;
@@ -34,6 +38,12 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     parameters: ParameterItem[];
     /** Environment list from input, falls back to mock data if not provided. */
     environmentItems: EnvironmentItem[];
+    /** Global Data variables (workspace-scoped) for the new Global Data tab. */
+    globalVariables: GlobalVariableItem[];
+    /** True while the consuming app loads global variables (search/initial). */
+    isLoadingGlobalVariables: boolean;
+    /** When set, the Test Data Profile tab is shown — gated on test case having a TDP. */
+    testCaseTestDataId: number | null;
     /** Runtime tab: suggested variable chips. */
     readonly runtimeSuggestedValues: readonly string[];
     /** Form for all modal controls (same pattern as Loop Step editForm). */
@@ -56,10 +66,15 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     selectedParameterId: string | null;
     environmentSearchQuery: string;
     selectedEnvironmentId: string | null;
+    globalVariableSearchQuery: string;
+    /** Stores the variable NAME (used as the id for the row, since names are unique within a workspace). */
+    selectedGlobalVariableId: string | null;
     runtimeValue: string;
     constructor(fb: FormBuilder, cdr: ChangeDetectorRef, ref: TestDataModalRef<TestDataModalResult>, data?: TestDataModalData);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    /** Memoize visible segments — `[segments]`-style refs must be stable across CD passes. */
+    private recomputeVisibleTabs;
     /** Build form with all control values (same pattern as Loop Step buildEditForm). */
     private buildEditForm;
     /** Build select configs once (same pattern as Loop Step buildSelectConfigs). */
@@ -74,6 +89,10 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     get filteredEnvironments(): EnvironmentItem[];
     /** Parameter tab: list config for cqa-item-list (search-friendly: bind filtered list). */
     get parameterListConfig(): CqaListItemConfig[];
+    /** Filtered global variables by search (Global Data tab). */
+    get filteredGlobalVariables(): GlobalVariableItem[];
+    /** Global Data tab: list config (mirrors environment listing pattern). */
+    get globalVariableListConfig(): CqaListItemConfig[];
     /** Environment tab: list config for cqa-item-list. */
     get environmentListConfig(): CqaListItemConfig[];
     onTabChange(tabValue: string): void;
@@ -92,13 +111,22 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     onEnvironmentSelect(itemId: string): void;
     onEnvironmentEdit(itemId: string): void;
     onCreateNewEnvironment(event: Event): void;
+    onGlobalVariableSearchInput(value: string): void;
+    onGlobalVariableSelect(name: string): void;
     /** Runtime tab: replace the runtime input with the selected suggestion. */
     onRuntimeChipInsert(snippet: string): void;
+    /**
+     * When the user picks a value in any tab, the others' visual selection must
+     * reset — the modal applies only the active tab's value, so keeping stale
+     * highlights confuses which one will land on Apply.
+     */
+    private clearSelectionsExcept;
     onApply(): void;
     onCancel(): void;
     onClose(): void;
     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, { "parameters": "parameters"; "environmentItems": "environmentItems"; "activeTab": "activeTab"; "value": "value"; "helpUrl": "helpUrl"; }, { "apply": "apply"; "cancel": "cancel"; "editInDepth": "editInDepth"; "parameterCreate": "parameterCreate"; "parameterEdit": "parameterEdit"; "environmentCreate": "environmentCreate"; "environmentEdit": "environmentEdit"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestDataModalComponent, "cqa-test-data-modal", never, { "parameters": "parameters"; "environmentItems": "environmentItems"; "globalVariables": "globalVariables"; "isLoadingGlobalVariables": "isLoadingGlobalVariables"; "testCaseTestDataId": "testCaseTestDataId"; "activeTab": "activeTab"; "value": "value"; "helpUrl": "helpUrl"; }, { "apply": "apply"; "cancel": "cancel"; "editInDepth": "editInDepth"; "parameterCreate": "parameterCreate"; "parameterEdit": "parameterEdit"; "environmentCreate": "environmentCreate"; "environmentEdit": "environmentEdit"; "searchGlobalVariables": "searchGlobalVariables"; }, never, never>;
 }
+export {};