https://www.robinhoodbingo.com/app/chunk-CMB5KZRG.js

1import{E as $}from"./chunk-4ZH7OCQT.js";import"./chunk-TYHNJDIL.js";import"./chunk-FPGJCOAR.js";import{Bb as w,Gc as f,Hb as I,Lb as d,Mb as _,Qa as g,Rb as l,Sb as u,Ta as y,Tb as x,Ua as r,Ub as c,Uc as v,Vc as k,Zb as O,_ as s,cb as D,ea as b,ec as h,fa as C,gc as p,jb as B,oc as S,pc as T,qb as M,zb as P}from"./chunk-TU7EUU3B.js";import"./chunk-IMPBB4AK.js";var N=["parallax"],V=()=>[import("./chunk-L6WEBRFO.js").then(n=>n.NgStyle)],z=n=>({"background-image":n}),X=n=>({background:n});function Y(n,t){if(n&1){let e=O();u(0,"div",3,0),h("mousemove",function(o){b(e);let a=p(2);return C(a.bannerHover(o))}),c(2,"img",4),x()}if(n&2){let e=p(2);l("ngStyle",f(2,z,e.bannerBackgroundDesktop)),r(2),l("src",e.logoImg,g)}}function Q(n,t){if(n&1&&(u(0,"div",2)(1,"div",5)(2,"div",6),c(3,"img",4),x()()()),n&2){let e=p(2);r(2),l("ngStyle",f(2,X,e.bannerBackgroundMobile)),r(),l("src",e.logoImg,g)}}function R(n,t){if(n&1&&(d(0,Y,3,4,"div",1),d(1,Q,4,4,"div",2)),n&2){let e=p();_(e.device!=="mobile"?0:-1),r(),_(e.device==="mobile"?1:-1)}}function U(n,t){n&1&&c(0,"div")}var G=class n{utilityService=s($);renderer=s(D);appData=v(null);id=v("0");device="0";bannerBackgroundMobile="";bannerBackgroundDesktop="";logoImg="";myElement=k("parallax");parallax(t){let e=this.myElement();if(e){let i=window.innerWidth/2,o=window.innerHeight/2,a=t.clientX,m=t.clientY,E=`${50-(a-i)*.02}% ${50-(m-o)*.03}%`,F=`${50-(a-i)*.01}% ${50-(m-o)*.02}%`,H=`${`${50-(a-i)*.03}% ${50-(m-o)*.07}%`}, ${F}, ${E}`;this.renderer.setStyle(e.nativeElement,"backgroundPosition",H)}}bannerHover(t){this.parallax(t)}ngOnInit(){this.appData()&&(this.device=this.utilityService.getDevice(),this.bannerBackgroundMobile=`url(${this.utilityService.getFixedImagePath(this.appData()?.topBannerBg)}) top center/ cover no-repeat`,this.bannerBackgroundDesktop=`url(${this.utilityService.getFixedImagePath(this.appData()?.topBannerBackItems)}),
2                                          url(${this.utilityService.getFixedImagePath(this.appData()?.topBannerImageFrontItems)}),
3                                          url(${this.utilityService.getFixedImagePath(this.appData()?.topBannerBg)})`,this.logoImg=`${this.utilityService.getFixedImagePath(this.appData()?.topBannerImageLogo)}`)}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=B({type:n,selectors:[["top-game-banner"]],viewQuery:function(e,i){e&1&&S(i.myElement,N,5),e&2&&T()},hostBindings:function(e,i){e&1&&h("mousemove",function(a){return i.parallax(a)},y)},inputs:{appData:[1,"appData"],id:[1,"id"]},decls:4,vars:0,consts:[["parallax",""],["id","parallax",3,"ngStyle"],[1,"parallax_container_mobile"],["id","parallax",3,"mousemove","ngStyle"],["alt","top banner",3,"src"],[1,"parallax_section_mobile","parallax_back"],[1,"parallax_bg",3,"ngStyle"]],template:function(e,i){e&1&&(M(0,R,2,2)(1,U,1,0),P(2,0,V,null,1),w(),I(0,-1))},styles:["#parallax[_ngcontent-%COMP%]{position:relative;width:100%;height:65vh;background-repeat:no-repeat;background-position:center;background-position:50% 50%}#parallax[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:960px;max-height:374px;height:100%}.parallax_bg[_ngcontent-%COMP%]{height:122vw}.parallax_section_mobile.parallax_back[_ngcontent-%COMP%]{z-index:-1}.parallax_bg[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .parallax_bannerImgMobile[_ngcontent-%COMP%]{width:100%}.parallax_content_mobile[_ngcontent-%COMP%]{display:flex;align-items:flex-start;justify-content:center;color:#fff;z-index:10}.parallax_content_mobile[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%}@media (min-width: 768px) and (max-width: 1300px){#parallax[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{max-width:760px;max-height:296px}#parallax[_ngcontent-%COMP%]{height:50vh}}"],changeDetection:0})};export{G as TopGameBannerComponent};