ng-zorro-antd/notification/ng-zorro-antd-notification.metadata.json

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

{"__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"}