@cqa-lib/cqa-ui 1.1.509 → 1.1.510

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/package.json

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