1import{o as c,c as m,a as e,d as V,T as G,S as O,b as L,D as M,E as W,B as I,C as N,u as z,r as u,W as R,e as j,f as $,v as A,j as h,i as k,k as i,t as n,N as f,F as E,h as P,Z as U,n as Y,w as Z,s as q,_ as H}from"./index-0c2fc791.js";import{u as J}from"./urlGame-866d1310.js";import{L as K}from"./LoadingComponent-f00ffbe6.js";function Q(C,x){return c(),m("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e("path",{"fill-rule":"evenodd",d:"M4.5 5.653c0-1.426 1.529-2.33 2.779-1.643l11.54 6.348c1.295.712 1.295 2.573 0 3.285L7.28 19.991c-1.25.687-2.779-.217-2.779-1.643V5.653z","clip-rule":"evenodd"})])}const X={id:"outstanding-wrapper"},ee={class:"outstanding-container-top"},te={class:"outstanding-top-game-box flex gap-2 sm:gap-8 relative"},se={class:"image-top-game-box relative w-45"},ae=["src","alt"],oe={class:"outstanding-detail-game flex flex-col justify-between"},ne={class:"outstanding-detail-top mt-2 sm:mt-3"},ie={class:"text-lg font-semibold text-title"},le={class:"text-sm mt-1 sm:text-base"},ce={class:"text-[#FFD438] text-sm sm:text-base"},re={class:"outstanding-detail-bottom mb-2 sm:mb-4"},de={class:"text-sm sm:text-base text-[#FFD438]"},me={class:"outstanding-container-bottom pb-2"},ue={class:"title-list-game"},ge={class:""},_e={class:"text-[#FFD438]"},pe={class:"outstanding-game-box grid grid-cols-2 md:grid-cols-4 gap-3 overflow-auto max-h-56"},ve=["onClick"],he=["src","alt"],fe={class:"absolute bottom-2 left-0 text-center w-full text-ellipsis whitespace-nowrap overflow-hidden"},xe={class:"text-[11px] text-[#FFD438] font-semibold"},be={class:"text-[11px] text-center whitespace-nowrap overflow-x-hidden text-ellipsis"},we={class:"text-[#FFD438] text-[11px]"},ye=V({__name:"OutstandingView",setup(C){G();const x=O();L();const B=J(),F=M(),{setData:r}=W(F),g=I(),D=N(),{t:d}=z(),b=u(!1),_=u(!1),l=u(r.value[0]||{}),p=u(0),v=u(!0);R(async()=>{g.setTitle("Outstanding"),g.setWidth("560px")}),j(async()=>{window.innerWidth<600&&(b.value=!0),setTimeout(()=>{r.value&&r.value.length>0&&(l.value=r.value[0],v.value=!1)},800)}),$(async()=>{D.setTitle(""),g.setWidth("")});const w=async(t,a)=>{p.value=a,_.value=!0;const o={game:t.game_id,gameid:t.game_list_id,typegame:t.game_type,isMobile:b.value,namegame:t.game_list_name,namebrand:t.game_name,url:window.location.origin};try{const s=await Z.accessGame(o);s.code===200&&s.error_code===0?(["SPORT"].includes(t.game_type.toUpperCase())?setTimeout(()=>{window.open(s.payload.url)}):(B.setData(s.payload.url),localStorage.setItem("game_type",t.game_type),localStorage.setItem("brand_name",t.game_name),x.push("/play")),_.value=!1):(q.error(s.message),_.value=!1),setTimeout(()=>{g.setCompo("")},100)}catch(s){console.log(s)}},y=t=>_.value&&p.value===t,S=(t,a)=>{p.value=a,t&&(l.value=t)};return(t,a)=>(c(),m("div",X,[v.value?(c(),A(K,{key:0,height:"400"})):h("",!0),e("div",{class:Y(["outstanding-container",[v.value?"hidden":"block"]])},[e("div",ee,[e("div",te,[e("div",se,[l.value.game_image?(c(),m("img",{key:0,src:l.value.game_image,alt:l.value.game_image,loading:"lazy",class:"w-56 h-auto sm:h-48 rounded-lg"},null,8,ae)):h("",!0),e("div",{onClick:a[0]||(a[0]=o=>w(l.value,p.value)),class:"play-icon-box absolute -bottom-1 -right-0 sm:-right-3 active rounded-full w-10 h-10 text-sm flex justify-center items-center cursor-pointer hover:-translate-y-1 duration-150 ease-out hover:brightness-75"},[k(i(Q),{class:"w-7 h-7 icon-play"})])]),e("div",oe,[e("div",ne,[e("h4",ie,n(l.value.game_list_name),1),e("p",le,[f(n(i(d)("outstanding.gameBrand"))+": ",1),e("span",ce,n(l.value.game_name),1)])]),e("div",re,[e("p",de,n(i(d)("outstanding.warningMsg")),1)])])])]),a[2]||(a[2]=e("div",{class:"relative line-center"},[e("div",{class:"inset-0 flex items-center my-3","aria-hidden":"true"},[e("div",{class:"w-full border-t border-gray-300"})])],-1)),e("div",me,[e("div",ue,[e("p",ge,[f(n(i(d)("outstanding.outstandingGame"))+" ",1),e("span",_e,"("+n(i(r).length)+" "+n(i(d)("outstanding.game"))+")",1)])]),e("div",pe,[(c(!0),m(E,null,P(i(r),(o,s)=>(c(),m("div",{class:"outstanding-game-list cursor-pointer",key:s},[e("div",{class:"image-content",onClick:T=>S(o,s)},[o.game_image?(c(),m("img",{key:0,src:o.game_image,alt:o.game_image,loading:"lazy",class:"rounded-lg"},null,8,he)):h("",!0),a[1]||(a[1]=e("div",{class:"overlay-content"},null,-1)),e("div",fe,[e("h4",xe,n(o.game_list_name),1),e("p",be,[f(n(i(d)("outstanding.gameBrand"))+": ",1),e("span",we,n(o.game_name),1)])])],8,ve),k(U,{title:i(d)("played"),disabled:y(s),loading:y(s),bg:"active",color:"white",class:"active my-1 !w-[98%] mx-auto text-center !h-8",onClick:T=>w(o,s)},null,8,["title","disabled","loading","onClick"])]))),128))])])],2)]))}});const Fe=H(ye,[["__scopeId","data-v-f7b5bc35"]]);export{Fe as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.