@vkontakte/videoplayer-interactive 1.0.32-beta.0 → 1.0.32-dev.e345d5be.0

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

@@ -1,33 +1,24 @@
 import type { Control as TControl, ControlEvent, ControlLayoutParams } from '../../../manifest';
-import type { Control } from '../../../modules/Interactives/controls/Control';
-import { AnimationsFeatureToggles } from '../../../modules/Interactives/types';
+import Control from '../../../modules/Interactives/controls/Control';
 export { TControl };
-export declare const CONTROLLER_PREFIX = "int";
 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 Dimensions = {
+    width: string;
+    height: string;
 };
-export type Callbacks = {
-    setControlLayout: (element: HTMLElement, controlLayoutParams: ControlLayoutParams) => void;
-};
-export type ControlCreateViewParams = {
+export type LayoutCallback = (element: HTMLElement, controlLayoutParams: ControlLayoutParams) => void;
+export type CreateViewParams = {
     parentElement: HTMLElement;
-    callbacks: Callbacks;
-};
-export type Options = Record<string, unknown>;
-export type ControlOptions = {
-    features: Pick<AnimationsFeatureToggles, never>;
+    layoutCallback: LayoutCallback;
 };
-export declare function isControlOptions(options: Options): options is ControlOptions;
 type ControlEventCallbackParams = {
     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 = (control: TControl) => Control | undefined;

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

@@ -6,44 +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("./containers/types").ChoiceContainerOptions) => import("./containers/ChoiceContainer").ChoiceContainer | undefined;
-    createAreaControl: import("./controls").ControlCreator<import("./controls").ControlOptions, {
-        createView({ parentElement, callbacks }: import("./controls").ControlCreateViewParams): void;
-        disable(): void;
-        enable(): void;
-        getElement(): Nullable<HTMLElement>;
-        container: Nullable<{
-            element: HTMLElement;
-            dimensions: import("./controls").Dimensions;
-        }>;
-        controlElement: Nullable<HTMLElement>;
-        clickListener: Nullable<(event: MouseEvent) => void>;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-COPBtRYg").e;
-        options?: import("./controls").Options;
-        createContainerElement(callbacks: import("./controls").Callbacks): void;
-        createClickListener(callback: AnyFn): (event: MouseEvent) => void;
-        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;
-        disable(): void;
-        enable(): void;
-        getElement(): Nullable<HTMLElement>;
-        container: Nullable<{
-            element: HTMLElement;
-            dimensions: import("./controls").Dimensions;
-        }>;
-        controlElement: Nullable<HTMLElement>;
-        clickListener: Nullable<(event: MouseEvent) => void>;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-COPBtRYg").e;
-        options?: import("./controls").Options;
-        createContainerElement(callbacks: import("./controls").Callbacks): void;
-        createClickListener(callback: AnyFn): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): false | undefined;
-        setEvents(callback: import("./controls").ControlEventCallback): void;
-        removeListeners(): 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,7 +19,6 @@ export type RequiredOptions = 'parentElement' | 'fullscreenTargetElement';
 export type IOptionalInteractiveOptions = Partial<Omit<IInteractiveOptions, RequiredOptions | 'config'>> & Required<Pick<IInteractiveOptions, RequiredOptions>> & {
     config?: Partial<IInteractiveOptions['config']>;
 };
-export type AnimationsFeatureToggles = {};
 export interface IInteractiveOptions {
     parentElement: HTMLElement;
     fullscreenTargetElement: HTMLElement;
@@ -42,10 +41,9 @@ export interface IInteractiveOptions {
     vkVideoLoader?: (owner_id: string, video_id: string) => unknown;
     createOneStat?: (video: any, configOverwrite?: any) => IOneStat | undefined;
     /**
-     * @deprecated
-     * */
+    * @deprecated
+    * */
     disableControlsOnPause?: boolean;
-    animationFeatureToggles?: AnimationsFeatureToggles;
 }
 export type ChapterChangedData = {
     chapter: Chapter;

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

@@ -51,7 +51,7 @@ export declare class GameController {
     onEndOfVideo: () => void;
     whilePlaying: () => void;
     reset(): void;
-    removeView(): void;
+    removeView(destroy?: boolean): void;
     fakeRemoveView(remove?: boolean): void;
     destroy(): void;
 }

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

@@ -1,6 +1,9 @@
 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;

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

@@ -1,9 +0,0 @@
-import { Options, ControlEventCallback } from '../controls';
-import { AnimationsFeatureToggles } from '../types';
-export type ChoiceContainerOptions = {
-    features: Pick<AnimationsFeatureToggles, never>;
-};
-export declare function isChoiceContainerOptions(options: Options): options is ChoiceContainerOptions;
-export type ContainerCreateViewParams = {
-    eventCallback: ControlEventCallback;
-};

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

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

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

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

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

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