\n
\n
\n @if (eventCarouselItem().event.scoreboard?.started) {\n \n }\n \n @if (liveEventInfo()) {\n {{ liveEventInfo() }}\n }\n
\n \n
\n
\n
\n @for (participantInfo of participantInfos(); track $index; let i = $index) {\n
\n
\n @if (participantInfo.isSingleContestant) {\n
\n }\n
\n @if (participantInfo.rank) {\n
\n {{ participantInfo.rank }}\n
\n }\n
{{ participantInfo.participant.name }}
\n\n @if (participantInfo.participant.country) {\n
({{ participantInfo.participant.country }})\n }\n
\n
\n\n @let optionData = gridableMarketInfo()[i];\n @if (!eventCarouselItem().event.scoreboard?.started && optionData) {\n
\n @if (optionData.isOnline) {\n {{ optionData.lineValue ? optionData.lineValue : (optionData.option.nativePrice | msNativePriceFormatter) }}\n } @else {\n \n }\n
\n }\n
\n }\n
\n
\n
\n
\n","import { ChangeDetectionStrategy, Component, HostBinding, computed, effect, inject, input, signal } from '@angular/core';\n\nimport { TotalsPrefix } from '@cds/betting-offer';\nimport { ScoreboardFactory } from '@frontend/sports/betting-offer/feature/fixture-factories';\nimport { EventOption, EventOptionGroup, EventParticipant, SpecialChar } from '@frontend/sports/betting-offer/feature/model';\nimport { OfferGroupingService } from '@frontend/sports/betting-offer/feature/offer-grouping';\nimport { ShortNameModule, ShortTeamNamesService } from '@frontend/sports/betting-offer/feature/short-team-names';\nimport { LiveSectionConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { NativePriceFormatterPipe } from '@frontend/sports/odds/feature/native-price';\nimport { ParticipantImageComponent } from '@frontend/sports/participant-image/feature';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\n\nimport { EventDetailsService } from '../../event-details-common/event-details.service';\nimport { OptionGroupService } from '../../event-model/helpers/option-group.service';\nimport { GridScoreboardModule } from '../../grid-scoreboard/grid-scoreboard.module';\nimport { OptionIndicatorDirective } from '../../option-pick/option-indicator.directive';\nimport { TimerModule } from '../../timers/timer.module';\nimport { EventCarouselItem } from './../event-carousel.model';\nimport { EventDetailCardHeaderComponent } from './event-detail-card-header/event-detail-card-header.component';\n\ninterface GridableMarketInfo {\n lineValue?: string;\n isOnline: boolean;\n option: EventOption;\n}\n\n@Component({\n selector: 'ms-event-detail-card',\n templateUrl: './event-detail-card.component.html',\n styleUrl: './event-detail-card.component.scss',\n standalone: true,\n imports: [\n EventDetailCardHeaderComponent,\n ParticipantImageComponent,\n TimerModule,\n GridScoreboardModule,\n OptionIndicatorDirective,\n NativePriceFormatterPipe,\n IconCustomComponent,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EventDetailCardComponent {\n @HostBinding('class') class = 'event-detail-card';\n eventCarouselItem = input.required