import { AnimationEvent } from '@angular/animations'; import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core'; import { Footer, Header, PrimeNGConfig, PrimeTemplate } from 'primeng/api'; import { Nullable, VoidListener } from 'primeng/ts-helpers'; import * as i0 from "@angular/core"; import * as i1 from "@angular/common"; import * as i2 from "primeng/focustrap"; import * as i3 from "primeng/button"; import * as i4 from "primeng/ripple"; import * as i5 from "primeng/icons/times"; import * as i6 from "primeng/icons/windowmaximize"; import * as i7 from "primeng/icons/windowminimize"; import * as i8 from "primeng/api"; /** * Dialog is a container to display content in an overlay window. * @group Components */ export declare class Dialog implements AfterContentInit, OnInit, OnDestroy { private document; private platformId; el: ElementRef; renderer: Renderer2; zone: NgZone; private cd; config: PrimeNGConfig; /** * Title text of the dialog. * @group Props */ header: string | undefined; /** * Enables dragging to change the position using header. * @group Props */ draggable: boolean; /** * Enables resizing of the content. * @group Props */ resizable: boolean; /** * Defines the left offset of dialog. * @group Props * @deprecated positionLeft property is deprecated. */ get positionLeft(): number; set positionLeft(_positionLeft: number); /** * Defines the top offset of dialog. * @group Props * @deprecated positionTop property is deprecated. */ get positionTop(): number; set positionTop(_positionTop: number); /** * Style of the content section. * @group Props */ contentStyle: any; /** * Style class of the content. * @group Props */ contentStyleClass: string | undefined; /** * Defines if background should be blocked when dialog is displayed. * @group Props */ modal: boolean; /** * Specifies if pressing escape key should hide the dialog. * @group Props */ closeOnEscape: boolean; /** * Specifies if clicking the modal background should hide the dialog. * @group Props */ dismissableMask: boolean; /** * When enabled dialog is displayed in RTL direction. * @group Props */ rtl: boolean; /** * Adds a close icon to the header to hide the dialog. * @group Props */ closable: boolean; /** * Defines if the component is responsive. * @group Props * @deprecated Responsive property is deprecated. */ get responsive(): boolean; set responsive(_responsive: boolean); /** * Target element to attach the dialog, 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). * @group Props */ appendTo: HTMLElement | ElementRef | TemplateRef | string | null | undefined | any; /** * Object literal to define widths per screen size. * @group Props */ breakpoints: any; /** * Style class of the component. * @group Props */ styleClass: string | undefined; /** * Style class of the mask. * @group Props */ maskStyleClass: string | undefined; /** * Style of the mask. * @group Props */ maskStyle: string | undefined; /** * Whether to show the header or not. * @group Props */ showHeader: boolean; /** * Defines the breakpoint of the component responsive. * @group Props * @deprecated Breakpoint property is not utilized and deprecated. Use breakpoints or CSS media queries instead. */ get breakpoint(): number; set breakpoint(_breakpoint: number); /** * Whether background scroll should be blocked when dialog is visible. * @group Props */ blockScroll: boolean; /** * Whether to automatically manage layering. * @group Props */ autoZIndex: boolean; /** * Base zIndex value to use in layering. * @group Props */ baseZIndex: number; /** * Minimum value for the left coordinate of dialog in dragging. * @group Props */ minX: number; /** * Minimum value for the top coordinate of dialog in dragging. * @group Props */ minY: number; /** * When enabled, first focusable element receives focus on show. * @group Props */ focusOnShow: boolean; /** * Whether the dialog can be displayed full screen. * @group Props */ maximizable: boolean; /** * Keeps dialog in the viewport. * @group Props */ keepInViewport: boolean; /** * When enabled, can only focus on elements inside the dialog. * @group Props */ focusTrap: boolean; /** * Transition options of the animation. * @group Props */ transitionOptions: string; /** * Name of the close icon. * @group Props */ closeIcon: string | undefined; /** * Defines a string that labels the close button for accessibility. * @group Props */ closeAriaLabel: string | undefined; /** * Index of the close button in tabbing order. * @group Props */ closeTabindex: string; /** * Name of the minimize icon. * @group Props */ minimizeIcon: string | undefined; /** * Name of the maximize icon. * @group Props */ maximizeIcon: string | undefined; /** * Specifies the visibility of the dialog. * @group Props */ get visible(): boolean; set visible(value: boolean); /** * Inline style of the component. * @group Props */ get style(): any; set style(value: any); /** * Position of the dialog. * @group Props */ get position(): 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright'; set position(value: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright'); /** * Callback to invoke when dialog is shown. * @group Emits */ onShow: EventEmitter; /** * Callback to invoke when dialog is hidden. * @group Emits */ onHide: EventEmitter; /** * This EventEmitter is used to notify changes in the visibility state of a component. * @param {boolean} value - New value. * @group Emits */ visibleChange: EventEmitter; /** * Callback to invoke when dialog resizing is initiated. * @param {MouseEvent} event - Mouse event. * @group Emits */ onResizeInit: EventEmitter; /** * Callback to invoke when dialog resizing is completed. * @param {MouseEvent} event - Mouse event. * @group Emits */ onResizeEnd: EventEmitter; /** * Callback to invoke when dialog dragging is completed. * @param {DragEvent} event - Drag event. * @group Emits */ onDragEnd: EventEmitter; /** * Callback to invoke when dialog maximized or unmaximized. * @group Emits */ onMaximize: EventEmitter; headerFacet: QueryList
| undefined; footerFacet: QueryList