ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 4.47 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NzSkeletonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":17},"member":"None"},"selector":"nz-skeleton","exportAs":"nzSkeleton","host":{"[class.ant-skeleton-with-avatar]":"!!nzAvatar","[class.ant-skeleton-active]":"nzActive","$quoted$":["[class.ant-skeleton-with-avatar]","[class.ant-skeleton-active]"]},"template":"<ng-container *ngIf=\"nzLoading\">\n <div class=\"ant-skeleton-header\" *ngIf=\"!!nzAvatar\">\n <span\n class=\"ant-skeleton-avatar\"\n [class.ant-skeleton-avatar-lg]=\"avatar.size === 'large'\"\n [class.ant-skeleton-avatar-sm]=\"avatar.size === 'small'\"\n [class.ant-skeleton-avatar-circle]=\"avatar.shape === 'circle'\"\n [class.ant-skeleton-avatar-square]=\"avatar.shape === 'square'\">\n </span>\n </div>\n <div class=\"ant-skeleton-content\">\n <h3 *ngIf=\"!!nzTitle\" class=\"ant-skeleton-title\" [style.width]=\"toCSSUnit(title.width)\"></h3>\n <ul *ngIf=\"!!nzParagraph\" class=\"ant-skeleton-paragraph\">\n <li *ngFor=\"let row of rowsList; let i=index\" [style.width]=\"toCSSUnit(widthList[i])\">\n </li>\n </ul>\n </div>\n</ng-container>\n<ng-container *ngIf=\"!nzLoading\">\n <ng-content></ng-content>\n</ng-container>"}]}],"members":{"nzActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"nzLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"nzTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"nzAvatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"nzParagraph":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":48,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":48,"character":56},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":79}]}],"toCSSUnit":[{"__symbolic":"method"}],"getTitleProps":[{"__symbolic":"method"}],"getAvatarProps":[{"__symbolic":"method"}],"getParagraphProps":[{"__symbolic":"method"}],"getProps":[{"__symbolic":"method"}],"getWidthList":[{"__symbolic":"method"}],"updateProps":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"NzSkeletonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzSkeletonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":12}],"exports":[{"__symbolic":"reference","name":"NzSkeletonComponent"}]}]}],"members":{}},"ParagraphWidth":{"__symbolic":"interface"},"AvatarShape":{"__symbolic":"interface"},"AvatarSize":{"__symbolic":"interface"},"NzSkeletonAvatar":{"__symbolic":"interface"},"NzSkeletonTitle":{"__symbolic":"interface"},"NzSkeletonParagraph":{"__symbolic":"interface"}},"origins":{"NzSkeletonComponent":"./nz-skeleton.component","NzSkeletonModule":"./nz-skeleton.module","ParagraphWidth":"./nz-skeleton.type","AvatarShape":"./nz-skeleton.type","AvatarSize":"./nz-skeleton.type","NzSkeletonAvatar":"./nz-skeleton.type","NzSkeletonTitle":"./nz-skeleton.type","NzSkeletonParagraph":"./nz-skeleton.type"},"importAs":"ng-zorro-antd/skeleton"}