@vkontakte/videoplayer-interactive 1.0.30-dev.b736679d.0 → 1.0.30-dev.d16c215e.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer-interactive",
-  "version": "1.0.30-dev.b736679d.0",
+  "version": "1.0.30-dev.d16c215e.0",
   "author": "vk.com",
   "description": "Movika interactive SDK",
   "homepage": "https://vk.com",
@@ -51,8 +51,8 @@
   "dependencies": {
     "@interactiveplatform/movika-graph-editor": "1.11.0",
     "@interactiveplatform/movika-manifest": "^1.0.0",
-    "@vkontakte/videoplayer-core": "2.0.124-dev.c81f9f40.0",
-    "@vkontakte/videoplayer-shared": "1.0.53-dev.9233f32f.0",
-    "@vkontakte/videoplayer-statistics": "1.0.70-dev.f572f826.0"
+    "@vkontakte/videoplayer-core": "2.0.124-dev.b149ab67.0",
+    "@vkontakte/videoplayer-shared": "1.0.53-dev.2195fbd7.0",
+    "@vkontakte/videoplayer-statistics": "1.0.70-dev.23b9fea2.0"
   }
 }

package/types/modules/Interactives/Interactives.d.ts

@@ -12,11 +12,11 @@ declare enum INTERACTIVE_APP_STATES {
     destroyed = 3
 }
 export declare class Interactives {
-    private playerSubscriptions;
-    private subscriptions;
+    private subscription;
     private globalEventEmitter;
     private eventsSubs;
     private animation;
+    private eventManager;
     private seekToInteractiveController;
     private endedRanges;
     private gameControllers;
@@ -35,7 +35,6 @@ export declare class Interactives {
     private graph;
     private lastFrame;
     private noInteractionTimeout;
-    private frameAverageColor;
     appState: INTERACTIVE_APP_STATES;
     state: {
         prevChapter$: ValueSubject<Nullable<Chapter>>;
@@ -54,27 +53,17 @@ export declare class Interactives {
     };
     events: GlobalEvents;
     constructor(options: IOptionalInteractiveOptions);
-    private getVideoFrameAverageColorInfo;
     private emitErrorEvent;
     private clearHistoryIfEnded;
     private initSubscriptions;
-    private getGameControllerContainersWithExpect;
-    private execForAllExpectContainers;
-    private updateControlsShadowStyles;
-    private toggleControlsCTAAnimation;
     private initSeamless;
     private handleSeamlessPlayerChanged;
     private onPlaybackStarted;
     private handlePositionChange;
     private registerVideoEvents;
-    removeGameControllersViews: ({ includeTextControls }?: {
-        includeTextControls?: boolean | undefined;
-    }) => void;
-    destroyGameControllers: ({ includeTextControls }?: {
-        includeTextControls?: boolean | undefined;
-    }) => void;
+    private removeControllers;
     private setGameControllers;
-    private addGameControllers;
+    private filterGameControllers;
     private checkIfSeekable;
     private updateLastEventInfo;
     private pushChapterToHistory;
@@ -98,7 +87,7 @@ export declare class Interactives {
     setVisitedChapters(chapterIds: string[]): void;
     updateGraphVideosInfo(videosInfo: VideoInfo[]): void;
     deadEndCheck(): boolean;
-    allControlsAreRemoved(includeWillRemovedState?: boolean): boolean;
+    allControlsAreRemoved(): boolean;
     isEndedExpectation(): boolean;
     playPrevChapter(): void;
     setDisabledControls(value: boolean): void;
@@ -125,9 +114,9 @@ export declare class Interactives {
         graph: Nullable<import("@interactiveplatform/movika-manifest").GraphDesign>;
     };
     getCurrentManifest(): Nullable<Manifest>;
-    on(eventName: string, fn: AnyFn): this;
-    off(eventName: string, fn: AnyFn): this;
-    once(eventName: string, fn: AnyFn): this;
+    on(eventName: string, fn: Function): this;
+    off(eventName: string, fn: Function): this;
+    once(eventName: string, fn: Function): this;
     destroy(): void;
 }
 export {};

package/types/modules/Interactives/Layout.d.ts

@@ -9,9 +9,5 @@ export declare class RelativeLayout extends Layout {
     constructor(layout: ChapterContainer['layout']);
     setContainerLayout(target: HTMLElement): void;
     setControlLayout(target: HTMLElement, layoutParams: ControlLayoutParams): void;
-    getComputedDimensions(mountedElement: HTMLElement, layoutParams: ControlLayoutParams): {
-        width: number;
-        height: number;
-    };
 }
 export {};

package/types/modules/Interactives/containers/ChoiceContainer.d.ts

@@ -1,28 +1,18 @@
 import { Container } from './Container';
-import { ChapterContainer, ControlTypes } from '../../../manifest';
-import type { ChoiceContainerOptions, ContainerCreateView } from '../../../modules/Interactives/controls';
-export declare const createChoiceContainer: (container: ChapterContainer, rootElement: HTMLElement, options: ChoiceContainerOptions) => ChoiceContainer | undefined;
+import { ChapterContainer } from "../../../manifest";
+import { ControlEventCallback } from "../../../modules/Interactives/controls";
+export declare const createChoiceContainer: (container: ChapterContainer, rootElement: HTMLElement) => ChoiceContainer | undefined;
 export declare class ChoiceContainer extends Container {
     private rootElement;
     private layout;
     isRemoved: boolean;
     isDisabled: boolean;
-    willRemoved: boolean;
-    constructor(container: ChapterContainer, rootElement: HTMLElement, options: ChoiceContainerOptions);
-    createView({ eventCallback, videoDurationMs }: ContainerCreateView): HTMLElement;
-    onProgress(currentTime: number, isInteractive: boolean): void;
-    onResize(): void;
+    constructor(container: ChapterContainer, rootElement: HTMLElement);
+    createView(eventCallback: ControlEventCallback): HTMLElement;
     hide(): void;
     show(): void;
     enable(): void;
     disable(): void;
-    removeView(withTransition?: boolean, useDelay?: boolean): void;
-    private onTransitionEnd;
-    removeAllControls(withTransition?: boolean): void;
-    removeNonInteractedControls(withTransition?: boolean): void;
-    isInteracted(): boolean;
+    removeView(): void;
     getElement(): HTMLElement | null;
-    toggleCTAAnimation(enable?: boolean): void;
-    updateControlsShadowStyles(isFrameBased?: boolean): void;
-    setupControlsBlinkAnimSync(ctrlElement: HTMLElement, controlType: Extract<`${ControlTypes}`, 'Button' | 'Area'>): void;
 }

package/types/modules/Interactives/containers/Container.d.ts

@@ -1,15 +1,12 @@
-import { Control } from '../../../modules/Interactives/controls/Control';
-import type { ChapterContainer } from '../../../manifest';
-import type { ControlCreator, Options } from '../../../modules/Interactives/controls';
-import { type ChoiceContainerOptions } from '../../../modules/Interactives/controls';
+import Control from '../../../modules/Interactives/controls/Control';
+import { ChapterContainer } from "../../../manifest";
+import { ControlCreator } from "../../../modules/Interactives/controls";
 export declare class Container {
     container: ChapterContainer;
-    controls: Control[];
-    options?: Options;
     private factories;
-    constructor(container: ChapterContainer, options?: Options);
-    addControlFactory(type: string, factory: ControlCreator<any>): void;
-    featureIsEnabled(name: keyof ChoiceContainerOptions['features']): boolean | undefined;
+    controls: Control[];
+    constructor(container: ChapterContainer);
+    addControlFactory(type: string, factory: ControlCreator): void;
     removeControlFactory(type: string): void;
     private setControls;
     private chooseControls;

package/types/modules/Interactives/controls/AreaControl.d.ts

@@ -1,22 +1,2 @@
-import { Control } from './Control';
-import { type ControlCreator, type CreateViewParams, type TControl, type ChoiceContainerOptions } from './types';
-import { TapElement } from '../utils/TapElement';
-export declare const createAreaControl: ControlCreator<ChoiceContainerOptions, AreaControl>;
-declare class AreaControl extends Control {
-    tapElement?: TapElement;
-    constructor(control: TControl, options?: ChoiceContainerOptions);
-    createView({ parentElement, callbacks }: CreateViewParams): void;
-    onControlSelect: () => void;
-    updateShadowStyles(dependOnFrameTone?: boolean): void;
-    disable(): void;
-    enable(): void;
-    setShowTimeRange(): void;
-    onProgress(): void;
-    onResize(): void;
-    removeView(withTransition?: boolean): void;
-    onTransitionEnd: (event: TransitionEvent) => void;
-    removeListeners(): void;
-    getElement(): Nullable<HTMLElement>;
-    toggleCTAAnimation(enable?: boolean): void;
-}
-export {};
+import { type ControlCreator } from './types';
+export declare const createAreaControl: ControlCreator;

package/types/modules/Interactives/controls/ButtonControl.d.ts

@@ -1,27 +1,2 @@
-import { Control } from './Control';
-import { type ControlCreator, type CreateViewParams, type TControl, type ChoiceContainerOptions } from './types';
-import { FillAnimation } from '../utils/FillAnimation';
-import { TapElement } from '../utils/TapElement';
-export declare const createButtonControl: ControlCreator<ChoiceContainerOptions, ButtonControl>;
-declare class ButtonControl extends Control {
-    startTime?: number;
-    endTime?: number;
-    fillAnimation?: FillAnimation;
-    tapElement?: TapElement;
-    constructor(control: TControl, options?: ChoiceContainerOptions);
-    createView({ parentElement, callbacks }: CreateViewParams): void;
-    onControlSelect: () => void;
-    disable(): void;
-    enable(): void;
-    setShowTimeRange(startTime: number, endTime: number): void;
-    onProgress(currentTime: number): void;
-    updateFillAnimationDimension(): void;
-    onResize(): void;
-    getElement(): Nullable<HTMLElement>;
-    removeView(withTransition?: boolean): void;
-    onTransitionEnd: (event: TransitionEvent) => void;
-    removeListeners(): void;
-    toggleCTAAnimation(enable?: boolean): void;
-    updateShadowStyles(): void;
-}
-export {};
+import { type ControlCreator } from './types';
+export declare const createButtonControl: ControlCreator;

package/types/modules/Interactives/controls/Control.d.ts

@@ -1,33 +1,20 @@
-import type { ControlEventCallback, CreateViewParams, Dimensions, Callbacks, TControl, Options, ChoiceContainerOptions } from './types';
+import type { ControlEventCallback, CreateViewParams, Dimensions, LayoutCallback, TControl } from './types';
 type ControlContainer = {
     element: HTMLElement;
-    dimensions: Dimensions<string>;
-    getComputedDimensions: () => Dimensions<number>;
-    isManifestContainerDisabled: () => boolean;
+    dimensions: Dimensions;
 };
-type ClickListener = (event: MouseEvent) => void;
-export declare abstract class Control {
+export default abstract class Control {
     control: TControl;
-    options?: Options | undefined;
-    container: Nullable<ControlContainer>;
-    controlElement: Nullable<HTMLElement>;
-    clickListener: Nullable<ClickListener>;
-    isInteracted: boolean;
-    isRemoved: boolean;
-    constructor(control: TControl, options?: Options | undefined);
+    protected container: Nullable<ControlContainer>;
+    protected controlElement: Nullable<HTMLElement>;
+    private clickListener;
+    protected constructor(control: TControl);
     abstract createView(params: CreateViewParams): void;
     abstract getElement(): Nullable<HTMLElement>;
     abstract disable(): void;
     abstract enable(): void;
-    abstract onProgress(currentTime: number): void;
-    abstract onResize(): void;
-    abstract setShowTimeRange(startTime: number, endTime: number): void;
-    abstract removeView(withTransition?: boolean): void;
-    abstract toggleCTAAnimation(enable?: boolean): void;
-    abstract updateShadowStyles(isFrameBased?: boolean): void;
-    createContainerElement(callbacks: Callbacks): void;
-    createClickListener(callback: any): ClickListener;
-    featureIsEnabled(name: keyof ChoiceContainerOptions['features']): boolean | undefined;
+    protected createContainerElement(layoutCallback: LayoutCallback): void;
+    private createClickListener;
     setEvents(callback: ControlEventCallback): void;
     removeListeners(): void;
 }

package/types/modules/Interactives/controls/types.d.ts

@@ -1,38 +1,24 @@
 import type { Control as TControl, ControlEvent, ControlLayoutParams } from '../../../manifest';
-import type { ControlsAnimationFeatureToggles } from '../../../modules/Interactives/types';
-import { Control } from '../../../modules/Interactives/controls/Control';
+import Control from '../../../modules/Interactives/controls/Control';
 export { TControl };
 export declare enum CONTROLLER_IDS {
     AREA = "int_area",
     TEXT = "int_text",
     BUTTON = "int_bttn"
 }
-export type Dimensions<T = string> = {
-    width: T;
-    height: T;
-};
-export type Callbacks = {
-    setControlLayout: (element: HTMLElement, controlLayoutParams: ControlLayoutParams) => void;
-    getComputedDimensions: () => Dimensions<number>;
-    isContainerDisabled?: () => boolean;
+export type Dimensions = {
+    width: string;
+    height: string;
 };
+export type LayoutCallback = (element: HTMLElement, controlLayoutParams: ControlLayoutParams) => void;
 export type CreateViewParams = {
     parentElement: HTMLElement;
-    callbacks: Callbacks;
+    layoutCallback: LayoutCallback;
 };
 type ControlEventCallbackParams = {
     action: ControlEvent['action'];
     controlId: string;
     controlType: TControl['type'];
 };
-export type Options = Record<string, unknown>;
-export type ChoiceContainerOptions = {
-    features: Pick<ControlsAnimationFeatureToggles, 'buttonControlInteractiveTimeTimer' | 'areaControlFrameBasedShadow' | 'tapPlaceShow' | 'controlsShowAnimation' | 'controlsCTAAnimation'>;
-};
-export declare function isChoiceContainerOptions(options: Options): options is ChoiceContainerOptions;
 export type ControlEventCallback = (params: ControlEventCallbackParams) => void;
-export type ContainerCreateView = {
-    videoDurationMs: number;
-    eventCallback: ControlEventCallback;
-};
-export type ControlCreator<O extends Options = Options, C extends Control = Control> = (control: TControl, options?: O) => C | undefined;
+export type ControlCreator = (control: TControl) => Control | undefined;

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

@@ -6,74 +6,9 @@ export { isLastChapter, hasEndTemplate, isOneTextCtrlContainer } from './utils/g
 export type { InteractiveRange } from './utils/getInteractiveRanges';
 export declare const utils: {
     Container: typeof Container;
-    createChoiceContainer: (container: import("@interactiveplatform/movika-manifest").ChapterContainer, rootElement: HTMLElement, options: import("./controls").ChoiceContainerOptions) => import("./containers/ChoiceContainer").ChoiceContainer | undefined;
-    createAreaControl: import("./controls").ControlCreator<import("./controls").ChoiceContainerOptions, {
-        tapElement?: import("./utils/TapElement").TapElement;
-        createView({ parentElement, callbacks }: import("./controls").CreateViewParams): void;
-        onControlSelect: () => void;
-        updateShadowStyles(dependOnFrameTone?: boolean): void;
-        disable(): void;
-        enable(): void;
-        setShowTimeRange(): void;
-        onProgress(): void;
-        onResize(): void;
-        removeView(withTransition?: boolean): void;
-        onTransitionEnd: (event: TransitionEvent) => void;
-        removeListeners(): void;
-        getElement(): Nullable<HTMLElement>;
-        toggleCTAAnimation(enable?: boolean): void;
-        container: Nullable<{
-            element: HTMLElement;
-            dimensions: import("./controls").Dimensions<string>;
-            getComputedDimensions: () => import("./controls").Dimensions<number>;
-            isManifestContainerDisabled: () => boolean;
-        }>;
-        controlElement: Nullable<HTMLElement>;
-        clickListener: Nullable<(event: MouseEvent) => void>;
-        isInteracted: boolean;
-        isRemoved: boolean;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-COPBtRYg").e;
-        options?: import("./controls").Options;
-        createContainerElement(callbacks: import("./controls").Callbacks): void;
-        createClickListener(callback: any): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ChoiceContainerOptions["features"]): boolean | undefined;
-        setEvents(callback: import("./controls").ControlEventCallback): void;
-    }>;
-    createButtonControl: import("./controls").ControlCreator<import("./controls").ChoiceContainerOptions, {
-        startTime?: number;
-        endTime?: number;
-        fillAnimation?: import("./utils/FillAnimation").FillAnimation;
-        tapElement?: import("./utils/TapElement").TapElement;
-        createView({ parentElement, callbacks }: import("./controls").CreateViewParams): void;
-        onControlSelect: () => void;
-        disable(): void;
-        enable(): void;
-        setShowTimeRange(startTime: number, endTime: number): void;
-        onProgress(currentTime: number): void;
-        updateFillAnimationDimension(): void;
-        onResize(): void;
-        getElement(): Nullable<HTMLElement>;
-        removeView(withTransition?: boolean): void;
-        onTransitionEnd: (event: TransitionEvent) => void;
-        removeListeners(): void;
-        toggleCTAAnimation(enable?: boolean): void;
-        updateShadowStyles(): void;
-        container: Nullable<{
-            element: HTMLElement;
-            dimensions: import("./controls").Dimensions<string>;
-            getComputedDimensions: () => import("./controls").Dimensions<number>;
-            isManifestContainerDisabled: () => boolean;
-        }>;
-        controlElement: Nullable<HTMLElement>;
-        clickListener: Nullable<(event: MouseEvent) => void>;
-        isInteracted: boolean;
-        isRemoved: boolean;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-COPBtRYg").e;
-        options?: import("./controls").Options;
-        createContainerElement(callbacks: import("./controls").Callbacks): void;
-        createClickListener(callback: any): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ChoiceContainerOptions["features"]): boolean | undefined;
-        setEvents(callback: import("./controls").ControlEventCallback): void;
-    }>;
+    createChoiceContainer: (container: import("@interactiveplatform/movika-manifest").ChapterContainer, rootElement: HTMLElement) => import("./containers/ChoiceContainer").ChoiceContainer | undefined;
+    createAreaControl: import("./controls").ControlCreator;
+    createButtonControl: import("./controls").ControlCreator;
+    getRootEl: () => Element | null;
     classnamesPrefix: string;
 };

package/types/modules/Interactives/types.d.ts

@@ -19,15 +19,7 @@ export type RequiredOptions = 'parentElement' | 'fullscreenTargetElement';
 export type IOptionalInteractiveOptions = Partial<Omit<IInteractiveOptions, RequiredOptions | 'config'>> & Required<Pick<IInteractiveOptions, RequiredOptions>> & {
     config?: Partial<IInteractiveOptions['config']>;
 };
-export type ControlsAnimationFeatureToggles = {
-    buttonControlInteractiveTimeTimer: boolean;
-    areaControlFrameBasedShadow: boolean;
-    tapPlaceShow: boolean;
-    controlsCTAAnimation: boolean;
-    controlsShowAnimation: boolean;
-    controlsHideAnimation: boolean;
-};
-export type IInteractiveOptions = {
+export interface IInteractiveOptions {
     parentElement: HTMLElement;
     fullscreenTargetElement: HTMLElement;
     lang: InterfaceLanguage | string;
@@ -48,10 +40,10 @@ export type IInteractiveOptions = {
     vkVideoLoader?: (owner_id: string, video_id: string) => unknown;
     createOneStat?: (video: any, configOverwrite?: any) => IOneStat | undefined;
     /**
-     * @deprecated
-     * */
+    * @deprecated
+    * */
     disableControlsOnPause?: boolean;
-} & ControlsAnimationFeatureToggles;
+}
 export type ChapterChangedData = {
     chapter: Chapter;
     manifestVideo: ManifestVideo;

package/types/modules/Interactives/utils/GameController.d.ts

@@ -3,17 +3,15 @@ import { type IPlayer } from '@vkontakte/videoplayer-core';
 import type { InteractiveEventsType } from './InteractiveEvents';
 import type { ChapterBranch } from '../../../manifest';
 import type { EventEmitter } from '../../../utils/EventEmitter';
-import type { ControlsAnimationFeatureToggles } from '../../../modules/Interactives/types';
-import type { ChoiceContainer } from '../../../modules/Interactives/containers';
-import type { SelectBranchesType } from './SelectBranches';
+import type { ChoiceContainer } from "../../../modules/Interactives/containers";
+import { SelectBranches } from './SelectBranches';
 import { type GlobalEvents } from './events';
 import { GameStates } from './gameUtils';
-type Features = Pick<ControlsAnimationFeatureToggles, 'controlsHideAnimation'>;
 type ConstructorArg = {
     player: IPlayer;
     container: ChoiceContainer;
     branches: ChapterBranch[];
-    selectBranches: ReturnType<SelectBranchesType>;
+    selectBranches: ReturnType<typeof SelectBranches>;
     interactiveEvents: InteractiveEventsType;
     globalEventEmitter: EventEmitter;
     globalEvents: GlobalEvents;
@@ -21,12 +19,11 @@ type ConstructorArg = {
     permanentTextControls: boolean;
     disabledControls$: IValueSubject<boolean>;
     onRemove: () => void;
-    features: Features;
 };
 export declare class GameController {
     container: ChoiceContainer;
     branches: ChapterBranch[];
-    selectBranches: ReturnType<SelectBranchesType>;
+    selectBranches: ReturnType<typeof SelectBranches>;
     subscription: ISubscription;
     player: IPlayer;
     interactiveEvents: InteractiveEventsType;
@@ -39,8 +36,7 @@ export declare class GameController {
     isSelectedControlEvent: boolean;
     isSelectedContainerEvent: boolean;
     globalEvents: GlobalEvents;
-    features: Features;
-    constructor({ player, container, branches, selectBranches, interactiveEvents, globalEvents, globalEventEmitter, ignoreContainerEvent, permanentTextControls, disabledControls$, onRemove, features, }: ConstructorArg);
+    constructor({ player, container, branches, selectBranches, interactiveEvents, globalEvents, globalEventEmitter, ignoreContainerEvent, permanentTextControls, disabledControls$, onRemove, }: ConstructorArg);
     private emitContainerVisibilityEvent;
     registerEvents(): void;
     hide: () => void;
@@ -52,11 +48,7 @@ export declare class GameController {
     onEndOfVideo: () => void;
     whilePlaying: () => void;
     reset(): void;
-    isInteracted(): boolean;
-    isRemovedOrDestroyed(includeWillRemovedState?: boolean): boolean;
-    removeView(withTransition?: boolean): void;
-    toggleControlsCTAAnimation(value: boolean): void;
-    updateControlsShadowStyles(isFrameBased?: boolean): void;
+    removeView(): void;
     destroy(): void;
 }
 export {};

package/types/modules/Interactives/utils/InteractiveEvents.d.ts

@@ -18,8 +18,8 @@ export declare function InteractiveEvents(player: IPlayer): {
     release: () => void;
     containersEventsCallState: {
         setCalled: ({ timestamp, id }: {
-            timestamp: number;
-            id: string;
+            timestamp: any;
+            id: any;
         }) => void;
         setData: (containers?: Container[]) => void;
         resetCalled: (timestamp: number) => void;

package/types/modules/Interactives/utils/SelectBranches.d.ts

@@ -7,7 +7,7 @@ export declare const defaultArgs: {
 export declare const AFTER_EXPECT_ACTION: AfterExpectActionType;
 export declare const extendArgs: <T extends AnyAction>(action: T, rewrite?: boolean) => T;
 export type ExtendArgsReturnType = ReturnType<typeof extendArgs>;
-export declare const SelectBranches: ({ globalEventEmitter, globalEvents, player, interactiveEvents }: SelectBranchesArg) => {
+export declare const SelectBranches: ({ globalEventEmitter, globalEvents, player, interactiveEvents, removeControllers, }: SelectBranchesArg) => {
     onControlEvent: ({ action, controlType, controlId, containerId, branches, onEvent, isEOV, isDisabled, }: OnControlEventArg) => void;
     onContainerEvent: ({ action, container: { id: containerId, endTime }, branches, isEOV, autoSelected, }: OnContainerEventArg) => void;
     onChapterEvent: ({ chapterId, action, branches }: OnChapterEventArg) => (() => ContinuePlaybackArg<"chapter">) | undefined;
@@ -20,4 +20,3 @@ export declare const SelectBranches: ({ globalEventEmitter, globalEvents, player
         isExpect: boolean;
     };
 };
-export type SelectBranchesType = typeof SelectBranches;

package/types/modules/Interactives/utils/SelectBranches.types.d.ts

@@ -6,7 +6,6 @@ import type { GlobalEvents } from './events';
 export type SubjectName = 'chapter' | 'container' | 'control';
 export type AfterExpectActionType = 'after-expect';
 export type Behaviour = 'change-chapter' | 'change-manifest';
-export type ControlAfterExpectCallbackType = () => ExpectEventHandlerArg<'control'>;
 export type SelectBranchesArg = {
     globalEventEmitter: EventEmitter;
     globalEvents: GlobalEvents;

package/types/modules/Interactives/utils/events.types.d.ts

@@ -35,11 +35,9 @@ export type TInteractivesActionExecutionEvent<T extends SubjectName> = TInteract
     subjectType?: SubjectType<T>;
     payload?: TInteractivesActionExecEventPayload<ActionMap[T]['type']>;
 };
-type TControlPayloadExtra = {
+type TInteractivesActionChoiceEventPayload<T extends SubjectName> = T extends 'chapter' ? ChapterEvent['action']['args'] : T extends 'container' ? ContainerEvent['action']['args'] : ControlEvent['action']['args'] & {
     containerId: string;
-    invokeImmediately: boolean;
 };
-type TInteractivesActionChoiceEventPayload<T extends SubjectName> = T extends 'chapter' ? ChapterEvent['action']['args'] : T extends 'container' ? ContainerEvent['action']['args'] & Pick<TControlPayloadExtra, 'invokeImmediately'> : ControlEvent['action']['args'] & TControlPayloadExtra;
 type TSubjectTypeValues<T extends SubjectName> = T extends 'chapter' ? undefined : T extends 'container' ? ChapterContainer['type'] : Control['type'];
 export type TInteractivesActionChoiceEvent<T extends SubjectName> = TInteractiveCommon<T, InteractivesEventTypes.ACTION_CHOICE | InteractivesEventTypes.ACTION_CHOICE_CANCELED> & {
     subjectType?: TSubjectTypeValues<T>;

package/types/modules/Interactives/utils/renderingUtils.d.ts

@@ -2,23 +2,20 @@ import { type Control } from '../../../manifest';
 import { type Dimensions } from '../../../modules/Interactives/controls';
 export declare const classnamesPrefix = "interactive";
 export declare const rootElClassName = "interactive-controls-container";
+export declare const getRootEl: () => Element | null;
+export declare const DISABLE_OPACITY = 0.4;
 export declare const controlStylesFallbacks: {
     textColor: string;
     textSize: number;
     textContent: string;
     roundCorners: number;
     borderWidth: number;
-    borderWidthRawValue: string;
-    roundCornersRawValue: string;
     borderColor: string;
     borderAlpha: number;
     backgroundColor: string;
     backgroundAlpha: number;
     innerSizesDependOn: string;
     angle: number;
-    shadowColorLight: string;
-    shadowColorDark: string;
-    shadowColorAlpha: number;
 };
 type ControlStylesFallbacks = typeof controlStylesFallbacks;
 export declare enum ALIGN_ITEMS {
@@ -61,17 +58,8 @@ type SetBorderStylesProps = {
     props: Control['props'];
     fallback: ControlStylesFallbacks;
     dependsOn: Dimensions;
-    useRawValues?: boolean;
 };
-export declare const setBorderStyles: ({ target, props, fallback, dependsOn, useRawValues }: SetBorderStylesProps) => void;
-type SetShadowStylesProps = {
-    target: HTMLElement;
-    props?: Control['props'];
-    fallback: ControlStylesFallbacks;
-    frameToneIsDark: boolean;
-    baseDimension: string;
-};
-export declare const setShadowStyles: ({ target, frameToneIsDark, baseDimension, fallback }: SetShadowStylesProps) => void;
+export declare const setBorderStyles: ({ target, props, fallback, dependsOn }: SetBorderStylesProps) => void;
 type SetAngleProps = {
     target: HTMLElement;
     fallback: ControlStylesFallbacks;

package/types/utils/Binding.d.ts

@@ -0,0 +1,34 @@
+import type { Nullable } from '@vkontakte/videoplayer-shared';
+import type { HtmlEventType } from '../types';
+type OptionsType = undefined | boolean | AddEventListenerOptions;
+export declare class Binding {
+    target: Nullable<Element>;
+    type: Nullable<HtmlEventType>;
+    listener: Nullable<EventListener>;
+    options: Nullable<OptionsType>;
+    /**
+     *  passive = true -> function never call preventDefault()
+     */
+    constructor(target: Element, type: HtmlEventType, listener: EventListener, options: OptionsType);
+    /**
+     * Detaches the event listener from the event target. This does nothing if
+     * the event listener is already detached.
+     */
+    unlisten(): void;
+    /**
+     * Converts the provided options value into a value accepted by the browser.
+     * Some browsers (e.g. Tizen) don't support passing options as an
+     * object.  So this detects this case and converts it.
+     */
+    private static _convertOptions;
+    /**
+     * Checks whether the browser supports passing objects as the third argument
+     * to addEventListener.  This caches the result value in a static field to
+     * avoid a bunch of checks.
+     *
+     * See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support
+     */
+    private static _supportsObject;
+    private static _doesSupportObject;
+}
+export {};

package/types/utils/EventManager.d.ts

@@ -0,0 +1,13 @@
+import { Binding } from './Binding';
+import { MultiMap } from './MultiMap';
+import type { HtmlEventType } from '../types';
+type OptionsType = boolean | AddEventListenerOptions;
+export declare class EventManager {
+    bindingMap: MultiMap<Binding> | null;
+    release(): void;
+    listen(target: Element, type: HtmlEventType, listener: EventListener, options?: OptionsType): void;
+    listenOnce(target: Element, type: HtmlEventType, listener: EventListener, options?: OptionsType): void;
+    unlisten(target: Element, type: HtmlEventType, listener: EventListener): void;
+    removeAll(): void;
+}
+export {};

package/types/utils/getVideoContentSize.d.ts

@@ -1,5 +1,5 @@
 import type { IPlayer } from '@vkontakte/videoplayer-core';
-export declare const getVideoContentSize: (player: IPlayer) => {
+export declare const getVideoContentSize: (containerEl: Element, player: IPlayer) => {
     videoContentHeight: number;
     videoContentWidth: number;
 };

package/types/modules/Interactives/styles.d.ts

@@ -1 +0,0 @@
-export declare const apply: (attachToElement: HTMLElement) => void;

package/types/modules/Interactives/utils/BlinkAnimationReference.d.ts

@@ -1,2 +0,0 @@
-export declare const createBlinkAnimationRef: () => HTMLDivElement;
-export declare const restartBlinkAnimationRef: (blinkAnimationRefElement: HTMLElement) => void;