import * as i0 from "@angular/core"; /** * Directive that detects clicks outside of an element and emits an event when they occur. * * This directive is useful for implementing dismissible UI components like dropdowns, * modals, and popups that should close when a user clicks outside of them. * * @example * ```html * *
* Dropdown content *
* * *
* Dropdown content that only closes when open *
* ``` * * @usageNotes * The directive emits the `outsideClick` event when a click occurs outside * the element it's attached to. It does not automatically hide or modify * the element - you need to handle that in your component logic. * * Common use cases include: * - Closing dropdowns when clicking elsewhere on the page * - Dismissing modals when clicking outside the modal content * - Hiding tooltips or popovers when clicking outside * * @publicApi */ export declare class ClickOutsideDirective { /** * Event emitted when a click occurs outside the element. * * @example * ```html *
...
* ``` */ outsideClick: import("@angular/core").OutputEmitterRef; private readonly elementRef; /** * Listens for clicks on the document and determines if they occurred * outside the element this directive is attached to. * * @param event The mouse event from the document click */ clickedOutside(event: MouseEvent): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; }