ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 7.41 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NzCommentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":22,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":24},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":22,"character":38}],"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":24,"character":1},"arguments":[{"selector":"nz-comment","exportAs":"nzComment","template":"\n <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>\n ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":53,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":54,"character":19},"member":"OnPush"},"host":{"[class.ant-comment]":"true","[class.ant-comment-rtl]":"dir === \"rtl\"","$quoted$":["[class.ant-comment]","[class.ant-comment-rtl]"]}}]}],"members":{"nzAuthor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"nzDatetime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":67,"character":3},"arguments":[{"__symbolic":"reference","name":"NzCommentActionComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":68,"character":47}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":68,"character":27},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":68,"character":82}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NzCommentAvatarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":21,"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":27,"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":38,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":34,"character":1},"arguments":[{"selector":"[nzCommentActionHost]","exportAs":"nzCommentActionHost"}]}],"members":{"nzCommentActionHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":41,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":41,"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":58,"character":1},"arguments":[{"selector":"nz-comment-action","exportAs":"nzCommentAction","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":61,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":62,"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":66,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":66,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":41,"character":84}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"NzCommentModule":"./comment.module","NzCommentComponent":"./comment.component","NzCommentAvatarDirective":"./comment-cells","NzCommentContentDirective":"./comment-cells","NzCommentActionHostDirective":"./comment-cells","NzCommentActionComponent":"./comment-cells"},"importAs":"ng-zorro-antd/comment"}