\n ![]()
\n @if (promotion.details.heroImageUrl) {\n ![]()
\n }\n
\n }\n \n\n \n
\n}\n","import { Component, Input } from '@angular/core';\n\nimport { Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { TrackingSource } from '@frontend/sports/tracking/feature';\nimport { CrmPromotionsBanners } from '@frontend/sports/types/components/sitecore';\n\nimport { OfferStatus, Promotion } from '../crm-offer-data/crm-offer.model';\nimport { OfferStatusService } from './offer-status.service';\nimport { CTALocation, CrmPromotionTracking } from './tracking.service';\n\n@Component({\n selector: 'ms-crm-promotion-banner-more-info',\n templateUrl: './banner-more-info.component.html',\n styleUrl: './banner-more-info.component.scss',\n})\nexport class BannerMoreInfoComponent {\n tncVisible = true;\n offersStatusEnum = OfferStatus;\n translation: CrmPromotionsBanners;\n\n @Input() promotion: Promotion;\n @Input() tracking?: TrackingSource;\n\n constructor(\n public sitecore: Sitecore,\n private offerStatusService: OfferStatusService,\n private trackingService: CrmPromotionTracking,\n ) {\n this.translation = sitecore.crmPromotionsBanners;\n }\n\n toggleTnc(): void {\n this.tncVisible = !this.tncVisible;\n }\n\n onButtonClick(event: Event): void {\n event.stopPropagation();\n\n this.trackingService.trackCTA({\n promotion: this.promotion,\n trackingSource: this.tracking?.source,\n ctaLocation: CTALocation.MoreDetails,\n position: this.tracking?.position,\n });\n\n this.offerStatusService.setOfferStatus(this.promotion).subscribe((response) => {\n this.promotion.status = response;\n });\n }\n}\n","import { Injectable } from '@angular/core';\n\nimport { ApiService } from '@frontend/sports/common/api-utils';\nimport { ModalDialogService, ModalRef } from '@frontend/sports/modal/feature';\nimport { TrackingSource } from '@frontend/sports/tracking/feature';\nimport { LocalStoreService } from '@frontend/vanilla/core';\nimport { firstValueFrom } from 'rxjs';\n\nimport { Promotion } from '../crm-offer-data/crm-offer.model';\nimport { CampaignDetails } from '../crm-offer-data/crm-offer.server.model';\nimport { BannerMoreInfoComponent } from './banner-more-info.component';\nimport { CrmPromotionFactory } from './crm-promotion.factory';\n\n@Injectable({ providedIn: 'root' })\nexport class BannerService {\n private dialog: ModalRef;\n storageKey = 'promoBanner';\n\n constructor(\n private crmPromotionFactory: CrmPromotionFactory,\n private apiService: ApiService,\n private localStorage: LocalStoreService,\n private modalDialogService: ModalDialogService,\n ) {}\n\n async loadBannerDetails(promotion: Promotion): Promise\n \n
\n @if (tncVisible) {\n \n }\n \n {{ translations.MoreInfo }}\n
\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostBinding, Input, Output, inject } from '@angular/core';\n\nimport { CrmConfig, Sitecore } from '@frontend/sports/common/client-config-data-access';\nimport { TrackingSource } from '@frontend/sports/tracking/feature';\nimport { CrmPromotionsBanners } from '@frontend/sports/types/components/sitecore';\nimport { UserService } from '@frontend/sports/user/feature';\nimport { WINDOW } from '@frontend/vanilla/core';\n\nimport { Promotion } from '../crm-offer-data/crm-offer.model';\nimport { BannerService } from './banner.service';\nimport { OfferStatusService } from './offer-status.service';\nimport { PromotionStatusButtonComponent } from './promotion-status-button.component';\nimport { CTALocation, CrmPromotionTracking } from './tracking.service';\n\n@Component({\n selector: 'ms-promotion-status-button-wrapper',\n templateUrl: 'promotion-status-button-wrapper.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [PromotionStatusButtonComponent],\n})\nexport class PromotionStatusButtonWrapperComponent {\n translations: CrmPromotionsBanners;\n\n @Input() promotion: Promotion;\n @Input() tracking?: TrackingSource;\n @Output() detailsPopupChange = new EventEmitter\n \n
\n \n {{ title }}\n
\n {{ count }}
\n \n
\n \n {{ title() }}\n \n @if (subtitle()) {\n {{ subtitle() }}\n }\n @if (subtext()) {\n {{ subtext() }}\n }\n
\n }\n \n
\n `,\n styleUrl: './list-item.component.scss',\n host: {\n 'class': 'ds-list-item',\n '[class.ds-list-item-inverse]': 'inverse()',\n '[class]': '\"ds-list-item-\" + size()',\n '[attr.role]': '_role()',\n '[class.ds-list-item-interactive]': 'interactive()',\n '[class.ds-list-item-selected]': 'selected()',\n '[attr.aria-selected]': 'selectable() ? selected() : null',\n '[attr.tabindex]': '(interactive() && listGroup) ? tabIndex() : null',\n '(click)': 'handleClick()',\n '(focus)': 'handleFocus()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DsListItem implements FocusableOption {\n title = input.required\n \n {{ count }}\n \n }\n @if (arrow) {\n
\n \n \n
\n\n \n @if (sportsIcon) {\n ![]()
\n } @else if (icon) {\n \n }\n
\n @if (isMiniCarouselLayout) {\n \n
\n } @else {\n \n @if (leagueIcon) {\n \n }\n @if (leagueTitle) {\n {{ leagueTitle }}\n }\n
\n \n @if (title) {\n {{ title }}\n }\n
\n @if (count) {\n {{ sitecore.event.Live }}
\n }\n {{ count }}
\n }\n @if (arrow) {\n - \n
- \n
\n \n
{{ title }}
\n \n \n @if (contentModel.buttons.length && isDesignSystem) {\n \n } @else {\n \n }\n
\n","import { NgClass } from '@angular/common';\nimport { AfterViewInit, Component, Input } from '@angular/core';\n\nimport { TrackingService, TrackingType, trackingConstants } from '@frontend/sports/tracking/feature';\nimport { DsButton } from '@frontend/ui/button';\n\nimport { ActiveModal } from '../common/modal-ref';\nimport { IConfirmationDialogButton, IConfirmationDialogComponentModel } from './confirmation-dialog.model';\n\n@Component({\n selector: 'ms-confirmation-dialog',\n templateUrl: './confirmation-dialog.html',\n standalone: true,\n imports: [NgClass, DsButton],\n})\nexport class ConfirmationDialogComponent implements AfterViewInit {\n @Input() contentModel: IConfirmationDialogComponentModel;\n\n get isDesignSystem(): boolean {\n return this.contentModel.buttons.every((b) => b.buttonConfig);\n }\n\n constructor(\n private activeModal: ActiveModal,\n private trackingService: TrackingService,\n ) {}\n\n ngAfterViewInit(): void {\n if (this.contentModel.tracking) {\n switch (this.contentModel.tracking.type) {\n case TrackingType.PageName:\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n this.trackingService.track(this.contentModel.tracking.name, this.contentModel.tracking.data || {});\n break;\n case TrackingType.Referring:\n this.trackingService.update({ [trackingConstants.PAGE_REFERRING_ACTION]: this.contentModel.tracking.name });\n break;\n }\n }\n }\n\n handleClick(button: IConfirmationDialogButton): void {\n this.activeModal.close(button.buttonType);\n }\n}\n","import { Injectable } from '@angular/core';\n\nimport { ModalRef } from '../common/modal-ref';\nimport { ConfirmationDialogComponent } from './confirmation-dialog.component';\nimport { IConfirmationDialogInput, IConfirmationDialogModel } from './confirmation-dialog.model';\nimport { DialogSettings } from './modal-dialog.model';\nimport { ModalDialogService } from './modal-dialog.service';\n\n@Injectable({ providedIn: 'root' })\nexport class ConfirmationDialogService {\n constructor(private modalDialogService: ModalDialogService) {}\n\n showDialog(model: IConfirmationDialogModel): ModalRef {\n const confirmationDialogCssClass = 'confirmation-dialog';\n\n const input: IConfirmationDialogInput = {\n contentModel: model,\n };\n\n const settings: DialogSettings = {\n showDialogHeader: true,\n hideCloseButton: true,\n title: model.title,\n cssClass: [confirmationDialogCssClass, model.cssClass || ''].join(' '),\n isModalDialog: false,\n };\n if (model.backdropClass) {\n settings.backdropClass = model.backdropClass;\n }\n\n return this.modalDialogService.openDialog(ConfirmationDialogComponent, { data: input, settings });\n }\n}\n","import { InjectionToken, inject } from '@angular/core';\n\nimport { NonRootToken } from '@frontend/sports/host-app/sports-product/feature/non-root-token';\n\nimport { SportsTheme } from './themes';\n\nexport const CURRENT_THEME_TOKEN = new InjectionToken- \n
- \n
\n \n \n \n\n \n \n
\n
\n","import { InjectionToken, Provider } from '@angular/core';\n\nexport type DsSegmentedControlOptions = {\n /*\n * Whether the control should take up the full width of the container.\n */\n fullWidth: boolean;\n};\n\nconst DEFAULT_SC_OPTIONS: DsSegmentedControlOptions = {\n fullWidth: false,\n};\n\nexport const SEGMENTED_CONTROL_OPTIONS_TOKEN = new InjectionToken\n
\n \n\n
\n\n {{ sitecore.earlyPayoutV2.Title }}
\n \n
\n \n
{{ sitecore.earlyPayoutV2.ActivationCondition1 }}
\n \n
\n \n
{{ sitecore.earlyPayoutV2.ActivationCondition2 }}
\n \n
\n \n
{{ sitecore.earlyPayoutV2.ActivationCondition3 }}
\n \n \n @for (option of options(); track option.name) {\n \n \n @if (option.customTemplate) {\n
\n }\n \n\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n ContentChildren,\n DestroyRef,\n ElementRef,\n EventEmitter,\n Injector,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n Output,\n QueryList,\n Renderer2,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewChildren,\n ViewEncapsulation,\n booleanAttribute,\n computed,\n effect,\n inject,\n signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { rxHostPressedListener } from '@frontend/ui/rx-host-listener';\n\nimport { SEGMENTED_CONTROL_OPTIONS_TOKEN } from './segmented-control.token';\n\n@Component({\n selector: 'ds-segmented-option',\n template: ` \n
\n","import { NgClass } from '@angular/common';\nimport { AfterViewInit, Component, ElementRef, NgZone, OnDestroy, ViewChild, effect, inject, input } from '@angular/core';\n\nimport { DsArrow } from '@frontend/ui/arrow';\nimport { RxStrategyProvider } from '@rx-angular/cdk/render-strategies';\nimport Swiper from 'swiper';\nimport { Autoplay, Navigation, Pagination } from 'swiper/modules';\nimport { SwiperModule, SwiperOptions } from 'swiper/types';\nimport { NavigationOptions } from 'swiper/types/modules/navigation';\nimport { PaginationOptions } from 'swiper/types/modules/pagination';\n\n@Component({\n standalone: true,\n selector: 'vn-swiper',\n templateUrl: 'swiper.html',\n imports: [NgClass, DsArrow],\n})\nexport class SwiperComponent implements AfterViewInit, OnDestroy {\n private ngZone = inject(NgZone);\n private strategy = inject(RxStrategyProvider);\n\n @ViewChild('swiperContainer') swiperRef: ElementRef;\n\n private readonly defaultOptions: SwiperOptions = {\n modules: [],\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n pagination: {\n clickable: true,\n el: '.swiper-pagination',\n type: 'bullets',\n },\n };\n\n showPagination = input\n
\n @if (showPagination()) {\n @if (swiperOptions().pagination) {\n \n }\n @if (swiperOptions().navigation) {\n \n
\n \ntext
\n *