photoswipe/dist/types/ui/ui-element.d.ts

JavaScript gallery

export default UIElement;
export type PhotoSwipe = import('../photoswipe.js').default;
/**
 * <T>
 */
export type Methods<T> = import('../types.js').Methods<T>;
export type UIElementMarkupProps = {
    isCustomSVG?: boolean | undefined;
    inner: string;
    outlineID?: string | undefined;
    size?: number | string;
};
export type UIElementData = {
    name?: DefaultUIElements | string;
    className?: string | undefined;
    html?: UIElementMarkup | undefined;
    isButton?: boolean | undefined;
    tagName?: keyof HTMLElementTagNameMap;
    title?: string | undefined;
    ariaLabel?: string | undefined;
    onInit?: (element: HTMLElement, pswp: PhotoSwipe) => void;
    onClick?: import("../types.js").Methods<import("../photoswipe.js").default> | ((e: MouseEvent, element: HTMLElement, pswp: PhotoSwipe) => void);
    appendTo?: 'bar' | 'wrapper' | 'root';
    order?: number | undefined;
};
export type DefaultUIElements = 'arrowPrev' | 'arrowNext' | 'close' | 'zoom' | 'counter';
export type UIElementMarkup = string | UIElementMarkupProps;
declare class UIElement {
    /**
     * @param {PhotoSwipe} pswp
     * @param {UIElementData} data
     */
    constructor(pswp: PhotoSwipe, data: UIElementData);
}