import Player, { PlayerPlugin } from '@oplayer/core';
import type { ICONS_MAP } from './functions/icons';
import type { Subtitle as SubtitleInstance } from './components/Subtitle';
export type SubtitleSource = {
    default?: boolean;
    name?: string;
    src: string;
    encoding?: string;
    type?: string;
    /**
     * seconds
     */
    offset?: number;
};
export type Subtitle = {
    source?: SubtitleSource[];
    fontSize?: number;
    bottom?: string;
    color?: string;
    shadow?: string;
    fontFamily?: string;
    background?: boolean;
    marginBottom?: string;
};
export type MenuBar<T = {
    name: string;
    default?: boolean;
    value?: any;
}> = {
    position?: 'top' | 'bottom';
    name: string;
    icon?: string;
    children?: T[];
    onChange?: (arg: T, elm: HTMLButtonElement, player: Player) => void;
    onClick?: (elm: HTMLButtonElement, player: Player) => void;
};
export type Setting<T = any> = {
    name: string;
    key?: string;
    /**
     * selector 切换下个面板单选 1 ｜ 2 ｜ 3
     * switcher  当前面板切换 true or false
     */
    type: 'selector' | 'switcher';
    icon?: string;
    children?: Setting[];
    onChange?: (a: T, b?: {
        index: number;
        player: Player;
    }) => void | Promise<void>;
    default?: any;
    value?: T;
};
export type Thumbnails = {
    src: string[] | string;
    number: number;
    x?: number;
    y?: number;
    width?: number;
    height?: number;
    isVTT?: boolean;
};
export type Highlight = {
    text: string;
    time: number;
};
export type UiConfig = {
    theme?: {
        primaryColor?: string;
        watermark?: {
            /** img or svg */
            src: string;
            style?: Record<string, string>;
            attrs?: Record<string, string>;
        };
    };
    /**
     * default: false
     */
    autoFocus?: boolean;
    /**
     * PC only - default: { focused: true }
     */
    keyboard?: {
        focused?: boolean;
        global?: boolean;
    };
    /**
     * default: ['2.0', '1.75', '1.25', '1.0', '0.75', '0.5']
     */
    speeds?: string[];
    /**
     * default: false
     */
    screenshot?: boolean;
    /**
     * default: true
     * 全屏（如果不可用将会降级为网页全屏）
     */
    fullscreen?: boolean;
    /**
     * default: false
     */
    pictureInPicture?: boolean;
    /**
     * default: true
     */
    miniProgressBar?: boolean;
    /**
     * default: true
     */
    coverButton?: boolean;
    /**
     * default: 'always'
     */
    showControls?: 'always' | 'played';
    /**
     * default: 'none'
     */
    slideToSeek?: 'none' | 'always' | 'long-touch';
    /**
     *  default: true
     *  Whether or not the device should rotate to landscape mode when the video
     *  enters fullscreen.  Note that this behavior is based on an experimental
     *  browser API, and may not work on all platforms.
     *  Defaults to true.
     */
    forceLandscapeOnFullscreen?: boolean;
    subtitle?: Subtitle;
    /**
     * default: ['loop', 'speed']
     */
    settings?: (Setting | 'loop')[] | false;
    /**
     * default: false
     * back only work on mobile
     */
    controlBar?: {
        back?: 'always' | 'fullscreen';
    };
    ctrlHideBehavior?: 'hover' | 'delay' | 'none';
    /**
     * default: false
     * required -> controlBar: true
     */
    topSetting?: boolean;
    thumbnails?: Thumbnails;
    highlight?: {
        color?: string;
        source?: Highlight[];
    };
    menu?: MenuBar[];
    errorBuilder?: (error: Error | Event | {
        code: number;
        message: string;
    }) => void;
    icons?: {
        play?: string;
        pause?: string;
        volume?: [string, string];
        fullscreen?: [string, string];
        pip?: string;
        setting?: string;
        screenshot?: string;
        playbackRate?: string;
        loop?: string;
        progressIndicator?: string;
        loadingIndicator?: string;
        next?: string;
        previous?: string;
    };
    rightController?: {
        items: {
            name: string;
            iconSvg: string;
            defaultText: string;
        }[];
        onClick: (name: string) => any;
    };
    title?: {
        userName?: string;
        userUrl?: string;
        time?: string;
        description?: string;
        tags?: {
            name: string;
            url: string;
        }[];
    };
    contextmenu?: [];
};
export type ErrorPayload = Event | {
    message: string;
    code?: number;
};
export interface UIInterface extends PlayerPlugin {
    config: UiConfig;
    player: Player;
    icons: typeof ICONS_MAP;
    subtitle: SubtitleInstance;
    $watermark?: HTMLImageElement;
    notice: (text: string, position?: 'top' | 'bottom' | 'left' | 'right' | 'center' | 'top-left' | 'top-center' | 'top-right' | 'left-bottom') => void;
    keyboard: {
        register: (payload: Record<string, (e: any) => void>) => void;
        unregister: (keys: string[]) => void;
    };
    setting?: {
        register: (payload: Setting | Setting[]) => void;
        unregister: (key: string) => void;
        updateLabel: (key: string, text: string) => void;
        select: (key: string, value: boolean | number, shouldBeCallFn?: Boolean) => void;
    };
    menu: {
        register: (menu: MenuBar) => void;
        unregister: (key: string) => void;
        select: (name: string, index: number) => void;
    };
    toggleController: () => void;
    changHighlightSource: (highlights: Highlight[]) => void;
    changThumbnails: (src: Thumbnails) => void;
    progressHoverCallback: ((rate?: number /** 0 ~ 1 */) => void)[];
    $root: HTMLDivElement;
    $coverButton?: HTMLDivElement;
    $controllerBar?: HTMLDivElement;
    $controllerBottom: HTMLDivElement;
    $progress?: HTMLDivElement;
    $mask: HTMLDivElement;
    $setting: HTMLDivElement;
    $subtitle: HTMLDivElement;
}
//# sourceMappingURL=types.d.ts.map