@everymatrix/casino-challenges-overlay-modal 0.16.11 → 0.16.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal-e822a04e.js +1 -0
  2. package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal.entry.js +1 -1
  3. package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal.esm.js +1 -1
  4. package/dist/casino-challenges-overlay-modal/index.esm.js +1 -1
  5. package/dist/cjs/{casino-challenges-overlay-modal-5004ed4a.js → casino-challenges-overlay-modal-51feec57.js} +26 -16
  6. package/dist/cjs/casino-challenges-overlay-modal.cjs.entry.js +1 -1
  7. package/dist/cjs/casino-challenges-overlay-modal.cjs.js +1 -1
  8. package/dist/cjs/index.cjs.js +1 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/collection/components/casino-challenges-overlay-modal/casino-challenges-overlay-modal.css +4 -2
  11. package/dist/collection/components/casino-challenges-overlay-modal/casino-challenges-overlay-modal.js +27 -9
  12. package/dist/esm/{casino-challenges-overlay-modal-a6da84b6.js → casino-challenges-overlay-modal-e822a04e.js} +26 -16
  13. package/dist/esm/casino-challenges-overlay-modal.entry.js +1 -1
  14. package/dist/esm/casino-challenges-overlay-modal.js +1 -1
  15. package/dist/esm/index.js +1 -1
  16. package/dist/esm/loader.js +1 -1
  17. package/dist/types/components/casino-challenges-overlay-modal/casino-challenges-overlay-modal.d.ts +3 -0
  18. package/package.json +1 -1
  19. package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal-a6da84b6.js +0 -1
package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal-e822a04e.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,h as i}from"./index-603664b0.js";const t="__WIDGET_GLOBAL_STYLE_CACHE__";function M(e,i){if(e){const t=document.createElement("style");t.innerHTML=i,e.appendChild(t)}}function o(e,i){if(!e||!i)return;const t=new URL(i);fetch(t.href).then((e=>e.text())).then((i=>{const t=document.createElement("style");t.innerHTML=i,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function a(e,i,M,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return M=function(e,i){const t=document.createElement("style");return window.emMessageBus.subscribe(i,(i=>{e&&(t.innerHTML=i,e.appendChild(t))}))}(e,i),M;window[t]||(window[t]={}),M=function(e,i){return window.emMessageBus.subscribe(i,(M=>{if(!e)return;const o=e.getRootNode(),a=window[t];let r=a[i]&&a[i].sheet;r?a[i].refCount=a[i].refCount+1:(r=new CSSStyleSheet,r.replaceSync(M),a[i]={sheet:r,refCount:1});const n=o.adoptedStyleSheets||[];n.includes(r)||(o.adoptedStyleSheets=[...n,r])}))}(e,i);const a=M.unsubscribe.bind(M);return M.unsubscribe=()=>{if(window[t][i]){const e=window[t][i];e.refCount>1?e.refCount=e.refCount-1:delete window[t][i]}a()},M}const r={en:{congrats:"Congratulations!",continue:"Continue",errorBtnText:"Ok",errorTitle:"Reward failed",errorSubTitle:"Sorry — we couldn’t grant the reward. Please try again.",level:"Level",completed:"has been completed!",youWon:"You have won",physicalReward:"for physical rewards please contact ",linkText:"Customer Support",playNowOrLater:"Play your free spins now or come back later.",rewardInLobby:"You can find your reward in the relevant section of the Lobby Widget.",assistance:"If you need any assistance, please contact",useSpinsNow:"Use spins now"},da:{congrats:"Tillykke!",continue:"Fortsæt",errorBtnText:"Ok",errorTitle:"Belønning fejlede",errorSubTitle:"Beklager — vi kunne ikke tildele belønning. Prøv venligst igen.",level:"Niveau",completed:"er blevet gennemført!",youWon:"Du har vundet",physicalReward:"Ved fysiske præmier, venligst kontakt ",linkText:"Kundeservice",playNowOrLater:"Brug dine freespins nu eller gem dem til senere.",rewardInLobby:"Du kan finde din belønning under ”Mine tilbud”",assistance:"Har du brug for hjælp? Kontakt venligst",useSpinsNow:"Brug dine spins nu"}},n=(e,i)=>r[void 0!==i&&i in r?i:"en"][e],s=class{constructor(i){e(this,i),this.startX=0,this.currentTranslate=0,this.prevTranslate=0,this.isDragging=!1,this.moved=!1,this.threshold=50,this.clickedSlide=null,this.onPointerDown=e=>{var i;this.isDragging=!0,this.moved=!1,this.startX=e.clientX,this.clickedSlide=e.target.closest(".ModalSlide"),null===(i=this.sliderContainer)||void 0===i||i.setPointerCapture(e.pointerId)},this.onPointerMove=e=>{if(!this.isDragging)return;const i=e.clientX-this.startX;Math.abs(i)>5&&(this.moved=!0),this.currentTranslate=this.prevTranslate+i,this.setSliderPosition(this.currentTranslate)},this.onPointerUp=e=>{var i;if(!this.isDragging)return;this.isDragging=!1,null===(i=this.sliderContainer)||void 0===i||i.releasePointerCapture(e.pointerId);const t=this.currentTranslate-this.prevTranslate;if(this.moved)t<-this.threshold?this.next():t>this.threshold?this.prev():this.setPositionByIndex(),this.clickedSlide=null;else{if(this.clickedSlide){const e=this.clickedSlide.getAttribute("data-slug");e&&this.onSlideClick(e)}this.clickedSlide=null}},this.next=()=>{this.bonusProgramGames.length&&(this.currentIndex!==this.bonusProgramGames.length-1?(this.currentIndex=(this.currentIndex+1)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.prev=()=>{this.bonusProgramGames.length&&(0!==this.currentIndex?(this.currentIndex=(this.currentIndex-1+this.bonusProgramGames.length)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.onSlideClick=e=>{this.moved||e&&window.postMessage({type:"ChallengeInGameRedirect",data:{Slug:e}},"*")},this.checkIsMobile=()=>{this.isMobile=window.innerWidth<=768},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.reward="",this.addition=!1,this.handleClick=()=>{},this.errored=!1,this.orderNumber=0,this.isFreeSpinsGranted=!1,this.bonusProgramGames=[],this.currentIndex=0,this.isMobile=!1}handleClientStylingChange(e,i){e!=i&&M(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,i){e!=i&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,i){e!=i&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleBonusProgramGameChange(e){this.currentIndex>=e.length&&(this.currentIndex=0,this.setPositionByIndex())}componentWillLoad(){this.translationUrl&&(async e=>{if(e)try{const t=await fetch(e);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);const M=await t.json();i=M,Object.keys(i).forEach((e=>{r[e]||(r[e]={});for(let t in i[e])r[e][t]=i[e][t]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var i})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&M(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)),this.setPositionByIndex(),this.checkIsMobile(),window.addEventListener("resize",this.checkIsMobile)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}setSliderPosition(e){this.bonusProgramGames.length<2&&0!==e||this.sliderContainer&&(this.sliderContainer.style.transform=`translateX(${e}px)`)}setPositionByIndex(){var e;const i=(null===(e=this.sliderContainer)||void 0===e?void 0:e.clientWidth)||0;this.currentTranslate=-this.currentIndex*i,this.prevTranslate=this.currentTranslate,this.setSliderPosition(this.currentTranslate)}render(){var e;return i("div",{key:"ffbd421b6964a16d021816c8c74ddfc2abf788c8",ref:e=>this.stylingContainer=e,class:{ModalOverlay:!0,Mobile:this.isMobile,Open:this.isOpen}},i("div",{key:"c4b08fad45496921eb6d01353de7f9e57cff9763",class:"ModalWinAnimation"}),i("div",{key:"29b5413833f8336669acb9038e1cc2dabad2b3e4",class:"ModalContent GradientBorder"},i("div",{key:"8229ad2befebda94cb80fc6a572e1706b24a6467",class:"InnerContainer"},!this.errored&&i("div",{key:"05566317b39376379c82eb2d1fb27f9a3d536d70",class:"ImageWrapper"},i("img",{key:"61ad9fe9ecf0cf6a3580b197e011c8f5bf245d3d",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),i("h1",{key:"1dc8a8e1a6673234be89b05275bd066a89984577",class:"ModalHeader"},n(this.errored?"errorTitle":"congrats",this.language)),this.errored?i("div",{class:"ModalErrorMessage"},n("errorSubTitle",this.language)):i("div",{class:"ModalSubtitle"},`${n("level",this.language)} ${this.orderNumber} ${n("completed",this.language)}`,i("div",null,n("youWon",this.language)),i("div",{class:"ModalReward"},this.reward),this.isFreeSpinsGranted&&i("div",{class:"ModalAddition"},n("playNowOrLater",this.language)),i("div",{class:"ModalAddition"},n("rewardInLobby",this.language))),this.addition&&i("div",{key:"8be6ccf4c3530c8dd6f1ed7e9ae57e6fa7a82a93",class:"ModalAddition"},i("div",{key:"b44595a2171bf7a7de219c67b10a84f551312e1f"},n("physicalReward",this.language)),i("span",{key:"130d9f81799194717c8e98a5fa3412fc0b3e2130"},n("linkText",this.language))),i("button",{key:"ae3b168a286ca0e1ac01061688d11ed5f9f7274d",class:"ModalAction",onClick:this.handleClick},n(this.errored?"errorBtnText":"continue",this.language)),this.isFreeSpinsGranted&&(null===(e=this.bonusProgramGames)||void 0===e?void 0:e.length)>0&&i("div",{key:"d2cb0be487a060e78054385c552aedb40898590e",class:"ModalSliderWrapper"},i("div",{key:"796ff801778d6d8bdf5b5e376b06f6912b75e248",class:"ModalSlider",ref:e=>this.sliderContainer=e,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerLeave:this.onPointerUp},this.bonusProgramGames.map((e=>i("div",{class:"ModalSlide",key:e.GameSlug,"data-slug":e.GameSlug},i("div",{class:"ModalSlideImageWrapper"},i("img",{src:e.Thumbnail,alt:""})),i("div",{class:"ModalSlideSpins"},n("useSpinsNow",this.language),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z",fill:"white"}))))))),this.bonusProgramGames.length>1&&i("div",{key:"d0a23cee2d33fe268cb1d8ce3de55ea76eb19ca3"},i("button",{key:"0b9797f77ef84a44485bea2b1d151933a4506935",class:{prev:!0,disabled:0===this.currentIndex},onClick:this.prev},i("svg",{key:"b3d175437fd0ffb23f8ee7503e275b85c2a86871",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},i("path",{key:"328cfa44c70123ef586e3e376614124cdf1cb83b",d:"M5 1L1 5L5 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("button",{key:"7e0611185469f1c5b5809cb66a16b9f2aa779362",class:{next:!0,disabled:this.currentIndex===this.bonusProgramGames.length-1},onClick:this.next},i("svg",{key:"f844f81864a55ecdbb1ece9ab1366dc91e71517d",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},i("path",{key:"e44969cd55b7e7d6124e5a380c2cd1eb9112d56e",d:"M1 1L5 5L1 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("div",{key:"1abafea630be1f76536a33998599da521edd6fe1",class:"ModalSliderDots"},this.bonusProgramGames.map(((e,t)=>i("span",{class:{ModalSliderDot:!0,active:t===this.currentIndex},onClick:()=>{this.currentIndex=t,this.setPositionByIndex()}})))))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}}};s.style=':host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);padding:60px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1e654f);width:540px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:"Roboto", sans-serif}.InnerContainer{border-radius:20px;background:#f9f8f8;padding:40px 50px;width:100%;flex-direction:column;align-items:center;flex:1;min-height:0;overflow-y:auto}.ImageWrapper{margin-bottom:10px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weigh-normal, 400);margin:10px auto 0;line-height:24px;width:316px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700)}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, "Roboto", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:400;align-content:center;margin-top:10px;line-height:24px}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;position:relative}.ModalAddition span::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083b17);background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);padding:9px 20px;margin-top:24px;text-transform:uppercase;color:var(--emw--button-text-color, #fff);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);min-width:100px}.ModalSliderWrapper{margin-top:24px;position:relative;overflow:hidden;width:316px;justify-self:center}.ModalSlider{display:flex;transition:transform 0.3s ease;cursor:pointer;touch-action:pan-y}.ModalSlider:active{cursor:grabbing}.ModalSlide{min-width:100%;flex-shrink:0;position:relative;display:flex;justify-content:center}.ModalSlide .ModalSlideSpins{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:99px;width:188px;height:48px;text-transform:uppercase;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);color:var(--emw--color-white, white);align-content:center;background:var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%))}.ModalSlide .ModalSlideSpins svg{margin-left:8px}.ModalSlide .ModalSlideImageWrapper{position:relative;width:244px;height:144px;border-radius:12px;overflow:hidden}.ModalSlide .ModalSlideImageWrapper img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.ModalSlide .ModalSlideImageWrapper::after{content:"";position:absolute;inset:0;background:var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843))}.prev,.next{position:absolute;top:42%;transform:translateY(-50%);stroke:white;width:22px;height:22px;border-radius:50%;border:2px solid var(--emw--button-border-color, #083b17);background:var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));display:flex;align-items:center;justify-content:center}.prev.disabled,.next.disabled{stroke:var(--emw--color-gray-100, #727672);background:var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));border-color:var(--emw--color-gray-100, #727672)}.prev{left:2px}.next{right:2px}.ModalSliderDots{display:flex;justify-content:center;margin-top:10px}.ModalSliderDot{width:8px;height:8px;border-radius:50%;background:var(--emw--color-gray-50, #e2e2e2);margin:8px;cursor:pointer}.ModalSliderDot.active{background:var(--emw--border-success-color, #00b74f)}.Mobile .ModalContent{padding:26px}.Mobile .InnerContainer{padding:25px}.Mobile .ImageWrapper{margin-bottom:6px}.Mobile .ModalHeader{margin-bottom:16px}.Mobile .ModalAddition{margin-top:8px}.Mobile .ModalAction,.Mobile .ModalSliderWrapper{margin-top:20px}.Mobile .ModalSliderWrapper{width:230px;justify-self:center}.Mobile .ModalSliderWrapper .prev,.Mobile .ModalSliderWrapper .next{display:none}.Mobile .ModalSliderWrapper .ModalSlideImageWrapper{width:220px;height:125px}.Mobile .ModalSliderWrapper .ModalSlideSpins{width:154px;height:34px;font-size:var(--emw--font-size-x-small, 12px)}.Mobile .ModalSliderWrapper .ModalSliderDot{margin:8px 4px}.Mobile .ModalSubtitle{width:220px}';export{s as C}
package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal.entry.js CHANGED
@@ -1 +1 @@
1
- export{C as casino_challenges_overlay_modal}from"./casino-challenges-overlay-modal-a6da84b6.js";import"./index-603664b0.js";
1
+ export{C as casino_challenges_overlay_modal}from"./casino-challenges-overlay-modal-e822a04e.js";import"./index-603664b0.js";
package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as n}from"./index-603664b0.js";export{s as setNonce}from"./index-603664b0.js";import{g as r}from"./app-globals-0f993ce5.js";(()=>{const n=import.meta.url,r={};return""!==n&&(r.resourcesUrl=new URL(".",n).href),e(r)})().then((async e=>(await r(),n([["casino-challenges-overlay-modal",[[1,"casino-challenges-overlay-modal",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isOpen:[516,"is-open"],reward:[513],addition:[516],handleClick:[16],errored:[516],orderNumber:[514,"order-number"],isFreeSpinsGranted:[516,"is-free-spins-granted"],bonusProgramGames:[16],currentIndex:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}]]]],e))));
1
+ import{p as e,b as n}from"./index-603664b0.js";export{s as setNonce}from"./index-603664b0.js";import{g as r}from"./app-globals-0f993ce5.js";(()=>{const n=import.meta.url,r={};return""!==n&&(r.resourcesUrl=new URL(".",n).href),e(r)})().then((async e=>(await r(),n([["casino-challenges-overlay-modal",[[1,"casino-challenges-overlay-modal",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],isOpen:[516,"is-open"],reward:[513],addition:[516],handleClick:[16],errored:[516],orderNumber:[514,"order-number"],isFreeSpinsGranted:[516,"is-free-spins-granted"],bonusProgramGames:[16],currentIndex:[32],isMobile:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}]]]],e))));
package/dist/casino-challenges-overlay-modal/index.esm.js CHANGED
@@ -1 +1 @@
1
- export{C as CasinoChallengesOverlayModal}from"./casino-challenges-overlay-modal-a6da84b6.js";import"./index-603664b0.js";
1
+ export{C as CasinoChallengesOverlayModal}from"./casino-challenges-overlay-modal-e822a04e.js";import"./index-603664b0.js";
package/dist/cjs/{casino-challenges-overlay-modal-5004ed4a.js → casino-challenges-overlay-modal-51feec57.js} RENAMED
@@ -187,15 +187,7 @@ const resolveTranslationUrl = async (translationUrl) => {
187
187
  }
188
188
  };
189
189
 
190
- const isMobile = () => {
191
- let userAgent = window.navigator.userAgent;
192
- return !!(userAgent.toLowerCase().match(/android/i) ||
193
- userAgent.toLowerCase().match(/blackberry|bb/i) ||
194
- userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
195
- userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
196
- };
197
-
198
- const casinoChallengesOverlayModalCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);padding:60px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1e654f);width:540px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:\"Roboto\", sans-serif}.InnerContainer{border-radius:20px;background:#f9f8f8;padding:40px 50px;width:100%;display:flex;flex-direction:column;align-items:center}.ImageWrapper{margin-bottom:10px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weigh-normal, 400);margin-top:10px;line-height:24px;width:316px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700)}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, \"Roboto\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:400;align-content:center;margin-top:10px;line-height:24px}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;position:relative}.ModalAddition span::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083b17);background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);padding:9px 20px;margin-top:24px;text-transform:uppercase;color:var(--emw--button-text-color, #fff);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);min-width:100px}.ModalSliderWrapper{margin-top:24px;position:relative;overflow:hidden;width:316px;justify-self:center}.ModalSlider{display:flex;transition:transform 0.3s ease;cursor:pointer;touch-action:pan-y}.ModalSlider:active{cursor:grabbing}.ModalSlide{min-width:100%;flex-shrink:0;position:relative;display:flex;justify-content:center}.ModalSlide .ModalSlideSpins{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:99px;width:188px;height:48px;text-transform:uppercase;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);color:var(--emw--color-white, white);align-content:center;background:var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%))}.ModalSlide .ModalSlideSpins svg{margin-left:8px}.ModalSlide .ModalSlideImageWrapper{position:relative;width:244px;height:144px;border-radius:12px;overflow:hidden}.ModalSlide .ModalSlideImageWrapper img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.ModalSlide .ModalSlideImageWrapper::after{content:\"\";position:absolute;inset:0;background:var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843))}.prev,.next{position:absolute;top:42%;transform:translateY(-50%);stroke:white;width:22px;height:22px;border-radius:50%;border:2px solid var(--emw--button-border-color, #083b17);background:var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));display:flex;align-items:center;justify-content:center}.prev.disabled,.next.disabled{stroke:var(--emw--color-gray-100, #727672);background:var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));border-color:var(--emw--color-gray-100, #727672)}.prev{left:2px}.next{right:2px}.ModalSliderDots{display:flex;justify-content:center;margin-top:10px}.ModalSliderDot{width:8px;height:8px;border-radius:50%;background:var(--emw--color-gray-50, #e2e2e2);margin:8px;cursor:pointer}.ModalSliderDot.active{background:var(--emw--border-success-color, #00b74f)}.Mobile .ModalContent{padding:26px}.Mobile .InnerContainer{padding:25px}.Mobile .ImageWrapper{margin-bottom:6px}.Mobile .ModalHeader{margin-bottom:16px}.Mobile .ModalAddition{margin-top:8px}.Mobile .ModalAction,.Mobile .ModalSliderWrapper{margin-top:20px}.Mobile .ModalSliderWrapper{width:230px;justify-self:center}.Mobile .ModalSliderWrapper .prev,.Mobile .ModalSliderWrapper .next{display:none}.Mobile .ModalSliderWrapper .ModalSlideImageWrapper{width:220px;height:125px}.Mobile .ModalSliderWrapper .ModalSlideSpins{width:154px;height:34px;font-size:var(--emw--font-size-x-small, 12px)}.Mobile .ModalSliderWrapper .ModalSliderDot{margin:8px 4px}.Mobile .ModalSubtitle{width:220px}";
190
+ const casinoChallengesOverlayModalCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);padding:60px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1e654f);width:540px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:\"Roboto\", sans-serif}.InnerContainer{border-radius:20px;background:#f9f8f8;padding:40px 50px;width:100%;flex-direction:column;align-items:center;flex:1;min-height:0;overflow-y:auto}.ImageWrapper{margin-bottom:10px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weigh-normal, 400);margin:10px auto 0;line-height:24px;width:316px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700)}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, \"Roboto\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:400;align-content:center;margin-top:10px;line-height:24px}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;position:relative}.ModalAddition span::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083b17);background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);padding:9px 20px;margin-top:24px;text-transform:uppercase;color:var(--emw--button-text-color, #fff);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);min-width:100px}.ModalSliderWrapper{margin-top:24px;position:relative;overflow:hidden;width:316px;justify-self:center}.ModalSlider{display:flex;transition:transform 0.3s ease;cursor:pointer;touch-action:pan-y}.ModalSlider:active{cursor:grabbing}.ModalSlide{min-width:100%;flex-shrink:0;position:relative;display:flex;justify-content:center}.ModalSlide .ModalSlideSpins{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:99px;width:188px;height:48px;text-transform:uppercase;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);color:var(--emw--color-white, white);align-content:center;background:var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%))}.ModalSlide .ModalSlideSpins svg{margin-left:8px}.ModalSlide .ModalSlideImageWrapper{position:relative;width:244px;height:144px;border-radius:12px;overflow:hidden}.ModalSlide .ModalSlideImageWrapper img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.ModalSlide .ModalSlideImageWrapper::after{content:\"\";position:absolute;inset:0;background:var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843))}.prev,.next{position:absolute;top:42%;transform:translateY(-50%);stroke:white;width:22px;height:22px;border-radius:50%;border:2px solid var(--emw--button-border-color, #083b17);background:var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));display:flex;align-items:center;justify-content:center}.prev.disabled,.next.disabled{stroke:var(--emw--color-gray-100, #727672);background:var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));border-color:var(--emw--color-gray-100, #727672)}.prev{left:2px}.next{right:2px}.ModalSliderDots{display:flex;justify-content:center;margin-top:10px}.ModalSliderDot{width:8px;height:8px;border-radius:50%;background:var(--emw--color-gray-50, #e2e2e2);margin:8px;cursor:pointer}.ModalSliderDot.active{background:var(--emw--border-success-color, #00b74f)}.Mobile .ModalContent{padding:26px}.Mobile .InnerContainer{padding:25px}.Mobile .ImageWrapper{margin-bottom:6px}.Mobile .ModalHeader{margin-bottom:16px}.Mobile .ModalAddition{margin-top:8px}.Mobile .ModalAction,.Mobile .ModalSliderWrapper{margin-top:20px}.Mobile .ModalSliderWrapper{width:230px;justify-self:center}.Mobile .ModalSliderWrapper .prev,.Mobile .ModalSliderWrapper .next{display:none}.Mobile .ModalSliderWrapper .ModalSlideImageWrapper{width:220px;height:125px}.Mobile .ModalSliderWrapper .ModalSlideSpins{width:154px;height:34px;font-size:var(--emw--font-size-x-small, 12px)}.Mobile .ModalSliderWrapper .ModalSliderDot{margin:8px 4px}.Mobile .ModalSubtitle{width:220px}";
199
191
  const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
200
192
 
201
193
  const CasinoChallengesOverlayModal = class {
@@ -207,11 +199,13 @@ const CasinoChallengesOverlayModal = class {
207
199
  this.isDragging = false;
208
200
  this.moved = false;
209
201
  this.threshold = 50;
202
+ this.clickedSlide = null;
210
203
  this.onPointerDown = (e) => {
211
204
  var _a;
212
205
  this.isDragging = true;
213
206
  this.moved = false;
214
207
  this.startX = e.clientX;
208
+ this.clickedSlide = e.target.closest('.ModalSlide');
215
209
  (_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.setPointerCapture(e.pointerId);
216
210
  };
217
211
  this.onPointerMove = (e) => {
@@ -231,12 +225,22 @@ const CasinoChallengesOverlayModal = class {
231
225
  this.isDragging = false;
232
226
  (_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(e.pointerId);
233
227
  const movedBy = this.currentTranslate - this.prevTranslate;
228
+ if (!this.moved) {
229
+ if (this.clickedSlide) {
230
+ const slug = this.clickedSlide.getAttribute('data-slug');
231
+ if (slug)
232
+ this.onSlideClick(slug);
233
+ }
234
+ this.clickedSlide = null;
235
+ return;
236
+ }
234
237
  if (movedBy < -this.threshold)
235
238
  this.next();
236
239
  else if (movedBy > this.threshold)
237
240
  this.prev();
238
241
  else
239
242
  this.setPositionByIndex();
243
+ this.clickedSlide = null;
240
244
  };
241
245
  this.next = () => {
242
246
  if (!this.bonusProgramGames.length)
@@ -265,9 +269,12 @@ const CasinoChallengesOverlayModal = class {
265
269
  window.postMessage({
266
270
  type: 'ChallengeInGameRedirect',
267
271
  data: { Slug: gameSlug }
268
- }, window.location.href);
272
+ }, '*');
269
273
  }
270
274
  };
275
+ this.checkIsMobile = () => {
276
+ this.isMobile = window.innerWidth <= 768;
277
+ };
271
278
  this.mbSource = undefined;
272
279
  this.clientStyling = undefined;
273
280
  this.clientStylingUrl = undefined;
@@ -282,6 +289,7 @@ const CasinoChallengesOverlayModal = class {
282
289
  this.isFreeSpinsGranted = false;
283
290
  this.bonusProgramGames = [];
284
291
  this.currentIndex = 0;
292
+ this.isMobile = false;
285
293
  }
286
294
  handleClientStylingChange(newValue, oldValue) {
287
295
  if (newValue != oldValue) {
@@ -319,12 +327,14 @@ const CasinoChallengesOverlayModal = class {
319
327
  setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
320
328
  }
321
329
  this.setPositionByIndex();
330
+ this.checkIsMobile();
331
+ window.addEventListener('resize', this.checkIsMobile);
322
332
  }
323
333
  disconnectedCallback() {
324
334
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
325
335
  }
326
336
  setSliderPosition(value) {
327
- if (this.bonusProgramGames.length < 2)
337
+ if (this.bonusProgramGames.length < 2 && value !== 0)
328
338
  return;
329
339
  if (this.sliderContainer) {
330
340
  this.sliderContainer.style.transform = `translateX(${value}px)`;
@@ -339,17 +349,17 @@ const CasinoChallengesOverlayModal = class {
339
349
  }
340
350
  render() {
341
351
  var _a;
342
- return (index.h("div", { key: 'a069be23593a04f768fcca1b86094d3af8e58ca3', ref: (el) => (this.stylingContainer = el), class: {
352
+ return (index.h("div", { key: 'ffbd421b6964a16d021816c8c74ddfc2abf788c8', ref: (el) => (this.stylingContainer = el), class: {
343
353
  ModalOverlay: true,
344
- Mobile: isMobile() || window.innerWidth <= 768,
354
+ Mobile: this.isMobile,
345
355
  Open: this.isOpen
346
- } }, index.h("div", { key: 'f41925c7697a9cd1c3da2f61c4e3a0673bd5728b', class: "ModalWinAnimation" }), index.h("div", { key: '9fac97b95cc682790d5e925fc40782ae71b9f54c', class: "ModalContent GradientBorder" }, index.h("div", { key: '14683c5830b0317dd11d064a6a88a69f4805d250', class: "InnerContainer" }, !this.errored && (index.h("div", { key: '2b7091ea3619423d41d98440d7800d95ec92a1bc', class: "ImageWrapper" }, index.h("img", { key: 'd23cfe79a0e7a2e138c0bb1e9894cc7534e5c173', src: giftboxSvg, alt: "gift-box-icon" }))), index.h("h1", { key: 'f95fbb76d703c28c45c568a0163df747dd269556', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (index.h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (index.h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, index.h("div", null, translate('youWon', this.language)), index.h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (index.h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), index.h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (index.h("div", { key: '201e5f0d4b3e04797c0478429dcd3c22dd30a4d3', class: "ModalAddition" }, index.h("div", { key: 'ef793ed69b572f4a9654f55cae0a71dd66af0ad6' }, translate('physicalReward', this.language)), index.h("span", { key: '131e4d36dc54d3682469a61c7196f0e379efe42f' }, translate('linkText', this.language)))), index.h("button", { key: 'bca6bc399277288d0ca2d9bd453eef6f6c9793e2', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '13b921d1ff411987b9045950b1676e22b52481ab', class: "ModalSliderWrapper" }, index.h("div", { key: 'b48c9553aec2d709cede91d67b678aa545ed03a2', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (index.h("div", { class: "ModalSlide", key: item.GameSlug, onClick: () => this.onSlideClick(item.GameSlug) }, index.h("div", { class: "ModalSlideImageWrapper" }, index.h("img", { src: item.Thumbnail, alt: "" })), index.h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (index.h("div", { key: '5878e9df2ba211fbe330d959c89278d611b0d501' }, index.h("button", { key: '25008b1e3500bdde9b1cf9285640ca342e8490a7', class: {
356
+ } }, index.h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), index.h("div", { key: '29b5413833f8336669acb9038e1cc2dabad2b3e4', class: "ModalContent GradientBorder" }, index.h("div", { key: '8229ad2befebda94cb80fc6a572e1706b24a6467', class: "InnerContainer" }, !this.errored && (index.h("div", { key: '05566317b39376379c82eb2d1fb27f9a3d536d70', class: "ImageWrapper" }, index.h("img", { key: '61ad9fe9ecf0cf6a3580b197e011c8f5bf245d3d', src: giftboxSvg, alt: "gift-box-icon" }))), index.h("h1", { key: '1dc8a8e1a6673234be89b05275bd066a89984577', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (index.h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (index.h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, index.h("div", null, translate('youWon', this.language)), index.h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (index.h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), index.h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (index.h("div", { key: '8be6ccf4c3530c8dd6f1ed7e9ae57e6fa7a82a93', class: "ModalAddition" }, index.h("div", { key: 'b44595a2171bf7a7de219c67b10a84f551312e1f' }, translate('physicalReward', this.language)), index.h("span", { key: '130d9f81799194717c8e98a5fa3412fc0b3e2130' }, translate('linkText', this.language)))), index.h("button", { key: 'ae3b168a286ca0e1ac01061688d11ed5f9f7274d', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: 'd2cb0be487a060e78054385c552aedb40898590e', class: "ModalSliderWrapper" }, index.h("div", { key: '796ff801778d6d8bdf5b5e376b06f6912b75e248', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (index.h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, index.h("div", { class: "ModalSlideImageWrapper" }, index.h("img", { src: item.Thumbnail, alt: "" })), index.h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (index.h("div", { key: 'd0a23cee2d33fe268cb1d8ce3de55ea76eb19ca3' }, index.h("button", { key: '0b9797f77ef84a44485bea2b1d151933a4506935', class: {
347
357
  prev: true,
348
358
  disabled: this.currentIndex === 0
349
- }, onClick: this.prev }, index.h("svg", { key: '2433588c5615f8b788022f8859a98f9d16504e84', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: '14d34bf5a6538e458b7c18bb481f6a5b7c2f55bf', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { key: '63be7d730151f3741802f415ec3c9e66508b78e7', class: {
359
+ }, onClick: this.prev }, index.h("svg", { key: 'b3d175437fd0ffb23f8ee7503e275b85c2a86871', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: '328cfa44c70123ef586e3e376614124cdf1cb83b', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { key: '7e0611185469f1c5b5809cb66a16b9f2aa779362', class: {
350
360
  next: true,
351
361
  disabled: this.currentIndex === this.bonusProgramGames.length - 1
352
- }, onClick: this.next }, index.h("svg", { key: '52f1005fe412de34c71060974688874e5bf45a47', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: '1af4edf8dc717f54d5735d34ec27de8313918e0d', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '13201c67ba3cb6a1215fb41f5a6fe3ae60864bdd', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (index.h("span", { class: {
362
+ }, onClick: this.next }, index.h("svg", { key: 'f844f81864a55ecdbb1ece9ab1366dc91e71517d', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'e44969cd55b7e7d6124e5a380c2cd1eb9112d56e', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '1abafea630be1f76536a33998599da521edd6fe1', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (index.h("span", { class: {
353
363
  ModalSliderDot: true,
354
364
  active: i === this.currentIndex
355
365
  }, onClick: () => {
package/dist/cjs/casino-challenges-overlay-modal.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoChallengesOverlayModal = require('./casino-challenges-overlay-modal-5004ed4a.js');
5
+ const casinoChallengesOverlayModal = require('./casino-challenges-overlay-modal-51feec57.js');
6
6
  require('./index-3aa45572.js');
7
7
 
8
8
 
package/dist/cjs/casino-challenges-overlay-modal.cjs.js CHANGED
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["casino-challenges-overlay-modal.cjs",[[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
22
+ return index.bootstrapLazy([["casino-challenges-overlay-modal.cjs",[[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/cjs/index.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoChallengesOverlayModal = require('./casino-challenges-overlay-modal-5004ed4a.js');
5
+ const casinoChallengesOverlayModal = require('./casino-challenges-overlay-modal-51feec57.js');
6
6
  require('./index-3aa45572.js');
7
7
 
8
8
 
package/dist/cjs/loader.cjs.js CHANGED
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["casino-challenges-overlay-modal.cjs",[[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
11
+ return index.bootstrapLazy([["casino-challenges-overlay-modal.cjs",[[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
package/dist/collection/components/casino-challenges-overlay-modal/casino-challenges-overlay-modal.css CHANGED
@@ -58,9 +58,11 @@ button:focus {
58
58
  background: #f9f8f8;
59
59
  padding: 40px 50px;
60
60
  width: 100%;
61
- display: flex;
62
61
  flex-direction: column;
63
62
  align-items: center;
63
+ flex: 1;
64
+ min-height: 0;
65
+ overflow-y: auto;
64
66
  }
65
67
 
66
68
  .ImageWrapper {
@@ -83,7 +85,7 @@ button:focus {
83
85
  text-align: center;
84
86
  font-size: var(--emw--font-size-medium, 16px);
85
87
  font-weight: var(--emw--font-weigh-normal, 400);
86
- margin-top: 10px;
88
+ margin: 10px auto 0;
87
89
  line-height: 24px;
88
90
  width: 316px;
89
91
  }
package/dist/collection/components/casino-challenges-overlay-modal/casino-challenges-overlay-modal.js CHANGED
@@ -2,7 +2,6 @@ import { h } from "@stencil/core";
2
2
  import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
3
3
  import giftBox from "../../assets/giftbox.svg";
4
4
  import { resolveTranslationUrl, translate } from "../../utils/locale.utils";
5
- import { isMobile } from "../../utils/utils";
6
5
  export class CasinoChallengesOverlayModal {
7
6
  constructor() {
8
7
  this.startX = 0;
@@ -11,11 +10,13 @@ export class CasinoChallengesOverlayModal {
11
10
  this.isDragging = false;
12
11
  this.moved = false;
13
12
  this.threshold = 50;
13
+ this.clickedSlide = null;
14
14
  this.onPointerDown = (e) => {
15
15
  var _a;
16
16
  this.isDragging = true;
17
17
  this.moved = false;
18
18
  this.startX = e.clientX;
19
+ this.clickedSlide = e.target.closest('.ModalSlide');
19
20
  (_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.setPointerCapture(e.pointerId);
20
21
  };
21
22
  this.onPointerMove = (e) => {
@@ -35,12 +36,22 @@ export class CasinoChallengesOverlayModal {
35
36
  this.isDragging = false;
36
37
  (_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(e.pointerId);
37
38
  const movedBy = this.currentTranslate - this.prevTranslate;
39
+ if (!this.moved) {
40
+ if (this.clickedSlide) {
41
+ const slug = this.clickedSlide.getAttribute('data-slug');
42
+ if (slug)
43
+ this.onSlideClick(slug);
44
+ }
45
+ this.clickedSlide = null;
46
+ return;
47
+ }
38
48
  if (movedBy < -this.threshold)
39
49
  this.next();
40
50
  else if (movedBy > this.threshold)
41
51
  this.prev();
42
52
  else
43
53
  this.setPositionByIndex();
54
+ this.clickedSlide = null;
44
55
  };
45
56
  this.next = () => {
46
57
  if (!this.bonusProgramGames.length)
@@ -69,9 +80,12 @@ export class CasinoChallengesOverlayModal {
69
80
  window.postMessage({
70
81
  type: 'ChallengeInGameRedirect',
71
82
  data: { Slug: gameSlug }
72
- }, window.location.href);
83
+ }, '*');
73
84
  }
74
85
  };
86
+ this.checkIsMobile = () => {
87
+ this.isMobile = window.innerWidth <= 768;
88
+ };
75
89
  this.mbSource = undefined;
76
90
  this.clientStyling = undefined;
77
91
  this.clientStylingUrl = undefined;
@@ -86,6 +100,7 @@ export class CasinoChallengesOverlayModal {
86
100
  this.isFreeSpinsGranted = false;
87
101
  this.bonusProgramGames = [];
88
102
  this.currentIndex = 0;
103
+ this.isMobile = false;
89
104
  }
90
105
  handleClientStylingChange(newValue, oldValue) {
91
106
  if (newValue != oldValue) {
@@ -123,12 +138,14 @@ export class CasinoChallengesOverlayModal {
123
138
  setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
124
139
  }
125
140
  this.setPositionByIndex();
141
+ this.checkIsMobile();
142
+ window.addEventListener('resize', this.checkIsMobile);
126
143
  }
127
144
  disconnectedCallback() {
128
145
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
129
146
  }
130
147
  setSliderPosition(value) {
131
- if (this.bonusProgramGames.length < 2)
148
+ if (this.bonusProgramGames.length < 2 && value !== 0)
132
149
  return;
133
150
  if (this.sliderContainer) {
134
151
  this.sliderContainer.style.transform = `translateX(${value}px)`;
@@ -143,17 +160,17 @@ export class CasinoChallengesOverlayModal {
143
160
  }
144
161
  render() {
145
162
  var _a;
146
- return (h("div", { key: 'a069be23593a04f768fcca1b86094d3af8e58ca3', ref: (el) => (this.stylingContainer = el), class: {
163
+ return (h("div", { key: 'ffbd421b6964a16d021816c8c74ddfc2abf788c8', ref: (el) => (this.stylingContainer = el), class: {
147
164
  ModalOverlay: true,
148
- Mobile: isMobile() || window.innerWidth <= 768,
165
+ Mobile: this.isMobile,
149
166
  Open: this.isOpen
150
- } }, h("div", { key: 'f41925c7697a9cd1c3da2f61c4e3a0673bd5728b', class: "ModalWinAnimation" }), h("div", { key: '9fac97b95cc682790d5e925fc40782ae71b9f54c', class: "ModalContent GradientBorder" }, h("div", { key: '14683c5830b0317dd11d064a6a88a69f4805d250', class: "InnerContainer" }, !this.errored && (h("div", { key: '2b7091ea3619423d41d98440d7800d95ec92a1bc', class: "ImageWrapper" }, h("img", { key: 'd23cfe79a0e7a2e138c0bb1e9894cc7534e5c173', src: giftBox, alt: "gift-box-icon" }))), h("h1", { key: 'f95fbb76d703c28c45c568a0163df747dd269556', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: '201e5f0d4b3e04797c0478429dcd3c22dd30a4d3', class: "ModalAddition" }, h("div", { key: 'ef793ed69b572f4a9654f55cae0a71dd66af0ad6' }, translate('physicalReward', this.language)), h("span", { key: '131e4d36dc54d3682469a61c7196f0e379efe42f' }, translate('linkText', this.language)))), h("button", { key: 'bca6bc399277288d0ca2d9bd453eef6f6c9793e2', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '13b921d1ff411987b9045950b1676e22b52481ab', class: "ModalSliderWrapper" }, h("div", { key: 'b48c9553aec2d709cede91d67b678aa545ed03a2', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, onClick: () => this.onSlideClick(item.GameSlug) }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (h("div", { key: '5878e9df2ba211fbe330d959c89278d611b0d501' }, h("button", { key: '25008b1e3500bdde9b1cf9285640ca342e8490a7', class: {
167
+ } }, h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), h("div", { key: '29b5413833f8336669acb9038e1cc2dabad2b3e4', class: "ModalContent GradientBorder" }, h("div", { key: '8229ad2befebda94cb80fc6a572e1706b24a6467', class: "InnerContainer" }, !this.errored && (h("div", { key: '05566317b39376379c82eb2d1fb27f9a3d536d70', class: "ImageWrapper" }, h("img", { key: '61ad9fe9ecf0cf6a3580b197e011c8f5bf245d3d', src: giftBox, alt: "gift-box-icon" }))), h("h1", { key: '1dc8a8e1a6673234be89b05275bd066a89984577', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: '8be6ccf4c3530c8dd6f1ed7e9ae57e6fa7a82a93', class: "ModalAddition" }, h("div", { key: 'b44595a2171bf7a7de219c67b10a84f551312e1f' }, translate('physicalReward', this.language)), h("span", { key: '130d9f81799194717c8e98a5fa3412fc0b3e2130' }, translate('linkText', this.language)))), h("button", { key: 'ae3b168a286ca0e1ac01061688d11ed5f9f7274d', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: 'd2cb0be487a060e78054385c552aedb40898590e', class: "ModalSliderWrapper" }, h("div", { key: '796ff801778d6d8bdf5b5e376b06f6912b75e248', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (h("div", { key: 'd0a23cee2d33fe268cb1d8ce3de55ea76eb19ca3' }, h("button", { key: '0b9797f77ef84a44485bea2b1d151933a4506935', class: {
151
168
  prev: true,
152
169
  disabled: this.currentIndex === 0
153
- }, onClick: this.prev }, h("svg", { key: '2433588c5615f8b788022f8859a98f9d16504e84', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: '14d34bf5a6538e458b7c18bb481f6a5b7c2f55bf', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '63be7d730151f3741802f415ec3c9e66508b78e7', class: {
170
+ }, onClick: this.prev }, h("svg", { key: 'b3d175437fd0ffb23f8ee7503e275b85c2a86871', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: '328cfa44c70123ef586e3e376614124cdf1cb83b', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '7e0611185469f1c5b5809cb66a16b9f2aa779362', class: {
154
171
  next: true,
155
172
  disabled: this.currentIndex === this.bonusProgramGames.length - 1
156
- }, onClick: this.next }, h("svg", { key: '52f1005fe412de34c71060974688874e5bf45a47', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: '1af4edf8dc717f54d5735d34ec27de8313918e0d', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '13201c67ba3cb6a1215fb41f5a6fe3ae60864bdd', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
173
+ }, onClick: this.next }, h("svg", { key: 'f844f81864a55ecdbb1ece9ab1366dc91e71517d', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'e44969cd55b7e7d6124e5a380c2cd1eb9112d56e', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '1abafea630be1f76536a33998599da521edd6fe1', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
157
174
  ModalSliderDot: true,
158
175
  active: i === this.currentIndex
159
176
  }, onClick: () => {
@@ -417,7 +434,8 @@ export class CasinoChallengesOverlayModal {
417
434
  }
418
435
  static get states() {
419
436
  return {
420
- "currentIndex": {}
437
+ "currentIndex": {},
438
+ "isMobile": {}
421
439
  };
422
440
  }
423
441
  static get watchers() {
package/dist/esm/{casino-challenges-overlay-modal-a6da84b6.js → casino-challenges-overlay-modal-e822a04e.js} RENAMED
@@ -185,15 +185,7 @@ const resolveTranslationUrl = async (translationUrl) => {
185
185
  }
186
186
  };
187
187
 
188
- const isMobile = () => {
189
- let userAgent = window.navigator.userAgent;
190
- return !!(userAgent.toLowerCase().match(/android/i) ||
191
- userAgent.toLowerCase().match(/blackberry|bb/i) ||
192
- userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
193
- userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
194
- };
195
-
196
- const casinoChallengesOverlayModalCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);padding:60px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1e654f);width:540px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:\"Roboto\", sans-serif}.InnerContainer{border-radius:20px;background:#f9f8f8;padding:40px 50px;width:100%;display:flex;flex-direction:column;align-items:center}.ImageWrapper{margin-bottom:10px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weigh-normal, 400);margin-top:10px;line-height:24px;width:316px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700)}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, \"Roboto\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:400;align-content:center;margin-top:10px;line-height:24px}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;position:relative}.ModalAddition span::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083b17);background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);padding:9px 20px;margin-top:24px;text-transform:uppercase;color:var(--emw--button-text-color, #fff);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);min-width:100px}.ModalSliderWrapper{margin-top:24px;position:relative;overflow:hidden;width:316px;justify-self:center}.ModalSlider{display:flex;transition:transform 0.3s ease;cursor:pointer;touch-action:pan-y}.ModalSlider:active{cursor:grabbing}.ModalSlide{min-width:100%;flex-shrink:0;position:relative;display:flex;justify-content:center}.ModalSlide .ModalSlideSpins{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:99px;width:188px;height:48px;text-transform:uppercase;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);color:var(--emw--color-white, white);align-content:center;background:var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%))}.ModalSlide .ModalSlideSpins svg{margin-left:8px}.ModalSlide .ModalSlideImageWrapper{position:relative;width:244px;height:144px;border-radius:12px;overflow:hidden}.ModalSlide .ModalSlideImageWrapper img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.ModalSlide .ModalSlideImageWrapper::after{content:\"\";position:absolute;inset:0;background:var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843))}.prev,.next{position:absolute;top:42%;transform:translateY(-50%);stroke:white;width:22px;height:22px;border-radius:50%;border:2px solid var(--emw--button-border-color, #083b17);background:var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));display:flex;align-items:center;justify-content:center}.prev.disabled,.next.disabled{stroke:var(--emw--color-gray-100, #727672);background:var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));border-color:var(--emw--color-gray-100, #727672)}.prev{left:2px}.next{right:2px}.ModalSliderDots{display:flex;justify-content:center;margin-top:10px}.ModalSliderDot{width:8px;height:8px;border-radius:50%;background:var(--emw--color-gray-50, #e2e2e2);margin:8px;cursor:pointer}.ModalSliderDot.active{background:var(--emw--border-success-color, #00b74f)}.Mobile .ModalContent{padding:26px}.Mobile .InnerContainer{padding:25px}.Mobile .ImageWrapper{margin-bottom:6px}.Mobile .ModalHeader{margin-bottom:16px}.Mobile .ModalAddition{margin-top:8px}.Mobile .ModalAction,.Mobile .ModalSliderWrapper{margin-top:20px}.Mobile .ModalSliderWrapper{width:230px;justify-self:center}.Mobile .ModalSliderWrapper .prev,.Mobile .ModalSliderWrapper .next{display:none}.Mobile .ModalSliderWrapper .ModalSlideImageWrapper{width:220px;height:125px}.Mobile .ModalSliderWrapper .ModalSlideSpins{width:154px;height:34px;font-size:var(--emw--font-size-x-small, 12px)}.Mobile .ModalSliderWrapper .ModalSliderDot{margin:8px 4px}.Mobile .ModalSubtitle{width:220px}";
188
+ const casinoChallengesOverlayModalCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);padding:60px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1e654f);width:540px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:\"Roboto\", sans-serif}.InnerContainer{border-radius:20px;background:#f9f8f8;padding:40px 50px;width:100%;flex-direction:column;align-items:center;flex:1;min-height:0;overflow-y:auto}.ImageWrapper{margin-bottom:10px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weigh-normal, 400);margin:10px auto 0;line-height:24px;width:316px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700)}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, \"Roboto\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:400;align-content:center;margin-top:10px;line-height:24px}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;position:relative}.ModalAddition span::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083b17);background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);padding:9px 20px;margin-top:24px;text-transform:uppercase;color:var(--emw--button-text-color, #fff);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);min-width:100px}.ModalSliderWrapper{margin-top:24px;position:relative;overflow:hidden;width:316px;justify-self:center}.ModalSlider{display:flex;transition:transform 0.3s ease;cursor:pointer;touch-action:pan-y}.ModalSlider:active{cursor:grabbing}.ModalSlide{min-width:100%;flex-shrink:0;position:relative;display:flex;justify-content:center}.ModalSlide .ModalSlideSpins{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:99px;width:188px;height:48px;text-transform:uppercase;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);color:var(--emw--color-white, white);align-content:center;background:var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%))}.ModalSlide .ModalSlideSpins svg{margin-left:8px}.ModalSlide .ModalSlideImageWrapper{position:relative;width:244px;height:144px;border-radius:12px;overflow:hidden}.ModalSlide .ModalSlideImageWrapper img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.ModalSlide .ModalSlideImageWrapper::after{content:\"\";position:absolute;inset:0;background:var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843))}.prev,.next{position:absolute;top:42%;transform:translateY(-50%);stroke:white;width:22px;height:22px;border-radius:50%;border:2px solid var(--emw--button-border-color, #083b17);background:var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));display:flex;align-items:center;justify-content:center}.prev.disabled,.next.disabled{stroke:var(--emw--color-gray-100, #727672);background:var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));border-color:var(--emw--color-gray-100, #727672)}.prev{left:2px}.next{right:2px}.ModalSliderDots{display:flex;justify-content:center;margin-top:10px}.ModalSliderDot{width:8px;height:8px;border-radius:50%;background:var(--emw--color-gray-50, #e2e2e2);margin:8px;cursor:pointer}.ModalSliderDot.active{background:var(--emw--border-success-color, #00b74f)}.Mobile .ModalContent{padding:26px}.Mobile .InnerContainer{padding:25px}.Mobile .ImageWrapper{margin-bottom:6px}.Mobile .ModalHeader{margin-bottom:16px}.Mobile .ModalAddition{margin-top:8px}.Mobile .ModalAction,.Mobile .ModalSliderWrapper{margin-top:20px}.Mobile .ModalSliderWrapper{width:230px;justify-self:center}.Mobile .ModalSliderWrapper .prev,.Mobile .ModalSliderWrapper .next{display:none}.Mobile .ModalSliderWrapper .ModalSlideImageWrapper{width:220px;height:125px}.Mobile .ModalSliderWrapper .ModalSlideSpins{width:154px;height:34px;font-size:var(--emw--font-size-x-small, 12px)}.Mobile .ModalSliderWrapper .ModalSliderDot{margin:8px 4px}.Mobile .ModalSubtitle{width:220px}";
197
189
  const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
198
190
 
199
191
  const CasinoChallengesOverlayModal = class {
@@ -205,11 +197,13 @@ const CasinoChallengesOverlayModal = class {
205
197
  this.isDragging = false;
206
198
  this.moved = false;
207
199
  this.threshold = 50;
200
+ this.clickedSlide = null;
208
201
  this.onPointerDown = (e) => {
209
202
  var _a;
210
203
  this.isDragging = true;
211
204
  this.moved = false;
212
205
  this.startX = e.clientX;
206
+ this.clickedSlide = e.target.closest('.ModalSlide');
213
207
  (_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.setPointerCapture(e.pointerId);
214
208
  };
215
209
  this.onPointerMove = (e) => {
@@ -229,12 +223,22 @@ const CasinoChallengesOverlayModal = class {
229
223
  this.isDragging = false;
230
224
  (_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(e.pointerId);
231
225
  const movedBy = this.currentTranslate - this.prevTranslate;
226
+ if (!this.moved) {
227
+ if (this.clickedSlide) {
228
+ const slug = this.clickedSlide.getAttribute('data-slug');
229
+ if (slug)
230
+ this.onSlideClick(slug);
231
+ }
232
+ this.clickedSlide = null;
233
+ return;
234
+ }
232
235
  if (movedBy < -this.threshold)
233
236
  this.next();
234
237
  else if (movedBy > this.threshold)
235
238
  this.prev();
236
239
  else
237
240
  this.setPositionByIndex();
241
+ this.clickedSlide = null;
238
242
  };
239
243
  this.next = () => {
240
244
  if (!this.bonusProgramGames.length)
@@ -263,9 +267,12 @@ const CasinoChallengesOverlayModal = class {
263
267
  window.postMessage({
264
268
  type: 'ChallengeInGameRedirect',
265
269
  data: { Slug: gameSlug }
266
- }, window.location.href);
270
+ }, '*');
267
271
  }
268
272
  };
273
+ this.checkIsMobile = () => {
274
+ this.isMobile = window.innerWidth <= 768;
275
+ };
269
276
  this.mbSource = undefined;
270
277
  this.clientStyling = undefined;
271
278
  this.clientStylingUrl = undefined;
@@ -280,6 +287,7 @@ const CasinoChallengesOverlayModal = class {
280
287
  this.isFreeSpinsGranted = false;
281
288
  this.bonusProgramGames = [];
282
289
  this.currentIndex = 0;
290
+ this.isMobile = false;
283
291
  }
284
292
  handleClientStylingChange(newValue, oldValue) {
285
293
  if (newValue != oldValue) {
@@ -317,12 +325,14 @@ const CasinoChallengesOverlayModal = class {
317
325
  setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
318
326
  }
319
327
  this.setPositionByIndex();
328
+ this.checkIsMobile();
329
+ window.addEventListener('resize', this.checkIsMobile);
320
330
  }
321
331
  disconnectedCallback() {
322
332
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
323
333
  }
324
334
  setSliderPosition(value) {
325
- if (this.bonusProgramGames.length < 2)
335
+ if (this.bonusProgramGames.length < 2 && value !== 0)
326
336
  return;
327
337
  if (this.sliderContainer) {
328
338
  this.sliderContainer.style.transform = `translateX(${value}px)`;
@@ -337,17 +347,17 @@ const CasinoChallengesOverlayModal = class {
337
347
  }
338
348
  render() {
339
349
  var _a;
340
- return (h("div", { key: 'a069be23593a04f768fcca1b86094d3af8e58ca3', ref: (el) => (this.stylingContainer = el), class: {
350
+ return (h("div", { key: 'ffbd421b6964a16d021816c8c74ddfc2abf788c8', ref: (el) => (this.stylingContainer = el), class: {
341
351
  ModalOverlay: true,
342
- Mobile: isMobile() || window.innerWidth <= 768,
352
+ Mobile: this.isMobile,
343
353
  Open: this.isOpen
344
- } }, h("div", { key: 'f41925c7697a9cd1c3da2f61c4e3a0673bd5728b', class: "ModalWinAnimation" }), h("div", { key: '9fac97b95cc682790d5e925fc40782ae71b9f54c', class: "ModalContent GradientBorder" }, h("div", { key: '14683c5830b0317dd11d064a6a88a69f4805d250', class: "InnerContainer" }, !this.errored && (h("div", { key: '2b7091ea3619423d41d98440d7800d95ec92a1bc', class: "ImageWrapper" }, h("img", { key: 'd23cfe79a0e7a2e138c0bb1e9894cc7534e5c173', src: giftboxSvg, alt: "gift-box-icon" }))), h("h1", { key: 'f95fbb76d703c28c45c568a0163df747dd269556', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: '201e5f0d4b3e04797c0478429dcd3c22dd30a4d3', class: "ModalAddition" }, h("div", { key: 'ef793ed69b572f4a9654f55cae0a71dd66af0ad6' }, translate('physicalReward', this.language)), h("span", { key: '131e4d36dc54d3682469a61c7196f0e379efe42f' }, translate('linkText', this.language)))), h("button", { key: 'bca6bc399277288d0ca2d9bd453eef6f6c9793e2', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '13b921d1ff411987b9045950b1676e22b52481ab', class: "ModalSliderWrapper" }, h("div", { key: 'b48c9553aec2d709cede91d67b678aa545ed03a2', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, onClick: () => this.onSlideClick(item.GameSlug) }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (h("div", { key: '5878e9df2ba211fbe330d959c89278d611b0d501' }, h("button", { key: '25008b1e3500bdde9b1cf9285640ca342e8490a7', class: {
354
+ } }, h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), h("div", { key: '29b5413833f8336669acb9038e1cc2dabad2b3e4', class: "ModalContent GradientBorder" }, h("div", { key: '8229ad2befebda94cb80fc6a572e1706b24a6467', class: "InnerContainer" }, !this.errored && (h("div", { key: '05566317b39376379c82eb2d1fb27f9a3d536d70', class: "ImageWrapper" }, h("img", { key: '61ad9fe9ecf0cf6a3580b197e011c8f5bf245d3d', src: giftboxSvg, alt: "gift-box-icon" }))), h("h1", { key: '1dc8a8e1a6673234be89b05275bd066a89984577', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: '8be6ccf4c3530c8dd6f1ed7e9ae57e6fa7a82a93', class: "ModalAddition" }, h("div", { key: 'b44595a2171bf7a7de219c67b10a84f551312e1f' }, translate('physicalReward', this.language)), h("span", { key: '130d9f81799194717c8e98a5fa3412fc0b3e2130' }, translate('linkText', this.language)))), h("button", { key: 'ae3b168a286ca0e1ac01061688d11ed5f9f7274d', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: 'd2cb0be487a060e78054385c552aedb40898590e', class: "ModalSliderWrapper" }, h("div", { key: '796ff801778d6d8bdf5b5e376b06f6912b75e248', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (h("div", { key: 'd0a23cee2d33fe268cb1d8ce3de55ea76eb19ca3' }, h("button", { key: '0b9797f77ef84a44485bea2b1d151933a4506935', class: {
345
355
  prev: true,
346
356
  disabled: this.currentIndex === 0
347
- }, onClick: this.prev }, h("svg", { key: '2433588c5615f8b788022f8859a98f9d16504e84', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: '14d34bf5a6538e458b7c18bb481f6a5b7c2f55bf', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '63be7d730151f3741802f415ec3c9e66508b78e7', class: {
357
+ }, onClick: this.prev }, h("svg", { key: 'b3d175437fd0ffb23f8ee7503e275b85c2a86871', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: '328cfa44c70123ef586e3e376614124cdf1cb83b', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '7e0611185469f1c5b5809cb66a16b9f2aa779362', class: {
348
358
  next: true,
349
359
  disabled: this.currentIndex === this.bonusProgramGames.length - 1
350
- }, onClick: this.next }, h("svg", { key: '52f1005fe412de34c71060974688874e5bf45a47', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: '1af4edf8dc717f54d5735d34ec27de8313918e0d', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '13201c67ba3cb6a1215fb41f5a6fe3ae60864bdd', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
360
+ }, onClick: this.next }, h("svg", { key: 'f844f81864a55ecdbb1ece9ab1366dc91e71517d', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'e44969cd55b7e7d6124e5a380c2cd1eb9112d56e', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: '1abafea630be1f76536a33998599da521edd6fe1', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
351
361
  ModalSliderDot: true,
352
362
  active: i === this.currentIndex
353
363
  }, onClick: () => {
package/dist/esm/casino-challenges-overlay-modal.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as casino_challenges_overlay_modal } from './casino-challenges-overlay-modal-a6da84b6.js';
1
+ export { C as casino_challenges_overlay_modal } from './casino-challenges-overlay-modal-e822a04e.js';
2
2
  import './index-603664b0.js';
package/dist/esm/casino-challenges-overlay-modal.js CHANGED
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["casino-challenges-overlay-modal",[[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
19
+ return bootstrapLazy([["casino-challenges-overlay-modal",[[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
20
20
  });
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as CasinoChallengesOverlayModal } from './casino-challenges-overlay-modal-a6da84b6.js';
1
+ export { C as CasinoChallengesOverlayModal } from './casino-challenges-overlay-modal-e822a04e.js';
2
2
  import './index-603664b0.js';
package/dist/esm/loader.js CHANGED
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["casino-challenges-overlay-modal",[[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
8
+ return bootstrapLazy([["casino-challenges-overlay-modal",[[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
package/dist/types/components/casino-challenges-overlay-modal/casino-challenges-overlay-modal.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare class CasinoChallengesOverlayModal {
14
14
  isFreeSpinsGranted: boolean;
15
15
  bonusProgramGames: IBonusProgramGame[];
16
16
  currentIndex: number;
17
+ isMobile: boolean;
17
18
  private stylingContainer;
18
19
  private sliderContainer?;
19
20
  private stylingSubscription;
@@ -23,6 +24,7 @@ export declare class CasinoChallengesOverlayModal {
23
24
  private isDragging;
24
25
  private moved;
25
26
  private readonly threshold;
27
+ private clickedSlide;
26
28
  handleClientStylingChange(newValue: any, oldValue: any): void;
27
29
  handleClientStylingUrlChange(newValue: any, oldValue: any): void;
28
30
  handleMbSourceChange(newValue: any, oldValue: any): void;
@@ -38,5 +40,6 @@ export declare class CasinoChallengesOverlayModal {
38
40
  private setSliderPosition;
39
41
  private setPositionByIndex;
40
42
  private onSlideClick;
43
+ private checkIsMobile;
41
44
  render(): any;
42
45
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-challenges-overlay-modal",
3
- "version": "0.16.11",
3
+ "version": "0.16.12",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
package/dist/casino-challenges-overlay-modal/casino-challenges-overlay-modal-a6da84b6.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,h as i}from"./index-603664b0.js";const t="__WIDGET_GLOBAL_STYLE_CACHE__";function M(e,i){if(e){const t=document.createElement("style");t.innerHTML=i,e.appendChild(t)}}function o(e,i){if(!e||!i)return;const t=new URL(i);fetch(t.href).then((e=>e.text())).then((i=>{const t=document.createElement("style");t.innerHTML=i,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function a(e,i,M,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return M=function(e,i){const t=document.createElement("style");return window.emMessageBus.subscribe(i,(i=>{e&&(t.innerHTML=i,e.appendChild(t))}))}(e,i),M;window[t]||(window[t]={}),M=function(e,i){return window.emMessageBus.subscribe(i,(M=>{if(!e)return;const o=e.getRootNode(),a=window[t];let r=a[i]&&a[i].sheet;r?a[i].refCount=a[i].refCount+1:(r=new CSSStyleSheet,r.replaceSync(M),a[i]={sheet:r,refCount:1});const n=o.adoptedStyleSheets||[];n.includes(r)||(o.adoptedStyleSheets=[...n,r])}))}(e,i);const a=M.unsubscribe.bind(M);return M.unsubscribe=()=>{if(window[t][i]){const e=window[t][i];e.refCount>1?e.refCount=e.refCount-1:delete window[t][i]}a()},M}const r={en:{congrats:"Congratulations!",continue:"Continue",errorBtnText:"Ok",errorTitle:"Reward failed",errorSubTitle:"Sorry — we couldn’t grant the reward. Please try again.",level:"Level",completed:"has been completed!",youWon:"You have won",physicalReward:"for physical rewards please contact ",linkText:"Customer Support",playNowOrLater:"Play your free spins now or come back later.",rewardInLobby:"You can find your reward in the relevant section of the Lobby Widget.",assistance:"If you need any assistance, please contact",useSpinsNow:"Use spins now"},da:{congrats:"Tillykke!",continue:"Fortsæt",errorBtnText:"Ok",errorTitle:"Belønning fejlede",errorSubTitle:"Beklager — vi kunne ikke tildele belønning. Prøv venligst igen.",level:"Niveau",completed:"er blevet gennemført!",youWon:"Du har vundet",physicalReward:"Ved fysiske præmier, venligst kontakt ",linkText:"Kundeservice",playNowOrLater:"Brug dine freespins nu eller gem dem til senere.",rewardInLobby:"Du kan finde din belønning under ”Mine tilbud”",assistance:"Har du brug for hjælp? Kontakt venligst",useSpinsNow:"Brug dine spins nu"}},n=(e,i)=>r[void 0!==i&&i in r?i:"en"][e],s=()=>{let e=window.navigator.userAgent;return!!(e.toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i))},d=class{constructor(i){e(this,i),this.startX=0,this.currentTranslate=0,this.prevTranslate=0,this.isDragging=!1,this.moved=!1,this.threshold=50,this.onPointerDown=e=>{var i;this.isDragging=!0,this.moved=!1,this.startX=e.clientX,null===(i=this.sliderContainer)||void 0===i||i.setPointerCapture(e.pointerId)},this.onPointerMove=e=>{if(!this.isDragging)return;const i=e.clientX-this.startX;Math.abs(i)>5&&(this.moved=!0),this.currentTranslate=this.prevTranslate+i,this.setSliderPosition(this.currentTranslate)},this.onPointerUp=e=>{var i;if(!this.isDragging)return;this.isDragging=!1,null===(i=this.sliderContainer)||void 0===i||i.releasePointerCapture(e.pointerId);const t=this.currentTranslate-this.prevTranslate;t<-this.threshold?this.next():t>this.threshold?this.prev():this.setPositionByIndex()},this.next=()=>{this.bonusProgramGames.length&&(this.currentIndex!==this.bonusProgramGames.length-1?(this.currentIndex=(this.currentIndex+1)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.prev=()=>{this.bonusProgramGames.length&&(0!==this.currentIndex?(this.currentIndex=(this.currentIndex-1+this.bonusProgramGames.length)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.onSlideClick=e=>{this.moved||e&&window.postMessage({type:"ChallengeInGameRedirect",data:{Slug:e}},window.location.href)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.reward="",this.addition=!1,this.handleClick=()=>{},this.errored=!1,this.orderNumber=0,this.isFreeSpinsGranted=!1,this.bonusProgramGames=[],this.currentIndex=0}handleClientStylingChange(e,i){e!=i&&M(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,i){e!=i&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,i){e!=i&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleBonusProgramGameChange(e){this.currentIndex>=e.length&&(this.currentIndex=0,this.setPositionByIndex())}componentWillLoad(){this.translationUrl&&(async e=>{if(e)try{const t=await fetch(e);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);const M=await t.json();i=M,Object.keys(i).forEach((e=>{r[e]||(r[e]={});for(let t in i[e])r[e][t]=i[e][t]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var i})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&M(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl)),this.setPositionByIndex()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}setSliderPosition(e){this.bonusProgramGames.length<2||this.sliderContainer&&(this.sliderContainer.style.transform=`translateX(${e}px)`)}setPositionByIndex(){var e;const i=(null===(e=this.sliderContainer)||void 0===e?void 0:e.clientWidth)||0;this.currentTranslate=-this.currentIndex*i,this.prevTranslate=this.currentTranslate,this.setSliderPosition(this.currentTranslate)}render(){var e;return i("div",{key:"a069be23593a04f768fcca1b86094d3af8e58ca3",ref:e=>this.stylingContainer=e,class:{ModalOverlay:!0,Mobile:s()||window.innerWidth<=768,Open:this.isOpen}},i("div",{key:"f41925c7697a9cd1c3da2f61c4e3a0673bd5728b",class:"ModalWinAnimation"}),i("div",{key:"9fac97b95cc682790d5e925fc40782ae71b9f54c",class:"ModalContent GradientBorder"},i("div",{key:"14683c5830b0317dd11d064a6a88a69f4805d250",class:"InnerContainer"},!this.errored&&i("div",{key:"2b7091ea3619423d41d98440d7800d95ec92a1bc",class:"ImageWrapper"},i("img",{key:"d23cfe79a0e7a2e138c0bb1e9894cc7534e5c173",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),i("h1",{key:"f95fbb76d703c28c45c568a0163df747dd269556",class:"ModalHeader"},n(this.errored?"errorTitle":"congrats",this.language)),this.errored?i("div",{class:"ModalErrorMessage"},n("errorSubTitle",this.language)):i("div",{class:"ModalSubtitle"},`${n("level",this.language)} ${this.orderNumber} ${n("completed",this.language)}`,i("div",null,n("youWon",this.language)),i("div",{class:"ModalReward"},this.reward),this.isFreeSpinsGranted&&i("div",{class:"ModalAddition"},n("playNowOrLater",this.language)),i("div",{class:"ModalAddition"},n("rewardInLobby",this.language))),this.addition&&i("div",{key:"201e5f0d4b3e04797c0478429dcd3c22dd30a4d3",class:"ModalAddition"},i("div",{key:"ef793ed69b572f4a9654f55cae0a71dd66af0ad6"},n("physicalReward",this.language)),i("span",{key:"131e4d36dc54d3682469a61c7196f0e379efe42f"},n("linkText",this.language))),i("button",{key:"bca6bc399277288d0ca2d9bd453eef6f6c9793e2",class:"ModalAction",onClick:this.handleClick},n(this.errored?"errorBtnText":"continue",this.language)),this.isFreeSpinsGranted&&(null===(e=this.bonusProgramGames)||void 0===e?void 0:e.length)>0&&i("div",{key:"13b921d1ff411987b9045950b1676e22b52481ab",class:"ModalSliderWrapper"},i("div",{key:"b48c9553aec2d709cede91d67b678aa545ed03a2",class:"ModalSlider",ref:e=>this.sliderContainer=e,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerLeave:this.onPointerUp},this.bonusProgramGames.map((e=>i("div",{class:"ModalSlide",key:e.GameSlug,onClick:()=>this.onSlideClick(e.GameSlug)},i("div",{class:"ModalSlideImageWrapper"},i("img",{src:e.Thumbnail,alt:""})),i("div",{class:"ModalSlideSpins"},n("useSpinsNow",this.language),i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z",fill:"white"}))))))),this.bonusProgramGames.length>1&&i("div",{key:"5878e9df2ba211fbe330d959c89278d611b0d501"},i("button",{key:"25008b1e3500bdde9b1cf9285640ca342e8490a7",class:{prev:!0,disabled:0===this.currentIndex},onClick:this.prev},i("svg",{key:"2433588c5615f8b788022f8859a98f9d16504e84",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},i("path",{key:"14d34bf5a6538e458b7c18bb481f6a5b7c2f55bf",d:"M5 1L1 5L5 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("button",{key:"63be7d730151f3741802f415ec3c9e66508b78e7",class:{next:!0,disabled:this.currentIndex===this.bonusProgramGames.length-1},onClick:this.next},i("svg",{key:"52f1005fe412de34c71060974688874e5bf45a47",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},i("path",{key:"1af4edf8dc717f54d5735d34ec27de8313918e0d",d:"M1 1L5 5L1 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("div",{key:"13201c67ba3cb6a1215fb41f5a6fe3ae60864bdd",class:"ModalSliderDots"},this.bonusProgramGames.map(((e,t)=>i("span",{class:{ModalSliderDot:!0,active:t===this.currentIndex},onClick:()=>{this.currentIndex=t,this.setPositionByIndex()}})))))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}}};d.style=':host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);padding:60px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1e654f);width:540px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:"Roboto", sans-serif}.InnerContainer{border-radius:20px;background:#f9f8f8;padding:40px 50px;width:100%;display:flex;flex-direction:column;align-items:center}.ImageWrapper{margin-bottom:10px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weigh-normal, 400);margin-top:10px;line-height:24px;width:316px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700)}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, "Roboto", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:400;align-content:center;margin-top:10px;line-height:24px}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;position:relative}.ModalAddition span::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083b17);background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);padding:9px 20px;margin-top:24px;text-transform:uppercase;color:var(--emw--button-text-color, #fff);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);min-width:100px}.ModalSliderWrapper{margin-top:24px;position:relative;overflow:hidden;width:316px;justify-self:center}.ModalSlider{display:flex;transition:transform 0.3s ease;cursor:pointer;touch-action:pan-y}.ModalSlider:active{cursor:grabbing}.ModalSlide{min-width:100%;flex-shrink:0;position:relative;display:flex;justify-content:center}.ModalSlide .ModalSlideSpins{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:99px;width:188px;height:48px;text-transform:uppercase;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);color:var(--emw--color-white, white);align-content:center;background:var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%))}.ModalSlide .ModalSlideSpins svg{margin-left:8px}.ModalSlide .ModalSlideImageWrapper{position:relative;width:244px;height:144px;border-radius:12px;overflow:hidden}.ModalSlide .ModalSlideImageWrapper img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.ModalSlide .ModalSlideImageWrapper::after{content:"";position:absolute;inset:0;background:var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843))}.prev,.next{position:absolute;top:42%;transform:translateY(-50%);stroke:white;width:22px;height:22px;border-radius:50%;border:2px solid var(--emw--button-border-color, #083b17);background:var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));display:flex;align-items:center;justify-content:center}.prev.disabled,.next.disabled{stroke:var(--emw--color-gray-100, #727672);background:var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));border-color:var(--emw--color-gray-100, #727672)}.prev{left:2px}.next{right:2px}.ModalSliderDots{display:flex;justify-content:center;margin-top:10px}.ModalSliderDot{width:8px;height:8px;border-radius:50%;background:var(--emw--color-gray-50, #e2e2e2);margin:8px;cursor:pointer}.ModalSliderDot.active{background:var(--emw--border-success-color, #00b74f)}.Mobile .ModalContent{padding:26px}.Mobile .InnerContainer{padding:25px}.Mobile .ImageWrapper{margin-bottom:6px}.Mobile .ModalHeader{margin-bottom:16px}.Mobile .ModalAddition{margin-top:8px}.Mobile .ModalAction,.Mobile .ModalSliderWrapper{margin-top:20px}.Mobile .ModalSliderWrapper{width:230px;justify-self:center}.Mobile .ModalSliderWrapper .prev,.Mobile .ModalSliderWrapper .next{display:none}.Mobile .ModalSliderWrapper .ModalSlideImageWrapper{width:220px;height:125px}.Mobile .ModalSliderWrapper .ModalSlideSpins{width:154px;height:34px;font-size:var(--emw--font-size-x-small, 12px)}.Mobile .ModalSliderWrapper .ModalSliderDot{margin:8px 4px}.Mobile .ModalSubtitle{width:220px}';export{d as C}