@vkontakte/videoplayer-interactive 1.0.30-dev.f10d9ff4.0 → 1.0.30-dev.f55796c8.0

package/types/utils/Binding.d.ts

@@ -0,0 +1,34 @@
+import type { Nullable } from '@vkontakte/videoplayer-shared';
+import type { HtmlEventType } from '../types';
+type OptionsType = undefined | boolean | AddEventListenerOptions;
+export declare class Binding {
+    target: Nullable<Element>;
+    type: Nullable<HtmlEventType>;
+    listener: Nullable<EventListener>;
+    options: Nullable<OptionsType>;
+    /**
+     *  passive = true -> function never call preventDefault()
+     */
+    constructor(target: Element, type: HtmlEventType, listener: EventListener, options: OptionsType);
+    /**
+     * Detaches the event listener from the event target. This does nothing if
+     * the event listener is already detached.
+     */
+    unlisten(): void;
+    /**
+     * Converts the provided options value into a value accepted by the browser.
+     * Some browsers (e.g. Tizen) don't support passing options as an
+     * object.  So this detects this case and converts it.
+     */
+    private static _convertOptions;
+    /**
+     * Checks whether the browser supports passing objects as the third argument
+     * to addEventListener.  This caches the result value in a static field to
+     * avoid a bunch of checks.
+     *
+     * See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support
+     */
+    private static _supportsObject;
+    private static _doesSupportObject;
+}
+export {};

package/types/utils/EventManager.d.ts

@@ -0,0 +1,13 @@
+import { Binding } from './Binding';
+import { MultiMap } from './MultiMap';
+import type { HtmlEventType } from '../types';
+type OptionsType = boolean | AddEventListenerOptions;
+export declare class EventManager {
+    bindingMap: MultiMap<Binding> | null;
+    release(): void;
+    listen(target: Element, type: HtmlEventType, listener: EventListener, options?: OptionsType): void;
+    listenOnce(target: Element, type: HtmlEventType, listener: EventListener, options?: OptionsType): void;
+    unlisten(target: Element, type: HtmlEventType, listener: EventListener): void;
+    removeAll(): void;
+}
+export {};

package/types/utils/getVideoContentSize.d.ts

@@ -1,5 +1,5 @@
 import type { IPlayer } from '@vkontakte/videoplayer-core';
-export declare const getVideoContentSize: (player: IPlayer) => {
+export declare const getVideoContentSize: (containerEl: Element, player: IPlayer) => {
     videoContentHeight: number;
     videoContentWidth: number;
 };

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

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

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

@@ -1,2 +0,0 @@
-export declare const createBlinkAnimationRef: () => HTMLDivElement;
-export declare const restartBlinkAnimationRef: (blinkAnimationRefElement: HTMLElement) => void;

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

@@ -1,29 +0,0 @@
-export declare function normalizeRadians(rad: number): number;
-export declare function radiansToDegrees(rad: number): number;
-export type Options = {
-    startTime: number;
-    endTime: number;
-    rotateAngle: number;
-    borderRadius: string;
-    debug?: boolean;
-};
-export declare class FillAnimation {
-    fillAnimationElement: HTMLDivElement;
-    private fillAnimationFillerElement;
-    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;
-    private calcWidthExpansionCoef;
-}

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

@@ -1,10 +0,0 @@
-export declare class TapElement {
-    element: HTMLDivElement;
-    controlRotateAngleRad: number;
-    clickCancelCondition: () => boolean;
-    constructor(controlRotateAngleRad: number, clickCancelCondition: () => boolean);
-    onElementClick: (e: Event & {
-        clientX: number;
-        clientY: number;
-    }) => void;
-}

package/types/utils/AverageColor/FrameAverageColor.d.ts

@@ -1,19 +0,0 @@
-import { type Options } from './helpers';
-export declare class FrameAverageColor {
-    canvas: HTMLCanvasElement | OffscreenCanvas | null;
-    ctx: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D | null;
-    getColorAsync(resource: HTMLVideoElement, options: Options): Promise<{
-        rgba: string;
-        isDark: boolean;
-        error: Error | undefined;
-    }>;
-    getColor(resource: HTMLVideoElement, options: Options): {
-        rgba: string;
-        isDark: boolean;
-        error: Error | undefined;
-    };
-    private getColorFromArray;
-    private sqrtAlgorithm;
-    private prepareResult;
-    destroy(): void;
-}

package/types/utils/AverageColor/helpers.d.ts

@@ -1,17 +0,0 @@
-export type Color = [number, number, number, number];
-export type Options = {
-    width: number;
-    height: number;
-    step?: number;
-    defaultColor?: Color;
-    debug?: boolean;
-};
-export declare function makeCanvas(): OffscreenCanvas | HTMLCanvasElement | null;
-export declare function isDark(color: Color): boolean;
-export declare const DEFAULT_COLOR: Color;
-export declare const DEFAULT_STEP = 1;
-export declare function getError(message: string): Error;
-export declare function getVideoContentSize(element: HTMLElement): {
-    width: number;
-    height: number;
-};

package/types/utils/AverageColor/index.d.ts

@@ -1,2 +0,0 @@
-export { FrameAverageColor } from './FrameAverageColor';
-export { getVideoContentSize } from './helpers';