@vkontakte/videoplayer-interactive 1.0.38-beta.2 → 1.0.39-dev.25a92534.0

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

@@ -11,6 +11,8 @@ declare class TextControl extends Control {
     onResize(): void;
     updateShadowStyles(): void;
     toggleBlinkAnimation(): void;
+    setShowTimeRange(): void;
+    updateFillAnimationDimensions(): void;
     onError(): void;
 }
 export {};

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

@@ -23,7 +23,7 @@ export type ControlCreateViewParams = {
 export type Options = Record<string, unknown>;
 export type ControlOptions = {
     isTouch: boolean;
-    features: Pick<AnimationsFeatureToggles, 'controlsExpectTimeBlinkAnimation' | 'controlsTapPlace'>;
+    features: Pick<AnimationsFeatureToggles, 'controlsExpectTimeBlinkAnimation' | 'controlsTapPlace' | 'controlsFillAnimation'>;
 };
 export declare function isControlOptions(options: Options): options is ControlOptions;
 type ControlEventCallbackParams = {

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

@@ -17,6 +17,8 @@ export declare const utils: {
         toggleBlinkAnimation(enable?: boolean): void;
         syncBlinkAnimation(refAnim: HTMLElement): void;
         onBlinkHovering(): void;
+        setShowTimeRange(): void;
+        updateFillAnimationDimensions(): void;
         onProgress(): void;
         onResize(): void;
         container: import("@vkontakte/videoplayer-shared").Nullable<{
@@ -41,6 +43,9 @@ export declare const utils: {
         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;
         registerEvents(): void;
         disable(): void;
@@ -49,7 +54,9 @@ export declare const utils: {
         toggleBlinkAnimation(enable?: boolean): void;
         syncBlinkAnimation(refAnim: HTMLElement): void;
         onBlinkHovering(): void;
-        onProgress(): void;
+        updateFillAnimationDimensions(): void;
+        setShowTimeRange(startTime: number, endTime: number): void;
+        onProgress(currentTime: number): void;
         onResize(): void;
         updateShadowStyles(): void;
         container: import("@vkontakte/videoplayer-shared").Nullable<{

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

@@ -19,6 +19,7 @@ export type AnimationsFeatureToggles = Partial<{
     areaControlShadow: boolean;
     controlsExpectTimeBlinkAnimation: boolean;
     controlsTapPlace: boolean;
+    controlsFillAnimation: boolean;
 }>;
 export interface IInteractiveOptions {
     parentElement: HTMLElement;

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

@@ -0,0 +1,34 @@
+export type Options = {
+    startTime: number;
+    endTime: number;
+    rotateAngle: number;
+    borderRadius: string;
+    debug?: boolean;
+};
+export declare class ControlFillAnimation {
+    fillAnimationElement: HTMLDivElement;
+    private fillAnimationFillerElement;
+    private fillAnimationFillerWrapperElement;
+    private startTime;
+    private endTime;
+    private shouldFillHeight;
+    private widthExpansionCoef;
+    private isDebug;
+    private fromLeft;
+    private useSkew;
+    private rotateAngle;
+    constructor(opts: Options);
+    updateDimension(opts: {
+        width: number;
+        height: number;
+        borderWidth: number;
+    }): void;
+    updateAnimation(currentTime: number): void;
+    /**
+     * Когда мы применяем scew для контрол, расстояние между крайними left & right
+     * точками становится больше. Это значит, что нужно увеличивать
+     * элемент-заполнитель, чтобы он заполнял контрол полностью. Этот метод
+     * возвращает коэффцицент увеличения для элемента-заполнителя.
+     */
+    private calcWidthExpansionCoef;
+}

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

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

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

@@ -0,0 +1,12 @@
+export declare const CONTROL_FILL_ANIMATION_CLASSNAME_PREFIX = "interactive-control-fill-animation";
+export declare const controlFillAnimationClassNames: {
+    common: string;
+    fillerWrapper: string;
+    filler: string;
+    fillHeight: string;
+    fillWidth: string;
+    fromTop: string;
+    fromBottom: string;
+    fromLeft: string;
+    fromRight: string;
+};

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

@@ -1,2 +1,25 @@
+/**
+ * use normalizeRadians before use
+ */
+export declare function isPositiveXAxis(angle: number): angle is 0;
+/**
+ * use normalizeRadians before use
+ */
+export declare function isPositiveYAxis(angle: number): boolean;
+/**
+ * use normalizeRadians before use
+ */
+export declare function isNegativeXAxis(angle: number): boolean;
+/**
+ * use normalizeRadians before use
+ */
+export declare function isNegativeYAxis(angle: number): boolean;
+/**
+ *  normalizes to [0, 2π)
+ */
 export declare function normalizeRadians(rad: number): number;
+/**
+ * use normalizeRadians before use
+ */
+export declare function getQuadrant(rad: number): number | null;
 export declare function radiansToDegrees(rad: number): number;