import { ChangeDetectionStrategy , Component , Input } from '@angular/core' ; import { LocalizationFacadeService } from '../../../../services/localization-facade.service' ; import { HeroStat } from './hero-stat' ; @ Component ( { selector : 'battlegrounds-hero-records-broken' , styleUrls : [ `../../../../../css/global/components-global.scss` , `../../../../../css/component/battlegrounds/desktop/secondary/battlegrounds-hero-records-broken.component.scss` , ] , template : `
		<div class="battlegrounds-hero-records-broken">
			<!-- <img [src]="icon" class="portrait" /> -->
			<bgs-hero-portrait class="portrait" [heroCardId]="heroCardId"></bgs-hero-portrait>
			<div class="records">
				<div class="icon">
					<svg class="svg-icon-fill">
						<use xlink:href="assets/svg/sprite.svg#record_broken_score" />
					</svg>
				</div>
				<div class="value">{{ numberOfRecords }}</div>
			</div>
		</div>
	` , changeDetection : ChangeDetectionStrategy . OnPush , } ) export class BattlegroundsHeroRecordsBrokenComponent { heroCardId : string ; numberOfRecords : number ; @ Input ( ) set stat ( value ) { this . heroCardId = value . heroId ; this . numberOfRecords = value . numberOfRecords ; } constructor ( private readonly i18n ) { } }