@vkontakte/videoplayer 1.1.86 → 1.1.87-dev.04ce2cd1.0

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

@@ -1,93 +1,96 @@
-import { UIType } from '../../types';
-import { SubMenuIds } from './constants/subMenuIds';
-import type { TmpComponentType } from '../../types/tmp';
+import type { UIType } from "../../types";
+import type { SubMenuIds } from "./constants/subMenuIds";
+import type { TmpComponentType } from "../../types/tmp";
 interface BaseMenuItem {
-    id: string;
-    weight: number;
-    ariaLabel?: string;
-    label: string;
+	id: string;
+	weight: number;
+	ariaLabel?: string;
+	label: string;
 }
 interface BaseSettingsMenuItem extends BaseMenuItem {
-    icon: TmpComponentType | string;
-    isHiddenFor?: UIType[];
+	icon: TmpComponentType | string;
+	isHiddenFor?: UIType[];
 }
 export declare enum MenuItemType {
-    OPEN_SUB_MENU = "OPEN_SUB_MENU",
-    CLICK = "CLICK",
-    SWITCH = "SWITCH"
+	OPEN_SUB_MENU = "OPEN_SUB_MENU",
+	CLICK = "CLICK",
+	SWITCH = "SWITCH"
 }
 export declare enum SubMenuItemType {
-    OPEN_SUB_MENU = "OPEN_SUB_MENU",
-    SELECT_VALUE = "SELECT_VALUE"
+	OPEN_SUB_MENU = "OPEN_SUB_MENU",
+	SELECT_VALUE = "SELECT_VALUE"
 }
 export interface OpenSubMenuSettingsMenuItem extends BaseSettingsMenuItem {
-    type: MenuItemType.OPEN_SUB_MENU;
-    subMenuId: SubMenuIds;
-    value: string;
-    valueComponent?: any;
-    getSubItemForFocus: () => HTMLLIElement;
+	type: MenuItemType.OPEN_SUB_MENU;
+	subMenuId: SubMenuIds;
+	value: string;
+	valueComponent?: any;
+	getSubItemForFocus: () => HTMLLIElement;
 }
 export interface ClickSettingsMenuItem extends BaseSettingsMenuItem {
-    type: MenuItemType.CLICK;
-    onClick: () => void;
+	type: MenuItemType.CLICK;
+	onClick: () => void;
 }
 export interface SwitchSettingsMenuItem extends BaseSettingsMenuItem {
-    type: MenuItemType.SWITCH;
-    onClick: (enabled: boolean) => void;
-    enabled: boolean;
-    tooltipText?: string;
-    maxTooltipWidth?: number;
+	type: MenuItemType.SWITCH;
+	onClick: (enabled: boolean) => void;
+	enabled: boolean;
+	tooltipText?: string;
+	maxTooltipWidth?: number;
 }
-export type AdditionalSwitchSettingsMenuItem = Omit<SwitchSettingsMenuItem, 'icon' | 'onClick'> & {
-    icon: string;
-    onChangeEnabled: (enabled: boolean) => void;
+export type AdditionalSwitchSettingsMenuItem = Omit<SwitchSettingsMenuItem, "icon" | "onClick"> & {
+	icon: string;
+	onChangeEnabled: (enabled: boolean) => void;
 };
-export type AdditionalClickSettingsMenuItem = Omit<SwitchSettingsMenuItem, 'icon'> & {
-    icon: string;
+export type AdditionalClickSettingsMenuItem = Omit<SwitchSettingsMenuItem, "icon"> & {
+	icon: string;
 };
 export type SettingsMenuItem = OpenSubMenuSettingsMenuItem | ClickSettingsMenuItem | SwitchSettingsMenuItem;
 export type AdditionalSettingsMenuItem = AdditionalSwitchSettingsMenuItem | AdditionalClickSettingsMenuItem;
 interface SubMenuItemBase<U = any> {
-    selected?: boolean;
-    valueComponent?: TmpComponentType;
-    valueComponentParams?: {
-        [key: string]: U;
-    };
-    bottomBordered?: boolean;
-    label?: string;
-    sublabel?: string;
-    ariaLabel?: string;
-    onClick?: () => void;
+	selected?: boolean;
+	valueComponent?: TmpComponentType;
+	valueComponentParams?: {
+		[key: string]: U;
+	};
+	bottomBordered?: boolean;
+	label?: string;
+	sublabel?: string;
+	ariaLabel?: string;
+	onClick?: () => void;
 }
-export interface SelectValueSubMenuItem<T = any, U = any> extends SubMenuItemBase<U> {
-    type: SubMenuItemType.SELECT_VALUE;
-    value: T;
-    dataValue?: T | keyof T;
-    selectItem: (value: T) => void;
+export interface SelectValueSubMenuItem<
+	T = any,
+	U = any
+> extends SubMenuItemBase<U> {
+	type: SubMenuItemType.SELECT_VALUE;
+	value: T;
+	dataValue?: T | keyof T;
+	selectItem: (value: T) => void;
 }
 export interface OpenSubMenuSubMenuItem extends SubMenuItemBase {
-    type: SubMenuItemType.OPEN_SUB_MENU;
-    id: string;
-    subMenuId: SubMenuIds;
-    getSubItemForFocus?: () => HTMLLIElement;
+	type: SubMenuItemType.OPEN_SUB_MENU;
+	id: string;
+	subMenuId: SubMenuIds;
+	getSubItemForFocus?: () => HTMLLIElement;
 }
 export type SubMenuItem = SelectValueSubMenuItem | OpenSubMenuSubMenuItem;
 export interface SubMenuList {
-    id: SubMenuIds;
-    parentItemId?: string;
-    items: SubMenuItem[];
-    returnFromSubMenu?: () => void;
-    ariaLabelReturnFromSubMenu?: string;
-    title: string;
-    closeSettingsMenu: () => void;
-    minWidth?: number;
-    onMount?: () => void;
+	id: SubMenuIds;
+	parentItemId?: string;
+	items: SubMenuItem[];
+	returnFromSubMenu?: () => void;
+	ariaLabelReturnFromSubMenu?: string;
+	title: string;
+	closeSettingsMenu: () => void;
+	minWidth?: number;
+	onMount?: () => void;
 }
 export interface ContextMenuItem extends BaseMenuItem {
-    onClick: () => void;
+	onClick: () => void;
 }
 export type AdditionalContextMenuItem = ContextMenuItem;
 export type MenuRefs = {
-    [key: string]: HTMLUListElement;
+	[key: string]: HTMLUListElement;
 };
 export {};

package/types/components/Menus/utils/getCurrentQualityDisplayValue.d.ts

@@ -1,21 +1,21 @@
-import { VideoQuality } from '@vkontakte/videoplayer-core';
-import { type VideoQualityForRender } from '../../../types';
+import { VideoQuality } from "@vkontakte/videoplayer-core";
+import { type VideoQualityForRender } from "../../../types";
 type Params = {
-    quality: VideoQuality;
-    availableQualities: VideoQualityForRender[];
+	quality: VideoQuality;
+	availableQualities: VideoQualityForRender[];
 };
 export declare const getQualityDisplayValue: ({ quality, availableQualities }: Params) => string;
 type CurrentQualityParams = {
-    isAutoQualityEnabled: boolean | undefined;
-    quality: VideoQuality | undefined;
-    availableQualities: VideoQualityForRender[];
+	isAutoQualityEnabled: boolean | undefined;
+	quality: VideoQuality | undefined;
+	availableQualities: VideoQualityForRender[];
 };
-export declare const getCurrentQualityDisplayValue: ({ quality, availableQualities, isAutoQualityEnabled, }: CurrentQualityParams) => string;
+export declare const getCurrentQualityDisplayValue: ({ quality, availableQualities, isAutoQualityEnabled }: CurrentQualityParams) => string;
 type QualityWithPrefixParams = {
-    quality: VideoQuality | undefined;
-    availableQualities: VideoQualityForRender[];
-    prefix: string;
-    onlyPrefix: boolean;
+	quality: VideoQuality | undefined;
+	availableQualities: VideoQualityForRender[];
+	prefix: string;
+	onlyPrefix: boolean;
 };
 export declare const getQualityWithPrefix: ({ quality, availableQualities, prefix, onlyPrefix }: QualityWithPrefixParams) => string;
 export {};

package/types/components/Menus/utils/getQualityIcon.d.ts

@@ -1,3 +1,3 @@
-import type { VideoQualityUI } from '../../../types';
-import type { TmpComponentType } from '../../../types/tmp';
+import type { VideoQualityUI } from "../../../types";
+import type { TmpComponentType } from "../../../types/tmp";
 export declare const getQualityIcon: (quality?: VideoQualityUI) => TmpComponentType | undefined;

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

@@ -1,10 +1,10 @@
-import { SubMenuId } from '../subMenuTabs/types';
+import type { SubMenuId } from "../subMenuTabs/types";
 /**
- * Представляем цепочку открытия подменюшек стеком, таким образом можем открывать хоть сколько.
- */
+* Представляем цепочку открытия подменюшек стеком, таким образом можем открывать хоть сколько.
+*/
 export declare const getSubMenusStack: () => {
-    readonly current: SubMenuId | null;
-    pushSubMenu: (subMenuId: SubMenuId) => void;
-    popSubMenu: () => void;
-    popAllSubMenus: () => void;
+	readonly current: SubMenuId | null;
+	pushSubMenu: (subMenuId: SubMenuId) => void;
+	popSubMenu: () => void;
+	popAllSubMenus: () => void;
 };

package/types/components/Menus/utils/menuNavigation.d.ts

@@ -1,15 +1,15 @@
-import { ProcessedKeysCodes } from '../../../constans';
-import { type Writable } from 'svelte/store';
-import type { Position } from '../../../types';
+import { ProcessedKeysCodes } from "../../../constans";
+import { type Writable } from "svelte/store";
+import type { Position } from "../../../types";
 export declare const eventStop: (event: Event) => void;
 export declare const clearFocusHiddenClass: (target: HTMLElement) => void;
 export declare const isChoseItemCase: (event: KeyboardEvent, extraKeys?: ProcessedKeysCodes[]) => boolean;
-export declare const isKeyboardHandleCase: (event?: MouseEvent) => boolean;
+export declare const isKeyboardHandleCase: (event?: MouseEvent | PointerEvent) => boolean;
 export declare const handleFocusReturnToBtn: (ref: HTMLButtonElement, menuVisible: boolean, openedByKeyboard$: Writable<boolean>) => Promise<void>;
 export declare const handleFocusReturnToElem: (ref: HTMLButtonElement, menuVisible: boolean, openedByKeyboard$: Writable<boolean>) => Promise<void>;
 export declare const handleFocusOnMenu: (ref: HTMLUListElement, menuVisible: boolean, isOpenedByKeyboard: boolean, isMobile?: boolean) => Promise<void>;
 export declare const returnFocusToMenuItem: (refMenuItems: {
-    [key: string]: HTMLLIElement;
+	[key: string]: HTMLLIElement;
 }, id: string) => Promise<void>;
 export declare const handleKeyDownMainMenu: (event: KeyboardEvent, closeCallback: () => void) => void;
 export declare const handleKeyDownOpenSubMenuItem: (event: KeyboardEvent, openSubmenuFn: () => void) => Promise<void>;

package/types/components/Root/types.d.ts

@@ -1,85 +1,85 @@
-import type { IExternalTextTrack, ISources, PlaybackRate } from '@vkontakte/videoplayer-core';
-import type { IStore } from '../../store';
-import type { IMicroStoresRoot, IVideoLive, IVKVideoPlayerConfig } from '../../types';
-import type { IUIConfig } from '../../config';
-import type { Interactives } from '@vkontakte/videoplayer-interactive';
-import KeyboardControls from '../KeyboardControls.svelte';
-import type { QualityLimits } from '@vkontakte/videoplayer-shared';
-import type { AdmanInitParams } from '../Ads/types';
+import type { IExternalTextTrack, ISources, PlaybackRate } from "@vkontakte/videoplayer-core";
+import type { IStore } from "../../store";
+import type { IMicroStoresRoot, IVideoLive, IVKVideoPlayerConfig } from "../../types";
+import type { IUIConfig } from "../../config";
+import type { Interactives } from "@vkontakte/videoplayer-interactive";
+import type KeyboardControls from "../KeyboardControls.svelte";
+import type { QualityLimits } from "@vkontakte/videoplayer-shared";
+import type { AdmanInitParams } from "../Ads/types";
 export interface RootProps {
-    sources: ISources | undefined;
-    store: IStore;
-    microStoresRoot: IMicroStoresRoot;
-    videoConfig: IVKVideoPlayerConfig;
-    uiConfig: IUIConfig;
-    title: string;
-    thumbUrl: string | undefined;
-    interactiveContainer: HTMLElement | undefined;
-    interactiveController: Interactives | undefined;
-    subtitles: Omit<IExternalTextTrack, 'type'>[] | undefined;
-    subtitlesForcedLanguage?: string;
-    live: IVideoLive | undefined;
-    preload: boolean;
-    autoplay: boolean;
-    volume?: number | undefined;
-    muted?: boolean | undefined;
-    fromTime: number;
-    canRewindLive: boolean;
-    showAds: boolean;
-    adsSlotId?: number | undefined;
-    adsParams?: AdmanInitParams['params'];
-    adsAutoplayParam?: boolean;
-    adsExternalApi?: AdmanInitParams['externalApi'];
-    adsJson?: AdmanInitParams['json'];
-    duration?: number | undefined;
-    logoClickable: boolean;
-    logoHidden: boolean;
-    isMobile: boolean;
-    showNextPrevButtons?: boolean;
-    nextButtonActive?: boolean;
-    prevButtonActive?: boolean;
-    endScreenVideoTitle?: string | undefined;
-    endScreenVideoThumb?: string | undefined;
-    isOneVideoPlaylist?: boolean;
-    supportLink: string;
-    shadowRootContainer: HTMLElement;
-    outerContainerRef: HTMLElement;
-    fullScreenTarget?: HTMLElement | undefined;
-    failoverHosts?: string[] | undefined;
-    showMiniTimer?: boolean;
-    saveRate: boolean;
-    seekToInteractive?: () => void;
-    playPrevChapter?: () => void;
-    volumeMultiplier: number;
-    showEndScreen?: boolean;
-    showAutoplayNext: boolean;
-    keyboardControls?: KeyboardControls | undefined;
-    needToRepeatPlaylist?: boolean;
-    getVideoDeeplink?: (timestamp: number) => string;
+	sources: ISources | undefined;
+	store: IStore;
+	microStoresRoot: IMicroStoresRoot;
+	videoConfig: IVKVideoPlayerConfig;
+	uiConfig: IUIConfig;
+	title: string;
+	thumbUrl: string | undefined;
+	interactiveContainer: HTMLElement | undefined;
+	interactiveController: Interactives | undefined;
+	subtitles: Omit<IExternalTextTrack, "type">[] | undefined;
+	subtitlesForcedLanguage?: string;
+	live: IVideoLive | undefined;
+	preload: boolean;
+	autoplay: boolean;
+	volume?: number | undefined;
+	muted?: boolean | undefined;
+	fromTime: number;
+	canRewindLive: boolean;
+	showAds: boolean;
+	adsSlotId?: number | undefined;
+	adsParams?: AdmanInitParams["params"];
+	adsAutoplayParam?: boolean;
+	adsExternalApi?: AdmanInitParams["externalApi"];
+	adsJson?: AdmanInitParams["json"];
+	duration?: number | undefined;
+	logoClickable: boolean;
+	logoHidden: boolean;
+	isMobile: boolean;
+	showNextPrevButtons?: boolean;
+	nextButtonActive?: boolean;
+	prevButtonActive?: boolean;
+	endScreenVideoTitle?: string | undefined;
+	endScreenVideoThumb?: string | undefined;
+	isOneVideoPlaylist?: boolean;
+	supportLink: string;
+	shadowRootContainer: HTMLElement;
+	outerContainerRef: HTMLElement;
+	fullScreenTarget?: HTMLElement | undefined;
+	failoverHosts?: string[] | undefined;
+	showMiniTimer?: boolean;
+	saveRate: boolean;
+	seekToInteractive?: () => void;
+	playPrevChapter?: () => void;
+	volumeMultiplier: number;
+	showEndScreen?: boolean;
+	showAutoplayNext: boolean;
+	keyboardControls?: KeyboardControls | undefined;
+	needToRepeatPlaylist?: boolean;
+	getVideoDeeplink?: (timestamp: number) => string;
 }
 export interface RootExports {
-    play: () => void;
-    pause: () => void;
-    setMuted: (muted: boolean) => void;
-    toggleSubtitle: () => void;
-    changeSubtitle: (enabled: boolean, id?: string) => void;
-    changeAudioStream: (id: string) => void;
-    hideControls: () => void;
-    showControls: () => void;
-    setVolume: (volume: number) => void;
-    seekTime: (time: number) => void;
-    seekEpisodeStartTime: (time: number) => void;
-    returnFocusToEpisodes: () => void;
-    setPlaybackRate: (playbackRate: PlaybackRate) => void;
-    setAutoQualityLimits: (limits: QualityLimits) => void;
-    keyboardControls?: {
-        focus: () => void;
-        handleExternalKeyboardEvent: (event: KeyboardEvent) => boolean;
-    };
-    setAutoQuality: () => void;
-    toggleTrafficSaving: (value: boolean) => void;
-    toggleHighQuality: (value: boolean) => void;
+	play: () => void;
+	pause: () => void;
+	setMuted: (muted: boolean) => void;
+	toggleSubtitle: () => void;
+	changeSubtitle: (enabled: boolean, id?: string) => void;
+	changeAudioStream: (id: string) => void;
+	hideControls: () => void;
+	showControls: () => void;
+	setVolume: (volume: number) => void;
+	seekTime: (time: number) => void;
+	seekEpisodeStartTime: (time: number) => void;
+	returnFocusToEpisodes: () => void;
+	setPlaybackRate: (playbackRate: PlaybackRate) => void;
+	setAutoQualityLimits: (limits: QualityLimits) => void;
+	keyboardControls?: {
+		focus: () => void;
+		handleExternalKeyboardEvent: (event: KeyboardEvent) => boolean;
+	};
+	setAutoQuality: () => void;
+	toggleTrafficSaving: (value: boolean) => void;
+	toggleHighQuality: (value: boolean) => void;
 }
 export interface PersistentLayerExports {
-    startVideoChangedAnimation: (prev: boolean) => void;
+	startVideoChangedAnimation: (prev: boolean) => void;
 }

package/types/components/Root/utils.d.ts

@@ -1,2 +1,2 @@
-import type { IUIConfig } from '../../config';
-export declare function mapConfigStyle(options: IUIConfig['view']): string | undefined;
+import type { IUIConfig } from "../../config";
+export declare function mapConfigStyle(options: IUIConfig["view"]): string | undefined;

package/types/components/Timeline/PreviewTrack/useTransitionToPreviewTrack.svelte.d.ts

@@ -1,21 +1,21 @@
 type Params = {
-    onPreviewTrackOpened: () => void;
-    getTimelineRef: () => HTMLElement | undefined;
-    isHorizontal: boolean;
+	onPreviewTrackOpened: () => void;
+	getTimelineRef: () => HTMLElement | undefined;
+	isHorizontal: boolean;
 };
 /**
- * Координирует анимацию показа превью трека.
- * Поднимает прогресс бар, опускает контролы, проявляет превью трек.
- * Все строится вокруг progressToOpenTrack.
- *
- */
+* Координирует анимацию показа превью трека.
+* Поднимает прогресс бар, опускает контролы, проявляет превью трек.
+* Все строится вокруг progressToOpenTrack.
+*
+*/
 export declare const useTransitionToPreviewTrack: ({ onPreviewTrackOpened, getTimelineRef, isHorizontal }: Params) => {
-    progressBarY: () => number;
-    controlsY: () => number;
-    calculatedHeight: () => number;
-    onPointerDown: (_e: PointerEvent) => void;
-    onPointerMove: (e: PointerEvent) => void;
-    onPointerUp: () => void;
-    closePreviewTrack: () => void;
+	progressBarY: () => number;
+	controlsY: () => number;
+	calculatedHeight: () => number;
+	onPointerDown: (e: PointerEvent) => void;
+	onPointerMove: (e: PointerEvent) => void;
+	onPointerUp: () => void;
+	closePreviewTrack: () => void;
 };
 export {};

package/types/components/Timeline/consts.d.ts

@@ -1,4 +1,4 @@
 /**
- * Сколько картинок показываем слева и справа от картинки, на которую указывает каретка с учетом картинки на которой находится каретка.
- */
+* Сколько картинок показываем слева и справа от картинки, на которую указывает каретка с учетом картинки на которой находится каретка.
+*/
 export declare const PREVIEW_IMAGE_BUFFER = 3;

package/types/components/shared/interpolateUtils.d.ts

@@ -1,7 +1,7 @@
 type AllowedHTML = Record<string, boolean>;
 /**
- * В дальнейшем можно по надобности указывать возможные атрибуты.
- */
+* В дальнейшем можно по надобности указывать возможные атрибуты.
+*/
 export declare const DEFAULT_ALLOWED_HTML: AllowedHTML;
 export declare const interpolateMessage: (message?: string, customAllowedHTML?: AllowedHTML) => string | undefined;
 export {};