@vkontakte/videoplayer-interactive 1.0.37-dev.7b20e21e.0 → 1.0.37-dev.9bced45b.0

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

@@ -6,62 +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;
-        onError(message: string | undefined, error: unknown): void;
-        onProgress(): void;
-        onResize(): void;
-        container: import("@vkontakte/videoplayer-shared").Nullable<{
-            element: HTMLElement;
-            dimensions: import("./controls").Dimensions;
-        }>;
-        controlElement: import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-        subscriptions: import("@vkontakte/videoplayer-shared").Subscription;
-        error$: import("@vkontakte/videoplayer-shared").Subject<import("../..").CustomError>;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-DI_7rDZW").e;
-        options?: import("./controls").Options | undefined;
-        createContainerElement(callbacks: import("./controls").Callbacks): void;
-        createClickListener(callback: AnyFn): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): 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;
-        onError(message: string | undefined, error: unknown): void;
-        onProgress(): void;
-        onResize(): void;
-        updateShadowStyles(): void;
-        container: import("@vkontakte/videoplayer-shared").Nullable<{
-            element: HTMLElement;
-            dimensions: import("./controls").Dimensions;
-        }>;
-        controlElement: import("@vkontakte/videoplayer-shared").Nullable<HTMLElement>;
-        subscriptions: import("@vkontakte/videoplayer-shared").Subscription;
-        error$: import("@vkontakte/videoplayer-shared").Subject<import("../..").CustomError>;
-        control: import("@interactiveplatform/movika-manifest/dist/chapter-DI_7rDZW").e;
-        options?: import("./controls").Options | undefined;
-        createContainerElement(callbacks: import("./controls").Callbacks): void;
-        createClickListener(callback: AnyFn): (event: MouseEvent) => void;
-        featureIsEnabled(name: keyof import("./controls").ControlOptions["features"]): 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/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;
+}