import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * ***********
 * * WARNING *
 * ***********
 * Touching this file obligates you to manually test thoroughly, because Puppeteer can't capture every edgecase.
 *
 * Each of the following Scenarios must be tested on each Device, in each Environment.
 *
 * Scenarios:
 * - Q2 Select searchable
 * - Q2 Select non-searchable
 *
 * Orientations:
 * - Portrait
 * - Landscape
 *
 * Devices:
 * - iOS Safari
 * - Android Chrome
 * - MacOS Safari
 * - Chrome
 * - Firefox
 *
 * Environments:
 * - Standard (Outside of Iframe)
 * - SDK Extension (Inside of Iframe)
 */
/**
 * @name Popover
 * @category Display
 * @summary Use for positioning floating content relative to a trigger element.
 */
export declare class Q2Popover implements ComponentInterface {
    containerElement: HTMLDivElement;
    contentElement: HTMLDivElement;
    /**
     * The number of pixels to leave between the popover and the edge of the viewport
     */
    displayBuffer: number;
    orientationChanged: boolean;
    pendingAnimationResolve: (() => void) | null;
    hostElement: HTMLElement;
    animationState: 'idle' | 'opening' | 'closing';
    currentDirection: 'down' | 'up';
    show: boolean;
    /** Aligns the popover to the left or right side of the control element. */
    align: 'left' | 'right';
    /** Indicates the popover will match the width of its parent element. */
    block: boolean;
    /** The element that controls the popover's behavior. */
    controlElement: HTMLElement;
    /**
     * Force the direction of the popover when it opens.
     * If no value is passed, the component will auto-detect the direction based on available space.
     */
    direction: 'up' | 'down';
    /**
     * Force the maximum height of the popover. This value will be interpreted as pixels.
     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.
     */
    maxHeight: number;
    /** @deprecated */
    minHeight: number;
    mode: 'legacy';
    /** Controls whether the popover is open or closed. */
    open: boolean;
    /**
     * Emitted when the popover is opened or closed.
     * @deprecated Use 'tctPopoverStateChanged' instead
     */
    popoverStateChanged: EventEmitter<{
        open: boolean;
    }>;
    /**
     * Emitted when the popover is opened or closed.
     */
    tctPopoverStateChanged: EventEmitter<{
        open: boolean;
    }>;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    popoverStateHandler(event: CustomEvent<{
        open: boolean;
    }>): void;
    scrollContainerTo(options: ScrollToOptions): Promise<void>;
    toggle(): Promise<void>;
    minHeightProvided(): void;
    openChanged(open: boolean): Promise<void>;
    get isModule(): boolean;
    get providedDirection(): 'up' | 'down' | undefined;
    get supportsPopoverAPI(): boolean;
    get validatedMaxHeight(): number | undefined;
    addViewportListeners(): void;
    clearCSSProperties(): void;
    determinePopDirection(): Promise<void>;
    handleMinHeight: () => void;
    handlePopoverToggleEvent: (event: ToggleEvent) => void;
    removeViewportListeners(): void;
    setAbsoluteCSSProperties: () => Promise<void>;
    setDirectionAndShow(direction: 'up' | 'down'): void;
    setPopoverAPICSSProperties: () => Promise<void>;
    viewPortChanged: () => void;
    viewPortOrientationChanged: () => void;
    render(): any;
}