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

1import{E as N}from"./chunk-4ZH7OCQT.js";import"./chunk-TYHNJDIL.js";import{da as S,ga as G}from"./chunk-FPGJCOAR.js";import{Bc as b,Gc as I,Kc as w,Lb as c,Lc as B,Mb as p,Pa as y,Qa as s,Rb as o,Sb as r,Tb as m,Ua as a,Ub as l,Uc as g,Zb as P,_,ea as u,ec as f,fa as x,gc as d,jb as v,na as C,qa as M,tc as O}from"./chunk-TU7EUU3B.js";import"./chunk-IMPBB4AK.js";var z=n=>({"background-image":n});function D(n,i){if(n&1&&(r(0,"div",1),l(1,"span",9),w(2,"lowercase"),m()),n&2){let e=d();a(),O(b("badge_",B(2,4,e.gameBadge))),o("innerHTML",e.gameBadge,y)}}function U(n,i){if(n&1&&(r(0,"div",2),l(1,"img",10),m()),n&2){let e=d();a(),o("src",e.loaderGifImage,s)}}function L(n,i){if(n&1){let e=P();r(0,"a",11),f("click",function(){u(e);let h=d();return x(h.utilityService.manualNavigation("/"+h.gameName.toLowerCase().split(" ").join("-")))}),m()}if(n&2){let e=d();o("ngStyle",I(1,z,e.moreInfoIcon))}}var k=class n{utilityService=_(N);game=g();gameIndex=g();gamesURL=g("");isMoreInfoBtn=g();isMoreInfoBtnC=C(this.isMoreInfoBtn()??0);loaderGif=g();gameName="";gameImage="";gameBadge="";playBtnSrc;moreInfoIcon;showBadge;loaderGifImage;id=g("0");ngOnChanges(){let i=this.game();if(i!==void 0){this.gameName=i.name,this.gameImage=this.utilityService.getFixedImagePath("shared/games/"+i.home_thumbnail_src),this.gameBadge=i.badge_txt,this.playBtnSrc=this.utilityService.getFixedImagePath("shared/games/play.jpg"),this.moreInfoIcon=`url(${this.utilityService.getFixedImagePath("3009974.png")})`;let e=this.loaderGif();this.loaderGifImage=e&&this.loaderGif()!=""?this.utilityService.getFixedImagePath(e):"";let t=this.isMoreInfoBtn();this.isMoreInfoBtnC.set(t&&this.isMoreInfoBtn()!=""?Number(t):0),["New","Hot","Bingo","Bonus-rounds","Top-notch","Progressive","Exclusive"].includes(this.gameBadge)&&(this.showBadge=!0)}}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=v({type:n,selectors:[["app-game"]],inputs:{game:[1,"game"],gameIndex:[1,"gameIndex"],gamesURL:[1,"gamesURL"],isMoreInfoBtn:[1,"isMoreInfoBtn"],loaderGif:[1,"loaderGif"],id:[1,"id"]},features:[M],decls:9,vars:9,consts:[[1,"game-image",3,"click","id"],[1,"ribbon"],[1,"loader_gif_container"],["loading","lazy",1,"game-image-imgtag",3,"src","alt"],[1,"game-image-action"],[3,"href"],[1,"vertical-align-helper"],["alt","play button","loading","lazy",3,"src"],["type","button",1,"games_info_btn",3,"ngStyle"],[3,"innerHTML"],["alt","game loader","loading","lazy",1,"loader_gif",3,"src"],["type","button",1,"games_info_btn",3,"click","ngStyle"]],template:function(e,t){e&1&&(r(0,"div",0),f("click",function(){return t.utilityService.manualNavigation(t.gamesURL())}),c(1,D,3,6,"div",1),c(2,U,2,1,"div",2),l(3,"img",3),r(4,"div",4)(5,"a",5),l(6,"span",6)(7,"img",7),m()(),c(8,L,1,3,"a",8),m()),e&2&&(o("id",b("gameIndex_",t.gameIndex())),a(),p(t.showBadge?1:-1),a(),p(t.loaderGifImage?2:-1),a(),o("src",t.gameImage,s)("alt",t.gameName),a(2),o("href",t.gamesURL(),s),a(2),o("src",t.playBtnSrc,s),a(),p(t.isMoreInfoBtn()?8:-1))},dependencies:[S,G],styles:['.loader_gif_container[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center}.loader_gif[_ngcontent-%COMP%]{max-width:100%;max-height:100%}.game-image[_ngcontent-%COMP%]{display:inline-block;position:relative;width:220px;height:130px;margin:6px}.game-image[_ngcontent-%COMP%]   .game-image-imgtag[_ngcontent-%COMP%]{width:100%;height:100%;transition:height .3s;border-radius:4px;box-shadow:1px 1px 3px #888;position:relative;content-visibility:auto}.game-image.hidden-game[_ngcontent-%COMP%]{display:none}.game-image.hidden-game[_ngcontent-%COMP%]   .game-image-imgtag[_ngcontent-%COMP%]{height:0}.game-image-action[_ngcontent-%COMP%]{background:#16021f99;position:ABSOLUTE;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .3s ease-out;cursor:pointer;border-radius:4px}.game-image-action[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{height:60px;width:60px;transition:height .5s}.game-image-action[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:60%;transition:height .3s;vertical-align:middle}.vertical-align-helper[_ngcontent-%COMP%]{height:100%;vertical-align:middle;display:inline-block}.game-image[_ngcontent-%COMP%]:hover   .game-image-action[_ngcontent-%COMP%]{visibility:visible;opacity:1}

1.game-image[_ngcontent-%COMP%]:hover   .game-image-name[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{bottom:12px}.game-image[_ngcontent-%COMP%]:hover   .game-image-action[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:100%}.game-image-action[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{cursor:pointer}.game-image-name[_ngcontent-%COMP%]{position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(transparent,#00000073);height:40px;border-radius:0 0 4px 4px;cursor:pointer}.game-image-name[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{position:absolute;bottom:6px;left:6px;color:#fff;font-family:inherit;font-size:12px;transition:bottom .2s linear}.ribbon[_ngcontent-%COMP%]{position:absolute;left:-5px;top:-5px;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:9px;font-weight:700;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;left:-21px;letter-spacing:1.5px;font-family:inherit;border-color:#999;z-index:1}.ribbon[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:before{border-color:inherit;content:"";position:absolute;left:0;top:100%;z-index:-1;border-left-width:3px;border-left-style:solid;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top-width:3px;border-top-style:solid}.ribbon[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:after{border-color:inherit;content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right-width:3px;border-right-style:solid;border-bottom:3px solid transparent;border-top-width:3px;border-top-style:solid}.games_info_btn[_ngcontent-%COMP%]{height:24px;width:24px;display:block;position:absolute;bottom:5px;right:5px;cursor:pointer}@media (max-width: 600px){.game-image[_ngcontent-%COMP%]{width:100%;flex:0 46%;margin:0;height:136px}

1.game-image-action[_ngcontent-%COMP%], .game-image-name[_ngcontent-%COMP%]{display:none}}@media (max-width: 450px){.game-image[_ngcontent-%COMP%]{height:110px}}@media (max-width: 350px){.game-image[_ngcontent-%COMP%]{height:82px}}'],changeDetection:0})};export{k as GameComponent};