import { EventEmitter } from "../../stencil-public-runtime";
export type SwirlImageGridItemLoading = "lazy" | "auto" | "eager" | "intersecting";
/**
 * @slot watermark - Optional watermark image to be displayed in the bottom left corner of the image.
 */
export declare class SwirlImageGridItem {
    el: HTMLElement;
    alt: string;
    gifPauseLabel?: string;
    gifPlayLabel?: string;
    icon?: string;
    interactive?: boolean;
    loading?: SwirlImageGridItemLoading;
    overlay?: string;
    showGifControls?: boolean;
    src: string;
    error: boolean;
    loaded: boolean;
    inViewport: boolean;
    gifPaused: boolean;
    computedSrc?: string;
    gifStarted: EventEmitter<void>;
    gifStopped: EventEmitter<void>;
    imageError: EventEmitter<void>;
    imageLoad: EventEmitter<void>;
    private intersectionObserver;
    private img;
    /**
     * Start Gif playback.
     * @returns
     */
    play(): Promise<void>;
    /**
     * Stop Gif playback.
     * @returns
     */
    pause(): Promise<void>;
    watchSrcProp(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    componentDidRender(): void;
    disconnectedCallback(): void;
    private setupIntersectionObserver;
    private handleIntersectionEntries;
    private onLoad;
    private onError;
    private pauseGif;
    private playGif;
    private handleControlClick;
    private readImageFromCanvas;
    private onImageElementUpdate;
    render(): any;
}