@vkontakte/videoplayer 1.1.95-dev.0bbcbb01d.0 → 1.1.95-dev.1313ba86c.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.95-dev.0bbcbb01d.0",
+  "version": "1.1.95-dev.1313ba86c.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.164-dev.0bbcbb01d.0",
-    "@vkontakte/videoplayer-interactive": "1.0.70-dev.0bbcbb01d.0",
-    "@vkontakte/videoplayer-shared": "1.0.93-dev.0bbcbb01d.0",
-    "@vkontakte/videoplayer-statistics": "1.0.110-dev.0bbcbb01d.0"
+    "@vkontakte/videoplayer-core": "2.0.164-dev.1313ba86c.0",
+    "@vkontakte/videoplayer-interactive": "1.0.70-dev.1313ba86c.0",
+    "@vkontakte/videoplayer-shared": "1.0.93-dev.1313ba86c.0",
+    "@vkontakte/videoplayer-statistics": "1.0.110-dev.1313ba86c.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";
@@ -158,6 +158,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;
@@ -193,6 +194,16 @@ 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;
+	/**
+	* Переключает видимость плашки качества (HD, FHD, 4K и т.д.) около иконки настроек.
+	* @param force Если true — показать, если false — скрыть, если не указано — toggle.
+	*/
+	toggleQualityBadge(force?: boolean): void;
 	focus(): void;
 	/**
 	* Восстанавливает фокус на последнем сфокусированном элементе в плеере.

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

@@ -111,6 +111,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/index.d.ts

@@ -6,7 +6,7 @@ import type { ISources, IDashSource, URLSource, RawSource, URLSourceWithSeek } f
 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 } 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, ISDKConfig, VideoPlayerView, IAdmanInitParamsExternalApi, VKLogoType };
 export { GridTypes } from "./constans";

package/types/store/composition.d.ts

@@ -1,7 +1,7 @@
 import type { IUIConfig } from "../config";
 import type { IVKVideoPlayerConfig } from "../types";
 import type { IStore } from "./index";
-import type { FakeIsPlayingStore, GraphIsOpenedStore, InteractiveControlsOpacityStore, NotificationsStore, PictureInPictureStore, SeekToInteractiveDisabledTooltipStore, ShowInteractiveTimeIndicatorTooltipStore } from "./modules";
+import type { FakeIsPlayingStore, GraphIsOpenedStore, HighlightedMenuItemsStore, InteractiveControlsOpacityStore, NotificationsStore, PictureInPictureStore, SeekToInteractiveDisabledTooltipStore, ShowInteractiveTimeIndicatorTooltipStore } from "./modules";
 import type { Interactives } from "@vkontakte/videoplayer-interactive";
 export interface ICompositionParams {
 	legacyStore: IStore;
@@ -18,6 +18,7 @@ export interface ICompositionResult {
 		showInteractiveTimeIndicatorTooltipStore: ShowInteractiveTimeIndicatorTooltipStore;
 		graphIsOpenedStore: GraphIsOpenedStore;
 		interactiveControlsOpacityStore: InteractiveControlsOpacityStore;
+		highlightedMenuItemsStore: HighlightedMenuItemsStore;
 	};
 	/** Очистка ресурсов */
 	destroy(): void;

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

@@ -16,3 +16,5 @@ 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, HighlightedMenuItemsStore, HighlightedMenuItemsStoreActions } from "./highlightedMenuItemsStore";
+export { highlightedMenuItemsModule, HIGHLIGHTED_MENU_ITEMS_STORE_TOKEN } from "./highlightedMenuItemsStore";

package/types/store/types.d.ts

@@ -141,6 +141,10 @@ export interface IUIState {
 	previewTrackDragInProgress: Writable<boolean>;
 	previewTrackAvailable: Readable<boolean>;
 	isPreviewTrackHorizontallyAligned: Readable<boolean>;
+	/**
+	* Видимость плашки качества (HD, FHD, 4K и т.д.) около иконки настроек.
+	*/
+	qualityBadgeVisible: Writable<boolean>;
 }
 export interface IWebApi {
 	pictureInPictureApi?: IPictureInPictureApi;

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;