@vkontakte/videoplayer-interactive 1.0.60-dev.74465ac5.0 → 1.0.60-dev.7be47b47.0

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

@@ -1,21 +1,21 @@
-import { Subject } from '@vkontakte/videoplayer-shared';
-import { CustomError } from '../../../utils/Error';
-import type { ChapterContainer } from '../../../manifest';
-import { type Control, type ControlCreator, type Options } from '../../../modules/Interactives/controls';
-import { type ChoiceContainerOptions } from './types';
-import { CssVarsManager } from '../../../utils/CssVarsManager';
+import { Subject } from "@vkontakte/videoplayer-shared";
+import type { CustomError } from "../../../utils/Error";
+import type { ChapterContainer } from "../../../manifest";
+import { type Control, type ControlCreator, type Options } from "../controls";
+import { type ChoiceContainerOptions } from "./types";
+import type { CssVarsManager } from "../../../utils/CssVarsManager";
 export declare class Container {
-    container: ChapterContainer;
-    options?: Options;
-    private factories;
-    controls: Control[];
-    error$: Subject<CustomError>;
-    readonly cssVarsManager: CssVarsManager;
-    constructor(container: ChapterContainer, cssVarsManager: CssVarsManager, options?: Options);
-    featureIsEnabled(name: keyof ChoiceContainerOptions['features']): unknown;
-    onError(message: string | undefined, error: unknown): void;
-    addControlFactory(type: string, factory: ControlCreator<any>): void;
-    removeControlFactory(type: string): void;
-    private setControls;
-    private chooseControls;
+	container: ChapterContainer;
+	options?: Options;
+	private factories;
+	controls: Control[];
+	error$: Subject<CustomError>;
+	readonly cssVarsManager: CssVarsManager;
+	constructor(container: ChapterContainer, cssVarsManager: CssVarsManager, options?: Options);
+	featureIsEnabled(name: keyof ChoiceContainerOptions["features"]): boolean;
+	onError(message: string | undefined, error: unknown): void;
+	addControlFactory(type: string, factory: ControlCreator<any>): void;
+	removeControlFactory(type: string): void;
+	private setControls;
+	private chooseControls;
 }

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

@@ -1,4 +1,4 @@
-export * from './ChoiceContainer';
-export * from './Container';
-export * from './types';
-export * from './utils';
+export * from "./ChoiceContainer";
+export * from "./Container";
+export * from "./types";
+export * from "./utils";

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

@@ -1,11 +1,11 @@
-import { Options, ControlEventCallback } from '../controls';
-import { AnimationsFeatureToggles } from '../types';
+import type { Options, ControlEventCallback } from "../controls";
+import type { AnimationsFeatureToggles } from "../types";
 export type ChoiceContainerOptions = {
-    isTouch: boolean;
-    features: Pick<AnimationsFeatureToggles, 'controlsExpectTimeBlinkAnimation' | 'controlsTapPlace' | 'controlsFillAnimation'>;
+	isTouch: boolean;
+	features: Pick<AnimationsFeatureToggles, "controlsExpectTimeBlinkAnimation" | "controlsTapPlace" | "controlsFillAnimation">;
 };
 export declare function isChoiceContainerOptions(options: Options): options is ChoiceContainerOptions;
 export type ContainerCreateViewParams = {
-    eventCallback: ControlEventCallback;
-    videoDurationMs: number;
+	eventCallback: ControlEventCallback;
+	videoDurationMs: number;
 };

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

@@ -1,6 +1,6 @@
 export declare const CONTAINERS_CLASSNAME_PREFIX = "interactive-container";
 export declare const containersClassNames: {
-    common: string;
-    hidden: string;
-    disabled: string;
+	common: string;
+	hidden: string;
+	disabled: string;
 };

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

@@ -1,20 +1,21 @@
-import { Control } from './Control';
-import { type ControlCreator, type ControlCreateViewParams, type TControl, type ControlOptions } from './types';
+import { type Nullable } from "@vkontakte/videoplayer-shared";
+import { Control } from "./Control";
+import { type ControlCreator, type ControlCreateViewParams, type TControl, type ControlOptions } from "./types";
 export declare const createAreaControl: ControlCreator<ControlOptions, AreaControl>;
 declare class AreaControl extends Control {
-    constructor(control: TControl, options?: ControlOptions);
-    createView({ parentElement, callbacks }: ControlCreateViewParams): void;
-    registerBlinkAnimationEvents(): void;
-    disable(): void;
-    enable(): void;
-    getElement(): import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-    updateShadowStyles(isDark?: boolean): void;
-    toggleBlinkAnimation(enable?: boolean): void;
-    syncBlinkAnimation(refAnim: HTMLElement): void;
-    onBlinkHovering(): void;
-    setShowTimeRange(): void;
-    updateFillAnimationDimensions(): void;
-    onProgress(): void;
-    onResize(): void;
+	constructor(control: TControl, options?: ControlOptions);
+	createView({ parentElement, callbacks }: ControlCreateViewParams): void;
+	registerBlinkAnimationEvents(): void;
+	disable(): void;
+	enable(): void;
+	getElement(): Nullable<HTMLElement>;
+	updateShadowStyles(isDark?: boolean): void;
+	toggleBlinkAnimation(enable?: boolean): void;
+	syncBlinkAnimation(refAnim: HTMLElement): void;
+	onBlinkHovering(): void;
+	setShowTimeRange(): void;
+	updateFillAnimationDimensions(): void;
+	onProgress(): void;
+	onResize(): void;
 }
 export {};

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

@@ -1,24 +1,25 @@
-import { Control } from './Control';
-import { type ControlCreator, type ControlCreateViewParams, type TControl, type ControlOptions } from './types';
-import { ControlFillAnimation } from '../utils/ControlFillAnimation';
+import { type Nullable } from "@vkontakte/videoplayer-shared";
+import { Control } from "./Control";
+import { type ControlCreator, type ControlCreateViewParams, type TControl, type ControlOptions } from "./types";
+import { ControlFillAnimation } from "../utils/ControlFillAnimation";
 export declare const createButtonControl: ControlCreator<ControlOptions, ButtonControl>;
 declare class ButtonControl extends Control {
-    startTime?: number;
-    endTime?: number;
-    controlFillAnimation?: ControlFillAnimation;
-    constructor(control: TControl, options?: ControlOptions);
-    createView({ parentElement, callbacks }: ControlCreateViewParams): void;
-    registerBlinkAnimationEvents(): void;
-    disable(): void;
-    enable(): void;
-    getElement(): import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-    toggleBlinkAnimation(enable?: boolean): void;
-    syncBlinkAnimation(refAnim: HTMLElement): void;
-    onBlinkHovering(): void;
-    updateFillAnimationDimensions(): void;
-    setShowTimeRange(startTime: number, endTime: number): void;
-    onProgress(currentTime: number): void;
-    onResize(): void;
-    updateShadowStyles(): void;
+	startTime?: number;
+	endTime?: number;
+	controlFillAnimation?: ControlFillAnimation;
+	constructor(control: TControl, options?: ControlOptions);
+	createView({ parentElement, callbacks }: ControlCreateViewParams): void;
+	registerBlinkAnimationEvents(): void;
+	disable(): void;
+	enable(): void;
+	getElement(): Nullable<HTMLElement>;
+	toggleBlinkAnimation(enable?: boolean): void;
+	syncBlinkAnimation(refAnim: HTMLElement): void;
+	onBlinkHovering(): void;
+	updateFillAnimationDimensions(): void;
+	setShowTimeRange(startTime: number, endTime: number): void;
+	onProgress(currentTime: number): void;
+	onResize(): void;
+	updateShadowStyles(): void;
 }
 export {};

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

@@ -1,47 +1,48 @@
-import { Subject, Subscription, Nullable } from '@vkontakte/videoplayer-shared';
-import { CustomError } from '../../../utils/Error';
-import { ControlTap } from '../utils/ControlTap';
-import type { ControlEventCallback, ControlCreateViewParams, Dimensions, Callbacks, Options, TControl, ControlOptions } from './types';
-import { CssVarsManager } from '../../../utils/CssVarsManager';
+import type { Nullable } from "@vkontakte/videoplayer-shared";
+import { Subject, Subscription } from "@vkontakte/videoplayer-shared";
+import type { CustomError } from "../../../utils/Error";
+import { ControlTap } from "../utils/ControlTap";
+import type { ControlEventCallback, ControlCreateViewParams, Dimensions, Callbacks, Options, TControl, ControlOptions } from "./types";
+import type { CssVarsManager } from "../../../utils/CssVarsManager";
 type ControlContainer = {
-    element: HTMLElement;
-    dimensions: Dimensions;
-    isManifestContainerDisabled: () => boolean;
+	element: HTMLElement;
+	dimensions: Dimensions;
+	isManifestContainerDisabled: () => boolean;
 };
 type ClickListener = (event: MouseEvent) => void;
 export declare abstract class Control {
-    control: TControl;
-    options?: Options | undefined;
-    container: Nullable<ControlContainer>;
-    controlElement: Nullable<HTMLElement>;
-    subscriptions: Subscription;
-    error$: Subject<CustomError>;
-    controlTap?: ControlTap;
-    isInteracted: boolean;
-    isRemoved: boolean;
-    cssVarsManager: Nullable<CssVarsManager>;
-    constructor(control: TControl, options?: Options | undefined);
-    setCssVarsManager(cssVarsManager: CssVarsManager): void;
-    abstract createView(params: ControlCreateViewParams): void;
-    abstract getElement(): Nullable<HTMLElement>;
-    abstract disable(): void;
-    abstract enable(): void;
-    abstract onProgress(currentTimeMs: number): void;
-    abstract onResize(): void;
-    abstract setShowTimeRange(startTime: number, endTime: number): void;
-    abstract updateFillAnimationDimensions(): void;
-    abstract updateShadowStyles(isDark?: boolean): void;
-    abstract toggleBlinkAnimation(enable?: boolean): void;
-    onControlSelect: () => void;
-    removeView(withTransition?: boolean): void;
-    onTransitionEnd: (event: TransitionEvent) => void;
-    onError(message: string | undefined, error: unknown): void;
-    addControlTap(controlElement: HTMLElement): void;
-    createContainerElement(callbacks: Callbacks): void;
-    createClickListener(callback: AnyFn): ClickListener;
-    featureIsEnabled(name: keyof ControlOptions['features']): boolean | undefined;
-    isTouch(): boolean | undefined;
-    setEvents(callback: ControlEventCallback): void;
-    removeListeners(): void;
+	control: TControl;
+	options: Options | undefined;
+	container: Nullable<ControlContainer>;
+	controlElement: Nullable<HTMLElement>;
+	subscriptions: Subscription;
+	error$: Subject<CustomError>;
+	controlTap?: ControlTap;
+	isInteracted: boolean;
+	isRemoved: boolean;
+	cssVarsManager: Nullable<CssVarsManager>;
+	constructor(control: TControl, options?: Options | undefined);
+	setCssVarsManager(cssVarsManager: CssVarsManager): void;
+	abstract createView(params: ControlCreateViewParams): void;
+	abstract getElement(): Nullable<HTMLElement>;
+	abstract disable(): void;
+	abstract enable(): void;
+	abstract onProgress(currentTimeMs: number): void;
+	abstract onResize(): void;
+	abstract setShowTimeRange(startTime: number, endTime: number): void;
+	abstract updateFillAnimationDimensions(): void;
+	abstract updateShadowStyles(isDark?: boolean): void;
+	abstract toggleBlinkAnimation(enable?: boolean): void;
+	onControlSelect: () => void;
+	removeView(withTransition?: boolean): void;
+	onTransitionEnd: (event: TransitionEvent) => void;
+	onError(message: string | undefined, error: unknown): void;
+	addControlTap(controlElement: HTMLElement): void;
+	createContainerElement(callbacks: Callbacks): void;
+	createClickListener(callback: AnyFn): ClickListener;
+	featureIsEnabled(name: keyof ControlOptions["features"]): boolean;
+	isTouch(): boolean;
+	setEvents(callback: ControlEventCallback): void;
+	removeListeners(): void;
 }
 export {};

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

@@ -1,17 +1,18 @@
-import { Control } from './Control';
-import { type ControlCreator, type ControlCreateViewParams, type TControl, type ControlOptions } from './types';
+import type { Nullable } from "@vkontakte/videoplayer-shared";
+import { Control } from "./Control";
+import { type ControlCreator, type ControlCreateViewParams, type TControl, type ControlOptions } from "./types";
 export declare const createTextControl: ControlCreator<ControlOptions, TextControl>;
 declare class TextControl extends Control {
-    constructor(control: TControl, options?: ControlOptions);
-    createView({ parentElement, callbacks }: ControlCreateViewParams): void;
-    getElement(): import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-    disable(): void;
-    enable(): void;
-    onProgress(): void;
-    onResize(): void;
-    updateShadowStyles(): void;
-    toggleBlinkAnimation(): void;
-    setShowTimeRange(): void;
-    updateFillAnimationDimensions(): void;
+	constructor(control: TControl, options?: ControlOptions);
+	createView({ parentElement, callbacks }: ControlCreateViewParams): void;
+	getElement(): Nullable<HTMLElement>;
+	disable(): void;
+	enable(): void;
+	onProgress(): void;
+	onResize(): void;
+	updateShadowStyles(): void;
+	toggleBlinkAnimation(): void;
+	setShowTimeRange(): void;
+	updateFillAnimationDimensions(): void;
 }
 export {};

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

@@ -1,6 +1,6 @@
-export * from './AreaControl';
-export * from './ButtonControl';
-export * from './TextControl';
-export * from './Control';
-export * from './types';
-export * from './utils';
+export * from "./AreaControl";
+export * from "./ButtonControl";
+export * from "./TextControl";
+export * from "./Control";
+export * from "./types";
+export * from "./utils";

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

@@ -1,35 +1,38 @@
-import type { Control as TControl, ControlEvent, ControlLayoutParams } from '../../../manifest';
-import type { Control } from '../../../modules/Interactives/controls/Control';
-import { AnimationsFeatureToggles } from '../../../modules/Interactives/types';
-export { TControl };
+import type { Control as TControl, ControlEvent, ControlLayoutParams } from "../../../manifest";
+import type { Control } from "./Control";
+import type { AnimationsFeatureToggles } from "../types";
+export type { TControl };
 export declare const CONTROLLER_PREFIX = "int";
 export declare enum CONTROLLER_IDS {
-    AREA = "int_area",
-    TEXT = "int_text",
-    BUTTON = "int_bttn"
+	AREA = "int_area",
+	TEXT = "int_text",
+	BUTTON = "int_bttn"
 }
 export type Dimensions<T = string | number> = {
-    width: T;
-    height: T;
+	width: T;
+	height: T;
 };
 export type Callbacks = {
-    setControlLayout: (element: HTMLElement, controlLayoutParams: ControlLayoutParams) => void;
-    isContainerDisabled: () => boolean;
+	setControlLayout: (element: HTMLElement, controlLayoutParams: ControlLayoutParams) => void;
+	isContainerDisabled: () => boolean;
 };
 export type ControlCreateViewParams = {
-    parentElement: HTMLElement;
-    callbacks: Callbacks;
+	parentElement: HTMLElement;
+	callbacks: Callbacks;
 };
 export type Options = Record<string, unknown>;
 export type ControlOptions = {
-    isTouch: boolean;
-    features: Pick<AnimationsFeatureToggles, 'controlsExpectTimeBlinkAnimation' | 'controlsTapPlace' | 'controlsFillAnimation'>;
+	isTouch: boolean;
+	features: Pick<AnimationsFeatureToggles, "controlsExpectTimeBlinkAnimation" | "controlsTapPlace" | "controlsFillAnimation">;
 };
 export declare function isControlOptions(options: Options): options is ControlOptions;
 type ControlEventCallbackParams = {
-    action: ControlEvent['action'];
-    controlId: string;
-    controlType: TControl['type'];
+	action: ControlEvent["action"];
+	controlId: string;
+	controlType: TControl["type"];
 };
 export type ControlEventCallback = (params: ControlEventCallbackParams) => void;
-export type ControlCreator<O extends Options = Options, C extends Control = Control> = (control: TControl, options?: O) => C | undefined;
+export type ControlCreator<
+	O extends Options = Options,
+	C extends Control = Control
+> = (control: TControl, options?: O) => C | undefined;

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

@@ -1,14 +1,14 @@
 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;
+	common: string;
+	selected: string;
+	wrapper: string;
+	disabled: string;
+	button: string;
+	area: string;
+	text: string;
+	blinkAnim: string;
+	blinkAnimButton: string;
+	blinkAnimArea: string;
 };
 export declare const TOUCH_DEVICES_CIRCLE_SIZE_PX = 40;

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

@@ -1,97 +1,16 @@
-import { Container } from './containers/index';
-export { Interactives } from './Interactives';
-export { EVENT_NAMES, graphEventTypes, interactivesEventTypes } from './utils/events';
-export type { InteractiveProjectInfo, PlayerChangedData, VideoInfo, IInteractiveOptions } from './types';
-export type { HistoryApi } from './utils/HistoryController';
-export { isLastChapter, hasEndTemplate, isOneTextCtrlContainer } from './utils/gameUtils';
-export type { InteractiveRange } from './utils/getInteractiveRanges';
+import { Container, createChoiceContainer } from "./containers/index";
+import { createAreaControl, createButtonControl } from "./controls";
+import { classnamesPrefix } from "./utils/renderingUtils";
+export { Interactives } from "./Interactives";
+export { EVENT_NAMES, graphEventTypes, interactivesEventTypes } from "./utils/events";
+export type { InteractiveProjectInfo, PlayerChangedData, VideoInfo, IInteractiveOptions } from "./types";
+export type { HistoryApi } from "./utils/HistoryController";
+export { isLastChapter, hasEndTemplate, isOneTextCtrlContainer } from "./utils/gameUtils";
+export type { InteractiveRange } from "./utils/getInteractiveRanges";
 export declare const utils: {
-    Container: typeof Container;
-    createChoiceContainer: (container: import("@interactiveplatform/movika-manifest").ChapterContainer, rootElement: HTMLElement, cssVarsManager: import("../../utils/CssVarsManager").CssVarsManager, options?: import("./containers/types").ChoiceContainerOptions) => import("./containers/ChoiceContainer").ChoiceContainer | undefined;
-    createAreaControl: import("./controls").ControlCreator<import("./controls").ControlOptions, {
-        createView({ parentElement, callbacks }: import("./controls").ControlCreateViewParams): void;
-        registerBlinkAnimationEvents(): void;
-        disable(): void;
-        enable(): void;
-        getElement(): import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-        updateShadowStyles(isDark?: boolean): void;
-        toggleBlinkAnimation(enable?: boolean): void;
-        syncBlinkAnimation(refAnim: HTMLElement): void;
-        onBlinkHovering(): void;
-        setShowTimeRange(): void;
-        updateFillAnimationDimensions(): void;
-        onProgress(): void;
-        onResize(): void;
-        container: import("@vkontakte/videoplayer-shared").Nullable<{
-            element: HTMLElement;
-            dimensions: import("./controls").Dimensions;
-            isManifestContainerDisabled: () => boolean;
-        }>;
-        controlElement: import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-        subscriptions: import("@vkontakte/videoplayer-shared").Subscription;
-        error$: import("@vkontakte/videoplayer-shared").Subject<import("../..").CustomError>;
-        controlTap?: import("./utils/ControlTap").ControlTap;
-        isInteracted: boolean;
-        isRemoved: boolean;
-        cssVarsManager: import("@vkontakte/videoplayer-shared").Nullable<import("../../utils/CssVarsManager").CssVarsManager>;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-DI_7rDZW").e;
-        options?: import("./controls").Options | undefined;
-        setCssVarsManager(cssVarsManager: import("../../utils/CssVarsManager").CssVarsManager): void;
-        onControlSelect: () => void;
-        removeView(withTransition?: boolean): void;
-        onTransitionEnd: (event: TransitionEvent) => void;
-        onError(message: string | undefined, error: unknown): void;
-        addControlTap(controlElement: HTMLElement): void;
-        createContainerElement(callbacks: import("./controls").Callbacks): void;
-        createClickListener(callback: AnyFn): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): boolean | undefined;
-        isTouch(): boolean | undefined;
-        setEvents(callback: import("./controls").ControlEventCallback): void;
-        removeListeners(): void;
-    }>;
-    createButtonControl: import("./controls").ControlCreator<import("./controls").ControlOptions, {
-        startTime?: number;
-        endTime?: number;
-        controlFillAnimation?: import("./utils/ControlFillAnimation").ControlFillAnimation;
-        createView({ parentElement, callbacks }: import("./controls").ControlCreateViewParams): void;
-        registerBlinkAnimationEvents(): void;
-        disable(): void;
-        enable(): void;
-        getElement(): import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-        toggleBlinkAnimation(enable?: boolean): void;
-        syncBlinkAnimation(refAnim: HTMLElement): void;
-        onBlinkHovering(): void;
-        updateFillAnimationDimensions(): void;
-        setShowTimeRange(startTime: number, endTime: number): void;
-        onProgress(currentTime: number): void;
-        onResize(): void;
-        updateShadowStyles(): void;
-        container: import("@vkontakte/videoplayer-shared").Nullable<{
-            element: HTMLElement;
-            dimensions: import("./controls").Dimensions;
-            isManifestContainerDisabled: () => boolean;
-        }>;
-        controlElement: import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-        subscriptions: import("@vkontakte/videoplayer-shared").Subscription;
-        error$: import("@vkontakte/videoplayer-shared").Subject<import("../..").CustomError>;
-        controlTap?: import("./utils/ControlTap").ControlTap;
-        isInteracted: boolean;
-        isRemoved: boolean;
-        cssVarsManager: import("@vkontakte/videoplayer-shared").Nullable<import("../../utils/CssVarsManager").CssVarsManager>;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-DI_7rDZW").e;
-        options?: import("./controls").Options | undefined;
-        setCssVarsManager(cssVarsManager: import("../../utils/CssVarsManager").CssVarsManager): void;
-        onControlSelect: () => void;
-        removeView(withTransition?: boolean): void;
-        onTransitionEnd: (event: TransitionEvent) => void;
-        onError(message: string | undefined, error: unknown): void;
-        addControlTap(controlElement: HTMLElement): void;
-        createContainerElement(callbacks: import("./controls").Callbacks): void;
-        createClickListener(callback: AnyFn): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): boolean | undefined;
-        isTouch(): boolean | undefined;
-        setEvents(callback: import("./controls").ControlEventCallback): void;
-        removeListeners(): void;
-    }>;
-    classnamesPrefix: string;
+	Container: typeof Container;
+	createChoiceContainer: typeof createChoiceContainer;
+	createAreaControl: typeof createAreaControl;
+	createButtonControl: typeof createButtonControl;
+	classnamesPrefix: typeof classnamesPrefix;
 };

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

@@ -1 +1 @@
-export * from './utils';
+export * from "./utils";