@everymatrix/casino-page-nd 1.52.3 → 1.52.4

package/components/CasinoWinners-DXdWQq1j.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CasinoCalendar-B-gPVc8F.cjs");function se(r,t){e.addMessages(r,t)}function Ae(r){e.$locale.set(r)}const le={en:{recentWinners:"Recent Winners",topWinners:"Top Winners",won:"just won",noWinnersMessage:"Currently there are no winners."},"zh-hk":{recentWinners:"最近的获奖者",topWinners:"最佳获奖者",won:"刚赢",noWinnersMessage:"現在暫時沒有贏家！"},de:{recentWinners:"Kürzliche Gewinner",topWinners:"Top Gewinner",won:"Eben gewonnen",noWinnersMessage:"Zurzeit gibt es keine Gewinner!"},it:{recentWinners:"Recent Winners",topWinners:"Top Winners",won:"just won",noWinnersMessage:"Non ci sono vincitori al momento!"},fr:{recentWinners:"Gagnants récents",topWinners:"Meilleurs gagnants",won:"vient de gagner",noWinnersMessage:"Il n’y a pas de gagnants pour le moment !"},es:{recentWinners:"Ganadores Recientes",topWinners:"Ganadores Top",won:"Últimos Ganadores",noWinnersMessage:"No hay ganadores en este momento."},el:{recentWinners:"Πρόσφατοι νικητές",topWinners:"Κορυφαίοι νικητές",won:"μόλις κέρδισε",noWinnersMessage:"Δεν υπάρχουν νικητές αυτή τη στιγμή!"},tr:{recentWinners:"Son Kazananlar",topWinners:"En Çok Kazananlar",won:"Sadece kazandı",noWinnersMessage:"Şu anda kazanan yok!"},ru:{recentWinners:"Recent Winners",topWinners:"Top Winners",won:"just won",noWinnersMessage:"В данный момент нет победителей!"},ro:{recentWinners:"Ultimii câștigători",topWinners:"Câștigători de top",won:"tocmai a câștigat",noWinnersMessage:"Nu există câștigători în acest moment!"},hr:{recentWinners:"Nedavni dobitnici",topWinners:"Top dobitnici",won:"upravo osvojio",noWinnersMessage:"Trenutno nema pobjednika!"},hu:{recentWinners:"Legutóbbi nyertesek",topWinners:"Top nyertesek",won:"Nyert",noWinnersMessage:"Jelenleg nincsenek nyertesek!"},pl:{recentWinners:"Recent Winners",topWinners:"Top Winners",won:"just won",noWinnersMessage:"There are no winners at the moment!"},pt:{recentWinners:"Recent Winners",topWinners:"Top Winners",won:"just won",noWinnersMessage:"Obecnie nie ma żadnych zwycięzców!"},sl:{recentWinners:"Recent Winners",topWinners:"Top Winners",won:"just won",noWinnersMessage:"Trenutno nema pobednika!"},sr:{recentWinners:"Recent Winners",topWinners:"Top Winners",won:"just won",noWinnersMessage:"There are no winners at the moment!"},"pt-br":{recentWinners:"Vencedores recentes",topWinners:"Principais vencedores",won:"acabei de ganhar",noWinnersMessage:"Não há vencedores no momento!"},"es-mx":{recentWinners:"Ganadores recientes",topWinners:"Mejores Ganadores",won:"recién gano",noWinnersMessage:"No hay ganadores en este momento."},"en-us":{recentWinners:"Recent Winners",topWinners:"Top Winners",won:"just won",noWinnersMessage:"Currently there are no winners."}};if(typeof window!="undefined"){let r=function(t){return function(...n){try{return t.apply(this,n)}catch(i){if(i instanceof DOMException&&i.message.includes("has already been used with this registry")||i.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw i}}};customElements.define=r(customElements.define),Promise.resolve().then(()=>require("./GeneralAnimationLoading-qrGVwLbv.cjs")).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element)})}function je(r){e.append_styles(r,"svelte-1x13ubp","*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.Off{display:none}.CasinoWinners{background-color:var(--emw--casino-color-bg, var(--emw--color-background, #07072A));width:100%;height:320px;margin:0 auto}.CasinoWinners.Mobile{padding:25px 10px;height:250px}.WinnersHeader{display:flex;justify-content:space-between}.SliderButton{border:1px solid rgba(255, 255, 255, 0.2);border-radius:5px;background-color:rgba(0, 0, 25, 0.2);height:40px;width:40px}.SliderButton.SliderButton:active{transform:translateY(1px)}.WinnerButtonsContainer{display:flex;margin-bottom:42px}.WinnersButton{border:none;background:none;color:var(--emw--casino-typography, var(--emw--color-contrast, #FFFFFF));font-size:22px;font-weight:500;margin-right:60px;cursor:pointer}.WinnersButton:hover{border-bottom:1px solid var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C));line-height:40px}.WinnersButton:focus{color:var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C));line-height:40px}.WinnersButton.Active{border-bottom:2px solid #D0046C;padding-bottom:10px;color:var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C))}.WinnersButton.Active{border-bottom:1px solid var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C));color:var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C));line-height:40px}.ButtonsContainerNone{display:none}.WinnersSlider{display:flex;justify-content:flex-start;position:relative;height:180px;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.WinnersSlider::-webkit-scrollbar{display:none}.WinnersSlider .NoWinnersMessage{color:var(--emw--casino-typography, var(--emw--color-typography, #FFFFFF));font-size:var(--emw--font-size-medium, 16px)}.CardWrapper{position:absolute;top:0;left:0}.CardWrapperAnimation{transition:transform 2s}.WinnerCard{border:1px solid rgba(255, 255, 255, 0.2);border-radius:5px;background-color:rgba(0, 0, 25, 0.2);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;height:180px;min-width:191px;margin-bottom:30px;margin-right:30px}.WinnerCard p:first-of-type{color:var(--emw--color-gray-150, #828282);font-size:14px;inline-size:189px;overflow-wrap:break-word;text-align:center}.WinnerCard p:nth-child(3){text-align:center;color:var(--emw--casino-typography, var(--emw--color-white, #FFFFFF));font-size:14px;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.WinnerCard p:nth-child(4){color:var(--emw--casino-typography, var(--emw--color-white, #FFFFFF));font-size:14px;text-align:center}.WinnerCard p:last-of-type{color:var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C));font-size:16px}.WinnerCard:hover{border:1px solid rgba(255, 255, 255, 0.4)}.WinnersImage{border-radius:5px;height:54px;margin-bottom:10px;width:80px;cursor:pointer}.Mobile .CasinoWinners{width:320px;max-width:320px}.Mobile .WinnersHeader{justify-content:flex-start}.Mobile .WinnersButton{font-size:18px;white-space:nowrap;margin-right:40px}.Mobile .WinnersButton:last-child{margin-right:0}.Mobile .WinnersButton.Active{padding-bottom:4px}.Mobile .WinnersSlider{overflow:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.Mobile .SliderButton{display:none}.Mobile .WinnerCard{width:140px;height:150px;min-width:140px;margin-right:12px}.Mobile .WinnerCard p:first-of-type{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;width:100px}.Mobile .WinnerCard p:nth-child(3){font-size:10px}.Mobile .WinnerCard p:nth-child(4){font-size:8px;font-weight:300;text-align:center}.Mobile .WinnerCard p:last-of-type{font-size:11px}.Mobile .WinnerButtonsContainer{margin-bottom:20px}")}function ae(r,t,n){const i=r.slice();return i[70]=t[n],i}function oe(r,t,n){const i=r.slice();return i[73]=t[n],i}function Le(r){let t,n,i,l,a,o,d,u,W,L,M,y,_,A,x,N,S,T,k,v=e.ensure_array_like(r[17]),m=[];for(let c=0;c<v.length;c+=1)m[c]=fe(oe(r,v,c));function E(c,g){return c[18]?Re:Oe}let B=E(r),b=B(r);return{c(){t=e.element("div"),n=e.element("div"),i=e.element("div");for(let c=0;c<m.length;c+=1)m[c].c();l=e.space(),a=e.element("div"),o=e.element("button"),d=e.svg_element("svg"),u=e.svg_element("path"),L=e.space(),M=e.element("button"),y=e.svg_element("svg"),_=e.svg_element("path"),N=e.space(),b.c(),e.attr(i,"class","WinnerButtonsContainer"),e.attr(u,"style",W=r[12]>=r[11].length?"fill:#F6F6F62E":""),e.attr(u,"id","Path_36"),e.attr(u,"data-name","Path 36"),e.attr(u,"d","M12.328,16,0,3.672,3.672,0l8.656,8.656L20.984,0l3.672,3.672Z"),e.attr(u,"transform","translate(14.656 0) rotate(90)"),e.attr(u,"fill","#fff"),e.attr(d,"id","Component_46_2"),e.attr(d,"data-name","Component 46 – 2"),e.attr(d,"xmlns","http://www.w3.org/2000/svg"),e.attr(d,"width","15"),e.attr(d,"height","15"),e.attr(d,"viewBox","0 0 16 24.656"),e.attr(o,"class","SliderButton"),e.attr(_,"style",A=r[12]>=r[11].length?"fill:#F6F6F62E":""),e.attr(_,"id","Path_36"),e.attr(_,"data-name","Path 36"),e.attr(_,"d","M12.328,16,0,3.672,3.672,0l8.656,8.656L20.984,0l3.672,3.672Z"),e.attr(_,"transform","translate(0 24.656) rotate(-90)"),e.attr(_,"fill","#fff"),e.attr(y,"id","Component_46_2"),e.attr(y,"data-name","Component 46 – 2"),e.attr(y,"xmlns","http://www.w3.org/2000/svg"),e.attr(y,"width","15"),e.attr(y,"height","15"),e.attr(y,"viewBox","0 0 16 24.656"),e.attr(M,"class","SliderButton"),e.attr(a,"class",x="ButtonsContainer "+(r[6]=="true"?"ButtonsContainerNone":"")),e.attr(n,"class","WinnersHeader"),e.attr(t,"class",S="CasinoWinners "+(r[13]?"Mobile":""))},m(c,g){e.insert(c,t,g),e.append(t,n),e.append(n,i);for(let f=0;f<m.length;f+=1)m[f]&&m[f].m(i,null);e.append(n,l),e.append(n,a),e.append(a,o),e.append(o,d),e.append(d,u),e.append(a,L),e.append(a,M),e.append(M,y),e.append(y,_),e.append(t,N),b.m(t,null),T||(k=[e.listen(o,"click",r[43]),e.listen(M,"click",r[44])],T=!0)},p(c,g){if(g[0]&3277827){v=e.ensure_array_like(c[17]);let f;for(f=0;f<v.length;f+=1){const p=oe(c,v,f);m[f]?m[f].p(p,g):(m[f]=fe(p),m[f].c(),m[f].m(i,null))}for(;f<m.length;f+=1)m[f].d(1);m.length=v.length}g[0]&6144&&W!==(W=c[12]>=c[11].length?"fill:#F6F6F62E":"")&&e.attr(u,"style",W),g[0]&6144&&A!==(A=c[12]>=c[11].length?"fill:#F6F6F62E":"")&&e.attr(_,"style",A),g[0]&64&&x!==(x="ButtonsContainer "+(c[6]=="true"?"ButtonsContainerNone":""))&&e.attr(a,"class",x),B===(B=E(c))&&b?b.p(c,g):(b.d(1),b=B(c),b&&(b.c(),b.m(t,null))),g[0]&8192&&S!==(S="CasinoWinners "+(c[13]?"Mobile":""))&&e.attr(t,"class",S)},d(c){c&&e.detach(t),e.destroy_each(m,c),b.d(),T=!1,e.run_all(k)}}}function Ee(r){let t;return{c(){t=e.element("general-animation-loading"),e.set_custom_element_data(t,"clientstyling",r[4]),e.set_custom_element_data(t,"clientstylingurl",r[5])},m(n,i){e.insert(n,t,i)},p(n,i){i[0]&16&&e.set_custom_element_data(t,"clientstyling",n[4]),i[0]&32&&e.set_custom_element_data(t,"clientstylingurl",n[5])},d(n){n&&e.detach(t)}}}function ce(r){let t,n=r[0]==="true"&&ue(r);return{c(){n&&n.c(),t=e.empty()},m(i,l){n&&n.m(i,l),e.insert(i,t,l)},p(i,l){i[0]==="true"?n?n.p(i,l):(n=ue(i),n.c(),n.m(t.parentNode,t)):n&&(n.d(1),n=null)},d(i){i&&e.detach(t),n&&n.d(i)}}}function ue(r){let t,n=r[20]("recentWinners")+"",i,l,a,o;return{c(){t=e.element("button"),i=e.text(n),e.attr(t,"class",l="WinnersButton "+(r[10]=="recent"?"Active":""))},m(d,u){e.insert(d,t,u),e.append(t,i),a||(o=e.listen(t,"click",r[41]),a=!0)},p(d,u){u[0]&1048576&&n!==(n=d[20]("recentWinners")+"")&&e.set_data(i,n),u[0]&1024&&l!==(l="WinnersButton "+(d[10]=="recent"?"Active":""))&&e.attr(t,"class",l)},d(d){d&&e.detach(t),a=!1,o()}}}function de(r){let t,n=r[20]("topWinners")+"",i,l,a,o,d;return{c(){t=e.element("button"),i=e.text(n),l=e.space(),e.attr(t,"class",a="WinnersButton "+(r[10]=="top"?"Active":"")+" "+(r[1]=="false"?"Off":""))},m(u,W){e.insert(u,t,W),e.append(t,i),e.append(t,l),o||(d=e.listen(t,"click",r[42]),o=!0)},p(u,W){W[0]&1048576&&n!==(n=u[20]("topWinners")+"")&&e.set_data(i,n),W[0]&1026&&a!==(a="WinnersButton "+(u[10]=="top"?"Active":"")+" "+(u[1]=="false"?"Off":""))&&e.attr(t,"class",a)},d(u){u&&e.detach(t),o=!1,d()}}}function fe(r){let t,n,i=r[73]=="recent"&&ce(r),l=r[73]=="top"&&de(r);return{c(){i&&i.c(),t=e.space(),l&&l.c(),n=e.empty()},m(a,o){i&&i.m(a,o),e.insert(a,t,o),l&&l.m(a,o),e.insert(a,n,o)},p(a,o){a[73]=="recent"?i?i.p(a,o):(i=ce(a),i.c(),i.m(t.parentNode,t)):i&&(i.d(1),i=null),a[73]=="top"?l?l.p(a,o):(l=de(a),l.c(),l.m(n.parentNode,n)):l&&(l.d(1),l=null)},d(a){a&&(e.detach(t),e.detach(n)),i&&i.d(a),l&&l.d(a)}}}function Oe(r){let t;function n(a,o){return a[11].length!==0?Ge:Pe}let i=n(r),l=i(r);return{c(){t=e.element("div"),l.c(),e.attr(t,"class","WinnersSlider")},m(a,o){e.insert(a,t,o),l.m(t,null),r[47](t)},p(a,o){i===(i=n(a))&&l?l.p(a,o):(l.d(1),l=i(a),l&&(l.c(),l.m(t,null)))},d(a){a&&e.detach(t),l.d(),r[47](null)}}}function Re(r){let t;return{c(){t=e.element("general-animation-loading"),e.set_custom_element_data(t,"clientstyling",r[4]),e.set_custom_element_data(t,"clientstylingurl",r[5])},m(n,i){e.insert(n,t,i)},p(n,i){i[0]&16&&e.set_custom_element_data(t,"clientstyling",n[4]),i[0]&32&&e.set_custom_element_data(t,"clientstylingurl",n[5])},d(n){n&&e.detach(t)}}}function Pe(r){let t,n=r[20]("noWinnersMessage")+"",i;return{c(){t=e.element("p"),i=e.text(n),e.attr(t,"class","NoWinnersMessage")},m(l,a){e.insert(l,t,a),e.append(t,i)},p(l,a){a[0]&1048576&&n!==(n=l[20]("noWinnersMessage")+"")&&e.set_data(i,n)},d(l){l&&e.detach(t)}}}function Ge(r){let t,n=e.ensure_array_like(r[11]),i=[];for(let l=0;l<n.length;l+=1)i[l]=me(ae(r,n,l));return{c(){for(let l=0;l<i.length;l+=1)i[l].c();t=e.empty()},m(l,a){for(let o=0;o<i.length;o+=1)i[o]&&i[o].m(l,a);e.insert(l,t,a)},p(l,a){if(a[0]&14223500){n=e.ensure_array_like(l[11]);let o;for(o=0;o<n.length;o+=1){const d=ae(l,n,o);i[o]?i[o].p(d,a):(i[o]=me(d),i[o].c(),i[o].m(t.parentNode,t))}for(;o<i.length;o+=1)i[o].d(1);i.length=n.length}},d(l){l&&e.detach(t),e.destroy_each(i,l)}}}function me(r){let t,n,i,l,a,o,d,u=r[70].gameName+"",W,L,M,y=r[22](r[70].username)+"",_,A,x,N=r[20]("won")+"",S,T,k,v=r[70].specifiedCurrencyAmount.toFixed(2)+"",m,E,B,b=(r[7]?r[3]:r[2])+"",c,g,f,p,C;function q(){return r[45](r[70])}return{c(){var j,w,O,F;t=e.element("div"),n=e.element("div"),i=e.element("img"),o=e.space(),d=e.element("p"),W=e.text(u),L=e.space(),M=e.element("p"),_=e.text(y),A=e.space(),x=e.element("p"),S=e.text(N),T=e.space(),k=e.element("p"),m=e.text(v),E=e.space(),B=e.element("span"),c=e.text(b),g=e.space(),e.src_url_equal(i.src,l=(w=(j=r[70])==null?void 0:j.gameModel)==null?void 0:w.thumbnail)||e.attr(i,"src",l),e.attr(i,"alt",a=(F=(O=r[70])==null?void 0:O.gameModel)==null?void 0:F.thumbnail),e.attr(i,"class","WinnersImage"),e.attr(x,"class","WinnerUsername"),e.attr(n,"class","WinnerCard"),e.attr(t,"class",f="CardWrapper "+(r[16]?"CardWrapperAnimation":""))},m(j,w){e.insert(j,t,w),e.append(t,n),e.append(n,i),e.append(n,o),e.append(n,d),e.append(d,W),e.append(n,L),e.append(n,M),e.append(M,_),e.append(n,A),e.append(n,x),e.append(x,S),e.append(n,T),e.append(n,k),e.append(k,m),e.append(k,E),e.append(k,B),e.append(B,c),e.append(t,g),r[46](t),p||(C=e.listen(i,"click",q),p=!0)},p(j,w){var O,F,R,P;r=j,w[0]&2048&&!e.src_url_equal(i.src,l=(F=(O=r[70])==null?void 0:O.gameModel)==null?void 0:F.thumbnail)&&e.attr(i,"src",l),w[0]&2048&&a!==(a=(P=(R=r[70])==null?void 0:R.gameModel)==null?void 0:P.thumbnail)&&e.attr(i,"alt",a),w[0]&2048&&u!==(u=r[70].gameName+"")&&e.set_data(W,u),w[0]&2048&&y!==(y=r[22](r[70].username)+"")&&e.set_data(_,y),w[0]&1048576&&N!==(N=r[20]("won")+"")&&e.set_data(S,N),w[0]&2048&&v!==(v=r[70].specifiedCurrencyAmount.toFixed(2)+"")&&e.set_data(m,v),w[0]&140&&b!==(b=(r[7]?r[3]:r[2])+"")&&e.set_data(c,b),w[0]&65536&&f!==(f="CardWrapper "+(r[16]?"CardWrapperAnimation":""))&&e.attr(t,"class",f)},d(j){j&&e.detach(t),r[46](null),p=!1,C()}}}function De(r){let t;function n(a,o){return a[14]||a[15]?Ee:Le}let i=n(r),l=i(r);return{c(){t=e.element("div"),l.c()},m(a,o){e.insert(a,t,o),l.m(t,null),r[48](t)},p(a,o){i===(i=n(a))&&l?l.p(a,o):(l.d(1),l=i(a),l&&(l.c(),l.m(t,null)))},i:e.noop,o:e.noop,d(a){a&&e.detach(t),l.d(),r[48](null)}}}function Ie(r,t,n){let i;e.component_subscribe(r,e.$format,s=>n(20,i=s));let{endpoint:l=""}=t,{session:a=""}=t,{userid:o=""}=t,{periodrecent:d="Today"}=t,{periodtop:u="Last7Days"}=t,{numberusersrecent:W="20"}=t,{numberuserstop:L="20"}=t,{amountlimit:M="1"}=t,{vendorCategory:y="All"}=t,{lang:_="en"}=t,{isrecentavailable:A="true"}=t,{istopavailable:x="true"}=t,{defaultcurrency:N=""}=t,{usercurrency:S=""}=t,{clientstyling:T=""}=t,{clientstylingurl:k=""}=t,{enableautoscroll:v=""}=t,{tabsorder:m=""}=t,{translationurl:E=""}=t,{winnersdatasources:B=""}=t,{hascustomstyling:b="false"}=t,c,g,f=[],p=0,C=0,q=window.navigator.userAgent,j,w,O,F,R=!0,P=!1,J=!1,X,G,H,D,Y=[],V=!1,I,Q=0;const he=()=>{let s=new URL(E);fetch(s.href).then(h=>h.json()).then(h=>{Object.keys(h).forEach(z=>{se(z,h[z])})}).catch(h=>{console.log(h)})};Object.keys(le).forEach(s=>{se(s,le[s])});const $=()=>{Y=B.split(",").map(function(h){return h.trim()});const s=new URL(`${l}/v1/casino/${g}-winners`);n(18,V=!0),s.searchParams.append("limit",g=="recent"?W:L),s.searchParams.append("specifiedCurrency",D),s.searchParams.append("period",g=="recent"?d:u),s.searchParams.append("language",_),s.searchParams.append("amountLimit",M),s.searchParams.append("vendorCategory",y),Y.forEach(h=>{s.searchParams.append("dataSource",h)}),setTimeout(()=>{fetch(s.href).then(h=>h.json()).then(h=>{n(11,f=[]),n(11,f=h.items.map(z=>z)),n(18,V=!1),setTimeout(()=>{be(),te(),v=="true"&&(clearInterval(G),_e()),n(14,R=!1)},5)})},1e3)},K=s=>{g!==s&&(n(11,f=[]),n(10,g=s),$())},ge=s=>s.slice(0,2)+s.slice(2,-2).replace(/./g,"*")+s.slice(-2),ee=(s,h,z,U)=>{window.postMessage({type:"OpenCasinoWinnersGame",gameId:s,launchUrl:h,gameName:z,subVendor:U},window.location.href),typeof gtag=="function"&&gtag("event","OpenGame",{context:"WinnersWidget",gameId:`${s}`,userId:`${O||"Not logged in"}`})},te=s=>{const h=[...c.children];X=h.length,h.forEach((z,U)=>{z.style.transform=`translateX(${100*(s?U-s:U)}%)`}),setTimeout(()=>{n(16,J=!0)},10)},_e=()=>{p=0,C<X?G=setInterval(()=>{Z()},3e3):clearInterval(G)},ne=()=>{te(p)},be=()=>{Q=I.offsetWidth,n(12,C=Math.round(c.offsetWidth/Q))},re=()=>{if(C>=f.length)return;const s=f.length;p===0?p=s-C:p-C<0?p=0:p=p-C,ne()},Z=()=>{if(C>=f.length)return;const s=f.length;v=="true"&&(p===s-C?p=0:p++),v=="false"&&(p===s-C?p=0:s-C<p+C?p=s-C:p+=C),ne()},ye=()=>{Ae(_)},We=()=>{n(7,w=!0),O=o},ie=()=>{n(40,D=w?S:N)},we=()=>{let s=document.createElement("style");s.innerHTML=T,F.appendChild(s)},ve=()=>{let s=new URL(k),h=document.createElement("style");fetch(s.href).then(z=>z.text()).then(z=>{h.innerHTML=z,setTimeout(()=>{F.appendChild(h)},1),setTimeout(()=>{},500),n(15,P=!1)})},Ce=()=>{b==="true"&&(!T&&!k&&F&&console.error("clientstyling or clientstylingurl mandatory if hascustomstyling is true"),!T&&k&&n(15,P=!0))},ke=()=>{n(17,H=m.split(",")),n(10,g=H[0]),ie(),n(14,R=!1)};e.onMount(()=>(n(13,j=e.isMobile(q)),()=>{clearInterval(G)}));const Me=()=>K("recent"),Fe=()=>K("top"),xe=()=>re(),Se=()=>Z(),Te=s=>ee(s.gameId,s.gameModel.launchUrl,s.gameModel.name,s.gameModel.subVendor);function Be(s){e.binding_callbacks[s?"unshift":"push"](()=>{I=s,n(19,I)})}function Ne(s){e.binding_callbacks[s?"unshift":"push"](()=>{c=s,n(9,c)})}function ze(s){e.binding_callbacks[s?"unshift":"push"](()=>{F=s,n(8,F)})}return r.$$set=s=>{"endpoint"in s&&n(26,l=s.endpoint),"session"in s&&n(27,a=s.session),"userid"in s&&n(28,o=s.userid),"periodrecent"in s&&n(29,d=s.periodrecent),"periodtop"in s&&n(30,u=s.periodtop),"numberusersrecent"in s&&n(31,W=s.numberusersrecent),"numberuserstop"in s&&n(32,L=s.numberuserstop),"amountlimit"in s&&n(33,M=s.amountlimit),"vendorCategory"in s&&n(34,y=s.vendorCategory),"lang"in s&&n(35,_=s.lang),"isrecentavailable"in s&&n(0,A=s.isrecentavailable),"istopavailable"in s&&n(1,x=s.istopavailable),"defaultcurrency"in s&&n(2,N=s.defaultcurrency),"usercurrency"in s&&n(3,S=s.usercurrency),"clientstyling"in s&&n(4,T=s.clientstyling),"clientstylingurl"in s&&n(5,k=s.clientstylingurl),"enableautoscroll"in s&&n(6,v=s.enableautoscroll),"tabsorder"in s&&n(36,m=s.tabsorder),"translationurl"in s&&n(37,E=s.translationurl),"winnersdatasources"in s&&n(38,B=s.winnersdatasources),"hascustomstyling"in s&&n(39,b=s.hascustomstyling)},r.$$.update=()=>{r.$$.dirty[0]&1610612739|r.$$.dirty[1]&63&&A&&x&&d&&u&&W&&L&&M&&y&&_&&m&&ke(),r.$$.dirty[0]&134217728&&a&&We(),r.$$.dirty[0]&140&&w&&(S||N)&&ie(),r.$$.dirty[0]&67108864|r.$$.dirty[1]&640&&l&&B&&D&&$(),r.$$.dirty[1]&16&&_&&ye(),r.$$.dirty[1]&64&&E&&he(),r.$$.dirty[1]&256&&b&&Ce(),r.$$.dirty[0]&272&&T&&F&&we(),r.$$.dirty[0]&288&&k&&F&&ve()},[A,x,N,S,T,k,v,w,F,c,g,f,C,j,R,P,J,H,V,I,i,K,ge,ee,re,Z,l,a,o,d,u,W,L,M,y,_,m,E,B,b,D,Me,Fe,xe,Se,Te,Be,Ne,ze]}class pe extends e.SvelteComponent{constructor(t){super(),e.init(this,t,Ie,De,e.safe_not_equal,{endpoint:26,session:27,userid:28,periodrecent:29,periodtop:30,numberusersrecent:31,numberuserstop:32,amountlimit:33,vendorCategory:34,lang:35,isrecentavailable:0,istopavailable:1,defaultcurrency:2,usercurrency:3,clientstyling:4,clientstylingurl:5,enableautoscroll:6,tabsorder:36,translationurl:37,winnersdatasources:38,hascustomstyling:39},je,[-1,-1,-1])}get endpoint(){return this.$$.ctx[26]}set endpoint(t){this.$$set({endpoint:t}),e.flush()}get session(){return this.$$.ctx[27]}set session(t){this.$$set({session:t}),e.flush()}get userid(){return this.$$.ctx[28]}set userid(t){this.$$set({userid:t}),e.flush()}get periodrecent(){return this.$$.ctx[29]}set periodrecent(t){this.$$set({periodrecent:t}),e.flush()}get periodtop(){return this.$$.ctx[30]}set periodtop(t){this.$$set({periodtop:t}),e.flush()}get numberusersrecent(){return this.$$.ctx[31]}set numberusersrecent(t){this.$$set({numberusersrecent:t}),e.flush()}get numberuserstop(){return this.$$.ctx[32]}set numberuserstop(t){this.$$set({numberuserstop:t}),e.flush()}get amountlimit(){return this.$$.ctx[33]}set amountlimit(t){this.$$set({amountlimit:t}),e.flush()}get vendorCategory(){return this.$$.ctx[34]}set vendorCategory(t){this.$$set({vendorCategory:t}),e.flush()}get lang(){return this.$$.ctx[35]}set lang(t){this.$$set({lang:t}),e.flush()}get isrecentavailable(){return this.$$.ctx[0]}set isrecentavailable(t){this.$$set({isrecentavailable:t}),e.flush()}get istopavailable(){return this.$$.ctx[1]}set istopavailable(t){this.$$set({istopavailable:t}),e.flush()}get defaultcurrency(){return this.$$.ctx[2]}set defaultcurrency(t){this.$$set({defaultcurrency:t}),e.flush()}get usercurrency(){return this.$$.ctx[3]}set usercurrency(t){this.$$set({usercurrency:t}),e.flush()}get clientstyling(){return this.$$.ctx[4]}set clientstyling(t){this.$$set({clientstyling:t}),e.flush()}get clientstylingurl(){return this.$$.ctx[5]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),e.flush()}get enableautoscroll(){return this.$$.ctx[6]}set enableautoscroll(t){this.$$set({enableautoscroll:t}),e.flush()}get tabsorder(){return this.$$.ctx[36]}set tabsorder(t){this.$$set({tabsorder:t}),e.flush()}get translationurl(){return this.$$.ctx[37]}set translationurl(t){this.$$set({translationurl:t}),e.flush()}get winnersdatasources(){return this.$$.ctx[38]}set winnersdatasources(t){this.$$set({winnersdatasources:t}),e.flush()}get hascustomstyling(){return this.$$.ctx[39]}set hascustomstyling(t){this.$$set({hascustomstyling:t}),e.flush()}}e.create_custom_element(pe,{endpoint:{},session:{},userid:{},periodrecent:{},periodtop:{},numberusersrecent:{},numberuserstop:{},amountlimit:{},vendorCategory:{},lang:{},isrecentavailable:{},istopavailable:{},defaultcurrency:{},usercurrency:{},clientstyling:{},clientstylingurl:{},enableautoscroll:{},tabsorder:{},translationurl:{},winnersdatasources:{},hascustomstyling:{}},[],[],!0);exports.default=pe;

package/es2015/casino-page-nd.cjs

@@ -1 +1 @@
-"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/CasinoPageNd-Cqqz6t1x.cjs")).then(({default:t})=>{!customElements.get("casino-page-nd")&&customElements.define("casino-page-nd",t.element)})}
+"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/CasinoPageNd-D6w-jb2t.cjs")).then(({default:t})=>{!customElements.get("casino-page-nd")&&customElements.define("casino-page-nd",t.element)})}

package/es2015/casino-page-nd.js

@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = n(customElements.define), import("../components/CasinoPageNd-DCpxLx_F.js").then(({ default: t }) => {
+  customElements.define = n(customElements.define), import("../components/CasinoPageNd-DhFHO5Eo.js").then(({ default: t }) => {
     !customElements.get("casino-page-nd") && customElements.define("casino-page-nd", t.element);
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page-nd",
-  "version": "1.52.3",
+  "version": "1.52.4",
   "type": "module",
   "main": "es2015/casino-page-nd.cjs",
   "module": "es2015/casino-page-nd.js",

package/stencil/app-globals-0f993ce5-D-kw1sls.js

@@ -0,0 +1,5 @@
+const o = () => {
+};
+export {
+  o as g
+};

package/stencil/app-globals-0f993ce5-sCt45RkC.cjs

@@ -0,0 +1 @@
+"use strict";const s=()=>{};exports.globalScripts=s;

package/stencil/casino-play-random-game-B5g4-G4Z.js

@@ -0,0 +1,577 @@
+var p = (n, e, a) => new Promise((t, o) => {
+  var m = (r) => {
+    try {
+      c(a.next(r));
+    } catch (h) {
+      o(h);
+    }
+  }, d = (r) => {
+    try {
+      c(a.throw(r));
+    } catch (h) {
+      o(h);
+    }
+  }, c = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(m, d);
+  c((a = a.apply(n, e)).next());
+});
+import { b as u, p as f, r as w, h as i, g as x } from "./index-eac6b960-DXIu1GM6.js";
+import { g as y } from "./app-globals-0f993ce5-D-kw1sls.js";
+var G = () => {
+  const n = import.meta.url, e = {};
+  return n !== "" && (e.resourcesUrl = new URL(".", n).href), f(e);
+};
+G().then((n) => p(void 0, null, function* () {
+  return yield y(), u([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], limitStylingAppends: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"] }]]]], n);
+}));
+const b = () => {
+  let n = window.navigator.userAgent;
+  return n.toLowerCase().match(/android/i) ? "Android" : n.toLowerCase().match(/iphone/i) ? "iPhone" : n.toLowerCase().match(/ipad|ipod/i) ? "iPad" : "PC";
+}, v = "en", l = {
+  en: {
+    error: "Error",
+    randomGameLoading: "Loading ...",
+    playRandomGame: "Play a random game",
+    playNowRandomGame: "Play now",
+    spinRandomGame: "Spin"
+  },
+  ro: {
+    error: "Error",
+    randomGameLoading: "Loading ...",
+    playRandomGame: "Play a random game",
+    playNowRandomGame: "Play now",
+    spinRandomGame: "Spin"
+  },
+  fr: {
+    error: "Error",
+    randomGameLoading: "Loading ...",
+    playRandomGame: "Play a random game",
+    playNowRandomGame: "Play now",
+    spinRandomGame: "Spin"
+  },
+  hr: {
+    error: "Greška",
+    randomGameLoading: "Učitavanje ...",
+    playRandomGame: "Igraj nasumičnu igru",
+    playNowRandomGame: "Igraj sada",
+    spinRandomGame: "Zavrti"
+  },
+  hu: {
+    error: "Error",
+    randomGameLoading: "Loading ...",
+    playRandomGame: "Play a random game",
+    playNowRandomGame: "Play now",
+    spinRandomGame: "Spin"
+  },
+  tr: {
+    error: "Hata",
+    randomGameLoading: "Yükleniyor...",
+    playRandomGame: "Rasgele bir oyun oyna",
+    playNowRandomGame: "Şimdi Oyna",
+    spinRandomGame: "DEĞİŞTİR"
+  }
+}, g = (n) => new Promise((e) => {
+  fetch(n).then((a) => a.json()).then((a) => {
+    Object.keys(a).forEach((t) => {
+      l[t] || (l[t] = {});
+      for (let o in a[t])
+        l[t][o] = a[t][o];
+    }), e(!0);
+  });
+}), s = (n, e) => {
+  const a = e;
+  return l[a !== void 0 && a in l ? a : v][n];
+}, R = `:host {
+  display: block;
+  font-family: inherit;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+:host * {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+.RandomGameWrapper {
+  width: 100%;
+  height: var(--emw--size-4x-medium, 700px);
+  background: transparent;
+  position: relative;
+  overflow: hidden;
+}
+
+.GameContainerGradient {
+  position: absolute;
+  top: 10%;
+  left: -5px;
+  width: 100vw;
+  height: 80%;
+  background: linear-gradient(90deg, var(--emw--color-background, rgba(0, 0, 0, 0.9)) 0%, rgba(14, 21, 17, 0.5) 25%, rgba(14, 21, 17, 0) 50%, rgba(14, 21, 16, 0.5) 75%, var(--emw--color-background, rgba(10, 0, 0, 0.9)) 100%);
+  pointer-events: none;
+  z-index: 1;
+  filter: blur(10px);
+}
+
+.GamesContainer {
+  display: flex;
+  height: var(--emw--size-4x-medium, 600px);
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  align-content: flex-start;
+  gap: var(--emw--spacing-large, 20px);
+}
+
+.RandomGameCard {
+  position: relative;
+  width: var(--emw--size-3x-medium, 300px);
+  height: var(--emw--size-4x-medium, 420px);
+  border-radius: var(--emw--border-radius-large, 20px);
+  top: 8%;
+  filter: blur(5px);
+}
+.RandomGameCard .RandomGameVendor {
+  position: absolute;
+  font-size: var(--emw--font-size-x-small, 12px);
+  bottom: var(--emw--spacing-small-minus, 10px);
+  left: var(--emw--spacing-small-minus, 10px);
+  color: var(--emw--color-typography, #FFFFFF);
+}
+
+.TheRandomGame {
+  animation-name: ZoomFadeIn;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+  -webkit-animation-name: ZoomFadeIn;
+  -webkit-animation-duration: 0.5s;
+  -webkit-animation-fill-mode: forwards;
+  opacity: 1;
+  cursor: pointer;
+  filter: blur(0);
+}
+
+.RandomGameImage {
+  width: inherit;
+  height: inherit;
+  object-fit: cover;
+  border-radius: var(--emw--border-radius-large, 20px);
+}
+
+.RandomGameDetails {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--emw--color-typography, #FFFFFF);
+  font-size: var(--emw--font-size-small, 14px);
+  width: 100%;
+}
+.RandomGameDetails .RandomGameTitle {
+  line-height: 18px;
+}
+.RandomGameDetails .RandomGameInfo {
+  border-radius: 50%;
+  width: var(--emw--spacing-medium, 16px);
+  height: var(--emw--spacing-medium, 16px);
+  font-size: var(--emw--font-size-x-small, 12px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  border: solid 1px var(--emw--color-typography, #FFFFFF);
+  text-align: center;
+  margin: var(--emw--spacing-2x-small, 4px) 0;
+  line-height: 14px;
+  cursor: pointer;
+}
+.RandomGameDetails .RandomGamePlay {
+  background: var(--emw--color-primary, #4bd004);
+  color: var(--emw--color-typography, #FFFFFF);
+  border: none;
+  border-radius: var(--emw--border-radius-medium, 5px);
+  width: 200px;
+  height: 40px;
+  font-size: var(--emw--font-size-small, 14px);
+  cursor: pointer;
+}
+
+.ButtonWrapper {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 20;
+}
+
+.ButtonContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  position: relative;
+}
+
+.ButtonIcon {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--emw--spacing-2x-small, 5px);
+}
+
+.QustionMark {
+  position: absolute;
+  font-family: sans-serif;
+  font-size: 120px;
+  font-weight: 900;
+  color: color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 10%);
+  text-shadow: 0px 12px 0px color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 50%);
+  left: 50%;
+  top: -20%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+
+.HexagonMarkShadow {
+  width: 100px;
+  height: 115px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 70%);
+  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
+}
+
+.HexagonMark {
+  position: absolute;
+  width: var(--emw--size-medium, 90px);
+  height: 105px;
+  background: linear-gradient(to bottom, color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 20%) 0%, var(--emw--categories-color-secondary, var(--emw--color-secondary, #eeac4a)) 100%);
+  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
+}
+
+.RandomButtons {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: var(--emw--spacing-2x-small, 5px);
+  width: 100%;
+  position: relative;
+  z-index: 10;
+}
+
+.RandomButton {
+  font-size: var(--emw--font-size-large, 20px);
+  text-transform: uppercase;
+  width: max-content;
+  border-radius: var(--emw--button-border-radius, 50px);
+  padding: var(--emw--spacing-large, 20px) var(--emw--spacing-2x-large, 40px);
+  border: solid 3px var(--emw--button-border-color, #063B17);
+  color: var(--emw--button-text-color, #FFFFFF);
+  opacity: 1;
+  animation: ButtonEffect 3s linear infinite;
+  background-image: linear-gradient(to right, var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E), black 30%), var(--emw--color-primary, #22B04E));
+  background-size: 300% 100%;
+  cursor: pointer;
+  position: relative;
+  z-index: 10;
+}
+.RandomButton:hover {
+  opacity: 0.8;
+}
+
+.HideAnimation {
+  filter: blur(5px);
+  animation: AnimateButton 0.2s forwards;
+}
+
+.Flip {
+  animation-name: Flip, Blur;
+  animation-duration: 0.75s, 3s;
+  animation-iteration-count: infinite, 1;
+  -webkit-animation-name: Flip, Blur;
+  -webkit-animation-duration: 0.75s, 3s;
+  -webkit-animation-iteration-count: infinite, 1;
+}
+
+@keyframes ButtonEffect {
+  0% {
+    background-position: 0% 50%;
+  }
+  33% {
+    background-position: 100% 50%;
+  }
+  66% {
+    background-position: 200% 50%;
+  }
+  100% {
+    background-position: 300% 50%;
+  }
+}
+@keyframes ZoomFadeIn {
+  0% {
+    transform: scale(0.2) translateY(0);
+    filter: blur(5px);
+    opacity: 0.3;
+  }
+  50% {
+    transform: scale(1.1) translateY(-30px);
+    filter: blur(2px);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1) translateY(-30px);
+    filter: blur(0px);
+    opacity: 1;
+  }
+}
+@keyframes AnimateButton {
+  0% {
+    opacity: 0.7;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 0;
+    display: none;
+  }
+}
+@keyframes Flip {
+  0% {
+    transform: rotateY(0deg);
+  }
+  50% {
+    transform: rotateY(180deg);
+  }
+  100% {
+    transform: rotateY(360deg);
+  }
+}
+@keyframes Blur {
+  0% {
+    filter: blur(0);
+  }
+  50% {
+    filter: blur(1px);
+  }
+  100% {
+    filter: blur(3px);
+  }
+}
+@container (max-width: 475px) {
+  .GamesContainer {
+    height: inherit;
+    gap: var(--emw--spacing-2x-small, 5px);
+  }
+  .RandomGameWrapper {
+    width: 100%;
+    height: 300px;
+    overflow: hidden;
+    background: transparent;
+    position: relative;
+  }
+  .GameContainerGradient {
+    position: absolute;
+    top: 10%;
+    left: -5px;
+    width: 100vw;
+    height: 80%;
+    background: linear-gradient(90deg, var(--emw--color-background, rgba(0, 0, 0, 0.9)) 0%, rgba(14, 21, 17, 0.2) 25%, rgba(14, 21, 17, 0) 50%, rgba(14, 21, 16, 0.2) 75%, var(--emw--color-background, rgba(10, 0, 0, 0.9)) 100%);
+    pointer-events: none;
+    z-index: 1;
+    filter: blur(5px);
+  }
+  .RandomGameCard {
+    width: 100px;
+    height: 150px;
+    top: 0%;
+    border-radius: var(--emw--border-radius-medium, 4px);
+    filter: blur(5px);
+  }
+  .RandomGameImage {
+    width: 102px;
+    height: inherit;
+    top: 0%;
+  }
+  .RandomGameDetails {
+    font-size: 14px;
+    width: 100%;
+  }
+  .RandomGameDetails .RandomGameTitle {
+    line-height: 18px;
+    width: 75%;
+  }
+  .RandomGameDetails .RandomGameInfo {
+    border-radius: 50%;
+    width: 16px;
+    height: 16px;
+    font-size: var(--emw--font-size-x-small, 12px);
+    line-height: 14px;
+  }
+  .RandomGameDetails .RandomGamePlay {
+    background: var(--emw--color-primary, #52d004);
+    color: var(--emw--color-typography, #FFFFFF);
+    border: none;
+    border-radius: 5px;
+    width: 200px;
+    height: 40px;
+    font-size: 14px;
+    cursor: pointer;
+  }
+  .RandomGameCard .RandomGameVendor {
+    font-size: var(--emw--font-size-x-small, 12px);
+    bottom: 5px;
+    right: 5px;
+  }
+  .RandomButtons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+    width: 100%;
+  }
+  .RandomButton {
+    font-size: var(--emw--font-size-x-small, 12px);
+    padding: 10px 15px;
+    border: solid 1px var(--emw--button-border-color, #063B17);
+  }
+  .QustionMark {
+    font-size: 100px;
+    font-weight: 700;
+  }
+  .HexagonMarkShadow {
+    width: 80px;
+    height: 95px;
+  }
+  .HexagonMark {
+    width: 70px;
+    height: 85px;
+  }
+}`, k = R, C = class {
+  constructor(n) {
+    w(this, n), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
+      let a = e.length, t;
+      for (; a !== 0; )
+        t = Math.floor(Math.random() * a), a--, [e[a], e[t]] = [e[t], e[a]];
+      return e;
+    }, this.setClientStyling = () => {
+      let e = document.createElement("style");
+      e.innerHTML = this.clientStyling, this.host.shadowRoot.prepend(e);
+    }, this.setClientStylingURL = () => {
+      let e = new URL(this.clientStylingUrl), a = document.createElement("style");
+      fetch(e.href).then((t) => t.text()).then((t) => {
+        a.innerHTML = t, this.clientStyling = t, setTimeout(() => {
+          this.host.shadowRoot.prepend(a);
+        }, 1);
+      });
+    }, this.endpoint = void 0, this.datasource = void 0, this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.limitStylingAppends = !1, this.isLoading = !0, this.gamesToShow = void 0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1;
+  }
+  watchEndpoint(n, e) {
+    n && n != e && this.endpoint && this.fetchGameList();
+  }
+  handleNewTranslations() {
+    this.isLoading = !0, g(this.translationUrl).then(() => {
+      this.isLoading = !1;
+    });
+  }
+  handleIsIconVisible() {
+    this.iconVisibility = this.iconVisible === "true";
+  }
+  connectedCallback() {
+    this.handleIsIconVisible();
+  }
+  componentWillLoad() {
+    if (this.translationUrl.length > 2 && g(this.translationUrl), this.endpoint && this.language && this.datasource)
+      return this.fetchGameList();
+  }
+  componentDidLoad() {
+    !this.limitStylingAppends && this.host && (this.clientStyling && this.setClientStyling(), this.clientStylingUrl && this.setClientStylingURL(), this.limitStylingAppends = !0);
+  }
+  fetchGameList() {
+    let n = new URL(`${this.endpoint}/v1/casino/games`);
+    return n.searchParams.append("platform", b()), n.searchParams.append("datasource", this.datasource), n.searchParams.append("fields", "gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"), n.searchParams.append("expand", "vendor"), n.searchParams.append("pagination", "offset=0,limit=423"), n.searchParams.append("language", this.language), this.specificCategory && n.searchParams.append("filter", `categories(id=${this.specificCategory})`), new Promise((e, a) => {
+      this.isLoading = !0, fetch(n.href).then((t) => t.json()).then((t) => {
+        this.gamesToShow = this.setUpGames(t == null ? void 0 : t.items), e(!0);
+      }).catch((t) => {
+        console.error(t), this.hasErrors = !0, a(t);
+      }).finally(() => {
+        this.isLoading = !1;
+      });
+    });
+  }
+  setUpGames(n) {
+    const e = this.shuffle(n).slice(0, 40);
+    return e.concat(e);
+  }
+  selectRandomGame() {
+    const n = this.gamesToShow.length / 2;
+    this.selectedGameIndex = Math.floor(Math.random() * (n - 3)), this.selectedGameIndex += n, this.selectedGameEl = this.gameContainer.children[this.selectedGameIndex];
+  }
+  playRandomGame() {
+    this.animateGames(), typeof gtag == "function" && gtag("event", "PlayRandomGame", {
+      context: "CasinoPlayRandomGame"
+    });
+  }
+  respin() {
+    this.animateGames(), typeof gtag == "function" && gtag("event", "RespinRandomGame", {
+      context: "CasinoPlayRandomGame"
+    });
+  }
+  animateGames() {
+    this.iconVisibility = this.iconVisibleOnAnim === "true", this.animationStarted = !0, this.animationDone = !1, this.animation && this.animation.cancel(), this.selectedGameEl && (this.selectedGameEl.classList.remove("TheRandomGame"), this.selectedGame = null, this.selectedGameIndex = null), this.selectRandomGame();
+    const n = window.getComputedStyle(this.gameContainer).getPropertyValue("gap"), e = parseInt(n, 10), a = this.selectedGameEl.offsetWidth, t = this.gameContainer.offsetWidth, o = (a + e) * this.selectedGameIndex + // Width of game cards up to the selected
+    a / 2 - // Additional half card width to center to the selected game
+    t / 2, m = [
+      { transform: "translateX(0px)", scale: 1 },
+      { scale: 0.75 },
+      { transform: `translateX(-${o}px)`, scale: 1 }
+    ], d = {
+      duration: 3e3,
+      easing: "cubic-bezier(0.5, 0, 0.5, 1.2)",
+      fill: "forwards"
+    };
+    this.animation = this.gameContainer.animate(m, d), this.animation.onfinish = () => {
+      this.animationDone = !0, this.selectedGameEl.classList.add("TheRandomGame"), this.selectedGame = this.gamesToShow[this.selectedGameIndex];
+    };
+  }
+  playGame() {
+    this.selectedGame && (window.postMessage({ type: "PlayRandomGame", gameId: this.selectedGame.id, launchUrl: this.selectedGame.launchUrl, gameName: this.selectedGame.name, subVendor: this.selectedGame.subVendor }, window.location.href), typeof gtag == "function" && gtag("event", "OpenRandomGame", {
+      context: "CasinoPlayRandomGame"
+    }));
+  }
+  showGameInfo() {
+    window.postMessage({ type: "InfoRandomGame", gameId: this.selectedGame.id, launchUrl: this.selectedGame.launchUrl, gameName: this.selectedGame.name, subVendor: this.selectedGame.subVendor }, window.location.href), typeof gtag == "function" && gtag("event", "OpenRandomGameInfo", {
+      context: "CasinoPlayRandomGame"
+    });
+  }
+  renderGameDetails() {
+    return i("div", { class: "RandomButtonsWrapper" }, i("div", { class: "RandomGameDetails" }, i("span", { class: "RandomGameTitle" }, this.selectedGame.name), i("span", { class: "RandomGameInfo", onClick: () => this.showGameInfo() }, "i")), i("div", { class: "RandomButtons" }, i("button", { class: "RandomButton On", onClick: () => this.respin() }, s("spinRandomGame", this.language)), !this.launchByGameCard && i("button", { class: "RandomButton On", onClick: () => this.playGame() }, s("playNowRandomGame", this.language))));
+  }
+  render() {
+    if (this.hasErrors)
+      return i("div", { class: "RandomGameError" }, i("div", { class: "Title" }, s("error", this.language)));
+    if (this.isLoading)
+      return i("div", { class: "RandomGameLoading" }, i("div", { class: "Title" }, s("randomGameLoading", this.language)));
+    if (!this.isLoading)
+      return i("div", { class: "RandomGameWrapper" }, i("div", { class: "GameContainerGradient" }), i("div", { class: "GamesContainer", ref: (n) => this.gameContainer = n }, this.gamesToShow && this.gamesToShow.map((n, e) => i("div", { class: "RandomGameCard", key: e, onClick: this.launchByGameCard === "true" ? () => this.playGame() : null }, i("div", { class: "RandomGameVendor" }, n.vendor.name), i("img", { class: "RandomGameImage", src: n.thumbnail, alt: n.name, title: n.name }), this.selectedGame && this.selectedGameIndex === e && this.renderGameDetails()))), i("div", { class: `ButtonWrapper  ${this.animationDone ? "HideAnimation" : ""}` }, i("div", { class: "ButtonContainer" }, this.iconVisibility && i("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, i("div", { class: "QustionMark" }, "?"), i("div", { class: "HexagonMarkShadow" }), i("div", { class: "HexagonMark" })), !this.animationStarted && i("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, s("playRandomGame", this.language)))));
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      endpoint: ["watchEndpoint"],
+      datasource: ["watchEndpoint"],
+      language: ["watchEndpoint"],
+      translationUrl: ["handleNewTranslations"],
+      iconVisible: ["handleIsIconVisible"]
+    };
+  }
+};
+C.style = k;
+export {
+  C as casino_play_random_game
+};