https://fry.games/assets/GamesPage-Bye5pujL.js

1import{y as ia,M as n,Y as ra,A as ca,C as Y,D as la,F as oa,G as D,S as na,_,I as u,J as da,$ as va,O as o,L as s,a8 as pa,a1 as i,K as h,X as r,a9 as ga,H as w,W as v,a4 as ua,V as M,a5 as ma,Z as ha}from"./index-BDkdJydj.js";import{h as fa}from"./svelte-head-D_5XC5HY.js";import{a as m}from"./actions-D7ou0p7s.js";import{g as ba}from"./games-BwX7FwqE.js";var _a=h(`<meta name="description" content="Explore Fry Games's Roblox game portfolio ranked by peak concurrent players.">`),ya=(T,y,d)=>o(y,s(d)),xa=h('<button type="button" role="tab"> </button>'),Ca=h('<li class="game-card"><div class="gc-art"><img loading="lazy" decoding="async"></div> <div class="gc-body"><h3 class="gc-title"> </h3> <div class="gc-meta"><svg class="gc-ccu-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><circle cx="12" cy="8" r="4"></circle><path d="M4 19.5c0-3.9 3.6-6.3 8-6.3s8 2.4 8 6.3z"></path></svg> <span class="gc-ccu-num"> </span> <small>CCU</small></div></div></li>'),Ga=h('<div class="ccu-floating-tooltip" aria-hidden="true"></div>'),ka=h('<div class="games-page"><div class="page-dot-field" aria-hidden="true"></div> <div class="games-light games-light-left"></div> <div class="games-light games-light-right"></div> <div class="games-light games-light-center"></div> <section class="games-hero" aria-label="Fry Games games hero"><div class="games-label" aria-label="Games"><span class="corner corner-tl"></span> <span class="corner corner-tr"></span> <strong>Games</strong> <span class="corner corner-bl"></span> <span class="corner corner-br"></span></div> <h1>Our experiences</h1> <p>Fry Games operates a portfolio of games played by millions worldwide.</p></section> <section class="games-board-section" aria-label="Fry Games game rankings"><div class="games-board-head"><div class="games-board-heading"><h2>All games</h2> <p><span>Ranked by peak concurrent players</span> <button type="button" class="ccu-info" aria-label="About CCU data" aria-describedby="ccu-info-desc"><svg class="ccu-info-glyph" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><text x="8" y="8" text-anchor="middle" dominant-baseline="central">?</text></svg></button></p></div> <div class="games-sort" role="tablist" aria-label="Sort games"><span>Sort</span> <div class="games-sort-pill"></div></div></div> <ul class="games-grid"></ul></section> <span id="ccu-info-desc" class="ccu-sr-only"></span> <!></div>');function La(T,y){ia(y,!1);const d=n(),$=n();let p=n(ra()||[]);const L=["Most active","Least active"];let g=n(L[0]);const F="CCU data may be inaccurate as it reflects peak concurrent users rather than live playercounts.";let x=n(!1),B=n(0),z=n(0);function A(a){var c;const e=(c=a.currentTarget)==null?void 0:c.getBoundingClientRect();e&&(o(B,e.left+e.width/2),o(z,e.top),o(x,!0))}function I(){o(x,!1)}ca(()=>{va().then(a=>{a.length&&o(p,a)}).catch(()=>{s(p).length||o(p,ba)})});function t(a,e=0){if(typeof window>"u")return{};const c=window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(a.style.setProperty("--reveal-delay",`${e}ms`),a.classList.add("page-reveal"),c)return a.classList.add("page-visible"),{};const l=new IntersectionObserver(([b])=>{b.isIntersecting&&(a.classList.add("page-visible"),l.unobserve(a))},{threshold:.16,rootMargin:"0px 0px -8% 0px"});return l.observe(a),{destroy(){l.disconnect()}}}Y(()=>s(p),()=>{o(d,[...s(p)].sort((a,e)=>e.ccu-a.ccu||(a.id??0)-(e.id??0)))}),Y(()=>(s(g),s(d)),()=>{o($,s(g)==="Least active"?[...s(d)].reverse():s(d))}),la(),oa();var O=ka();fa(a=>{var e=_a();pa.title="Games | Fry Games",u(a,e)});var R=i(r(O),8),S=r(R);m(S,a=>t==null?void 0:t(a));var U=i(S,2);m(U,(a,e)=>t==null?void 0:t(a,e),()=>60);var E=i(U,2);m(E,(a,e)=>t==null?void 0:t(a,e),()=>120);var P=i(R,2),C=r(P),V=r(C),H=i(r(V),2),f=i(r(H),2),J=i(V,2),K=i(r(J),2);D(K,5,()=>L,ma,(a,e)=>{var c=xa();c.__click=[ya,g,e];var l=r(c);w(()=>{v(c,"aria-selected",s(g)===s(e)),ua(c,"active",s(g)===s(e)),M(l,s(e))}),u(a,c)}),m(C,a=>t==null?void 0:t(a));var W=i(C,2);D(W,7,()=>s($),a=>a.id??a.title,(a,e,c)=>{var l=Ca(),b=r(l),G=r(b),q=i(b,2),k=r(q),N=r(k),Q=i(k,2),aa=i(r(Q),2),ea=r(aa);m(l,(sa,ta)=>t==null?void 0:t(sa,ta),()=>Math.min(s(c),12)*22),w(()=>{v(l,"style",`--gc-i:${s(c)}`),v(G,"src",s(e).image),v(G,"alt",`${s(e).title} artwork`),v(k,"title",s(e).title),M(N,s(e).title),M(ea,s(e).ccuLabel)}),ha(G),u(a,l)});var X=i(P,2);X.textContent=F;var Z=i(X,2);{var j=a=>{var e=Ga();e.textContent=F,w(()=>v(e,"style",`left: ${s(B)}px; top: ${s(z)}px;`)),u(a,e)};na(Z,a=>{s(x)&&a(j)})}_("mouseenter",f,A),_("mouseleave",f,I),_("focus",f,A),_("blur",f,I),u(T,O),da()}ga(["click"]);export{La as default};