\n
\n \n \n {{ tooltip.title }}
\n \n \n \n
\n\n {{ playerStatsData.statsValue }}\n
\n\n \n
\n } @else {\n {{ optionName }}
\n {{ optionName }}
\n }\n }\n\n\n {{ optionName }}\n
\n }\n }\n }\n @if (option.online) {\n \n @if (isPriceBoost) {\n \n \n } @else {\n \n {{ option.nativePrice | msNativePriceFormatter }} \n \n \n
\n } @else {\n \n
\n }\n @if (showPromoBadge) {\n \n {{ optionName }}\n @if (option.marketAttribute && showMarketAttribute) {\n {{ option.marketAttribute }}\n }\n
\n @if (showPromoBadge) {\n \n \n @if (displayMultiSelectionText) {\n
\n@if (optionsLayout) {\n \n
\n }\n }\n \n\n \n @for (name of headerName; track name) {\n {{ name }}\n }\n
\n @for (option of optionsLayout.options; track option?.id; let i = $index) {\n \n @for (option of optionsLayout.rest; track trackOption; let i = $index) {\n
\n}\n\n@if (!isInSheetView) {\n \n \n @for (item of teamGroupingOptions; track item.id) {\n \n
\n} @else {\n - \n @for (item of teamGroupingOptions; track item.id) {\n
- \n \n {{ item.name }}\n \n \n }\n
\n @if (showHeaders()) {\n \n \n
\n@if (!isInSheetView) {\n \n \n @for (header of headers(); track header.name) {\n {{ header.name }} \n }\n
\n }\n \n @if (isShowHeadshotImage || isShowOptionImage) {\n
\n @for (option of group.options; track trackOption($index, option)) {\n @if (option) {\n \n \n
\n }\n }\n -
\n
\n}\n\n {{ group.attribute }}\n
\n \n \n
\n }\n -
\n \n \n \n
\n@if (!isInSheetView) {\n \n {{ optionGroup.parameterTranslations?.columnOver }}\n {{ optionGroup.parameterTranslations?.columnUnder }}\n
\n \n {{ group.attribute }}\n @if (isMarketPromoted(group.optionGroupId, group.templateId)) {\n
\n \n \n\n \n } @else {\n \n }\n }\n\n @if (hasInsights) {\n
\n\n\n \n @if (showSixPackParticipantImages) {\n \n
\n\n @for (optionRow of optionRows; track trackByPlayer(i, optionRow); let i = $index) {\n @if (showSixPackParticipantImages) {\n \n
\n\n @for (column of optionRow.columns | keyvalue: keepOrder; track trackByCol($index, column)) {\n @if (!column.value) {\n \n {{ optionRow.player }}\n @if (isMarketPromoted(index)) {\n
\n @if (showPlayerStats) {\n \n -\n
\n } @else {\n \n
\n\n @if (showParticipantImages) {\n \n }\n\n
\n\n \n \n {{ optionRow.player }}\n @if (isMarketPromoted(index)) {\n
\n @if (showPlayerStats) {\n \n \n \n \n \n \n
\n","import { KeyValuePipe, NgClass, NgFor, NgIf } from '@angular/common';\nimport { Component } from '@angular/core';\n\nimport { ShortTeamNamesService } from '@frontend/sports/betting-offer/feature/short-team-names';\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\n\nimport { BettingInsightsComponentLoaderService } from '../betting-insights/betting-insights-component-loader.service';\nimport { BetBuilderOptionComponent } from './bet-builder-option.component';\nimport { MarketHelpComponent } from './market-help/market-help.component';\nimport { OptionGroup, OptionGroupService } from './option-group.service';\nimport { ISixPackOptionRow, SixPackOptionGroupComponent } from './six-pack-option-group.component';\n\n@Component({\n selector: 'ms-bet-builder-six-pack',\n templateUrl: './bet-builder-six-pack.component.html',\n standalone: true,\n imports: [NgIf, NgFor, NgClass, KeyValuePipe, MarketHelpComponent, BetBuilderOptionComponent],\n})\nexport class BetBuilderSixPackComponent extends SixPackOptionGroupComponent {\n private maxParticipants = 2;\n\n constructor(\n sitecore: Sitecore,\n optionGroupService: OptionGroupService,\n shortTeamNamesService: ShortTeamNamesService,\n loader: BettingInsightsComponentLoaderService,\n ) {\n super(sitecore, optionGroupService, shortTeamNamesService, loader);\n }\n\n protected override getOptionRows(optionGroups: OptionGroup[]): ISixPackOptionRow[] {\n return [...Array(this.maxParticipants)].map((value, index) => ({\n player: '',\n columns: this.getOptionRowColumns(optionGroups, (options) => options[index]),\n }));\n }\n\n protected override getTupleClass(): string {\n const colCount = this.optionRows.length > 0 ? this.optionRows[0].columns.size : 0;\n switch (colCount) {\n case 2:\n return 'double';\n case 3:\n return 'triple';\n case 4:\n return 'quadruple';\n default:\n return '';\n }\n }\n}\n","import { Injectable } from '@angular/core';\n\nimport { EventOption } from '@frontend/sports/betting-offer/feature/model';\n\nimport { OptionNameStrategy } from './option-name.strategy';\n\n@Injectable()\nexport class OptionAttributeNameStrategy extends OptionNameStrategy {\n override getOptionName(option: EventOption): string {\n return option.optionAttribute || option.name;\n }\n}\n","@if (showMarketHelp) {\n \n {{ header.value }}\n
\n \n -\n
\n \n \n \n \n
\n@if (!isInSheetView) {\n \n {{ firstParticipant }}\n @if (numberOfOptions > 2) {\n {{ sitecore.event.Tie }}\n }\n {{ secondParticipant }}\n
\n \n {{ firstParticipant }}\n @if (numberOfOptions > 2) {\n {{ sitecore.event.Tie }}\n }\n {{ secondParticipant }}\n
\n \n \n
\n }\n -
\n
\n }\n \n} @else {\n \n
\n \n
\n {{ option.name }}
\n @if (!option.online) {\n \n
\n } @else {\n \n {{ option.nativePrice | msNativePriceFormatter }}\n
\n }\n \n @if (isShowOptionImage || isShowHeadshotImage) {\n \n } @else {\n
\n } @else if (isShowOptionImage || isShowHeadshotImage) {\n \n
\n } @else {\n \n @if (isShowHeadshotImage) {\n
\n\n @if (showPlayerStats) {\n \n \n {{ optionName }}\n
\n\n \n
\n\n \n \n \n
\n","import { NgClass, NgFor, NgIf, SlicePipe } from '@angular/common';\nimport { Component, Input, OnChanges } from '@angular/core';\n\nimport { BetBuilderNoOfColumns, CrmPromoIdsMap, EventModel, EventOption, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\n\nimport { SourceOfPick } from '../betslip-base/models/pick-models';\nimport { BadgeComponent } from '../crm-promotion/badge.component';\nimport { BetBuilderOptionComponent } from './bet-builder-option.component';\nimport { MarketHelpComponent } from './market-help/market-help.component';\nimport { OptionGroup, OptionGroupService } from './option-group.service';\n\n@Component({\n selector: 'ms-bet-builder-teams-option-group',\n templateUrl: './bet-builder-teams-option-group.component.html',\n standalone: true,\n imports: [NgIf, NgFor, NgClass, SlicePipe, BadgeComponent, MarketHelpComponent, BetBuilderOptionComponent],\n})\nexport class BetBuilderPlayerTeamOptionGroupComponent implements OnChanges {\n @Input() event: EventModel;\n @Input() tracking: string;\n @Input() trackingModuleType = '';\n @Input() optionGroup: EventOptionGroup;\n @Input() showMarketHelp: boolean;\n @Input() crmPromoIdsMap: CrmPromoIdsMap;\n @Input() eventHelpText?: string;\n @Input() sourceOfPick = SourceOfPick.Other;\n\n optionGroups: OptionGroup[];\n\n expanded = false;\n showMoreLessButtonVisible = false;\n visibleOptionsLimit: number | undefined;\n\n isSingleRowOfOptions = () => this.optionGroup.options.length === BetBuilderNoOfColumns.Triple;\n\n constructor(\n public sitecore: Sitecore,\n private optionGroupService: OptionGroupService,\n ) {}\n\n ngOnChanges(): void {\n this.optionGroups = this.optionGroupService.getOptionGroups(this.optionGroup, (option) => option.marketAttribute);\n }\n\n trackOption(index: number, option: EventOption): number {\n return option.id;\n }\n\n trackGroup(index: number, group: OptionGroup): string {\n return group.attribute || '';\n }\n\n isMarketPromoted(optionGroupId: number, templateId: number): boolean {\n return !!this.crmPromoIdsMap.markets[optionGroupId] || (templateId != null && !!this.crmPromoIdsMap.templateIds[templateId]);\n }\n}\n","import { Injectable, signal } from '@angular/core';\n\nimport { CorrectScoreHeaderButtonTabs } from '@frontend/sports/betting-offer/feature/model';\nimport { EventDetailsConfig } from '@frontend/sports/common/client-config-data-access';\n\n@Injectable()\nexport class CorrectScoreOptionGroupToggleViewService {\n currentViewId = signal\n {{ group.attribute }}\n
\n \n @for (participant of event().participants; let i = $index; track participant) {\n
\n\n\n
\n }\n\n @if (currentScoreOption(); as option) {\n
\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, OnInit, Signal, computed, input, signal } from '@angular/core';\n\nimport { EventModel, EventOptionGroup, FootballScore } from '@frontend/sports/betting-offer/feature/model';\nimport { ParticipantImageComponent } from '@frontend/sports/participant-image/feature';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\n\nimport { SourceOfPick } from '../betslip-base/models/pick-models';\nimport { EpcotConfigService } from '../common/epcot-config.service';\nimport { EventDetailsCommonModule } from '../event-details-common/event-details-common.module';\nimport { ScoreDetails } from '../odd-increment-decrement/odd-increment-decrement.models';\nimport { OddIncrementDecrementModule } from '../odd-increment-decrement/odd-increment-decrement.module';\nimport { CorrectScoreOptions, CorrectScoreService } from './correct-score.service';\nimport { MarketHelpComponent } from './market-help/market-help.component';\nimport { OptionComponent } from './option.component';\n\n@Component({\n standalone: true,\n imports: [\n OddIncrementDecrementModule,\n ParticipantImageComponent,\n CommonModule,\n EventDetailsCommonModule,\n OptionComponent,\n MarketHelpComponent,\n IconCustomComponent,\n ],\n selector: 'ms-correct-score-option-group-compact',\n templateUrl: './correct-score-option-group-compact.component.html',\n styleUrls: ['./correct-score-option-group-compact.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CorrectScoreOptionGroupCompactComponent implements OnInit {\n event = input.required\n
\n }\n\n
\n \n
\n \n
\n \n @for (name of headerNames(); track $index) {\n {{ name }}\n }\n
\n \n \n \n\n \n @if (!showAllOptions()) {\n \n
\n\n\n @if (isCollapsed()) {\n {{ this.sitecore.event.ShowMore }}
\n }\n \n \n \n
\n\n\n \n {{ player }} \n
\n \n {{ group.attribute }}\n
\n \n \n
\n -
\n
\n \n
\n \n
\n \n {{ tooltipInfo.badgeText }}
\n {{ tooltipInfo.tooltipTitle }}
\n {{ tooltipInfo.tooltipContent }}
\n \n @for (item of buttonTabs; let i = $index; track item) {\n \n }\n
\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\n\nimport { CorrectScoreHeaderButtonTabs } from '@frontend/sports/betting-offer/feature/model';\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\n\nimport { TabBarItem } from '../tab-bar/tab-bar.models';\nimport { CorrectScoreOptionGroupToggleViewService } from './correct-score-option-group-toggle-view.service';\n\n@Component({\n standalone: true,\n selector: 'ms-toggle-view-button',\n templateUrl: './toggle-view-button.component.html',\n styleUrls: ['./toggle-view-button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [CommonModule],\n})\nexport class ToggleViewButtonComponent implements OnInit {\n buttonTabs: TabBarItem\n @if (isPrecreatedBuildABet && isPrecreatedBetBuilderBadgeEnabled) {\n \n }\n
\n\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, signal } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\n\nimport { OfferSource } from '@cds';\nimport { DisplayType, Parameter } from '@cds/betting-offer';\nimport { OptionGroupType } from '@frontend/sports/betting-offer/feature/fixture-factories';\nimport { EventModel, EventOptionGroup, EventOptionGroupType, Tv2MarketParameters } from '@frontend/sports/betting-offer/feature/model';\nimport { MarketSubType, MarketType, PeriodType } from '@frontend/sports/betting-offer/feature/types';\nimport {\n BetBuilderConfig,\n EventDetailsConfig,\n LayoutNavigationConfig,\n MarketGroupingConfig,\n MarketHelpConfig,\n Sitecore,\n} from '@frontend/sports/common/client-config-data-access';\nimport { injectCurrentTheme } from '@frontend/sports/common/ui/shared';\nimport { DeviceService } from '@frontend/vanilla/core';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\n\nimport { MarketHeaderBetBuilderBadgeComponent } from '../betbuilder/components/badge/market-header-badge/market-header-bet-builder-badge.component';\nimport { SGPBadgeComponent } from '../betbuilder/components/badge/sgp-badge/sgp-badge.component';\nimport { isProviderSupportingBadges } from '../betbuilder/utils';\nimport { EpcotConfigService } from '../common/epcot-config.service';\nimport { MarketSubtypeLogoComponent } from '../marketsubtype-logo/marketsubtype-logo.component';\nimport { MarketSubTypeLogoService } from '../marketsubtype-logo/marketsubtype-logo.service';\nimport { RedirectHelperService } from '../navigation-core/redirect-helper.service';\nimport { TimerModule } from '../timers/timer.module';\nimport { EachWayMarketHelperService } from './each-way-market-helper.service';\nimport { ExtendedOfferComponent } from './extended-offer.component';\nimport { MarketHelpToggleComponent } from './market-help/market-help-toggle.component';\nimport { ToggleViewButtonComponent } from './toggle-view-button.component';\n\n@Component({\n selector: 'ms-option-panel-header',\n templateUrl: './option-panel-header.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n NgClass,\n TimerModule,\n IconCustomComponent,\n MarketHelpToggleComponent,\n ExtendedOfferComponent,\n MarketSubtypeLogoComponent,\n ToggleViewButtonComponent,\n MarketHeaderBetBuilderBadgeComponent,\n SGPBadgeComponent,\n ],\n})\nexport class OptionPanelHeaderComponent implements OnChanges {\n @Input() groupType: OptionGroupType;\n @Input() optionGroup: EventOptionGroup;\n @Input() showHelp: boolean;\n @Input() toggleable: boolean;\n @Input() collapsed: boolean;\n @Input() activePeriodTab: string;\n @Input() promoted: boolean;\n @Input() showMarketHelp: boolean;\n @Input() eventHelpText?: string;\n @Input() event: EventModel;\n @Input() marketLogoShow: boolean;\n @Input() showEventName = false;\n @Input() showEventTimer = false;\n @Input() showEventChevron = false;\n @Input() isLinkToEvent = true;\n @Input() shouldShowCloseBtn? = false;\n @Input() appendTooltipToWidgetSlot = false;\n @Output() collapsedChange = new EventEmitter\n @if (showEventName) {\n
\n\n \n \n
\n } @else {\n {{ event.name }}
\n \n \n \n {{ optionGroup.name }}\n @if (!deviceService.isMobile && winMarketName) {\n {{ winMarketName }}\n }\n
\n }\n\n @if (showMarketHelpToggle && optionGroup.online && !collapsed) {\n \n @if (enableCorrectScoreOptionGroupToggle) {\n
\n \n {{ winMarketName }}\n
\n }\n @if (marketLogoShowInHeader) {\n \n
\n }\n @if (promoted) {\n \n }\n @if (optionGroup.extended) {\n \n
\n }\n @if (showEventChevron && isLinkToEvent) {\n \n \n \n \n \n @if (option) {\n \n \n } @else {\n \n \n \n
\n\n@if (showMoreLessButtonVisible) {\n \n}\n","import { NgClass, NgFor, NgTemplateOutlet, SlicePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';\n\nimport { CrmPromoIdsMap, EventModel, EventOption, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { EpcotConfig, MarketGroupingConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { LoggerFactory, SportsRemoteLogger } from '@frontend/sports/common/core/feature/logging';\nimport { TrackingSource } from '@frontend/sports/tracking/feature';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\n\nimport { SourceOfPick } from '../betslip-base/models/pick-models';\nimport { MarketHelpComponent } from './market-help/market-help.component';\nimport { OptionComponent } from './option.component';\nimport { OutrightsOptionGroups, getOutrightsGrouping } from './outrights-option-group.service';\n\n@Component({\n selector: 'ms-outrights-option-group',\n templateUrl: './outrights-option-group.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgFor, NgClass, SlicePipe, NgTemplateOutlet, OptionComponent, MarketHelpComponent, IconCustomComponent],\n})\nexport class OutrightsOptionGroupComponent implements OnChanges {\n @Input() event: EventModel;\n @Input() tracking: string;\n @Input() trackingModuleType = '';\n @Input() optionGroup: EventOptionGroup;\n @Input() showMarketHelp: boolean;\n @Input() crmPromoIdsMap: CrmPromoIdsMap;\n @Input() eventHelpText?: string;\n @Input() sourceOfPick = SourceOfPick.Other;\n @Input() betDetails = '';\n @Input() optionsLimitOverride?: number;\n\n optionGroups: OutrightsOptionGroups[];\n headerData: string[];\n trackingSource: TrackingSource;\n expanded = false;\n showMoreLessButtonVisible = false;\n visibleOptionsLimit: number | undefined;\n\n private readonly logger: SportsRemoteLogger;\n optionsClass: string;\n readonly isEpcotEnabled: boolean;\n\n constructor(\n public sitecore: Sitecore,\n private marketGroupingConfig: MarketGroupingConfig,\n loggerFactory: LoggerFactory,\n epcotConfig: EpcotConfig,\n ) {\n this.logger = loggerFactory.getLogger('OutrightsOptionGroupComponent');\n this.isEpcotEnabled = epcotConfig.isEnabled;\n }\n\n ngOnChanges(): void {\n this.optionGroups = getOutrightsGrouping(this.optionGroup.options);\n this.headerData = [...new Set(this.optionGroup.options.map((item) => item.optionColumnName || ''))].filter((header) => header !== '');\n this.showMoreLessButtonVisible =\n this.optionGroups.length > (this.optionsLimitOverride ?? this.marketGroupingConfig.optionGroupRowsThreshold.outrights);\n this.calculateMaxNumberOfVisibleOptions();\n this.optionsClass = this.getOptionsClass();\n this.trackingSource = {\n source: this.tracking,\n moduleType: this.trackingModuleType,\n };\n }\n\n getOption(group: EventOption[], header: string): EventOption | undefined {\n return group.find((opt) => opt.optionColumnName === header);\n }\n\n trackGroup(index: number, group: EventOption[]): number {\n return index;\n }\n\n trackHeader(index: number, header: string): string {\n return header;\n }\n\n onShowMoreLessButtonToggle(): void {\n this.expanded = !this.expanded;\n this.calculateMaxNumberOfVisibleOptions();\n }\n\n private calculateMaxNumberOfVisibleOptions(): void {\n this.visibleOptionsLimit = this.expanded\n ? undefined\n : (this.optionsLimitOverride ?? this.marketGroupingConfig.optionGroupRowsThreshold.outrights);\n }\n\n private getOptionsClass(): string {\n const optionsCount = this.headerData?.length ?? 0;\n switch (optionsCount) {\n case 1:\n return 'double';\n case 2:\n return 'triple';\n case 3:\n return 'quadruple';\n case 4:\n return 'quintuple';\n case 5:\n return 'sextuple';\n default:\n this.logger.error(`Outrights Grouping Error - ${optionsCount} columns!`);\n\n return '';\n }\n }\n}\n","import { Component, EventEmitter, OnChanges, OnInit, Output, computed, inject, input, signal } from '@angular/core';\n\nimport { OptionGroupType } from '@frontend/sports/betting-offer/feature/fixture-factories';\nimport { CrmPromoIdsMap, EventModel, EventOptionGroup, Tv2MarketParameters } from '@frontend/sports/betting-offer/feature/model';\nimport { MarketSubType, MarketType } from '@frontend/sports/betting-offer/feature/types';\nimport { MarketGroupingConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { ScrollAdapterButtonSize } from '@frontend/sports/common/core/feature/scroll-adapter';\nimport { ParticipantImageService, ParticipantType } from '@frontend/sports/participant-image/feature';\nimport { replace } from 'lodash-es';\n\nimport { SourceOfPick } from '../betslip-base/models/pick-models';\nimport { TabBarItem } from '../tab-bar/tab-bar.models';\nimport { OptionGroupTrackingService } from './option-group-tracking.service';\nimport { OptionGroup, OptionGroupService } from './option-group.service';\nimport { OptionPanelBottomActionState } from './option-panel-bottom-action.component';\nimport { SHEET_VIEW_OPEN } from './sheet.token';\n\n@Component({\n template: '',\n})\nexport abstract class PlayerMilestoneBaseOptionGroupComponent implements OnChanges, OnInit {\n readonly isInSheetView = Boolean(inject(SHEET_VIEW_OPEN, { optional: true }));\n tabs: TabBarItem[] = [];\n isOverUnder = false;\n\n private optionGroupService = inject(OptionGroupService);\n private marketGroupingConfig = inject(MarketGroupingConfig);\n private optionGroupTrackingService = inject(OptionGroupTrackingService);\n private participantImageService = inject(ParticipantImageService);\n protected sitecore = inject(Sitecore);\n\n private expanded = signal(false);\n optionGroups = signal\n \n {{ header }} \n
\n \n {{ group.options[0].name }}\n
\n\n \n
\n }\n \n
\n \n
\n \n
\n \n @if (isOverUnder) {\n \n \n }\n\n @for (group of optionGroups() | slice: 0 : visibleOptionsLimit(); track group.optionGroupId) {\n
\n\n@if (!isInSheetView) {\n \n {{ optionGroup().parameterTranslations?.columnOver }}\n {{ optionGroup().parameterTranslations?.columnUnder }}\n
\n } @else {\n \n {{ optionGroup().parameterTranslations?.columnYes }}\n @if (isOptionGroupHasTwoOptions()) {\n {{ optionGroup().parameterTranslations?.columnNo }}\n }\n
\n \n @if (isShowHeadshotImage()) {\n
\n @for (option of group.options; track option.id) {\n \n {{ group.attribute }}\n @if (isCrmMarketPromoted(group.optionGroupId, group.templateId)) {\n
\n \n
\n `,\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styleUrl: './option-pick-placeholder.component.scss',\n imports: [IconCustomComponent],\n})\nexport class OptionPickPlaceholderComponent {\n @HostBinding('class.empty-offline-odd')\n get applyEmptyOfflineClass(): boolean {\n return this.isEpcotEnabled;\n }\n\n isEpcotEnabled = this.epcotConfigService.isEnabled();\n constructor(private epcotConfigService: EpcotConfigService) {}\n}\n","\n @if (isEpcotEnabled) {\n
\n \n
\n} @else {\n \n
\n \n {{ overHeader }} {{ underHeader }}\n
\n \n \n } @else {\n \n } @else {\n
\n \n @if (isShowHeadshotImage) {\n
\n @if (optionLine.overOption) {\n \n {{ optionLine.playerName }}\n @if (showPlayerStats) {\n
\n \n \n \n \n \n \n \n
\n\n@if (showMoreLessButtonVisible) {\n \n}\n","import { NgClass, NgFor, NgIf, SlicePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnChanges, TrackByFunction } from '@angular/core';\n\nimport { OptionGroupType } from '@frontend/sports/betting-offer/feature/fixture-factories';\nimport { CrmPromoIdsMap, EventModel, EventOption, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { MarketGroupingConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\nimport { RxFor } from '@rx-angular/template/for';\n\nimport { SourceOfPick } from '../betslip-base/models/pick-models';\nimport { MarketHelpComponent } from './market-help/market-help.component';\nimport { OptionGroupService } from './option-group.service';\nimport { OptionComponent } from './option.component';\n\n// header is always 40px\n// each optionGroup is always 44px height\nconst headerHeight = 40;\nconst optionGroupHeight = 44;\nconst containerPadding = 14;\n\n@Component({\n selector: 'ms-score-market-option-group',\n templateUrl: './score-market-option-group.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgIf, MarketHelpComponent, NgClass, NgFor, RxFor, OptionComponent, SlicePipe, IconCustomComponent],\n})\nexport class ScoreMarketOptionGroupComponent implements OnChanges {\n @Input() event: EventModel;\n @Input() tracking: string;\n @Input() trackingModuleType = '';\n @Input() optionGroup: EventOptionGroup;\n @Input() showMarketHelp: boolean;\n @Input() crmPromoIdsMap: CrmPromoIdsMap;\n @Input() eventHelpText: string;\n @Input() groupType: OptionGroupType;\n @Input() sourceOfPick = SourceOfPick.Other;\n @Input() betDetails = '';\n @Input() optionsLimitOverride?: number;\n\n numberOfOptions: number;\n tupleClass: string;\n\n constructor(\n private optionGroupService: OptionGroupService,\n private marketGroupingConfig: MarketGroupingConfig,\n public sitecore: Sitecore,\n ) {}\n\n expanded = false;\n optionHeaders: string[];\n optionGroups: EventOption[][];\n showMoreLessButtonVisible = false;\n visibleOptionsLimit: number;\n minContainerHeight: number;\n threshold: number;\n\n gridClasses = new Map\n \n \n
\n {{ header }}
\n \n {{ group[0].marketAttribute }} {{ group[0].optionColumnName }}
\n \n
\n }\n {{ defaultStake() | msCurrency }} {{ symbol + ' ' + infoStakeReturnsText }}
\n {{ possibleReturn() | msCurrency }} {{ symbol }}
\n \n \n
\n} @else {\n \n}\n","import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, computed, inject, input } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\n\nimport { EventModel, EventOption, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { MarketGroupingConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { NativePriceCalculatorService } from '@frontend/sports/odds/feature/native-price-calculator';\nimport { OddsFormatConverterService } from '@frontend/sports/odds/feature/native-price-odds-format-converter';\nimport { BettingSettingsService, UserOddsFormatSettingsService, UserService } from '@frontend/sports/user/feature';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\nimport { combineLatest } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\nimport { SourceOfPick } from '../../betslip-base/models/pick-models';\nimport { OptionComponent } from '../option.component';\n\n@Component({\n selector: 'ms-scorecast-footer',\n templateUrl: './scorecast-footer.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgClass, OptionComponent, IconCustomComponent],\n})\nexport class ScorecastFooterComponent {\n private readonly userOddsFormatSettingsService = inject(UserOddsFormatSettingsService);\n\n activeEventOption = input\n \n
\n","import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';\n\nimport { EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { isDefined } from '@frontend/sports/common/core/utils/extended-types';\nimport { ISimpleChanges, changed } from '@frontend/sports/common/core/utils/simple-change';\nimport { interpolateDoubleBracesString } from '@frontend/sports/common/core/utils/string';\n\nimport { DropdownOption } from '../../dropdown/models';\nimport { MarketHelpComponent } from '../market-help/market-help.component';\nimport { MultiColumnDropdownComponent } from './multi-column-dropdown.component';\nimport { ScorecastFooterComponent } from './scorecast-footer.component';\nimport {\n ANY_OTHER_SCORE_OPTION_KEY,\n CLASS_LINE_SWITCHER_SWAP_DIALOG,\n EventDetailsType,\n MultiColumnDropdownOption,\n ScorecastStorageItem,\n} from './scorecast-option-group.model';\nimport { ScorecastWincastBaseComponent } from './scorecast-wincast-base.component';\n\n@Component({\n selector: 'ms-scorecast-option-group',\n templateUrl: './scorecast-option-group.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [MarketHelpComponent, MultiColumnDropdownComponent, ScorecastFooterComponent],\n})\nexport class ScorecastOptionGroupComponent extends ScorecastWincastBaseComponent implements OnChanges {\n @Input() marketTitle?: string;\n @Input() optionTitle?: string;\n @Input() override betDetails = '';\n\n options: MultiColumnDropdownOption[] = [];\n anyOtherOption: MultiColumnDropdownOption;\n selectedOption: DropdownOption;\n\n get warningMessage(): string {\n return this.messages.warningMessage\n ? interpolateDoubleBracesString(this.messages.warningMessage, {\n Market: this.selectedPlayer?.name || '-',\n Option: this.selectedOption?.name || '-',\n })\n : this.messages.warningMessageKey;\n }\n\n ngOnChanges(changes: ISimpleChanges\n
\n \n {{ marketTitle || messages.goalScorerTitle }}\n \n \n
\n \n {{ optionTitle || messages.scoreTitle }}\n \n \n
\n \n \n \n \n \n
\n\n@if (showMoreLessButtonVisible) {\n \n}\n","import { NgClass, NgFor, SlicePipe } from '@angular/common';\nimport { Component, Input, OnChanges } from '@angular/core';\n\nimport { CrmPromoIdsMap, EventModel, EventOption, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { MarketGroupingConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\n\nimport { SourceOfPick } from '../betslip-base/models/pick-models';\nimport { MarketHelpComponent } from './market-help/market-help.component';\nimport { OptionComponent } from './option.component';\n\n@Component({\n selector: 'ms-total-score-option-group',\n templateUrl: './total-score-option-group.component.html',\n standalone: true,\n imports: [MarketHelpComponent, NgFor, OptionComponent, NgClass, SlicePipe, IconCustomComponent],\n})\nexport class TotalScoreOptionGroupComponent implements OnChanges {\n @Input() event: EventModel;\n @Input() tracking: string;\n @Input() trackingModuleType = '';\n @Input() optionGroup: EventOptionGroup;\n @Input() showMarketHelp: boolean;\n @Input() crmPromoIdsMap: CrmPromoIdsMap;\n @Input() eventHelpText: string;\n @Input() sourceOfPick = SourceOfPick.Other;\n @Input() betDetails = '';\n @Input() optionsLimitOverride?: number;\n\n constructor(\n private marketGroupingConfig: MarketGroupingConfig,\n public sitecore: Sitecore,\n ) {}\n\n expanded = false;\n showMoreLessButtonVisible = false;\n visibleOptionsLimit: number | undefined;\n headerData: string[];\n\n ngOnChanges(): void {\n this.showMoreLessButtonVisible = this.optionGroup?.options.length > this.marketGroupingConfig.optionGroupRowsThreshold.TotalScore;\n this.calculateMaxNumberOfVisibleOptions();\n }\n\n trackOption(index: number, eventOption: EventOption): number {\n return eventOption.id;\n }\n\n onShowMoreLessButtonToggle(): void {\n this.expanded = !this.expanded;\n this.calculateMaxNumberOfVisibleOptions();\n }\n\n private calculateMaxNumberOfVisibleOptions(): void {\n this.visibleOptionsLimit = this.expanded\n ? undefined\n : (this.optionsLimitOverride ?? this.marketGroupingConfig.optionGroupRowsThreshold.TotalScore);\n }\n}\n","@if (showMarketHelp) {\n {{ group.name }}
\n \n
\n@if (!isInSheetView) {\n \n \n @for (header of headerData; track trackHeader) {\n {{ header }}\n }\n
\n @for (group of optionGroups | slice: 0 : visibleOptionsLimit ?? showMoreData.initialVisibleCount; track trackGroup) {\n \n \n @if (option) {\n \n }\n
\n }\n\n {{ group[0].player1 }}\n
\n @for (header of headerData; track trackHeader) {\n \n
\n }\n \n
\n \n
\n \n \n \n\n @for (group of optionGroups | slice: 0 : visibleOptionsLimit; track group.attribute) {\n
\n@if (!isInSheetView) {\n \n {{ optionGroup.parameterTranslations?.columnOver }}\n {{ optionGroup.parameterTranslations?.columnUnder }}\n
\n \n \n }\n
\n \n }\n\n \n }\n
\n @if (showPlayerStats) {\n \n
\n @for (option of group.options; track option.id) {\n \n
\n \n
\n \n @for (option of group.options; track $index) {\n @if (isShowHeadshotImage) {\n
\n @if (isCrmMarketPromoted(group.optionGroupId, group.templateId)) {\n \n
\n } @else {\n {{ option.name }}
\n {{ option.name }}
\n }\n }\n \n @for (option of optionGroup.options; track option.id) {\n \n }\n
\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { EventModel, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\n\nimport { SourceOfPick } from '../betslip-base/models/pick-models';\nimport { MarketHelpComponent } from './market-help/market-help.component';\nimport { OptionComponent } from './option.component';\n\n@Component({\n selector: 'ms-player-outcome-option-group',\n templateUrl: './player-outcome-option-group.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [MarketHelpComponent, OptionComponent],\n})\nexport class PlayerOutcomeOptionGroupComponent {\n @Input() event: EventModel;\n @Input() tracking: string;\n @Input() trackingModuleType = '';\n @Input() optionGroup: EventOptionGroup;\n @Input() showMarketHelp: boolean;\n @Input() crmPromotedOptionIdsMap: { [optionId: number]: number } = {};\n @Input() eventHelpText?: string;\n @Input() sourceOfPick = SourceOfPick.Other;\n @Input() betDetails = '';\n}\n","@if (showMarketHelp) {\n \n \n \n \n
\n@if (!isInSheetView) {\n \n
\n \n @if (showHeaders() && first) {\n \n } @else {\n @if (!isEpcotEnabled) {\n
\n }\n\n
\n }\n }\n\n
\n @for (leg of optionGroupLegs; track $index) {\n
\n\n\n \n {{ leg }}\n
\n }\n\n \n @if (isSuspended) {\n \n \n }\n \n
\n\n\n
\n }\n @if (!isSuspended) {\n \n @for (leg of marketLegs; track $index) {\n
\n\n\n \n {{ leg }}\n
\n }\n\n \n \n \n
\n\n@if (market.longIds?.length && showEditButton) {\n div'\">\n
\n","import { NgFor, NgIf, SlicePipe } from '@angular/common';\nimport { Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';\n\nimport { BetBuilderProvider } from '@cds/betting-offer/add-ons';\nimport { ResultState } from '@cds/betting-offer/domain-specific/bet-builder';\nimport { EventModel, EventOption, EventOptionGroup } from '@frontend/sports/betting-offer/feature/model';\nimport { BetBuilderConfig, MarketGroupingConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { hasValue } from '@frontend/sports/common/core/utils/extended-types';\n\nimport { BetBuilderButtonComponent } from '../betbuilder/components/button/betbuilder-button.component';\nimport { BetBuilderButtonSource } from '../betbuilder/model/bet-builder.model';\nimport { BetBuilderTrackingValues } from '../event-details/bet-builder-v2/bet-builder-tracking';\nimport { MarketHelpComponent } from './market-help/market-help.component';\nimport { OptionGroupRendererDirective } from './option-group-renderer.directive';\nimport { OptionGroupService } from './option-group.service';\nimport { OptionPanelBottomActionComponent, OptionPanelBottomActionState, ShowMoreData } from './option-panel-bottom-action.component';\nimport { PrecreatedBabTrackingService } from './precreated-bab-tracking.service';\nimport { BetBuilderMarket, BetBuilderOptionGroup, Option, PrecreatedBetBuilderModel } from './precreated-bet-builder.model';\nimport { isOptionVisible } from './precreated-group-option-utils';\nimport { PrecreatedGroupOptionComponent } from './precreated-group-option.component';\nimport { PrecreatedOptionComponent } from './precreated-option.component';\nimport { SHEET_VIEW_OPEN } from './sheet.token';\n\n@Component({\n selector: 'ms-precreated-bab-option',\n templateUrl: './precreated-bab-option.component.html',\n standalone: true,\n imports: [\n NgIf,\n NgFor,\n SlicePipe,\n MarketHelpComponent,\n OptionGroupRendererDirective,\n PrecreatedOptionComponent,\n PrecreatedGroupOptionComponent,\n BetBuilderButtonComponent,\n OptionPanelBottomActionComponent,\n ],\n})\nexport class PrecreatedBabOptionComponent implements OnInit, OnChanges {\n readonly isInSheetView = Boolean(inject(SHEET_VIEW_OPEN, { optional: true }));\n\n @Input() showMarketHelp = false;\n\n @Input() event: EventModel;\n @Input() optionGroup: EventOptionGroup;\n @Input() options: EventOption[];\n @Input() fixtureId: string;\n @Input() tabChanged = false;\n @Input() showMoreCounter = false;\n @Input() optionsLimitOverride?: number;\n @Input() buttonSource?: BetBuilderButtonSource;\n @Input() tracking?: string;\n @Input() trackingModuleType = '';\n @Input() betBuilderEpcotEnabled = false;\n @Input() hideBetBuilderButton = false;\n @Input() showAll = false;\n\n @Output() showAllRequested = new EventEmitter\n
\n \n \n @for (tab of babTabs; track $index) {\n \n \n \n {{ tab.title }}\n @if (tab.count) {\n \n {{ tab.count }}\n \n }\n \n \n \n }\n \n
\n}\n{{ participant.name.value }}
\n {{ vm.options[participant.id]!.price | msExternalPriceFormatter }}
\n \n
\n \n @if (more) {\n {{ this.sitecore.event.ShowMore }}
\n }\n \n \n
\n","import { NgIf } from '@angular/common';\nimport { Component, OnChanges } from '@angular/core';\n\nimport { ISimpleChanges, changed } from '@frontend/sports/common/core/utils/simple-change';\nimport { interpolateDoubleBracesString } from '@frontend/sports/common/core/utils/string';\n\nimport { DropdownOption } from '../../../dropdown/models';\nimport { MarketHelpComponent } from '../../market-help/market-help.component';\nimport { MultiColumnDropdownComponent } from '../multi-column-dropdown.component';\nimport { ScorecastFooterComponent } from '../scorecast-footer.component';\nimport { EventDetailsType } from './../scorecast-option-group.model';\nimport { ScorecastWincastBaseComponent } from './../scorecast-wincast-base.component';\n\n@Component({\n selector: 'ms-wincast-two-way-scorer-option-group',\n templateUrl: './wincast-two-way-scorer-option-group.component.html',\n standalone: true,\n imports: [NgIf, MarketHelpComponent, MultiColumnDropdownComponent, ScorecastFooterComponent],\n})\nexport class WincastTwoWayScorerOptionGroupComponent extends ScorecastWincastBaseComponent implements OnChanges {\n get warningMessage(): string {\n return this.messages.warningMessageForWinCastTwoway\n ? interpolateDoubleBracesString(this.messages.warningMessageForWinCastTwoway, {\n Market: this.selectedPlayer?.name!,\n })\n : this.messages.warningMessageForWinCastTwowayKey;\n }\n\n ngOnChanges(changes: ISimpleChanges\n
\n \n {{ messages.goalScorerTitle }}\n \n \n
\n \n @switch (groupType) {\n @case (groupTypes.PlayerCombined) {\n
\n