@revealbi/ui/components/dialog/dialog.component.d.ts

import { LitElement } from 'lit';

/**
 * @summary Dialogs appear above the page and require the user's immediate attention. They inform users about critical information, require users to make decisions, or involve multiple tasks.
 *
 * @slot default - The dialog's main content.
 * @slot header-actions - Optional actions to add to the header.
 * @slot footer - The dialog's footer, usually one or more buttons representing various options.
 *
 * @csspart overlay - The overlay that covers the screen behind the dialog.
 * @csspart panel - The dialog's panel (where the dialog and its content are rendered).
 * @csspart header - The dialog's header. This element wraps the title and header actions.
 * @csspart header-actions - Optional actions to add to the header.
 * @csspart title - The dialog's title.
 * @csspart close-button - The close button.
 * @csspart content - The dialog's content.
 * @csspart footer - The dialog's footer.
 *
 * @cssproperty --width - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.
 * @cssproperty --header-spacing - The amount of padding to use for the header.
 * @cssproperty --body-spacing - The amount of padding to use for the body.
 * @cssproperty --footer-spacing - The amount of padding to use for the footer.
 *
 */
export declare class RvDialog extends LitElement {
    static styles: import('lit').CSSResult;
    /**
     * The dialog's title as displayed in the header.
     */
    title: string;
    /**
     * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
     * use the `show()` and `close()` methods and this attribute will reflect the dialog's open state.
     */
    open: boolean;
    private _closeResolver?;
    /**
     * Shows the dialog.
     * @returns {Promise<any>} Promise that resolves when the dialog is closed. The resolved value is the source of the close action.
     */
    show(): Promise<any>;
    /**
     * Hides the dialog.
     * @param {any | "close-button" | "overlay"} source The source of the close action. This can be a string or an object. The resolved value of the promise returned by `show()` will be this value.
     * @returns {void}
     */
    close(source: any | "close-button" | "overlay"): void;
    protected render(): unknown;
}
declare global {
    interface HTMLElementTagNameMap {
        'rv-dialog': RvDialog;
    }
}