import type { EventEmitter } from "../../stencil-public-runtime";
/**
 * A popover is a floating panel anchored to a trigger that reveals contextual information or secondary actions on demand. It opens in the browser's top layer and closes on `Esc` or a click outside.
 *
 * @slot trigger - The element that opens and closes the popover, such as a `dds-button`.
 * @slot default - The content of the panel.
 * @part root - The floating panel.
 */
export declare class Popover {
    host: HTMLElement;
    /** Whether the panel is open. The attribute follows the user opening and closing the panel, and setting it opens or closes the panel. */
    open: boolean;
    /** The preferred side and alignment of the panel relative to the trigger. The panel flips to stay in view. */
    placement: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
    /** Fires before the panel opens. Cancel it with `preventDefault()` to keep the panel closed. */
    ddsPopoverWillOpen: EventEmitter<void>;
    /** Fires after the panel opens, whether a user or a change to `open` opened it. */
    ddsPopoverDidOpen: EventEmitter<void>;
    /** Fires after the panel closes, whether a user or a change to `open` closed it. */
    ddsPopoverDidClose: EventEmitter<void>;
    private panel?;
    private triggerSlot?;
    private openAtPointerDown;
    private inheritedAttributes;
    componentWillRender(): void;
    componentDidLoad(): void;
    syncPanel(): void;
    private isTriggerEvent;
    private handlePointerDown;
    private handleClick;
    private handleBeforeToggle;
    private handleToggle;
    render(): import("@stencil/core/jsx-runtime").JSX.Element;
}