finpro/dist/components/fp-tooltip/fp-tooltip.d.ts

Design System

import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
export declare type Placement = 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'right-start' | 'right' | 'right-end';
/**
 * @tag fp-tooltip
 * @summary Finpro Tooltip component
 *
 * @property {string} placement - Sets the tooltip placement
 */
export default class FpTooltip extends LitElement {
    static get styles(): CSSResultGroup;
    private tooltip;
    private trigger;
    private arrow;
    /**
     * Sets placement of the tooltip
     */
    placement: Placement;
    private _visible;
    /**
     * Fires when hovering over a trigger
     */
    private onShow;
    /**
     * Fires when leaving over from trigger
     */
    private onHide;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private popoverAutoUpdateCleanup;
    private setTooltip;
    /**
     * Shows tooltip
     */
    show(): void;
    /**
     * Hides tooltip
     */
    hide(): void;
    /**
     * Gives the visibility status of the tooltip
     */
    get visible(): boolean;
    private handleKeyDown;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'fp-tooltip': FpTooltip;
    }
}
//# sourceMappingURL=fp-tooltip.d.ts.map