import { EventEmitter } from "../../stencil-public-runtime"; /** * @slot modalCloseButton - slot for custom close button * @slot modalContent - slot for the content of the modal * @cssprop --z-modal-content-padding - padding of the modal's content. The default is 16px (--space-unit * 2) */ export declare class ZModal { /** unique id */ modalid: string; /** title text (optional) */ modaltitle?: string; /** subtitle (optional) */ modalsubtitle?: string; /** aria-label for close button (optional) */ closeButtonLabel: string; /** add role "alertdialog" to dialog (optional, default is false) */ alertdialog?: boolean; /** if true, the modal is closable (optional, default is true) */ closable?: boolean; /** if true, the modal can scroll inside, if false the viewport can scroll */ scrollInside?: boolean; /** if true, the page scroll is locked when the modal is open (optional, default is true) */ lockPageScroll?: boolean; private dialog; host: HTMLZModalElement; /** emitted on close button click, returns modalid */ modalClose: EventEmitter; private emitModalClose; /** emitted on modal header click, returns modalid */ modalHeaderActive: EventEmitter; private emitModalHeaderActive; /** emitted on background click, returns modalid */ modalBackgroundClick: EventEmitter; private emitBackgroundClick; private resetPageScroll; componentDidLoad(): void; disconnectedCallback(): void; /** open modal */ open(): Promise; /** close modal */ close(): Promise; /** * Get a list of focusable elements in the dialog. * Remove elements with `display: none` from the list, because they're not focusable. * * N.B. The list is built on the assumption that elements inside shadow root are placed ALL before the `modalContent` slot. * Adding focusable elements after the `modalContent` slot would break the order of elements in the list. */ private get focusableElements(); handleKeyDown(e: KeyboardEvent): void; private closeButtonSlot; private handleEscape; render(): HTMLZModalElement; }