@vkontakte/videoplayer 1.1.54-dev.baae2585.0 → 1.1.54-dev.bb998f7c.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer",
-  "version": "1.1.54-dev.baae2585.0",
+  "version": "1.1.54-dev.bb998f7c.0",
   "author": "vk.com",
   "description": "Videoplayer based on the vk.com platform",
   "homepage": "https://vk.com",
@@ -50,9 +50,9 @@
   ],
   "dependencies": {
     "@adtech/rbadman": "^2.2.57",
-    "@vkontakte/videoplayer-core": "2.0.123-dev.deaa0aab.0",
-    "@vkontakte/videoplayer-interactive": "1.0.29-dev.4ebdbc9f.0",
-    "@vkontakte/videoplayer-shared": "1.0.52-dev.93720c0c.0",
-    "@vkontakte/videoplayer-statistics": "1.0.69-dev.24a5f302.0"
+    "@vkontakte/videoplayer-core": "2.0.123-dev.92e9449d.0",
+    "@vkontakte/videoplayer-interactive": "1.0.29-dev.be61f2f1.0",
+    "@vkontakte/videoplayer-shared": "1.0.52-dev.f4109db7.0",
+    "@vkontakte/videoplayer-statistics": "1.0.69-dev.93b5134d.0"
   }
 }

package/types/VKVideoPlayer/index.d.ts

@@ -34,7 +34,6 @@ export declare class VKVideoPlayer extends HTMLElement {
     private readonly logger;
     private readonly log;
     private readonly subscription;
-    private readonly interactiveSubscription;
     annotationsApi: AnnotationsApi | undefined;
     private createPlayerTimeout;
     private prevIsid;

package/types/components/Controls/types.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentType } from 'svelte';
 import { GridTypes } from '../../constans';
+import type { TmpComponentType } from '../../types/tmp';
 export declare enum ControlButtonType {
     DESKTOP_CONTROL_PANEL_LEFT = "desktop-control-panel-left",
     DESKTOP_CONTROL_PANEL_RIGHT = "desktop-control-panel-right"
@@ -10,7 +10,7 @@ interface BaseButton {
     disabled?: boolean;
 }
 interface BaseInnerButton extends BaseButton {
-    buttonComponent: ComponentType;
+    buttonComponent: TmpComponentType;
     buttonComponentProps?: Record<string, unknown>;
     ariaKeyShortCut?: string;
     ariaExpanded?: boolean;

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

@@ -1,6 +1,6 @@
-import type { ComponentType } from 'svelte';
 import { UIType } from '../../types';
 import { SubMenuIds } from './constants/subMenuIds';
+import type { TmpComponentType } from '../../types/tmp';
 interface BaseMenuItem {
     id: string;
     weight: number;
@@ -8,7 +8,7 @@ interface BaseMenuItem {
     label: string;
 }
 interface BaseSettingsMenuItem extends BaseMenuItem {
-    icon: ComponentType | string;
+    icon: TmpComponentType | string;
     isHiddenFor?: UIType[];
 }
 export declare enum MenuItemType {
@@ -24,7 +24,7 @@ export interface OpenSubMenuSettingsMenuItem extends BaseSettingsMenuItem {
     type: MenuItemType.OPEN_SUB_MENU;
     subMenuId: SubMenuIds;
     value: string;
-    valueComponent?: ComponentType;
+    valueComponent?: any;
     getSubItemForFocus: () => HTMLLIElement;
 }
 export interface ClickSettingsMenuItem extends BaseSettingsMenuItem {
@@ -51,7 +51,7 @@ export interface SelectValueSubMenuItem<T = any, U = any> {
     type: SubMenuItemType.SELECT_VALUE;
     value: T;
     dataValue?: T | keyof T;
-    valueComponent?: ComponentType;
+    valueComponent?: any;
     valueComponentParams?: {
         [key: string]: U;
     };

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

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

package/types/config.d.ts

@@ -98,13 +98,6 @@ export interface IUIConfig {
         interactiveHideTime: boolean;
         interactivePlayPrevChapter: boolean;
         interactiveTimeIndicator: boolean;
-        interactiveButtonControlInteractiveTimeTimer: boolean;
-        interactiveAreaControlFrameBasedShadow: boolean;
-        interactiveTapPlaceShow: boolean;
-        interactiveControlsCTAAnimation: boolean;
-        interactiveControlsShowAnimation: boolean;
-        interactiveControlsHideAnimation: boolean;
-        interactiveControlsDeferredHide: boolean;
         thumbTimer: boolean;
         hotKeyMapModal: boolean;
         hotKeyHelpers: boolean;

package/types/store/index.d.ts

@@ -6,7 +6,7 @@ import { SeekAction } from '@vkontakte/videoplayer-statistics';
 import { type InteractiveRange } from '@vkontakte/videoplayer-interactive';
 import type { Readable, Writable } from 'svelte/store';
 import { AdmanWrapper } from '../components/Ads/admanWrapper';
-import type { LanguageConfig } from '../translation/types';
+import type { Key, LanguageConfig } from '../translation/types';
 import type { AdditionalButtonDeprecated, ControlsKeys, HotKeyMapData, IAnnotationsApi, IControlInfo, IDisabledControls, IInteractiveData, IPictureInPictureApi, IPlayerPhase, ITimelinePreviewThumbsData, IVideoEpisode, IVKVideoPlayerCallbacks, IVKVideoPlayerUICallbacks, Position, VideoPlaybackRate, VideoQualityForRender, VideoQualityUI, VideoSubtitle, VideoSubtitleParsed } from '../types';
 import { AdsPlaybackState, PictureInPictureType } from '../types';
 import type { DebugData } from './utils';
@@ -23,6 +23,7 @@ export interface IAdsState {
     postrollPassed: Writable<boolean>;
 }
 export interface IUIState {
+    t: (key: Key, params?: Record<string, string>) => string;
     controlsVisible: Writable<boolean>;
     touched: Writable<boolean>;
     controls: {

package/types/store/micro/fakeIsPlaying.d.ts

@@ -6,7 +6,7 @@ export default class FakeIsPlaying extends BaseMicroStore {
         toggle: () => void;
         set(this: void, value: boolean | null): void;
         update(this: void, updater: import("svelte/store").Updater<boolean | null>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: import("svelte/store").Invalidator<boolean | null> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;
 }

package/types/store/micro/graphIsOpened.d.ts

@@ -8,7 +8,7 @@ export default class GraphIsOpened extends BaseMicroStore {
         toggle: () => void;
         set(this: void, value: boolean | null): void;
         update(this: void, updater: import("svelte/store").Updater<boolean | null>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: import("svelte/store").Invalidator<boolean | null> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     checkIfShouldHide: (currentGridType: GridTypes) => boolean;
     init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;

package/types/store/micro/interactiveControlsOpacity.d.ts

@@ -6,7 +6,7 @@ export default class InteractiveControlsOpacity extends BaseMicroStore {
         toggle: () => void;
         set(this: void, value: boolean | null): void;
         update(this: void, updater: import("svelte/store").Updater<boolean | null>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: import("svelte/store").Invalidator<boolean | null> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<boolean | null>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;
 }

package/types/store/micro/showInteractiveTimeIndicatorTooltip.d.ts

@@ -7,7 +7,7 @@ export default class ShowInteractiveTimeIndicatorTooltip extends BaseMicroStore
         set: (value: boolean, useTimeout?: boolean) => void;
         clearTimeout: () => void;
         update(this: void, updater: import("svelte/store").Updater<boolean>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     init(initStoreParams: InitMicroStoreParams): import("@vkontakte/videoplayer-shared").Subscription;
     clearTimeout(): void;

package/types/types/index.d.ts

@@ -273,27 +273,27 @@ export interface IControlInfo {
     isDisplayed: boolean;
 }
 export interface IPlayerControlsRef {
-    prevButton?: HTMLElement;
-    playButton?: HTMLElement;
-    replayButton?: HTMLElement;
-    nextButton?: HTMLElement;
-    playPrevChapterButton?: HTMLElement;
-    seekToInteractiveButton?: HTMLElement;
-    interactiveGraphButton?: HTMLElement;
+    prevButton?: HTMLButtonElement;
+    playButton?: HTMLButtonElement;
+    replayButton?: HTMLElement | HTMLButtonElement;
+    nextButton?: HTMLButtonElement;
+    playPrevChapterButton?: HTMLButtonElement;
+    seekToInteractiveButton?: HTMLButtonElement;
+    interactiveGraphButton?: HTMLButtonElement;
     liveButton?: HTMLElement;
     time?: HTMLElement;
     episodes?: HTMLElement;
-    volume?: HTMLElement;
-    subtitles?: HTMLElement;
+    volume?: HTMLButtonElement;
+    subtitles?: HTMLButtonElement;
     settings?: HTMLElement;
-    context?: HTMLElement;
+    context?: HTMLButtonElement;
     fullscreen?: HTMLElement;
-    chromecast?: HTMLElement;
-    pip?: HTMLElement;
-    vkLogo?: HTMLElement;
+    chromecast?: HTMLButtonElement;
+    pip?: HTMLButtonElement;
+    vkLogo?: HTMLButtonElement;
     interactiveTimeIndicator?: HTMLElement;
     timeline?: HTMLElement;
-    autoplayNextToggle?: HTMLElement;
+    autoplayNextToggle?: HTMLButtonElement;
 }
 export interface IPlayerDesktopControlsWidth {
     prevButton: number;

package/types/types/tmp.d.ts

@@ -0,0 +1 @@
+export type TmpComponentType = any;