import { DialogPassThrough, DialogPosition, DialogHeaderTemplateContext } from 'primeng/types/dialog'; export * from 'primeng/types/dialog'; 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 { OverlayService } from 'primeng/api'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { Nullable, VoidListener } from 'primeng/ts-helpers'; import { ButtonDirectiveOptions } from 'primeng/types/button'; import { CSSProperties, AppendTo } from 'primeng/types/shared'; import { BaseStyle } from 'primeng/base'; declare class DialogStyle extends BaseStyle { name: string; style: string; classes: { mask: ({ instance }: { instance: any; }) => (string | { 'p-overlay-mask': any; })[]; root: ({ instance }: { instance: any; }) => (string | { 'p-dialog-maximized': any; })[]; header: string; title: string; resizeHandle: string; headerActions: string; pcMaximizeButton: string; pcCloseButton: string; content: () => string[]; footer: string; }; inlineStyles: { mask: ({ instance }: { instance: any; }) => any; root: ({ instance }: { instance: any; }) => any; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * * Dialog is a container to display content in an overlay window. * * [Live Demo](https://www.primeng.org/dialog) * * @module dialogstyle * */ declare enum DialogClasses { /** * Class name of the mask element */ mask = "p-dialog-mask", /** * Class name of the root element */ root = "p-dialog", /** * Class name of the header element */ header = "p-dialog-header", /** * Class name of the title element */ title = "p-dialog-title", /** * Class name of the header actions element */ headerActions = "p-dialog-header-actions", /** * Class name of the maximize button element */ pcMaximizeButton = "p-dialog-maximize-button", /** * Class name of the close button element */ pcCloseButton = "p-dialog-close-button", /** * Class name of the content element */ content = "p-dialog-content", /** * Class name of the footer element */ footer = "p-dialog-footer" } /** * Dialog is a container to display content in an overlay window. * @group Components */ declare class Dialog extends BaseComponent { componentName: string; hostName: _angular_core.InputSignal; $pcDialog: Dialog | undefined; bindDirectiveInstance: Bind; /** * Title text of the dialog. * @group Props */ header: _angular_core.InputSignal; /** * Enables dragging to change the position using header. * @group Props */ draggable: _angular_core.InputSignalWithTransform; /** * Enables resizing of the content. * @group Props */ resizable: _angular_core.InputSignalWithTransform; /** * Style of the content section. * @group Props */ contentStyle: _angular_core.InputSignal; /** * Style class of the content. * @group Props */ contentStyleClass: _angular_core.InputSignal; /** * Defines if background should be blocked when dialog is displayed. * @group Props */ modal: _angular_core.InputSignalWithTransform; /** * Specifies if pressing escape key should hide the dialog. * @group Props */ closeOnEscape: _angular_core.InputSignalWithTransform; /** * Specifies if clicking the modal background should hide the dialog. * @group Props */ dismissableMask: _angular_core.InputSignalWithTransform; /** * When enabled dialog is displayed in RTL direction. * @group Props */ rtl: _angular_core.InputSignalWithTransform; /** * Adds a close icon to the header to hide the dialog. * @group Props */ closable: _angular_core.InputSignalWithTransform; /** * Object literal to define widths per screen size. * @group Props */ breakpoints: _angular_core.InputSignal | undefined>; /** * Style class of the component. * @group Props */ styleClass: _angular_core.InputSignal; /** * Style class of the mask. * @group Props */ maskStyleClass: _angular_core.InputSignal; /** * Style of the mask. * @group Props */ maskStyle: _angular_core.InputSignal; /** * Whether to show the header or not. * @group Props */ showHeader: _angular_core.InputSignalWithTransform; /** * Whether background scroll should be blocked when dialog is visible. * @group Props */ blockScroll: _angular_core.InputSignalWithTransform; /** * Whether to automatically manage layering. * @group Props */ autoZIndex: _angular_core.InputSignalWithTransform; /** * Base zIndex value to use in layering. * @group Props */ baseZIndex: _angular_core.InputSignalWithTransform; /** * Minimum value for the left coordinate of dialog in dragging. * @group Props */ minX: _angular_core.InputSignalWithTransform; /** * Minimum value for the top coordinate of dialog in dragging. * @group Props */ minY: _angular_core.InputSignalWithTransform; /** * When enabled, first focusable element receives focus on show. * @group Props */ focusOnShow: _angular_core.InputSignalWithTransform; /** * Whether the dialog can be displayed full screen. * @group Props */ maximizable: _angular_core.InputSignalWithTransform; /** * Keeps dialog in the viewport. * @group Props */ keepInViewport: _angular_core.InputSignalWithTransform; /** * When enabled, can only focus on elements inside the dialog. * @group Props */ focusTrap: _angular_core.InputSignalWithTransform; /** * The motion options for the mask. * @group Props */ maskMotionOptions: _angular_core.InputSignal; computedMaskMotionOptions: _angular_core.Signal; maskEnterActiveClass: _angular_core.Signal<"" | "p-overlay-mask-enter-active">; maskLeaveActiveClass: _angular_core.Signal<"" | "p-overlay-mask-leave-active">; /** * The motion options. * @group Props */ motionOptions: _angular_core.InputSignal; computedMotionOptions: _angular_core.Signal; /** * Name of the close icon. * @group Props */ closeIcon: _angular_core.InputSignal; /** * Defines a string that labels the close button for accessibility. * @group Props */ closeAriaLabel: _angular_core.InputSignal; /** * Index of the close button in tabbing order. * @group Props */ closeTabindex: _angular_core.InputSignal; /** * Name of the minimize icon. * @group Props */ minimizeIcon: _angular_core.InputSignal; /** * Name of the maximize icon. * @group Props */ maximizeIcon: _angular_core.InputSignal; /** * Configuration object forwarded to the underlying button. * @group Props */ closeButtonProps: _angular_core.InputSignal; /** * Configuration object forwarded to the underlying button. * @group Props */ maximizeButtonProps: _angular_core.InputSignal; /** * Specifies the visibility of the dialog. * @group Props */ visible: _angular_core.ModelSignal; /** * Inline style of the component. * @group Props */ style: _angular_core.InputSignal; /** * Position of the dialog, options are "center", "top", "bottom", "left", "right", "topleft", "topright", "bottomleft" or "bottomright". * @group Props */ position: _angular_core.InputSignal; /** * Role attribute of html element. * @group Emits */ role: _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; /** * Callback to invoke when dialog is shown. * @group Emits */ onShow: _angular_core.OutputEmitterRef; /** * Callback to invoke when dialog is hidden. * @group Emits */ onHide: _angular_core.OutputEmitterRef; /** * Callback to invoke when dialog resizing is initiated. * @param {MouseEvent} event - Mouse event. * @group Emits */ onResizeInit: _angular_core.OutputEmitterRef; /** * Callback to invoke when dialog resizing is completed. * @param {MouseEvent} event - Mouse event. * @group Emits */ onResizeEnd: _angular_core.OutputEmitterRef; /** * Callback to invoke when dialog dragging is initiated. * @param {MouseEvent} event - Mouse event. * @group Emits */ onDragStart: _angular_core.OutputEmitterRef; /** * Callback to invoke when dialog dragging is completed. * @param {DragEvent} event - Drag event. * @group Emits */ onDragEnd: _angular_core.OutputEmitterRef; /** * Callback to invoke when dialog maximized or unmaximized. * @group Emits */ onMaximize: _angular_core.OutputEmitterRef<{ maximized: boolean | undefined; }>; headerViewChild: _angular_core.Signal | undefined>; contentViewChild: _angular_core.Signal | undefined>; footerViewChild: _angular_core.Signal | undefined>; /** * Custom header template. * @group Templates */ headerTemplate: _angular_core.Signal | undefined>; /** * Custom content template. * @group Templates */ contentTemplate: _angular_core.Signal | undefined>; /** * Custom footer template. * @group Templates */ footerTemplate: _angular_core.Signal | undefined>; /** * Custom close icon template. * @group Templates */ closeIconTemplate: _angular_core.Signal | undefined>; /** * Custom maximize icon template. * @group Templates */ maximizeIconTemplate: _angular_core.Signal | undefined>; /** * Custom minimize icon template. * @group Templates */ minimizeIconTemplate: _angular_core.Signal | undefined>; /** * Custom headless template. * @group Templates */ headlessTemplate: _angular_core.Signal | undefined>; $appendTo: _angular_core.Signal; renderMask: _angular_core.WritableSignal; renderDialog: _angular_core.WritableSignal; maskVisible: boolean | undefined; container: _angular_core.WritableSignal>; wrapper: Nullable; dragging: boolean | undefined; ariaId: string; ariaLabelledBy: _angular_core.Signal; headerTemplateContext: _angular_core.Signal; documentDragListener: VoidListener; documentDragEndListener: VoidListener; resizing: boolean | undefined; documentResizeListener: VoidListener; documentResizeEndListener: VoidListener; documentEscapeListener: VoidListener; maskClickListener: VoidListener; lastPageX: number | undefined; lastPageY: number | undefined; preventVisibleChangePropagation: boolean | undefined; maximized: _angular_core.WritableSignal; preMaximizeContentHeight: number | undefined; preMaximizeContainerWidth: number | undefined; preMaximizeContainerHeight: number | undefined; preMaximizePageX: number | undefined; preMaximizePageY: number | undefined; id: string; _style: Record; originalStyle: Record | undefined; styleElement: HTMLStyleElement | null; _componentStyle: DialogStyle; overlayService: OverlayService; private zIndexForLayering?; get maximizeLabel(): string; get minimizeLabel(): string; maximizeButtonAriaLabel: _angular_core.Signal; maximizeButtonTabindex: _angular_core.Signal<"0" | "-1">; toggleIcon: _angular_core.Signal; showToggleIcon: _angular_core.Signal; showDefaultMaximizeIcon: _angular_core.Signal; showMaximizeSvg: _angular_core.Signal; showMinimizeSvg: _angular_core.Signal; showMaximizeIconTemplate: _angular_core.Signal; showMinimizeIconTemplate: _angular_core.Signal; showDefaultCloseIcon: _angular_core.Signal; scrollBlockerActive: _angular_core.Signal; focusTrapDisabled: _angular_core.Signal; constructor(); dataP: _angular_core.Signal; onAfterViewChecked(): void; onInit(): void; _focus(focusParentElement?: HTMLElement): boolean; focus(focusParentElement?: HTMLElement): void; close(event: Event): void; enableModality(): void; disableModality(): void; maximize(): void; unbindMaskClickListener(): void; moveOnTop(): void; createStyle(): void; initDrag(event: MouseEvent): void; onDrag(event: MouseEvent): void; endDrag(event: DragEvent): void; resetPosition(): void; center(): void; initResize(event: MouseEvent): void; onResize(event: MouseEvent): void; resizeEnd(event: MouseEvent): void; bindGlobalListeners(): void; unbindGlobalListeners(): void; bindDocumentDragListener(): void; unbindDocumentDragListener(): void; bindDocumentDragEndListener(): void; unbindDocumentDragEndListener(): void; bindDocumentResizeListeners(): void; unbindDocumentResizeListeners(): void; bindDocumentEscapeListener(): void; unbindDocumentEscapeListener(): void; appendContainer(): void; restoreAppend(): void; onBeforeEnter(event: MotionEvent): void; onAfterEnter(): void; onBeforeLeave(): void; onAfterLeave(): void; onMaskAfterLeave(): void; onContainerDestroy(): void; destroyStyle(): void; onDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class DialogModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { Dialog, DialogClasses, DialogModule, DialogStyle };