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

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

{"__symbolic":"module","version":4,"metadata":{"NzCommentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":12},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzAddOnModule","line":29,"character":26}],"exports":[{"__symbolic":"reference","name":"NzCommentComponent"},{"__symbolic":"reference","name":"NzCommentAvatarDirective"},{"__symbolic":"reference","name":"NzCommentContentDirective"},{"__symbolic":"reference","name":"NzCommentActionComponent"},{"__symbolic":"reference","name":"NzCommentActionHostDirective"}],"declarations":[{"__symbolic":"reference","name":"NzCommentComponent"},{"__symbolic":"reference","name":"NzCommentAvatarDirective"},{"__symbolic":"reference","name":"NzCommentContentDirective"},{"__symbolic":"reference","name":"NzCommentActionComponent"},{"__symbolic":"reference","name":"NzCommentActionHostDirective"}]}]}],"members":{}},"NzCommentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"nz-comment","exportAs":"nzComment","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"host":{"class":"ant-comment"},"styles":["\n      nz-comment {\n        display: block;\n      }\n\n      nz-comment-content {\n        display: block;\n      }\n    "],"template":"<div class=\"ant-comment-inner\">\n  <div class=\"ant-comment-avatar\">\n    <ng-content select=\"nz-avatar[nz-comment-avatar]\"></ng-content>\n  </div>\n  <div class=\"ant-comment-content\">\n    <div class=\"ant-comment-content-author\">\n      <span *ngIf=\"nzAuthor\" class=\"ant-comment-content-author-name\">\n        <ng-container *nzStringTemplateOutlet=\"nzAuthor\">{{ nzAuthor }}</ng-container>\n      </span>\n      <span *ngIf=\"nzDatetime\" class=\"ant-comment-content-author-time\">\n        <ng-container *nzStringTemplateOutlet=\"nzDatetime\">{{ nzDatetime }}</ng-container>\n      </span>\n    </div>\n    <ng-content select=\"nz-comment-content\"></ng-content>\n    <ul class=\"ant-comment-actions\" *ngIf=\"actions?.length\">\n      <li *ngFor=\"let action of actions\">\n        <span><ng-template [nzCommentActionHost]=\"action.content\"></ng-template></span>\n      </li>\n    </ul>\n  </div>\n</div>\n<div class=\"ant-comment-nested\">\n  <ng-content></ng-content>\n</div>"}]}],"members":{"nzAuthor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"nzDatetime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":3},"arguments":[{"__symbolic":"reference","name":"NzCommentActionComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"NzCommentAvatarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"nz-avatar[nz-comment-avatar]","exportAs":"nzCommentAvatar"}]}],"members":{}},"NzCommentContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":30,"character":1},"arguments":[{"selector":"nz-comment-content, [nz-comment-content]","exportAs":"nzCommentContent","host":{"class":"ant-comment-content-detail"}}]}],"members":{}},"NzCommentActionHostDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":41,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":37,"character":1},"arguments":[{"selector":"[nzCommentActionHost]","exportAs":"nzCommentActionHost"}]}],"members":{"nzCommentActionHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":44,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":44,"character":84}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NzCommentActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":61,"character":1},"arguments":[{"selector":"nz-comment-action","exportAs":"nzCommentAction","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":64,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":65,"character":19},"member":"OnPush"},"template":"<ng-template><ng-content></ng-content></ng-template>"}]}],"members":{"implicitContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":69,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":44,"character":84}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"NzCommentModule":"./nz-comment.module","NzCommentComponent":"./nz-comment.component","NzCommentAvatarDirective":"./nz-comment-cells","NzCommentContentDirective":"./nz-comment-cells","NzCommentActionHostDirective":"./nz-comment-cells","NzCommentActionComponent":"./nz-comment-cells"},"importAs":"ng-zorro-antd/comment"}