@vkontakte/videoplayer 1.1.55-dev.d911b27c.0 → 1.1.55-dev.de4bdf7e.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.55-dev.d911b27c.0",
+  "version": "1.1.55-dev.de4bdf7e.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.124-dev.da742f3e.0",
-    "@vkontakte/videoplayer-interactive": "1.0.30-dev.f81e05e2.0",
-    "@vkontakte/videoplayer-shared": "1.0.53-dev.ac5dd604.0",
-    "@vkontakte/videoplayer-statistics": "1.0.70-dev.f3729079.0"
+    "@vkontakte/videoplayer-core": "2.0.124-dev.945b4e2b.0",
+    "@vkontakte/videoplayer-interactive": "1.0.30-dev.38c5a44a.0",
+    "@vkontakte/videoplayer-shared": "1.0.53-dev.5cb716c0.0",
+    "@vkontakte/videoplayer-statistics": "1.0.70-dev.af36007c.0"
   }
 }

package/types/VKVideoPlayer/index.d.ts

@@ -71,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/components/Controls/contants/desktopButtonsRightIds.d.ts

@@ -1,5 +1,6 @@
 export declare enum DesktopButtonsRightIds {
     LOGO = "vkLogo",
+    AUTOPLAY_NEXT = "autoplayNext",
     VOLUME = "volume",
     SUBTITLES = "subtitles",
     SETTINGS = "settings",

package/types/components/Controls/types.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentType } from 'svelte';
 import { GridTypes } from '../../constans';
+import type { TmpComponentType } from '../../types/tmp';
 export declare enum ControlButtonType {
     DESKTOP_CONTROL_PANEL_LEFT = "desktop-control-panel-left",
     DESKTOP_CONTROL_PANEL_RIGHT = "desktop-control-panel-right"
@@ -10,7 +10,7 @@ interface BaseButton {
     disabled?: boolean;
 }
 interface BaseInnerButton extends BaseButton {
-    buttonComponent: ComponentType;
+    buttonComponent: TmpComponentType;
     buttonComponentProps?: Record<string, unknown>;
     ariaKeyShortCut?: string;
     ariaExpanded?: boolean;

package/types/components/Menus/types.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentType } from 'svelte';
 import { UIType } from '../../types';
 import { SubMenuIds } from './constants/subMenuIds';
+import type { TmpComponentType } from '../../types/tmp';
 interface BaseMenuItem {
     id: string;
     weight: number;
@@ -8,7 +8,7 @@ interface BaseMenuItem {
     label: string;
 }
 interface BaseSettingsMenuItem extends BaseMenuItem {
-    icon: ComponentType | string;
+    icon: TmpComponentType | string;
     isHiddenFor?: UIType[];
 }
 export declare enum MenuItemType {
@@ -24,7 +24,7 @@ export interface OpenSubMenuSettingsMenuItem extends BaseSettingsMenuItem {
     type: MenuItemType.OPEN_SUB_MENU;
     subMenuId: SubMenuIds;
     value: string;
-    valueComponent?: ComponentType;
+    valueComponent?: any;
     getSubItemForFocus: () => HTMLLIElement;
 }
 export interface ClickSettingsMenuItem extends BaseSettingsMenuItem {
@@ -51,7 +51,7 @@ export interface SelectValueSubMenuItem<T = any, U = any> {
     type: SubMenuItemType.SELECT_VALUE;
     value: T;
     dataValue?: T | keyof T;
-    valueComponent?: ComponentType;
+    valueComponent?: any;
     valueComponentParams?: {
         [key: string]: U;
     };

package/types/components/Menus/utils/getQualityIcon.d.ts

@@ -1,3 +1,3 @@
 import type { VideoQualityUI } from '../../../types';
-import type { ComponentType } from 'svelte';
-export declare const getQualityIcon: (quality?: VideoQualityUI) => ComponentType | undefined;
+import type { TmpComponentType } from '../../../types/tmp';
+export declare const getQualityIcon: (quality?: VideoQualityUI) => TmpComponentType | undefined;

package/types/config.d.ts

@@ -98,6 +98,7 @@ export interface IUIConfig {
         interactiveHideTime: boolean;
         interactivePlayPrevChapter: boolean;
         interactiveTimeIndicator: boolean;
+        interactiveTimeOpenUri: boolean;
         thumbTimer: boolean;
         hotKeyMapModal: boolean;
         hotKeyHelpers: boolean;
@@ -116,6 +117,8 @@ export interface IUIConfig {
         nextPrevButtons: boolean;
         previewNoEmptySpace: boolean;
         exposeInternalsToGlobal: boolean;
+        skipInitialPlaybackStateValue: boolean;
+        skipInitialPlaybackRateValue: boolean;
     };
     interactive: {
         historyMaxLength: number;

package/types/constans/keyboard.d.ts

@@ -6,13 +6,15 @@ export declare const enum ProcessedKeysCodes {
     Comma = "Comma",
     Period = "Period",
     Space = "Space",
-    KeyM = "KeyM",
+    KeyC = "KeyC",
     KeyF = "KeyF",
+    KeyI = "KeyI",
+    KeyJ = "KeyJ",
     KeyK = "KeyK",
     KeyL = "KeyL",
-    KeyJ = "KeyJ",
-    KeyC = "KeyC",
-    KeyI = "KeyI",
+    KeyM = "KeyM",
+    KeyN = "KeyN",
+    KeyP = "KeyP",
     Digit1 = "Digit1",
     Digit2 = "Digit2",
     Digit3 = "Digit3",

package/types/store/index.d.ts

@@ -3,12 +3,12 @@ import { ChromecastState, PlaybackState, VideoFormat } from '@vkontakte/videopla
 import { type IError, type ILogger, InterfaceLanguage, type IRectangle, type IValueObservable, type QualityLimits, VideoQuality, type InternalsExposure } from '@vkontakte/videoplayer-shared';
 import type { IUIConfig } from '../config';
 import { SeekAction } from '@vkontakte/videoplayer-statistics';
-import { type InteractiveRange } from '@vkontakte/videoplayer-interactive';
+import type { InteractiveRange } from '@vkontakte/videoplayer-interactive';
 import type { Readable, Writable } from 'svelte/store';
 import { AdmanWrapper } from '../components/Ads/admanWrapper';
-import type { LanguageConfig } from '../translation/types';
+import type { Key, 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';
@@ -23,6 +23,7 @@ export interface IAdsState {
     postrollPassed: Writable<boolean>;
 }
 export interface IUIState {
+    t: (key: Key, params?: Record<string, string>) => string;
     controlsVisible: Writable<boolean>;
     touched: Writable<boolean>;
     controls: {
@@ -84,8 +85,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[]>;
@@ -252,8 +251,9 @@ export interface IStore {
             reportProblem: () => void;
             setAutoplayNextEnabled: (autoplayNext: boolean, byUser?: boolean) => void;
             setTimerNextVideoRunning: (timerNextVideoRunning: boolean) => void;
-            prevVideoClick: (byClick?: boolean) => void;
-            nextVideoClick: (byClick?: boolean) => void;
+            prevVideoClick: (byUserAction?: boolean) => void;
+            nextVideoClick: (byUserAction?: boolean) => void;
+            nextVideoAnnouncementShow: () => void;
             nextVideoAnnouncementClick: () => void;
             nextVideoAnnouncementAuto: () => void;
             nextVideoAnnouncementCancel: () => void;

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

@@ -6,7 +6,7 @@ export default class FakeIsPlaying extends BaseMicroStore {
         toggle: () => void;
         set(this: void, value: boolean | null): void;
         update(this: void, updater: import("svelte/store").Updater<boolean | null>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: import("svelte/store").Invalidator<boolean | null> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;
 }

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

@@ -8,7 +8,7 @@ export default class GraphIsOpened extends BaseMicroStore {
         toggle: () => void;
         set(this: void, value: boolean | null): void;
         update(this: void, updater: import("svelte/store").Updater<boolean | null>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: import("svelte/store").Invalidator<boolean | null> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     checkIfShouldHide: (currentGridType: GridTypes) => boolean;
     init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;

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

@@ -6,7 +6,7 @@ export default class InteractiveControlsOpacity extends BaseMicroStore {
         toggle: () => void;
         set(this: void, value: boolean | null): void;
         update(this: void, updater: import("svelte/store").Updater<boolean | null>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: import("svelte/store").Invalidator<boolean | null> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;
 }

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/store/micro/showInteractiveTimeIndicatorTooltip.d.ts

@@ -7,7 +7,7 @@ export default class ShowInteractiveTimeIndicatorTooltip extends BaseMicroStore
         set: (value: boolean, useTimeout?: boolean) => void;
         clearTimeout: () => void;
         update(this: void, updater: import("svelte/store").Updater<boolean>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;
     clearTimeout(): void;

package/types/translation/types.d.ts

@@ -1,5 +1,5 @@
 import { InterfaceLanguage } from '@vkontakte/videoplayer-shared';
-export type Key = 'auto_quality_invariant' | 'auto_quality' | 'menu_quality' | 'menu_playback_rate' | 'menu_traffic_saving' | 'menu_report' | 'menu_pip' | 'menu_copy_video_link' | 'menu_copy_video_link_with_timestamp' | 'menu_video_rotate' | 'menu_video_loop_on' | 'menu_video_loop_off' | 'menu_chromecast' | 'menu_copy_debug' | 'menu_save_debug' | 'menu_debug_overlay' | 'menu_copy_embed_code' | 'pip_dummy_title' | 'submenu_traffic_saving' | 'submenu_quality' | 'submenu_playback_rate' | 'submenu_settings' | 'submenu_audio_languages' | 'auto_quality_option' | 'mobile_unmute' | 'playing_ads' | 'skip_ads_now' | 'skip_ads_after' | 'visit_advertiser' | 'aria_timeline' | 'aria_open_settings' | 'aria_timeline_value' | 'doubletap_seek_step' | 'playback_rate_1' | 'playback_rate' | 'video360' | 'subtitles_caption' | 'subtitles_auto' | 'subtitles_off' | 'subtitles_auto_caption' | 'subtitles_turn_on' | 'subtitles_turn_off' | 'traffic_saving_off' | 'traffic_saving_on' | 'traffic_saving_disable' | 'traffic_saving_enable' | 'traffic_saving_helper_text' | 'tooltip_previous' | 'tooltip_restart' | 'tooltip_play' | 'tooltip_pause' | 'tooltip_next' | 'tooltip_button_disabled' | 'tooltip_interactive_go_back' | 'tooltip_interactive_go_back_disabled' | 'tooltip_interactive_go_back_disabled_first' | 'tooltip_interactive_go_back_disabled_limit' | 'tooltip_chapter_without_interactive' | 'tooltip_interactive_of_chapter_completed' | 'tooltip_interactive_seek' | 'tooltip_interactive_graph_off' | 'tooltip_interactive_graph_on' | 'tooltip_live' | 'tooltip_episodes' | 'tooltip_volume' | 'tooltip_volume_muted' | 'tooltip_settings_on' | 'tooltip_subtitles_off' | 'tooltip_settings_off' | 'tooltip_subtitles_on' | 'tooltip_fullscreen_off' | 'tooltip_fullscreen_on' | 'tooltip_chromecast_off' | 'tooltip_chromecast_on' | 'tooltip_episode_finished' | 'tooltip_episode_unfinished' | 'tooltip_disabled_when_interactive' | 'tooltip_disabled_when_graph_on' | 'tooltip_interactive_interaction_time_indicator' | 'tooltip_vk_logo' | 'tooltip_vk_video_logo' | 'download_video_caption' | 'hotkey_helper_current_volume' | 'hotkey_map_modal_title' | 'hotkey_map_modal_close_btn_text' | 'hotkey_map_group_title_common' | 'hotkey_map_group_title_playback' | 'hotkey_map_group_title_subtitles' | 'hotkey_map_group_title_episodes' | 'hotkey_map_item_mute_description' | 'hotkey_map_item_mute_value' | 'hotkey_map_item_volume_down_description' | 'hotkey_map_item_volume_down_value' | 'hotkey_map_item_volume_up_description' | 'hotkey_map_item_volume_up_value' | 'hotkey_map_item_pip_description' | 'hotkey_map_item_pip_value' | 'hotkey_map_item_full_screen_description' | 'hotkey_map_item_full_screen_value' | 'hotkey_map_item_show_context_menu_description' | 'hotkey_map_item_show_context_menu_value' | 'hotkey_map_item_show_hotkey_map_description' | 'hotkey_map_item_show_hotkey_map_value' | 'hotkey_map_item_play_toggle_description' | 'hotkey_map_item_play_toggle_value' | 'hotkey_map_item_seek_backward_description' | 'hotkey_map_item_seek_backward_value' | 'hotkey_map_item_seek_forward_description' | 'hotkey_map_item_seek_forward_value' | 'hotkey_map_item_fast_seek_backward_description' | 'hotkey_map_item_fast_seek_backward_value' | 'hotkey_map_item_fast_seek_forward_description' | 'hotkey_map_item_fast_seek_forward_value' | 'hotkey_map_item_rate_down_description' | 'hotkey_map_item_rate_down_value' | 'hotkey_map_item_rate_up_description' | 'hotkey_map_item_rate_up_value' | 'hotkey_map_item_prev_frame_description' | 'hotkey_map_item_prev_frame_value' | 'hotkey_map_item_next_frame_description' | 'hotkey_map_item_next_frame_value' | 'hotkey_map_item_jump_seek_description' | 'hotkey_map_item_jump_seek_value' | 'hotkey_map_item_subtitles_toggle_description' | 'hotkey_map_item_subtitles_toggle_value' | 'hotkey_map_item_prev_episode_description' | 'hotkey_map_item_prev_episode_pc_value' | 'hotkey_map_item_prev_episode_mac_value' | 'hotkey_map_item_next_episode_description' | 'hotkey_map_item_next_episode_pc_value' | 'hotkey_map_item_next_episode_mac_value' | 'waiting_live_day_value' | 'waiting_live_hour_value' | 'waiting_live_minute_value' | 'waiting_live_second_value' | 'waiting_live_colon' | 'waiting_live_upcoming_title' | 'waiting_live_timer_title' | 'waiting_live_recover_title' | 'waiting_record_title' | 'aria_label_submenu_traffic_saving_off' | 'aria_label_submenu_traffic_saving_on' | 'aria_label_submenu_back' | 'aria_label_menu_quality' | 'aria_label_menu_rate' | 'aria_label_menu_subtitle' | 'aria_label_menu_download' | 'aria_label_new_tab_alert' | 'aria_label_menu_debug_overlay_enable' | 'aria_label_menu_debug_overlay_disable' | 'aria_label_menu_rotate' | 'aria_label_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu_open' | 'aria_label_context_menu_close' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | 'menu_audio_languages' | 'audio_stream_display_language_label' | 'audio_stream_display_language_label_index' | 'audio_stream_display_label_index' | 'audio_stream_display_language_index' | 'audio_stream_display_unknown' | 'end_screen_next_video' | 'end_screen_recommended_video';
+export type Key = 'auto_quality_invariant' | 'auto_quality' | 'menu_quality' | 'menu_playback_rate' | 'menu_traffic_saving' | 'menu_report' | 'menu_pip' | 'menu_copy_video_link' | 'menu_copy_video_link_with_timestamp' | 'menu_video_rotate' | 'menu_video_loop_on' | 'menu_video_loop_off' | 'menu_chromecast' | 'menu_copy_debug' | 'menu_save_debug' | 'menu_debug_overlay' | 'menu_copy_embed_code' | 'pip_dummy_title' | 'submenu_traffic_saving' | 'submenu_quality' | 'submenu_playback_rate' | 'submenu_settings' | 'submenu_audio_languages' | 'auto_quality_option' | 'mobile_unmute' | 'playing_ads' | 'skip_ads_now' | 'skip_ads_after' | 'visit_advertiser' | 'aria_timeline' | 'aria_open_settings' | 'aria_timeline_value' | 'doubletap_seek_step' | 'playback_rate_1' | 'playback_rate' | 'video360' | 'subtitles_caption' | 'subtitles_auto' | 'subtitles_off' | 'subtitles_auto_caption' | 'subtitles_turn_on' | 'subtitles_turn_off' | 'traffic_saving_off' | 'traffic_saving_on' | 'traffic_saving_disable' | 'traffic_saving_enable' | 'traffic_saving_helper_text' | 'tooltip_previous' | 'tooltip_restart' | 'tooltip_play' | 'tooltip_pause' | 'tooltip_next' | 'tooltip_button_disabled' | 'tooltip_interactive_go_back' | 'tooltip_interactive_go_back_disabled' | 'tooltip_interactive_go_back_disabled_first' | 'tooltip_interactive_go_back_disabled_limit' | 'tooltip_chapter_without_interactive' | 'tooltip_interactive_of_chapter_completed' | 'tooltip_interactive_seek' | 'tooltip_interactive_graph_off' | 'tooltip_interactive_graph_on' | 'tooltip_live' | 'tooltip_episodes' | 'tooltip_volume' | 'tooltip_volume_muted' | 'tooltip_settings_on' | 'tooltip_subtitles_off' | 'tooltip_settings_off' | 'tooltip_subtitles_on' | 'tooltip_fullscreen_off' | 'tooltip_fullscreen_on' | 'tooltip_chromecast_off' | 'tooltip_chromecast_on' | 'tooltip_episode_finished' | 'tooltip_episode_unfinished' | 'tooltip_disabled_when_interactive' | 'tooltip_disabled_when_graph_on' | 'tooltip_interactive_interaction_time_indicator' | 'tooltip_vk_logo' | 'tooltip_vk_video_logo' | 'download_video_caption' | 'hotkey_helper_current_volume' | 'hotkey_map_modal_title' | 'hotkey_map_modal_close_btn_text' | 'hotkey_map_group_title_common' | 'hotkey_map_group_title_playback' | 'hotkey_map_group_title_subtitles' | 'hotkey_map_group_title_episodes' | 'hotkey_map_item_mute_description' | 'hotkey_map_item_mute_value' | 'hotkey_map_item_volume_down_description' | 'hotkey_map_item_volume_down_value' | 'hotkey_map_item_volume_up_description' | 'hotkey_map_item_volume_up_value' | 'hotkey_map_item_pip_description' | 'hotkey_map_item_pip_value' | 'hotkey_map_item_full_screen_description' | 'hotkey_map_item_full_screen_value' | 'hotkey_map_item_show_context_menu_description' | 'hotkey_map_item_show_context_menu_value' | 'hotkey_map_item_show_hotkey_map_description' | 'hotkey_map_item_show_hotkey_map_value' | 'hotkey_map_item_play_toggle_description' | 'hotkey_map_item_play_toggle_value' | 'hotkey_map_item_seek_backward_description' | 'hotkey_map_item_seek_backward_value' | 'hotkey_map_item_seek_forward_description' | 'hotkey_map_item_seek_forward_value' | 'hotkey_map_item_fast_seek_backward_description' | 'hotkey_map_item_fast_seek_backward_value' | 'hotkey_map_item_fast_seek_forward_description' | 'hotkey_map_item_fast_seek_forward_value' | 'hotkey_map_item_rate_down_description' | 'hotkey_map_item_rate_down_value' | 'hotkey_map_item_rate_up_description' | 'hotkey_map_item_rate_up_value' | 'hotkey_map_item_prev_frame_description' | 'hotkey_map_item_prev_frame_value' | 'hotkey_map_item_next_frame_description' | 'hotkey_map_item_next_frame_value' | 'hotkey_map_item_jump_seek_description' | 'hotkey_map_item_jump_seek_value' | 'hotkey_map_item_subtitles_toggle_description' | 'hotkey_map_item_subtitles_toggle_value' | 'hotkey_map_item_prev_episode_description' | 'hotkey_map_item_prev_episode_pc_value' | 'hotkey_map_item_prev_episode_mac_value' | 'hotkey_map_item_next_episode_description' | 'hotkey_map_item_next_episode_pc_value' | 'hotkey_map_item_next_episode_mac_value' | 'hotkey_map_item_next_video_description' | 'hotkey_map_item_next_video_value' | 'hotkey_map_item_prev_video_description' | 'hotkey_map_item_prev_video_value' | 'waiting_live_day_value' | 'waiting_live_hour_value' | 'waiting_live_minute_value' | 'waiting_live_second_value' | 'waiting_live_colon' | 'waiting_live_upcoming_title' | 'waiting_live_timer_title' | 'waiting_live_recover_title' | 'waiting_record_title' | 'aria_label_submenu_traffic_saving_off' | 'aria_label_submenu_traffic_saving_on' | 'aria_label_submenu_back' | 'aria_label_menu_quality' | 'aria_label_menu_rate' | 'aria_label_menu_subtitle' | 'aria_label_menu_download' | 'aria_label_new_tab_alert' | 'aria_label_menu_debug_overlay_enable' | 'aria_label_menu_debug_overlay_disable' | 'aria_label_menu_rotate' | 'aria_label_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu_open' | 'aria_label_context_menu_close' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | 'menu_audio_languages' | 'audio_stream_display_language_label' | 'audio_stream_display_language_label_index' | 'audio_stream_display_label_index' | 'audio_stream_display_language_index' | 'audio_stream_display_unknown' | 'end_screen_next_video' | 'end_screen_recommended_video';
 export type LanguagePack = Record<Key, string>;
 export type LanguageConfig = {
     language: string;

package/types/types/index.d.ts

@@ -64,6 +64,7 @@ export interface IVKVideoPlayerCallbacks {
     onExternalFullscreenExit?: () => void;
     onPrevVideoClick?: () => boolean;
     onNextVideoClick?: () => boolean;
+    onNextVideoAnnouncementShow?: () => void;
     onNextVideoAnnouncementClick?: () => void;
     onNextVideoAnnouncementAuto?: () => void;
     onNextVideoAnnouncementCancel?: () => void;
@@ -260,6 +261,7 @@ export interface IVKVideoPlayerConfig {
     showEndScreen?: boolean;
     showAutoplayNext?: boolean;
     showNextPrevButtons?: boolean;
+    pipEnabled?: boolean;
 }
 export interface IControlInfo {
     /** @deprecated Используйте новое поле left */
@@ -273,27 +275,27 @@ export interface IControlInfo {
     isDisplayed: boolean;
 }
 export interface IPlayerControlsRef {
-    prevButton?: HTMLElement;
-    playButton?: HTMLElement;
-    replayButton?: HTMLElement;
-    nextButton?: HTMLElement;
-    playPrevChapterButton?: HTMLElement;
-    seekToInteractiveButton?: HTMLElement;
-    interactiveGraphButton?: HTMLElement;
+    prevButton?: HTMLButtonElement;
+    playButton?: HTMLButtonElement;
+    replayButton?: HTMLElement | HTMLButtonElement;
+    nextButton?: HTMLButtonElement;
+    playPrevChapterButton?: HTMLButtonElement;
+    seekToInteractiveButton?: HTMLButtonElement;
+    interactiveGraphButton?: HTMLButtonElement;
     liveButton?: HTMLElement;
     time?: HTMLElement;
     episodes?: HTMLElement;
-    volume?: HTMLElement;
-    subtitles?: HTMLElement;
+    volume?: HTMLButtonElement;
+    subtitles?: HTMLButtonElement;
     settings?: HTMLElement;
-    context?: HTMLElement;
+    context?: HTMLButtonElement;
     fullscreen?: HTMLElement;
-    chromecast?: HTMLElement;
-    pip?: HTMLElement;
-    vkLogo?: HTMLElement;
+    chromecast?: HTMLButtonElement;
+    pip?: HTMLButtonElement;
+    vkLogo?: HTMLButtonElement;
     interactiveTimeIndicator?: HTMLElement;
     timeline?: HTMLElement;
-    autoplayNextToggle?: HTMLElement;
+    autoplayNextToggle?: HTMLButtonElement;
 }
 export interface IPlayerDesktopControlsWidth {
     prevButton: number;
@@ -376,8 +378,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 +391,7 @@ export interface IPictureInPictureApi {
     request: () => Promise<void>;
     remove: () => Promise<void>;
     info: IPictureInPictureApiInfo;
+    setEnabled: (enabled: boolean) => void;
     dispose: () => Promise<void>;
 }
 export interface IAnnotationsApi {
@@ -490,6 +497,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 +511,7 @@ export interface IMicroStores {
         clearTimeout: () => void;
     };
     graphIsOpened$: ToggleableMicroStore;
+    pictureInPicture$: PictureInPictureMicroStore;
 }
 export interface InitMicroStoreParams {
     store: IStore;

package/types/types/tmp.d.ts

@@ -0,0 +1 @@
+export type TmpComponentType = any;

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;
 }