ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 7.03 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-rtl]=\"dir === 'rtl'\"\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 [@.disabled]=\"nzNoAnimation\"\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 <div class=\"ant-alert-content\" *ngIf=\"nzMessage || nzDescription\">\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 </div>\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":74,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":75,"character":17},"member":"None"},"preserveWhitespaces":false}]}],"members":{"nzCloseText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"nzIconType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"nzMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"nzDescription":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"nzType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"nzCloseable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":90,"character":12}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":90,"character":26}}]}],"nzShowIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":91,"character":12}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":91,"character":26}}]}],"nzBanner":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":92,"character":12}}]}],"nzNoAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":93,"character":12}}]}],"nzOnClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":103,"character":88}}]],"parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":103,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":103,"character":68},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":103,"character":123}]}],"ngOnInit":[{"__symbolic":"method"}],"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":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzAlertComponent"}],"exports":[{"__symbolic":"reference","name":"NzAlertComponent"}],"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":"ng-zorro-antd/icon","name":"NzIconModule","line":16,"character":38},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":16,"character":52}]}]}],"members":{}}},"origins":{"NzAlertComponent":"./alert.component","NzAlertModule":"./alert.module"},"importAs":"ng-zorro-antd/alert"}