@cqa-lib/cqa-ui 1.1.543 → 1.1.545

package/lib/templates/modular-table-template/dialogs/move-to-folder-dialog.component.d.ts

@@ -37,7 +37,7 @@ export declare class MoveToFolderDialogComponent implements OnInit, OnChanges {
     /** Folder ids to expand by default. If not provided, ancestors of `currentFolderId` (or
      *  `pickedFolderId`, when no current context exists) are expanded. */
     initialExpandedIds?: number[];
-    /** Disables the top-level "Unorganised / no folder" row. Decoupled from `currentFolderId`
+    /** Disables the top-level "Unorganized / no folder" row. Decoupled from `currentFolderId`
      *  so consumers that reuse this picker for non-move flows (e.g. parent-folder selection
      *  inside the New Folder dialog) can keep the root option clickable. The move flows wire
      *  this to `currentFolderId == null`. */
@@ -57,7 +57,7 @@ export declare class MoveToFolderDialogComponent implements OnInit, OnChanges {
     private collectAncestors;
     get flatRows(): FlatFolderRow[];
     isPicked(id: number | null): boolean;
-    get isUnorganisedDisabled(): boolean;
+    get isUnorganizedDisabled(): boolean;
     pick(id: number | null): void;
     toggleExpanded(id: number, event: Event): void;
     trackById: (_: number, row: FlatFolderRow) => number;

package/lib/templates/modular-table-template/dialogs/new-folder-dialog.component.d.ts

@@ -49,7 +49,7 @@ export declare class NewFolderDialogComponent {
     }>;
     cancelled: EventEmitter<void>;
     /** Labels passed to the embedded tree picker. Re-uses the move-dialog surface but
-     *  rewrites the root row's label so it reads "(no parent)" instead of "Unorganised"
+     *  rewrites the root row's label so it reads "(no parent)" instead of "Unorganized"
      *  for the create-folder context. */
     parentPickerLabels: ModularLabels;
     constructor(cdr: ChangeDetectorRef);

package/lib/templates/modular-table-template/directives/folder-drop.directive.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class FolderDropDirective {
-    /** Folder id this drop target represents. `null` means "unorganised / root". */
+    /** Folder id this drop target represents. `null` means "unorganized / root". */
     targetFolderId: number | null;
     dropEnabled: boolean;
     testsDropped: EventEmitter<{

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

@@ -17,7 +17,7 @@ export declare class FolderSidebarComponent implements OnDestroy {
     folders: FolderNode[];
     selectedFolderId: number | null;
     expandedFolderIds: number[];
-    unorganisedCount: number;
+    unorganizedCount: number;
     allowCreate: boolean;
     allowRename: boolean;
     allowDelete: boolean;
@@ -90,7 +90,7 @@ export declare class FolderSidebarComponent implements OnDestroy {
         testIds: Array<string | number>;
         targetFolderId: number | null;
     }>;
-    /** Fires when a folder row is dropped onto another folder (or the Unorganised row). */
+    /** Fires when a folder row is dropped onto another folder (or the Unorganized row). */
     folderDropped: EventEmitter<{
         id: number;
         newParentId: number | null;
@@ -161,7 +161,7 @@ export declare class FolderSidebarComponent implements OnDestroy {
      *  are available on the backend. Suppressed during sidebar search. */
     onTreeScroll(event: Event): void;
     onSelect(n: FolderNode | null): void;
-    onSelectUnorganised(): void;
+    onSelectUnorganized(): void;
     beginRename(n: FolderNode, event: Event): void;
     /** True when the active rename draft passes the name rules (non-empty, within max length). */
     get isRenameDraftValid(): boolean;
@@ -206,7 +206,7 @@ export declare class FolderSidebarComponent implements OnDestroy {
     /**
      * Drop target received a folder drag. Validate against self/descendant cycles and
      * emit `folderDropped` if the move is legal. Called from the directive's
-     * `(folderDropped)` output on every row and on the Unorganised row.
+     * `(folderDropped)` output on every row and on the Unorganized row.
      */
     onFolderRowDropped(targetId: number | null, event: {
         folderId: number;
@@ -233,6 +233,6 @@ export declare class FolderSidebarComponent implements OnDestroy {
      */
     private focusRenameInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<FolderSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FolderSidebarComponent, "cqa-folder-sidebar", never, { "folders": "folders"; "selectedFolderId": "selectedFolderId"; "expandedFolderIds": "expandedFolderIds"; "unorganisedCount": "unorganisedCount"; "allowCreate": "allowCreate"; "allowRename": "allowRename"; "allowDelete": "allowDelete"; "allowMove": "allowMove"; "allowDuplicate": "allowDuplicate"; "allowDrop": "allowDrop"; "showCounts": "showCounts"; "collapsed": "collapsed"; "labels": "labels"; "serverSideSearch": "serverSideSearch"; "rootTotal": "rootTotal"; "folderSearchLoading": "folderSearchLoading"; "rootFoldersLoading": "rootFoldersLoading"; }, { "folderSelected": "folderSelected"; "folderExpansionToggled": "folderExpansionToggled"; "folderChildrenRequested": "folderChildrenRequested"; "folderLoadMoreRequested": "folderLoadMoreRequested"; "searchChange": "searchChange"; "rootLoadMoreRequested": "rootLoadMoreRequested"; "folderCreated": "folderCreated"; "folderCreateRequested": "folderCreateRequested"; "folderRenamed": "folderRenamed"; "folderDeleted": "folderDeleted"; "folderMoveRequested": "folderMoveRequested"; "folderDuplicateRequested": "folderDuplicateRequested"; "testsDropped": "testsDropped"; "folderDropped": "folderDropped"; "collapsedChange": "collapsedChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FolderSidebarComponent, "cqa-folder-sidebar", never, { "folders": "folders"; "selectedFolderId": "selectedFolderId"; "expandedFolderIds": "expandedFolderIds"; "unorganizedCount": "unorganizedCount"; "allowCreate": "allowCreate"; "allowRename": "allowRename"; "allowDelete": "allowDelete"; "allowMove": "allowMove"; "allowDuplicate": "allowDuplicate"; "allowDrop": "allowDrop"; "showCounts": "showCounts"; "collapsed": "collapsed"; "labels": "labels"; "serverSideSearch": "serverSideSearch"; "rootTotal": "rootTotal"; "folderSearchLoading": "folderSearchLoading"; "rootFoldersLoading": "rootFoldersLoading"; }, { "folderSelected": "folderSelected"; "folderExpansionToggled": "folderExpansionToggled"; "folderChildrenRequested": "folderChildrenRequested"; "folderLoadMoreRequested": "folderLoadMoreRequested"; "searchChange": "searchChange"; "rootLoadMoreRequested": "rootLoadMoreRequested"; "folderCreated": "folderCreated"; "folderCreateRequested": "folderCreateRequested"; "folderRenamed": "folderRenamed"; "folderDeleted": "folderDeleted"; "folderMoveRequested": "folderMoveRequested"; "folderDuplicateRequested": "folderDuplicateRequested"; "testsDropped": "testsDropped"; "folderDropped": "folderDropped"; "collapsedChange": "collapsedChange"; }, never, never>;
 }
 export {};

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

@@ -116,15 +116,15 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
     filteredRows: any[];
     pagedRows: any[];
     folders: FolderNode[];
-    /** Host-provided snapshot of root-level folders for the "Organised" grid.
+    /** Host-provided snapshot of root-level folders for the "Organized" grid.
      *  When set, takes precedence over `this.folders` for `rootFolderTiles` so
-     *  the Organised section stays stable while sidebar search swaps `folders`
+     *  the Organized section stays stable while sidebar search swaps `folders`
      *  to a filtered result set. Mirrors the host-driven fallback pattern used
      *  by `selectedFolderNode` (subfolders) and `selectedFolderTrail` (breadcrumb). */
     rootFolders: FolderNode[] | null;
     selectedFolderId: number | null;
     expandedFolderIds: number[];
-    unorganisedCount: number;
+    unorganizedCount: number;
     folderIdAccessor: FolderIdAccessor;
     modularConfig: ModularConfig;
     modularLabels: ModularLabels;
@@ -141,7 +141,7 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
     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
+     *  the modular grid renders at the right edge of the Organized 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
@@ -377,7 +377,7 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
     }>;
     get arrowClasses(): string;
     /**
-     * Flat list of root-level folders for the "Organised" grid on the root view.
+     * Flat list of root-level folders for the "Organized" grid on the root view.
      * Prefers the host-provided `rootFolders` snapshot when set — analogous to
      * how `subfolderTiles` falls back to `selectedFolderNode` and `breadcrumbTrail`
      * falls back to `selectedFolderTrail` when `folders` has been swapped to a
@@ -433,12 +433,12 @@ export declare class ModularTableTemplateComponent implements OnInit, OnChanges,
      *  reason as `lastRootGridLoadAt`. */
     private lastSubfolderGridLoadAt;
     private static readonly GRID_SCROLL_LOAD_THRESHOLD_PX;
-    /** Horizontal-scroll handler for the "Organised" root tiles. Emits
+    /** Horizontal-scroll handler for the "Organized" 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`.
      *  Uses `rootFolderTiles.length` (not `folders.length`) so the gate stays
-     *  correct when `rootFolders` decouples the Organised grid from the
+     *  correct when `rootFolders` decouples the Organized grid from the
      *  search-filtered `folders` input. */
     onRootGridScroll(event: Event): void;
     /** Horizontal-scroll handler for the "Subfolders in X" tiles. Emits
@@ -533,5 +533,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"; "rootFolders": "rootFolders"; "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>;
+    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"; "rootFolders": "rootFolders"; "selectedFolderId": "selectedFolderId"; "expandedFolderIds": "expandedFolderIds"; "unorganizedCount": "unorganizedCount"; "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

@@ -26,7 +26,7 @@ export interface ModularConfig {
     showSidebar: boolean;
     showBreadcrumb: boolean;
     showFolderGrid: boolean;
-    showUnorganisedSection: boolean;
+    showUnorganizedSection: boolean;
     showSubfolderSection: boolean;
     showCounts: boolean;
     allowCreateFolder: boolean;
@@ -50,8 +50,8 @@ export declare const DEFAULT_MODULAR_CONFIG: ModularConfig;
 export declare const FOLDER_COLUMN_FIELD_ID = "folder";
 export interface ModularLabels {
     folders: string;
-    organised: string;
-    unorganised: string;
+    organized: string;
+    unorganized: string;
     newFolder: string;
     searchFoldersPlaceholder: string;
     allFolders: string;
@@ -96,16 +96,16 @@ export interface ModularLabels {
     deleteFolderDialogBodyPlural: string;
     deleteFolderDialogMoveToParentTitle: string;
     deleteFolderDialogMoveToParentDescription: string;
-    deleteFolderDialogMoveToUnorganisedTitle: string;
-    deleteFolderDialogMoveToUnorganisedDescription: string;
+    deleteFolderDialogMoveToUnorganizedTitle: string;
+    deleteFolderDialogMoveToUnorganizedDescription: string;
     deleteFolderDialogCancel: string;
     deleteFolderDialogConfirm: string;
     emptyNoTestsInFolderTitle: string;
     emptyNoTestsInFolderDescription: string;
     /** Header label for the auto-injected folder column. */
     folderColumnLabel: string;
-    /** Cell label for rows with no folderId (i.e. the "Unorganised" bucket). */
-    unorganisedRowLabel: string;
+    /** Cell label for rows with no folderId (i.e. the "Unorganized" bucket). */
+    unorganizedRowLabel: string;
     /** Shown in the folder sidebar when the search input filters out every folder. */
     noFoldersFound: string;
 }

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

@@ -3,7 +3,9 @@ import { FormGroup } from '@angular/forms';
 import { TestCaseDetailsConfigSection, TestCaseDetailsMetadataItem } from '../test-case-details.models';
 import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
 import { DropdownOption } from '../../dropdown-button/dropdown-button.component';
+import { RadioCardOption } from '../../radio-card-group/radio-card-option.model';
 import * as i0 from "@angular/core";
+declare type ViewportMode = 'desktop' | 'laptop' | 'tablet' | 'mobile' | 'custom';
 /** 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. */
@@ -113,6 +115,13 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     apiMockingPercentText?: string;
     /** Org-level default for Test Case Timeout (minutes). Used to flag the input as "ORG level" vs "Custom". */
     orgLevelTestCaseTimeout?: string | number | null;
+    /** Viewport dropdown options per category from the API. Pass DESKTOP, LAPTOP, TABLET, MOBILE arrays. */
+    viewportCategoryOptions: {
+        DESKTOP?: SelectOption[];
+        LAPTOP?: SelectOption[];
+        TABLET?: SelectOption[];
+        MOBILE?: SelectOption[];
+    };
     save: EventEmitter<TestCaseDetailsEditFormData>;
     cancel: EventEmitter<void>;
     /** Emitted when user searches in a select (serverSearch mode). Call API and update options via selectConfigOverrides. */
@@ -167,6 +176,19 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     mobileTestingEnabled: boolean;
     extensionUseEnabled: boolean;
     dataDrivenEnabled: boolean;
+    viewportMode: ViewportMode;
+    viewportDesktopDeviceForm: FormGroup;
+    viewportLaptopDeviceForm: FormGroup;
+    viewportTabletDeviceForm: FormGroup;
+    viewportMobileDeviceForm: FormGroup;
+    customViewportWidth: string;
+    customViewportHeight: string;
+    customViewportTags: string[];
+    readonly viewportModeOptions: RadioCardOption[];
+    desktopViewportConfig: DynamicSelectFieldConfig;
+    laptopViewportConfig: DynamicSelectFieldConfig;
+    tabletViewportConfig: DynamicSelectFieldConfig;
+    mobileViewportConfig: DynamicSelectFieldConfig;
     readonly frequentlyUsedLabels: string[];
     private _initialFormSnapshot;
     /** FormGroup for cqa-dynamic-select bindings */
@@ -241,6 +263,12 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     /** Edit mode should show placeholder when dataset is not selected. */
     private normalizeTestDataSetRawValue;
     get hasPrerequisiteCaseConfig(): boolean;
+    private initViewportFromValue;
+    private buildViewportValue;
+    onViewportModeChange(mode: ViewportMode): void;
+    private applyViewportCategoryOptions;
+    addViewportCustomTag(): void;
+    removeViewportCustomTag(index: number): void;
     ngOnInit(): void;
     get hasUnsavedChanges(): boolean;
     private buildSavePayload;
@@ -272,5 +300,6 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     };
     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"; "enableMarkdown": "enableMarkdown"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "isSaving": "isSaving"; "prerequisiteCaseOptions": "prerequisiteCaseOptions"; "platform": "platform"; "isStepGroup": "isStepGroup"; "selectConfigOverrides": "selectConfigOverrides"; "showApiMockingCard": "showApiMockingCard"; "apiMockingTitle": "apiMockingTitle"; "apiMockingStatusLabel": "apiMockingStatusLabel"; "apiMockingCaptureLabel": "apiMockingCaptureLabel"; "apiMockingCaptureHint": "apiMockingCaptureHint"; "apiMockingRenewLabel": "apiMockingRenewLabel"; "apiMockingRenewHint": "apiMockingRenewHint"; "apiMockingRestoreMock": "apiMockingRestoreMock"; "apiMockingStoreMock": "apiMockingStoreMock"; "apiMockingMockedApisCount": "apiMockingMockedApisCount"; "apiMockingTotalApisCount": "apiMockingTotalApisCount"; "apiMockingProgressPercent": "apiMockingProgressPercent"; "apiMockingShowProgress": "apiMockingShowProgress"; "apiMockingSummaryText": "apiMockingSummaryText"; "apiMockingPercentText": "apiMockingPercentText"; "orgLevelTestCaseTimeout": "orgLevelTestCaseTimeout"; }, { "save": "save"; "cancel": "cancel"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "labelAdded": "labelAdded"; "apiMockingRestoreMockChange": "apiMockingRestoreMockChange"; "apiMockingStoreMockChange": "apiMockingStoreMockChange"; "configureApiMocking": "configureApiMocking"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsEditComponent, "cqa-test-case-details-edit", never, { "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "enableMarkdown": "enableMarkdown"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "isSaving": "isSaving"; "prerequisiteCaseOptions": "prerequisiteCaseOptions"; "platform": "platform"; "isStepGroup": "isStepGroup"; "selectConfigOverrides": "selectConfigOverrides"; "showApiMockingCard": "showApiMockingCard"; "apiMockingTitle": "apiMockingTitle"; "apiMockingStatusLabel": "apiMockingStatusLabel"; "apiMockingCaptureLabel": "apiMockingCaptureLabel"; "apiMockingCaptureHint": "apiMockingCaptureHint"; "apiMockingRenewLabel": "apiMockingRenewLabel"; "apiMockingRenewHint": "apiMockingRenewHint"; "apiMockingRestoreMock": "apiMockingRestoreMock"; "apiMockingStoreMock": "apiMockingStoreMock"; "apiMockingMockedApisCount": "apiMockingMockedApisCount"; "apiMockingTotalApisCount": "apiMockingTotalApisCount"; "apiMockingProgressPercent": "apiMockingProgressPercent"; "apiMockingShowProgress": "apiMockingShowProgress"; "apiMockingSummaryText": "apiMockingSummaryText"; "apiMockingPercentText": "apiMockingPercentText"; "orgLevelTestCaseTimeout": "orgLevelTestCaseTimeout"; "viewportCategoryOptions": "viewportCategoryOptions"; }, { "save": "save"; "cancel": "cancel"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "labelAdded": "labelAdded"; "apiMockingRestoreMockChange": "apiMockingRestoreMockChange"; "apiMockingStoreMockChange": "apiMockingStoreMockChange"; "configureApiMocking": "configureApiMocking"; }, never, never>;
 }
+export {};

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

@@ -68,6 +68,13 @@ export declare class TestCaseDetailsComponent implements OnInit, OnChanges {
     apiMockingConfigureButtonLabel: string;
     /** Org-level default for Test Case Timeout (minutes). Forwarded to edit mode to toggle the "ORG level"/"Custom" badge. */
     orgLevelTestCaseTimeout?: string | number | null;
+    /** Viewport dropdown options per category from the API. Forwarded to edit mode. */
+    viewportCategoryOptions: {
+        DESKTOP?: any[];
+        LAPTOP?: any[];
+        TABLET?: any[];
+        MOBILE?: any[];
+    };
     /** Labels to filter out from metadata for step groups */
     private readonly stepGroupExcludedMetadataLabels;
     /** When true, description (view mode) is expanded; when false, clamped to 4 lines with Read more */
@@ -113,5 +120,5 @@ export declare class TestCaseDetailsComponent implements OnInit, OnChanges {
     /** 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, { "editing": "editing"; "startInEditMode": "startInEditMode"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "enableMarkdown": "enableMarkdown"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "isStepGroup": "isStepGroup"; "selectConfigOverrides": "selectConfigOverrides"; "isSaving": "isSaving"; "showApiMockingCard": "showApiMockingCard"; "apiMockingTitle": "apiMockingTitle"; "apiMockingStatusLabel": "apiMockingStatusLabel"; "apiMockingCaptureLabel": "apiMockingCaptureLabel"; "apiMockingRenewLabel": "apiMockingRenewLabel"; "apiMockingCaptureHint": "apiMockingCaptureHint"; "apiMockingRenewHint": "apiMockingRenewHint"; "apiMockingRestoreMock": "apiMockingRestoreMock"; "apiMockingStoreMock": "apiMockingStoreMock"; "apiMockingMockedApisCount": "apiMockingMockedApisCount"; "apiMockingTotalApisCount": "apiMockingTotalApisCount"; "apiMockingProgressPercent": "apiMockingProgressPercent"; "apiMockingShowProgress": "apiMockingShowProgress"; "apiMockingSummaryText": "apiMockingSummaryText"; "apiMockingPercentText": "apiMockingPercentText"; "apiMockingConfigureButtonLabel": "apiMockingConfigureButtonLabel"; "orgLevelTestCaseTimeout": "orgLevelTestCaseTimeout"; }, { "editDescription": "editDescription"; "cancel": "cancel"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "labelAdded": "labelAdded"; "configureApiMocking": "configureApiMocking"; "apiMockingRestoreMockChange": "apiMockingRestoreMockChange"; "apiMockingStoreMockChange": "apiMockingStoreMockChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsComponent, "cqa-test-case-details", never, { "editing": "editing"; "startInEditMode": "startInEditMode"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "enableMarkdown": "enableMarkdown"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "isStepGroup": "isStepGroup"; "selectConfigOverrides": "selectConfigOverrides"; "isSaving": "isSaving"; "showApiMockingCard": "showApiMockingCard"; "apiMockingTitle": "apiMockingTitle"; "apiMockingStatusLabel": "apiMockingStatusLabel"; "apiMockingCaptureLabel": "apiMockingCaptureLabel"; "apiMockingRenewLabel": "apiMockingRenewLabel"; "apiMockingCaptureHint": "apiMockingCaptureHint"; "apiMockingRenewHint": "apiMockingRenewHint"; "apiMockingRestoreMock": "apiMockingRestoreMock"; "apiMockingStoreMock": "apiMockingStoreMock"; "apiMockingMockedApisCount": "apiMockingMockedApisCount"; "apiMockingTotalApisCount": "apiMockingTotalApisCount"; "apiMockingProgressPercent": "apiMockingProgressPercent"; "apiMockingShowProgress": "apiMockingShowProgress"; "apiMockingSummaryText": "apiMockingSummaryText"; "apiMockingPercentText": "apiMockingPercentText"; "apiMockingConfigureButtonLabel": "apiMockingConfigureButtonLabel"; "orgLevelTestCaseTimeout": "orgLevelTestCaseTimeout"; "viewportCategoryOptions": "viewportCategoryOptions"; }, { "editDescription": "editDescription"; "cancel": "cancel"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "labelAdded": "labelAdded"; "configureApiMocking": "configureApiMocking"; "apiMockingRestoreMockChange": "apiMockingRestoreMockChange"; "apiMockingStoreMockChange": "apiMockingStoreMockChange"; }, never, never>;
 }