@vkontakte/videoplayer 1.1.76 → 1.1.77-dev.553176ba.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.76",
+  "version": "1.1.77-dev.553176ba.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.145",
-    "@vkontakte/videoplayer-interactive": "1.0.51",
-    "@vkontakte/videoplayer-shared": "1.0.73",
-    "@vkontakte/videoplayer-statistics": "1.0.91"
+    "@vkontakte/videoplayer-core": "2.0.146-dev.553176ba.0",
+    "@vkontakte/videoplayer-interactive": "1.0.52-dev.553176ba.0",
+    "@vkontakte/videoplayer-shared": "1.0.74-dev.553176ba.0",
+    "@vkontakte/videoplayer-statistics": "1.0.92-dev.553176ba.0"
   }
 }

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

@@ -25,6 +25,7 @@ export declare class VKVideoPlayer extends HTMLElement {
     private _shadowRoot;
     private playerContainer;
     private rootContainer;
+    private stateContainer;
     private shadowRootContainer;
     private playerId;
     private uiConfig;

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

@@ -1,7 +1,7 @@
 export declare enum SubMenuIds {
     QUALITY = "quality-sub",
     QUALITY_DETAIL = "quality-detail-sub",
-    DEFAULT_QUALITY_APPLIENCE = "default_quality_applies_to_sub",
+    DEFAULT_QUALITY_APPLIANCE = "default_quality_applies_to_sub",
     AUDIO_LANGUAGES = "audio-language-sub",
     PLAYBACK_RATE = "playback-rate-sub",
     SUBTITLES = "subtitles-sub"

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

@@ -3,31 +3,31 @@ import type { IAudioStream, PlaybackRate, VideoQuality } from '@vkontakte/videop
 import type { QualitySettingsAppliesTo } from '../../../utils/userSettings';
 import type { TmpComponentType } from 'packages/ui/src/types/tmp';
 export declare enum SharedSubMenuItemId {
-    QUALITY_OTHER = "QUALITY_OTHER",
-    QUALITY_AUTO = "QUALITY_AUTO",
-    QUALITY_APPLIENCE = "QUALITY_APPLIENCE",
-    QUALITY_HIGH = "QUALITY_HIGH",
-    QUALITY_TRAFFIC_SAVING = "QUALITY_TRAFFIC_SAVING"
+    QUALITY_OTHER = "quality-other-settings",
+    QUALITY_AUTO = "quality-auto",
+    QUALITY_APPLIANCE = "quality-appliance-settings",
+    QUALITY_HIGH = "quality-high",
+    QUALITY_TRAFFIC_SAVING = "quality-traffic-saving"
 }
 export declare enum SubMenuId {
-    PLAYBACK_RATE_SUB_MENU = "PLAYBACK_RATE_SUB_MENU",
-    QUALITY_DETAILS = "QUALITY_DETAILS",
-    QUALITY = "QUALITY",
-    QUALITY_APPLIENCE = "QUALITY_APPLIENCE",
-    AUDIO_LANGUAGES = "AUDIO_LANGUAGES",
-    SUBTITLES = "SUBTITLES"
+    PLAYBACK_RATE = "playback-rate",
+    QUALITY_SETTINGS = "quality-settings",
+    QUALITY_OTHER_SETTINGS = "quality-other-settings",
+    QUALITY_APPLIANCE = "quality-appliance",
+    AUDIO_LANGUAGES = "audio-languages",
+    SUBTITLES = "subtitles"
 }
 export declare enum RootMenuId {
-    QUALITY_SETTINGS = "QUALITY_SETTINGS",
-    TRAFFIC_SAVING_SWITCH = "TRAFFIC_SAVING_SWITCH",
-    AUDIO_LANGUAGES = "AUDIO_LANGUAGES",
-    PLAYBACK_RATE = "PLAYBACK_RATE",
-    SUBTITLES = "SUBTITLES",
-    DOWNLOAD = "DOWNLOAD",
-    SHOW_SUPPORT = "SHOW_SUPPORT",
-    COPY_DATA = "COPY_DATA",
-    SAVE_TRACE_INFO = "SAVE_TRACE_INFO",
-    DEBUG_INFO = "DEBUG_INFO"
+    QUALITY_SETTINGS = "quality-settings",
+    TRAFFIC_SAVING_SWITCH = "traffic-saving-switch",
+    AUDIO_LANGUAGES = "audio-languages-settings",
+    PLAYBACK_RATE = "playback-rate-settings",
+    SUBTITLES = "subtitles-settings",
+    DOWNLOAD = "download",
+    SHOW_SUPPORT = "show-support",
+    COPY_DATA = "copy-data",
+    SAVE_TRACE_INFO = "save-trace-info",
+    DEBUG_INFO = "debug-info"
 }
 export type Context = {
     closeSettingsMenu: () => 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, ControlBlocksRefs, 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, type ControlBlocksRefs, type ControlsKeys, type HotKeyMapData, type IAnnotationsApi, type IControlInfo, type IDisabledControls, type IInteractiveData, type IPictureInPictureApi, type IPlayerControlsRef, type IPlayerPhase, type ITimelinePreviewThumbsData, type IVideoEpisode, type IVKVideoPlayerCallbacks, type IVKVideoPlayerUICallbacks, type PlaybackStateRealistic, type Position, type VideoPlaybackRate, type VideoPlayerView, type VideoQualityForRender, type VideoQualityUI, type VideoSubtitle, type VideoSubtitleParsed } from '../types';
 import { AdsPlaybackState } from '../types';
 import { type QualitySettingsAppliesTo } from '../utils/userSettings';
 import type { DebugData } from './utils';
@@ -16,6 +16,7 @@ import { UIOneStat } from '../services/statistics';
 import type { AdditionalContextMenuItem, AdditionalSettingsMenuItem, ContextMenuItem, SettingsMenuItem } from '../components/Menus/subMenuTabs/types';
 import type { AdditionalButton, AdditionalDesktopControlPanelButton } from '../components/Controls/types';
 import type { SlotsApi } from '../utils/webAPI/slotsApi';
+import type { FocusManager } from '../utils/webAPI/focusManager';
 type Info = {
     appliesTo?: QualitySettingsAppliesTo;
     changeReason?: 'default' | 'limit-changed';
@@ -148,6 +149,7 @@ export interface IWebApi {
     pictureInPictureApi?: IPictureInPictureApi;
     annotationsApi?: IAnnotationsApi;
     slotsApi?: SlotsApi;
+    focusManager?: FocusManager;
 }
 export interface IStore {
     initVideo: (config: IConfig & {
@@ -166,6 +168,7 @@ export interface IStore {
         positionWithScrubbing$: Readable<number>;
         duration$: Readable<number>;
         playbackState$: Readable<PlaybackState | undefined>;
+        playbackStateRealistic$: Readable<PlaybackStateRealistic | undefined>;
         isPlaying$: Readable<boolean>;
         isLoaderVisible: Readable<boolean>;
         bufferedProgress$: Readable<number>;
@@ -250,8 +253,8 @@ export interface IStore {
             setVideoStream: (stream: IVideoStream) => void;
             setQuality: (quality: VideoQualityUI, info?: Info) => void;
             setPlaybackRate: (playbackRate: PlaybackRate) => void;
-            incrementPlaybackRate: () => void;
-            decrementPlaybackRate: () => void;
+            incrementPlaybackRate: () => VideoPlaybackRate;
+            decrementPlaybackRate: () => VideoPlaybackRate;
             setSubtitle: (subtitle?: VideoSubtitle) => void;
             toggleSubtitle: () => void;
             togglePictureInPicture: () => void;

package/types/types/index.d.ts

@@ -623,4 +623,8 @@ export interface Caption {
     value: string;
 }
 export type NotificationId = 'slow_video';
+export declare enum PlaybackStateExtended {
+    BUFFERING = "buffering"
+}
+export type PlaybackStateRealistic = PlaybackState | PlaybackStateExtended;
 export {};

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

@@ -0,0 +1,34 @@
+export interface FocusableElement extends HTMLElement {
+    disabled?: boolean;
+    href?: string;
+    tabIndex: number;
+}
+export declare class FocusLock {
+    private getActiveElement;
+    private focusableElements;
+    private isActive;
+    private container;
+    constructor(getActiveElement: () => HTMLElement | null);
+    /**
+     * Активирует захват фокуса
+     */
+    activate(): void;
+    /**
+     * Деактивирует захват фокуса
+     */
+    deactivate(): void;
+    /**
+     * Обновляет список фокусируемых элементов
+     */
+    updateFocusableElements(): void;
+    /**
+     * Получает все фокусируемые элементы внутри контейнера
+     */
+    private getFocusableElements;
+    /**
+     * Обработчик клавиши Tab
+     */
+    private handleTabKey;
+    destroy(): void;
+    setContainer(container: HTMLElement): void;
+}

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

@@ -1,6 +1,7 @@
 export declare class FocusManager {
     private shadowRoot;
     private lastFocusedNode;
+    private focusLock;
     constructor(shadowRoot: ShadowRoot);
     private init;
     private handleFocusChange;
@@ -9,4 +10,8 @@ export declare class FocusManager {
      */
     restoreFocus: () => void;
     destroy(): void;
+    getLastFocusedNode(): HTMLElement | null;
+    activateLock(): void;
+    deactivateLock(): void;
+    setContainerForFocusLock(container: HTMLElement): void;
 }