@vkontakte/videoplayer 1.1.64-dev.e0c286d1.0 → 1.1.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.64-dev.e0c286d1.0",
+  "version": "1.1.64",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -55,9 +55,9 @@
   ],
   "dependencies": {
     "@adtech/rbadman": "2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.134-dev.464b6f35.0",
-    "@vkontakte/videoplayer-interactive": "1.0.39-dev.6edf3cda.0",
-    "@vkontakte/videoplayer-shared": "1.0.62-dev.f077e9bc.0",
-    "@vkontakte/videoplayer-statistics": "1.0.80-dev.e12b0c65.0"
+    "@vkontakte/videoplayer-core": "2.0.134",
+    "@vkontakte/videoplayer-interactive": "1.0.39",
+    "@vkontakte/videoplayer-shared": "1.0.62",
+    "@vkontakte/videoplayer-statistics": "1.0.80"
   }
 }

package/types/VKVideoPlayer/index.svelte.d.ts

@@ -80,6 +80,8 @@ export declare class VKVideoPlayer extends HTMLElement {
     stop(): void;
     setMuted(muted: boolean): void;
     toggleSubtitle(): void;
+    hideControls(): void;
+    showControls(): void;
     setPiPEnabled(enabled: boolean): void;
     setVolume(volume: number): void;
     setRepeat(repeat: boolean): void;

package/types/components/Root/types.d.ts

@@ -58,6 +58,8 @@ export interface RootExports {
     pause: () => void;
     setMuted: (muted: boolean) => void;
     toggleSubtitle: () => void;
+    hideControls: () => void;
+    showControls: () => void;
     setVolume: (volume: number) => void;
     seekTime: (time: number) => void;
     seekEpisodeStartTime: (time: number) => void;

package/types/config.d.ts

@@ -109,6 +109,7 @@ export interface IUIConfig {
         episodesClustering: boolean;
         copyVideoLink: boolean;
         videoRotate: boolean;
+        tracer: boolean;
         interactiveGraph: boolean;
         interactiveResponsiveUi?: boolean;
         seekToInteractive: boolean;
@@ -122,6 +123,7 @@ export interface IUIConfig {
         interactiveControlsExpectTimeBlinkAnimation: boolean;
         interactiveControlsTapPlace: boolean;
         interactiveControlsFillAnimation: boolean;
+        interactiveControlsHideAnimation: boolean;
         thumbTimer: boolean;
         hotKeyMapModal: boolean;
         hotKeyHelpers: boolean;

package/types/store/index.d.ts

@@ -7,7 +7,7 @@ import type { InteractiveRange } from '@vkontakte/videoplayer-interactive';
 import type { Readable, Writable } from 'svelte/store';
 import { AdmanWrapper } from '../components/Ads/admanWrapper';
 import type { Key, LanguageConfig } from '../translation/types';
-import type { AdditionalButtonDeprecated, ControlsKeys, HotKeyMapData, IAnnotationsApi, IControlInfo, IDisabledControls, IInteractiveData, IPictureInPictureApi, IPlayerPhase, ITimelinePreviewThumbsData, IVideoEpisode, IVKVideoPlayerCallbacks, IVKVideoPlayerUICallbacks, Position, VideoPlaybackRate, VideoPlayerView, VideoQualityForRender, VideoQualityUI, VideoSubtitle, VideoSubtitleParsed } from '../types';
+import type { AdditionalButtonDeprecated, ControlsKeys, HotKeyMapData, IAnnotationsApi, IControlInfo, IDisabledControls, IInteractiveData, IPictureInPictureApi, IPlayerControlsRef, IPlayerPhase, ITimelinePreviewThumbsData, IVideoEpisode, IVKVideoPlayerCallbacks, IVKVideoPlayerUICallbacks, Position, VideoPlaybackRate, VideoPlayerView, VideoQualityForRender, VideoQualityUI, VideoSubtitle, VideoSubtitleParsed } from '../types';
 import { AdsPlaybackState } from '../types';
 import { type QualitySettingsAppliesTo } from '../utils/userSettings';
 import type { DebugData } from './utils';
@@ -15,6 +15,7 @@ import { GridTypes, type PlayPrevChapterDisabledTooltipKey } from '../constans';
 import { UIOneStat } from '../services/statistics';
 import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem, ContextMenuItem, SettingsMenuItem } from '../components/Menus/subMenuTabs/types';
 import type { AdditionalButton, AdditionalDesktopControlPanelButton } from '../components/Controls/types';
+import type { SlotsApi } from '../utils/webAPI/slotsApi';
 type Info = {
     appliesTo?: QualitySettingsAppliesTo;
     changeReason?: 'default' | 'limit-changed';
@@ -30,6 +31,14 @@ export interface IAdsState {
 export interface IUIState {
     t: (key: Key, params?: Record<string, string>) => string;
     controlsVisible: Writable<boolean>;
+    /**
+     * Точечно скрываем контролы.
+     */
+    hiddenControls: Partial<Record<keyof IPlayerControlsRef, Writable<boolean>>>;
+    /**
+     * Определяет, могут ли вообще контролы быть показаны.
+     */
+    isControlsAvailable: Writable<boolean>;
     touched: Writable<boolean>;
     controls: {
         prevButton: Writable<IControlInfo | undefined>;
@@ -121,6 +130,7 @@ export interface IUIState {
 export interface IWebApi {
     pictureInPictureApi?: IPictureInPictureApi;
     annotationsApi?: IAnnotationsApi;
+    slotsApi?: SlotsApi;
 }
 export interface IStore {
     initVideo: (config: IConfig & {
@@ -300,6 +310,8 @@ export interface IStore {
             addAdditionalButton: (newButton: AdditionalButton) => void;
             removeAdditionalButton: (itemId: string) => void;
             setLiveLowLatency: (isLowLatency: boolean) => void;
+            hideControls: () => void;
+            showControls: () => void;
         };
     };
     callbacks?: IVKVideoPlayerCallbacks;

package/types/store/utils.d.ts

@@ -12,7 +12,7 @@ export declare const getMicroStores: () => IMicroStores;
  */
 export declare const storeFromObservable: <T>(observable$: IValueObservable<T>, onNewValueEmitted?: (value: T) => void) => Readable<T>;
 export declare const storeFromObservableWithInitValue: <T>(observable$: IObservable<T>, initValue: T, onNewValueEmitted?: (value: T) => void) => Readable<T>;
-export declare const constructDebugTextData: (player: IPlayer, config: IConfig, store: IStore) => string;
+export declare const constructDebugTextData: (player: IPlayer, config: IConfig, store: IStore, traceId: string) => string;
 export type DebugData = {
     version: string;
     viewport: string;

package/types/utils/webAPI/slotsApi.d.ts

@@ -1,3 +1,5 @@
+import type { IStore } from '../../store';
+import type { IPlayerControlsRef } from '../../types';
 /**
  * Если смотреть по порядку расположения типов, то чем дальше тип, тем выше у него zIndex.
  *
@@ -6,17 +8,39 @@
  */
 export type SlotOverlay = 'over_video' | 'over_controls';
 export declare const SLOT_NAME = "annotation";
+export type HideControlsWhenIntersectedOptions = {
+    observedSlotElementId: string;
+    controlsToObserve: (keyof IPlayerControlsRef)[];
+};
 type AddOptions = {
     id: string;
     overlay: SlotOverlay;
+    hideAllControls?: boolean;
+    controlsBehaviour?: HideControlsWhenIntersectedOptions;
 };
 export declare class SlotsApi {
     private shadowRootContainer;
     private slots;
-    init(shadowRootContainer: HTMLElement): void;
-    add(element: HTMLElement, { overlay, id }: AddOptions): void;
+    private store;
+    constructor();
+    init(shadowRootContainer: HTMLElement, store: IStore | undefined): void;
+    add(element: HTMLElement, options: AddOptions): void;
     private setupSlotStyles;
+    /**
+     * Запускаем отслеживание пересечения между переданным элементом внутри слота и контролами.
+     */
+    private runHidingControlsWhenIntersected;
+    /**
+     * Ищем внутри рутового элемента слота элемент, с которым хотим отслеживать пересечение контролов.
+     * Приходится делать через mutationObserver, так как данный элемент в силу асинхронной работы внешнего
+     * фреймворка может появиться позже.
+     * @param slotRootElement Рутовый элемент слота.
+     * @param slotElementId Идентификатор элемента внутри слота, с которым хотим отслеживать пересечение контролов.
+     * @param slotId Идентификатор слота.
+     */
+    private findSlotElement;
     remove(id: string): void;
     destroy(): void;
+    haveSlots(): boolean;
 }
 export {};