@cqa-lib/cqa-ui 1.1.509 → 1.1.511

package/lib/simulator/simulator.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, ElementRef, AfterViewInit, OnDestroy, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, QueryList, ElementRef, AfterViewInit, AfterViewChecked, OnDestroy, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export interface FastForwardConfig {
@@ -23,7 +23,7 @@ declare type SegmentOption = {
     value: string;
     icon?: string;
 };
-export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnChanges {
+export declare class SimulatorComponent implements AfterViewInit, AfterViewChecked, OnDestroy, OnChanges {
     private sanitizer;
     private cdr;
     videoUrl: string;
@@ -52,12 +52,16 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     browserDevice: string;
     isFastForwarding: boolean;
     fastForwardConfig: FastForwardConfig | null;
+    showVideoLibrary: boolean;
+    showCaptureVideo: boolean;
+    isCapturingVideo: boolean;
     get fastForwardProgressPercent(): number;
     videoTimeUpdate: EventEmitter<number>;
     videoPlay: EventEmitter<void>;
     videoPause: EventEmitter<void>;
     markerHit: EventEmitter<StepMarker>;
     isVideoPlayingChange: EventEmitter<boolean>;
+    captureVideoRequested: EventEmitter<void>;
     private _vplayer?;
     set vplayerRef(ref: ElementRef<HTMLVideoElement> | undefined);
     get vplayer(): ElementRef<HTMLVideoElement> | undefined;
@@ -83,6 +87,26 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     private hitMarkers;
     private playerState;
     private operationQueue;
+    isVideoLibraryCollapsed: boolean;
+    newVideoIndexes: Set<number>;
+    libraryVideoDurations: Map<number, number>;
+    downloadingIndexes: Set<number>;
+    downloadProgress: Map<number, number>;
+    clipVideos?: QueryList<ElementRef<HTMLVideoElement>>;
+    clipsScrollerRef?: ElementRef<HTMLElement>;
+    private lastLibrarySyncKey;
+    private lastScrolledClipIndex;
+    videoRefreshing: boolean;
+    private pendingRecoverySeekSec;
+    private pendingRecoveryPlay;
+    private recoveryAttempts;
+    private recoveryAttemptWindowStart;
+    private readonly MAX_RECOVERY_ATTEMPTS;
+    private readonly RECOVERY_WINDOW_MS;
+    isVideoFullMode: boolean;
+    globalDragProgress: number;
+    private clipsDragState;
+    clipsDragActive: boolean;
     get effectivePlatformType(): 'browser' | 'device';
     get hasDeviceFrame(): boolean;
     get isPlayerSwitching(): boolean;
@@ -125,6 +149,8 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
         [key: string]: string;
     };
     ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    private syncLibraryClipPlayback;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     /**
@@ -175,6 +201,17 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     get currentVideoMarkers(): StepMarker[];
     private adjustChildStepsDuration;
     getStepLeftPosition(step: StepMarker): number;
+    /** Full-video markers: every marker, flattened, laid out on the global timeline.
+     * `stepMarkers` is already in global coordinates — `currentVideoMarkers` does the
+     * inverse (filters + adjusts per-clip); here we just flatten the original list. */
+    get fullVideoMarkers(): StepMarker[];
+    getGlobalFullStepLeftPosition(step: StepMarker): number;
+    /** Cumulative elapsed ms on the global timeline (prior clip durations + current local time). */
+    get globalCurrentTimeMs(): number;
+    /** 0-100 position on the global timeline, driven by timeupdate. */
+    get globalProgress(): number;
+    /** While dragging in full mode, the scrubber reads the override; otherwise globalProgress. */
+    get globalScrubberPercent(): number;
     getStepColor(step: StepMarker): string;
     getStepResultColor(step: StepMarker): string;
     getGlobalMarkerColor(level?: number): string;
@@ -199,6 +236,14 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     private removeDragListeners;
     onVideoMetadataLoaded(): void;
     onVideoCanPlay(): void;
+    /** Native error-event handler for the main <video> element. The Chrome media
+     * stack occasionally throws "PipelineStatus::PIPELINE_ERROR_READ: FFmpegDemuxer:
+     * data source error" during playback after a brief network blip or a burst of
+     * fast user actions; once that happens the element becomes unresponsive to
+     * play/pause/seek. We recover by unmounting+remounting the <video> via *ngIf
+     * — the same mechanism that makes the Screenshots↔Video tab-switch workaround
+     * work today — then restore the pre-error playhead and resume playback. */
+    onVideoError(): void;
     onVideoEnded(): void;
     private attachVideoListeners;
     private schedulePreloadAllSegments;
@@ -230,6 +275,43 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     toggleFullScreen(): void;
     onSegmentChange(value: string): void;
     formatTime(seconds: number): string;
+    captureVideo(): void;
+    onClipsMouseDown(event: MouseEvent, scroller: HTMLElement): void;
+    onClipsMouseMove(event: MouseEvent, scroller: HTMLElement): void;
+    onClipsMouseUp(_event: MouseEvent): void;
+    onClipsMouseLeave(event: MouseEvent): void;
+    /** Click handler on a Video Library card — switches the main player to that clip and auto-plays.
+     * Selecting a *different* clip also collapses the library so the newly-playing video is unobstructed;
+     * re-clicking the active clip just toggles play/pause and keeps the drawer state.
+     * Ignored when the click originated from a horizontal drag-scroll. */
+    selectLibraryClip(index: number): void;
+    /** Per-card metadata handler — caches duration so the `0:42` thumbnail label can render.
+     * Bound to BOTH `loadedmetadata` and `durationchange`:
+     *   - Some MP4s (esp. short clips with moov at the end) report a wrong/partial duration
+     *     on `loadedmetadata`; Chrome later corrects it via `durationchange`. Listening to
+     *     both + keeping the max-so-far avoids stale wrong values like "00:01" for a 5s clip.
+     *   - For streamed MP4s that report `Infinity`, seek to the end once so Chrome fetches
+     *     the cues/trailer and fires a corrected `durationchange`. */
+    onLibraryClipMetadataLoaded(index: number, videoEl: HTMLVideoElement): void;
+    trackLibraryClipByIndex(index: number, url: string): string;
+    /** Download the clip at `index`. Streams the bytes with fetch so we can show progress,
+     * then saves via a temporary blob URL so the file comes down on the same page
+     * (no new tab / window). Falls back to a direct anchor click if fetch is unavailable or fails. */
+    downloadClip(index: number): Promise<void>;
+    private deriveClipFilename;
+    private saveBlobAsDownload;
+    /** Circumference of the 6-radius progress ring (see clip-download-btn__ring in template). */
+    readonly downloadRingCircumference: number;
+    /** stroke-dashoffset for the progress ring of clip `index`; 0 = full, circumference = empty. */
+    downloadRingDashoffset(index: number): number;
+    private triggerDirectDownload;
+    onShowFullVideo(): void;
+    onExitFullVideo(): void;
+    /** Horizontally scrolls the `.clips-row` so the currently-playing clip card is
+     * in the visible strip. No-op if the card is already on screen. Caller guards
+     * on `isPlaying` so the user can freely scroll the row while paused. */
+    private scrollCurrentClipIntoView;
+    toggleVideoLibraryCollapsed(): void;
     getStatusBadgeClass(): string;
     getStatusTextClass(): string;
     get processedTraceUrl(): string;
@@ -248,6 +330,6 @@ export declare class SimulatorComponent implements AfterViewInit, OnDestroy, OnC
     private switchToVideoAndSeek;
     private switchToVideoAndSeekInternal;
     static ɵfac: i0.ɵɵFactoryDeclaration<SimulatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SimulatorComponent, "cqa-simulator", never, { "videoUrl": "videoUrl"; "videoUrls": "videoUrls"; "videoCurrentDuration": "videoCurrentDuration"; "stepMarkers": "stepMarkers"; "screenShotUrl": "screenShotUrl"; "traceViewUrl": "traceViewUrl"; "platformName": "platformName"; "platformType": "platformType"; "platform": "platform"; "deviceName": "deviceName"; "isLive": "isLive"; "liveStatus": "liveStatus"; "liveLoadingLabel": "liveLoadingLabel"; "isContentVideoLoading": "isContentVideoLoading"; "failedStatusMessage": "failedStatusMessage"; "isVNCSessionIntruppted": "isVNCSessionIntruppted"; "vncSessionIntupptedMessage": "vncSessionIntupptedMessage"; "selectedView": "selectedView"; "hideVideoTab": "hideVideoTab"; "browserViewPort": "browserViewPort"; "browserDevice": "browserDevice"; "isFastForwarding": "isFastForwarding"; "fastForwardConfig": "fastForwardConfig"; }, { "videoTimeUpdate": "videoTimeUpdate"; "videoPlay": "videoPlay"; "videoPause": "videoPause"; "markerHit": "markerHit"; "isVideoPlayingChange": "isVideoPlayingChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimulatorComponent, "cqa-simulator", never, { "videoUrl": "videoUrl"; "videoUrls": "videoUrls"; "videoCurrentDuration": "videoCurrentDuration"; "stepMarkers": "stepMarkers"; "screenShotUrl": "screenShotUrl"; "traceViewUrl": "traceViewUrl"; "platformName": "platformName"; "platformType": "platformType"; "platform": "platform"; "deviceName": "deviceName"; "isLive": "isLive"; "liveStatus": "liveStatus"; "liveLoadingLabel": "liveLoadingLabel"; "isContentVideoLoading": "isContentVideoLoading"; "failedStatusMessage": "failedStatusMessage"; "isVNCSessionIntruppted": "isVNCSessionIntruppted"; "vncSessionIntupptedMessage": "vncSessionIntupptedMessage"; "selectedView": "selectedView"; "hideVideoTab": "hideVideoTab"; "browserViewPort": "browserViewPort"; "browserDevice": "browserDevice"; "isFastForwarding": "isFastForwarding"; "fastForwardConfig": "fastForwardConfig"; "showVideoLibrary": "showVideoLibrary"; "showCaptureVideo": "showCaptureVideo"; "isCapturingVideo": "isCapturingVideo"; }, { "videoTimeUpdate": "videoTimeUpdate"; "videoPlay": "videoPlay"; "videoPause": "videoPause"; "markerHit": "markerHit"; "isVideoPlayingChange": "isVideoPlayingChange"; "captureVideoRequested": "captureVideoRequested"; }, never, ["*"]>;
 }
 export {};

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

@@ -140,6 +140,8 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     apiMockingRestoreMockChange: EventEmitter<boolean>;
     /** Emitted when the user flips the "Renew and store API responses" toggle. */
     apiMockingStoreMockChange: EventEmitter<boolean>;
+    /** Emitted when the user clicks "Configure Mock APIs" on the embedded card in edit mode. */
+    configureApiMocking: EventEmitter<void>;
     constructor(cdr: ChangeDetectorRef);
     /** Form state */
     editDescription: string;
@@ -270,5 +272,5 @@ 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"; }, 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"; }, { "save": "save"; "cancel": "cancel"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "labelAdded": "labelAdded"; "apiMockingRestoreMockChange": "apiMockingRestoreMockChange"; "apiMockingStoreMockChange": "apiMockingStoreMockChange"; "configureApiMocking": "configureApiMocking"; }, never, never>;
 }

package/package.json

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