{{ jackpotValue.jackpotGroupName }}
\n \n\n\n
\n{{ jackpotValue.amount }}
\n \n\n
\n","import { LowerCasePipe, NgIf } from '@angular/common';\nimport { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';\n\nimport { ConfigProviderService, JackpotDataService, UrlUtilityService } from '@casinocore/platform/core';\nimport { DynamicHtmlDirective, TimerService } from '@frontend/vanilla/core';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'cc-opt-teaser-textposition',\n templateUrl: 'opt-teaser-textPosition.component.html',\n standalone: true,\n imports: [NgIf, DynamicHtmlDirective, LowerCasePipe],\n})\nexport class OptTeaserTextPositionComponent implements OnInit, OnChanges, OnDestroy {\n @Input() teaser: any;\n @Input() teaserTitle: string;\n @Input() teaserSubTitle: string;\n @Input() verticalPosition: string;\n @Input() teaserVerticalPosition: string;\n jackpotHandle: Subscription;\n jackpotValue: any = {};\n incrementTickingForJackpotOnGameTiles: any = 1;\n JackpotData: any;\n tickingInterval: any;\n isJackpot: boolean;\n\n constructor(\n private configProviderService: ConfigProviderService,\n private jackpot: JackpotDataService,\n private timerService: TimerService,\n private urlUtilityService: UrlUtilityService,\n ) {}\n\n ngOnInit() {\n if (this.teaser && this.teaser.displayJackpotOnTeaser && this.teaser.jackpotValue && this.teaser.jackpotValue.data.metadata.id.itemName) {\n this.isJackpot = this.teaser.displayJackpotOnTeaser;\n this.setJackPotValue();\n this.subscribtToJackpotFeed();\n }\n }\n\n ngOnChanges() {\n this.JackpotData = this.configProviderService.provideJackpotConfig();\n }\n\n subscribtToJackpotFeed() {\n this.jackpotHandle = this.jackpot.jackpotFeedObservable.subscribe(() => {\n this.setJackPotValue();\n });\n }\n\n setJackpotTickers() {\n const optimizedTeaserClientConfig: any = this.configProviderService.provideOptimizedTeaserConfig();\n if (this.jackpotValue && optimizedTeaserClientConfig.enableTickingForJackpotOnTeasers) {\n clearInterval(this.tickingInterval);\n this.tickingInterval = this.timerService.setIntervalOutsideAngularZone(() => {\n if (!this.urlUtilityService.getAppCurrentProduct()) return;\n this.jackpotTicking();\n }, 1500);\n }\n }\n\n setJackPotValue() {\n if (this.teaser && this.teaser.jackpotValue && this.teaser.jackpotValue.data.metadata.id.itemName) {\n const jackpotGroupName: string = decodeURI(this.teaser.jackpotValue.data.metadata.id.itemName);\n this.jackpotValue = this.jackpot.getJackpotByGroupName(jackpotGroupName.toLowerCase());\n if (this.jackpotValue) {\n this.setJackpotTickers();\n }\n }\n }\n\n jackpotTicking() {\n const globalClientConfig = this.configProviderService.provideGlobalConfig();\n let currency: any = '';\n let valueStr = this.jackpotValue.amount;\n if (valueStr) {\n valueStr = valueStr.replace(/\\ /g, '');\n const initialcurrency = valueStr.match(/[^\\d\\.\\,\\s]/g);\n if (initialcurrency && initialcurrency.length > 0) {\n for (let i = 0; i < initialcurrency.length; i++) {\n currency = currency + initialcurrency[i];\n }\n currency = currency.replace(/\\,/g, '');\n currency = currency.replace(/\\./g, '');\n }\n valueStr = valueStr.replace(/\\ /g, '');\n valueStr = valueStr.replace(/\\,/g, '');\n valueStr = valueStr.replace(/\\./g, '');\n valueStr = valueStr.replace(currency, '');\n valueStr = valueStr.replace(/\\s/g, '');\n valueStr = valueStr.match(/\\b[\\d, ]+\\b/g)[0];\n if (valueStr.length > 2) {\n const realpart = valueStr.slice(0, valueStr.length - 2);\n const decimalpart = valueStr.slice(-2);\n valueStr = realpart + '.' + decimalpart;\n }\n let jackpotTickValue: any = parseFloat(valueStr.replace(/,/g, ''));\n if (globalClientConfig.lobbyConfigurations.IncrementTickingForJackpotOnGameTiles) {\n this.incrementTickingForJackpotOnGameTiles = +globalClientConfig.lobbyConfigurations.IncrementTickingForJackpotOnGameTiles;\n }\n jackpotTickValue = jackpotTickValue + this.incrementTickingForJackpotOnGameTiles * 0.01;\n jackpotTickValue = this.formatcurrency(jackpotTickValue.toFixed(2));\n if (this.JackpotData && this.JackpotData.showJackpotCurrencyOnRight) {\n jackpotTickValue = jackpotTickValue.replace(/[,.]/g, (m: any) => (m === ',' ? '.' : ','));\n this.jackpotValue.amount = jackpotTickValue + ' ' + currency + '.';\n } else {\n this.jackpotValue.amount = currency + ' ' + jackpotTickValue;\n }\n }\n }\n\n formatcurrency(value: any) {\n const inputarr = value.toString().split('.');\n const realpart = inputarr[0];\n const decimalpart = inputarr[1];\n let amt = '';\n for (let i = realpart.length; i > 0; i = i - 3) {\n if (i - 3 > 0) {\n amt = ',' + realpart.substring(i - 3, i) + amt;\n } else {\n amt = realpart.substring(0, i) + amt;\n }\n }\n return amt + '.' + decimalpart;\n }\n\n ngOnDestroy() {\n if (this.jackpotHandle) this.jackpotHandle.unsubscribe();\n }\n}\n","\n \n\n","import { LowerCasePipe, NgClass, NgIf } from '@angular/common';\nimport { Component, Input, OnInit, computed } from '@angular/core';\n\nimport {\n CasinoCoreGamelaunchService,\n CasinoIFrameOverlayService,\n CasinoManager,\n CasinoWidgetService,\n ConfigProviderService,\n DesignSystemEnablerService,\n GameLaunch,\n GameLaunchPlaces,\n GameLaunchTrackingService,\n GameManagerService,\n NativeAppHelperService,\n OptimizedTeaserManager,\n VCClientService,\n} from '@casinocore/platform/core';\nimport { DecoratorClassDirective, GameTileCtaComponent } from '@frontend/casino-ui';\nimport { DeviceService, NativeAppService, NavigationService, TrackingService, UserService } from '@frontend/vanilla/core';\nimport { TrustAsHtmlPipe } from '@frontend/vanilla/shared/browser';\nimport { SwiperComponent } from '@frontend/vanilla/shared/swiper';\n\nimport { OptTeaserBgImageComponent } from './opt-teaser-bg-image.component';\nimport { OptTeaserTextPositionComponent } from './opt-teaser-textPosition.component';\n\nenum ClickEventType {\n Teaser,\n PrimaryCTA,\n SecondaryCTA,\n Terms,\n}\n\n@Component({\n selector: 'cc-opt-mini-teaser-item',\n templateUrl: 'opt-mini-teaser-item.component.html',\n standalone: true,\n imports: [\n NgClass,\n OptTeaserBgImageComponent,\n OptTeaserTextPositionComponent,\n NgIf,\n LowerCasePipe,\n TrustAsHtmlPipe,\n SwiperComponent,\n GameTileCtaComponent,\n DecoratorClassDirective,\n ],\n})\nexport class OptMiniTeaserItemComponent implements OnInit {\n @Input() teaserCategory: string;\n @Input() teasersSource: any;\n @Input() lobbyType: string;\n @Input() gameContainer: string;\n @Input() teaserIndex: number;\n clickEventTypes = ClickEventType;\n isTouch: boolean;\n isNewSportsNative: boolean;\n miniTeaserItem: any;\n isOptTeaserPhase3: boolean;\n horizontalPosition: string = '';\n customClass: string = '';\n termsTextPosition: string = '';\n desktopViewTeaserHeight: number;\n teaserDefaultContentBg: string = '';\n teaserLaunchRealtiveUri: string = '';\n verticalPosition: string = '';\n iconBasedHeight: number;\n enableEpcotSubNavigation: boolean;\n isLegacy: boolean = false;\n isImageOptimisationEnabled: boolean = false;\n\n readonly deviceType = computed(() => {\n const width = this.deviceService.windowWidth();\n if (width <= 480) {\n return 'Mobile';\n }\n if (width < 1023) {\n return 'Tablet';\n }\n return 'Desktop';\n });\n\n constructor(\n private configProviderService: ConfigProviderService,\n private casinoManager: CasinoManager,\n private vcClientService: VCClientService,\n private optimizedTeaserManager: OptimizedTeaserManager,\n private navigationService: NavigationService,\n private userService: UserService,\n private trackingService: TrackingService,\n private nativeAppService: NativeAppService,\n private nativeAppHelperService: NativeAppHelperService,\n private casinoWidgetService: CasinoWidgetService,\n private gameLaunchService: CasinoCoreGamelaunchService,\n private gameLaunchPlaces: GameLaunchPlaces,\n private casinoIFrameOverlayService: CasinoIFrameOverlayService,\n private gameLaunchTrackingService: GameLaunchTrackingService,\n private deviceService: DeviceService,\n private designSystemEnablerService: DesignSystemEnablerService,\n private gameManagerService: GameManagerService,\n ) {}\n\n ngOnInit() {\n this.miniTeaserItem = this.teasersSource;\n const subnavConfig: any = this.configProviderService.provideSubNavigationConfig();\n const globalTeaserSettings: any = this.optimizedTeaserManager.getGlobalTeaserSettings();\n const optimizedTeaserClientConfig: any = this.configProviderService.provideOptimizedTeaserConfig();\n this.isTouch = this.casinoManager.isTouch();\n this.isNewSportsNative =\n this.nativeAppService.isNativeApp && (this.nativeAppService.product === 'SPORTSBOOK' || this.nativeAppService.product === 'BETTING');\n this.teaserLaunchRealtiveUri = '/' + this.configProviderService.provideMcPageConfig().labelPrefix + '/launchng/';\n this.teaserDefaultContentBg = globalTeaserSettings.sharedList.teaserDefaultContentBg || '';\n const teaserDefaultTextHorizontalPosition: any =\n globalTeaserSettings.sharedList.teaserDefaultTextHorizontalPosition || optimizedTeaserClientConfig.teaserDefaultHorizontalAlignment;\n this.horizontalPosition =\n this.miniTeaserItem.textHorizontalPosition != 'Default'\n ? this.miniTeaserItem.textHorizontalPosition\n : teaserDefaultTextHorizontalPosition;\n const teaserDefaultTextVerticalPosition: any =\n globalTeaserSettings.sharedList.teaserDefaultTextVerticalPosition || optimizedTeaserClientConfig.teaserDefaultVerticalAlignment;\n this.verticalPosition =\n this.miniTeaserItem.textVerticalPosition != 'Default' ? this.miniTeaserItem.textVerticalPosition : teaserDefaultTextVerticalPosition;\n this.termsTextPosition =\n globalTeaserSettings.sharedList.teaserDefaultTermsTextPosition || optimizedTeaserClientConfig.teaserDefaultTermsTextAlignment;\n this.isOptTeaserPhase3 = ['hydrogen', 'lithium'].includes(globalTeaserSettings?.sharedList?.teaserType?.toLowerCase());\n this.customClass = this.miniTeaserItem.htmlClasses || this.miniTeaserItem.data.metadata.id.itemName;\n this.desktopViewTeaserHeight = optimizedTeaserClientConfig.desktopViewTeaserHeight;\n this.iconBasedHeight = [1, 2].includes(this.miniTeaserItem?.iconTileCode) ? this.desktopViewTeaserHeight / 2 : this.desktopViewTeaserHeight;\n this.enableEpcotSubNavigation = subnavConfig.enableEpcotSubNavigation;\n this.isLegacy = !this.designSystemEnablerService.isEnabled();\n this.isImageOptimisationEnabled = optimizedTeaserClientConfig.isImageOptimisationEnabled;\n }\n\n private trackEvent(url?: string) {\n this.trackingService.triggerEvent('Event.Clicks', {\n 'component.CategoryEvent': 'Teaser_Banners',\n 'component.LabelEvent': this.miniTeaserItem.data.metadata.id.itemName,\n 'component.PositionEvent': 'Teaser_' + this.miniTeaserItem.index,\n 'component.LocationEvent': 'sub_Teaser',\n 'component.ActionEvent': 'Teaser - Click',\n 'component.EventDetails': 'User taps on teasers',\n 'component.URLClicked': url || '',\n });\n }\n\n private isGameUrl(link: string) {\n return link.indexOf(this.teaserLaunchRealtiveUri) > 0;\n }\n\n private track(where: any, what: any, isUrl: any) {\n this.trackingService.updateDataLayer({\n 'page.name': 'mcTeasers',\n 'event': 'pageView',\n 'page.url': '?source=' + where + '&' + (isUrl ? 'href=' : 'gameId=') + what,\n });\n }\n\n private trackGameLaunch(gameLaunchInfo: any, isUrl: boolean, bannerPos: any) {\n let gameType = '';\n let gameTrackingObj: any = {};\n if (isUrl) {\n const launchUrlIndex: number = gameLaunchInfo.indexOf(this.teaserLaunchRealtiveUri);\n if (launchUrlIndex > 0) {\n const gameId: any = gameLaunchInfo.substr(launchUrlIndex + this.teaserLaunchRealtiveUri.length);\n const gameData: any = this.gameManagerService.getGameInfo(gameId);\n if (!gameData.isDataNotAvailable) {\n gameType = gameData?.launchType || '';\n const gameDisplayName = gameData?.title || '';\n gameTrackingObj = {\n name: gameId,\n type: gameType,\n position: bannerPos,\n section: 'Teaser',\n displayName: gameDisplayName,\n };\n }\n }\n } else {\n gameTrackingObj = {\n name: gameLaunchInfo,\n type: gameType,\n position: 1,\n section: '',\n };\n }\n if (Object.keys(gameTrackingObj).length > 0) {\n this.gameLaunchTrackingService.track(gameTrackingObj);\n }\n }\n\n private getGameId(link: string) {\n return this.isGameUrl(link) ? link.substring(link.indexOf(this.teaserLaunchRealtiveUri) + this.teaserLaunchRealtiveUri.length) : undefined;\n }\n\n private launchVCGame(link: string, bannerPos: any) {\n if (this.isGameUrl(link)) {\n const gameId = this.getGameId(link);\n const game = { gameId: gameId };\n const gameLaunchModel = new GameLaunch();\n gameLaunchModel.game = game;\n gameLaunchModel.isTouch = this.isTouch;\n gameLaunchModel.gamePosition = Number(bannerPos);\n gameLaunchModel.categoryType = 'OptimisedMiniTeaser';\n gameLaunchModel.from = 'OptimisedMiniTeaser';\n this.vcClientService.handleVCGameLaunch(gameLaunchModel, false);\n }\n }\n\n private launchNativeGame(link: string, bannerPos: any) {\n if (this.isGameUrl(link)) {\n const gameId = this.getGameId(link);\n const params = { gameId: gameId, skipUnfinGame: false };\n const game = { gameId: gameId };\n const gameLaunchModel = new GameLaunch();\n gameLaunchModel.game = game;\n gameLaunchModel.isTouch = this.isTouch;\n gameLaunchModel.gamePosition = Number(bannerPos);\n gameLaunchModel.categoryType = 'OptimisedTeaser';\n gameLaunchModel.from = 'OptimisedTeaser';\n this.nativeAppHelperService.handleNativeGameLaunch(params, gameLaunchModel);\n }\n }\n\n private handleClick(actionUrl: string, attributes: any) {\n const options = { skipLoadingIndicator: actionUrl.substr(actionUrl.length - 4, 4).toLowerCase() !== '.apk' };\n const gameId = this.getGameId(actionUrl);\n if (this.configProviderService.provideGameConfig().nativeGameLaunchEnabled && gameId) {\n this.launchNativeGame(actionUrl, this.teaserIndex + 1);\n return;\n }\n if (gameId) {\n let gameHref: string = (' ' + actionUrl).slice(1);\n if (this.configProviderService.provideAdvanceGameDataConfig().enableAdvanceGameData) {\n gameHref = this.gameLaunchService.appendQueryString(actionUrl, 'adv_parentcat', 'Teaser');\n gameHref = this.gameLaunchService.appendQueryString(gameHref, 'adv_pos', String(this.teaserIndex));\n }\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n if (this.isTouch) {\n if (this.casinoWidgetService.isCasinoWidget() && gameId) {\n const postData: any = {\n promptLogin: !this.userService.isAuthenticated,\n redirectUrl: gameHref,\n redirectOptions: this.userService.isAuthenticated\n ? { showSpinnerForExternalNavigation: options.skipLoadingIndicator }\n : null,\n };\n this.casinoWidgetService.postMessageToParent('UserAction', postData);\n return;\n } else if (this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n let redirectPlayUrl: string = gameHref;\n redirectPlayUrl = this.gameLaunchService.appendQueryString(\n redirectPlayUrl,\n 'invokerProduct',\n this.casinoWidgetService.getWidgetProduct(),\n );\n if (this.userService.isAuthenticated) {\n redirectPlayUrl = this.gameLaunchService.appendQueryString(redirectPlayUrl, 'returnurl', document.referrer);\n redirectPlayUrl = this.gameLaunchService.appendQueryString(redirectPlayUrl, 'widgetGameLaunch', 'true');\n }\n const postData: any = {\n promptLogin: !this.userService.isAuthenticated,\n redirectUrl: redirectPlayUrl,\n };\n this.casinoWidgetService.postMessageToParent('UserAction', postData);\n return;\n }\n } else {\n if (this.casinoWidgetService.isCasinoWidget()) {\n gameHref = this.gameLaunchService.appendQueryString(gameHref, 'widgetHomeUrl', document.referrer);\n this.casinoWidgetService.postMessageToParent('UserAction', {\n promptLogin: !this.userService.isAuthenticated,\n redirectUrl: gameHref,\n });\n return;\n }\n }\n } else {\n const gameInfo: any = this.gameManagerService.getGameInfo(gameId);\n this.isTouch = this.casinoManager.isTouch();\n if (gameInfo) {\n gameInfo.gameId = gameId;\n const gameModel = new GameLaunch();\n gameModel.game = gameInfo;\n gameModel.isTouch = this.isTouch;\n gameModel.gamePosition = this.teaserIndex;\n gameModel.categoryType = this.teaserCategory;\n gameModel.from = 'q';\n gameModel.replaceRouteInHistory = false;\n gameModel.isDemoLaunch = false;\n gameModel.skipUnfinGame = false;\n gameModel.gameLaunchedFrom = this.gameLaunchPlaces.teaser;\n gameModel.gridPosition = 1;\n gameModel.gameContainer = this.gameContainer;\n gameModel.game.lobbyType = this.lobbyType;\n gameModel.clickTimeStamp = this.gameLaunchService.currentTimeStamp();\n this.gameLaunchService.launchGame(gameModel);\n }\n }\n } else {\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n this.casinoWidgetService.postMessageToParent('UserAction', {\n redirectUrl: actionUrl,\n redirectOptions: { showSpinnerForExternalNavigation: options.skipLoadingIndicator },\n });\n } else {\n this.handleNavigation(actionUrl, attributes, options.skipLoadingIndicator);\n }\n }\n }\n\n private handleNavigation(url: string, attributes: any, showSpinnerForExternalNavigation: boolean) {\n if (attributes && attributes.hasOwnProperty('target')) {\n window.open(url, attributes.target);\n } else {\n this.navigationService.goTo(url, { showSpinnerForExternalNavigation: showSpinnerForExternalNavigation });\n }\n }\n\n private handleNativeClick(actionUrl: any, attributes: any) {\n this.track('tp', actionUrl, true);\n this.trackGameLaunch(actionUrl, true, this.teaserIndex + 1);\n const options = { skipLoadingIndicator: actionUrl.substr(actionUrl.length - 4, 4).toLowerCase() !== '.apk' };\n const infiIndex = actionUrl.indexOf('?event=promo');\n if (infiIndex === -1) {\n if (this.vcClientService.isPokerVC() && this.isGameUrl(actionUrl)) {\n this.launchVCGame(actionUrl, this.teaserIndex + 1);\n } else {\n this.handleNavigation(actionUrl, attributes, options.skipLoadingIndicator);\n }\n } else {\n this.nativeAppService.sendToNative({ eventName: '', parameters: actionUrl.substr(infiIndex) });\n }\n }\n\n onTeaserClick(type: ClickEventType, event: Event) {\n event.stopPropagation();\n let actionUrl: string;\n let attributes: any;\n const isNativeClient: any = this.isNewSportsNative || this.vcClientService.isPokerVC();\n switch (type) {\n case ClickEventType.Teaser:\n if (this.miniTeaserItem.iconTileCode !== 1) {\n this.trackEvent();\n return;\n }\n actionUrl = isNativeClient ? this.miniTeaserItem.teaserNativeLink.url : this.miniTeaserItem.teaserLink.url;\n attributes = isNativeClient ? this.miniTeaserItem.teaserNativeLink.attributes : this.miniTeaserItem.teaserLink.attributes;\n break;\n case ClickEventType.PrimaryCTA:\n actionUrl = this.miniTeaserItem.cta.url;\n attributes = this.miniTeaserItem.cta.attributes;\n break;\n case ClickEventType.SecondaryCTA:\n actionUrl = this.miniTeaserItem.secondaryCTA.url;\n attributes = this.miniTeaserItem.secondaryCTA.attributes;\n break;\n case ClickEventType.Terms:\n actionUrl = this.miniTeaserItem.termsNativeLink ? this.miniTeaserItem.termsNativeLink.url : '';\n attributes = this.miniTeaserItem.termsNativeLink ? this.miniTeaserItem.termsNativeLink.attributes : {};\n break;\n }\n this.trackEvent(actionUrl);\n if (!actionUrl) {\n return;\n }\n if (isNativeClient) {\n this.handleNativeClick(actionUrl, attributes);\n } else {\n this.handleClick(actionUrl, attributes);\n }\n }\n}\n","{{ jackpotValue.jackpotGroupName }}
\n \n\n ![]()
\n
\n\n ![]()
\n
\n","import { LowerCasePipe, NgClass, NgIf } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'cc-opt-teaser-actor-image',\n templateUrl: 'opt-teaser-actor-image.component.html',\n standalone: true,\n imports: [NgIf, NgClass, LowerCasePipe],\n})\nexport class OptTeaserActorImageComponent {\n @Input() teaser: any;\n @Input() imagePosition: string;\n @Input() isMobileImage: boolean;\n}\n","\n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n \n \n
\n\n","import { NgClass, NgIf, NgStyle } from '@angular/common';\nimport { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';\n\nimport { ConfigProviderService, GifTagComponent, IntersectionObserverDirective, TeaserService } from '@casinocore/platform/core';\nimport { CloudflareStreamComponent, CloudflareStreamModule } from '@cloudflare/stream-angular';\nimport { Logger } from '@frontend/vanilla/core';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'cc-opt-teaser-video',\n templateUrl: 'opt-teaser-video.component.html',\n standalone: true,\n imports: [NgIf, IntersectionObserverDirective, NgClass, NgStyle, CloudflareStreamModule, GifTagComponent],\n})\nexport class OptTeaserVideoComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {\n @Input() activeSlides: any;\n @Input() url: string;\n @Input() type: string;\n @Input() imageThumbnail: any;\n @Input() subcategory: string;\n @Input() lobbyType: string;\n @Input() gameContainer: string;\n @Input() teaserHeight: number;\n @Input() realIndex: number;\n @Input() identifierClass: string;\n @Input() isHover: boolean;\n @Input() teaserVideoAlignment: string;\n @Input() teaserVideoPosition: number;\n @Input() isOptMiniTeasersEnabled: boolean;\n @Input() isMobileImage: boolean;\n @ViewChild('teaserVideoPlayer') videoPlayer: ElementRef;\n @ViewChild('teaserCMSVideoPlayer') cmsVideoPlayer: CloudflareStreamComponent;\n @Output() onVideoLoadedEvent: EventEmitter{{ jackpotValue.jackpotGroupName }}
\n \n\n\n
\n{{ jackpotValue.amount }}
\n \n\n
\n","import { LowerCasePipe, NgIf } from '@angular/common';\nimport { Component, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';\n\nimport { ConfigProviderService, JackpotDataService } from '@casinocore/platform/core';\nimport { DynamicHtmlDirective, TimerService } from '@frontend/vanilla/core';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'cc-opt-teaser-text-position-npm',\n templateUrl: 'opt-teaser-text-position-npm.component.html',\n standalone: true,\n imports: [NgIf, DynamicHtmlDirective, LowerCasePipe],\n})\nexport class OptTeaserTextPositionNpmComponent implements OnInit, OnChanges, OnDestroy {\n @Input() teaser: any;\n @Input() teaserTitle: string;\n @Input() teaserSubTitle: string;\n @Input() verticalPosition: string;\n @Input() teaserVerticalPosition: string;\n //added for Teaser NPM\n @Input() globalTeaserSettings: any;\n @Input() isNPM: boolean;\n @Input() teaserDynaconConfigs: any;\n @Input() showJackpotCurrencyOnRight: any;\n @Input() jackpotGroupNameMapTeaserNPM: any;\n optimizedTeaserClientConfig: any;\n //added for Teaser NPM\n jackpotHandle: Subscription;\n jackpotValue: any = {};\n incrementTickingForJackpotOnGameTiles: any = 1;\n JackpotData: any;\n tickingInterval: any;\n isJackpot: boolean;\n\n constructor(\n private configProviderService: ConfigProviderService,\n private jackpot: JackpotDataService,\n private timerService: TimerService,\n ) {}\n\n ngOnInit() {\n if (this.teaser && this.teaser.displayJackpotOnTeaser && this.teaser.jackpotValue && this.teaser.jackpotValue.data.metadata.id.itemName) {\n this.isJackpot = this.teaser.displayJackpotOnTeaser;\n this.setJackPotValue();\n if (!this.isNPM) this.subscribtToJackpotFeed();\n }\n }\n\n ngOnChanges() {\n if (!this.isNPM) this.JackpotData = this.configProviderService.provideJackpotConfig();\n }\n\n subscribtToJackpotFeed() {\n this.jackpotHandle = this.jackpot.jackpotFeedObservable.subscribe(() => {\n this.setJackPotValue();\n });\n }\n setJackpotTickers() {\n const config: any = this.isNPM ? this.teaserDynaconConfigs : this.configProviderService.provideOptimizedTeaserConfig();\n if (this.jackpotValue && config?.enableTickingForJackpotOnTeasers) {\n clearInterval(this.tickingInterval);\n this.tickingInterval = this.timerService.setIntervalOutsideAngularZone(() => {\n this.jackpotTicking();\n }, 1500);\n }\n }\n\n setJackPotValue() {\n if (this.teaser && this.teaser.jackpotValue && this.teaser.jackpotValue.data.metadata.id.itemName) {\n if (this.isNPM) {\n this.jackpotValue = this.jackpotGroupNameMapTeaserNPM.get(this.teaser.data.metadata.id.itemName.toLowerCase());\n } else {\n const jackpotGroupName: string = decodeURI(this.teaser.jackpotValue.data.metadata.id.itemName);\n this.jackpotValue = this.jackpot.getJackpotByGroupName(jackpotGroupName.toLowerCase());\n }\n if (this.jackpotValue) {\n this.setJackpotTickers();\n }\n }\n }\n\n jackpotTicking() {\n let currency: any = '';\n let valueStr = this.jackpotValue.amount;\n if (valueStr) {\n valueStr = valueStr.replace(/\\ /g, '');\n const initialcurrency = valueStr.match(/[^\\d\\.\\,\\s]/g);\n if (initialcurrency && initialcurrency.length > 0) {\n for (let i = 0; i < initialcurrency.length; i++) {\n currency = currency + initialcurrency[i];\n }\n currency = currency.replace(/\\,/g, '');\n currency = currency.replace(/\\./g, '');\n }\n valueStr = valueStr.replace(/\\ /g, '');\n valueStr = valueStr.replace(/\\,/g, '');\n valueStr = valueStr.replace(/\\./g, '');\n valueStr = valueStr.replace(currency, '');\n valueStr = valueStr.replace(/\\s/g, '');\n valueStr = valueStr.match(/\\b[\\d, ]+\\b/g)[0];\n if (valueStr.length > 2) {\n const realpart = valueStr.slice(0, valueStr.length - 2);\n const decimalpart = valueStr.slice(-2);\n valueStr = realpart + '.' + decimalpart;\n }\n\n let jackpotTickValue: any = parseFloat(valueStr.replace(/,/g, ''));\n if (this.isNPM) {\n this.incrementTickingForJackpotOnGameTiles = +this.globalTeaserSettings.sharedList.IncrementTickingForJackpotOnGameTiles;\n } else {\n const globalClientConfig = this.configProviderService.provideGlobalConfig();\n if (globalClientConfig.lobbyConfigurations.IncrementTickingForJackpotOnGameTiles) {\n this.incrementTickingForJackpotOnGameTiles = +globalClientConfig.lobbyConfigurations.IncrementTickingForJackpotOnGameTiles;\n }\n }\n jackpotTickValue = jackpotTickValue + this.incrementTickingForJackpotOnGameTiles * 0.01;\n jackpotTickValue = this.formatcurrency(jackpotTickValue.toFixed(2));\n if ((!this.isNPM && this.JackpotData && this.JackpotData.showJackpotCurrencyOnRight) || (this.isNPM && this.showJackpotCurrencyOnRight)) {\n jackpotTickValue = jackpotTickValue.replace(/[,.]/g, (m: any) => (m === ',' ? '.' : ','));\n this.jackpotValue.amount = jackpotTickValue + ' ' + currency + '.';\n } else {\n this.jackpotValue.amount = currency + ' ' + jackpotTickValue;\n }\n }\n }\n\n formatcurrency(value: any) {\n const inputarr = value.toString().split('.');\n const realpart = inputarr[0];\n const decimalpart = inputarr[1];\n let amt = '';\n for (let i = realpart.length; i > 0; i = i - 3) {\n if (i - 3 > 0) {\n amt = ',' + realpart.substring(i - 3, i) + amt;\n } else {\n amt = realpart.substring(0, i) + amt;\n }\n }\n return amt + '.' + decimalpart;\n }\n\n ngOnDestroy() {\n if (!this.isNPM && this.jackpotHandle) this.jackpotHandle.unsubscribe();\n }\n}\n","\n \n\n","import { LowerCasePipe, NgClass, NgIf } from '@angular/common';\nimport { Component, Input, OnInit } from '@angular/core';\n\nimport {\n CasinoCoreGamelaunchService,\n CasinoIFrameOverlayService,\n CasinoManager,\n CasinoWidgetService,\n ConfigProviderService,\n DesignSystemEnablerService,\n GameLaunch,\n GameLaunchPlaces,\n GameLaunchTrackingService,\n GameManagerService,\n NativeAppHelperService,\n OptimizedTeaserManager,\n VCClientService,\n} from '@casinocore/platform/core';\nimport { DecoratorClassDirective, GameTileCtaComponent } from '@frontend/casino-ui';\nimport { DeviceService, NativeAppService, NavigationService, TrackingService, UserService } from '@frontend/vanilla/core';\nimport { TrustAsHtmlPipe } from '@frontend/vanilla/shared/browser';\n\nimport { OptTeaserBgImageNpmComponent } from './opt-teaser-bg-image-npm.component';\nimport { OptTeaserTextPositionNpmComponent } from './opt-teaser-text-position-npm.component';\n\nenum ClickEventType {\n Teaser,\n PrimaryCTA,\n SecondaryCTA,\n Terms,\n}\n\n@Component({\n selector: 'cc-opt-mini-teaser-item-npm',\n templateUrl: 'opt-mini-teaser-item-npm.component.html',\n standalone: true,\n imports: [\n NgClass,\n OptTeaserBgImageNpmComponent,\n OptTeaserTextPositionNpmComponent,\n NgIf,\n LowerCasePipe,\n TrustAsHtmlPipe,\n GameTileCtaComponent,\n DecoratorClassDirective,\n ],\n})\nexport class OptMiniTeaserItemNpmComponent implements OnInit {\n @Input() teaserCategory: string;\n @Input() teasersSource: any;\n @Input() lobbyType: string;\n @Input() gameContainer: string;\n @Input() teaserIndex: number;\n //added for Teaser NPM\n @Input() isNPM: boolean;\n @Input() isTouch: boolean;\n @Input() isNewSportsNative: any;\n @Input() teaserDynaconConfigs: any;\n @Input() globalTeaserSettings: any;\n @Input() showJackpotCurrencyOnRight: any;\n @Input() jackpotGroupNameMapTeaserNPM: any;\n @Input() globalTeaserStyles: any;\n //added for Teaser NPM\n clickEventTypes = ClickEventType;\n miniTeaserItem: any;\n isOptTeaserPhase3: boolean;\n horizontalPosition: string = '';\n customClass: string = '';\n customId: string = '';\n termsTextPosition: string = '';\n desktopViewTeaserHeight: number;\n teaserDefaultContentBg: string = '';\n teaserLaunchRealtiveUri: string = '';\n verticalPosition: string = '';\n iconBasedHeight: number;\n enableEpcotSubNavigation: boolean;\n readonly isMobileWidth = this.deviceService.isMobileWidth;\n deviceName: string;\n optTeasers: any;\n isLegacy: boolean = false;\n\n constructor(\n private configProviderService: ConfigProviderService,\n private casinoManager: CasinoManager,\n private vcClientService: VCClientService,\n private optimizedTeaserManager: OptimizedTeaserManager,\n private navigationService: NavigationService,\n private userService: UserService,\n private trackingService: TrackingService,\n private nativeAppService: NativeAppService,\n private nativeAppHelperService: NativeAppHelperService,\n private casinoWidgetService: CasinoWidgetService,\n private gameLaunchService: CasinoCoreGamelaunchService,\n private gameLaunchPlaces: GameLaunchPlaces,\n private casinoIFrameOverlayService: CasinoIFrameOverlayService,\n private gameLaunchTrackingService: GameLaunchTrackingService,\n private deviceService: DeviceService,\n private designSystemEnablerService: DesignSystemEnablerService,\n private gameManagerService: GameManagerService,\n ) {}\n\n ngOnInit() {\n this.miniTeaserItem = this.teasersSource;\n let optimizedTeaserClientConfig: any;\n if (!this.isNPM) {\n this.enableEpcotSubNavigation = this.configProviderService.provideSubNavigationConfig()?.enableEpcotSubNavigation;\n this.globalTeaserSettings = this.optimizedTeaserManager.getGlobalTeaserSettings();\n optimizedTeaserClientConfig = this.configProviderService.provideOptimizedTeaserConfig();\n this.isTouch = this.casinoManager.isTouch();\n this.isNewSportsNative =\n this.nativeAppService.isNativeApp && (this.nativeAppService.product === 'SPORTSBOOK' || this.nativeAppService.product === 'BETTING');\n this.teaserLaunchRealtiveUri = '/' + this.configProviderService.provideMcPageConfig().labelPrefix + '/launchng/';\n } else {\n optimizedTeaserClientConfig = this.teaserDynaconConfigs;\n }\n this.teaserDefaultContentBg = this.globalTeaserSettings?.sharedList?.teaserDefaultContentBg || '';\n const teaserDefaultTextHorizontalPosition: any =\n this.globalTeaserSettings.sharedList.teaserDefaultTextHorizontalPosition || optimizedTeaserClientConfig.teaserDefaultHorizontalAlignment;\n this.horizontalPosition =\n this.miniTeaserItem.textHorizontalPosition != 'Default'\n ? this.miniTeaserItem.textHorizontalPosition\n : teaserDefaultTextHorizontalPosition;\n const teaserDefaultTextVerticalPosition: any =\n this.globalTeaserSettings.sharedList.teaserDefaultTextVerticalPosition || optimizedTeaserClientConfig.teaserDefaultVerticalAlignment;\n this.verticalPosition =\n this.miniTeaserItem.textVerticalPosition != 'Default' ? this.miniTeaserItem.textVerticalPosition : teaserDefaultTextVerticalPosition;\n this.termsTextPosition =\n this.globalTeaserSettings?.sharedList?.teaserDefaultTermsTextPosition || optimizedTeaserClientConfig.teaserDefaultTermsTextAlignment;\n this.isOptTeaserPhase3 = ['hydrogen', 'lithium'].includes(this.globalTeaserSettings?.sharedList?.teaserType?.toLowerCase());\n this.customClass = this.miniTeaserItem.htmlClasses || this.miniTeaserItem.data.metadata.id.itemName;\n this.desktopViewTeaserHeight = optimizedTeaserClientConfig.desktopViewTeaserHeight;\n this.iconBasedHeight = [1, 2].includes(this.miniTeaserItem?.iconTileCode) ? this.desktopViewTeaserHeight / 2 : this.desktopViewTeaserHeight;\n switch (true) {\n case this.deviceService.windowWidth() <= 480:\n this.deviceName = 'Mobile';\n break;\n case this.deviceService.windowWidth() > 481 && this.deviceService.windowWidth() < 1023:\n this.deviceName = 'Tablet';\n break;\n case this.deviceService.windowWidth() > 1024:\n this.deviceName = 'Desktop';\n break;\n }\n const style = document.createElement('style');\n style.textContent = this.globalTeaserStyles?.css;\n document.head.appendChild(style);\n this.isLegacy = !this.designSystemEnablerService.isEnabled();\n }\n\n private trackEvent(url?: string) {\n this.trackingService.triggerEvent('Event.Clicks', {\n 'component.CategoryEvent': 'Teaser_Banners',\n 'component.LabelEvent': this.miniTeaserItem.data.metadata.id.itemName,\n 'component.PositionEvent': 'Teaser_' + this.miniTeaserItem.index,\n 'component.LocationEvent': 'sub_Teaser',\n 'component.ActionEvent': 'Teaser - Click',\n 'component.EventDetails': 'User taps on teasers',\n 'component.URLClicked': url || '',\n });\n }\n\n private isGameUrl(link: string) {\n return link.indexOf(this.teaserLaunchRealtiveUri) > 0;\n }\n\n private track(where: any, what: any, isUrl: any) {\n this.trackingService.updateDataLayer({\n 'page.name': 'mcTeasers',\n 'event': 'pageView',\n 'page.url': '?source=' + where + '&' + (isUrl ? 'href=' : 'gameId=') + what,\n });\n }\n\n private trackGameLaunch(gameLaunchInfo: any, isUrl: boolean, bannerPos: any) {\n let gameType = '';\n let gameTrackingObj: any = {};\n if (isUrl) {\n const launchUrlIndex: number = gameLaunchInfo.indexOf(this.teaserLaunchRealtiveUri);\n if (launchUrlIndex > 0) {\n const gameId: any = gameLaunchInfo.substr(launchUrlIndex + this.teaserLaunchRealtiveUri.length);\n const gameData: any = this.gameManagerService.getGameInfo(gameId);\n if (!gameData.isDataNotAvailable) {\n gameType = gameData?.launchType || '';\n const gameDisplayName = gameData?.title || '';\n gameTrackingObj = {\n name: gameId,\n type: gameType,\n position: bannerPos,\n section: 'Teaser',\n displayName: gameDisplayName,\n };\n }\n }\n } else {\n gameTrackingObj = {\n name: gameLaunchInfo,\n type: gameType,\n position: 1,\n section: '',\n };\n }\n if (Object.keys(gameTrackingObj).length > 0) {\n this.gameLaunchTrackingService.track(gameTrackingObj);\n }\n }\n\n private getGameId(link: string) {\n return this.isGameUrl(link) ? link.substring(link.indexOf(this.teaserLaunchRealtiveUri) + this.teaserLaunchRealtiveUri.length) : undefined;\n }\n\n private launchVCGame(link: string, bannerPos: any) {\n if (this.isGameUrl(link)) {\n const gameId = this.getGameId(link);\n const game = { gameId: gameId };\n const gameLaunchModel = new GameLaunch();\n gameLaunchModel.game = game;\n gameLaunchModel.isTouch = this.isTouch;\n gameLaunchModel.gamePosition = Number(bannerPos);\n gameLaunchModel.categoryType = 'OptimisedMiniTeaser';\n gameLaunchModel.from = 'OptimisedMiniTeaser';\n this.vcClientService.handleVCGameLaunch(gameLaunchModel, false);\n }\n }\n\n private launchNativeGame(link: string, bannerPos: any) {\n if (this.isGameUrl(link)) {\n const gameId = this.getGameId(link);\n const params = { gameId: gameId, skipUnfinGame: false };\n const game = { gameId: gameId };\n const gameLaunchModel = new GameLaunch();\n gameLaunchModel.game = game;\n gameLaunchModel.isTouch = this.isTouch;\n gameLaunchModel.gamePosition = Number(bannerPos);\n gameLaunchModel.categoryType = 'OptimisedTeaser';\n gameLaunchModel.from = 'OptimisedTeaser';\n this.nativeAppHelperService.handleNativeGameLaunch(params, gameLaunchModel);\n }\n }\n\n private handleClick(actionUrl: string, attributes: any) {\n const options = { skipLoadingIndicator: actionUrl.substr(actionUrl.length - 4, 4).toLowerCase() !== '.apk' };\n const gameId = this.getGameId(actionUrl);\n if (this.configProviderService.provideGameConfig().nativeGameLaunchEnabled && gameId) {\n this.launchNativeGame(actionUrl, this.teaserIndex + 1);\n return;\n }\n if (gameId) {\n let gameHref: string = (' ' + actionUrl).slice(1);\n if (this.configProviderService.provideAdvanceGameDataConfig().enableAdvanceGameData) {\n gameHref = this.gameLaunchService.appendQueryString(actionUrl, 'adv_parentcat', 'Teaser');\n gameHref = this.gameLaunchService.appendQueryString(gameHref, 'adv_pos', String(this.teaserIndex));\n }\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n if (this.isTouch) {\n if (this.casinoWidgetService.isCasinoWidget() && gameId) {\n const postData: any = {\n promptLogin: !this.userService.isAuthenticated,\n redirectUrl: gameHref,\n redirectOptions: this.userService.isAuthenticated\n ? { showSpinnerForExternalNavigation: options.skipLoadingIndicator }\n : null,\n };\n this.casinoWidgetService.postMessageToParent('UserAction', postData);\n return;\n } else if (this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n let redirectPlayUrl: string = gameHref;\n redirectPlayUrl = this.gameLaunchService.appendQueryString(\n redirectPlayUrl,\n 'invokerProduct',\n this.casinoWidgetService.getWidgetProduct(),\n );\n if (this.userService.isAuthenticated) {\n redirectPlayUrl = this.gameLaunchService.appendQueryString(redirectPlayUrl, 'returnurl', document.referrer);\n redirectPlayUrl = this.gameLaunchService.appendQueryString(redirectPlayUrl, 'widgetGameLaunch', 'true');\n }\n const postData: any = {\n promptLogin: !this.userService.isAuthenticated,\n redirectUrl: redirectPlayUrl,\n };\n this.casinoWidgetService.postMessageToParent('UserAction', postData);\n return;\n }\n } else {\n if (this.casinoWidgetService.isCasinoWidget()) {\n gameHref = this.gameLaunchService.appendQueryString(gameHref, 'widgetHomeUrl', document.referrer);\n this.casinoWidgetService.postMessageToParent('UserAction', {\n promptLogin: !this.userService.isAuthenticated,\n redirectUrl: gameHref,\n });\n return;\n }\n }\n } else {\n const gameInfo: any = this.gameManagerService.getGameInfo(gameId);\n this.isTouch = this.casinoManager.isTouch();\n if (gameInfo) {\n gameInfo.gameId = gameId;\n const gameModel = new GameLaunch();\n gameModel.game = gameInfo;\n gameModel.isTouch = this.isTouch;\n gameModel.gamePosition = this.teaserIndex;\n gameModel.categoryType = this.teaserCategory;\n gameModel.from = 'q';\n gameModel.replaceRouteInHistory = false;\n gameModel.isDemoLaunch = false;\n gameModel.skipUnfinGame = false;\n gameModel.gameLaunchedFrom = this.gameLaunchPlaces.teaser;\n gameModel.gridPosition = 1;\n gameModel.gameContainer = this.gameContainer;\n gameModel.game.lobbyType = this.lobbyType;\n gameModel.clickTimeStamp = this.gameLaunchService.currentTimeStamp();\n this.gameLaunchService.launchGame(gameModel);\n }\n }\n } else {\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n this.casinoWidgetService.postMessageToParent('UserAction', {\n redirectUrl: actionUrl,\n redirectOptions: { showSpinnerForExternalNavigation: options.skipLoadingIndicator },\n });\n } else {\n this.handleNavigation(actionUrl, attributes, options.skipLoadingIndicator);\n }\n }\n }\n\n private handleNavigation(url: string, attributes: any, showSpinnerForExternalNavigation: boolean) {\n if (attributes && attributes.hasOwnProperty('target')) {\n window.open(url, attributes.target);\n } else {\n this.navigationService.goTo(url, { showSpinnerForExternalNavigation: showSpinnerForExternalNavigation });\n }\n }\n\n private handleNativeClick(actionUrl: any, attributes: any) {\n this.track('tp', actionUrl, true);\n this.trackGameLaunch(actionUrl, true, this.teaserIndex + 1);\n const options = { skipLoadingIndicator: actionUrl.substr(actionUrl.length - 4, 4).toLowerCase() !== '.apk' };\n const infiIndex = actionUrl.indexOf('?event=promo');\n if (infiIndex === -1) {\n if (this.vcClientService.isPokerVC() && this.isGameUrl(actionUrl)) {\n this.launchVCGame(actionUrl, this.teaserIndex + 1);\n } else {\n this.handleNavigation(actionUrl, attributes, options.skipLoadingIndicator);\n }\n } else {\n this.nativeAppService.sendToNative({ eventName: '', parameters: actionUrl.substr(infiIndex) });\n }\n }\n\n onTeaserClick(type: ClickEventType, event: Event) {\n event.stopPropagation();\n let actionUrl: string;\n let attributes: any;\n const isNativeClient: boolean = !this.isNPM && (this.isNewSportsNative || this.vcClientService.isPokerVC());\n switch (type) {\n case ClickEventType.Teaser:\n if (this.miniTeaserItem.iconTileCode !== 1) {\n this.trackEvent();\n return;\n }\n actionUrl = isNativeClient ? this.miniTeaserItem.teaserNativeLink.url : this.miniTeaserItem.teaserLink.url;\n attributes = isNativeClient ? this.miniTeaserItem.teaserNativeLink.attributes : this.miniTeaserItem.teaserLink.attributes;\n break;\n case ClickEventType.PrimaryCTA:\n actionUrl = this.miniTeaserItem.cta.url;\n attributes = this.miniTeaserItem.cta.attributes;\n break;\n case ClickEventType.SecondaryCTA:\n actionUrl = this.miniTeaserItem.secondaryCTA.url;\n attributes = this.miniTeaserItem.secondaryCTA.attributes;\n break;\n case ClickEventType.Terms:\n actionUrl = this.miniTeaserItem.termsNativeLink ? this.miniTeaserItem.termsNativeLink.url : '';\n attributes = this.miniTeaserItem.termsNativeLink ? this.miniTeaserItem.termsNativeLink.attributes : {};\n break;\n }\n this.trackEvent(actionUrl);\n if (!actionUrl) {\n return;\n }\n if (isNativeClient) {\n this.handleNativeClick(actionUrl, attributes);\n } else {\n if (!this.isNPM) {\n this.handleClick(actionUrl, attributes);\n } else {\n this.navigationService.goTo(actionUrl, { showSpinnerForExternalNavigation: true });\n }\n }\n }\n}\n","{{ jackpotValue.jackpotGroupName }}
\n \n\n ![]()
\n
\n\n ![]()
\n
\n","import { LowerCasePipe, NgClass, NgIf } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'cc-opt-teaser-actor-image-npm',\n templateUrl: 'opt-teaser-actor-image-npm.component.html',\n standalone: true,\n imports: [NgIf, NgClass, LowerCasePipe],\n})\nexport class OptTeaserActorImageNpmComponent {\n @Input() teaser: any;\n @Input() imagePosition: string;\n @Input() isMobileImage: boolean;\n}\n","\n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n \n \n
\n\n","import { NgClass, NgIf, NgStyle } from '@angular/common';\nimport { Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';\n\nimport { ConfigProviderService, GifTagComponent, IntersectionObserverDirective, TeaserService } from '@casinocore/platform/core';\nimport { CloudflareStreamComponent, CloudflareStreamModule } from '@cloudflare/stream-angular';\nimport { Logger } from '@frontend/vanilla/core';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'cc-opt-teaser-video-npm',\n templateUrl: 'opt-teaser-video-npm.component.html',\n standalone: true,\n imports: [NgIf, IntersectionObserverDirective, NgClass, NgStyle, CloudflareStreamModule, GifTagComponent],\n})\nexport class OptTeaserVideoNpmComponent implements OnInit, OnChanges, OnDestroy {\n @Input() activeSlides: any;\n @Input() url: string;\n @Input() type: string;\n @Input() imageThumbnail: any;\n @Input() subcategory: string;\n @Input() lobbyType: string;\n @Input() gameContainer: string;\n @Input() teaserHeight: number;\n @Input() realIndex: number;\n @Input() identifierClass: string;\n @Input() isHover: boolean;\n @Input() teaserVideoAlignment: string;\n @Input() teaserVideoPosition: number;\n @Input() isOptMiniTeasersEnabled: boolean;\n @Input() isMobileImage: boolean;\n //added for NPM\n @Input() isNPM: boolean;\n @Input() globalTeaserSettings: any;\n //added for NPM\n @ViewChild('teaserVideoPlayer') videoPlayer: ElementRef;\n @ViewChild('teaserCMSVideoPlayer') cmsVideoPlayer: CloudflareStreamComponent;\n @Output() onVideoLoadedEvent: EventEmitter\n \n \n \n
\n \n \n 0\" [ngClass]=\"openBingoLobbyButtonPosition | lowercase\">\n \n \n \n
\n\n","import { LowerCasePipe, NgClass, NgFor, NgIf, NgStyle } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n OnInit,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\n\nimport {\n BingoGameLaunchService,\n CasinoLobbyService,\n CasinoManager,\n ConfigProviderService,\n DesignSystemEnablerService,\n IntersectionObserverDirective,\n LongPressDirective,\n OptimizedTeaserManager,\n SitecoreImageResizePipe,\n TeaserService,\n} from '@casinocore/platform/core';\nimport { DecoratorClassDirective, GameTileCtaComponent } from '@frontend/casino-ui';\nimport { DeviceService, Logger, NavigationService, TrackingService } from '@frontend/vanilla/core';\nimport { TrustAsHtmlPipe } from '@frontend/vanilla/shared/browser';\nimport { SwiperComponent } from '@frontend/vanilla/shared/swiper';\nimport { Subject, Subscription, fromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { Autoplay, Navigation, Pagination } from 'swiper/modules';\nimport { SwiperOptions } from 'swiper/types/swiper-options';\n\nimport { OptMiniTeasersNpmComponent } from './opt-mini-teasers-npm.component';\nimport { OptTeaserItemNpmComponent } from './opt-teaser-item-npm.component';\n\n@Component({\n selector: 'cc-opt-teasers-npm',\n templateUrl: 'opt-teasers-npm.component.html',\n styles: ['.ProgressBar{background:green; height:10px}'],\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [\n NgClass,\n NgStyle,\n NgIf,\n IntersectionObserverDirective,\n LongPressDirective,\n NgFor,\n OptTeaserItemNpmComponent,\n MatProgressBarModule,\n OptMiniTeasersNpmComponent,\n LowerCasePipe,\n TrustAsHtmlPipe,\n SitecoreImageResizePipe,\n SwiperComponent,\n GameTileCtaComponent,\n DecoratorClassDirective,\n ],\n})\nexport class OptTeasersNpmComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {\n @Input() identifierClass: string;\n @Input() teaserCategory: string;\n @Input() teaserLocation: string;\n @Input() teasersSource: any;\n @Input() lobbyType: string;\n @Input() gameContainer: string;\n @ViewChild('swiper') swiperRef: SwiperComponent;\n //added for Teaser NPM\n @Input() globalTeaserSettings: any;\n @Input() isNPM: boolean;\n @Input() teaserDynaconConfigs: any;\n @Input() enableTeaserOptimization: boolean;\n @Input() optminiTeaserSource: any;\n @Input() enableMiniTeasers: boolean;\n @Input() mercuryBgImage: any;\n @Input() isTouch: boolean;\n @Input() enablePlayBingoButton: boolean;\n @Input() bingocta: any;\n @Input() isNewSportsNative: any;\n @Input() showJackpotCurrencyOnRight: any;\n @Input() jackpotGroupNameMapTeaserNPM: any;\n @Input() globalTeaserStyles: any;\n //added for Teaser NPM\n teasers: any;\n destroy$: Subject\n \n \n \n \n \n
\n \n \n \n
\n \n\n","import { NgClass, NgFor, NgIf, NgStyle } from '@angular/common';\nimport { AfterViewInit, Component, DestroyRef, HostListener, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n BingoGameLaunchService,\n CasinoCoreGamelaunchService,\n CasinoIFrameOverlayService,\n CasinoLobbyService,\n CasinoManager,\n CasinoWidgetService,\n ConfigProviderService,\n DesignSystemEnablerService,\n GameLaunch,\n GameLaunchPlaces,\n GameLaunchTrackingService,\n GameManagerService,\n JackpotDataService,\n NativeAppHelperService,\n SitecoreImageResizePipe,\n TeaserService,\n UtilityService,\n VCClientService,\n} from '@casinocore/platform/core';\nimport { DecoratorClassDirective, GameTileCtaComponent } from '@frontend/casino-ui';\nimport {\n DeviceService,\n Logger,\n NativeAppService,\n NativeEvent,\n NavigationService,\n TrackingService,\n UserService,\n WindowRef,\n} from '@frontend/vanilla/core';\nimport { TrustAsHtmlPipe } from '@frontend/vanilla/shared/browser';\nimport { SwiperComponent } from '@frontend/vanilla/shared/swiper';\nimport { cloneDeep } from 'lodash-es';\nimport { Autoplay, Navigation, Pagination } from 'swiper/modules';\nimport { SwiperOptions } from 'swiper/types/swiper-options';\n\n@Component({\n selector: 'cc-teasers-npm',\n templateUrl: 'teasers-npm.component.html',\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [\n NgIf,\n NgClass,\n NgFor,\n NgStyle,\n TrustAsHtmlPipe,\n SitecoreImageResizePipe,\n SwiperComponent,\n GameTileCtaComponent,\n DecoratorClassDirective,\n ],\n})\nexport class TeasersNpmComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {\n @Input() teaserCategory: any;\n @Input() teaserLocation: any;\n @Input() teasersSource: any;\n @Input() isDefaultCategory?: boolean;\n @Input() lobbyType: string;\n @Input() gameContainer: string;\n @ViewChild('teaserCarousel') teaserCarousel: SwiperComponent;\n //added for NPM\n @Input() isNPM: boolean;\n @Input() enablePlayBingoButton: boolean;\n @Input() bingocta: any;\n @Input() isTouch: boolean;\n @Input() isNewSportsNative: any;\n @Input() teaserDynaconConfigs: any;\n @Input() bgGlobalConfig: any;\n //added for NPM\n EnableJackpotTickerTeasers: any;\n teaserHeight: any;\n elementWidth: any;\n jackpot_image: any;\n index: any = 0;\n jpTitle: any = 24;\n jpContainer: any = 37;\n jpCta: any = 48;\n teasers: any = [];\n enablebingoplay: boolean;\n isLandscape: any;\n teaserLandscape: any;\n isButtonVisible: boolean;\n TeaserMode: any;\n teaserLaunchRealtiveUri: string;\n subCategoryTeaserMode: any;\n categoryNavTeaserMode: any;\n Modeset: any;\n enableLobbyBackgroundImage: boolean;\n teasersconfigloaded: any;\n enableEpcotSubNavigation: boolean;\n isLegacy: boolean = false;\n\n swiperOptionsTeasersNpm: SwiperOptions = {\n modules: [Navigation, Pagination, Autoplay],\n loop: false,\n autoHeight: true,\n allowTouchMove: true,\n spaceBetween: 1,\n direction: 'horizontal',\n slidesPerView: 'auto',\n centeredSlides: false,\n autoplay: {\n delay: 5000,\n disableOnInteraction: false,\n pauseOnMouseEnter: true,\n waitForTransition: false,\n },\n pagination: {\n type: 'bullets',\n clickable: true,\n el: '.swiper-pagination',\n },\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n observer: true,\n rewind: true,\n slidesPerGroup: 1,\n keyboard: true,\n watchOverflow: true,\n mousewheel: false,\n scrollbar: false,\n preventClicks: true,\n preventClicksPropagation: true,\n };\n\n constructor(\n private windowRef: WindowRef,\n private configProviderService: ConfigProviderService,\n private jackpot: JackpotDataService,\n private tracking: TrackingService,\n private NativeApplication: NativeAppService,\n private logger: Logger,\n private vcClientService: VCClientService,\n private user: UserService,\n private navigation: NavigationService,\n private gameLaunchService: CasinoCoreGamelaunchService,\n private gameLaunchPlaces: GameLaunchPlaces,\n private casinoManager: CasinoManager,\n private nativeAppHelper: NativeAppHelperService,\n private casinoIFrameOverlayService: CasinoIFrameOverlayService,\n private casinoWidgetService: CasinoWidgetService,\n private bingoGameLaunchService: BingoGameLaunchService,\n private casinoLobbyService: CasinoLobbyService,\n private teaserService: TeaserService,\n private gameLaunchTrackingService: GameLaunchTrackingService,\n private deviceService: DeviceService,\n private destroyRef: DestroyRef,\n private designSystemEnablerService: DesignSystemEnablerService,\n private utilityService: UtilityService,\n private gameManagerService: GameManagerService,\n ) {\n this.teaserLaunchRealtiveUri = '/' + this.configProviderService?.provideMcPageConfig()?.labelPrefix + '/launchng/';\n this.EnableJackpotTickerTeasers = this.isNPM\n ? this.teaserDynaconConfigs.enableTickingForJackpotOnTeasers\n : (this.EnableJackpotTickerTeasers = this.configProviderService.provideFeaturesConfig().enableJackpotTickerTeasers);\n }\n\n ngOnInit() {\n if (this.teaserLocation === 'Top') {\n this.Modeset = this.TeaserMode;\n } else if (this.teaserLocation === 'SubNavigation') {\n this.Modeset = this.categoryNavTeaserMode;\n } else {\n this.Modeset = this.subCategoryTeaserMode;\n }\n this.isButtonVisible = true;\n this.isLandscape = this.isInLandscape();\n this.teaserLandscape = this.elementWidth >= 480;\n if (!this.isNPM) {\n this.JackpotFeed();\n }\n if (this.deviceService.windowWidth() >= 1366) {\n this.isButtonVisible = false;\n }\n if (this.enablebingoplay) {\n this.playbingoTracking('Displayed');\n }\n this.teasersconfigloaded = false;\n setTimeout(() => {\n this.swiperOptionsTeasersNpm.navigation = this.isTouch || this.teasers?.length == 1 ? false : true;\n if (this.swiperOptionsTeasersNpm.navigation) {\n this.swiperOptionsTeasersNpm.navigation = {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n };\n }\n this.swiperOptionsTeasersNpm.loop = this.teasers?.length == 1 ? false : true;\n this.teasersconfigloaded = true;\n }, 100);\n if (!this.isNPM) {\n this.checkPlayerSegmentData();\n }\n this.isLegacy = !this.designSystemEnablerService.isEnabled();\n }\n\n assignFeatures() {\n const config: any = this.isNPM ? this.teaserDynaconConfigs : this.configProviderService?.provideFeaturesConfig();\n this.enablebingoplay =\n this.enablePlayBingoButton || this.casinoManager.IsFeatureEnabledforLobbytype(this.lobbyType, config.enablePlayBingoButton);\n this.enableLobbyBackgroundImage = config.enableLobbyBackgroundImage;\n }\n\n assignConfigs() {\n const config: any = this.isNPM ? this.bgGlobalConfig : this.configProviderService?.provideGlobalConfig()?.messages;\n this.TeaserMode = config.TeaserMode;\n this.subCategoryTeaserMode = config.subCategoryTeaserMode;\n this.categoryNavTeaserMode = config.categoryNavTeaserMode;\n if (this.isNPM) this.enableEpcotSubNavigation = this.configProviderService?.provideSubNavigationConfig()?.enableEpcotSubNavigation;\n }\n\n checkPlayerSegmentData() {\n this.casinoManager.playerSegmentDataObservable.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data: any) => {\n if (data != null && data.playerValueSegment != null && data.playerValueSegment.favoriteProductLT) {\n if (data.playerValueSegment.favoriteProductLT == 'Casino') this.enablebingoplay = false;\n }\n });\n }\n\n assignBrowserSpecificClass() {\n if (navigator.userAgent.indexOf('Edge') != -1) {\n return 'edge';\n }\n return '';\n }\n\n onResize() {\n this.isButtonVisible = this.deviceService.windowWidth() < 1366;\n }\n\n ngOnChanges(changes: any) {\n this.assignConfigs();\n this.assignFeatures();\n if (\n ((this.isNPM && this.teaserDynaconConfigs.normalTeasers?.takeOver) ||\n (!this.isNPM && this.configProviderService?.provideCasinoConfig()?.teasers?.takeOver)) &&\n this.isDefaultCategory\n ) {\n this.TeaserMode += ' take-over';\n document.getElementsByTagName('html')[0].classList.add('take-over-teaser');\n } else if (this.isDefaultCategory === false) {\n document.getElementsByTagName('html')[0].classList.remove('take-over-teaser');\n }\n if (!this.isNPM) {\n this.isTouch = this.casinoManager.isTouch();\n this.bingocta = this.configProviderService?.provideMcPageConfig()?.playBingoButton;\n this.isNewSportsNative =\n this.NativeApplication.isNativeApp &&\n (this.NativeApplication.product === 'SPORTSBOOK' || this.NativeApplication.product === 'BETTING');\n }\n if (this.isTouch) {\n this.swiperOptionsTeasersNpm.navigation = false;\n } else {\n this.swiperOptionsTeasersNpm.navigation = {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n };\n }\n if (changes.teasersSource) {\n this.initializeTeasers();\n this.updatedInfo();\n }\n if (!changes?.identifierClass) {\n this.teasersconfigloaded = true;\n } else {\n this.teasersconfigloaded = false;\n }\n setTimeout(() => {\n this.swiperOptionsTeasersNpm.loop = this.teasers?.length == 1 ? false : true;\n this.teasersconfigloaded = true;\n }, 100);\n }\n\n onTeaserIndexChanged(swiperObj: any) {\n if (this.enableLobbyBackgroundImage && (this.teaserLocation === 'Top' || this.teaserLocation === 'SubNavigation') && swiperObj) {\n this.teaserService.indexChangeTeaserData(this.teasers[swiperObj.realIndex]);\n }\n }\n ngOnDestroy() {\n if (this.isLandscape) {\n document.documentElement.classList.remove('landscape');\n }\n }\n\n public isInLandscape() {\n return this.deviceService.windowWidth() >= 480;\n }\n\n public getHeight() {\n this.elementWidth = this.deviceService.windowWidth();\n let margin = 0;\n if (this.elementWidth >= 1024) {\n margin = this.elementWidth * 0.01 * 7.2 + 8;\n }\n this.elementWidth = this.elementWidth - margin * 2;\n const ctaButtonHeight = 48;\n let termsHeight = 45;\n const titleHeight = 30;\n if (480 <= this.elementWidth && this.elementWidth < 667) {\n termsHeight = titleHeight;\n }\n const teaserCtaAndTermsHeight = ctaButtonHeight + termsHeight + titleHeight;\n if (this.isInLandscape()) {\n this.teaserHeight = (this.elementWidth / 2 / this.index.toFixed(2) + termsHeight - 1).toFixed(0);\n } else {\n this.teaserHeight = (this.elementWidth / this.index.toFixed(2) + teaserCtaAndTermsHeight - 1).toFixed(0);\n }\n return this.teaserHeight;\n }\n\n public extendImageData(teasers: any) {\n teasers.forEach((teaser: any) => {\n // if (teaser.backgroundImage && teaser.backgroundImage.src) {\n // teaser.backgroundImage.src = teaser.backgroundImage.src;\n // }\n if (teaser.image && teaser.image.src) {\n // teaser.image.src = teaser.image.src;\n if (this.index === 0 || isNaN(this.index)) {\n this.index = teaser.image.width / teaser.image.height;\n }\n }\n });\n }\n\n public initializeTeasers() {\n this.teasers = this.teasersSource;\n let navTeaser = false;\n const allTeasers: any = [];\n this.teasers.forEach((t: any) => {\n if (!t.teaserMode) {\n t.teaserMode = '';\n }\n if (t.teaserMode.toUpperCase() === 'MOBILE' && this.isTouch) {\n allTeasers.push(t);\n } else if (t.teaserMode.toUpperCase() === 'DESKTOP' && !this.isTouch) {\n allTeasers.push(t);\n } else if (t.teaserMode == '' || t.teaserMode.toUpperCase() === 'BOTH') {\n allTeasers.push(t);\n }\n\n if (t.isEmbeddedTeaser) {\n navTeaser = false;\n } else {\n navTeaser = true;\n }\n });\n const categoryNavTeaserMode = this.isNPM\n ? this.bgGlobalConfig.categoryNavTeaserMode\n : this.configProviderService?.provideGlobalConfig()?.messages?.categoryNavTeaserMode;\n if (navTeaser && this.isDefaultCategory === false) {\n this.Modeset = categoryNavTeaserMode;\n } else if (this.isDefaultCategory) {\n this.Modeset = this.TeaserMode;\n }\n this.teasers = [];\n this.teasers = allTeasers;\n this.isLandscape = this.isInLandscape();\n if (this.teasers && this.teasers.length) {\n this.elementWidth = screen.width;\n this.extendImageData(this.teasers);\n if (!this.isNPM) this.refreshTeaserJackpots();\n this.getHeight();\n this.swiperOptionsTeasersNpm.navigation = this.isTouch || this.teasers?.length == 1 ? false : true;\n if (this.swiperOptionsTeasersNpm.navigation) {\n this.swiperOptionsTeasersNpm.navigation = {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n };\n }\n this.swiperOptionsTeasersNpm.loop = this.teasers?.length == 1 ? false : true;\n }\n }\n\n public track(where: any, what: any, isUrl: any) {\n this.tracking.updateDataLayer({\n 'page.name': 'mcTeasers',\n 'event': 'pageView',\n 'page.url': '?source=' + where + '&' + (isUrl ? 'href=' : 'gameId=') + what,\n });\n }\n\n public trackGameLaunch(gameLaunchInfo: any, isUrl: boolean, bannerPos: any) {\n let gameType = '',\n gameTrackingObj: any = {};\n const launchUrlIndex: number = this.teaserLaunchRealtiveUri ? gameLaunchInfo.indexOf(this.teaserLaunchRealtiveUri) : -1;\n if (isUrl && launchUrlIndex > 0) {\n const gameId: any = gameLaunchInfo.substr(launchUrlIndex + this.teaserLaunchRealtiveUri?.length);\n const gameData: any = this.gameManagerService.getGameInfo(gameId);\n if (gameData && !gameData.isDataNotAvailable) {\n gameType = gameData == null ? '' : gameData.launchType;\n const gameDisplayName = gameData == null ? '' : gameData.title;\n gameTrackingObj = {\n name: gameId,\n type: gameType,\n position: bannerPos,\n section: 'Teaser',\n displayName: gameDisplayName,\n };\n }\n } else {\n gameTrackingObj = {\n name: gameLaunchInfo,\n type: gameType,\n position: 1,\n section: '',\n };\n }\n if (Object.keys(gameTrackingObj).length > 0) {\n this.gameLaunchTrackingService.track(gameTrackingObj);\n }\n }\n\n public JackpotFeed() {\n this.jackpot.jackpotFeedObservable.subscribe(() => {\n this.refreshTeaserJackpots();\n });\n }\n\n public refreshTeaserJackpots() {\n this.teasers.forEach((teaser: any) => {\n if (teaser.jackpot) {\n const jackpotsCache = this.jackpot.getJackpotGroupNameMap();\n const jackpot = jackpotsCache.get(teaser.jackpot);\n if (jackpotsCache && jackpot) {\n if (teaser.jackpotValue !== jackpot.amount) {\n teaser.jackpotTickValue = parseFloat(jackpot.value);\n teaser.jackpotValue = jackpot.amount;\n teaser.jpCurSymbol = jackpot.amount.split(' ')[0];\n }\n }\n }\n });\n }\n\n public updatedInfo() {\n this.isLandscape = this.isInLandscape();\n this.getHeight();\n try {\n this.isLandscape ? document.documentElement.classList.add('landscape') : document.documentElement.classList.remove('landscape');\n } catch (err) {\n this.logger.error('Exception in updatedInfo function of cc-teasers component: ' + err);\n }\n this.teaserLandscape = this.elementWidth >= 480;\n }\n\n public teaserClick(event: any, teaser: any, bannerPos: any) {\n event.stopPropagation();\n if (!this.isNPM) {\n if (this.casinoIFrameOverlayService.isOverLayOnAProduct() || this.gameContainer == 'Overlay') {\n this.tracking.triggerEvent('Event.Clicks', {\n 'component.CategoryEvent': 'Sports Gaming Overlay',\n 'component.LabelEvent': 'Embeded Teaser',\n 'component.ActionEvent': 'Embeded Teaser - Click',\n 'component.LocationEvent': 'Gaming Overlay on Sports Lobby',\n 'component.EventDetails': 'User taps on Embedded teasers configured on Gaming overlay',\n 'component.URLClicked': teaser?.teaserLink?.url,\n });\n } else {\n this.tracking.triggerEvent('Event.Clicks', {\n 'component.CategoryEvent': 'Teaser_Banners',\n 'component.LabelEvent':\n (this.utilityService.getProductForGivenLobbyType(this.lobbyType)\n ? this.utilityService.getProductForGivenLobbyType(this.lobbyType).toUpperCase()\n : '') +\n '_' +\n unescape(teaser.teaserId),\n 'component.PositionEvent': 'Teaser_' + bannerPos,\n 'component.LocationEvent':\n this.teaserLocation +\n '_Teaser' +\n (this.casinoLobbyService.getCategoryName(this.lobbyType, this.teaserCategory) != '' ? ' ' : '') +\n this.casinoLobbyService.getCategoryName(this.lobbyType, this.teaserCategory),\n 'component.ActionEvent': 'Teaser - Click',\n 'component.EventDetails': 'User taps on teasers',\n 'component.URLClicked': teaser?.teaserLink?.url,\n });\n }\n }\n if (!this.isNPM && (this.isNewSportsNative || this.vcClientService.isPokerVC())) {\n const link: any = teaser?.teaserNativeLink?.url;\n if (link) {\n this.track('tp', link, true);\n this.trackGameLaunch(link, true, bannerPos);\n const options = { skipLoadingIndicator: false };\n if (link.substring(link.length - 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n const infiIndex = link.indexOf('?event=promo');\n if (infiIndex === -1) {\n if (this.vcClientService.isPokerVC() && this.isGameUrl(link)) {\n this.launchVCGame(link, bannerPos);\n return;\n }\n this.handleNavigation(link, teaser.teaserNativeLink.attributes, !options.skipLoadingIndicator);\n } else {\n const event: NativeEvent = {\n eventName: 'Native_MD5_Teaser_Click',\n parameters: {\n teaserNativeLinkUrl: link.substring(infiIndex),\n },\n };\n this.NativeApplication.sendToNative(event);\n }\n }\n } else {\n if (teaser?.teaserLink?.url) {\n if (!this.isNPM) {\n this.track('tp', teaser.teaserLink.url, true);\n this.handleTeaserClick(teaser.teaserLink, bannerPos);\n } else {\n const options = { skipLoadingIndicator: false };\n if (teaser?.teaserLink?.url?.substr(teaser.teaserLink.url.length - 4, 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n this.navigation.goTo(teaser?.teaserLink?.url, { showSpinnerForExternalNavigation: !options.skipLoadingIndicator });\n }\n }\n }\n }\n\n public ctaClick(event: any, teaser: any, bannerPos: any) {\n event.stopPropagation();\n if (!this.isNPM) {\n this.tracking.triggerEvent('Event.Clicks', {\n 'component.CategoryEvent': 'Teaser_Banners',\n 'component.LabelEvent':\n (this.utilityService.getProductForGivenLobbyType(this.lobbyType)\n ? this.utilityService.getProductForGivenLobbyType(this.lobbyType).toUpperCase()\n : '') +\n '_' +\n unescape(teaser.teaserId),\n 'component.PositionEvent': 'Teaser_' + bannerPos,\n 'component.LocationEvent':\n this.teaserLocation +\n '_Teaser' +\n (this.casinoLobbyService.getCategoryName(this.lobbyType, this.teaserCategory) != '' ? '_' : '') +\n this.casinoLobbyService.getCategoryName(this.lobbyType, this.teaserCategory),\n 'component.ActionEvent': 'CTA Click',\n 'component.EventDetails': 'CTA Name|' + teaser.ctaTitle,\n 'component.URLClicked': teaser?.ctaLink?.url,\n });\n }\n if (!this.isNPM && (this.isNewSportsNative || this.vcClientService.isPokerVC())) {\n const link: any = teaser?.ctaNativeLink?.url;\n if (link) {\n this.track('tp', link, true);\n this.trackGameLaunch(link, true, bannerPos);\n const options = { skipLoadingIndicator: false };\n if (link.substring(link.length - 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n const infiIndex = link.indexOf('?event=promo');\n if (infiIndex === -1) {\n if (this.vcClientService.isPokerVC() && this.isGameUrl(link)) {\n this.launchVCGame(link, bannerPos);\n return;\n }\n this.handleNavigation(link, teaser.ctaNativeLink.attributes, !options.skipLoadingIndicator);\n } else {\n const event: NativeEvent = {\n eventName: 'Native_MD5_Teaser_Cta_Click',\n parameters: {\n teaserCtaNativeLinkUrl: link.substring(infiIndex),\n },\n };\n this.NativeApplication.sendToNative(event);\n }\n }\n } else if (teaser.ctaLink) {\n if (!this.isNPM) {\n this.handleTeaserClick(teaser.ctaLink, bannerPos);\n } else {\n this.track('tp', teaser?.ctaLink?.url, true);\n this.trackGameLaunch(teaser?.ctaLink?.url, true, bannerPos);\n const options = { skipLoadingIndicator: false };\n if (teaser?.ctaLink?.url?.substr(teaser.ctaLink.url.length - 4, 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n this.navigation.goTo(teaser?.ctaLink?.url, { showSpinnerForExternalNavigation: !options.skipLoadingIndicator });\n }\n }\n }\n\n public termsClick(event: any, teaser: any) {\n event.stopPropagation();\n if (!this.isNPM && this.isNewSportsNative) {\n const link: any = teaser?.termsNativeLink?.url;\n if (link) {\n this.track('tp', link, true);\n const options = { skipLoadingIndicator: false };\n if (link.substring(link.length - 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n const infiIndex = link.indexOf('?event=promo');\n if (infiIndex === -1) {\n this.handleNavigation(link, teaser.termsNativeLink.attributes, !options.skipLoadingIndicator);\n } else {\n const event: NativeEvent = {\n eventName: 'Native_MD5_Teaser_Terms_Click',\n parameters: {\n teaserTermsNativeLinkUrl: link.substring(infiIndex),\n },\n };\n this.NativeApplication.sendToNative(event);\n }\n }\n } else if (teaser?.termsLink) {\n if (!this.isNPM) {\n this.track('tp', teaser.termsLink.url, true);\n const options = { skipLoadingIndicator: false };\n if (teaser?.termsLink?.url?.substr(teaser?.termsLink?.url.length - 4, 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n this.casinoWidgetService.postMessageToParent('UserAction', {\n redirectUrl: teaser.termsLink.url,\n redirectOptions: { showSpinnerForExternalNavigation: !options.skipLoadingIndicator },\n });\n return;\n } else {\n this.handleNavigation(teaser?.termsLink?.url, teaser.termsLink.attributes, !options.skipLoadingIndicator);\n }\n } else {\n const options = { skipLoadingIndicator: false };\n if (teaser?.termsLink?.url?.substr(teaser.termsLink.url.length - 4, 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n this.navigation.goTo(teaser?.termsLink?.url, { showSpinnerForExternalNavigation: !options.skipLoadingIndicator });\n }\n }\n }\n\n @HostListener('window:resize', []) resize() {\n if (this.windowRef?.nativeWindow.document?.activeElement?.nodeType == Node.TEXT_NODE && !this.isLandscape) {\n return;\n }\n this.updatedInfo();\n }\n\n launchVCGame(link: string, bannerPos?: any) {\n if (this.isGameUrl(link)) {\n const gameId = this.getGameIdFromTeaserHref(link);\n const gameLaunchModel = new GameLaunch();\n const game = { gameId: gameId };\n gameLaunchModel.game = game;\n gameLaunchModel.isTouch = this.isTouch;\n gameLaunchModel.gamePosition = Number(bannerPos);\n gameLaunchModel.categoryType = 'Teaser';\n gameLaunchModel.from = 'Teaser';\n this.vcClientService.handleVCGameLaunch(gameLaunchModel, false);\n }\n }\n\n launchNativeGame(link: string, bannerPos?: any) {\n if (this.isGameUrl(link)) {\n const gameId = this.getGameIdFromTeaserHref(link);\n const params = { gameId: gameId, skipUnfinGame: false };\n const gameLaunchModel = new GameLaunch();\n const game = { gameId: gameId };\n gameLaunchModel.game = game;\n gameLaunchModel.isTouch = this.isTouch;\n gameLaunchModel.gamePosition = Number(bannerPos);\n gameLaunchModel.categoryType = 'Teaser';\n gameLaunchModel.from = 'Teaser';\n this.nativeAppHelper.handleNativeGameLaunch(params, gameLaunchModel);\n }\n }\n\n getGameIdFromTeaserHref(link: string): string {\n return this.isGameUrl(link) ? link.substring(link.indexOf(this.teaserLaunchRealtiveUri) + this.teaserLaunchRealtiveUri?.length) : '';\n }\n\n isGameUrl(link: string) {\n return link.indexOf(this.teaserLaunchRealtiveUri) > 0;\n }\n\n playbingoTracking(buttonActionEvent: string) {\n const actionEvent = buttonActionEvent;\n let positionEvent: string;\n if (this.deviceService.windowWidth() < 480) {\n positionEvent = 'Below the Banner';\n } else {\n positionEvent = 'on the Banner';\n }\n this.tracking.triggerEvent('Event.Clicks', {\n ' component.CategoryEvent': 'Play Bingo Button',\n 'component.LabelEvent': 'Play Bingo Now',\n 'component.ActionEvent': 'Play Bingo Button - ' + actionEvent,\n 'component.PositionEvent': positionEvent,\n 'component.LocationEvent': 'Casino Lobby',\n 'component.EventDetails': 'CTA to Launch Bingo',\n 'component.URLClicked': this.bingocta?.url,\n });\n }\n\n playbingoclick(playlink: any) {\n this.playbingoTracking('Clicked');\n if (!playlink.htmlAttributes.gameId) {\n this.navigation.goTo(playlink.url);\n } else {\n const gameObj: any = {\n section: 'Teaser',\n gameContainerLocation: 'Teaser|Top Teaser',\n position: 0,\n isBingoVf: playlink.htmlAttributes.gameType == 'Bingovf' || false,\n };\n this.bingoGameLaunchService.initiateGameLaunch(\n playlink.htmlAttributes.gameName,\n playlink.htmlAttributes.gameType,\n playlink.htmlAttributes.ballType,\n playlink.htmlAttributes.launchType,\n playlink.htmlAttributes.gameIcon,\n playlink.htmlAttributes.gameId,\n playlink.htmlAttributes.favstatus,\n playlink?.link?.url,\n gameObj,\n );\n }\n }\n\n handleTeaserClick(link: any, bannerPos: any) {\n const href = link.url;\n const options: any = { skipLoadingIndicator: false };\n const gameId: string = this.getGameIdFromTeaserHref(href);\n if (href.substr(href.length - 4, 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n if (this.configProviderService?.provideGameConfig()?.nativeGameLaunchEnabled && gameId) {\n this.launchNativeGame(href, bannerPos);\n return;\n }\n if (gameId) {\n let gameHref: string = cloneDeep(href);\n if (this.configProviderService?.provideAdvanceGameDataConfig()?.enableAdvanceGameData) {\n gameHref = this.gameLaunchService.appendQueryString(href, 'adv_parentcat', 'Teaser');\n gameHref = this.gameLaunchService.appendQueryString(gameHref, 'adv_pos', String(bannerPos - 1));\n }\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n if (this.isTouch) {\n if (this.casinoWidgetService.isCasinoWidget() && gameId) {\n const postData: any = {\n promptLogin: !this.user.isAuthenticated,\n redirectUrl: gameHref,\n redirectOptions: this.user.isAuthenticated ? { showSpinnerForExternalNavigation: !options.skipLoadingIndicator } : null,\n };\n this.casinoWidgetService.postMessageToParent('UserAction', postData);\n return;\n } else if (this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n let redirectPlayUrl: string = gameHref;\n redirectPlayUrl = this.gameLaunchService.appendQueryString(\n redirectPlayUrl,\n 'invokerProduct',\n this.casinoWidgetService.getWidgetProduct(),\n );\n if (this.user.isAuthenticated) {\n redirectPlayUrl = this.gameLaunchService.appendQueryString(redirectPlayUrl, 'returnurl', document.referrer);\n redirectPlayUrl = this.gameLaunchService.appendQueryString(redirectPlayUrl, 'widgetGameLaunch', 'true');\n }\n const postData: any = {\n promptLogin: !this.user.isAuthenticated,\n redirectUrl: redirectPlayUrl,\n };\n this.casinoWidgetService.postMessageToParent('UserAction', postData);\n return;\n }\n } else {\n if (this.casinoWidgetService.isCasinoWidget()) {\n gameHref = this.gameLaunchService.appendQueryString(gameHref, 'widgetHomeUrl', document.referrer);\n this.casinoWidgetService.postMessageToParent('UserAction', {\n promptLogin: !this.user.isAuthenticated,\n redirectUrl: gameHref,\n });\n return;\n }\n }\n } else {\n let gameInfo: any = this.gameManagerService.getGameInfo(gameId);\n if (!gameInfo) {\n gameInfo = {};\n }\n gameInfo.gameId = gameId;\n const gameModel = new GameLaunch();\n gameModel.game = gameInfo;\n gameModel.isTouch = this.isTouch;\n gameModel.gamePosition = bannerPos - 1;\n gameModel.categoryType = this.teaserCategory;\n gameModel.from = 'q';\n gameModel.replaceRouteInHistory = false;\n gameModel.isDemoLaunch = false;\n gameModel.skipUnfinGame = false;\n gameModel.gameLaunchedFrom = this.gameLaunchPlaces.teaser;\n gameModel.gameContainer = this.gameContainer;\n gameModel.game.lobbyType = this.lobbyType;\n gameModel.returnUrl = window.location.href;\n gameModel.clickTimeStamp = this.gameLaunchService.currentTimeStamp();\n this.gameLaunchService.launchGame(gameModel);\n }\n } else {\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n this.casinoWidgetService.postMessageToParent('UserAction', {\n redirectUrl: href,\n redirectOptions: { showSpinnerForExternalNavigation: !options.skipLoadingIndicator },\n });\n return;\n } else {\n this.handleNavigation(href, link.attributes, !options.skipLoadingIndicator);\n }\n }\n }\n\n private handleNavigation(url: string, attributes: any, showSpinnerForExternalNavigation: boolean) {\n if (attributes.hasOwnProperty('target')) {\n window.open(url, attributes.target);\n } else {\n this.navigation.goTo(url, { showSpinnerForExternalNavigation: showSpinnerForExternalNavigation });\n }\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n if (this.teaserCarousel) {\n this.teaserCarousel.swiper.on('slideChange', (event: any) => {\n this.onTeaserIndexChanged(event);\n });\n }\n const teaserSetIndexTimeout: any = this.isNPM\n ? this.teaserDynaconConfigs.teaserSetIndexTimeout\n : this.configProviderService.provideFeaturesConfig()?.teaserSetIndexTimeout;\n setTimeout(() => {\n if (this.teaserCarousel?.swiper) {\n this.teaserCarousel.swiper.update();\n if (this.enableLobbyBackgroundImage && (this.teaserLocation === 'Top' || this.teaserLocation === 'SubNavigation')) {\n this.teaserService.indexChangeTeaserData(this.teasers[0]);\n }\n }\n }, teaserSetIndexTimeout);\n }, 200);\n }\n}\n","\n \n \n \n \n \n \n \n \n \n
\n \n \n \n
\n \n\n","import { NgClass, NgFor, NgIf, NgStyle } from '@angular/common';\nimport { AfterViewInit, Component, DestroyRef, HostListener, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n BingoGameLaunchService,\n CasinoCoreGamelaunchService,\n CasinoIFrameOverlayService,\n CasinoLobbyService,\n CasinoManager,\n CasinoWidgetService,\n ConfigProviderService,\n DesignSystemEnablerService,\n GameLaunch,\n GameLaunchPlaces,\n GameLaunchTrackingService,\n GameManagerService,\n JackpotDataService,\n NativeAppHelperService,\n SitecoreImageResizePipe,\n TeaserService,\n UtilityService,\n VCClientService,\n} from '@casinocore/platform/core';\nimport { DecoratorClassDirective, GameTileCtaComponent } from '@frontend/casino-ui';\nimport {\n DeviceService,\n Logger,\n NativeAppService,\n NativeEvent,\n NavigationService,\n TrackingService,\n UserService,\n WindowRef,\n} from '@frontend/vanilla/core';\nimport { TrustAsHtmlPipe } from '@frontend/vanilla/shared/browser';\nimport { SwiperComponent } from '@frontend/vanilla/shared/swiper';\nimport { cloneDeep } from 'lodash-es';\nimport { Autoplay, Navigation, Pagination } from 'swiper/modules';\nimport { SwiperOptions } from 'swiper/types/swiper-options';\n\n@Component({\n selector: 'cc-teasers',\n templateUrl: 'teasers.component.html',\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [\n NgIf,\n NgClass,\n NgFor,\n NgStyle,\n TrustAsHtmlPipe,\n SitecoreImageResizePipe,\n SwiperComponent,\n GameTileCtaComponent,\n DecoratorClassDirective,\n ],\n})\nexport class TeasersComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {\n @Input() teaserCategory: any;\n @Input() teaserLocation: any;\n @Input() teasersSource: any;\n @Input() isDefaultCategory?: boolean;\n @Input() lobbyType: string;\n @Input() gameContainer: string;\n @ViewChild('swiper') swiperRef: SwiperComponent;\n EnableJackpotTickerTeasers: any;\n teaserHeight: any;\n elementWidth: any;\n jackpot_image: any;\n index: any = 0;\n isNewSportsNative: any;\n jpTitle: any = 24;\n jpContainer: any = 37;\n jpCta: any = 48;\n teasers: any = [];\n enablebingoplay: boolean;\n isLandscape: any;\n teaserLandscape: any;\n isButtonVisible: boolean;\n isTouch: boolean;\n TeaserMode: any;\n teaserLaunchRealtiveUri: string;\n subCategoryTeaserMode: any;\n categoryNavTeaserMode: any;\n Modeset: any;\n bingocta: any;\n enableLobbyBackgroundImage: boolean;\n teasersconfigloaded: any;\n enableEpcotSubNavigation: boolean;\n isLegacy: boolean = false;\n swiperOptionsTeasers: SwiperOptions = {\n modules: [Navigation, Pagination, Autoplay],\n loop: false,\n autoHeight: true,\n allowTouchMove: true,\n spaceBetween: 1,\n direction: 'horizontal',\n slidesPerView: 'auto',\n centeredSlides: false,\n autoplay: {\n delay: 5000,\n disableOnInteraction: false,\n pauseOnMouseEnter: true,\n waitForTransition: false,\n },\n pagination: {\n type: 'bullets',\n clickable: true,\n el: '.swiper-pagination',\n },\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n observer: true,\n rewind: true,\n slidesPerGroup: 1,\n keyboard: true,\n watchOverflow: true,\n mousewheel: false,\n scrollbar: false,\n preventClicks: true,\n preventClicksPropagation: true,\n };\n jackpotGroupId: any;\n jackpotTilecategory: boolean;\n\n constructor(\n private windowRef: WindowRef,\n private configProviderService: ConfigProviderService,\n private jackpot: JackpotDataService,\n private tracking: TrackingService,\n private NativeApplication: NativeAppService,\n private logger: Logger,\n private vcClientService: VCClientService,\n private user: UserService,\n private navigation: NavigationService,\n private gameLaunchService: CasinoCoreGamelaunchService,\n private gameLaunchPlaces: GameLaunchPlaces,\n private casinoManager: CasinoManager,\n private nativeAppHelper: NativeAppHelperService,\n private casinoIFrameOverlayService: CasinoIFrameOverlayService,\n private casinoWidgetService: CasinoWidgetService,\n private bingoGameLaunchService: BingoGameLaunchService,\n private casinoLobbyService: CasinoLobbyService,\n private teaserService: TeaserService,\n private gameLaunchTrackingService: GameLaunchTrackingService,\n private deviceService: DeviceService,\n private destroyRef: DestroyRef,\n private designSystemEnablerService: DesignSystemEnablerService,\n private utilityService: UtilityService,\n private gameManagerService: GameManagerService,\n ) {\n this.EnableJackpotTickerTeasers = this.configProviderService.provideFeaturesConfig().enableJackpotTickerTeasers;\n this.teaserLaunchRealtiveUri = '/' + this.configProviderService.provideMcPageConfig().labelPrefix + '/launchng/';\n }\n\n ngOnInit() {\n if (this.teaserLocation === 'Top') {\n this.Modeset = this.TeaserMode;\n } else if (this.teaserLocation === 'SubNavigation') {\n this.Modeset = this.categoryNavTeaserMode;\n } else {\n this.Modeset = this.subCategoryTeaserMode;\n }\n this.isButtonVisible = true;\n this.isLandscape = this.isInLandscape();\n this.teaserLandscape = this.elementWidth >= 480;\n this.JackpotFeed();\n if (this.deviceService.windowWidth() >= 1366) {\n this.isButtonVisible = false;\n }\n if (this.enablebingoplay) {\n this.playbingoTracking('Displayed');\n }\n this.checkPlayerSegmentData();\n this.isLegacy = !this.designSystemEnablerService.isEnabled();\n }\n\n assignFeatures() {\n const features: any = this.configProviderService.provideFeaturesConfig();\n this.enablebingoplay = this.casinoManager.IsFeatureEnabledforLobbytype(this.lobbyType, features.enablePlayBingoButton);\n this.enableLobbyBackgroundImage = features.enableLobbyBackgroundImage;\n }\n\n assignConfigs() {\n const globalConfig: any = this.configProviderService.provideGlobalConfig();\n const subnavConfig: any = this.configProviderService.provideSubNavigationConfig();\n const jackpotsConfig = this.configProviderService.provideJackpotConfig();\n if (this.jackpotGroupId && jackpotsConfig.enableJackpotTile) {\n this.jackpotTilecategory = true;\n }\n this.TeaserMode = globalConfig.messages.TeaserMode;\n this.subCategoryTeaserMode = globalConfig.messages.subCategoryTeaserMode;\n this.categoryNavTeaserMode = globalConfig.messages.categoryNavTeaserMode;\n this.enableEpcotSubNavigation = subnavConfig.enableEpcotSubNavigation;\n }\n\n checkPlayerSegmentData() {\n this.casinoManager.playerSegmentDataObservable.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data: any) => {\n if (data != null && data.playerValueSegment != null && data.playerValueSegment.favoriteProductLT) {\n if (data.playerValueSegment.favoriteProductLT == 'Casino') this.enablebingoplay = false;\n }\n });\n }\n\n assignBrowserSpecificClass() {\n if (navigator.userAgent.indexOf('Edge') != -1) {\n return 'edge';\n }\n return '';\n }\n\n onResize() {\n this.isButtonVisible = this.deviceService.windowWidth() < 1366;\n }\n\n ngOnChanges(changes: any) {\n this.assignFeatures();\n this.assignConfigs();\n this.isTouch = this.casinoManager.isTouch();\n if (this.isTouch) {\n this.swiperOptionsTeasers.navigation = false;\n } else {\n this.swiperOptionsTeasers.navigation = {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n };\n }\n this.bingocta = this.configProviderService.provideMcPageConfig().playBingoButton;\n this.isNewSportsNative =\n this.NativeApplication.isNativeApp && (this.NativeApplication.product === 'SPORTSBOOK' || this.NativeApplication.product === 'BETTING');\n if (this.configProviderService.provideCasinoConfig().teasers.takeOver && this.isDefaultCategory) {\n this.TeaserMode += ' take-over';\n document.getElementsByTagName('html')[0].classList.add('take-over-teaser');\n } else if (this.isDefaultCategory === false) {\n document.getElementsByTagName('html')[0].classList.remove('take-over-teaser');\n }\n if (changes.teasersSource) {\n this.initializeTeasers();\n this.updatedInfo();\n }\n // if(!changes?.identifierClass) {\n // this.teasersconfigloaded = true;\n // }\n // else {\n // this.teasersconfigloaded=false;\n // }\n }\n\n onTeaserIndexChanged(swiperObj: any) {\n if (this.enableLobbyBackgroundImage && (this.teaserLocation === 'Top' || this.teaserLocation === 'SubNavigation') && swiperObj) {\n this.teaserService.indexChangeTeaserData(this.teasers[swiperObj.realIndex]);\n }\n }\n ngOnDestroy() {\n if (this.isLandscape) {\n document.documentElement.classList.remove('landscape');\n }\n }\n\n public isInLandscape() {\n return this.deviceService.windowWidth() >= 480;\n }\n\n public getHeight() {\n this.elementWidth = this.deviceService.windowWidth();\n let margin = 0;\n if (this.elementWidth >= 1024) {\n margin = this.elementWidth * 0.01 * 7.2 + 8;\n }\n this.elementWidth = this.elementWidth - margin * 2;\n const ctaButtonHeight = 48;\n let termsHeight = 45;\n const titleHeight = 30;\n if (480 <= this.elementWidth && this.elementWidth < 667) {\n termsHeight = titleHeight;\n }\n const teaserCtaAndTermsHeight = ctaButtonHeight + termsHeight + titleHeight;\n if (this.isInLandscape()) {\n this.teaserHeight = (this.elementWidth / 2 / this.index.toFixed(2) + termsHeight - 1).toFixed(0);\n } else {\n this.teaserHeight = (this.elementWidth / this.index.toFixed(2) + teaserCtaAndTermsHeight - 1).toFixed(0);\n }\n return this.teaserHeight;\n }\n\n public extendImageData(teasers: any) {\n teasers.forEach((teaser: any) => {\n if (teaser.image && teaser.image.src) {\n if (this.index === 0 || isNaN(this.index)) {\n this.index = teaser.image.width / teaser.image.height;\n }\n }\n });\n }\n\n public initializeTeasers() {\n this.teasersconfigloaded = false;\n this.teasers = this.teasersSource;\n let navTeaser = false;\n const allTeasers: any = [];\n this.teasers.forEach((t: any) => {\n if (!t.teaserMode) {\n t.teaserMode = '';\n }\n if (t.teaserMode.toUpperCase() === 'MOBILE' && this.isTouch) {\n allTeasers.push(t);\n } else if (t.teaserMode.toUpperCase() === 'DESKTOP' && !this.isTouch) {\n allTeasers.push(t);\n } else if (t.teaserMode == '' || t.teaserMode.toUpperCase() === 'BOTH') {\n allTeasers.push(t);\n }\n\n if (t.isEmbeddedTeaser) {\n navTeaser = false;\n } else {\n navTeaser = true;\n }\n });\n const categoryNavTeaserMode = this.configProviderService.provideGlobalConfig().messages.categoryNavTeaserMode;\n if (navTeaser && this.isDefaultCategory === false) {\n this.Modeset = categoryNavTeaserMode;\n } else if (this.isDefaultCategory) {\n this.Modeset = this.TeaserMode;\n }\n this.teasers = [];\n this.teasers = allTeasers;\n this.isLandscape = this.isInLandscape();\n if (this.teasers && this.teasers.length) {\n this.elementWidth = screen.width;\n this.extendImageData(this.teasers);\n this.refreshTeaserJackpots();\n this.getHeight();\n setTimeout(() => {\n this.swiperOptionsTeasers.loop = this.teasers?.length > 1 ? true : false;\n this.teasersconfigloaded = true;\n }, 100);\n }\n }\n\n public track(where: any, what: any, isUrl: any) {\n this.tracking.updateDataLayer({\n 'page.name': 'mcTeasers',\n 'event': 'pageView',\n 'page.url': '?source=' + where + '&' + (isUrl ? 'href=' : 'gameId=') + what,\n });\n }\n\n public trackGameLaunch(gameLaunchInfo: any, isUrl: boolean, bannerPos: any) {\n let gameType = '',\n gameTrackingObj: any = {};\n const launchUrlIndex: number = gameLaunchInfo.indexOf(this.teaserLaunchRealtiveUri);\n if (isUrl && launchUrlIndex > 0) {\n const gameId: any = gameLaunchInfo.substr(launchUrlIndex + this.teaserLaunchRealtiveUri.length);\n const gameData: any = this.gameManagerService.getGameInfo(gameId);\n if (gameData && !gameData.isDataNotAvailable) {\n gameType = gameData == null ? '' : gameData.launchType;\n const gameDisplayName = gameData == null ? '' : gameData.title;\n gameTrackingObj = {\n name: gameId,\n type: gameType,\n position: bannerPos,\n section: 'Teaser',\n displayName: gameDisplayName,\n };\n }\n } else {\n gameTrackingObj = {\n name: gameLaunchInfo,\n type: gameType,\n position: 1,\n section: '',\n };\n }\n if (Object.keys(gameTrackingObj).length > 0) {\n this.gameLaunchTrackingService.track(gameTrackingObj);\n }\n }\n\n public JackpotFeed() {\n this.jackpot.jackpotFeedObservable.subscribe(() => {\n this.refreshTeaserJackpots();\n });\n }\n\n public refreshTeaserJackpots() {\n this.teasers.forEach((teaser: any) => {\n if (teaser.jackpot) {\n const jackpotsCache = this.jackpot.getJackpotGroupNameMap();\n const jackpot = jackpotsCache.get(teaser.jackpot);\n if (jackpotsCache && jackpot) {\n if (teaser.jackpotValue !== jackpot.amount) {\n teaser.jackpotTickValue = parseFloat(jackpot.value);\n teaser.jackpotValue = jackpot.amount;\n teaser.jpCurSymbol = jackpot.amount.split(' ')[0];\n }\n }\n }\n });\n }\n\n public updatedInfo() {\n this.isLandscape = this.isInLandscape();\n this.getHeight();\n try {\n this.isLandscape ? document.documentElement.classList.add('landscape') : document.documentElement.classList.remove('landscape');\n } catch (err) {\n this.logger.error('Exception in updatedInfo function of cc-teasers component: ' + err);\n }\n this.teaserLandscape = this.elementWidth >= 480;\n }\n\n public teaserClick(event: any, teaser: any, bannerPos: any) {\n event.stopPropagation();\n if (this.casinoIFrameOverlayService.isOverLayOnAProduct() || this.gameContainer == 'Overlay') {\n this.tracking.triggerEvent('Event.Clicks', {\n 'component.CategoryEvent': 'Sports Gaming Overlay',\n 'component.LabelEvent': 'Embeded Teaser',\n 'component.ActionEvent': 'Embeded Teaser - Click',\n 'component.LocationEvent': 'Gaming Overlay on Sports Lobby',\n 'component.EventDetails': 'User taps on Embedded teasers configured on Gaming overlay',\n 'component.URLClicked': teaser?.teaserLink?.url,\n });\n } else {\n this.tracking.triggerEvent('Event.Clicks', {\n 'component.CategoryEvent': 'Teaser_Banners',\n 'component.LabelEvent':\n (this.utilityService.getProductForGivenLobbyType(this.lobbyType)\n ? this.utilityService.getProductForGivenLobbyType(this.lobbyType).toUpperCase()\n : '') +\n '_' +\n unescape(teaser.teaserId),\n 'component.PositionEvent': 'Teaser_' + bannerPos,\n 'component.LocationEvent':\n this.teaserLocation +\n '_Teaser' +\n (this.casinoLobbyService.getCategoryName(this.lobbyType, this.teaserCategory) != '' ? ' ' : '') +\n this.casinoLobbyService.getCategoryName(this.lobbyType, this.teaserCategory),\n 'component.ActionEvent': 'Teaser - Click',\n 'component.EventDetails': 'User taps on teasers',\n 'component.URLClicked': teaser?.teaserLink?.url,\n });\n }\n if (this.isNewSportsNative || this.vcClientService.isPokerVC()) {\n const link: any = teaser?.teaserNativeLink?.url;\n if (link) {\n this.track('tp', link, true);\n this.trackGameLaunch(link, true, bannerPos);\n const options = { skipLoadingIndicator: false };\n if (link.substring(link.length - 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n const infiIndex = link.indexOf('?event=promo');\n if (infiIndex === -1) {\n if (this.vcClientService.isPokerVC() && this.isGameUrl(link)) {\n this.launchVCGame(link, bannerPos);\n return;\n }\n this.handleNavigation(link, teaser.teaserNativeLink.attributes, !options.skipLoadingIndicator);\n } else {\n const event: NativeEvent = {\n eventName: 'Native_MD5_Teaser_Click',\n parameters: {\n teaserNativeLinkUrl: link.substring(infiIndex),\n },\n };\n this.NativeApplication.sendToNative(event);\n }\n }\n } else {\n if (teaser?.teaserLink?.url) {\n this.track('tp', teaser?.teaserLink?.url, true);\n this.handleTeaserClick(teaser?.teaserLink, bannerPos);\n }\n }\n }\n\n public ctaClick(event: any, teaser: any, bannerPos: any) {\n event.stopPropagation();\n this.tracking.triggerEvent('Event.Clicks', {\n 'component.CategoryEvent': 'Teaser_Banners',\n 'component.LabelEvent':\n (this.utilityService.getProductForGivenLobbyType(this.lobbyType)\n ? this.utilityService.getProductForGivenLobbyType(this.lobbyType).toUpperCase()\n : '') +\n '_' +\n unescape(teaser.teaserId),\n 'component.PositionEvent': 'Teaser_' + bannerPos,\n 'component.LocationEvent':\n this.teaserLocation +\n '_Teaser' +\n (this.casinoLobbyService.getCategoryName(this.lobbyType, this.teaserCategory) != '' ? '_' : '') +\n this.casinoLobbyService.getCategoryName(this.lobbyType, this.teaserCategory),\n 'component.ActionEvent': 'CTA Click',\n 'component.EventDetails': 'CTA Name|' + teaser?.ctaTitle,\n 'component.URLClicked': teaser?.ctaLink?.url,\n });\n if (this.isNewSportsNative || this.vcClientService.isPokerVC()) {\n const link: any = teaser?.ctaNativeLink?.url;\n if (link) {\n this.track('tp', link, true);\n this.trackGameLaunch(link, true, bannerPos);\n const options = { skipLoadingIndicator: false };\n if (link.substring(link.length - 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n const infiIndex = link.indexOf('?event=promo');\n if (infiIndex === -1) {\n if (this.vcClientService.isPokerVC() && this.isGameUrl(link)) {\n this.launchVCGame(link, bannerPos);\n return;\n }\n this.handleNavigation(link, teaser.ctaNativeLink.attributes, !options.skipLoadingIndicator);\n } else {\n const event: NativeEvent = {\n eventName: 'Native_MD5_Teaser_Cta_Click',\n parameters: {\n teaserCtaNativeLinkUrl: link.substring(infiIndex),\n },\n };\n this.NativeApplication.sendToNative(event);\n }\n }\n } else if (teaser.ctaLink) {\n this.handleTeaserClick(teaser?.ctaLink, bannerPos);\n }\n }\n\n public termsClick(event: any, teaser: any) {\n event.stopPropagation();\n if (this.isNewSportsNative) {\n const link: any = teaser?.termsNativeLink?.url;\n if (link) {\n this.track('tp', link, true);\n const options = { skipLoadingIndicator: false };\n if (link.substring(link.length - 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n const infiIndex = link.indexOf('?event=promo');\n if (infiIndex === -1) {\n this.handleNavigation(link, teaser.termsNativeLink.attributes, !options.skipLoadingIndicator);\n } else {\n const event: NativeEvent = {\n eventName: 'Native_MD5_Teaser_Terms_Click',\n parameters: {\n teaserTermsNativeLinkUrl: link.substring(infiIndex),\n },\n };\n this.NativeApplication.sendToNative(event);\n }\n }\n } else if (teaser?.termsLink) {\n this.track('tp', teaser.termsLink.url, true);\n const options = { skipLoadingIndicator: false };\n if (teaser?.termsLink?.url.substr(teaser.termsLink.url.length - 4, 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n this.casinoWidgetService.postMessageToParent('UserAction', {\n redirectUrl: teaser.termsLink.url,\n redirectOptions: { showSpinnerForExternalNavigation: !options.skipLoadingIndicator },\n });\n return;\n } else {\n this.handleNavigation(teaser?.termsLink?.url, teaser.termsLink.attributes, !options.skipLoadingIndicator);\n }\n }\n }\n\n @HostListener('window:resize', []) resize() {\n if (this.windowRef.nativeWindow.document.activeElement?.nodeType == Node.TEXT_NODE && !this.isLandscape) {\n return;\n }\n this.updatedInfo();\n }\n\n launchVCGame(link: string, bannerPos?: any) {\n if (this.isGameUrl(link)) {\n const gameId = this.getGameIdFromTeaserHref(link);\n const gameLaunchModel = new GameLaunch();\n const game = { gameId: gameId };\n gameLaunchModel.game = game;\n gameLaunchModel.isTouch = this.isTouch;\n gameLaunchModel.gamePosition = Number(bannerPos);\n gameLaunchModel.categoryType = 'Teaser';\n gameLaunchModel.from = 'Teaser';\n this.vcClientService.handleVCGameLaunch(gameLaunchModel, false);\n }\n }\n\n launchNativeGame(link: string, bannerPos?: any) {\n if (this.isGameUrl(link)) {\n const gameId = this.getGameIdFromTeaserHref(link);\n const params = { gameId: gameId, skipUnfinGame: false };\n const gameLaunchModel = new GameLaunch();\n const game = { gameId: gameId };\n gameLaunchModel.game = game;\n gameLaunchModel.isTouch = this.isTouch;\n gameLaunchModel.gamePosition = Number(bannerPos);\n gameLaunchModel.categoryType = 'Teaser';\n gameLaunchModel.from = 'Teaser';\n this.nativeAppHelper.handleNativeGameLaunch(params, gameLaunchModel);\n }\n }\n\n getGameIdFromTeaserHref(link: string): string {\n return this.isGameUrl(link) ? link.substring(link.indexOf(this.teaserLaunchRealtiveUri) + this.teaserLaunchRealtiveUri.length) : '';\n }\n\n isGameUrl(link: string) {\n return link.indexOf(this.teaserLaunchRealtiveUri) > 0;\n }\n\n playbingoTracking(buttonActionEvent: string) {\n const actionEvent = buttonActionEvent;\n let positionEvent: string;\n if (this.deviceService.windowWidth() < 480) {\n positionEvent = 'Below the Banner';\n } else {\n positionEvent = 'on the Banner';\n }\n this.tracking.triggerEvent('Event.Clicks', {\n ' component.CategoryEvent': 'Play Bingo Button',\n 'component.LabelEvent': 'Play Bingo Now',\n 'component.ActionEvent': 'Play Bingo Button - ' + actionEvent,\n 'component.PositionEvent': positionEvent,\n 'component.LocationEvent': 'Casino Lobby',\n 'component.EventDetails': 'CTA to Launch Bingo',\n 'component.URLClicked': this.bingocta.url,\n });\n }\n\n playbingoclick(playlink: any) {\n this.playbingoTracking('Clicked');\n if (!playlink.htmlAttributes.gameId) {\n this.navigation.goTo(playlink?.url);\n } else {\n const gameObj: any = {\n section: 'Teaser',\n gameContainerLocation: 'Teaser|Top Teaser',\n position: 0,\n isBingoVf: playlink.htmlAttributes.gameType == 'Bingovf' || false,\n };\n this.bingoGameLaunchService.initiateGameLaunch(\n playlink.htmlAttributes.gameName,\n playlink.htmlAttributes.gameType,\n playlink.htmlAttributes.ballType,\n playlink.htmlAttributes.launchType,\n playlink.htmlAttributes.gameIcon,\n playlink.htmlAttributes.gameId,\n playlink.htmlAttributes.favstatus,\n playlink?.link?.url,\n gameObj,\n );\n }\n }\n\n handleTeaserClick(link: any, bannerPos: any) {\n const href = link.url;\n const options: any = { skipLoadingIndicator: false };\n const gameId: string = this.getGameIdFromTeaserHref(href);\n if (href.substr(href.length - 4, 4).toLowerCase() === '.apk') {\n options.skipLoadingIndicator = true;\n }\n if (this.configProviderService.provideGameConfig().nativeGameLaunchEnabled && gameId) {\n this.launchNativeGame(href, bannerPos);\n return;\n }\n if (gameId) {\n let gameHref: string = cloneDeep(href);\n if (this.configProviderService.provideAdvanceGameDataConfig().enableAdvanceGameData) {\n gameHref = this.gameLaunchService.appendQueryString(href, 'adv_parentcat', 'Teaser');\n gameHref = this.gameLaunchService.appendQueryString(gameHref, 'adv_pos', String(bannerPos - 1));\n }\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n if (this.isTouch) {\n if (this.casinoWidgetService.isCasinoWidget() && gameId) {\n const postData: any = {\n promptLogin: !this.user.isAuthenticated,\n redirectUrl: gameHref,\n redirectOptions: this.user.isAuthenticated ? { showSpinnerForExternalNavigation: !options.skipLoadingIndicator } : null,\n };\n this.casinoWidgetService.postMessageToParent('UserAction', postData);\n return;\n } else if (this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n let redirectPlayUrl: string = gameHref;\n redirectPlayUrl = this.gameLaunchService.appendQueryString(\n redirectPlayUrl,\n 'invokerProduct',\n this.casinoWidgetService.getWidgetProduct(),\n );\n if (this.user.isAuthenticated) {\n redirectPlayUrl = this.gameLaunchService.appendQueryString(redirectPlayUrl, 'returnurl', document.referrer);\n redirectPlayUrl = this.gameLaunchService.appendQueryString(redirectPlayUrl, 'widgetGameLaunch', 'true');\n }\n const postData: any = {\n promptLogin: !this.user.isAuthenticated,\n redirectUrl: redirectPlayUrl,\n };\n this.casinoWidgetService.postMessageToParent('UserAction', postData);\n return;\n }\n } else {\n if (this.casinoWidgetService.isCasinoWidget()) {\n gameHref = this.gameLaunchService.appendQueryString(gameHref, 'widgetHomeUrl', document.referrer);\n this.casinoWidgetService.postMessageToParent('UserAction', {\n promptLogin: !this.user.isAuthenticated,\n redirectUrl: gameHref,\n });\n return;\n }\n }\n } else {\n let gameInfo: any = this.gameManagerService.getGameInfo(gameId);\n if (!gameInfo) {\n gameInfo = {};\n }\n gameInfo.gameId = gameId;\n const gameModel = new GameLaunch();\n gameModel.game = gameInfo;\n gameModel.isTouch = this.isTouch;\n gameModel.gamePosition = bannerPos - 1;\n gameModel.categoryType = this.teaserCategory;\n gameModel.from = 'q';\n gameModel.replaceRouteInHistory = false;\n gameModel.isDemoLaunch = false;\n gameModel.skipUnfinGame = false;\n gameModel.gameLaunchedFrom = this.gameLaunchPlaces.teaser;\n gameModel.gameContainer = this.gameContainer;\n gameModel.game.lobbyType = this.lobbyType;\n gameModel.returnUrl = window.location.href;\n gameModel.clickTimeStamp = this.gameLaunchService.currentTimeStamp();\n this.gameLaunchService.launchGame(gameModel);\n }\n } else {\n if (this.casinoWidgetService.isCasinoWidget() || this.casinoIFrameOverlayService.isOverLayOnAProduct()) {\n this.casinoWidgetService.postMessageToParent('UserAction', {\n redirectUrl: href,\n redirectOptions: { showSpinnerForExternalNavigation: !options.skipLoadingIndicator },\n });\n return;\n } else {\n this.handleNavigation(href, link.attributes, !options.skipLoadingIndicator);\n }\n }\n }\n\n private handleNavigation(url: string, attributes: any, showSpinnerForExternalNavigation: boolean) {\n if (attributes.hasOwnProperty('target')) {\n window.open(url, attributes.target);\n } else if (url) {\n this.navigation.goTo(url, { showSpinnerForExternalNavigation: showSpinnerForExternalNavigation });\n }\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n if (this.swiperRef) {\n this.swiperRef.swiper.on('slideChange', (event: any) => {\n this.onTeaserIndexChanged(event);\n });\n }\n const features: any = this.configProviderService.provideFeaturesConfig();\n setTimeout(() => {\n if (this.swiperRef?.swiper) {\n this.swiperRef.swiper.update();\n if (this.enableLobbyBackgroundImage && (this.teaserLocation === 'Top' || this.teaserLocation === 'SubNavigation')) {\n this.teaserService.indexChangeTeaserData(this.teasers[0]);\n }\n }\n }, features.teaserSetIndexTimeout);\n }, 200);\n }\n}\n","\n ![\"coin-img\"](\"{{)
\n
\n {{ arcadeGlobalMessages()?.TakeMeToStore }}
\n\n","import { NgClass, NgIf } from '@angular/common';\nimport { Component, HostListener, Input, OnInit, computed, effect, signal } from '@angular/core';\n\nimport { ArcadeLobbyTrackingService, ConfigProviderService, TeaserService, UrlUtilityService } from '@casinocore/platform/core';\nimport { OptTeasersComponent } from '@casinocore/platform/opt-teasers';\nimport { OptTeasersNpmComponent } from '@casinocore/platform/opt-teasers-npm';\nimport { TeasersNpmComponent } from '@casinocore/platform/teasers-npm';\nimport { DeviceService, NavigationService } from '@frontend/vanilla/core';\n\nimport { TeasersComponent } from '../casino-teasers/teasers.component';\n\n@Component({\n selector: 'cc-teasers-wrapper',\n templateUrl: 'teasers-wrapper.component.html',\n standalone: true,\n imports: [NgIf, OptTeasersComponent, NgClass, TeasersComponent, TeasersNpmComponent, OptTeasersNpmComponent],\n})\nexport class TeasersWrapperComponent implements OnInit {\n isOptimizedTeaserEnabled: boolean;\n @Input() teaserCategory: any;\n @Input() teaserLocation: any;\n @Input() teasersSource: any;\n @Input() optTeasersSource: any;\n @Input() identifierClass?: any;\n @Input() isDefaultCategory?: boolean;\n @Input() lobbyType: string;\n @Input() gameContainer: string;\n //added for NPM teasers\n @Input() enableTeaserOptimization: boolean;\n @Input() teaserDynaconConfigs: any;\n @Input() globalTeaserSettings: any;\n @Input() enableMiniTeasers: boolean;\n @Input() isNPM: boolean;\n @Input() optminiTeaserSource: any;\n @Input() mercuryBgImage: any;\n @Input() enablePlayBingoButton: boolean;\n @Input() bingocta: any;\n @Input() isNewSportsNative: any;\n @Input() showJackpotCurrencyOnRight: boolean;\n @Input() bgGlobalConfig: any;\n @Input() jackpotGroupNameMapTeaserNPM: any;\n @Input() globalTeaserStyles: any;\n @Input() arcadeBannerIdentifier: string;\n isTouch: boolean;\n teaserHeight: number;\n readonly displayHeight = signal