@vkontakte/videoplayer-interactive 1.0.37-dev.327fd247.0 → 1.0.37-dev.420165e2.0

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

@@ -1,7 +1,7 @@
 import { Control } from './Control';
 import { type ControlCreator, type ControlCreateViewParams, type TControl, type ControlOptions } from './types';
 export declare const createButtonControl: ControlCreator<ControlOptions, ButtonControl>;
-declare class ButtonControl extends Control {
+export declare class ButtonControl extends Control {
     constructor(control: TControl, options?: ControlOptions);
     createView({ parentElement, callbacks }: ControlCreateViewParams): void;
     registerEvents(): void;
@@ -11,8 +11,8 @@ declare class ButtonControl extends Control {
     toggleBlinkAnimation(enable?: boolean): void;
     syncBlinkAnimation(refAnim: HTMLElement): void;
     onBlinkHovering(): void;
+    onError(message: string | undefined, error: unknown): void;
     onProgress(): void;
     onResize(): void;
     updateShadowStyles(): void;
 }
-export {};

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

@@ -1,12 +1,11 @@
-import { Subject, Subscription, ValueSubject } from '@vkontakte/videoplayer-shared';
-import { ControlTap } from '../utils/ControlTap';
+import { Subject, Subscription } from '@vkontakte/videoplayer-shared';
 import type { ControlEventCallback, ControlCreateViewParams, Dimensions, Callbacks, Options, TControl, ControlOptions } from './types';
 import { CustomError } from '../../../utils/Error';
 import { Nullable } from '@vkontakte/videoplayer-shared';
+import { CssVarsManager } from '../../../utils/CssVarsManager';
 type ControlContainer = {
     element: HTMLElement;
     dimensions: Dimensions;
-    isManifestContainerDisabled: () => boolean;
 };
 type ClickListener = (event: MouseEvent) => void;
 export declare abstract class Control {
@@ -16,23 +15,21 @@ export declare abstract class Control {
     controlElement: Nullable<HTMLElement>;
     subscriptions: Subscription;
     error$: Subject<CustomError>;
-    isInteracted$: ValueSubject<boolean>;
-    controlTap?: ControlTap;
+    private 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 onError(message: string, error?: string | Error | CustomError): void;
     abstract updateShadowStyles(isDark?: boolean): void;
     abstract toggleBlinkAnimation(enable?: boolean): 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;
 }

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

@@ -8,13 +8,12 @@ export declare enum CONTROLLER_IDS {
     TEXT = "int_text",
     BUTTON = "int_bttn"
 }
-export type Dimensions<T = string> = {
+export type Dimensions<T = string | number> = {
     width: T;
     height: T;
 };
 export type Callbacks = {
     setControlLayout: (element: HTMLElement, controlLayoutParams: ControlLayoutParams) => void;
-    isContainerDisabled: () => boolean;
 };
 export type ControlCreateViewParams = {
     parentElement: HTMLElement;
@@ -22,8 +21,7 @@ export type ControlCreateViewParams = {
 };
 export type Options = Record<string, unknown>;
 export type ControlOptions = {
-    isTouch: boolean;
-    features: Pick<AnimationsFeatureToggles, 'controlsExpectTimeBlinkAnimation' | 'controlsTapPlace'>;
+    features: Pick<AnimationsFeatureToggles, 'controlsExpectTimeBlinkAnimation'>;
 };
 export declare function isControlOptions(options: Options): options is ControlOptions;
 type ControlEventCallbackParams = {

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

@@ -11,4 +11,3 @@ export declare const controlsClassNames: {
     blinkAnimButton: string;
     blinkAnimArea: string;
 };
-export declare const TOUCH_DEVICES_CIRCLE_SIZE_PX = 40;

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

@@ -6,72 +6,8 @@ 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;
-        registerEvents(): 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;
-        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>;
-        isInteracted$: import("@vkontakte/videoplayer-shared").ValueSubject<boolean>;
-        controlTap?: import("./utils/ControlTap").ControlTap;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-DI_7rDZW").e;
-        options?: import("./controls").Options | undefined;
-        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, {
-        createView({ parentElement, callbacks }: import("./controls").ControlCreateViewParams): void;
-        registerEvents(): void;
-        disable(): void;
-        enable(): void;
-        getElement(): import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-        toggleBlinkAnimation(enable?: boolean): void;
-        syncBlinkAnimation(refAnim: HTMLElement): void;
-        onBlinkHovering(): void;
-        onProgress(): 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>;
-        isInteracted$: import("@vkontakte/videoplayer-shared").ValueSubject<boolean>;
-        controlTap?: import("./utils/ControlTap").ControlTap;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-DI_7rDZW").e;
-        options?: import("./controls").Options | undefined;
-        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;
-    }>;
+    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, import("./controls").AreaControl>;
+    createButtonControl: import("./controls").ControlCreator<import("./controls").ControlOptions, import("./controls").ButtonControl>;
     classnamesPrefix: string;
 };

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

@@ -18,7 +18,6 @@ export type IOptionalInteractiveOptions = Partial<Omit<IInteractiveOptions, Requ
 export type AnimationsFeatureToggles = Partial<{
     areaControlShadow: boolean;
     controlsExpectTimeBlinkAnimation: boolean;
-    controlsTapPlace: boolean;
 }>;
 export interface IInteractiveOptions {
     parentElement: HTMLElement;
@@ -45,7 +44,6 @@ export interface IInteractiveOptions {
      * @deprecated
      * */
     disableControlsOnPause?: boolean;
-    isTouch?: boolean;
     animationsFeatureToggles?: AnimationsFeatureToggles;
 }
 export type ChapterChangedData = {

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

@@ -1,7 +1,9 @@
 import type { IPlayer } from '@vkontakte/videoplayer-core';
 import { Nullable } from '@vkontakte/videoplayer-shared';
+import { CssVarsManager } from '../../../utils/CssVarsManager';
 type ResizeManagerArg = () => {
     parentElement: HTMLElement;
+    cssVarsManager: CssVarsManager;
     player?: Nullable<IPlayer>;
     fns?: AnyFn[];
 };

package/types/utils/CssVarsManager.d.ts

@@ -0,0 +1,23 @@
+export declare class CssVarsManager {
+    rootElement: HTMLElement;
+    private readonly isCssVarsSupported;
+    private rootElementProps;
+    constructor(rootElement: HTMLElement);
+    private static checkCssVarsSupport;
+    /**
+     * Возвращает значение CSS-переменной или фолбэк из JS.
+     */
+    getPropValue(propKey: string): string | undefined;
+    /**
+     * Применяет несколько свойств
+     */
+    setup(props: Record<string, string>): void;
+    /**
+     * Удаляет все сохранённые переменные со стилевого элемента
+     */
+    cleanup(): void;
+    /**
+     * Применяет одну переменную
+     */
+    setProp(key: string, value: string): void;
+}

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

@@ -1,17 +0,0 @@
-type Options = {
-    controlRotateAngleRad: number;
-    circleDiameterPx?: number;
-    useDimensionsBasedSize?: boolean;
-    clickCancelCondition: () => boolean;
-};
-export declare class ControlTap {
-    element: HTMLDivElement;
-    controlRotateAngleRad: number;
-    clickCancelCondition: () => boolean;
-    circleDiameterPx: number;
-    useDimensionsBasedSize: boolean;
-    constructor({ controlRotateAngleRad, clickCancelCondition, circleDiameterPx, useDimensionsBasedSize, }: Options);
-    onElementClick: (e: MouseEvent) => void;
-    onAnimationEnd: (e: TransitionEvent) => void;
-}
-export {};

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

@@ -1 +0,0 @@
-export * from './ControlTap';

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

@@ -1,6 +0,0 @@
-export declare const CONTROL_TAP_CLASSNAME_PREFIX = "interactive-control-tap";
-export declare const controlTapClassNames: {
-    common: string;
-    animation: string;
-    visible: string;
-};

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

@@ -1,2 +0,0 @@
-export declare function normalizeRadians(rad: number): number;
-export declare function radiansToDegrees(rad: number): number;