@vkontakte/videoplayer 1.1.54-dev.11a53745.0 → 1.1.54-dev.2b69b64d.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.54-dev.11a53745.0",
+  "version": "1.1.54-dev.2b69b64d.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -50,9 +50,9 @@
   ],
   "dependencies": {
     "@adtech/rbadman": "^2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.123-dev.5882c6ca.0",
-    "@vkontakte/videoplayer-interactive": "1.0.29-dev.2c51f5a6.0",
-    "@vkontakte/videoplayer-shared": "1.0.52-dev.7be99757.0",
-    "@vkontakte/videoplayer-statistics": "1.0.69-dev.3ce5e89d.0"
+    "@vkontakte/videoplayer-core": "2.0.123-dev.967b5dac.0",
+    "@vkontakte/videoplayer-interactive": "1.0.29-dev.e70294db.0",
+    "@vkontakte/videoplayer-shared": "1.0.52-dev.c7d232fe.0",
+    "@vkontakte/videoplayer-statistics": "1.0.69-dev.df4dea56.0"
   }
 }

package/types/VKVideoPlayer/index.d.ts

@@ -34,6 +34,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     private readonly logger;
     private readonly log;
     private readonly subscription;
+    private readonly interactiveSubscription;
     annotationsApi: AnnotationsApi | undefined;
     private createPlayerTimeout;
     private prevIsid;
@@ -70,6 +71,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     pause(): void;
     stop(): void;
     setMuted(muted: boolean): void;
+    setPiPEnabled(enabled: boolean): void;
     setVolume(volume: number): void;
     setRepeat(repeat: boolean): void;
     seekTime(time: number): void;

package/types/store/index.d.ts

@@ -8,7 +8,7 @@ import type { Readable, Writable } from 'svelte/store';
 import { AdmanWrapper } from '../components/Ads/admanWrapper';
 import type { LanguageConfig } from '../translation/types';
 import type { AdditionalButtonDeprecated, ControlsKeys, HotKeyMapData, IAnnotationsApi, IControlInfo, IDisabledControls, IInteractiveData, IPictureInPictureApi, IPlayerPhase, ITimelinePreviewThumbsData, IVideoEpisode, IVKVideoPlayerCallbacks, IVKVideoPlayerUICallbacks, Position, VideoPlaybackRate, VideoQualityForRender, VideoQualityUI, VideoSubtitle, VideoSubtitleParsed } from '../types';
-import { AdsPlaybackState, PictureInPictureType } from '../types';
+import { AdsPlaybackState } from '../types';
 import type { DebugData } from './utils';
 import { GridTypes, type PlayPrevChapterDisabledTooltipKey } from '../constans';
 import { UIOneStat } from '../services/statistics';
@@ -84,8 +84,6 @@ export interface IUIState {
     icon3DVideoVisible: Writable<boolean>;
     scrubbingInProgress: Writable<boolean>;
     is3DVideo: Writable<boolean>;
-    isPictureInPictureActive$: Readable<boolean>;
-    pictureInPictureType$: Readable<PictureInPictureType>;
     currentGridType$: Readable<GridTypes>;
     interactiveHideMobileControls: Writable<boolean>;
     additionalButtonsDeprecated$: Readable<AdditionalButtonDeprecated[]>;

package/types/store/micro/pictureInPicture.d.ts

@@ -0,0 +1,11 @@
+import { BaseMicroStore } from './base';
+import type { InitMicroStoreParams, PictureInPictureType } from '../../types';
+export default class PictureInPicture extends BaseMicroStore {
+    readonly stateName = "pictureInPicture$";
+    state$: {
+        isActive$: import("svelte/store").Writable<boolean>;
+        isEnabled$: import("svelte/store").Writable<boolean>;
+        type$: import("svelte/store").Writable<PictureInPictureType | undefined>;
+    };
+    init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;
+}

package/types/types/index.d.ts

@@ -260,6 +260,7 @@ export interface IVKVideoPlayerConfig {
     showEndScreen?: boolean;
     showAutoplayNext?: boolean;
     showNextPrevButtons?: boolean;
+    pipEnabled?: boolean;
 }
 export interface IControlInfo {
     /** @deprecated Используйте новое поле left */
@@ -376,8 +377,12 @@ export declare enum PictureInPictureType {
 }
 export interface IPictureInPictureApiInfo {
     isActive$: IValueObservable<boolean>;
+    isEnabled$: IValueObservable<boolean>;
     type: PictureInPictureType;
 }
+export type PictureInPictureSettings = {
+    enabled?: boolean;
+};
 export interface IPictureInPictureApi {
     isSupported: () => boolean;
     isActive: () => boolean;
@@ -385,6 +390,7 @@ export interface IPictureInPictureApi {
     request: () => Promise<void>;
     remove: () => Promise<void>;
     info: IPictureInPictureApiInfo;
+    setEnabled: (enabled: boolean) => void;
     dispose: () => Promise<void>;
 }
 export interface IAnnotationsApi {
@@ -490,6 +496,11 @@ export type IToggleable<T> = T & {
 };
 type MicroStoreWritableBase<T = unknown> = Writable<T>;
 type ToggleableMicroStore = IToggleable<MicroStoreWritableBase<boolean | null>>;
+export type PictureInPictureMicroStore = {
+    isActive$: Writable<boolean>;
+    isEnabled$: Writable<boolean>;
+    type$: Writable<PictureInPictureType | undefined>;
+};
 export interface IMicroStores {
     fakeIsPlaying$: ToggleableMicroStore;
     interactiveControlsOpacity$: ToggleableMicroStore;
@@ -499,6 +510,7 @@ export interface IMicroStores {
         clearTimeout: () => void;
     };
     graphIsOpened$: ToggleableMicroStore;
+    pictureInPicture$: PictureInPictureMicroStore;
 }
 export interface InitMicroStoreParams {
     store: IStore;

package/types/utils/webAPI/pictureInPictureApi/documentPictureInPictureApi.d.ts

@@ -1,4 +1,4 @@
-import type { IPictureInPictureApi } from '../../../types';
+import type { IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
 import { ValueSubject } from '@vkontakte/videoplayer-shared';
 import { PictureInPictureType } from '../../../types';
 export declare class DocumentPictureInPictureApi implements IPictureInPictureApi {
@@ -9,15 +9,27 @@ export declare class DocumentPictureInPictureApi implements IPictureInPictureApi
     private pipWindow;
     info: {
         isActive$: ValueSubject<boolean>;
+        isEnabled$: ValueSubject<boolean>;
         type: PictureInPictureType;
     };
+    constructor({ enabled }?: PictureInPictureSettings);
+    /**
+     * Флаг показывает, есть ли в целом возможность использовать dpip в данном браузере, поддерживается ли это.
+     */
     isSupported(): boolean;
+    /**
+     * Флаг показывает, находится ли пользователь в режиме dpip.
+     */
     isActive(): boolean;
     setPlayerDomElement(playerDomElement: HTMLElement, playerParentShadowRoot: ShadowRoot): void;
     setContext(svelteContext: Map<unknown, unknown>): void;
     request(): Promise<void>;
     remove(): Promise<void>;
     dispose(): Promise<void>;
+    /**
+     * Флаг определяет может ли пользователь переходить в dpip на уровне бизнес логике.
+     */
+    setEnabled(enabled: boolean): void;
     private createStretchedContainer;
 }
 export declare function isInstanceOfDocumentPictureInPictureApi(pictureInPictureApi?: IPictureInPictureApi): pictureInPictureApi is DocumentPictureInPictureApi;

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

@@ -1,4 +1,4 @@
-import type { IPictureInPictureApi } from '../../../types';
+import type { IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
 import { PictureInPictureType } from '../../../types';
 import { ValueSubject } from '@vkontakte/videoplayer-shared';
 declare const PICTURE_IN_PICTURE_EVENTS: readonly ["enterpictureinpicture", "leavepictureinpicture", "resize"];
@@ -16,9 +16,17 @@ export declare class PictureInPictureApi implements IPictureInPictureApi {
     private readonly eventHandlers;
     info: {
         isActive$: ValueSubject<boolean>;
+        isEnabled$: ValueSubject<boolean>;
         type: PictureInPictureType;
     };
+    constructor({ enabled }?: PictureInPictureSettings);
+    /**
+     * Флаг показывает, есть ли в целом возможность использовать pip в данном браузере, поддерживается ли это.
+     */
     isSupported(): boolean;
+    /**
+     * Флаг показывает, находится ли пользователь в режиме pip.
+     */
     isActive(): boolean;
     setContext(svelteContext: Map<unknown, unknown>): void;
     revealPictureInPicture(): Promise<void>;
@@ -33,6 +41,10 @@ export declare class PictureInPictureApi implements IPictureInPictureApi {
     private onEnterPictureInPicture;
     private onLeavePictureInPicture;
     private onResize;
+    /**
+     * Флаг определяет может ли пользователь переходить в pip на уровне бизнес логике.
+     */
+    setEnabled(enabled: boolean): void;
 }
 export declare function isInstanceOfPictureInPictureApi(pictureInPictureApi?: IPictureInPictureApi): pictureInPictureApi is PictureInPictureApi;
 export {};

package/types/utils/webAPI/pictureInPictureApi/pictureInPictureApiFactory.d.ts

@@ -1,4 +1,4 @@
-import type { IPictureInPictureApi } from '../../../types';
+import type { IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
 export declare class PictureInPictureApiFactory {
-    static getLatestSupportedVersion(): IPictureInPictureApi | undefined;
+    static getLatestSupportedVersion(settings: PictureInPictureSettings): IPictureInPictureApi | undefined;
 }