import { EventEmitter } from '../../../stencil-public-runtime';
/**
 * Display a child component in a "portal", popping it out of the main DOM tree
 * to allow it to escape the bounds set by its parent.
 * @credit https://github.com/tomas-teston/stencil-portal for the basic
 * technique. This has been altered in a few ways to make it more friendly
 * to cases where there may be multiple portals on the page and provide more
 * alignment options for the child to be displayed.
 *
 * ```ts
 * <div style="padding: 40px">
 *     <div id="sample-tooltip" style="border: 1px solid green; padding: 3px 10px;">
 *       Tooltip Anchor
 *       <verdocs-portal anchor="sample-tooltip" .align=${align} .voffset=${voffset}>
 *         <div style="border: 1px solid red; padding: 3px 10px;">Tooltip</div>
 *       </verdocs-portal>
 *     </div>
 *   </div>
 * ```
 */
export declare class VerdocsPortal {
    private portal;
    private element;
    private moved;
    /**
     * Unique ID of the parent element to anchor to.
     */
    anchor: string;
    /**
     * Vertical offset from the parent.
     */
    voffset: number;
    clickAway: EventEmitter<void>;
    handleScroll(): void;
    handleResize(): void;
    handleClick(e: any): void;
    private calculateLeft;
    private calculateTop;
    private calculatePosition;
    componentWillLoad(): void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    render(): any;
}
