' + description + '
');\r\n }\r\n\r\n });\r\n\r\n // add layout classes\r\n var $cards = document.querySelectorAll('.js-featured-cards .js-card');\r\n if ($cards.length) {\r\n [...$cards].at(-1).classList.add('last-card');\r\n }\r\n\r\n Slider.handler();\r\n }\r\n }\r\n\r\n // any cards that were initially loaded as featured games should be added to storage\r\n function addAnyInitialGamesToStorage() {\r\n const $initialCards = document.querySelectorAll('.js-featured-cards .js-card');\r\n\r\n if ($initialCards.length) {\r\n var games = getFeaturedGamesFromStorage();\r\n\r\n // if an initial game is not already in storage, append it to storage\r\n $initialCards.forEach(($card) => {\r\n var link = $card.attributes['href'].nodeValue;\r\n if (games.indexOf(link) === -1) {\r\n games.push(link);\r\n }\r\n });\r\n\r\n // make sure we still have the game running\r\n // (in case user had a long break, once playing a game that now no longer is available)\r\n games = filterOutInvalidGames(games);\r\n\r\n // save our games to storage\r\n saveGamesToStorage(games);\r\n }\r\n }\r\n\r\n // Set number of games we allow to be saved. The number matches the selected items on pageload, minus one\r\n function setStorageMaxGames() {\r\n storageMaxGames = document.querySelectorAll('.js-featured-cards .card').length - 1;\r\n }\r\n\r\n function init() {\r\n // detect if we have GameListSpot cards on the page\r\n var $cards = document.querySelectorAll('.game-list-spot-component .js-card');\r\n\r\n if ($cards.length > 0) {\r\n // listen for clicks on games in their container, intercept\r\n DOMUtils.addEventListeners($cards, 'click', updateFeaturedGames);\r\n\r\n // init\r\n setStorageMaxGames();\r\n addAnyInitialGamesToStorage();\r\n showFeaturedGames();\r\n }\r\n\r\n }\r\n\r\n\r\n /**\r\n * Handle when and when not to initialize cards as a slider\r\n */\r\n function initializeSliderLogic() {\r\n\r\n // We are not on mobile, never initialize slider logic\r\n if (!document.querySelector('.is-mobile-detected')) {\r\n return;\r\n }\r\n\r\n var containers = document.querySelectorAll('.js-featured-cards');\r\n\r\n containers.forEach(function (elem) {\r\n\r\n // Get the parent mega-mode element, because the HTML markup required for the Swiper library to work starts with the mega-mode parent\r\n var $parent = elem.closest('.mega-mode');\r\n var numberOfCards = elem.querySelectorAll('.card').length;\r\n\r\n var sliderConfig = {\r\n swiper: null,\r\n shouldInitialize: function () {\r\n\r\n var isPortrait = window.matchMedia('(orientation: portrait)').matches;\r\n var isLandscape = window.matchMedia('(orientation: landscape)').matches;\r\n var isAboveBreakpoint = window.matchMedia('(min-width: 768px)').matches;\r\n\r\n // Do not initialize if we are above screen width breakpoint, ie. bigger than mobile\r\n if (isAboveBreakpoint) {\r\n return false;\r\n }\r\n\r\n // We are on mobile, check if we have room for the cards to show, and only initialize if we do not\r\n return (numberOfCards > 1 && isPortrait) || (numberOfCards > 2 && isLandscape);\r\n },\r\n target: $parent,\r\n // swiper config object\r\n settings: {\r\n slidesPerView: 'auto',\r\n pagination: {\r\n el: '.swiper-pagination',\r\n clickable: true,\r\n }\r\n }\r\n };\r\n\r\n // Add swiper configuration to the global swiper handler\r\n Slider.addSlider(sliderConfig);\r\n\r\n });\r\n }\r\n\r\n DOMUtils.ready(function () {\r\n if (document.querySelector('.mode-edit')) return;\r\n init();\r\n initializeSliderLogic();\r\n });\r\n});\r\n\r\n","defineDs('DanskeSpil/Domain/AvalonQuick/Scripts/GameList', [\r\n 'DanskeSpil/Domain/AvalonComponents/Scripts/Slider'\r\n], function (Slider) {\r\n\r\n /**\r\n * Initialize Slider logic on GameList cards\r\n */\r\n function init() {\r\n\r\n // We are not on mobile, never initialize slider logic\r\n if (!document.querySelector('.is-mobile-detected')) {\r\n return;\r\n }\r\n\r\n var containers = document.querySelectorAll('.js-game-list-spot');\r\n\r\n containers.forEach(function (elem) {\r\n // Get the parent mega-mode element, because the HTML markup required for the Swiper library to work starts with the mega-mode parent\r\n var $parent = elem.closest('.swiper-container');\r\n var numberOfCards = elem.querySelectorAll('.card').length;\r\n\r\n\r\n var sliderConfig = {\r\n swiper: null,\r\n shouldInitialize: function () {\r\n\r\n var isPortrait = window.matchMedia('(orientation: portrait)').matches;\r\n var isLandscape = window.matchMedia('(orientation: landscape)').matches;\r\n var isAboveBreakpoint = window.matchMedia('(min-width: 768px)').matches;\r\n\r\n // Do not initialize if we are above screen width breakpoint, ie. bigger than mobile\r\n if (isAboveBreakpoint) {\r\n return false;\r\n }\r\n\r\n // We are on mobile, check if we have room for the cards to show, and only initialize if we do not\r\n return (numberOfCards > 1 && isPortrait) || (numberOfCards > 3 && isLandscape);\r\n },\r\n target: $parent,\r\n settings: {\r\n slidesPerView: 'auto',\r\n freeMode: true,\r\n freeModeMomentumRatio: 0.8,\r\n freeModeMomentumVelocityRatio: 0.5,\r\n freeModeMomentumBounceRatio: 0.5,\r\n touchEventsTarget: 'wrapper',\r\n scrollbar: {\r\n el: '.swiper-scrollbar',\r\n draggable: true,\r\n hide: false,\r\n dragSize: '30',\r\n },\r\n }\r\n };\r\n\r\n // Add swiper configuration to the global swiper handler\r\n Slider.addSlider(sliderConfig);\r\n\r\n });\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function () {\r\n if (document.querySelector('.mode-edit')) return;\r\n init();\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/AvalonQuick/Scripts/HeroDeckSliderSpot', [\r\n 'Shared/Framework/Ensighten/Scripts/Ensighten',\r\n 'Common/Framework/ScriptLibraries/Scripts/TinySlider',\r\n 'Shared/Framework/Mithril/Scripts/Core/Mithril'\r\n], function (Ensighten, TinySlider, m) {\r\n if (!document.querySelector('.hero-deck__hero')) {\r\n return;\r\n }\r\n // Initiate Hero fields that should be updated\r\n const heroBackgroundImage = document.querySelector('.hero-deck__background');\r\n const heroForegroundImage = document.querySelector('.hero-deck__hero-image');\r\n const price = document.querySelector('.js-hero-deck-link span');\r\n // const metatextContainer = document.querySelector('hero-deck__hero-texts');\r\n const metatext1 = document.querySelector('.hero-deck__hero-prize-text');\r\n const metatext2 = document.querySelector('.hero-deck__hero-title');\r\n const metatext3 = document.querySelector('.hero-deck__hero-type-text');\r\n const metatext1Mobile = document.querySelector('.hero-deck__hero-texts--mobile .hero-deck__hero-prize-text');\r\n const metatext2Mobile = document.querySelector('.hero-deck__hero-texts--mobile .hero-deck__hero-title');\r\n const metatext3Mobile = document.querySelector('.hero-deck__hero-texts--mobile .hero-deck__hero-type-text');\r\n const link = document.querySelector('.js-hero-deck-link');\r\n const container = document.querySelector('.hero-deck__slider-container');\r\n let slider = null;\r\n\r\n const cardClicked = (e) => {\r\n e.preventDefault();\r\n const startingElement = e.target.closest('.card');\r\n const cardPrice = startingElement.querySelector('.card__label--price span').innerText;\r\n const meta1 = startingElement.querySelector('.card__meta .card__meta-1').innerText;\r\n const meta2 = startingElement.querySelector('.card__meta .card__meta-2').innerText;\r\n const meta3 = startingElement.querySelector('.card__meta .card__meta-3').innerText;\r\n const cardLink = startingElement.querySelector('a.card__link')?.getAttribute('data-href');\r\n\r\n link.classList.add('quick-button--animate');\r\n window.setTimeout(() => {\r\n link.classList.remove('quick-button--animate');\r\n }, 4000);\r\n\r\n link.setAttribute('href', cardLink);\r\n\r\n if (window.matchMedia('(max-width: 767px)').matches && !startingElement.classList.contains('active')) { // only slide to next card if the user clicks, and its not on the current card\r\n if (e.pageX < (document.body.clientWidth / 2)) {\r\n slider.goTo('prev');\r\n } else {\r\n slider.goTo('next');\r\n }\r\n }\r\n document.querySelectorAll('.hero-deck__slider-container .card').forEach(($card) => {\r\n $card.classList.remove('active');\r\n });\r\n startingElement.classList.add('active');\r\n\r\n // Append all values from clicked card to Hero\r\n price.innerText = cardPrice;\r\n animateMetaTexts();\r\n metatext1.innerText = meta1;\r\n metatext2.innerText = meta2;\r\n metatext3.innerText = meta3;\r\n metatext1Mobile.innerText = meta1;\r\n metatext2Mobile.innerText = meta2;\r\n metatext3Mobile.innerText = meta3;\r\n\r\n const additionalImageData = startingElement.querySelector('.card__link').getAttribute('data-additional');\r\n if (additionalImageData) {\r\n const additionalDataElement = JSON.parse(additionalImageData);\r\n if (additionalDataElement) {\r\n document.querySelectorAll('.hero-deck__hero-additional-images>.additional-images').forEach((element) => element.classList.remove('hidden'));\r\n renderAdditionalImages(additionalDataElement);\r\n heroForegroundImage.setAttribute('src', additionalDataElement.promoForegroundImage ?? '');\r\n heroBackgroundImage.setAttribute('style', `background-image: url(${additionalDataElement.promoBackgroundImage ?? ''});`);\r\n } else {\r\n document.querySelectorAll('.hero-deck__hero-additional-images>.additional-images').forEach((element) => element.classList.add('hidden'));\r\n }\r\n }\r\n };\r\n\r\n const handleCta = ((ev) => {\r\n ev.preventDefault();\r\n const cta = ev.currentTarget;\r\n const href = cta.getAttribute('href');\r\n const label = metatext2?.innerText || href || cta.innerText;\r\n\r\n Ensighten.pushGaEventOnPageRedirect('campaign_module', 'top_spot_click', label);\r\n\r\n setTimeout(() => {\r\n location.href = href;\r\n }, 100);\r\n });\r\n\r\n const animateMetaTexts = () => {\r\n metatext1.classList.add('animating');\r\n metatext2.classList.add('animating');\r\n metatext3.classList.add('animating');\r\n metatext1Mobile.classList.add('animating');\r\n metatext2Mobile.classList.add('animating');\r\n metatext3Mobile.classList.add('animating');\r\n\r\n window.setTimeout(() => {\r\n metatext1.classList.remove('animating');\r\n metatext2.classList.remove('animating');\r\n metatext3.classList.remove('animating');\r\n metatext1Mobile.classList.remove('animating');\r\n metatext2Mobile.classList.remove('animating');\r\n metatext3Mobile.classList.remove('animating');\r\n }, 500);\r\n };\r\n\r\n const addEventListenersToCards = () => {\r\n const cards = document.querySelectorAll('.hero-deck__slider-container .card');\r\n cards.forEach((item, index) => {\r\n if (item.classList.contains('has-events')) {\r\n return;\r\n }\r\n\r\n item.querySelector('.card__link').addEventListener('click', cardClicked);\r\n item.addEventListener('mouseover', () => {\r\n focus(item, index, cards);\r\n });\r\n item.classList.add('has-events');\r\n });\r\n };\r\n\r\n container.addEventListener('mouseleave', () => {\r\n resetCards(container.querySelectorAll('.card'));\r\n });\r\n\r\n const resetCards = (cards) => {\r\n cards.forEach((card) => {\r\n card.classList.remove('card__hover');\r\n card.classList.remove('card__previous');\r\n card.classList.remove('card__next');\r\n card.classList.remove('card__before-previous');\r\n card.classList.remove('card__after-next');\r\n });\r\n };\r\n\r\n const focus = (elem, index, cards) => {\r\n let previous = index - 1;\r\n let beforePrevious = index - 2 === -1 ? false : index - 2;\r\n let next = index + 1;\r\n let afterNext = index + 2 === cards.length ? false : index + 2;\r\n resetCards(cards);\r\n elem.classList.add('card__hover');\r\n cards[previous]?.classList.add('card__previous');\r\n cards[next]?.classList.add('card__next');\r\n cards[beforePrevious]?.classList.add('card__before-previous');\r\n cards[afterNext]?.classList.add('card__after-next');\r\n };\r\n\r\n const renderAdditionalImages = ({ additionalImages }) => {\r\n if (additionalImages) {\r\n const additionalImageHtml = [\r\n additionalImages.map((additionalImage) => {\r\n return m('div', { class: `additional-images additional-images--position-${additionalImage.position} ${additionalImage.quickStylingClass?.classname ?? ''}` },\r\n additionalImage?.svgContent ?\r\n m.trust(additionalImage.svgContent) :\r\n m('img', { src: additionalImage.imageUrl }));\r\n })\r\n ];\r\n m.render(document.querySelector('.hero-deck__hero-additional-images'), additionalImageHtml);\r\n }\r\n };\r\n\r\n const initialize = () => {\r\n link?.addEventListener('click', handleCta);\r\n\r\n const heroDeckSlider = document.querySelector('.hero-deck__slider');\r\n heroDeckSlider.querySelectorAll('.hero-deck__slider-container .card__link').forEach(($card) => {\r\n $card.addEventListener('click', cardClicked);\r\n });\r\n\r\n slider = TinySlider({\r\n container: document.querySelector('.hero-deck__slider'),\r\n controls: true,\r\n loop: true,\r\n items: 3,\r\n mouseDrag: true,\r\n lazyload: true,\r\n prevButton: '.hero-deck__controls--prev',\r\n nextButton: '.hero-deck__controls--next',\r\n nav: false,\r\n center: true,\r\n responsive: {\r\n 768: {\r\n loop: false,\r\n center: false,\r\n items: 6,\r\n },\r\n 1024: {\r\n items: 8,\r\n },\r\n 1440: {\r\n items: 9,\r\n }\r\n },\r\n onInit: () => {\r\n document.querySelector('.hero-deck__slider-container--slider-not-initialized').classList.remove('hero-deck__slider-container--slider-not-initialized');\r\n setTimeout(() => { // gives a very little delay before event class is added to cards, so that lazyloading works better, as this is used in a slider\r\n addEventListenersToCards();\r\n }, 100);\r\n },\r\n });\r\n slider.events.on('transitionStart', () => {\r\n\r\n heroDeckSlider.querySelectorAll('.card').forEach((card) => {\r\n card.classList.remove('active');\r\n });\r\n addEventListenersToCards();\r\n });\r\n slider.events.on('transitionEnd', () => {\r\n // mobile sizes only\r\n if (window.matchMedia('(max-width: 767px)').matches) {\r\n heroDeckSlider.querySelectorAll('.card.tns-slide-active').forEach((card, index) => {\r\n card.classList.remove('active');\r\n if (index === 1) {\r\n card.classList.add('active');\r\n }\r\n });\r\n }\r\n });\r\n slider.events.on('touchMove', () => {\r\n heroDeckSlider.querySelectorAll('.card').forEach((card) => {\r\n card.classList.remove('active');\r\n });\r\n });\r\n };\r\n\r\n initialize();\r\n\r\n});\r\n\r\n","defineDs('DanskeSpil/Domain/AvalonQuick/Scripts/GamesSlider', [\r\n 'Common/Framework/ScriptLibraries/Scripts/TinySlider',\r\n 'Shared/Framework/Ensighten/Scripts/Ensighten',\r\n], function (TinySlider, Ensighten) {\r\n const initialize = () => {\r\n\r\n document.querySelectorAll('.game-section-games').forEach((gameslist) => {\r\n const card = gameslist.querySelector('.card').classList;\r\n if (window.matchMedia('(max-width: 768px)').matches) {\r\n gameslist.classList.remove('container');\r\n }\r\n\r\n let cardWidth = 195; // Fallback\r\n let itemCountMobile = 2; // Fallback\r\n let itemCount400 = 3; // Fallback\r\n let itemCount768 = 5; // Fallback\r\n let gutter = 30; // Fallback\r\n\r\n switch (true) {\r\n case card.contains('card--large'):\r\n cardWidth = 195;\r\n itemCountMobile = 2;\r\n itemCount400 = 3;\r\n itemCount768 = 5;\r\n gutter = 50;\r\n break;\r\n case card.contains('card--medium'):\r\n cardWidth = 140;\r\n itemCountMobile = 2;\r\n itemCount400 = 2;\r\n itemCount768 = 5;\r\n gutter = 30;\r\n break;\r\n case card.contains('card--small'):\r\n cardWidth = 130;\r\n itemCountMobile = 3;\r\n itemCount400 = 4;\r\n itemCount768 = 6;\r\n gutter = 20;\r\n break;\r\n case card.contains('card--micro'):\r\n cardWidth = 85;\r\n itemCountMobile = 4;\r\n itemCount400 = 4;\r\n itemCount768 = 8;\r\n gutter = 20;\r\n break;\r\n }\r\n\r\n const slider = TinySlider({\r\n container: gameslist.querySelector('.game-section-games__slider'),\r\n controls: true,\r\n prevButton: '#' + gameslist.querySelector('.game-section-games__controls--prev').id,\r\n nextButton: '#' + gameslist.querySelector('.game-section-games__controls--next').id,\r\n gutter: gutter,\r\n nav: true,\r\n navPosition: 'top',\r\n mouseDrag: true,\r\n lazyload: true,\r\n items: itemCountMobile,\r\n fixedWidth: cardWidth,\r\n swipeAngle: 45,\r\n // In order to use fixedWith in responsive, loop must be true, and freezable must be false. Bug in TNS?\r\n loop: false,\r\n freezable: true,\r\n responsive: {\r\n 400: {\r\n items: itemCount400,\r\n },\r\n 768: {\r\n items: itemCount768,\r\n }\r\n },\r\n onInit: (thisSlider) => {\r\n thisSlider.container.parentElement.style.margin = '0'; // this is because in tinyslider css is refered by styling a dynamic id\r\n const sliderTitle = gameslist.querySelector('.game-section-games__text h1').innerText;\r\n gameslist.querySelector('.game-section-games__slider').classList.remove('game-section-games__slider-not-initialized');\r\n gameslist.querySelector('.game-section-games__controls--prev').onclick = () => {\r\n Ensighten.pushGaEvent('campaign_module', 'arrow-left', sliderTitle);\r\n };\r\n gameslist.querySelector('.game-section-games__controls--next').onclick = () => {\r\n Ensighten.pushGaEvent('campaign_module', 'arrow-right', sliderTitle);\r\n };\r\n addTrackingToCards(gameslist);\r\n }\r\n });\r\n slider.events.on('transitionStart', () => {\r\n addTrackingToCards(gameslist);\r\n });\r\n });\r\n };\r\n\r\n const addTrackingToCards = (gameslist) => {\r\n const sliderTitle = gameslist.querySelector('.game-section-games__text h1').innerText;\r\n gameslist.querySelectorAll('.game-section-games__slider .card').forEach((card) => {\r\n const cardLink = card.querySelector('.card__link');\r\n if (!cardLink.classList.contains('has-tracking-event')) {\r\n cardLink.addEventListener('click', () => {\r\n cardLink.classList.add('has-tracking-event');\r\n const action = `click_${sliderTitle.toLowerCase().replace(/ /g, '_')}`;\r\n const label = card.querySelector('.card__meta-2').innerText;\r\n // const position = findClickedActiveCard(allActiveCards, card); // we cannot as is use send this 'position' as 'value' When using pushGaEventOnPageRedirect. Maybe in the fufure\r\n Ensighten.pushGaEventOnPageRedirect('campaign_module', action, label);\r\n });\r\n }\r\n });\r\n };\r\n\r\n /* const findClickedActiveCard = (allActiveCards, card) => {\r\n let position = -1;\r\n allActiveCards.forEach((activeCard, activeIndex) => {\r\n if (activeCard.getAttribute('id') === card.parentElement.getAttribute('id')) {\r\n position = activeIndex + 1;\r\n }\r\n });\r\n return position;\r\n }; */\r\n\r\n initialize();\r\n\r\n});\r\n\r\n","defineDs('DanskeSpil/Domain/AvalonQuick/Scripts/WinnerStories', [\r\n 'Common/Framework/ScriptLibraries/Scripts/TinySlider',\r\n 'Shared/Framework/Ensighten/Scripts/Ensighten'\r\n], function (TinySlider, Ensighten) {\r\n const initialize = () => {\r\n document.querySelectorAll('.winner-stories').forEach((list) => {\r\n TinySlider({\r\n container: list.querySelector('.winner-stories__slider'),\r\n controls: true,\r\n prevButton: '.winner-stories__controls--prev',\r\n nextButton: '.winner-stories__controls--next',\r\n gutter: 20,\r\n nav: true,\r\n navPosition: 'bottom',\r\n mouseDrag: true,\r\n loop: false,\r\n items: 1,\r\n freezable: true,\r\n responsive: {\r\n 768: {\r\n items: 2,\r\n },\r\n 1024: {\r\n gutter: 60,\r\n items: 3\r\n }\r\n },\r\n onInit: () => {\r\n const sliderTitle = list.querySelector('.winner-stories__title').innerHTML;\r\n\r\n list.querySelector('.winner-stories__controls--prev').onclick = function () {\r\n Ensighten.pushGaEvent('campaign_module', 'arrow-left', sliderTitle);\r\n };\r\n list.querySelector('.winner-stories__controls--next').onclick = function () {\r\n Ensighten.pushGaEvent('campaign_module', 'arrow-right', sliderTitle);\r\n };\r\n }\r\n });\r\n });\r\n };\r\n\r\n initialize();\r\n});\r\n\r\n","defineDs('Shared/Framework/Mithril/Scripts/Templates/OverlayContainer',\r\n [\r\n 'Shared/Framework/Mithril/Scripts/Core/Mithril'\r\n ],\r\n function (m) {\r\n\r\n // Context:\r\n var OverlayContainer = function (template) {\r\n\r\n // Variables:\r\n this.$container = m.prop();\r\n this.$wrapper = m.prop(document.getElementById('wrapper'));\r\n\r\n // Functions:\r\n this.clear = function (action) {\r\n var self = this;\r\n\r\n return function () {\r\n var $container = self.$container();\r\n var $gameOverlay = document.querySelector('.'.concat(template.class().split(' ').join('.')));\r\n var $wrapper = self.$wrapper();\r\n\r\n $gameOverlay?.classList.add('remove-overlay');\r\n\r\n $wrapper?.classList.remove('overlay-active');\r\n $wrapper?.classList.add('remove-overlay');\r\n\r\n if ($gameOverlay && !$gameOverlay.getAttribute('data-binded')) {\r\n // Bind the event only once\r\n $gameOverlay.setAttribute('data-binded', 'true');\r\n $gameOverlay.addEventListener('animationend', function () {\r\n if ($container && $container.parentNode) {\r\n $container.parentNode.removeChild($container);\r\n }\r\n\r\n $wrapper?.classList.remove('remove-overlay');\r\n\r\n if (typeof action === 'function') {\r\n action();\r\n }\r\n\r\n m.redraw();\r\n });\r\n\r\n\r\n }\r\n };\r\n }.bind(this);\r\n\r\n this.render = function (confirm, dismiss) {\r\n var $overlay = document.createElement('div');\r\n var render = template.render(this.clear(confirm, 'confirm'), this.clear(dismiss, 'dismiss'));\r\n\r\n m.render($overlay, render);\r\n\r\n this.$container($overlay);\r\n }.bind(this);\r\n\r\n this.show = function (confirm, dismiss) {\r\n this.render(confirm, dismiss);\r\n\r\n this.$wrapper()?.classList.add('overlay-active');\r\n\r\n document.body.appendChild(this.$container());\r\n }.bind(this);\r\n\r\n };\r\n\r\n // Public functions:\r\n return OverlayContainer;\r\n\r\n });\r\n","defineDs('DanskeSpil/Domain/GameVendorLEIA/Scripts/Templates/PredepositOverlay', ['Shared/Framework/Mithril/Scripts/Core/Mithril'], function (m) {\r\n\r\n // Template:\r\n var PredepositOverlay = function () {\r\n\r\n // Return:\r\n return {\r\n class: m.prop('leia-predeposit-overlay'),\r\n\r\n render: function (confirm, dismiss) {\r\n return m('div', { class: this.class() }, [\r\n m('div', { class: 'pannel' }, [\r\n m('div', { class: 'close-overlay-button-wrapper', onclick: dismiss },\r\n m('img', { class: 'button-icon', src: '/Components/DanskeSpil/Domain/GameVendorLEIA/Graphics/Close.svg' })\r\n ),\r\n m('h2', { class: 'headline' }, 'Indbetal til spilkonto'),\r\n m('p', { class: 'text' }, 'Du har desværre ikke penge nok på din konto til at foretage et køb. Sæt flere penge ind og vind.'),\r\n m('div', { class: 'buttons' }, [\r\n m('button', { class: 'btn button-confirm', onclick: confirm }, 'Indbetal her')\r\n ])\r\n ])\r\n ]);\r\n }\r\n };\r\n\r\n };\r\n\r\n // Public functions:\r\n return PredepositOverlay;\r\n\r\n});\r\n","defineDs('DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaDataStore', function () {\r\n\r\n var store = {\r\n gameData: null,\r\n name: null,\r\n latestGameDimensions: null,\r\n stakeAmount: null, // used for tracking\r\n purchaseCompleted: null, // used for tracking\r\n };\r\n\r\n return store;\r\n\r\n});\r\n","defineDs('DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaApi', [\r\n 'Shared/Framework/Mithril/Scripts/Helpers/ApiRequest'\r\n], function (ApiRequest) {\r\n\r\n var baseURL = '/dlo/scapi/danskespil/gamevendorleia';\r\n\r\n var getGameInfo = function (args) {\r\n return ApiRequest({\r\n url: baseURL + '/gameinfo/' + args,\r\n localCacheTTL: 60,\r\n unwrapSuccess: function (response) {\r\n return response;\r\n }\r\n });\r\n };\r\n\r\n var checkActiveBetId = function (gameId) {\r\n var promise = new Promise(function (resolve) {\r\n\r\n ApiRequest({\r\n url: DS.Config.CONTEXTPREFIX + `/scapi/danskespil/playeraccountmanagement/playerGame/${gameId}/activeExternalId`,\r\n requireAuthCookie: true,\r\n logging: false, // For avoid Sentry error if user has logged in.\r\n timeout: 5, // Delay game loading max 5 sec\r\n }).then(function (response) {\r\n var activeBetId = null;\r\n\r\n if (response && response.data) {\r\n activeBetId = response.data;\r\n }\r\n\r\n resolve(activeBetId);\r\n\r\n }, function () {\r\n // PAM request went wrong - just resolve with non active bet.\r\n resolve(null);\r\n });\r\n\r\n });\r\n\r\n return promise;\r\n\r\n };\r\n\r\n // Public functions:\r\n return {\r\n getGameInfo: getGameInfo,\r\n checkActiveBetId: checkActiveBetId\r\n };\r\n\r\n});\r\n","defineDs('DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaUtils', [\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'Shared/Framework/Mithril/Scripts/Templates/OverlayContainer',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaDataStore',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Templates/PredepositOverlay',\r\n 'Common/Framework/EventHandling/Scripts/AppEvent',\r\n], function (Utils, OverlayContainer, LeiaDataStore, PredepositOverlay, AppEvent) {\r\n\r\n var gotoDeposit = function () {\r\n var currentUrl = location.href + (location.href.indexOf('skipRules') === -1 ? (location.href.indexOf('?') === -1 ? '?' : '&') + 'skipRules=1' : '');\r\n var url = DS.Config.PRETTYPREFIX + '/indbetaling?returnurl=' + encodeURIComponent(currentUrl);\r\n window.location.href = url;\r\n };\r\n\r\n var openLogin = function () {\r\n var promise = new Promise(function () {\r\n DSAPI.Account.openLogin();\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n var relaySSO = function (options) {\r\n var promise = new Promise(function (resolve, reject) {\r\n DSAPI.Account.relaySSO({\r\n callback: function (assertionId) {\r\n if (assertionId) {\r\n if (!options.state) {\r\n console.error('No state given');\r\n }\r\n\r\n var sessionToken = {\r\n provider: DS.Config.LEIA_LOTTERY_CODE,\r\n value: assertionId,\r\n state: options.state\r\n };\r\n\r\n resolve(sessionToken);\r\n } else {\r\n reject();\r\n }\r\n }\r\n });\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n var gotoExitGame = function () {\r\n appEventEmitter('close-game');\r\n window.top.location.href = '/quick';\r\n };\r\n\r\n var openPopup = function (url) {\r\n window.open(url, '_blank');\r\n };\r\n\r\n var gotoGlobalRules = function () {\r\n var url = '/regler--a--vilkaar/regler/spilleregler_dlo#quick';\r\n openPopup(url);\r\n };\r\n\r\n var gotoGameRules = function () {\r\n if (!LeiaDataStore.gameData) {\r\n console.error('No game data in store');\r\n return;\r\n }\r\n\r\n var url = LeiaDataStore.gameData.cmsData.helpUrl;\r\n if (!url) {\r\n console.error('Gaming rules missing on this game');\r\n return;\r\n }\r\n\r\n openPopup(url);\r\n };\r\n\r\n // Converts eg. '6.8rem' to 68.\r\n const convertRemToPixelValue = (remString) => {\r\n if (!remString?.trim().toLowerCase().endsWith('rem')) return 0;\r\n const value = parseFloat(remString);\r\n if (isNaN(value)) return 0;\r\n return value * 10;\r\n };\r\n\r\n var calculateTopAreaHeight = function () {\r\n const computedStyle = getComputedStyle(document.documentElement);\r\n const complianceBarHeight = computedStyle.getPropertyValue('--navigation-compliance-bar-height');\r\n const mainMenuHeight = computedStyle.getPropertyValue('--navigation-main-menu-height');\r\n const subMenuHeight = computedStyle.getPropertyValue('--navigation-sub-menu-height');\r\n return convertRemToPixelValue(complianceBarHeight) + convertRemToPixelValue(mainMenuHeight) + convertRemToPixelValue(subMenuHeight);\r\n };\r\n\r\n var isFullscreen = function () {\r\n var fullscreenElement = document.fullscreenElement || // eslint-disable-line compat/compat\r\n document.mozFullScreenElement ||\r\n document.webkitFullscreenElement ||\r\n document.msFullscreenElement ||\r\n document.fullscreen; // eslint-disable-line compat/compat\r\n\r\n if (fullscreenElement || document.webkitIsFullScreen) {\r\n return true;\r\n }\r\n\r\n return false;\r\n\r\n };\r\n\r\n var applyFullscreen = function () {\r\n var elem = document.querySelector('body');\r\n if (elem.requestFullscreen) {\r\n elem.requestFullscreen();\r\n } else if (elem.mozRequestFullScreen) { /* Firefox */\r\n elem.mozRequestFullScreen();\r\n } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */\r\n elem.webkitRequestFullscreen();\r\n } else if (elem.msRequestFullscreen) { /* IE/Edge */\r\n elem.msRequestFullscreen();\r\n }\r\n };\r\n\r\n var setGameContainerSize = function (data) {\r\n const minGameDimension = 320;\r\n let scaleDownFactor = 0;\r\n if (data && data.width) {\r\n LeiaDataStore.latestGameDimensions = data;\r\n }\r\n\r\n var gameDom = document.getElementById('leia-game');\r\n const gameIframe = gameDom?.querySelector('iframe');\r\n var containerDom = document.getElementById('leia-game-inner-wrapper');\r\n\r\n if (gameDom) {\r\n var width = 1030;\r\n var height;\r\n var pageWidth = document.body.clientWidth || window.innerWidth;\r\n\r\n var heightDecrease = calculateTopAreaHeight();\r\n console.debug('heightDecrease', heightDecrease);\r\n console.debug('window.innerHeight', window.innerHeight);\r\n console.debug('document.documentElement.clientHeight', document.documentElement.clientHeight);\r\n\r\n var isGameLandscape = LeiaDataStore.latestGameDimensions && LeiaDataStore.latestGameDimensions.width && (LeiaDataStore.latestGameDimensions.width > LeiaDataStore.latestGameDimensions.height);\r\n var maxWidth = 1030;\r\n var maxHeight = window.innerHeight - heightDecrease - 40;\r\n // But Always minimum 400px height\r\n height = Math.max(maxHeight, 400);\r\n\r\n if (Utils.isMobile() || Utils.isTabletDevice()) {\r\n // Mobile/Tablet:\r\n width = pageWidth;\r\n height = document.documentElement.clientHeight - heightDecrease;\r\n if (width < minGameDimension || height < minGameDimension) {\r\n scaleDownFactor = 1 - ((minGameDimension - Math.min(width, height)) / minGameDimension);\r\n }\r\n } else {\r\n\r\n if (LeiaDataStore.latestGameDimensions) {\r\n var ratio = LeiaDataStore.latestGameDimensions.width / LeiaDataStore.latestGameDimensions.height;\r\n\r\n width = pageWidth > maxWidth ? maxWidth : pageWidth;\r\n height = Math.ceil(Math.max(400, width / ratio));\r\n if (height > maxHeight) {\r\n height = maxHeight;\r\n width = Math.ceil(Math.min(height * ratio, pageWidth));\r\n }\r\n }\r\n }\r\n\r\n if (gameIframe) {\r\n if (scaleDownFactor) {\r\n let iframeWidth = 0;\r\n let iframeHeight = 0;\r\n if (isGameLandscape) {\r\n iframeWidth = Math.max((width / scaleDownFactor), minGameDimension);\r\n iframeHeight = Math.max(height, minGameDimension);\r\n } else {\r\n iframeWidth = Math.max(width, minGameDimension);\r\n iframeHeight = Math.max((height / scaleDownFactor), minGameDimension);\r\n }\r\n gameIframe.style.width = `${iframeWidth}px`;\r\n gameIframe.style.height = `${iframeHeight}px`;\r\n gameIframe.style.transform = `scale(${scaleDownFactor})`;\r\n gameIframe.style.transformOrigin = 'top left';\r\n } else {\r\n gameIframe.style.width = '100%';\r\n gameIframe.style.height = '100%';\r\n gameIframe.style.transform = 'none';\r\n gameIframe.style.transformOrigin = 'none';\r\n }\r\n }\r\n\r\n console.debug('Setting container to w X h: ', width, height);\r\n gameDom.style.width = width + 'px';\r\n gameDom.style.height = height + 'px';\r\n containerDom.style.width = width + 'px';\r\n containerDom.style.height = height + 'px';\r\n\r\n if (isFullscreen()) {\r\n containerDom.classList.add('is-fullscreen');\r\n } else {\r\n containerDom.classList.remove('is-fullscreen');\r\n }\r\n }\r\n };\r\n\r\n var trackingProductDetails = function (gameName, stakeAmount) {\r\n return {\r\n name: 'quick', // Always\r\n price: stakeAmount, // total price if available on page load\r\n brand: 'dlo_qui', // Always\r\n category: 'instant', // also possible is extended, games_probability and games_mg\r\n variant: gameName, // use the actual game name here (usually written in the URL)\r\n quantity: 1 // only one product added, integer\r\n };\r\n };\r\n\r\n var addToDatalayer = function (data) {\r\n console.debug('Add to datalayer', data);\r\n\r\n if (window.dataLayer) {\r\n window.dataLayer.push(data);\r\n }\r\n };\r\n\r\n\r\n var showPreDepositOverlay = function () {\r\n\r\n var promise = new Promise(function (resolve, reject) {\r\n new OverlayContainer(PredepositOverlay()).show(resolve, reject);\r\n });\r\n\r\n return promise;\r\n\r\n };\r\n\r\n var removeLoadingClass = function () {\r\n var containerDom = document.getElementById('leia-game-inner-wrapper');\r\n if (containerDom) {\r\n containerDom.classList.remove('loading');\r\n }\r\n };\r\n\r\n var setTopNavigationDisplayOnMobileLandScape = function (shouldDisplay) {\r\n document.querySelector('.js-navigation')?.classList.toggle('hide-on-mobile-landscape', !shouldDisplay);\r\n };\r\n\r\n const appEventEmitter = (eventType, eventData) => {\r\n if (!window.dsApplicationConfig || window.dsApplicationConfig.ApplicationId !== 'ISOBAR_LOTTO_MOBILENATIVE') return;\r\n AppEvent.fire(eventType, eventData);\r\n };\r\n\r\n // Public functions:\r\n return {\r\n gotoDeposit,\r\n openLogin,\r\n relaySSO,\r\n gotoExitGame,\r\n openPopup,\r\n gotoGlobalRules,\r\n gotoGameRules,\r\n calculateTopAreaHeight,\r\n setGameContainerSize,\r\n trackingProductDetails,\r\n addToDatalayer,\r\n applyFullscreen,\r\n showPreDepositOverlay,\r\n removeLoadingClass,\r\n setTopNavigationDisplayOnMobileLandScape,\r\n appEventEmitter\r\n };\r\n\r\n});\r\n","defineDs('DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/IOSFullscreenOverlay', [\r\n 'Shared/Framework/Mithril/Scripts/Helpers/IOSUtils'\r\n], function (IOSUtils) {\r\n\r\n // Vars:\r\n var $container = document.getElementById('leia-game-inner-wrapper');\r\n var $spacer = document.getElementById('leia-game-ios-swipe-up-spacer');\r\n\r\n var overlayHasAppeared = false;\r\n\r\n // Functions:\r\n\r\n var showOverlay = function () {\r\n overlayHasAppeared = true;\r\n\r\n // Show spacer, before the game container, so we can inject the scrolling option\r\n if ($spacer) {\r\n $spacer.style.display = 'block';\r\n }\r\n\r\n // Display the swipe up animation overlay (sticky)\r\n $container.classList.add('visible-swipe-up-overlay');\r\n\r\n // Have swipeoverlay for 3s before hide\r\n window.addEventListener('touchend', function () {\r\n setTimeout(function () {\r\n hideOverlay();\r\n }, 3000);\r\n });\r\n };\r\n\r\n var hideOverlay = function () {\r\n $container.classList.remove('visible-swipe-up-overlay');\r\n\r\n if ($spacer) {\r\n $spacer.style.display = 'none';\r\n }\r\n };\r\n\r\n var poolingFunction = function () {\r\n console.warn('IOSFullscreenOverlay pool');\r\n\r\n // Always hide if switch to portrait\r\n if (!IOSUtils.isLandscape() && overlayHasAppeared) {\r\n hideOverlay();\r\n return;\r\n }\r\n\r\n if (!overlayHasAppeared) {\r\n showOverlay();\r\n }\r\n\r\n };\r\n\r\n var startMonitoring = function () {\r\n window.addEventListener('resize', poolingFunction);\r\n };\r\n\r\n return {\r\n startMonitoring: startMonitoring\r\n };\r\n\r\n});\r\n","defineDs('DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/AndroidFullscreenOverlay', [\r\n], function () {\r\n\r\n // Vars:\r\n var checkTimer = null;\r\n var $container = document.getElementById('leia-game-inner-wrapper');\r\n var $overlay = document.getElementById('leia-android-fullscreen-overlay');\r\n\r\n // Functions:\r\n var isLandscape = function () {\r\n return (window.innerWidth > window.innerHeight);\r\n };\r\n\r\n var isFullscreen = function () {\r\n var fullscreenElement = document.fullscreenElement || // eslint-disable-line compat/compat\r\n document.mozFullScreenElement ||\r\n document.webkitFullscreenElement ||\r\n document.msFullscreenElement ||\r\n document.fullscreen; // eslint-disable-line compat/compat\r\n\r\n if (fullscreenElement || document.webkitIsFullScreen) {\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n var applyFullscreen = function () {\r\n var elem = document.body;\r\n if (elem.requestFullscreen) {\r\n elem.requestFullscreen();\r\n } else if (elem.mozRequestFullScreen) { /* Firefox */\r\n elem.mozRequestFullScreen();\r\n } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */\r\n elem.webkitRequestFullscreen();\r\n } else if (elem.msRequestFullscreen) { /* IE/Edge */\r\n elem.msRequestFullscreen();\r\n }\r\n };\r\n\r\n var showOverlay = function () {\r\n // Display the swipe up animation overlay (sticky)\r\n $container.classList.add('visible-android-fullscreen-overlay');\r\n };\r\n\r\n var hideOverlay = function () {\r\n $container.classList.remove('visible-android-fullscreen-overlay');\r\n };\r\n\r\n var poolingFunction = function () {\r\n console.warn('AndroidFullscreenOverlay pool');\r\n\r\n if (isFullscreen() || !isLandscape()) {\r\n stopTimer();\r\n hideOverlay();\r\n } else {\r\n showOverlay();\r\n }\r\n\r\n };\r\n\r\n var stopTimer = function () {\r\n clearInterval(checkTimer);\r\n };\r\n\r\n var startTimer = function () {\r\n poolingFunction();\r\n if (!checkTimer) {\r\n checkTimer = setInterval(poolingFunction, 500);\r\n }\r\n };\r\n\r\n var startMonitoring = function () {\r\n startTimer();\r\n\r\n window.addEventListener('resize', startTimer);\r\n\r\n $overlay.addEventListener('click', function () {\r\n applyFullscreen();\r\n hideOverlay();\r\n stopTimer();\r\n });\r\n };\r\n\r\n return {\r\n startMonitoring: startMonitoring\r\n };\r\n\r\n\r\n});\r\n","defineDs('DanskeSpil/Domain/GameVendorLEIA/Scripts/LeiaHostChannel', [\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'Shared/Framework/Ensighten/Scripts/Ensighten',\r\n 'DanskeSpil/Domain/Authentification/Scripts/LoginCache',\r\n 'DanskeSpil/Domain/Authentification/Scripts/SitecoreAuth',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaDataStore',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaApi',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaUtils'\r\n], function (Utils, Ensighten, LoginCache, SitecoreAuth, LeiaDataStore, LeiaApi, LeiaUtils) {\r\n\r\n // Game is a subclass of HostChannel:\r\n var Game = (function () {\r\n\r\n var executeAction = function (action, parameters) {\r\n console.debug('GAME - executeAction', action, parameters);\r\n\r\n if (action === 'closeGame') {\r\n closeGame();\r\n }\r\n\r\n if (action === 'globalRules') {\r\n LeiaUtils.gotoGlobalRules();\r\n }\r\n\r\n if (action == 'gameRules') {\r\n LeiaUtils.gotoGameRules();\r\n }\r\n\r\n if (action == 'saveTag') {\r\n saveTag(parameters);\r\n }\r\n\r\n if (action == 'gameLoading') {\r\n // Remove loading class from container\r\n LeiaUtils.removeLoadingClass();\r\n }\r\n\r\n // isGameEnabled and openGame actions are for Cross Sale functionality\r\n if (action === 'isGameEnabled') {\r\n return isGameEnabled(parameters);\r\n }\r\n\r\n if (action === 'openGame') {\r\n return openGame(parameters);\r\n }\r\n\r\n };\r\n\r\n var executeEvent = function (eventType, eventData) {\r\n console.debug('GAME - executeEvent', eventType, eventData);\r\n\r\n var gameEvents = [\r\n 'setDimension',\r\n 'saveTag',\r\n 'preBet',\r\n 'onBet',\r\n 'onClaim'\r\n ];\r\n\r\n if (gameEvents.indexOf(eventType) > -1 && Object.prototype.hasOwnProperty.call(Game, eventType)) {\r\n // If so, trigger the method\r\n return Game[eventType](eventData);\r\n } else {\r\n // The action triggered doesn't exist in this class. So we have to trigger an error\r\n console.debug('ReferenceError: lottery.game.bridge.host.error - The event ' + eventType + ' triggered by ITF bridge is not defined in the application. EventData: ', eventData);\r\n }\r\n };\r\n\r\n var setDimension = function (data) {\r\n console.debug('GAME - setDimension', data);\r\n LeiaUtils.setGameContainerSize(data);\r\n };\r\n\r\n var onBet = function (data) {\r\n console.debug('GAME - onBet', data);\r\n LeiaUtils.setTopNavigationDisplayOnMobileLandScape(false);\r\n LeiaUtils.setGameContainerSize();\r\n LeiaUtils.appEventEmitter('on-bet', { betAmount: data.betAmount?.value });\r\n };\r\n\r\n var onClaim = function (data) {\r\n console.debug('GAME - onClaim', data);\r\n LeiaUtils.setTopNavigationDisplayOnMobileLandScape(true);\r\n LeiaUtils.setGameContainerSize();\r\n };\r\n\r\n var isGameEnabled = function (data) { // Used by FDJ games for cross sale functionality\r\n var promise = new Promise(function (resolve, reject) {\r\n if (!data.gameId) {\r\n reject();\r\n }\r\n\r\n LeiaApi.getGameInfo(data.name).then(function (response) {\r\n if (response && response.data && response.data.status === 'open') {\r\n resolve(true);\r\n } else {\r\n resolve(false);\r\n }\r\n });\r\n\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n var openGame = function (data) { // Used by FDJ games for cross sale functionality\r\n\r\n var promise = new Promise(function (resolve, reject) {\r\n if (!data.gameId) {\r\n reject();\r\n }\r\n\r\n LeiaApi.getGameInfo(data.name).then(function (response) {\r\n if (response && response.data && response.data.status === 'open' && response.data.cmsData && response.data.cmsData.gameUrl) {\r\n location.href = response.data.cmsData.gameUrl;\r\n } else {\r\n resolve(false);\r\n }\r\n });\r\n\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n var saveTag = function (eventData) {\r\n console.debug('GAME - saveTag', eventData);\r\n\r\n if (eventData.name === 'reveal' && eventData.eventType === 'view') {\r\n // Remove loading class from container\r\n LeiaUtils.removeLoadingClass();\r\n }\r\n\r\n\r\n\r\n // WORKAROUND - WHEN LANDSCAPE REMOVE HEADER WHEN GAME IS IN ACTION:\r\n var headerChangeAction = null;\r\n\r\n // For standard LEIA games:\r\n if (eventData.event === 'betRequest' && eventData.eventType === 'bet' && eventData.viewInfo\r\n && (eventData.viewInfo.state === 'didAppear' || eventData.viewInfo.state === 'willAppear')\r\n && (eventData.viewInfo.name === 'reveal' || eventData.viewInfo.name === 'home' || eventData.viewInfo.name === 'game')) { // Quick Games: 'reveal'/'game', other game:'home'\r\n\r\n headerChangeAction = 'HIDE';\r\n }\r\n\r\n // For Motors Game (e.g Kortkrig):\r\n if (eventData.event === 'createMtrBet' && eventData.eventType === 'requestParams') {\r\n headerChangeAction = 'HIDE';\r\n }\r\n\r\n // Both standard + Motors Games\r\n if (eventData.name === 'result' && eventData.eventType === 'view') {\r\n headerChangeAction = 'SHOW';\r\n }\r\n\r\n\r\n // If headerChangeAction, perform header change:\r\n if (headerChangeAction === 'HIDE' || headerChangeAction === 'SHOW') {\r\n console.debug('headerChangeAction', headerChangeAction);\r\n\r\n if (headerChangeAction === 'HIDE') {\r\n // Hide navigation on landscape\r\n LeiaUtils.setTopNavigationDisplayOnMobileLandScape(false);\r\n } else {\r\n // Show navigation on landscape\r\n LeiaUtils.setTopNavigationDisplayOnMobileLandScape(true);\r\n }\r\n\r\n LeiaUtils.setGameContainerSize();\r\n // This timeout because setGameContainerSize is calculating the header height, and this is not always updated at this point. To be re-visited later.\r\n setTimeout(LeiaUtils.setGameContainerSize, 200);\r\n }\r\n\r\n\r\n // TRACKING COMES HERE:\r\n\r\n var gameName = LeiaDataStore.gameData.name;\r\n if (eventData.event === 'loaded' && eventData.eventType === 'game' && eventData.gameInfo) {\r\n // First tracking event: view product\r\n var addProduct = LeiaUtils.trackingProductDetails(gameName, null);\r\n LeiaUtils.addToDatalayer({\r\n event: 'productDetail',\r\n ecommerce: {\r\n detail: {\r\n products: [addProduct]\r\n }\r\n }\r\n });\r\n }\r\n\r\n if ((eventData.eventType.event === 'createITGBet' || ['createITGBet', 'createEinBet', 'createMtrBet'].includes(eventData.event)) && LeiaDataStore.purchaseCompleted !== true) {\r\n // Third tracking event: purchase completed\r\n var stakeAmount = LeiaDataStore.stakeAmount;\r\n var purchaseProduct = LeiaUtils.trackingProductDetails(gameName, stakeAmount);\r\n var transactionId = 'LEIA_' + Math.ceil(Math.random() * 10e10);\r\n\r\n if (stakeAmount) {\r\n LeiaUtils.addToDatalayer({\r\n event: 'purchaseComplete',\r\n ecommerce: {\r\n purchase: {\r\n actionField: {\r\n id: transactionId, // Transaction ID – please use a random unique GUID\r\n revenue: stakeAmount // please use the total amount\tplayed for when the ‘køb’ is ‘gennemført’\r\n },\r\n products: [purchaseProduct]\r\n }\r\n }\r\n });\r\n LeiaDataStore.purchaseCompleted = true;\r\n }\r\n\r\n }\r\n\r\n if (eventData.event === 'buttonClick' && ['instant', 'auto'].includes(eventData.name)) {\r\n Ensighten.pushGaEvent('Quick_spil', eventData.name, eventData.gameName);\r\n }\r\n\r\n };\r\n\r\n var preBet = function (eventData) {\r\n console.debug('GAME - preBet', eventData);\r\n\r\n if (eventData && eventData.demo === true) {\r\n // In demo-mode, just return resolved promise;\r\n var demoPromise = new Promise(function (resolve) {\r\n resolve();\r\n });\r\n return demoPromise;\r\n }\r\n\r\n var stakeAmount = eventData.stake.value / 100;\r\n LeiaDataStore.stakeAmount = stakeAmount;\r\n\r\n // Second tracking event: add to card\r\n var gameName = LeiaDataStore.gameData.name;\r\n var product = LeiaUtils.trackingProductDetails(gameName, stakeAmount);\r\n LeiaUtils.addToDatalayer({\r\n event: 'addToCart',\r\n ecommerce: {\r\n add: {\r\n products: [product]\r\n }\r\n }\r\n });\r\n LeiaDataStore.purchaseCompleted = false;\r\n\r\n // Check balance and display deposit prompt if needed:\r\n\r\n var promise = new Promise(function (resolve, reject) {\r\n\r\n // Check balance\r\n var user = LoginCache.getUserObj();\r\n if (user.customerInfo && stakeAmount > 0) {\r\n var balance = user.customerInfo.balance;\r\n if (stakeAmount > balance) {\r\n // Balance not ok, so display predeposit overlay\r\n LeiaUtils.showPreDepositOverlay().then(function () {\r\n LeiaUtils.gotoDeposit();\r\n }, function () {\r\n reject();\r\n });\r\n\r\n return;\r\n }\r\n\r\n // Balance ok\r\n resolve();\r\n }\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n var start = function (type, code) {\r\n console.debug('GAME - Start the game', type, code);\r\n };\r\n\r\n var closeGame = function () {\r\n console.debug('GAME - closeGame');\r\n LeiaUtils.gotoExitGame();\r\n };\r\n\r\n var gameRules = function () {\r\n console.debug('GAME - gameRules');\r\n };\r\n\r\n var globalRules = function () {\r\n console.debug('GAME - globalRules');\r\n };\r\n\r\n var credit = function () {\r\n console.debug('GAME - credit');\r\n\r\n LeiaUtils.gotoDeposit();\r\n };\r\n\r\n return {\r\n executeAction,\r\n executeEvent,\r\n setDimension,\r\n preBet,\r\n saveTag,\r\n start,\r\n closeGame,\r\n gameRules,\r\n globalRules,\r\n credit,\r\n onBet,\r\n onClaim\r\n };\r\n })();\r\n\r\n var HostChannel = function () {\r\n this.type = null;\r\n this.name = null;\r\n\r\n this.gameMode = 'default'; // variable to store the gameMode for updateGameMode and getGameMode\r\n\r\n this.setName = function (name) {\r\n this.name = name;\r\n LeiaDataStore.name = name;\r\n };\r\n\r\n this.setType = function (type) {\r\n this.type = type;\r\n };\r\n\r\n\r\n /**\r\n * The “emitEvent()” method is used by the game bridge to tell the host implementation that an event occurred.\r\n * @param string eventType\r\n * @param json eventData\r\n * @return void\r\n */\r\n this.emitEvent = function (eventType, eventData) {\r\n console.debug('HostChannel : emitEvent', eventType);\r\n var switchEvent = {\r\n DIMENSIONS: 'setDimension',\r\n TAG: 'saveTag',\r\n PREBET: 'preBet',\r\n HAS_BET: 'onBet',\r\n HAS_CLAIMED: 'onClaim'\r\n };\r\n\r\n return Game.executeEvent(switchEvent[eventType], eventData);\r\n };\r\n\r\n /**\r\n * The “getHostInformation()” method is used by the bridge to retrieve host information from the host implementation.\r\n * @return Promise\r\n */\r\n this.getHostInformation = function () {\r\n var promise = new Promise(function (resolve) {\r\n var response = {\r\n };\r\n console.debug('HostChannel : getHostInformation resolve', response);\r\n resolve(response);\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n /**\r\n * The “updateGameMode()” method is used by the bridge to tell the host implementation that the game mode should be switched.\r\n * This is usually requested by the game itself, when it allows switching from normal mode to a demo mode, for example.\r\n * @param string gameMode\r\n * @return string\r\n */\r\n this.updateGameMode = function (gameMode) {\r\n console.debug('HostChannel : updateGameMode', gameMode);\r\n this.gameMode = gameMode;\r\n\r\n var promise = new Promise(function (resolve) {\r\n console.debug('HostChannel : updateGameMode resolve', gameMode);\r\n resolve(gameMode);\r\n });\r\n\r\n return promise;\r\n\r\n }.bind(this);\r\n\r\n /**\r\n * The “getGameMode()” method is used by the bridge to retrieve the game mode chosen by the host implementation.\r\n * @return Promise\r\n */\r\n this.getGameMode = function () {\r\n var gameMode = this.gameMode;\r\n console.debug('HostChannel : getGameMode');\r\n\r\n var promise = new Promise(function (resolve) {\r\n console.debug('HostChannel : getGameMode resolve', gameMode);\r\n resolve(gameMode);\r\n });\r\n\r\n return promise;\r\n }.bind(this);\r\n\r\n /**\r\n * The “getGameConfiguration()” method is used by the bridge to retrieve game configuration parameters from the host implementation.\r\n * @param string type\r\n * @param string name\r\n * @return Promise\r\n */\r\n this.getGameConfiguration = function (type, name) {\r\n console.debug('HostChannel : getGameConfiguration', type, name);\r\n\r\n var promise = new Promise(function (resolve, reject) {\r\n\r\n if (!LeiaDataStore.gameData) {\r\n console.error('No game data in store');\r\n reject();\r\n return;\r\n }\r\n\r\n var response = {\r\n theme: {\r\n id: LeiaDataStore.gameData.themeId\r\n },\r\n visualIdentity: {\r\n id: 'default',\r\n url: ''\r\n },\r\n logo: {\r\n url: ''\r\n },\r\n parameters: {\r\n }\r\n };\r\n\r\n console.debug('HostChannel : getGameConfiguration resolve', response);\r\n resolve(response);\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n /**\r\n * The \"getGameInformation()\" method is used by the bridge to retrieve game information from the host implementation.\r\n * @param string type\r\n * @param string name\r\n * @return Promise\r\n */\r\n this.getGameInformation = function (type, name, t) {\r\n console.debug('HostChannel : getGameInformation', type, name, t);\r\n\r\n var promise = new Promise(function (resolve) {\r\n var response = {\r\n type: type,\r\n name: name,\r\n label: ''\r\n };\r\n console.debug('HostChannel : getGameInformation resolve', response);\r\n resolve(response);\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n /**\r\n * The \"getLocaleInformation()\" is used by the bridge to retrieve internationalization information from the host implementation.\r\n * Returned data are extracted from the catalog API.\r\n * @return Promise\r\n */\r\n this.getLocaleInformation = function () {\r\n console.debug('HostChannel : getLocaleInformation');\r\n\r\n var promise = new Promise(function (resolve) {\r\n var response = {\r\n availableLanguages: ['en-US', 'da-DK'],\r\n activeLanguage: 'da-DK',\r\n activeCurrency: 'DKK'\r\n };\r\n console.debug('HostChannel : getLocaleInformation resolve', response);\r\n resolve(response);\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n /**\r\n * The “getUserInformation()” method is used by the bridge to request information about the user from the host implementation.\r\n * Return data are extracted from sessionStorage set on login\r\n * @param boolean forceAuthenticated\r\n * @param string sessionTokenType\r\n * @return Promise\r\n */\r\n this.getUserInformation = function (forceAuthenticated, sessionTokenType, options) {\r\n console.debug('HostChannel : getUserInformation', forceAuthenticated, sessionTokenType, options);\r\n\r\n var promise = new Promise(function (resolve) {\r\n\r\n var response = {};\r\n response.gender = 'M';\r\n response.firstName = '';\r\n response.lastName = '';\r\n\r\n if (!forceAuthenticated) {\r\n var user = LoginCache.getUserObj();\r\n if (!user || user.customerInfo) {\r\n // User logged not logged in\r\n console.debug('HostChannel : getUserInformation resolve', response);\r\n resolve({});\r\n } else {\r\n // User logged in\r\n console.debug('HostChannel : getUserInformation resolve', response);\r\n resolve(response);\r\n }\r\n\r\n return;\r\n }\r\n\r\n // Login session (and fresh assertionId) is required:\r\n LeiaUtils.relaySSO(options).then(function (sessionToken) {\r\n // OK - User logged in, and we got the assertionId\r\n response.sessionToken = sessionToken;\r\n console.debug('HostChannel : getUserInformation resolve', response);\r\n resolve(response);\r\n\r\n }, function () {\r\n\r\n // Not logged in. Fire up login (Will enforce page navigation, and stop the promise chain)\r\n LeiaUtils.openLogin();\r\n\r\n });\r\n\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n /**\r\n * The “getPurseInformation()” method is used by the bridge to retrieve purse information from the host implementation.\r\n * @return Promise\r\n */\r\n this.getPurseInformation = function () {\r\n console.debug('HostChannel : getPurseInformation');\r\n\r\n var promise = new Promise(function (resolve, reject) {\r\n\r\n DSAPI.Account.doBalanceUpdate();\r\n\r\n SitecoreAuth.getUserObj(function (data) {\r\n if (data && data.customerInfo && typeof data.customerInfo.balance !== 'undefined') {\r\n\r\n var balance = Utils.numberFormat(data.customerInfo.balance, 2, '.', '');\r\n\r\n var response = {\r\n values: {},\r\n displayedAmount: {\r\n value: balance, // Format: 100.00\r\n currency: 'DKK'\r\n }\r\n };\r\n\r\n console.debug('HostChannel : getPurseInformation resolve', response);\r\n resolve(response);\r\n } else {\r\n console.warn('NO VALID USERSESSION OBJECT');\r\n console.debug('HostChannel : getPurseInformation reject');\r\n reject({});\r\n }\r\n });\r\n\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n /**\r\n * The “executionAction()” method is used by the bridge to delegate an action to the host implementation.\r\n * @param integer actionId\r\n * @param json parameters\r\n * @return void\r\n */\r\n this.executeAction = function (actionId, parameters) {\r\n console.debug('HostChannel : executeAction ->', actionId);\r\n var switchAction = {\r\n CLOSE_GAME: 'closeGame',\r\n CREDIT: 'credit',\r\n GAME_RULES: 'gameRules',\r\n GLOBAL_RULES: 'globalRules',\r\n OPEN_GAME: 'openGame',\r\n TAG: 'saveTag',\r\n GAME_LOADING: 'gameLoading',\r\n IS_GAME_ENABLED: 'isGameEnabled'\r\n };\r\n\r\n return Game.executeAction(switchAction[actionId], parameters);\r\n };\r\n\r\n this.maskPurse = function (purseMask) {\r\n console.debug('HostChannel : maskPurse', purseMask);\r\n\r\n var promise = new Promise(function (resolve) {\r\n\r\n var user = LoginCache.getUserObj();\r\n var balance = user && user.customerInfo ? Utils.numberFormat(user.customerInfo.balance, 2, '.', '') : null;\r\n var response = {\r\n displayedAmount: {\r\n value: balance,\r\n currency: 'DKK'\r\n },\r\n maskId: 1\r\n };\r\n\r\n console.debug('HostChannel : maskPurse resolve', response);\r\n resolve(response);\r\n\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n this.clearPurse = function (maskId) {\r\n console.debug('HostChannel : clearPurse', maskId);\r\n\r\n var promise = new Promise(function (resolve) {\r\n var user = LoginCache.getUserObj();\r\n var balance = user && user.customerInfo ? Utils.numberFormat(user.customerInfo.balance, 2, '.', '') : null;\r\n var response = {\r\n displayedAmount: {\r\n value: balance,\r\n currency: 'DKK'\r\n },\r\n maskId: 1\r\n };\r\n\r\n console.debug('HostChannel : clearPurse resolve', response);\r\n\r\n resolve(response);\r\n });\r\n\r\n return promise;\r\n };\r\n };\r\n\r\n // Public functions:\r\n return HostChannel;\r\n\r\n});\r\n","defineDs('DanskeSpil/Domain/GameVendorLEIA/Scripts/LeiaGameLauncher', [\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'Common/Framework/EventHandling/Scripts/Event',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/LeiaHostChannel',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaDataStore',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaApi',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/LeiaUtils',\r\n 'Shared/Framework/Mithril/Scripts/Helpers/IOSUtils',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/IOSFullscreenOverlay',\r\n 'DanskeSpil/Domain/GameVendorLEIA/Scripts/Helpers/AndroidFullscreenOverlay',\r\n 'DanskeSpil/Domain/Authentification/Scripts/LoginCache',\r\n 'Common/Framework/EventHandling/Scripts/CrossWindowEvents',\r\n 'Common/Framework/EventHandling/Scripts/AppEvent',\r\n], function (Utils, Event, LeiaHostChannel, LeiaDataStore, LeiaApi, LeiaUtils, IOSUtils, IOSFullscreenOverlay, AndroidFullscreenOverlay, LoginCache, CrossWindowEvents, AppEvent) {\r\n\r\n // Functions:\r\n var loadFalconBridge = function () {\r\n var promise = new Promise(function (resolve) {\r\n window.include(DS.Config.LEIA_HOST + '/static/bridge/falcon-game-bridge-helper.min.js', function () {\r\n resolve();\r\n });\r\n });\r\n\r\n return promise;\r\n };\r\n\r\n var showErrorMessage = function (errorMessage) {\r\n var domMessage = document.getElementById('leia-message');\r\n var domContainer = document.getElementById('leia-game-inner-wrapper');\r\n\r\n if (domMessage) {\r\n domMessage.innerText = errorMessage;\r\n }\r\n if (domContainer) {\r\n domContainer.classList.remove('loading');\r\n domContainer.classList.add('error');\r\n }\r\n };\r\n\r\n var bindResizeEvents = function () {\r\n window.addEventListener('resize', function () {\r\n // Resize on ios after adressbar/fullscreen toggle doesnt seem to work unless we add delay. Lets try with 300ms\r\n setTimeout(LeiaUtils.setGameContainerSize, 300);\r\n });\r\n\r\n Event.subscribe('header-area-height-changed', function () {\r\n // Delay a bit, to be sure DOM is updated before detecting/setting sizes.\r\n setTimeout(LeiaUtils.setGameContainerSize, 300);\r\n });\r\n };\r\n\r\n var isApp = function () {\r\n return location.href.toLowerCase().indexOf('dsapplicationid') > -1;\r\n };\r\n\r\n var iosSwipeUpHack = function () {\r\n console.warn('IOSUtils.isIOS()', IOSUtils.isIOS());\r\n console.warn('IOSUtils.isLandscape()', IOSUtils.isLandscape());\r\n console.warn('IOSUtils.isFullscreen()', IOSUtils.isFullscreen());\r\n\r\n if (Utils.isMobile() && IOSUtils.isIOS()) {\r\n // No footer on this page (as we want nothing below game container)\r\n var $footer = document.querySelector('.js-global-footer');\r\n if ($footer) {\r\n $footer.style.display = 'none';\r\n }\r\n\r\n if (!isApp()) {\r\n IOSFullscreenOverlay.startMonitoring();\r\n }\r\n }\r\n };\r\n\r\n var androidFullscreenHack = function () {\r\n var isAndroid = navigator.userAgent.toLowerCase().indexOf('android') > -1;\r\n\r\n if (Utils.isMobile() && isAndroid && !isApp()) {\r\n AndroidFullscreenOverlay.startMonitoring();\r\n }\r\n };\r\n\r\n var subcribeBalanceUpdate = function () {\r\n // For app: Fire event when balance is updated (and only when updated)\r\n var oldBalance = LoginCache.isLoggedIn() ? LoginCache.getUserObj().customerInfo.balance : null;\r\n CrossWindowEvents.subscribe('ds.event.balanceUpdated', function () {\r\n var newBalance = LoginCache.isLoggedIn() ? LoginCache.getUserObj().customerInfo.balance : null;\r\n if (oldBalance != newBalance) {\r\n AppEvent.fire('update-user-balance', null);\r\n }\r\n\r\n oldBalance = newBalance;\r\n });\r\n };\r\n\r\n var getGviChannel = function () {\r\n var isApp = location.href.toLowerCase().indexOf('dsapplicationid') > -1;\r\n if (isApp) {\r\n return 'APP';\r\n }\r\n\r\n if (Utils.isMobile() || Utils.isTabletDevice()) {\r\n return 'MOBILE';\r\n }\r\n\r\n return 'WEB';\r\n };\r\n\r\n var loadGame = function (gameData, options) {\r\n // Setup FDJ HostChannel:\r\n var hostChannel = new LeiaHostChannel();\r\n hostChannel.setName(gameData.name);\r\n hostChannel.setType(gameData.engineCode);\r\n\r\n var bridgeSetup = {\r\n hostChannel: hostChannel,\r\n bridgeLocation: DS.Config.LEIA_HOST + '/static/bridge/loader.html',\r\n parentNode: options.domNode,\r\n crossDomain: {\r\n hostKey: DS.Config.LEIA_HOSTKEY,\r\n authorizedHosts: [DS.Config.LEIA_HOST, location.origin]\r\n },\r\n betId: options.betId,\r\n skipRules: options.skipRules ? true : false,\r\n lotteryChannel: getGviChannel()\r\n };\r\n\r\n window.fcGameBridge.openGame(bridgeSetup);\r\n };\r\n\r\n var init = function () {\r\n var domNode = document.getElementById('leia-game');\r\n if (!domNode) {\r\n return;\r\n }\r\n\r\n var gameId = domNode.getAttribute('data-game-id');\r\n var checkForActiveGame = domNode.getAttribute('data-check-for-active-game') === 'true';\r\n var betId = Utils.getParameter('betId');\r\n var skipRules = Utils.getParameter('skipRules');\r\n\r\n if (!gameId) {\r\n console.warn('LEIA Game Launcher: name param should be set');\r\n return;\r\n }\r\n\r\n // Override login returnUrl to add skipRules if not already\r\n if (!skipRules) {\r\n document.body.setAttribute('data-override-login-return-url', location.pathname + location.search + (location.search.indexOf('?') > -1 ? '&' : '?') + 'skipRules=1');\r\n }\r\n\r\n document.body.setAttribute('data-override-logout-return-url', '/quick');\r\n\r\n // Precalculate the container-size:\r\n LeiaUtils.setGameContainerSize();\r\n\r\n // gameInfo feed + falcon bridge loader:\r\n var promises = [LeiaApi.getGameInfo(gameId), loadFalconBridge()];\r\n\r\n // IU-16635 + IU-17842\r\n if (checkForActiveGame) {\r\n promises.push(LeiaApi.checkActiveBetId(gameId));\r\n }\r\n\r\n if (window.dsApplicationConfig && window.dsApplicationConfig.ApplicationId === 'ISOBAR_LOTTO_MOBILENATIVE') {\r\n subcribeBalanceUpdate();\r\n }\r\n\r\n // Wait for promises\r\n Promise.all(promises).then(function (values) {\r\n // values[0] = game info\r\n // values[1] = null (load falcon bridge response)\r\n // values[2] = activebet (if needed)\r\n\r\n var response = values[0];\r\n\r\n if (!response || !response.data) {\r\n console.error('No game data');\r\n showErrorMessage('Spillet er lukket eller tjenesten midlertidigt nede.');\r\n return;\r\n }\r\n\r\n if (response.data.status !== 'open') {\r\n showErrorMessage('Spillet er lukket.');\r\n return;\r\n }\r\n\r\n LeiaDataStore.gameData = response.data;\r\n\r\n if (values[2]) {\r\n betId = values[2];\r\n }\r\n\r\n loadGame(response.data, {\r\n domNode: domNode,\r\n betId: betId,\r\n skipRules: skipRules\r\n });\r\n\r\n bindResizeEvents();\r\n\r\n iosSwipeUpHack();\r\n androidFullscreenHack();\r\n\r\n }, function () {\r\n // One of promises rejects\r\n showErrorMessage('Spillet er lukket eller tjenesten midlertidigt nede.');\r\n });\r\n\r\n };\r\n\r\n // Init:\r\n init();\r\n\r\n});\r\n","defineDs('DanskeSpil/Framework/AppUniverse/Scripts/AppUniverse/Helpers/AppDictionary',\r\n [\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Dictionary'\r\n ],\r\n function (Dictionary) {\r\n return new Dictionary('/AppUniverse');\r\n });\r\n","defineDs('DanskeSpil/Framework/AppUniverse/Scripts/AppUniverse/Components/VersionSelector',\r\n [\r\n 'Common/Framework/EventHandling/Scripts/OutsideClick',\r\n 'Shared/Framework/Mithril/Scripts/Core/Mithril',\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Render'\r\n ],\r\n function (OutsideClick, m, Render) {\r\n\r\n // Template:\r\n var VersionSelector = function (controller) {\r\n // Variables:\r\n var render = Render();\r\n\r\n // Functions:\r\n var toggleSelector = function (state) {\r\n controller.property('toggleSelector', {\r\n name: 'device',\r\n state: state || !controller.property('toggleSelector')['state']\r\n });\r\n };\r\n\r\n var selectOption = function (option) {\r\n controller.selectedOption = option;\r\n controller.deviceSelectorUpdate(option);\r\n controller.property('swipperInit', false);\r\n toggleSelector(false);\r\n\r\n };\r\n\r\n var isActiveOption = function () {\r\n return controller.optionsList &&\r\n controller.optionsList.length &&\r\n controller.property('toggleSelector')['name'] === 'device' &&\r\n controller.property('toggleSelector')['state'];\r\n };\r\n\r\n var selectorDOM = function (label) {\r\n var placeHolderText = controller.selectedOption.displayName || controller.selectedOption;\r\n\r\n return m('.selector-wrapper', [\r\n m('span.selector-label', label),\r\n m('.options-wrapper', {\r\n class: isActiveOption() ? 'active' : '',\r\n config: render.depend('options-wrapper')\r\n }, [\r\n m('.options-placeholder-wrapper', {\r\n onclick: function () {\r\n toggleSelector();\r\n }\r\n }, [\r\n m('span.placeholder-text', placeHolderText),\r\n m('span.placeholder-icon')\r\n ]),\r\n m('.options-list-wrapper',\r\n controller.optionsList.map(function (option) {\r\n if (option.name) {\r\n return m('.option-item-wrapper', {\r\n class: controller.selectedOption === option ? 'selected' : '',\r\n onclick: function () {\r\n selectOption(option);\r\n }\r\n }, [\r\n m('span.option-item-text', option.displayName),\r\n m('span.option-item-icon')\r\n ]);\r\n }\r\n })\r\n )\r\n ])\r\n ]);\r\n };\r\n\r\n // Render:\r\n render.ready.then(function (nodes) {\r\n var optionsWrapper = nodes['options-wrapper'];\r\n if (optionsWrapper) {\r\n var option = optionsWrapper;\r\n if (option.$element.classList.contains('active')) {\r\n OutsideClick(option.$element, option.context, function () {\r\n if (option.$element.classList.contains('active')) {\r\n controller.property('toggleSelector')['state'] = false;\r\n }\r\n });\r\n }\r\n }\r\n });\r\n\r\n // Return:\r\n return m('.app-installation-guide__version-selector',\r\n {\r\n config: render.depend('app-installation-guide__version-selector')\r\n },\r\n controller.deviceSelectorLabel() ? selectorDOM(controller.deviceSelectorLabel()) : null);\r\n };\r\n\r\n // Public functions:\r\n return VersionSelector;\r\n\r\n });\r\n","defineDs('DanskeSpil/Domain/Tutorial/Scripts/Components/TutorialFooter',\r\n [\r\n 'Shared/Framework/Mithril/Scripts/Core/Mithril',\r\n ],\r\n function (m) {\r\n return function ({ title, text, footerElements, style, activate = true }) {\r\n return m('.tutorial-footer', {\r\n class: activate ? '' : 'tutorial-footer--disable'\r\n },\r\n m('.tutorial-footer-inner', [\r\n m('.tutorial-footer__text-wrapper', [\r\n m('.tutorial-footer__title', { style }, title),\r\n m('.tutorial-footer__text', m.trust(text))\r\n ]),\r\n m('.tutorial-footer__footerElement', footerElements ? footerElements.map(function (footerElement) {\r\n return m('.tutorial-footer__footerElement-wrapper', [\r\n m('.tutorial-footer__footerElement-image-wrapper',\r\n m('img.tutorial-footer__footerElement-image', {\r\n src: footerElement.image\r\n })\r\n ),\r\n m('a.tutorial-footer__footerElement-text-wrapper', {\r\n href: footerElement.helpLink.Url\r\n }, [\r\n m('.tutorial-footer__footerElement-title', footerElement.title),\r\n m('.tutorial-footer__footerElement-text', footerElement.helpLink.Text)\r\n ]),\r\n ]);\r\n }) : null)\r\n ])\r\n );\r\n };\r\n });\r\n","defineDs('DanskeSpil/Domain/Tutorial/Scripts/Components/TutorialNavigation',\r\n [\r\n 'Shared/Framework/Mithril/Scripts/Core/Mithril',\r\n ],\r\n function (m) {\r\n return function (settings) {\r\n var currentUrl = m.route.param('tutorial');\r\n return settings.mostVisitedList.length > 0 ? m('.tutorial-navbar', [\r\n m('.tutorial-navbar-label', settings.mostVisitedLabel),\r\n m('.tutorial-navbar-cave',\r\n m('.tutorial-navbar-cave-inner')\r\n ),\r\n m('.tutorial-navbar-container', {\r\n onscroll: function (event) {\r\n var container = event.target;\r\n var cave = document.querySelector('.tutorial-navbar-cave');\r\n if (container.scrollLeft) cave.classList.add('tutorial-navbar-cave--open');\r\n else cave.classList.remove('tutorial-navbar-cave--open');\r\n }\r\n }, [\r\n m('.tutorial-navbar-navs', settings.mostVisitedList.map(function (tutorial) {\r\n return m('a.tutorial-navbar-nav', {\r\n class: currentUrl === tutorial.safeTitle ? 'tutorial-navbar-nav--hide' : '',\r\n href: tutorial.urlPrefix + '/' + tutorial.safeTitle,\r\n config: m.route\r\n }, tutorial.title);\r\n }))\r\n ])\r\n ]) : null;\r\n };\r\n });\r\n","defineDs('DanskeSpil/Domain/Tutorial/Scripts/Components/TutorialHero',\r\n [\r\n 'Shared/Framework/Mithril/Scripts/Core/Mithril',\r\n ],\r\n function (m) {\r\n return function ({ title, style, isButtonVisible = true, activate = true, onclick = () => {} }) {\r\n return m('.tutorial__hero', {\r\n class: activate ? '' : 'tutorial__hero--disable'\r\n }, [\r\n isButtonVisible ? m('a.tutorial__hero-arrow', {\r\n href: '/',\r\n config: m.route,\r\n onclick\r\n }) : null,\r\n m('.tutorial__hero-title', { style }, m.trust(title)),\r\n ]);\r\n };\r\n });\r\n","defineDs('DanskeSpil/Domain/Tutorial/Scripts/Components/TutorialSearchBar',\r\n [\r\n 'Shared/Framework/Mithril/Scripts/Core/Mithril',\r\n ],\r\n function (m) {\r\n return function (controller) {\r\n\r\n var updateSearchQuery = function (value) {\r\n controller.searchQuery(value);\r\n controller.filteredTutorials(controller.allTutorials.filter(matchTutorialTitleWithSearchQuery));\r\n }.bind(this);\r\n\r\n var collapseCategories = function () {\r\n document.querySelectorAll('.tutorial__category--show').forEach(function (category) {\r\n category.classList.remove('tutorial__category--show');\r\n });\r\n }.bind(this);\r\n\r\n var matchTutorialTitleWithSearchQuery = function (tutorial) {\r\n if (!controller.searchQuery()) return false;\r\n\r\n var textToSearch = tutorial.title + tutorial.subtitle;\r\n if (tutorial.urlPrefix === '/simple' && tutorial.richText) {\r\n var firstOpeningParagraphTagIndex = tutorial.richText.indexOf('');\r\n var lastClosingParagraphTagIndex = tutorial.richText.lastIndexOf('
');\r\n var searchableRichText = tutorial.richText.slice(firstOpeningParagraphTagIndex, lastClosingParagraphTagIndex);\r\n searchableRichText = searchableRichText.replace(/(<([^>]+)>)/gi, '');\r\n textToSearch += searchableRichText;\r\n } else if (tutorial.elements) {\r\n textToSearch += tutorial.elements.map(function (element) {\r\n return element.title + element.text.replace(/(<([^>]+)>)/gi, '');\r\n }).join('');\r\n } else if (tutorial.urlPrefix === '/avalon' && tutorial.content) {\r\n var content = tutorial.content.outerHTML;\r\n var firstOpeningDivTagIndex = content.indexOf('