@syncfusion/ej2-angular-popups
Version:
A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups. for Angular
84 lines (83 loc) • 4.2 kB
TypeScript
import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@angular/core';
import { IComponentBase } from '@syncfusion/ej2-angular-base';
import { Dialog } from '@syncfusion/ej2-popups';
import { ButtonsDirective } from './buttons.directive';
import * as i0 from "@angular/core";
export declare const inputs: string[];
export declare const outputs: string[];
export declare const twoWays: string[];
/**
* Represents the Angular Dialog Component
* ```html
* <ejs-dialog></ejs-dialog>
* ```
*/
export declare class DialogComponent extends Dialog implements IComponentBase {
private ngEle;
private srenderer;
private viewContainerRef;
private injector;
containerContext: any;
tagObjects: any;
beforeClose: any;
beforeOpen: any;
beforeSanitizeHtml: any;
close: any;
created: any;
destroyed: any;
drag: any;
dragStart: any;
dragStop: any;
open: any;
overlayClick: any;
resizeStart: any;
resizeStop: any;
resizing: any;
visibleChange: any;
childButtons: QueryList<ButtonsDirective>;
tags: string[];
/**
* Specifies the template value that can be displayed with dialog's footer area.
* This is optional property and can be used only when the footer is occupied with information or custom components.
* By default, the footer is configured with action [buttons](#buttons).
* If footer template is configured to dialog, the action buttons property will be disabled.
*
* > More information on the footer template configuration can be found on this [documentation](../../dialog/template/#footer) section.
*
* @default ''
* @blazortype string
* @asptype string
*/
footerTemplate: any;
/**
* Specifies the value that can be displayed in the dialog's title area that can be configured with plain text or HTML elements.
* This is optional property and the dialog can be displayed without header, if the header property is null.
* @default ''
* @blazortype string
* @asptype string
*/
header: any;
/**
* Specifies the value that can be displayed in dialog's content area.
* It can be information, list, or other HTML elements.
* The content of dialog can be loaded with dynamic data such as database, AJAX content, and more.
*
* {% codeBlock src="dialog/content-api/index.ts" %}{% endcodeBlock %}
*
*{% codeBlock src="dialog/content-api/index.html" %}{% endcodeBlock %}
*
* @default ''
* @blazortype string
* @asptype string
*/
content: any;
constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
ngAfterContentChecked(): void;
registerEvents: (eventList: string[]) => void;
addTwoWay: (propList: string[]) => void;
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ejs-dialog", never, { "allowDragging": "allowDragging"; "animationSettings": "animationSettings"; "buttons": "buttons"; "closeOnEscape": "closeOnEscape"; "content": "content"; "cssClass": "cssClass"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableResize": "enableResize"; "enableRtl": "enableRtl"; "footerTemplate": "footerTemplate"; "header": "header"; "height": "height"; "isModal": "isModal"; "locale": "locale"; "minHeight": "minHeight"; "position": "position"; "resizeHandles": "resizeHandles"; "showCloseIcon": "showCloseIcon"; "target": "target"; "visible": "visible"; "width": "width"; "zIndex": "zIndex"; }, { "beforeClose": "beforeClose"; "beforeOpen": "beforeOpen"; "beforeSanitizeHtml": "beforeSanitizeHtml"; "close": "close"; "created": "created"; "destroyed": "destroyed"; "drag": "drag"; "dragStart": "dragStart"; "dragStop": "dragStop"; "open": "open"; "overlayClick": "overlayClick"; "resizeStart": "resizeStart"; "resizeStop": "resizeStop"; "resizing": "resizing"; "visibleChange": "visibleChange"; }, ["footerTemplate", "header", "content", "childButtons"], ["*"]>;
}