@cqa-lib/cqa-ui 1.1.553 → 1.1.554

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

@@ -77,6 +77,13 @@ export declare class SimulatorComponent implements AfterViewInit, AfterViewCheck
     dragging: boolean;
     isPlaying: boolean;
     showPlayPauseOverlay: boolean;
+    /**
+     * Icon shown by the play/pause overlay during its 500ms lifetime. Pinned at click time
+     * so the icon doesn't flicker as `isPlaying` flips async between
+     * `<video>.play()` invocation and its promise resolving. Mirrors the YouTube-style
+     * convention: show the action just taken (▶ after play, ∥ after pause).
+     */
+    overlayShowsPlayingIcon: boolean;
     private playPauseOverlayTimer;
     isFullScreen: boolean;
     currentView: string;
@@ -178,7 +185,16 @@ export declare class SimulatorComponent implements AfterViewInit, AfterViewCheck
     private seekToTimeInternal;
     onVideoKeydown(event: KeyboardEvent): void;
     /**
-     * Toggle play/pause (now trivial with state machine)
+     * Toggle play/pause.
+     *
+     * Decision is based on the video element's native `paused` property (ground truth)
+     * rather than on `playerState`, which lags during async play() / pause() transitions.
+     * The previous implementation would, on a rapid second click during the ~50-200ms
+     * `video.play()` await window, see `playerState === 'loading'` and queue another
+     * `playVideo()` instead of the intended `pauseVideo()` — so the second click
+     * silently "did nothing" while the video kept playing. Reading `video.paused`
+     * directly makes the toggle correct regardless of what stage the state machine
+     * happens to be in.
      */
     togglePlay(): void;
     onVideoFrameClick(): void;

package/package.json

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