import { Disposable, Tooltip } from "../index";

export type TooltipPlacement =
    | "top"
    | "bottom"
    | "left"
    | "right"
    | "auto"
    | "auto top"
    | "auto bottom"
    | "auto left"
    | "auto right";

/** Associates tooltips with HTML elements or selectors. */
export interface TooltipManager {
    /** Add a tooltip to the given element. */
    add(
        target: HTMLElement | JQueryCompatible,
        options:
            | {
                item?: object | undefined;
            }
            | ({
                title?: string | (() => string) | undefined;
                html?: boolean | undefined;
                keyBindingCommand?: string | undefined;
                keyBindingTarget?: HTMLElement | undefined;
            } & {
                class?: string | undefined;
                placement?: TooltipPlacement | (() => TooltipPlacement) | undefined;
                trigger?: "click" | "hover" | "focus" | "manual" | undefined;
                delay?: { show: number; hide: number } | undefined;
            }),
    ): Disposable;

    /** Find the tooltips that have been applied to the given element. */
    findTooltips(target: HTMLElement): Tooltip[];
}

export interface JQueryCompatible<Element extends Node = HTMLElement> extends Iterable<Element> {
    jquery: string;
}