import * as _angular_core from '@angular/core'; import { ElementRef, TemplateRef } from '@angular/core'; import { MotionOptions, MotionEvent } from '@primeuix/motion'; import * as i2 from 'primeng/api'; import { ResponsiveOverlayOptions, OverlayOptions, OverlayOnBeforeShowEvent, OverlayOnShowEvent, OverlayOnBeforeHideEvent, OverlayOnHideEvent, OverlayService } from 'primeng/api'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { CSSProperties, AppendTo } from 'primeng/types/shared'; import { OverlayContentTemplateContext } from 'primeng/types/overlay'; import { BaseStyle } from 'primeng/base'; declare class OverlayStyle extends BaseStyle { name: string; style: string; classes: { host: string; root: ({ instance }: { instance: any; }) => (string | { 'p-overlay-modal p-overlay-mask p-overlay-mask-enter-active': any; 'p-overlay-center': any; 'p-overlay-top': any; 'p-overlay-top-start': any; 'p-overlay-top-end': any; 'p-overlay-bottom': any; 'p-overlay-bottom-start': any; 'p-overlay-bottom-end': any; 'p-overlay-left': any; 'p-overlay-left-start': any; 'p-overlay-left-end': any; 'p-overlay-right': any; 'p-overlay-right-start': any; 'p-overlay-right-end': any; })[]; content: string; }; inlineStyles: { root: ({ instance }: { instance: any; }) => any; content: ({ instance }: { instance: any; }) => any; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * This API allows overlay components to be controlled from the PrimeNG. In this way, all overlay components in the application can have the same behavior. * @group Components */ declare class Overlay extends BaseComponent { componentName: string; $pcOverlay: Overlay | undefined; hostName: _angular_core.InputSignal; /** * The visible property is an input that determines the visibility of the component. * @defaultValue false * @group Props */ visible: _angular_core.ModelSignal; /** * The mode property is an input that determines the overlay mode type or string. * @defaultValue null * @group Props */ mode: _angular_core.InputSignal; /** * The style property is an input that determines the style object for the component. * @defaultValue null * @group Props */ style: _angular_core.InputSignal; /** * The styleClass property is an input that determines the CSS class(es) for the component. * @defaultValue null * @group Props */ styleClass: _angular_core.InputSignal; /** * The contentStyle property is an input that determines the style object for the content of the component. * @defaultValue null * @group Props */ contentStyle: _angular_core.InputSignal; /** * The contentStyleClass property is an input that determines the CSS class(es) for the content of the component. * @defaultValue null * @group Props */ contentStyleClass: _angular_core.InputSignal; /** * The target property is an input that specifies the target element or selector for the component. * @defaultValue null * @group Props */ target: _angular_core.InputSignal; /** * The autoZIndex determines whether to automatically manage layering. Its default value is 'false'. * @defaultValue false * @group Props */ autoZIndex: _angular_core.InputSignal; /** * The baseZIndex is base zIndex value to use in layering. * @defaultValue null * @group Props */ baseZIndex: _angular_core.InputSignal; /** * The listener property is an input that specifies the listener object for the component. * @defaultValue null * @group Props */ listener: _angular_core.InputSignal; /** * It is the option used to determine in which mode it should appear according to the given media or breakpoint. * @defaultValue null * @group Props */ responsive: _angular_core.InputSignal; /** * The options property is an input that specifies the overlay options for the component. * @defaultValue null * @group Props */ options: _angular_core.InputSignal; /** * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name). * @defaultValue 'self' * @group Props */ appendTo: _angular_core.InputSignal; /** * Specifies whether the overlay should be rendered inline within the current component's template. * @defaultValue false * @group Props */ inline: _angular_core.InputSignal; /** * The motion options. * @group Props */ motionOptions: _angular_core.InputSignal; /** * Callback to invoke before the overlay is shown. * @param {OverlayOnBeforeShowEvent} event - Custom overlay before show event. * @group Emits */ onBeforeShow: _angular_core.OutputEmitterRef; /** * Callback to invoke when the overlay is shown. * @param {OverlayOnShowEvent} event - Custom overlay show event. * @group Emits */ onShow: _angular_core.OutputEmitterRef; /** * Callback to invoke before the overlay is hidden. * @param {OverlayOnBeforeHideEvent} event - Custom overlay before hide event. * @group Emits */ onBeforeHide: _angular_core.OutputEmitterRef; /** * Callback to invoke when the overlay is hidden * @param {OverlayOnHideEvent} event - Custom hide event. * @group Emits */ onHide: _angular_core.OutputEmitterRef; /** * Callback to invoke when the animation is started. * @param {MotionEvent} event - Motion event. The AnimationEvent typing is deprecated and kept for backward compatibility; only the MotionEvent properties exist at runtime. * @group Emits * @deprecated since v21.0.0. Use onBeforeEnter and onBeforeLeave instead. */ onAnimationStart: _angular_core.OutputEmitterRef; /** * Callback to invoke when the animation is done. * @param {MotionEvent} event - Motion event. The AnimationEvent typing is deprecated and kept for backward compatibility; only the MotionEvent properties exist at runtime. * @group Emits * @deprecated since v21.0.0. Use onAfterEnter and onAfterLeave instead. */ onAnimationDone: _angular_core.OutputEmitterRef; /** * Callback to invoke before the overlay enters. * @param {MotionEvent} event - Event before enter. * @group Emits */ onBeforeEnter: _angular_core.OutputEmitterRef; /** * Callback to invoke when the overlay enters. * @param {MotionEvent} event - Event on enter. * @group Emits */ onEnter: _angular_core.OutputEmitterRef; /** * Callback to invoke after the overlay has entered. * @param {MotionEvent} event - Event after enter. * @group Emits */ onAfterEnter: _angular_core.OutputEmitterRef; /** * Callback to invoke before the overlay leaves. * @param {MotionEvent} event - Event before leave. * @group Emits */ onBeforeLeave: _angular_core.OutputEmitterRef; /** * Callback to invoke when the overlay leaves. * @param {MotionEvent} event - Event on leave. * @group Emits */ onLeave: _angular_core.OutputEmitterRef; /** * Callback to invoke after the overlay has left. * @param {MotionEvent} event - Event after leave. * @group Emits */ onAfterLeave: _angular_core.OutputEmitterRef; overlayViewChild: _angular_core.Signal | undefined>; contentViewChild: _angular_core.Signal | undefined>; /** * Content template of the component. * @param {OverlayContentTemplateContext} context - content context. * @see {@link OverlayContentTemplateContext} * @group Templates */ contentTemplate: _angular_core.Signal | undefined>; hostAttrSelector: _angular_core.InputSignal; $appendTo: _angular_core.Signal; $overlayOptions: _angular_core.Signal; $overlayResponsiveOptions: _angular_core.Signal; overlayResponsiveDirection: _angular_core.Signal<"center" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end">; $mode: _angular_core.Signal; mergedStyleClass: _angular_core.Signal; mergedContentStyleClass: _angular_core.Signal; $target: _angular_core.Signal; $autoZIndex: _angular_core.Signal; $baseZIndex: _angular_core.Signal; $listener: _angular_core.Signal; modal: _angular_core.Signal; overlayMode: _angular_core.Signal; overlayEl: _angular_core.Signal; contentEl: _angular_core.Signal; targetEl: _angular_core.Signal; computedMotionOptions: _angular_core.Signal; modalVisible: _angular_core.WritableSignal; isOverlayClicked: boolean; isOverlayContentClicked: boolean; scrollHandler: any; documentClickListener: any; documentResizeListener: any; _componentStyle: OverlayStyle; bindDirectiveInstance: Bind; private documentKeyboardListener; private parentDragSubscription; protected transformOptions: any; overlayService: OverlayService; constructor(); container: _angular_core.WritableSignal; onAfterViewChecked(): void; show(overlay?: HTMLElement, isFocus?: boolean): void; hide(overlay?: HTMLElement, isFocus?: boolean): void; onVisibleChange(visible: boolean): void; onOverlayClick(): void; onOverlayContentClick(event: MouseEvent): void; onOverlayBeforeEnter(event: MotionEvent): void; onOverlayEnter(event: MotionEvent): void; onOverlayAfterEnter(event: MotionEvent): void; onOverlayBeforeLeave(event: MotionEvent): void; onOverlayLeave(event: MotionEvent): void; onOverlayAfterLeave(event: MotionEvent): void; handleEvents(name: string, params: any): void; setZIndex(): void; appendOverlay(): void; alignOverlay(): void; bindListeners(): void; unbindListeners(): void; bindParentDragListener(): void; unbindParentDragListener(): void; bindScrollListener(): void; unbindScrollListener(): void; bindDocumentClickListener(): void; unbindDocumentClickListener(): void; bindDocumentResizeListener(): void; unbindDocumentResizeListener(): void; bindDocumentKeyboardListener(): void; unbindDocumentKeyboardListener(): void; onDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class OverlayModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { Overlay, OverlayModule, OverlayStyle };