@vkontakte/videoplayer 1.1.85-dev.04f0bb5f.0 → 1.1.85-dev.74465ac5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.85-dev.04f0bb5f.0",
+  "version": "1.1.85-dev.74465ac5.0",
   "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.154-dev.04f0bb5f.0",
-    "@vkontakte/videoplayer-interactive": "1.0.60-dev.04f0bb5f.0",
-    "@vkontakte/videoplayer-shared": "1.0.83-dev.04f0bb5f.0",
-    "@vkontakte/videoplayer-statistics": "1.0.100-dev.04f0bb5f.0"
+    "@vkontakte/videoplayer-core": "2.0.154-dev.74465ac5.0",
+    "@vkontakte/videoplayer-interactive": "1.0.60-dev.74465ac5.0",
+    "@vkontakte/videoplayer-shared": "1.0.83-dev.74465ac5.0",
+    "@vkontakte/videoplayer-statistics": "1.0.100-dev.74465ac5.0"
   }
 }

package/types/config.d.ts

@@ -4,6 +4,7 @@ import { InterfaceLanguage } from '@vkontakte/videoplayer-shared';
 import type { RecursivePartial } from '@vkontakte/videoplayer-shared';
 import type { IOptionalConfig as IStatisticsConfig } from '@vkontakte/videoplayer-statistics';
 import type { Milliseconds } from '@vkontakte/videoplayer-shared';
+import type { Size } from './types';
 type ForceOrRelay = boolean | undefined;
 export declare enum LogoType {
     VK = "vk",
@@ -20,6 +21,10 @@ export declare enum LogoType {
  * always - показыватьв всегда
  */
 export type TitleShowBehaviour = 'fullscreen' | 'with-controls' | 'never' | 'always';
+export interface IDpipConfig {
+    minimalView?: boolean;
+    initialSize?: Size;
+}
 export interface IUIConfig {
     isMobile: ForceOrRelay;
     disableInvisibleComponentsTimeout: Milliseconds;
@@ -107,7 +112,7 @@ export interface IUIConfig {
         slots: boolean;
         download: boolean;
         pip: boolean;
-        dpip: boolean;
+        dpip: boolean | IDpipConfig;
         liveRewind: boolean;
         playbackRate: boolean;
         trafficSaving: boolean;
@@ -225,6 +230,7 @@ export interface IUIConfig {
         focusedOutlineWidth: string | null;
         focusedOutlineRadius: string | null;
         controlsDesktopPaddingHorizontal: string | null;
+        controlsDesktopPaddingHorizontalMinimalView: string | null;
         timelinePaddingHorizontal: string | null;
         settingsBackgroundColor: string | null;
         controlsGradientHeight: string | null;

package/types/index.d.ts

@@ -1,7 +1,7 @@
 import { VKVideoPlayer } from './VKVideoPlayer/index.svelte';
 import type { IVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, IVideoEpisode, VideoPlayerView } from './types';
 import type { LanguagePack, LanguageConfig } from './translation/types';
-import type { LogoType as VKLogoType, ISDKConfig } from './config';
+import type { LogoType as VKLogoType, ISDKConfig, IDpipConfig } from './config';
 import type { AdsParams, IAdmanInitParamsExternalApi } from './components/Ads/types';
 import type { ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek } from '@vkontakte/videoplayer-core';
 import type { Milliseconds, QualityLimits } from '@vkontakte/videoplayer-shared';
@@ -9,8 +9,9 @@ export { VERSION } from './env';
 export declare const registerPlayerWebComponent: () => void;
 export { type AdditionalSettingsMenuItem, MenuItemType, type AdditionalClickSettingsMenuItem, type AdditionalSwitchSettingsMenuItem, type AdditionalContextMenuItem, } from './components/Menus/subMenuTabs/types';
 export { type AdditionalButton, ControlButtonType, } from './components/Controls/types';
-export type { VKVideoPlayer, IVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IVideoEpisode, ISDKConfig, VideoPlayerView, IAdmanInitParamsExternalApi, VKLogoType, };
+export type { VKVideoPlayer, IVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IVideoEpisode, IDpipConfig, ISDKConfig, VideoPlayerView, IAdmanInitParamsExternalApi, VKLogoType, };
 export { GridTypes, } from './constans';
 export { PlayerPhase, } from './types';
+export { isPiPSupported, isDpipSupported } from './utils/webAPI/pictureInPictureApi';
 export { InterfaceLanguage, VKNumericLanguage, loadVKLangPack, } from '@vkontakte/videoplayer-shared';
 export { VideoQuality, VideoFormat, } from '@vkontakte/videoplayer-core';

package/types/store/index.d.ts

@@ -32,6 +32,7 @@ export interface IAdsState {
 }
 export interface IUIState {
     t: (key: Key, params?: Record<string, string>) => string;
+    isMinimalView$: Writable<boolean>;
     controlsVisible: Writable<boolean>;
     /**
      * Точечно скрываем контролы.
@@ -343,6 +344,7 @@ export interface IStore {
             setTrafficSavingEnabled: (trafficSavingEnabled: boolean) => void;
             setHighQualityEnabled: (highQualityEnabled: boolean) => void;
             changeAudioStream: (id: string) => void;
+            setMinimalView: (enabled: boolean) => void;
         };
     };
     callbacks?: IVKVideoPlayerCallbacks;

package/types/types/index.d.ts

@@ -4,7 +4,7 @@ import type { Chapter, Manifest, ManifestVideo, VideoInfo, Interactives, IIntera
 import { PlaybackState } from '@vkontakte/videoplayer-core';
 import type { MediascopePixelTypes, SeekAction, ThinOneStat } from '@vkontakte/videoplayer-statistics';
 import type { Writable, Readable } from 'svelte/store';
-import type { ISDKConfig, IUIConfig } from '../config';
+import type { IDpipConfig, ISDKConfig, IUIConfig } from '../config';
 import type { IStore } from '../store';
 import { Controls, GridTypes, type SeekToInteractiveDisabledTooltipKey } from '../constans';
 import type { Key } from '../translation/types';
@@ -244,9 +244,10 @@ export interface AdditionalButtonDeprecated {
 /**
  * Определяет внешний вид плеера и его функциональность.
  * preview - обрезанная функциональность плеера для показать трейлеров, например;
+ * minimal - обрезанная функциональность плеера для dpip и возможно других потребностей;
  * full - полная функциональность плеера доступна.
  */
-export type VideoPlayerView = 'preview' | 'full';
+export type VideoPlayerView = 'preview' | 'minimal' | 'full';
 export interface IVKVideoPlayerConfig {
     videos: IVideoData[];
     videoIndex?: number;
@@ -452,9 +453,9 @@ export interface IPictureInPictureApiInfo {
     isEnabled$: IValueObservable<boolean>;
     type: PictureInPictureType;
 }
-export type PictureInPictureSettings = {
-    enabled?: boolean;
-};
+export interface PictureInPictureSettings extends IDpipConfig {
+    enabled: boolean;
+}
 export interface Size {
     width: number;
     height: number;

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

@@ -2,6 +2,7 @@ import { ValueSubject } from '@vkontakte/videoplayer-shared';
 import type { ExternalPictureInPictureEventHandlers, IPictureInPictureApi, PictureInPictureSettings } from '../../../types';
 import { PictureInPictureType } from '../../../types';
 export declare class DocumentPictureInPictureApiSvelte implements IPictureInPictureApi {
+    private readonly initialSize;
     private playerDomElement;
     private playerParentShadowRoot;
     private playerDummyElement;
@@ -17,7 +18,7 @@ export declare class DocumentPictureInPictureApiSvelte implements IPictureInPict
      */
     private pipActive;
     private readonly pipApi;
-    constructor({ enabled }?: PictureInPictureSettings);
+    constructor({ enabled, initialSize }: PictureInPictureSettings);
     /**
      * Флаг показывает, есть ли в целом возможность использовать dpip в данном браузере, поддерживается ли это.
      */

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

@@ -0,0 +1,3 @@
+import type { IDpipConfig } from '../../../config';
+import type { IPictureInPictureApi } from '../../../types';
+export declare const createPiPApi: (initiallyEnabled: boolean, dpipConfig?: IDpipConfig | boolean) => IPictureInPictureApi | undefined;

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

@@ -0,0 +1,4 @@
+export { isInstanceOfDocumentPictureInPictureApi } from './documentPictureInPictureApi.svelte';
+export { isInstanceOfPictureInPictureApi } from './pictureInPictureApi';
+export { createPiPApi } from './factory';
+export { isPiPSupported, isDpipSupported } from './utils';

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

@@ -13,7 +13,7 @@ export declare class PictureInPictureApi implements IPictureInPictureApi {
         isEnabled$: ValueSubject<boolean>;
         type: PictureInPictureType;
     };
-    constructor({ enabled }?: PictureInPictureSettings);
+    constructor({ enabled }: PictureInPictureSettings);
     /**
      * Флаг показывает, есть ли в целом возможность использовать pip в данном браузере, поддерживается ли это.
      */

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

@@ -1,5 +1,8 @@
 import { type SafeAny } from '@vkontakte/videoplayer-shared';
 import type { PictureInPictureResizeEvent } from '../../../types';
+import type { IDpipConfig } from '../../../config';
 export declare const isPiPSupported: () => boolean;
+export declare const isDpipSupported: () => boolean;
 export declare const isPiPEvent: (e: SafeAny) => e is PictureInPictureEvent;
 export declare const isPiPResizeEvent: (e: Event) => e is PictureInPictureResizeEvent;
+export declare const isDpipEnabledByConfig: (value?: IDpipConfig | boolean) => boolean;

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

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