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

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

{"__symbolic":"module","version":4,"metadata":{"NzSkeletonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"selector":"nz-skeleton","exportAs":"nzSkeleton","host":{"[class.ant-skeleton-with-avatar]":"!!nzAvatar","[class.ant-skeleton-active]":"nzActive","[class.ant-skeleton-round]":"!!nzRound","$quoted$":["[class.ant-skeleton-with-avatar]","[class.ant-skeleton-active]","[class.ant-skeleton-round]"]},"template":"\n    <ng-container *ngIf=\"nzLoading\">\n      <div class=\"ant-skeleton-header\" *ngIf=\"!!nzAvatar\">\n        <nz-skeleton-element nzType=\"avatar\" [nzSize]=\"avatar.size || 'default'\" [nzShape]=\"avatar.shape || 'circle'\"></nz-skeleton-element>\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])\"></li>\n        </ul>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"!nzLoading\">\n      <ng-content></ng-content>\n    </ng-container>\n  "}]}],"members":{"nzActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"nzLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"nzRound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"nzTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"nzAvatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"nzParagraph":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":62,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":62,"character":56},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":62,"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":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzSkeletonComponent"},{"__symbolic":"reference","name":"NzSkeletonElementDirective"},{"__symbolic":"reference","name":"NzSkeletonElementButtonComponent"},{"__symbolic":"reference","name":"NzSkeletonElementAvatarComponent"},{"__symbolic":"reference","name":"NzSkeletonElementImageComponent"},{"__symbolic":"reference","name":"NzSkeletonElementInputComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":26,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":24}],"exports":[{"__symbolic":"reference","name":"NzSkeletonComponent"},{"__symbolic":"reference","name":"NzSkeletonElementDirective"},{"__symbolic":"reference","name":"NzSkeletonElementButtonComponent"},{"__symbolic":"reference","name":"NzSkeletonElementAvatarComponent"},{"__symbolic":"reference","name":"NzSkeletonElementImageComponent"},{"__symbolic":"reference","name":"NzSkeletonElementInputComponent"}]}]}],"members":{}},"NzSkeletonParagraphWidth":{"__symbolic":"interface"},"NzSkeletonButtonShape":{"__symbolic":"interface"},"NzSkeletonAvatarShape":{"__symbolic":"interface"},"NzSkeletonInputSize":{"__symbolic":"interface"},"NzSkeletonButtonSize":{"__symbolic":"interface"},"NzSkeletonAvatarSize":{"__symbolic":"interface"},"NzSkeletonAvatar":{"__symbolic":"interface"},"NzSkeletonTitle":{"__symbolic":"interface"},"NzSkeletonParagraph":{"__symbolic":"interface"},"NzSkeletonElementDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"nz-skeleton-element","host":{"[class.ant-skeleton-active]":"nzActive","$quoted$":["[class.ant-skeleton-active]"]}}]}],"members":{"nzActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"nzType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":34}]}]}},"NzSkeletonElementButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"OnPush"},"selector":"nz-skeleton-element[nzType=\"button\"]","template":"\n    <span\n      class=\"ant-skeleton-button\"\n      [class.ant-skeleton-button-round]=\"nzShape === 'round'\"\n      [class.ant-skeleton-button-circle]=\"nzShape === 'circle'\"\n      [class.ant-skeleton-button-lg]=\"nzSize === 'large'\"\n      [class.ant-skeleton-button-sm]=\"nzSize === 'small'\"\n    ></span>\n  "}]}],"members":{"nzShape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"nzSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}]}},"NzSkeletonElementAvatarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":48,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":49,"character":19},"member":"OnPush"},"selector":"nz-skeleton-element[nzType=\"avatar\"]","template":"\n    <span\n      class=\"ant-skeleton-avatar\"\n      [class.ant-skeleton-avatar-square]=\"nzShape === 'square'\"\n      [class.ant-skeleton-avatar-circle]=\"nzShape === 'circle'\"\n      [class.ant-skeleton-avatar-lg]=\"nzSize === 'large'\"\n      [class.ant-skeleton-avatar-sm]=\"nzSize === 'small'\"\n      [ngStyle]=\"styleMap\"\n    ></span>\n  "}]}],"members":{"nzShape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"nzSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"NzSkeletonElementInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":78,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":79,"character":19},"member":"OnPush"},"selector":"nz-skeleton-element[nzType=\"input\"]","template":"\n    <span\n      class=\"ant-skeleton-input\"\n      [class.ant-skeleton-input-lg]=\"nzSize === 'large'\"\n      [class.ant-skeleton-input-sm]=\"nzSize === 'small'\"\n    ></span>\n  "}]}],"members":{"nzSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}]}},"NzSkeletonElementImageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":93,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":94,"character":19},"member":"OnPush"},"selector":"nz-skeleton-element[nzType=\"image\"]","template":"\n    <span class=\"ant-skeleton-image\">\n      <svg class=\"ant-skeleton-image-svg\" viewBox=\"0 0 1098 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z\"\n          class=\"ant-skeleton-image-path\"\n        />\n      </svg>\n    </span>\n  "}]}],"members":{}}},"origins":{"NzSkeletonComponent":"./skeleton.component","NzSkeletonModule":"./skeleton.module","NzSkeletonParagraphWidth":"./skeleton.type","NzSkeletonButtonShape":"./skeleton.type","NzSkeletonAvatarShape":"./skeleton.type","NzSkeletonInputSize":"./skeleton.type","NzSkeletonButtonSize":"./skeleton.type","NzSkeletonAvatarSize":"./skeleton.type","NzSkeletonAvatar":"./skeleton.type","NzSkeletonTitle":"./skeleton.type","NzSkeletonParagraph":"./skeleton.type","NzSkeletonElementDirective":"./skeleton-element.component","NzSkeletonElementButtonComponent":"./skeleton-element.component","NzSkeletonElementAvatarComponent":"./skeleton-element.component","NzSkeletonElementInputComponent":"./skeleton-element.component","NzSkeletonElementImageComponent":"./skeleton-element.component"},"importAs":"ng-zorro-antd/skeleton"}