@vkontakte/videoplayer 1.1.65-dev.b4cd3784.0 → 1.1.65-dev.d779f3ab.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.65-dev.b4cd3784.0",
+  "version": "1.1.65-dev.d779f3ab.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.135-dev.efff7df5.0",
-    "@vkontakte/videoplayer-interactive": "1.0.40-dev.6603af99.0",
-    "@vkontakte/videoplayer-shared": "1.0.63-dev.d8d79e23.0",
-    "@vkontakte/videoplayer-statistics": "1.0.81-dev.5446d207.0"
+    "@vkontakte/videoplayer-core": "2.0.135-dev.116880cb.0",
+    "@vkontakte/videoplayer-interactive": "1.0.40-dev.9759b53e.0",
+    "@vkontakte/videoplayer-shared": "1.0.63-dev.a36bf0cc.0",
+    "@vkontakte/videoplayer-statistics": "1.0.81-dev.02d282a1.0"
   }
 }

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

@@ -5,6 +5,7 @@ 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 { ThinOneStat } from '@vkontakte/videoplayer-statistics';
 import { AnnotationsApi } from '../utils/webAPI/annotationsApi/annotationsApi';
 import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem } from '../components/Menus/subMenuTabs/types';
 import type { AdditionalButton } from '../components/Controls/types';
@@ -52,6 +53,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     private isControlDisabled;
     private getNextVideoInfo;
     private createOneStat;
+    private createThinOneStat;
     private createPlayer;
     private addPlayerInfoSubscriptions;
     playNextVideo(): void;
@@ -94,7 +96,11 @@ export declare class VKVideoPlayer extends HTMLElement {
     setLanguage(language: InterfaceLanguage | string): Promise<void>;
     setLiveStart(videoData: IVideoData): void;
     setLiveWaitingStart(): void;
-    setLiveWaitingRecover(): void;
+    /**
+     * Идёт доигрывание трансляции
+     */
+    private isLiveTailPlaying;
+    setLiveWaitingRecover(forceImmediate?: boolean): void;
     setLiveWaitingRecord(): void;
     setLiveEnd(videoData: IVideoData): void;
     setLiveLowLatency(isLowLatency: boolean): void;
@@ -114,7 +120,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     updateAdditionalButton(itemId: string, fields: Partial<Omit<AdditionalButton, 'id' | 'type'>>): void;
     addAdditionalButton(newButton: AdditionalButton): void;
     removeAdditionalButton(itemId: string): void;
-    updateStatContext(statContext: Partial<IStatContext>): void;
+    updateStatContext(statContext: Partial<IStatContext | ThinOneStat.IStatContext>): void;
     handleTimerNextVideo(state: boolean): void;
     togglePictureInPicture(): void;
     focus(): void;
@@ -125,5 +131,6 @@ export declare class VKVideoPlayer extends HTMLElement {
      * @returns {boolean} Было ли событие обработано внутри плеера
      */
     handleExternalKeyboardEvent(event: KeyboardEvent): boolean;
+    setAutoplayNext(autoplayNext: boolean): void;
     private unmountComponent;
 }

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

@@ -34,7 +34,6 @@ interface IConfig {
     useAdmanFromNPM: boolean;
     volumeMultiplier: number;
     isVsidOriginal: boolean;
-    usePuid: boolean;
 }
 export declare class AdmanWrapper {
     private adman;
@@ -52,7 +51,6 @@ export declare class AdmanWrapper {
     private runtimeTimeout;
     private useAdmanFromNPM;
     private isVsidOriginal;
-    private usePuid;
     private watchDogTimeout;
     events: {
         init$: Subject<void>;

package/types/config.d.ts

@@ -37,7 +37,6 @@ export interface IUIConfig {
         useAdmanFromNPM: boolean;
         volumeMultiplier: number;
         isVsidOriginal: boolean;
-        usePuid: boolean;
     };
     /**
      * Если нет ранее сохранённого значения громкости будет использовано это
@@ -85,6 +84,7 @@ export interface IUIConfig {
     features: {
         autoplay: boolean;
         statistics: boolean;
+        thinStatistics: boolean;
         sentry: boolean;
         preload: boolean;
         subtitles: boolean;

package/types/services/statistics.d.ts

@@ -1,13 +1,15 @@
 import { type ISubscription } from '@vkontakte/videoplayer-shared';
-import { type IOneStat } from '@vkontakte/videoplayer-statistics';
+import { type IOneStat, type ThinOneStat } from '@vkontakte/videoplayer-statistics';
 export interface IUIStatistics {
     statSubscription: ISubscription;
-    oneStat: IOneStat;
+    oneStat?: IOneStat;
+    thinOneStat?: ThinOneStat.IThinOneStat;
     destroy: () => void;
 }
 export declare class UIOneStat implements IUIStatistics {
-    oneStat: IOneStat;
+    oneStat?: IOneStat | undefined;
+    thinOneStat?: ThinOneStat.IThinOneStat | undefined;
     statSubscription: ISubscription;
-    constructor(oneStat: IOneStat, statSubscription?: ISubscription);
+    constructor(oneStat?: IOneStat | undefined, thinOneStat?: ThinOneStat.IThinOneStat | undefined, statSubscription?: ISubscription);
     destroy(): void;
 }

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, IPlayerControlsRef, IPlayerPhase, ITimelinePreviewThumbsData, IVideoEpisode, IVKVideoPlayerCallbacks, IVKVideoPlayerUICallbacks, Position, VideoPlaybackRate, VideoPlayerView, VideoQualityForRender, VideoQualityUI, VideoSubtitle, VideoSubtitleParsed } from '../types';
+import type { AdditionalButtonDeprecated, ControlBlocksRefs, 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';
@@ -39,6 +39,9 @@ export interface IUIState {
      * Определяет, могут ли вообще контролы быть показаны.
      */
     isControlsAvailable: Writable<boolean>;
+    controlBlocks: {
+        [key in keyof Required<ControlBlocksRefs>]: Writable<IControlInfo | undefined>;
+    };
     touched: Writable<boolean>;
     controls: {
         prevButton: Writable<IControlInfo | undefined>;
@@ -126,6 +129,10 @@ export interface IUIState {
      * Отключаем любое действие пользователя.
      */
     userActionsDisabled: Writable<boolean>;
+    /**
+     * Положение заголовка названия видео.
+     */
+    videoTitleInfo: Writable<IControlInfo | undefined>;
 }
 export interface IWebApi {
     pictureInPictureApi?: IPictureInPictureApi;

package/types/store/utils.d.ts

@@ -22,6 +22,7 @@ export type DebugData = {
     volume: number;
     videoSize?: string;
     buffer?: number;
+    position?: number;
     speed?: number;
     bitrate?: number;
     liveLatency?: number;

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_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_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_on' | 'tooltip_volume_muted' | 'tooltip_sound_unavailable' | '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' | 'tooltip_autoplay_off' | 'tooltip_autoplay_on' | 'tooltip_context_menu_open' | 'tooltip_context_menu_close' | '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' | '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' | 'aria_label_menu_rotate' | 'aria_label_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | 'aria_label_volume' | 'aria_label_settings' | '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' | 'other_quality' | 'high_quality' | 'high_quality_description' | 'auto_quality_limit' | 'traffic_saving_quality' | 'traffic_saving_quality_description' | 'quality_applience' | 'quality_applience_action' | 'default_quality_for_any_video' | 'slow_video_notification_button' | 'slow_video_notification_force_description' | 'slow_video_notification_suggest_description';
+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_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_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_sound_unavailable' | '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' | 'tooltip_autoplay_off' | 'tooltip_autoplay_on' | 'tooltip_context_menu_open' | 'tooltip_context_menu_close' | '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' | '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' | 'aria_label_menu_rotate' | 'aria_label_menu_loop' | 'aria_label_debug_panel' | 'aria_label_context_menu' | 'aria_label_video_player' | 'aria_label_spherical_control' | 'aria_label_menu_audio_languages' | 'aria_label_volume' | 'aria_label_settings' | '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' | 'other_quality' | 'high_quality' | 'high_quality_description' | 'auto_quality_limit' | 'traffic_saving_quality' | 'traffic_saving_quality_description' | 'quality_applience' | 'quality_applience_action' | 'default_quality_for_any_video' | 'slow_video_notification_button' | 'slow_video_notification_force_description' | 'slow_video_notification_suggest_description';
 export type LanguagePack = Record<Key, string>;
 export type LanguageConfig = {
     language: string;

package/types/types/index.d.ts

@@ -123,6 +123,13 @@ export interface IVKVideoPlayerCallbacks {
             position: Position;
         }) => void;
         onLoopedChanged?: (looped: boolean) => void;
+        onTopLeftControlBlockChanged?: (value?: IControlInfo) => void;
+        onTopRightControlBlockChanged?: (value?: IControlInfo) => void;
+        onMiddleControlBlockChanged?: (value?: IControlInfo) => void;
+        onBottomControlBlockChanged?: (value?: IControlInfo) => void;
+        onBottomLeftControlBlockChanged?: (value?: IControlInfo) => void;
+        onBottomRightControlBlockChanged?: (value?: IControlInfo) => void;
+        onTitleChanged?: (value?: IControlInfo) => void;
     };
     adsInfo?: {
         onLoadStarted?: () => void;
@@ -175,8 +182,9 @@ export interface ITimelinePreviewThumbsData {
     isUV: boolean;
     links: string[];
 }
+export type VideoLiveStatus = 'started' | 'upcoming' | 'waiting' | 'finished' | 'postlive' | 'failed';
 export interface IVideoLive {
-    status: 'started' | 'upcoming' | 'waiting' | 'finished' | 'postlive' | 'failed';
+    status: VideoLiveStatus;
     startTime?: number;
 }
 export interface IVideoDataBase {
@@ -192,14 +200,14 @@ export interface IVideoDataBase {
     previewThumbsData?: ITimelinePreviewThumbsData;
     isClip?: boolean;
     subtitles?: Array<Omit<IExternalTextTrack, 'type'>>;
+    sources?: ISources;
+    live?: IVideoLive;
 }
 export interface IVideoDataWithSources extends IVideoDataBase {
     sources: ISources;
-    live?: never;
 }
-export interface IVideoDataWithLive extends IVideoDataBase {
+export interface IVideoDataWithLive extends IVideoDataWithSources {
     live: IVideoLive;
-    sources?: never;
 }
 export type IVideoData = IVideoDataWithSources | IVideoDataWithLive;
 export interface IInteractiveData extends Pick<IInteractiveOptions, 'initChapterId' | 'historyApi' | 'projectInfo'> {
@@ -335,6 +343,26 @@ export interface IPlayerDesktopControlsWidth {
     vkLogo: number;
     additionalButtons: number[];
 }
+export type ControlBlocksRefs = {
+    /**
+     * Контейнер для контролов, которые отображаются в левом верхнем углу.
+     */
+    topLeft?: HTMLElement | undefined;
+    /**
+     * Контейнер для контролов, которые отображаются в левом верхнем углу.
+     */
+    topRight?: HTMLElement | undefined;
+    /**
+     * Контейнер для контролов, который появляется снизу.
+     */
+    bottom?: HTMLElement | undefined;
+    /**
+     * Контейнер для контролов, который появляется в середине плеера.
+     */
+    middle?: HTMLElement | undefined;
+    bottomLeft?: HTMLElement | undefined;
+    bottomRight?: HTMLElement | undefined;
+};
 export declare const enum PlayerPhase {
     Thumb = "thumb",
     Video = "video",

package/types/utils/getControlInfo.d.ts

@@ -0,0 +1,7 @@
+export declare function getControlInfo<TRefKey extends string, Refs extends Record<TRefKey, HTMLElement | undefined>>(videoElement: HTMLVideoElement | null, refs: Refs, key: TRefKey, show: boolean): {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    isDisplayed: boolean;
+};

package/types/utils/updatePlayerControlBlocks.d.ts

@@ -0,0 +1,3 @@
+import type { ControlBlocksRefs } from '../types';
+import { type IUIState } from '../store';
+export declare const updateControlBlocks: (videoElement: HTMLVideoElement | null, controlBlocks: IUIState["controlBlocks"], controlBlocskRef: ControlBlocksRefs, showControlBlock: boolean) => void;

package/types/utils/getButtonControlInfo.d.ts

@@ -1,14 +0,0 @@
-import { type IUIState } from '../store';
-import { type IControlInfo, type IPlayerControlsRef } from '../types';
-import { type Writable } from 'svelte/store';
-declare const _excludedProps: readonly ["tooltipPointerOffsetX", "disabledControls$", "additionalButtons"];
-export type TKey = Exclude<keyof IUIState['controls'], typeof _excludedProps[number]>;
-export type TControl = Writable<IControlInfo | undefined>;
-export declare function getButtonControlInfo(videoElement: HTMLVideoElement | null, controlsRef: IPlayerControlsRef, key: TKey, showControls: boolean): {
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
-    isDisplayed: boolean;
-};
-export {};