UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

1 lines 11 kB
{"__symbolic":"module","version":4,"metadata":{"NzNotificationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMNComponent","line":82,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"},"selector":"nz-notification","exportAs":"nzNotification","preserveWhitespaces":false,"animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core/animation","name":"notificationMotion","line":16,"character":15}],"template":"\n <div\n class=\"ant-notification-notice ant-notification-notice-closable\"\n [ngStyle]=\"instance.options?.nzStyle || null\"\n [ngClass]=\"instance.options?.nzClass || ''\"\n [@notificationMotion]=\"state\"\n (@notificationMotion.done)=\"animationStateChanged.next($event)\"\n (click)=\"onClick($event)\"\n (mouseenter)=\"onEnter()\"\n (mouseleave)=\"onLeave()\"\n >\n <div *ngIf=\"!instance.template\" class=\"ant-notification-notice-content\">\n <div class=\"ant-notification-notice-content\" [ngClass]=\"{ 'ant-notification-notice-with-icon': instance.type !== 'blank' }\">\n <div [class.ant-notification-notice-with-icon]=\"instance.type !== 'blank'\">\n <ng-container [ngSwitch]=\"instance.type\">\n <i\n *ngSwitchCase=\"'success'\"\n nz-icon\n nzType=\"check-circle\"\n class=\"ant-notification-notice-icon ant-notification-notice-icon-success\"\n ></i>\n <i\n *ngSwitchCase=\"'info'\"\n nz-icon\n nzType=\"info-circle\"\n class=\"ant-notification-notice-icon ant-notification-notice-icon-info\"\n ></i>\n <i\n *ngSwitchCase=\"'warning'\"\n nz-icon\n nzType=\"exclamation-circle\"\n class=\"ant-notification-notice-icon ant-notification-notice-icon-warning\"\n ></i>\n <i\n *ngSwitchCase=\"'error'\"\n nz-icon\n nzType=\"close-circle\"\n class=\"ant-notification-notice-icon ant-notification-notice-icon-error\"\n ></i>\n </ng-container>\n <div class=\"ant-notification-notice-message\" [innerHTML]=\"instance.title\"></div>\n <div class=\"ant-notification-notice-description\" [innerHTML]=\"instance.content\"></div>\n </div>\n </div>\n </div>\n <ng-template\n [ngIf]=\"instance.template\"\n [ngTemplateOutlet]=\"instance.template!\"\n [ngTemplateOutletContext]=\"{ $implicit: this, data: instance.options?.nzData }\"\n ></ng-template>\n <a tabindex=\"0\" class=\"ant-notification-notice-close\" (click)=\"close()\">\n <span class=\"ant-notification-notice-close-x\">\n <ng-container *ngIf=\"instance.options?.nzCloseIcon; else iconTpl\">\n <ng-container *nzStringTemplateOutlet=\"instance.options?.nzCloseIcon; let closeIcon\">\n <i nz-icon [nzType]=\"closeIcon\"></i>\n </ng-container>\n </ng-container>\n <ng-template #iconTpl>\n <i nz-icon nzType=\"close\" class=\"ant-notification-close-icon\"></i>\n </ng-template>\n </span>\n </a>\n </div>\n "}]}],"members":{"instance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"destroyed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":88,"character":19}]}],"ngOnDestroy":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"NzNotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":16,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":24},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":16,"character":38},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":16,"character":53},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":16,"character":67},{"__symbolic":"reference","name":"NzNotificationServiceModule"}],"declarations":[{"__symbolic":"reference","name":"NzNotificationComponent"},{"__symbolic":"reference","name":"NzNotificationContainerComponent"}],"entryComponents":[{"__symbolic":"reference","name":"NzNotificationContainerComponent"}]}]}],"members":{}},"NzNotificationPlacement":{"__symbolic":"interface"},"NzNotificationDataOptions":{"__symbolic":"interface"},"NzNotificationData":{"__symbolic":"interface"},"NzNotificationRef":{"__symbolic":"interface"},"NzNotificationService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMNService","line":19,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":{"__symbolic":"reference","name":"NzNotificationServiceModule"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/services","name":"NzSingletonService","line":23,"character":34},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":23,"character":63},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":23,"character":82}]}],"success":[{"__symbolic":"method"}],"error":[{"__symbolic":"method"}],"info":[{"__symbolic":"method"}],"warning":[{"__symbolic":"method"}],"blank":[{"__symbolic":"method"}],"create":[{"__symbolic":"method"}],"template":[{"__symbolic":"method"}],"generateMessageId":[{"__symbolic":"method"}],"createInstance":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NzNotificationServiceModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1}}],"members":{}},"NzNotificationContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMNContainerComponent","line":90,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":31,"character":17},"member":"None"},"selector":"nz-notification-container","exportAs":"nzNotificationContainer","preserveWhitespaces":false,"template":"\n <div\n class=\"ant-notification ant-notification-topLeft\"\n [class.ant-notification-rtl]=\"dir === 'rtl'\"\n [style.top]=\"top\"\n [style.left]=\"'0px'\"\n >\n <nz-notification\n *ngFor=\"let instance of topLeftInstances\"\n [instance]=\"instance\"\n [placement]=\"config.nzPlacement\"\n (destroyed)=\"remove($event.id, $event.userAction)\"\n ></nz-notification>\n </div>\n <div\n class=\"ant-notification ant-notification-topRight\"\n [class.ant-notification-rtl]=\"dir === 'rtl'\"\n [style.top]=\"top\"\n [style.right]=\"'0px'\"\n >\n <nz-notification\n *ngFor=\"let instance of topRightInstances\"\n [instance]=\"instance\"\n [placement]=\"config.nzPlacement\"\n (destroyed)=\"remove($event.id, $event.userAction)\"\n ></nz-notification>\n </div>\n <div\n class=\"ant-notification ant-notification-bottomLeft\"\n [class.ant-notification-rtl]=\"dir === 'rtl'\"\n [style.bottom]=\"bottom\"\n [style.left]=\"'0px'\"\n >\n <nz-notification\n *ngFor=\"let instance of bottomLeftInstances\"\n [instance]=\"instance\"\n [placement]=\"config.nzPlacement\"\n (destroyed)=\"remove($event.id, $event.userAction)\"\n ></nz-notification>\n </div>\n <div\n class=\"ant-notification ant-notification-bottomRight\"\n [class.ant-notification-rtl]=\"dir === 'rtl'\"\n [style.bottom]=\"bottom\"\n [style.right]=\"'0px'\"\n >\n <nz-notification\n *ngFor=\"let instance of bottomRightInstances\"\n [instance]=\"instance\"\n [placement]=\"config.nzPlacement\"\n (destroyed)=\"remove($event.id, $event.userAction)\"\n ></nz-notification>\n </div>\n "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":101,"character":19},{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":101,"character":55}]}],"create":[{"__symbolic":"method"}],"onCreate":[{"__symbolic":"method"}],"subscribeConfigChange":[{"__symbolic":"method"}],"updateConfig":[{"__symbolic":"method"}],"replaceNotification":[{"__symbolic":"method"}],"readyInstances":[{"__symbolic":"method"}],"mergeOptions":[{"__symbolic":"method"}]}}},"origins":{"NzNotificationComponent":"./notification.component","NzNotificationModule":"./notification.module","NzNotificationPlacement":"./typings","NzNotificationDataOptions":"./typings","NzNotificationData":"./typings","NzNotificationRef":"./typings","NzNotificationService":"./notification.service","NzNotificationServiceModule":"./notification.service.module","NzNotificationContainerComponent":"./notification-container.component"},"importAs":"ng-zorro-antd/notification"}