\n
\n {{ model.title }}
\n \n \n
\n}\n","import { AsyncPipe, NgOptimizedImage } from '@angular/common';\nimport { Component, DestroyRef, EventEmitter, HostBinding, Input, OnInit, Output, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { BannersConfig } from '@frontend/sports/common/client-config-data-access';\nimport { ScrollAdapterComponent } from '@frontend/sports/common/core/feature/scroll-adapter';\nimport { CasinoGameViewModel, SportsGamesBannerViewModel } from '@frontend/sports/types/components/banners/models';\nimport { UserService } from '@frontend/sports/user/feature';\nimport { DeviceService, WINDOW } from '@frontend/vanilla/core';\nimport { IconCustomComponent } from '@frontend/vanilla/shared/icons';\nimport { KycStatus, KycStatusService } from '@frontend/vanilla/shared/kyc';\nimport { Observable } from 'rxjs';\n\nimport { ArcRestrictionService } from '../arc/arc-restriction.service';\nimport { GeolocationCheckService } from '../geo-location/geo-location-check.service';\nimport { RedirectHelperService } from '../navigation-core/redirect-helper.service';\nimport { UrlHelperService } from '../navigation-core/url-helper.service';\nimport { BannerTrackingService } from './banner-tracking.service';\nimport { BannersService } from './banners.service';\nimport { GamesService } from './games.service';\n\n@Component({\n selector: 'ms-banner-games',\n templateUrl: 'banner-games.component.html',\n standalone: true,\n imports: [IconCustomComponent, ScrollAdapterComponent, NgOptimizedImage, AsyncPipe],\n})\nexport class BannerGamesComponent implements OnInit {\n @Input() model: SportsGamesBannerViewModel;\n @Input() position = '';\n @Output() bannerDataLoaded = new EventEmitter\n \n @for (game of games; track game.game; let index = $index) {\n \n
\n \n \n ![]()
\n \n
\n }\n \n
\n {{ model.title }}
\n \n
\n\n \n \n
\n \n ![]()
\n
\n