import { ImpulseElement } from '@ambiki/impulse';
export default class DialogElement extends ImpulseElement {
    /**
     * Whether the dialog is open or not. To make the dialog open by default, set the `open` attribute.
     */
    open: boolean;
    dialog: HTMLDialogElement;
    private _scrollLockController?;
    constructor();
    /**
     * Called when the element is connected to the DOM.
     */
    connected(): void;
    /**
     * Called when the element is removed from the DOM.
     */
    disconnected(): void;
    /**
     * Called when the `open` property changes.
     */
    openChanged(value: boolean): void;
    dialogConnected(dialog: HTMLDialogElement): void;
    dialogDisconnected(dialog: HTMLDialogElement): void;
    /**
     * Hides the dialog element.
     *
     * @example
     * <twc-dialog>
     *   <dialog>
     *     <button type="button" data-action="click->twc-dialog#hide">Close</button>
     *   </dialog>
     * </twc-dialog>
     */
    hide(): void;
    private showModal;
    private hideModal;
    private handleClick;
    private handleKeydown;
    private handleClose;
    private hideOverflow;
    private showOverflow;
}
declare global {
    interface Window {
        DialogElement: typeof DialogElement;
    }
    interface HTMLElementTagNameMap {
        'twc-dialog': DialogElement;
    }
}
//# sourceMappingURL=index.d.ts.map