ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 6.16 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NzAlertComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"nz-alert","exportAs":"nzAlert","animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core/animation","name":"slideAlertMotion","line":33,"character":15}],"template":"\n <div\n *ngIf=\"!closed\"\n class=\"ant-alert\"\n [class.ant-alert-success]=\"nzType === 'success'\"\n [class.ant-alert-info]=\"nzType === 'info'\"\n [class.ant-alert-warning]=\"nzType === 'warning'\"\n [class.ant-alert-error]=\"nzType === 'error'\"\n [class.ant-alert-no-icon]=\"!nzShowIcon\"\n [class.ant-alert-banner]=\"nzBanner\"\n [class.ant-alert-closable]=\"nzCloseable\"\n [class.ant-alert-with-description]=\"!!nzDescription\"\n [@slideAlertMotion]\n (@slideAlertMotion.done)=\"onFadeAnimationDone()\"\n >\n <ng-container *ngIf=\"nzShowIcon\">\n <i nz-icon class=\"ant-alert-icon\" [nzType]=\"nzIconType || inferredIconType\" [nzTheme]=\"iconTheme\"></i>\n </ng-container>\n <span class=\"ant-alert-message\" *ngIf=\"nzMessage\">\n <ng-container *nzStringTemplateOutlet=\"nzMessage\">{{ nzMessage }}</ng-container>\n </span>\n <span class=\"ant-alert-description\" *ngIf=\"nzDescription\">\n <ng-container *nzStringTemplateOutlet=\"nzDescription\">{{ nzDescription }}</ng-container>\n </span>\n <button type=\"button\" tabindex=\"0\" *ngIf=\"nzCloseable || nzCloseText\" class=\"ant-alert-close-icon\" (click)=\"closeAlert()\">\n <ng-template #closeDefaultTemplate>\n <i nz-icon nzType=\"close\"></i>\n </ng-template>\n <ng-container *ngIf=\"nzCloseText; else closeDefaultTemplate\">\n <ng-container *nzStringTemplateOutlet=\"nzCloseText\">\n <span class=\"ant-alert-close-text\">{{ nzCloseText }}</span>\n </ng-container>\n </ng-container>\n </button>\n </div>\n ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":70,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":71,"character":17},"member":"None"},"preserveWhitespaces":false}]}],"members":{"nzCloseText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"nzIconType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"nzMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"nzDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"nzType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"nzCloseable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":84,"character":12},"arguments":["alert",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":84,"character":57}}]}],"nzShowIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":85,"character":12},"arguments":["alert",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":85,"character":57}}]}],"nzBanner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":86,"character":12}}]}],"nzOnClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":95,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":95,"character":68}]}],"closeAlert":[{"__symbolic":"method"}],"onFadeAnimationDone":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NzAlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzAlertComponent"}],"exports":[{"__symbolic":"reference","name":"NzAlertComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":12},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":18,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":18,"character":40}]}]}],"members":{}}},"origins":{"NzAlertComponent":"./alert.component","NzAlertModule":"./alert.module"},"importAs":"ng-zorro-antd/alert"}