@vkontakte/videoplayer 1.1.49-dev.a22b280e.0 → 1.1.49-dev.fad44c86.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.49-dev.a22b280e.0",
+  "version": "1.1.49-dev.fad44c86.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -49,9 +49,9 @@
     "**/*.d.ts"
   ],
   "dependencies": {
-    "@vkontakte/videoplayer-core": "2.0.116-dev.32c949ec.0",
-    "@vkontakte/videoplayer-interactive": "1.0.24-dev.360439f0.0",
-    "@vkontakte/videoplayer-shared": "^1.0.47",
-    "@vkontakte/videoplayer-statistics": "1.0.63-dev.7c1d6cc5.0"
+    "@vkontakte/videoplayer-core": "2.0.116-dev.b57e6616.0",
+    "@vkontakte/videoplayer-interactive": "1.0.24-dev.2ffcdcdf.0",
+    "@vkontakte/videoplayer-shared": "1.0.48-dev.63f31def.0",
+    "@vkontakte/videoplayer-statistics": "1.0.63-dev.7436d072.0"
   }
 }

package/types/VKVideoPlayer/index.d.ts

@@ -1,7 +1,8 @@
 import type { ISDKConfig } from '../config';
 import type { LanguageConfig } from '../translation/types';
 import type { IVideoData, IVKVideoPlayerConfig } from '../types';
-import { InterfaceLanguage, type QualityLimits } from '@vkontakte/videoplayer-shared';
+import type { QualityLimits } from '@vkontakte/videoplayer-shared';
+import { InterfaceLanguage } from '@vkontakte/videoplayer-shared';
 import { type PlaybackRate } from '@vkontakte/videoplayer-core';
 import type { IStatContext } from '@vkontakte/videoplayer-statistics';
 import { AnnotationsApi } from '../utils/webAPI/annotationsApi/annotationsApi';
@@ -49,8 +50,8 @@ export declare class VKVideoPlayer extends HTMLElement {
     private createOneStat;
     private createPlayer;
     private addPlayerInfoSubscriptions;
-    private playNextVideo;
-    private playPrevVideo;
+    playNextVideo(): void;
+    playPrevVideo(): void;
     private repeatPlaylist;
     private createPlayerWithCurrentVideo;
     private playPrevChapter;
@@ -97,4 +98,6 @@ export declare class VKVideoPlayer extends HTMLElement {
     addAdditionalButton(newButton: AdditionalButton): void;
     removeAdditionalButton(itemId: string): void;
     updateStatContext(statContext: Partial<IStatContext>): void;
+    handleTimerNextVideo(state: boolean): void;
+    focus(): void;
 }

package/types/components/Ads/admanWrapper.d.ts

@@ -62,7 +62,7 @@ export declare class AdmanWrapper {
         skipped$: Subject<void>;
         clicked$: Subject<AdsSection>;
         closed$: Subject<AdsSection>;
-        error$: Subject<void>;
+        error$: Subject<string>;
     };
     constructor(logger: ILogger, config: IConfig);
     init(actions: ExternalActions, adsState: IAdsState, playerState: IPlayerState): void;

package/types/store/index.d.ts

@@ -82,8 +82,6 @@ export interface IUIState {
     mobileUnmuteButtonExpanded: Writable<boolean>;
     mobileUnmuteButtonVisible: Writable<boolean>;
     icon3DVideoVisible: Writable<boolean>;
-    settingsMenuVisible: Writable<boolean>;
-    settingsMenuOpenedByKeyboard: Writable<boolean>;
     scrubbingInProgress: Writable<boolean>;
     is3DVideo: Writable<boolean>;
     isPictureInPictureActive$: Readable<boolean>;
@@ -97,6 +95,17 @@ export interface IUIState {
     overlayContainer$: Writable<HTMLDivElement | undefined>;
     startedByKeyboard$: Writable<boolean>;
     autoplayNextEnabled$: Writable<boolean>;
+    timerNextVideoRunning$: Writable<boolean>;
+    settingsMenu: {
+        visible$: Writable<boolean>;
+        ref$: Writable<HTMLElement | undefined>;
+        openedByBtnKeyboard$: Writable<boolean>;
+    };
+    settingsSubMenu: {
+        visible$: Writable<boolean>;
+        ref$: Writable<HTMLElement | undefined>;
+        name$: Writable<string | undefined>;
+    };
 }
 export interface IWebApi {
     pictureInPictureApi?: IPictureInPictureApi;
@@ -183,9 +192,10 @@ export interface IStore {
             pause: () => void;
             togglePlay: () => void;
             toggleMuted: () => void;
-            toggleSettingsMenu: (wasOpenedByKey?: boolean) => void;
-            openSettingsMenu: (wasOpenedByKey?: boolean) => void;
-            closeSettingsMenu: (wasOpenedByKey?: boolean) => void;
+            openSettingsMenu: (wasOpenedByKey?: boolean, tick?: () => Promise<void>) => void;
+            closeSettingsMenu: (fromSubMenu?: boolean) => void;
+            openSettingsSubMenu: (name: string, ref: HTMLElement) => void;
+            closeSettingsSubMenu: (ref: HTMLElement, isClosing?: boolean) => void;
             setTrafficSavingEnabled: (trafficSavingEnabled: boolean) => void;
             setVolume: (volume: number, preferredVolume?: number) => void;
             setAudioStream: (stream: IAudioStream) => void;
@@ -240,6 +250,10 @@ export interface IStore {
             setLooped: (isLooped: boolean) => void;
             reportProblem: () => void;
             setAutoplayNextEnabled: (autoplayNext: boolean) => void;
+            setTimerNextVideoRunning: (timerNextVideoRunning: boolean) => void;
+            nextVideoAnnouncementClick: () => void;
+            nextVideoAnnouncementAuto: () => void;
+            nextVideoAnnouncementCancel: () => void;
         };
         external: {
             firstStart: (showAds: boolean) => 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';
+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';
 export type LanguagePack = Record<Key, string>;
 export type LanguageConfig = {
     language: string;

package/types/types/index.d.ts

@@ -1,5 +1,5 @@
 import type { VideoQuality, VideoFormat, ISources, IExternalTextTrack } from '@vkontakte/videoplayer-core';
-import type { IValueObservable, InterfaceLanguage, Subscription } from '@vkontakte/videoplayer-shared';
+import type { IValueObservable, InterfaceLanguage, Subscription, IRectangle } from '@vkontakte/videoplayer-shared';
 import type { Manifest, VideoInfo, Interactives, InteractiveProjectInfo } from '@vkontakte/videoplayer-interactive';
 import { PlaybackState } from '@vkontakte/videoplayer-core';
 import type { Writable, Readable } from 'svelte/store';
@@ -23,6 +23,7 @@ export interface IVKVideoPlayerCallbacks {
     onStarted?: () => void;
     onEnded?: () => void;
     onPlay?: () => void;
+    onLooped?: () => void;
     onPause?: () => void;
     onVolumeChange?: (volume: number) => void;
     onFullscreenEnter?: () => void;
@@ -63,6 +64,9 @@ export interface IVKVideoPlayerCallbacks {
     onExternalFullscreenExit?: () => void;
     onPrevVideoClick?: () => boolean;
     onNextVideoClick?: () => boolean;
+    onNextVideoAnnouncementClick?: () => void;
+    onNextVideoAnnouncementAuto?: () => void;
+    onNextVideoAnnouncementCancel?: () => void;
     onTrafficSavingEnabledChanged?: (isEnabled: boolean) => void;
     onCurrentPlaybackRateChanged?: (rate: number) => void;
     onStalledChanged?: (isStalled: boolean) => void;
@@ -97,6 +101,12 @@ export interface IVKVideoPlayerCallbacks {
             height: number;
         }) => void;
         onReportProblem?: () => void;
+        onSettingsMenu?: (value: {
+            name?: string;
+            visible: boolean;
+            size: IRectangle;
+            position: Position;
+        }) => void;
     };
     adsInfo?: {
         onLoadStarted?: () => void;
@@ -110,7 +120,7 @@ export interface IVKVideoPlayerCallbacks {
         onEmpty?: () => void;
         onClicked?: (adsSection: AdsSection) => void;
         onClosed?: (adsSection: AdsSection) => void;
-        onError?: () => void;
+        onError?: (message: string) => void;
     };
 }
 export interface IVKVideoPlayerUICallbacks {
@@ -200,6 +210,7 @@ export interface AdditionalButtonDeprecated {
 }
 export interface IVKVideoPlayerConfig {
     videos: IVideoData[];
+    videoIndex?: number;
     interactiveData?: IInteractiveData;
     albumId?: string;
     statPlace?: 'embed' | 'direct' | string;

package/types/utils/elementHelpers.d.ts

@@ -0,0 +1,4 @@
+import type { IRectangle } from '@vkontakte/videoplayer-shared';
+import type { Position } from '../types';
+export declare const calcPosition: (childElement?: HTMLElement, parentElement?: HTMLElement) => Required<Position>;
+export declare const getSize: (element?: HTMLElement) => IRectangle;