@everymatrix/casino-collections-providers 1.22.9 → 1.22.11

package/dist/casino-collections-providers.js

@@ -666,9 +666,9 @@ l.forEach(((t,r)=>{t.style.transform=`translateX(${100*(e?r-e:r)}%)`})),l.map((e
 //needed for finding the beginning and end of the slider
 H=Math.round(s.offsetWidth/a)},O=()=>{
 //in order to go to a specific slide, position all the slides relative to one of them, one which is determined by sliderScrollLeft and sliderScrollRight
-P(A)},I=()=>{H>=B||(0===A?A=B-H:A-H<-1?A=0:A--,O())},N=()=>{H>=B||(A===B-H?A=0:B-H<A+1?A=B-H:A++,O())},R=(e,t,r)=>{window.postMessage({type:"OpenCollectionsProvidersGame",gameId:e,launchUrl:t,gameName:r},window.location.href),
+P(A)},I=()=>{H>=B||(0===A?A=B-H:A-H<-1?A=0:A--,O())},N=()=>{H>=B||(A===B-H?A=0:B-H<A+1?A=B-H:A++,O())},R=(e,t,r,n)=>{window.postMessage({type:"OpenCollectionsProvidersGame",gameId:e,launchUrl:t,gameName:r,subVendor:n},window.location.href),
 //Analytics event
 "function"==typeof gtag&&gtag("event","OpenGame",{context:"CollectionsProviders",gameName:`${r}`})},M=e=>{window.postMessage({type:"OpenCollectionsProvidersCategory",categoryId:e},window.location.href)},x=()=>{var e;e=d,Qt.set(e)};T((()=>{r(7,h=(e=>!!(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)))(C))}));return e.$$set=e=>{"endpoint"in e&&r(13,f=e.endpoint),"datasource"in e&&r(14,p=e.datasource),"lang"in e&&r(15,d=e.lang),"type"in e&&r(0,m=e.type),"titletype"in e&&r(1,y=e.titletype),"clientstyling"in e&&r(16,g=e.clientstyling),"clientstylingurl"in e&&r(17,b=e.clientstylingurl),"translationurl"in e&&r(18,v=e.translationurl),"collectionprovidersgamenames"in e&&r(2,E=e.collectionprovidersgamenames)},e.$$.update=()=>{/*endpoint, datasource, lang*/57344&e.$$.dirty[0]&&f&&p&&d&&(()=>{const e=new URL(`${f}/v2/casino/groups/${p}`);e.searchParams.append("language",d),e.searchParams.append("expand","games"),fetch(e.href).then((e=>e.json())).then((e=>{r(6,w=!1);let t=e.items.filter((e=>e.flags==m));r(3,_=t.map((e=>{var t,r,n;return{id:e.id,name:e.name,icon:e.icon?e.icon:null===(n=null===(r=null===(t=e.vendors)||void 0===t?void 0:t.items[0])||void 0===r?void 0:r.subVendors[0])||void 0===n?void 0:n.logo,games:e.games.items.slice(0,4).map((e=>e)),background:e.background,flag:e.flags}}))),B=_.length}))})(),/*gameCategories, categoriesSlider*/24&e.$$.dirty[0]&&
 //making sure we have something to position, before trying to
-_&&s&&P(),/*lang*/32768&e.$$.dirty[0]&&d&&x(),/*clientstyling, customStylingContainer*/65568&e.$$.dirty[0]&&g&&u&&(()=>{let e=document.createElement("style");e.innerHTML=g,u.appendChild(e)})(),/*clientstylingurl, customStylingContainer*/131104&e.$$.dirty[0]&&b&&u&&(()=>{let e=new URL(b),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{u.appendChild(t)}),1)}))})(),/*translationurl*/262144&e.$$.dirty[0]&&v&&fetch(v).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{Er(t,e[t])}))})).catch((e=>{console.log(e)}))},[m,y,E,_,s,u,w,h,n,I,N,R,M,f,p,d,g,b,v,()=>I(),()=>N(),e=>R(e.gameId,e.launchUrl,e.name),e=>M(e.id),function(e){S[e?"unshift":"push"]((()=>{s=e,r(4,s)}))},function(e){S[e?"unshift":"push"]((()=>{u=e,r(5,u)}))}]}class kn extends D{constructor(e){super();const t=document.createElement("style");t.textContent='*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.CasinoCollectionsProviders{background:var(--emfe-w-casino-color-bg, var(--emfe-w-color-background, #07072A));width:100%;height:330px;margin:0 auto;margin-top:24px}.CategoriesHeader{display:flex;justify-content:space-between;height:70px}.CategoriesHeader .Title{color:var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));font-size:22px;font-weight:500}.CategoriesHeader .ButtonsContainer button{border:1px solid rgba(255, 255, 255, 0.2);border-radius:5px;background-color:rgba(0, 0, 25, 0.2);height:40px;width:40px;cursor:pointer}.CategoriesHeader .ButtonsContainer button:active{opacity:0.7}.CategoriesSlider{position:relative;height:230px;overflow:hidden;cursor:pointer}.CategoriesSliderWrapper{position:absolute;top:0;left:0}.CategoriesSlider .Animation{transition:transform 0.8s}.CategoriesSlider .CategorySlide{border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:200px;width:400px;margin-right:15px;background-size:cover}.CategoriesSlider .CategorySlide:not(.CategorySlideNoHighlight){background-color:#808080;background-blend-mode:multiply}.CategoriesSlider .CategorySlideTopContainer{height:100px;display:flex;align-items:center}.CategoriesSlider .CategorySlideLogo{transform:translate(-50%, -50%);max-width:175px;top:30%;max-height:100%;position:absolute}.CategoriesSlider .CategorySlideTitle{color:var(--emfe-w-casino-typography, var(--emfe-w-color-constrast, #FFFFFF));font-size:18px;letter-spacing:1px}.CategoriesSlider .CategorySlideGameContainer{display:flex;width:40px;justify-content:center;gap:10%;min-height:85px}.CategoriesSlider .CategorySlideGameImage{border-radius:10px;width:auto;height:55px;object-fit:cover}.CategoriesSlider .CategorySlideGames{color:white;text-align:center}.CategoriesSlider .CategorySlideGames p{font-size:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.Mobile.CasinoCollectionsProviders{padding:25px 10px}.Mobile .CategoriesSlider{overflow:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.Mobile .CategoriesSlider::-webkit-scrollbar{display:none}.Mobile .CategorySlide{width:80vw;scroll-snap-align:start}.Mobile .ButtonsContainer{display:none}.Mobile .CategorySlideGameImage{border-radius:10px;width:auto;height:40px;object-fit:cover}.LoadingSpinner{display:block;width:80px;height:80px;margin:0 auto}.LoadingSpinner:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));border-color:var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C)) transparent var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C)) transparent;animation:LoadingSpinner 1.2s linear infinite}@keyframes LoadingSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}',this.shadowRoot.appendChild(t),G(this,{target:this.shadowRoot,props:_(this.attributes),customElement:!0},Dn,Gn,i,{endpoint:13,datasource:14,lang:15,type:0,titletype:1,clientstyling:16,clientstylingurl:17,translationurl:18,collectionprovidersgamenames:2},null,[-1,-1]),e&&(e.target&&h(e.target,this,e.anchor),e.props&&(this.$set(e.props),N()))}static get observedAttributes(){return["endpoint","datasource","lang","type","titletype","clientstyling","clientstylingurl","translationurl","collectionprovidersgamenames"]}get endpoint(){return this.$$.ctx[13]}set endpoint(e){this.$$set({endpoint:e}),N()}get datasource(){return this.$$.ctx[14]}set datasource(e){this.$$set({datasource:e}),N()}get lang(){return this.$$.ctx[15]}set lang(e){this.$$set({lang:e}),N()}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),N()}get titletype(){return this.$$.ctx[1]}set titletype(e){this.$$set({titletype:e}),N()}get clientstyling(){return this.$$.ctx[16]}set clientstyling(e){this.$$set({clientstyling:e}),N()}get clientstylingurl(){return this.$$.ctx[17]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),N()}get translationurl(){return this.$$.ctx[18]}set translationurl(e){this.$$set({translationurl:e}),N()}get collectionprovidersgamenames(){return this.$$.ctx[2]}set collectionprovidersgamenames(e){this.$$set({collectionprovidersgamenames:e}),N()}}return!customElements.get("casino-collections-providers")&&customElements.define("casino-collections-providers",kn),kn}));
+_&&s&&P(),/*lang*/32768&e.$$.dirty[0]&&d&&x(),/*clientstyling, customStylingContainer*/65568&e.$$.dirty[0]&&g&&u&&(()=>{let e=document.createElement("style");e.innerHTML=g,u.appendChild(e)})(),/*clientstylingurl, customStylingContainer*/131104&e.$$.dirty[0]&&b&&u&&(()=>{let e=new URL(b),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{u.appendChild(t)}),1)}))})(),/*translationurl*/262144&e.$$.dirty[0]&&v&&fetch(v).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{Er(t,e[t])}))})).catch((e=>{console.log(e)}))},[m,y,E,_,s,u,w,h,n,I,N,R,M,f,p,d,g,b,v,()=>I(),()=>N(),e=>R(e.gameId,e.launchUrl,e.name,e.subVendor),e=>M(e.id),function(e){S[e?"unshift":"push"]((()=>{s=e,r(4,s)}))},function(e){S[e?"unshift":"push"]((()=>{u=e,r(5,u)}))}]}class kn extends D{constructor(e){super();const t=document.createElement("style");t.textContent='*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.CasinoCollectionsProviders{background:var(--emfe-w-casino-color-bg, var(--emfe-w-color-background, #07072A));width:100%;height:330px;margin:0 auto;margin-top:24px}.CategoriesHeader{display:flex;justify-content:space-between;height:70px}.CategoriesHeader .Title{color:var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));font-size:22px;font-weight:500}.CategoriesHeader .ButtonsContainer button{border:1px solid rgba(255, 255, 255, 0.2);border-radius:5px;background-color:rgba(0, 0, 25, 0.2);height:40px;width:40px;cursor:pointer}.CategoriesHeader .ButtonsContainer button:active{opacity:0.7}.CategoriesSlider{position:relative;height:230px;overflow:hidden;cursor:pointer}.CategoriesSliderWrapper{position:absolute;top:0;left:0}.CategoriesSlider .Animation{transition:transform 0.8s}.CategoriesSlider .CategorySlide{border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:200px;width:400px;margin-right:15px;background-size:cover}.CategoriesSlider .CategorySlide:not(.CategorySlideNoHighlight){background-color:#808080;background-blend-mode:multiply}.CategoriesSlider .CategorySlideTopContainer{height:100px;display:flex;align-items:center}.CategoriesSlider .CategorySlideLogo{transform:translate(-50%, -50%);max-width:175px;top:30%;max-height:100%;position:absolute}.CategoriesSlider .CategorySlideTitle{color:var(--emfe-w-casino-typography, var(--emfe-w-color-constrast, #FFFFFF));font-size:18px;letter-spacing:1px}.CategoriesSlider .CategorySlideGameContainer{display:flex;width:40px;justify-content:center;gap:10%;min-height:85px}.CategoriesSlider .CategorySlideGameImage{border-radius:10px;width:auto;height:55px;object-fit:cover}.CategoriesSlider .CategorySlideGames{color:white;text-align:center}.CategoriesSlider .CategorySlideGames p{font-size:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.Mobile.CasinoCollectionsProviders{padding:25px 10px}.Mobile .CategoriesSlider{overflow:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.Mobile .CategoriesSlider::-webkit-scrollbar{display:none}.Mobile .CategorySlide{width:80vw;scroll-snap-align:start}.Mobile .ButtonsContainer{display:none}.Mobile .CategorySlideGameImage{border-radius:10px;width:auto;height:40px;object-fit:cover}.LoadingSpinner{display:block;width:80px;height:80px;margin:0 auto}.LoadingSpinner:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));border-color:var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C)) transparent var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C)) transparent;animation:LoadingSpinner 1.2s linear infinite}@keyframes LoadingSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}',this.shadowRoot.appendChild(t),G(this,{target:this.shadowRoot,props:_(this.attributes),customElement:!0},Dn,Gn,i,{endpoint:13,datasource:14,lang:15,type:0,titletype:1,clientstyling:16,clientstylingurl:17,translationurl:18,collectionprovidersgamenames:2},null,[-1,-1]),e&&(e.target&&h(e.target,this,e.anchor),e.props&&(this.$set(e.props),N()))}static get observedAttributes(){return["endpoint","datasource","lang","type","titletype","clientstyling","clientstylingurl","translationurl","collectionprovidersgamenames"]}get endpoint(){return this.$$.ctx[13]}set endpoint(e){this.$$set({endpoint:e}),N()}get datasource(){return this.$$.ctx[14]}set datasource(e){this.$$set({datasource:e}),N()}get lang(){return this.$$.ctx[15]}set lang(e){this.$$set({lang:e}),N()}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),N()}get titletype(){return this.$$.ctx[1]}set titletype(e){this.$$set({titletype:e}),N()}get clientstyling(){return this.$$.ctx[16]}set clientstyling(e){this.$$set({clientstyling:e}),N()}get clientstylingurl(){return this.$$.ctx[17]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),N()}get translationurl(){return this.$$.ctx[18]}set translationurl(e){this.$$set({translationurl:e}),N()}get collectionprovidersgamenames(){return this.$$.ctx[2]}set collectionprovidersgamenames(e){this.$$set({collectionprovidersgamenames:e}),N()}}return!customElements.get("casino-collections-providers")&&customElements.define("casino-collections-providers",kn),kn}));
 //# sourceMappingURL=casino-collections-providers.js.map