import { DrawerPassThrough, DrawerPosition } from 'primeng/types/drawer'; export * from 'primeng/types/drawer'; import * as _angular_core from '@angular/core'; import { ElementRef, TemplateRef } from '@angular/core'; import { MotionOptions, MotionEvent } from '@primeuix/motion'; 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 { AppendTo, CSSProperties } from 'primeng/types/shared'; import { BaseStyle } from 'primeng/base'; import * as i2 from 'primeng/api'; declare class DrawerStyle extends BaseStyle { name: string; style: string; classes: { mask: ({ instance }: { instance: any; }) => (string | { "p-overlay-mask p-overlay-mask-enter-active": any; 'p-drawer-full'?: undefined; } | { 'p-drawer-full': any; "p-overlay-mask p-overlay-mask-enter-active"?: undefined; })[]; root: ({ instance }: { instance: any; }) => (string | { 'p-drawer-full': any; 'p-drawer-open': any; })[]; header: string; title: string; pcCloseButton: string; content: string; footer: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * * Drawer is a panel component displayed as an overlay at the edges of the screen. * * [Live Demo](https://www.primeng.org/drawer) * * @module drawerstyle * */ declare enum DrawerClasses { /** * Class name of the mask element */ mask = "p-drawer-mask", /** * Class name of the root element */ root = "p-drawer", /** * Class name of the header element */ header = "p-drawer-header", /** * Class name of the title element */ title = "p-drawer-title", /** * Class name of the close button element */ pcCloseButton = "p-drawer-close-button", /** * Class name of the content element */ content = "p-drawer-content" } /** * Sidebar is a panel component displayed as an overlay at the edges of the screen. * @group Components */ declare class Drawer extends BaseComponent { componentName: string; $pcDrawer: Drawer | undefined; bindDirectiveInstance: Bind; /** * 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; /** * The motion options. * @group Props */ motionOptions: _angular_core.InputSignal; computedMotionOptions: _angular_core.Signal; /** * Whether to block scrolling of the document when drawer is active. * @group Props */ blockScroll: _angular_core.InputSignalWithTransform; /** * Inline style of the component. * @group Props */ style: _angular_core.InputSignal<{ [klass: string]: any; } | null | undefined>; /** * Style class of the component. * @group Props */ styleClass: _angular_core.InputSignal; /** * Aria label of the close icon. * @group Props */ ariaCloseLabel: _angular_core.InputSignal; /** * Whether to automatically manage layering. * @group Props */ autoZIndex: _angular_core.InputSignalWithTransform; /** * Base zIndex value to use in layering. * @group Props */ baseZIndex: _angular_core.InputSignalWithTransform; /** * Whether an overlay mask is displayed behind the drawer. * @group Props */ modal: _angular_core.InputSignalWithTransform; /** * Configuration object forwarded to the close button. * @group Props */ closeButtonProps: _angular_core.InputSignal; /** * Whether to dismiss drawer on click of the mask. * @group Props */ dismissible: _angular_core.InputSignalWithTransform; /** * Whether to display the close icon. * @group Props * @deprecated use 'closable' instead. */ showCloseIcon: _angular_core.InputSignalWithTransform; /** * Specifies if pressing escape key should hide the drawer. * @group Props */ closeOnEscape: _angular_core.InputSignalWithTransform; /** * The visible property is an input that determines the visibility of the component. * @defaultValue false * @group Props */ visible: _angular_core.ModelSignal; /** * Specifies the position of the drawer, valid values are "left", "right", "bottom" and "top". * @defaultValue 'left' * @group Props */ position: _angular_core.InputSignal; /** * Adds a close icon to the header to hide the dialog. * @defaultValue false * @group Props */ fullScreen: _angular_core.InputSignal; $enterAnimation: _angular_core.Signal; $leaveAnimation: _angular_core.Signal; /** * Title content of the dialog. * @group Props */ header: _angular_core.InputSignal; /** * Style of the mask. * @group Props */ maskStyle: _angular_core.InputSignal; /** * Whether to display close button. * @group Props * @defaultValue true */ closable: _angular_core.InputSignalWithTransform; /** * 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; containerViewChild: _angular_core.Signal | undefined>; closeButtonViewChild: _angular_core.Signal | undefined>; initialized: boolean | undefined; modalVisible: _angular_core.WritableSignal; container: Nullable; mask: Nullable; maskClickListener: VoidListener; documentEscapeListener: VoidListener; animationEndListener: VoidListener; _componentStyle: DrawerStyle; /** * Custom header template. * @group Templates */ headerTemplate: _angular_core.Signal | undefined>; /** * Custom footer template. * @group Templates */ footerTemplate: _angular_core.Signal | undefined>; /** * Custom content template. * @group Templates */ contentTemplate: _angular_core.Signal | undefined>; /** * Custom close icon template. * @group Templates */ closeIconTemplate: _angular_core.Signal | undefined>; /** * Custom headless template to replace the entire drawer content. * @group Templates */ headlessTemplate: _angular_core.Signal | undefined>; showCloseButton: _angular_core.Signal; $appendTo: _angular_core.Signal; constructor(); onAfterViewChecked(): void; onAfterViewInit(): void; onKeyDown(event: KeyboardEvent): void; show(): void; hide(emit?: boolean): void; close(event: Event): void; enableModality(): void; getMaskStyle(): string; disableModality(): void; destroyModal(): void; onBeforeEnter(event: MotionEvent): void; onAfterLeave(): void; appendContainer(): void; bindDocumentEscapeListener(): void; unbindDocumentEscapeListener(): void; unbindMaskClickListener(): void; unbindGlobalListeners(): void; unbindAnimationEndListener(): void; onDestroy(): void; get dataP(): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class DrawerModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { Drawer, DrawerClasses, DrawerModule, DrawerStyle };