ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 7.43 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NzBadgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"nz-badge","exportAs":"nzBadge","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":42,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":43,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core/animation","name":"zoomBadgeMotion","line":44,"character":15}],"template":"\n <span #contentElement><ng-content></ng-content></span>\n <span\n class=\"ant-badge-status-dot ant-badge-status-{{ nzStatus || presetColor }}\"\n [style.background]=\"!presetColor && nzColor\"\n *ngIf=\"nzStatus || nzColor\"\n [ngStyle]=\"nzStyle\"\n ></span>\n <span class=\"ant-badge-status-text\" *ngIf=\"nzStatus || nzColor\">{{ nzText }}</span>\n <ng-container *nzStringTemplateOutlet=\"nzCount\">\n <sup\n class=\"ant-scroll-number\"\n *ngIf=\"showSup && viewInit\"\n [@.disabled]=\"notWrapper\"\n [@zoomBadgeMotion]\n [ngStyle]=\"nzStyle\"\n [attr.title]=\"nzTitle === null ? '' : nzTitle || nzCount\"\n [style.right.px]=\"nzOffset && nzOffset[0] ? -nzOffset[0] : null\"\n [style.marginTop.px]=\"nzOffset && nzOffset[1] ? nzOffset[1] : null\"\n [class.ant-badge-count]=\"!nzDot\"\n [class.ant-badge-dot]=\"nzDot\"\n [class.ant-badge-multiple-words]=\"countArray.length >= 2\"\n >\n <ng-container *ngFor=\"let n of maxNumberArray; let i = index\">\n <span\n class=\"ant-scroll-number-only\"\n *ngIf=\"count <= nzOverflowCount\"\n [style.transform]=\"'translateY(' + -countArray[i] * 100 + '%)'\"\n >\n <ng-container *ngIf=\"!nzDot && countArray[i] !== undefined\">\n <p *ngFor=\"let p of countSingleArray\" class=\"ant-scroll-number-only-unit\" [class.current]=\"p === countArray[i]\">\n {{ p }}\n </p>\n </ng-container>\n </span>\n </ng-container>\n <ng-container *ngIf=\"count > nzOverflowCount\">{{ nzOverflowCount }}+</ng-container>\n </sup>\n </ng-container>\n ","host":{"class":"ant-badge","[class.ant-badge-status]":"nzStatus","$quoted$":["[class.ant-badge-status]"]}}]}],"members":{"contentElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":103,"character":3},"arguments":["contentElement",{"static":false}]}]}],"nzShowZero":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":104,"character":12}}]}],"nzShowDot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":105,"character":12}}]}],"nzDot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":106,"character":12}}]}],"nzOverflowCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":107,"character":12},"arguments":["backTop",99]}]}],"nzText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"nzColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":109,"character":12},"arguments":["backTop"]}]}],"nzTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"nzStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"nzStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"nzCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"nzOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"checkContent":[{"__symbolic":"method"}],"generateMaxNumberArray":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":134,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":135,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":136,"character":24},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ContentObserver","line":137,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":138,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":139,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NzBadgeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzBadgeComponent"}],"exports":[{"__symbolic":"reference","name":"NzBadgeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":12},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule","line":19,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":19,"character":43}]}]}],"members":{}}},"origins":{"NzBadgeComponent":"./badge.component","NzBadgeModule":"./badge.module"},"importAs":"ng-zorro-antd/badge"}