@vkontakte/videoplayer-interactive 1.0.33-dev.f7191504.0 → 1.0.34-beta.0

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

@@ -4,14 +4,9 @@ export declare const createAreaControl: ControlCreator<ControlOptions, AreaContr
 declare class AreaControl extends Control {
     constructor(control: TControl, options?: ControlOptions);
     createView({ parentElement, callbacks }: ControlCreateViewParams): void;
-    registerEvents(): void;
     disable(): void;
     enable(): void;
     getElement(): Nullable<HTMLElement>;
-    updateShadowStyles(frameToneIsDark?: boolean): void;
-    toggleBlinkAnimation(enable?: boolean): void;
-    syncBlinkAnimation(refAnim: HTMLElement): void;
-    onBlinkHovering(): void;
     onProgress(): void;
     onResize(): void;
 }

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

@@ -4,15 +4,10 @@ export declare const createButtonControl: ControlCreator<ControlOptions, ButtonC
 declare class ButtonControl extends Control {
     constructor(control: TControl, options?: ControlOptions);
     createView({ parentElement, callbacks }: ControlCreateViewParams): void;
-    registerEvents(): void;
     disable(): void;
     enable(): void;
     getElement(): Nullable<HTMLElement>;
-    toggleBlinkAnimation(enable?: boolean): void;
-    syncBlinkAnimation(refAnim: HTMLElement): void;
-    onBlinkHovering(): void;
     onProgress(): void;
     onResize(): void;
-    updateShadowStyles(): void;
 }
 export {};

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

@@ -1,4 +1,3 @@
-import { Subscription } from '@vkontakte/videoplayer-shared';
 import type { ControlEventCallback, ControlCreateViewParams, Dimensions, Callbacks, Options, TControl, ControlOptions } from './types';
 type ControlContainer = {
     element: HTMLElement;
@@ -10,7 +9,7 @@ export declare abstract class Control {
     options?: Options | undefined;
     container: Nullable<ControlContainer>;
     controlElement: Nullable<HTMLElement>;
-    subscriptions: Subscription;
+    clickListener: Nullable<ClickListener>;
     constructor(control: TControl, options?: Options | undefined);
     abstract createView(params: ControlCreateViewParams): void;
     abstract getElement(): Nullable<HTMLElement>;
@@ -18,11 +17,9 @@ export declare abstract class Control {
     abstract enable(): void;
     abstract onProgress(currentTimeMs: number): void;
     abstract onResize(): void;
-    abstract updateShadowStyles(frameToneIsDark?: boolean): void;
-    abstract toggleBlinkAnimation(enable?: boolean): void;
     createContainerElement(callbacks: Callbacks): void;
     createClickListener(callback: AnyFn): ClickListener;
-    featureIsEnabled(name: keyof ControlOptions['features']): boolean | undefined;
+    featureIsEnabled(name: keyof ControlOptions['features']): false | undefined;
     setEvents(callback: ControlEventCallback): void;
     removeListeners(): void;
 }

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

@@ -9,7 +9,5 @@ declare class TextControl extends Control {
     enable(): void;
     onProgress(): void;
     onResize(): void;
-    updateShadowStyles(): void;
-    toggleBlinkAnimation(): void;
 }
 export {};

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

@@ -21,7 +21,7 @@ export type ControlCreateViewParams = {
 };
 export type Options = Record<string, unknown>;
 export type ControlOptions = {
-    features: Pick<AnimationsFeatureToggles, 'areaControlFrameBasedShadow' | 'controlsExpectTimeBlinkAnimation'>;
+    features: Pick<AnimationsFeatureToggles, never>;
 };
 export declare function isControlOptions(options: Options): options is ControlOptions;
 type ControlEventCallbackParams = {

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

@@ -1,13 +1,9 @@
 export declare const CONTROLS_CLASSNAME_PREFIX = "interactive-control";
 export declare const controlsClassNames: {
     common: string;
-    selected: string;
     wrapper: string;
     disabled: string;
     button: string;
     area: string;
     text: string;
-    blinkAnim: string;
-    blinkAnimButton: string;
-    blinkAnimArea: string;
 };

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

@@ -1,7 +1,7 @@
 import { Container } from './containers/index';
 export { Interactives } from './Interactives';
 export { EVENT_NAMES, graphEventTypes, interactivesEventTypes } from './utils/events';
-export type { InteractiveProjectInfo, PlayerChangedData, VideoInfo } from './types';
+export type { InteractiveProjectInfo, PlayerChangedData, VideoInfo, IInteractiveOptions } from './types';
 export { isLastChapter, hasEndTemplate, isOneTextCtrlContainer } from './utils/gameUtils';
 export type { InteractiveRange } from './utils/getInteractiveRanges';
 export declare const utils: {
@@ -9,14 +9,9 @@ export declare const utils: {
     createChoiceContainer: (container: import("@interactiveplatform/movika-manifest").ChapterContainer, rootElement: HTMLElement, options?: import("./containers/types").ChoiceContainerOptions) => import("./containers/ChoiceContainer").ChoiceContainer | undefined;
     createAreaControl: import("./controls").ControlCreator<import("./controls").ControlOptions, {
         createView({ parentElement, callbacks }: import("./controls").ControlCreateViewParams): void;
-        registerEvents(): void;
         disable(): void;
         enable(): void;
         getElement(): Nullable<HTMLElement>;
-        updateShadowStyles(frameToneIsDark?: boolean): void;
-        toggleBlinkAnimation(enable?: boolean): void;
-        syncBlinkAnimation(refAnim: HTMLElement): void;
-        onBlinkHovering(): void;
         onProgress(): void;
         onResize(): void;
         container: Nullable<{
@@ -24,38 +19,33 @@ export declare const utils: {
             dimensions: import("./controls").Dimensions;
         }>;
         controlElement: Nullable<HTMLElement>;
-        subscriptions: import("@vkontakte/videoplayer-shared").Subscription;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-COPBtRYg").e;
+        clickListener: Nullable<(event: MouseEvent) => void>;
+        control: import("@interactiveplatform/movika-manifest/dist/chapter-DI_7rDZW").e;
         options?: import("./controls").Options;
         createContainerElement(callbacks: import("./controls").Callbacks): void;
         createClickListener(callback: AnyFn): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): boolean | undefined;
+        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): false | undefined;
         setEvents(callback: import("./controls").ControlEventCallback): void;
         removeListeners(): void;
     }>;
     createButtonControl: import("./controls").ControlCreator<import("./controls").ControlOptions, {
         createView({ parentElement, callbacks }: import("./controls").ControlCreateViewParams): void;
-        registerEvents(): void;
         disable(): void;
         enable(): void;
         getElement(): Nullable<HTMLElement>;
-        toggleBlinkAnimation(enable?: boolean): void;
-        syncBlinkAnimation(refAnim: HTMLElement): void;
-        onBlinkHovering(): void;
         onProgress(): void;
         onResize(): void;
-        updateShadowStyles(): void;
         container: Nullable<{
             element: HTMLElement;
             dimensions: import("./controls").Dimensions;
         }>;
         controlElement: Nullable<HTMLElement>;
-        subscriptions: import("@vkontakte/videoplayer-shared").Subscription;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-COPBtRYg").e;
+        clickListener: Nullable<(event: MouseEvent) => void>;
+        control: import("@interactiveplatform/movika-manifest/dist/chapter-DI_7rDZW").e;
         options?: import("./controls").Options;
         createContainerElement(callbacks: import("./controls").Callbacks): void;
         createClickListener(callback: AnyFn): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): boolean | undefined;
+        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): false | undefined;
         setEvents(callback: import("./controls").ControlEventCallback): void;
         removeListeners(): void;
     }>;

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

@@ -19,10 +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 AnimationsFeatureToggles = Partial<{
-    areaControlFrameBasedShadow: boolean;
-    controlsExpectTimeBlinkAnimation: boolean;
-}>;
+export type AnimationsFeatureToggles = {};
 export interface IInteractiveOptions {
     parentElement: HTMLElement;
     fullscreenTargetElement: HTMLElement;
@@ -48,7 +45,7 @@ export interface IInteractiveOptions {
      * @deprecated
      * */
     disableControlsOnPause?: boolean;
-    animationsFeatureToggles?: AnimationsFeatureToggles;
+    animationFeatureToggles?: AnimationsFeatureToggles;
 }
 export type ChapterChangedData = {
     chapter: Chapter;

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

@@ -54,8 +54,6 @@ export declare class GameController {
     reset(): void;
     removeView(): void;
     fakeRemoveView(remove?: boolean): void;
-    updateControlsShadowStyles(frameToneIsDark?: boolean): void;
-    toggleBlinkAnimation(value: boolean): void;
     destroy(): void;
 }
 export {};

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

@@ -23,18 +23,7 @@ export declare const isOneCtrlOneContainer: (controls: Control[]) => boolean;
 export declare const isOneTextCtrlContainer: (controls: Control[]) => boolean;
 export declare function excludeTextControl(containers?: ChapterContainer[]): ChapterContainer[];
 export declare const isEOVEndTime: (target: HTMLVideoElement, endTime: ChapterContainer["endTime"]) => boolean;
-/**
- * @param {GameController[]} [gameControllers=[]] список контрллеров
- * @param {(number | null | undefined)} [expectTime=Infinity] expectTime = endTime - какой expectTime мы ищем
- * @param {string[]} [ignoreIds=[]] какие контейнеры игнорировать
- */
-export declare function getGameControllerContainersWithExpect(gameControllers?: GameController[], expectTime?: number | null | undefined, ignoreIds?: string[]): GameController[];
-type ExecForAllExpectContainersParamsType = {
-    gameControllers: GameController[];
-    subjectName: string;
-    subjectId: string;
-    execFn: (gameController: GameController) => void;
-};
-export declare function execForAllExpectContainers({ gameControllers, subjectName, subjectId, execFn, }: ExecForAllExpectContainersParamsType): void;
+export declare function partial<T extends unknown[], U extends unknown[], R>(fn: (...args: [...T, ...U]) => R, ...presetArgs: T): (...laterArgs: U) => R;
+export declare function partial<T extends Record<string, unknown>, P extends Partial<T>>(fn: (args: T) => unknown, presetArgs: P): (laterArgs: Omit<T, keyof P>) => ReturnType<typeof fn>;
 export declare const evaluateContainerEventStatus: (container: ChapterContainer, gameControllers: GameController[]) => IgnoreExpectState;
 export {};

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

@@ -7,17 +7,12 @@ export declare const controlStylesFallbacks: {
     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 {
@@ -60,17 +55,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/typeCheck.d.ts

@@ -8,11 +8,11 @@ export declare enum TypesEnum {
 }
 type TypesEnumKeys = `${TypesEnum}`;
 export declare const isType: (value: unknown, is: TypesEnumKeys) => boolean;
-export declare const isObject: (value: unknown) => value is Record<string, unknown>;
+export declare const isObject: (value: unknown) => value is Object;
 export declare const isString: (value: unknown) => value is string;
 export declare const isArray: (value: unknown) => value is Array<unknown>;
 export declare const isNumber: (value: unknown) => value is number;
-export declare const isFunction: (value: unknown) => value is AnyFn;
+export declare const isFunction: (value: unknown) => value is Function;
 export declare const isBoolean: (value: unknown) => value is boolean;
 export declare const isNotNaNNumber: (value: unknown) => boolean;
 export declare const isNaNNumber: (value: unknown) => boolean;

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

@@ -1,8 +0,0 @@
-export declare const BLINK_ANIM_CLASSNAME_PREFIX = "interactive-blink-anim-reference";
-export declare const blinkAnimClassNames: {
-    common: string;
-    animation: string;
-    disabled: string;
-};
-export declare const createBlinkAnimationRef: () => HTMLDivElement;
-export declare const restartBlinkAnimationRef: (blinkAnimationRefElement: HTMLElement) => void;

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

@@ -1,5 +0,0 @@
-type Reverse<T extends unknown[]> = T extends [infer First, ...infer Rest] ? [...Reverse<Rest>, First] : T;
-export declare function reverseArgs<Fn extends AnyFn>(fn: Fn): (...args: Reverse<Parameters<Fn>>) => ReturnType<Fn>;
-export declare function partial<T extends unknown[], U extends unknown[], R>(fn: (...args: [...T, ...U]) => R, ...presetArgs: T): (...laterArgs: U) => R;
-export declare function partial<T extends Record<string, unknown>, P extends Partial<T>>(fn: (args: T) => unknown, presetArgs: P): (laterArgs: Omit<T, keyof P>) => ReturnType<typeof fn>;
-export {};

package/types/utils/FrameAverageColor/FrameAverageColor.d.ts

@@ -1,19 +0,0 @@
-import { type Options } from './helpers';
-export declare class FrameAverageColor {
-    canvas: HTMLCanvasElement | OffscreenCanvas | null;
-    ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D | null;
-    getColorAsync(resource: HTMLVideoElement, options: Options): Promise<{
-        rgba: string;
-        isDark: boolean;
-        error: Error | undefined;
-    }>;
-    getColor(resource: HTMLVideoElement, options: Options): {
-        rgba: string;
-        isDark: boolean;
-        error: Error | undefined;
-    };
-    private getColorFromArray;
-    private sqrtAlgorithm;
-    private prepareResult;
-    destroy(): void;
-}

package/types/utils/FrameAverageColor/helpers.d.ts

@@ -1,17 +0,0 @@
-export type Color = [number, number, number, number];
-export type Options = {
-    width: number;
-    height: number;
-    step?: number;
-    defaultColor?: Color;
-    debug?: boolean;
-};
-export declare function makeCanvas(): OffscreenCanvas | HTMLCanvasElement | null;
-export declare function isDark(color: Color): boolean;
-export declare const DEFAULT_COLOR: Color;
-export declare const DEFAULT_STEP = 1;
-export declare function getError(message: string): Error;
-export declare function getVideoContentSize(element: HTMLElement): {
-    width: number;
-    height: number;
-};

package/types/utils/FrameAverageColor/index.d.ts

@@ -1,2 +0,0 @@
-export { FrameAverageColor } from './FrameAverageColor';
-export { getVideoContentSize } from './helpers';