@vkontakte/videoplayer-interactive 1.0.41-dev.c6edef47.0 → 1.0.41-dev.d6af6ca9.0

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

@@ -6,7 +6,7 @@ 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;
+    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;
@@ -32,8 +32,10 @@ export declare const utils: {
         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;
@@ -74,8 +76,10 @@ export declare const utils: {
         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;

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;
+}