\n @if (!tile.doNotShowAnyBadgeRibbon) {\n @if (!tile.hideBuildABetBadge) {\n
\n \n
\n } @else {\n \n @if (marketList?.length === 1) {\n \n {{ market }}\n \n }\n }\n
\n {{ marketList }}
\n } @else if (marketList?.length > 1) {\n @for (market of marketList; track market) {\n \n \n \n
\n \n \n\n
\n @if (isEpcotEnabled) {\n \n @if (previousOdds) {\n {{ sitecore.marquee.Was }} \n {{ previousOdds }}\n }\n
\n }\n \n @if (tile.market && !tile.event.precreatedOptionGroups) {\n \n \n \n }\n @if (tile.event.precreatedOptionGroups) {\n \n @if (isSuspended) {\n
\n \n
\n }\n\n \n @if (!isSuspended) {\n \n \n }\n
\n \n }\n {{ OverriddenTeamnames || teamNameWithIndicatorOverride }}
\n\n
\n \n }\n\n @if (optionGroup.online && option.online) {\n \n @if (!disableOdds) {\n \n 2\"\n [class.card-result-name-text]=\"optionGroup?.options.length === 2\"\n title=\"{{ option.name }}\">\n {{ getOptionName(index) }}\n
\n \n \n
\n }\n\n @if (!optionGroup.online || !option.online) {\n \n \n \n
\n }\n\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, HostListener, Input, OnChanges } from '@angular/core';\n\nimport { EventModel, EventOption, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { FontResizerComponent } from '@frontend/sports/common/core/feature/font-resizer';\nimport { NativePriceFormatterPipe } from '@frontend/sports/odds/feature/native-price';\nimport { TrackingSource } from '@frontend/sports/tracking/feature';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\nimport { RxFor } from '@rx-angular/template/for';\n\nimport { SourceOfPick } from '../../betslip-base/models/pick-models';\nimport { ShowInEpcotDirective } from '../../common/epcot-config.directive';\nimport { EpcotModule } from '../../common/epcot-config.service';\nimport { EventPickComponent } from '../../option-pick/event-pick.component';\n\n@Component({\n selector: 'ms-option-group',\n templateUrl: 'option-group.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [CommonModule, RxFor, EventPickComponent, NativePriceFormatterPipe, IconCustomComponent, FontResizerComponent, ShowInEpcotDirective],\n})\nexport class OptionGroupComponent implements OnChanges {\n @Input() event: EventModel;\n @Input() optionGroup: EventOptionGroup;\n @Input() isOneWaySpecial: boolean;\n @Input() optionNames?: string[];\n @Input() showDropDown = false;\n @Input() hasImage: boolean;\n @Input() tracking: TrackingSource;\n @Input() disableOdds: boolean;\n @Input() isPriceBoosted: boolean;\n @Input() isFromPortal?: boolean;\n @HostBinding('class') className = 'card-option-group';\n isOptionNamesAvailable = false;\n isThreeWayMarketAvailable = false;\n showCardResultName = false;\n module = EpcotModule.Betslip;\n sourceOfPick: SourceOfPick;\n\n @HostListener('click', ['$event'])\n onClick(event: Event): void {\n event.preventDefault();\n event.stopPropagation();\n }\n\n trackOption(index: number, option: EventOption): number {\n return option.id;\n }\n\n getOptionName = (index: number): string => (this.optionNames ? this.optionNames[index] : '');\n\n ngOnChanges(): void {\n if (this.optionNames) {\n this.optionNames = this.optionNames.filter((option) => !!option);\n this.isOptionNamesAvailable = !!this.optionNames.length;\n this.isThreeWayMarketAvailable = this.optionNames.length === 3;\n this.showCardResultName = !this.isOneWaySpecial && this.isOptionNamesAvailable && !this.showDropDown;\n }\n }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { EventModel } from '@frontend/sports/betting-offer/feature/model';\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\n\nimport { RedirectHelperService } from '../../navigation-core/redirect-helper.service';\n\n@Component({\n selector: 'ms-bet-now-button',\n templateUrl: 'bet-now-button.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BetNowButtonComponent {\n @Input() event: EventModel;\n\n constructor(\n public sitecore: Sitecore,\n private redirectService: RedirectHelperService,\n ) {}\n\n click(): void {\n this.redirectService.goToEvent(this.event);\n }\n}\n","\n","@if (tile.imageUrl) {\n \n
\n} @else {\n \n \n {{ marketOverridenName }}\n \n
\n \n @if (tileOptionGroup) {\n @if (showDropDown) {\n \n \n \n } @else {\n \n \n }\n } @else {\n
\n\n
\n }\n \n
\n \n
\n \n @if (tile.event.participants.length > 1) {\n \n
\n }\n\n \n \n {{ getParticipantName(0) }}\n
\n \n \n \n {{ getParticipantName(1) }}\n
\n \n }\n \n\n
\n \n
\n \n
\n \n {{ marketOverridenName }}\n
\n \n @if (tile.event.participants.length > 1) {\n
\n \n
\n }\n @if (tile.event.live) {\n \n \n \n
\n\n \n {{ getParticipantName(0) }}\n
\n \n \n
\n \n {{ getParticipantName(1) }}\n
\n \n
\n }\n @if (tile.event.live) {\n \n }\n\n \n
\n {{ participant1LiveScore }}
\n \n
\n {{ participant2LiveScore }}
\n \n \n \n
\n \n \n \n
\n \n","import { Component, HostBinding } from '@angular/core';\n\nimport { MarqueeConfig } from '@frontend/sports/common/client-config-data-access';\nimport { times } from 'lodash-es';\n\n@Component({\n selector: 'ms-ghost-loader',\n templateUrl: 'ghost-loader.html',\n})\nexport class GhostLoaderComponent {\n static readonly MIN_TILES = 5;\n @HostBinding('class') className = 'ghost-loader-container cards';\n items: number[];\n\n constructor(marqueeConfig: MarqueeConfig) {\n const count = Math.min(GhostLoaderComponent.MIN_TILES, marqueeConfig.maxTiles);\n this.items = times(count);\n }\n}\n","
\n \n
\n{{ title }}
\n\n \n \n \n
\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, OnChanges, OnInit } from '@angular/core';\n\nimport { MarqueeBackgroundContainerConfig, TitleIconOptions } from '@frontend/sports/types/components/content';\nimport { MarqueeLink } from '@frontend/sports/types/components/widget/types';\n\nimport { MarqueeTitleIcon } from './marquee-tile.model';\nimport { MarqueeTrackingService } from './marquee-tracking.service';\n\n@Component({\n selector: 'ms-header',\n templateUrl: 'header.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderComponent implements OnInit, OnChanges {\n @Input() titleIcon: MarqueeTitleIcon;\n @Input() backgroundContainerConfig: MarqueeBackgroundContainerConfig;\n @Input() globalLinkConfig: MarqueeLink;\n @HostBinding('class') className = 'marquee-header';\n\n title: string | undefined;\n globalLinkText: string | undefined;\n globalLink: string | undefined;\n globalLinkCount: number | undefined;\n\n constructor(private marqueeTrackingService: MarqueeTrackingService) {}\n checkTitleIcon: boolean;\n\n ngOnInit(): void {\n this.updateChanges();\n }\n\n ngOnChanges(): void {\n this.updateChanges();\n }\n\n private updateChanges(): void {\n this.title = this.backgroundContainerConfig.title ?? '';\n this.globalLinkText = this.globalLinkConfig.title;\n this.globalLink = this.globalLinkConfig.linkOverride;\n this.checkTitleIcon = this.backgroundContainerConfig.titleIconDisplay === TitleIconOptions.CompetitionLogo;\n }\n\n linkClick(): void {\n this.marqueeTrackingService.trackLinkClick(this.globalLink);\n }\n\n isRequiredTitleIcon(): boolean | undefined {\n return this.backgroundContainerConfig.titleIconDisplay && this.backgroundContainerConfig.titleIconDisplay !== TitleIconOptions.None;\n }\n}\n","import { Injectable } from '@angular/core';\n\nimport { FixtureFactory } from '@frontend/sports/betting-offer/feature/fixture-factories';\nimport { EventModel, EventOptionGroupType } from '@frontend/sports/betting-offer/feature/model';\nimport { ConnectionConfig } from '@frontend/sports/common/client-config-data-access';\nimport {\n CdsPushService,\n CdsSubscription,\n FixtureAllSubscription,\n GridSubscription,\n ScoreboardSlimSubscription,\n} from '@frontend/sports/content-distribution/feature';\nimport { MessageCallback } from '@frontend/sports/event-subscription/feature/base-subscription';\nimport { EventSubscriptionService } from '@frontend/sports/event-subscription/feature/event-subscription';\n\n/**\n * This service should be used for subscribing marquee for push. It automatically subscribes to available markets of\n * the event in the response. When there is no available market it subscribes to all markets.\n *\n * @export\n * @class MarqueeEventSubscriptionService\n * @extends {BaseSubscriptionService}\n */\n@Injectable({ providedIn: 'root' })\nexport class MarqueeEventSubscriptionService extends EventSubscriptionService {\n constructor(\n fixtureFactory: FixtureFactory,\n push: CdsPushService,\n protected override connection: ConnectionConfig,\n ) {\n super(fixtureFactory, push, connection);\n }\n\n protected override getContextSubscriptions(event: EventModel, callback: MessageCallback): CdsSubscription[] {\n const isDynamicOptionGroup = event.optionGroups?.find((x) => x.type === EventOptionGroupType.DynamicMarket);\n const isSixPack = event.optionGroups?.find((x) => x.type === EventOptionGroupType.SixPack);\n if (isSixPack) {\n return [new GridSubscription(event.offerContext, event.id, this.connection.culture, callback)];\n } else if (event.optionGroups && event.optionGroups.length && !isDynamicOptionGroup) {\n return super.getContextSubscriptions(event, callback);\n }\n\n return [\n new FixtureAllSubscription(event.offerContext, event.id, this.connection.culture, callback),\n new ScoreboardSlimSubscription(event.offerContext, event.id, this.connection.culture, callback),\n ];\n }\n}\n","\n
\n\n
\n }\n @case (displayTypeEnum.Popup) {\n \n
\n }\n @case (displayTypeEnum.View) {\n \n
\n }\n \n } @else {\n \n
\n \n @if (isEpcotEnabled && optionGroupNames.length > 1) {\n @for (optionGroupName of optionGroupNames; track optionGroupName) {\n \n
\n @if (tile.event && optionGroup?.options.length) {\n {{ optionGroupNames }}
\n {{ eventName }}
\n }\n \n @if (isEpcotEnabled && optionGroupNames.length > 1) {\n
\n } @else if (tile.fixtureId) {\n {{ eventName }}
\n }\n @if (previousOdds) {\n \n {{ sitecore.marquee.Was }}\n {{ previousOdds }}\n
\n }\n\n \n \n \n
\n \n
\n }\n\n
\n }\n\n","import { ChangeDetectionStrategy, Component, HostBinding, HostListener, Input, OnChanges } from '@angular/core';\n\nimport { TotalsPrefix } from '@cds/betting-offer';\nimport { EventModel, EventOption, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\n\n@Component({\n selector: 'ms-six-pack-option',\n templateUrl: 'six-pack-option.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SixPackOptionComponent implements OnChanges {\n @Input() option: EventOption;\n @Input() optionGroup: EventOptionGroup;\n @Input() event: EventModel;\n @Input() trackingPosition: number;\n @Input() decorateAttribute?: boolean;\n @Input() isHighlighted = false;\n @Input() isAutomatedMarquee?: boolean;\n @HostBinding('class') className = 'six-pack-option';\n\n attributeValue?: string;\n showAttributeValue: boolean;\n\n constructor(private sitecore: Sitecore) {}\n\n @HostListener('click', ['$event'])\n clicked(event: Event): void {\n event.preventDefault();\n event.stopPropagation();\n }\n\n ngOnChanges(): void {\n if (this.decorateAttribute && this.optionGroup.categoryAttribute && this.option.totalsPrefix) {\n const prefix =\n this.option.totalsPrefix === TotalsPrefix.Over\n ? this.sitecore.eventGrid.SixPack_TotalsOver\n : this.sitecore.eventGrid.SixPack_TotalsUnder;\n\n this.attributeValue = `${prefix} ${this.optionGroup.categoryAttribute}`;\n } else {\n this.attributeValue = this.optionGroup.categoryAttribute || this.option.optionAttribute;\n }\n\n this.showAttributeValue = !!this.optionGroup.balanced && !!this.attributeValue;\n\n if (!this.showAttributeValue) {\n this.showAttributeValue = !!this.optionGroup.description;\n this.attributeValue = this.optionGroup.description;\n }\n }\n}\n","\n
\n \n
\n\n
\n\n \n \n \n
\n \n
\n \n
\n {{ option }}
\n \n \n
\n \n \n
\n \n \n \n \n
\n \n
\n \n \n
\n {{ getParticipantName(i) }}
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n\n {{ sitecore.marquee.EmptyMarketLinkText }}\n \n
\n \n \n \n \n
\n - \n
\n
\n {{ tile.name }}
\n - \n
- \n