@vkontakte/videoplayer 1.1.96-dev.dc17075f7.0 → 1.1.97-dev.2d0cf8810.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.96-dev.dc17075f7.0",
+  "version": "1.1.97-dev.2d0cf8810.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -43,9 +43,9 @@
   ],
   "dependencies": {
     "@adtech/rbadman": "2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.165-dev.dc17075f7.0",
-    "@vkontakte/videoplayer-interactive": "1.0.71-dev.dc17075f7.0",
-    "@vkontakte/videoplayer-shared": "1.0.94-dev.dc17075f7.0",
-    "@vkontakte/videoplayer-statistics": "1.0.111-dev.dc17075f7.0"
+    "@vkontakte/videoplayer-core": "2.0.166-dev.2d0cf8810.0",
+    "@vkontakte/videoplayer-interactive": "1.0.72-dev.2d0cf8810.0",
+    "@vkontakte/videoplayer-shared": "1.0.95-dev.2d0cf8810.0",
+    "@vkontakte/videoplayer-statistics": "1.0.112-dev.2d0cf8810.0"
   }
 }

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

@@ -7,7 +7,7 @@ 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 { AdditionalContextMenuItem, AdditionalSettingsMenuItem, MenuItemHighlight, RootMenuId } from "../components/Menus/subMenuTabs/types";
 import type { AdditionalButton } from "../components/Controls/types";
 import { SlotsApi } from "../utils/webAPI/slotsApi";
 import { HTMLElement } from "./HTMLElement";
@@ -159,6 +159,7 @@ export declare class VKVideoPlayer extends HTMLElement {
 	*/
 	toggleHighQuality(value: boolean): void;
 	changeAudioStream(id: string): void;
+	setHighlightedMenuItems(items: Partial<Record<RootMenuId, MenuItemHighlight>> | undefined): void;
 	addLanguage(config: LanguageConfig): void;
 	setLanguage(language: InterfaceLanguage | string): Promise<void>;
 	private replaceVideoDataInConfig;
@@ -194,6 +195,11 @@ export declare class VKVideoPlayer extends HTMLElement {
 	updateStatContext(statContext: Partial<IStatContext | ThinOneStat.IStatContext>): void;
 	handleTimerNextVideo(state: boolean): void;
 	togglePictureInPicture(): void;
+	/**
+	* Переключает видимость меню настроек.
+	* @param force Если true — открыть, если false — закрыть, если не указано — toggle.
+	*/
+	toggleSettingsMenu(force?: boolean): void;
 	focus(): void;
 	/**
 	* Восстанавливает фокус на последнем сфокусированном элементе в плеере.

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

@@ -28,6 +28,7 @@ export declare enum RootMenuId {
 	COPY_DATA = "copy-data",
 	DEBUG_INFO = "debug-info"
 }
+export declare const SETTINGS_MENU_ID: "settings";
 export type Context = {
 	closeSettingsMenu: () => void;
 	isMobile: boolean;
@@ -111,6 +112,12 @@ export declare enum MenuItemType {
 	CLICK = "CLICK",
 	SWITCH = "SWITCH"
 }
+export interface MenuItemHighlight {
+	/** SVG как строка или URL на SVG-файл */
+	svg: string;
+	/** CSS стили для контейнера с SVG */
+	styleSvgContainer?: string;
+}
 export declare enum SubMenuItemType {
 	OPEN_SUB_MENU = "OPEN_SUB_MENU",
 	SELECT_VALUE = "SELECT_VALUE"

package/types/components/Menus/utils/getSubMenusStack.svelte.d.ts

@@ -7,4 +7,5 @@ export declare const getSubMenusStack: () => {
 	pushSubMenu: (subMenuId: SubMenuId) => void;
 	popSubMenu: () => void;
 	popAllSubMenus: () => void;
+	readonly length: number;
 };

package/types/config.d.ts

@@ -62,6 +62,16 @@ export interface IAdsConfig {
 export interface IUIConfig {
 	isMobile: ForceOrRelay;
 	keepPlayerElement: boolean;
+	/**
+	* не будет использовано если keepPlayerElement: false
+	* @default true
+	*/
+	keepPlayerElementOnMobile: boolean;
+	/**
+	* не будет использовано если keepPlayerElement: false
+	* @default true
+	*/
+	keepPlayerElementOnSafari: boolean;
 	disableInvisibleComponentsTimeout: Milliseconds;
 	debugLog: boolean | {
 		tag?: string;

package/types/index.d.ts

@@ -1,14 +1,14 @@
 import { VKVideoPlayer } from "./VKVideoPlayer/index.svelte";
-import type { AdsParams, IAdmanInitParamsExternalApi, IVKVideoPlayerConfig, IUpdatableVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, IVideoEpisode, IQoeConfig, IQoePoll, IQoeResult, IQoeQuestion, IQoeCallbacks, QoePollTranslations, VideoPlayerView } from "./types";
+import type { AdsParams, IAdmanInitParamsExternalApi, IVKVideoPlayerConfig, IUpdatableVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, IVideoEpisode, IQoeConfig, IQoeButtonOnlyConfig, IQoePoll, IQoeResult, IQoeQuestion, IQoeCallbacks, QoePollTranslations, VideoPlayerView } from "./types";
 import type { LanguagePack, LanguageConfig } from "./translation/types";
 import type { LogoType as VKLogoType, IAdsConfig, ISDKConfig, IDpipConfig } from "./config";
 import type { ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek } from "@vkontakte/videoplayer-core";
 import type { Milliseconds, QualityLimits } from "@vkontakte/videoplayer-shared";
 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 AdditionalSettingsMenuItem, MenuItemType, type AdditionalClickSettingsMenuItem, type AdditionalSwitchSettingsMenuItem, type AdditionalContextMenuItem, RootMenuId, SubMenuId, SETTINGS_MENU_ID } from "./components/Menus/subMenuTabs/types";
 export { type AdditionalButton, ControlButtonType } from "./components/Controls/types";
-export type { VKVideoPlayer, IVKVideoPlayerConfig, IUpdatableVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IAdsConfig, IVideoEpisode, IDpipConfig, IQoeConfig, IQoePoll, IQoeResult, IQoeQuestion, IQoeCallbacks, QoePollTranslations, ISDKConfig, VideoPlayerView, IAdmanInitParamsExternalApi, VKLogoType };
+export type { VKVideoPlayer, IVKVideoPlayerConfig, IUpdatableVKVideoPlayerConfig, IControlInfo, ITimelinePreviewThumbsData, IUpcomingLiveViewControlInfo, IVKVideoPlayerCallbacks, IVideoData, AdsParams, HotKeyMapData, HotKeyMapItem, HotKeyMapGroup, ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek, LanguagePack, LanguageConfig, Milliseconds, IVideoLive, IInteractiveData, AdditionalButtonDeprecated, QualityLimits, IAdsConfig, IVideoEpisode, IDpipConfig, IQoeConfig, IQoeButtonOnlyConfig, IQoePoll, IQoeResult, IQoeQuestion, IQoeCallbacks, QoePollTranslations, ISDKConfig, VideoPlayerView, IAdmanInitParamsExternalApi, VKLogoType };
 export { GridTypes } from "./constans";
 export { PlayerPhase } from "./types";
 export { isPiPSupported, isDpipSupported } from "./utils/webAPI/pictureInPictureApi";

package/types/store/composition.d.ts

@@ -2,7 +2,7 @@ import type { IUIConfig } from "../config";
 import type { IVKVideoPlayerConfig } from "../types";
 import type { IUIStatistics } from "../services/statistics";
 import type { IStore } from "./index";
-import type { FakeIsPlayingStore, GraphIsOpenedStore, InteractiveControlsOpacityStore, LanguageStore, NotificationsStore, PictureInPictureStore, IQoeStore, SeekToInteractiveDisabledTooltipStore, ShowInteractiveTimeIndicatorTooltipStore, SubtitlesStore, QualityStore, PlaybackRateStore } from "./modules";
+import type { FakeIsPlayingStore, GraphIsOpenedStore, HighlightedMenuItemsStore, InteractiveControlsOpacityStore, LanguageStore, NotificationsStore, PictureInPictureStore, IQoeStore, SeekToInteractiveDisabledTooltipStore, ShowInteractiveTimeIndicatorTooltipStore, SubtitlesStore, QualityStore, PlaybackRateStore } from "./modules";
 import type { AppTracer, ITracer } from "@vkontakte/videoplayer-shared";
 import type { Interactives } from "@vkontakte/videoplayer-interactive";
 export interface ICompositionParams {
@@ -19,6 +19,7 @@ export interface ICompositionResult {
 		fakeIsPlayingStore: FakeIsPlayingStore;
 		graphIsOpenedStore: GraphIsOpenedStore;
 		interactiveControlsOpacityStore: InteractiveControlsOpacityStore;
+		highlightedMenuItemsStore: HighlightedMenuItemsStore;
 		notificationsStore: NotificationsStore;
 		pictureInPictureStore: PictureInPictureStore;
 		qoeStore: IQoeStore;

package/types/store/modules/highlightedMenuItemsStore/highlightedMenuItems.module.d.ts

@@ -0,0 +1,3 @@
+import { type HighlightedMenuItemsStore } from "./highlightedMenuItems.store";
+import type { Module } from "../utils";
+export declare const highlightedMenuItemsModule: Module<HighlightedMenuItemsStore>;

package/types/store/modules/highlightedMenuItemsStore/highlightedMenuItems.store.d.ts

@@ -0,0 +1,21 @@
+/**
+* HighlightedMenuItems Store
+*
+* Управляет подсветкой пунктов меню настроек.
+*/
+import type { Writable } from "svelte/store";
+import type { MenuItemHighlight, RootMenuId } from "../../../components/Menus/subMenuTabs/types";
+export interface HighlightedMenuItemsStoreState {
+	items$: Writable<Partial<Record<RootMenuId, MenuItemHighlight>> | undefined>;
+}
+export interface HighlightedMenuItemsStoreActions {
+	/** Установить подсвеченные пункты меню */
+	setHighlightedMenuItems(items: Partial<Record<RootMenuId, MenuItemHighlight>> | undefined): void;
+	/** Очистить подсветку */
+	clear(): void;
+}
+export interface HighlightedMenuItemsStore {
+	state: HighlightedMenuItemsStoreState;
+	actions: HighlightedMenuItemsStoreActions;
+}
+export declare const createHighlightedMenuItemsStore: () => HighlightedMenuItemsStore;

package/types/store/modules/highlightedMenuItemsStore/highlightedMenuItems.token.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from "@vkontakte/videoplayer-shared";
+export declare const HIGHLIGHTED_MENU_ITEMS_STORE_TOKEN: InjectionToken<HIGHLIGHTED_MENU_ITEMS_STORE_STORE>;
+import type { HighlightedMenuItemsStore } from "./highlightedMenuItems.store";
+type HIGHLIGHTED_MENU_ITEMS_STORE_STORE = HighlightedMenuItemsStore;
+export {};

package/types/store/modules/highlightedMenuItemsStore/index.d.ts

@@ -0,0 +1,3 @@
+export type { HighlightedMenuItemsStoreState, HighlightedMenuItemsStore, HighlightedMenuItemsStoreActions } from "./highlightedMenuItems.store";
+export { highlightedMenuItemsModule } from "./highlightedMenuItems.module";
+export { HIGHLIGHTED_MENU_ITEMS_STORE_TOKEN } from "./highlightedMenuItems.token";

package/types/store/modules/index.d.ts

@@ -20,6 +20,7 @@ export type { SeekToInteractiveDisabledTooltipStoreState, SeekToInteractiveDisab
 export { seekToInteractiveDisabledTooltipModule, SEEK_TO_INTERACTIVE_DISABLED_TOOLTIP_STORE_TOKEN } from "./seekToInteractiveDisabledTooltipStore";
 export type { ShowInteractiveTimeIndicatorTooltipStoreState, ShowInteractiveTimeIndicatorTooltipStore, ShowInteractiveTimeIndicatorTooltipStoreActions, ShowInteractiveTimeIndicatorTooltipStoreDeps } from "./showInteractiveTimeIndicatorTooltipStore";
 export { showInteractiveTimeIndicatorTooltipModule, SHOW_INTERACTIVE_TIME_INDICATOR_TOOLTIP_STORE_TOKEN } from "./showInteractiveTimeIndicatorTooltipStore";
+export { type HighlightedMenuItemsStoreState, type HighlightedMenuItemsStore, type HighlightedMenuItemsStoreActions, highlightedMenuItemsModule, HIGHLIGHTED_MENU_ITEMS_STORE_TOKEN } from "./highlightedMenuItemsStore";
 export type { SubtitlesStoreState, SubtitlesStoreInternalActions, SubtitlesStoreExternalActions, SubtitlesStore, SubtitlesStoreDeps } from "./subtitlesStore";
 export { subtitlesModule, SUBTITLES_STORE_TOKEN } from "./subtitlesStore";
 export type { QualityStoreDeps, QualityStoreState, QualityStore } from "./qualityStore";

package/types/store/types.d.ts

@@ -62,6 +62,7 @@ export interface IUIState {
 		fullscreen: Writable<IControlInfo | undefined>;
 		chromecast: Writable<IControlInfo | undefined>;
 		pip: Writable<IControlInfo | undefined>;
+		qoe: Writable<IControlInfo | undefined>;
 		"theater-mode-button": Writable<IControlInfo | undefined>;
 		vkLogo: Writable<IControlInfo | undefined>;
 		interactiveTimeIndicator: Writable<IControlInfo | undefined>;

package/types/types/index.d.ts

@@ -381,6 +381,7 @@ export interface IPlayerControlsRef {
 	interactiveTimeIndicator?: HTMLElement;
 	timeline?: HTMLElement;
 	autoplayNextToggle?: HTMLButtonElement;
+	qoe?: HTMLElement;
 }
 export interface IPlayerDesktopControlsWidth {
 	prevButton: number;

package/types/utils/sanitizeSvg.d.ts

@@ -0,0 +1,5 @@
+/**
+* Базовая санитизация SVG для защиты от XSS.
+* Удаляет опасные паттерны: script-теги, event handlers, javascript: URLs.
+*/
+export declare function sanitizeSvg(svg: string | undefined): string;