1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./C2oOSfQe.js","./C26W7S8j.js","./entry.DAo9Ftd7.css","./7wMypmDb.js","./xZY4X2Xx.js","./Pjh1osKz.js","./2DcfzLVV.js","./DNWNl8Wb.js","./BhqMPIgU.js","./B-XBVDiQ.js","./formatCurrency.iLHk2OFp.css","./CMULfTj5.js","./D0cfxQ8e.js","./wpeiY08x.js","./CMbw-Dd0.js","./BOKv71j0.js","./Bf6EPoS7.js","./DOqVEz3w.js","./DKwyFBYe.js","./DYY-7ULT.js","./Osk8JMkx.js","./D4w1BhjU.js","./CjqvqcNm.js","./ChiVo1vV.js","./JFY75wOh.js","./CMDn6_H0.js","./cbaq_7OE.js","./DYEunSCc.js","./B_7I4uFB.js","./qP3i5dFJ.js","./Bhuknu0k.js","./BpkpGQed.js","./BgXuAw4R.js","./CEmgLrJ3.js","./DBop_cKw.js","./DzvvP9lk.js","./oHM1JWlB.js","./CtEdZtyY.js","./erdW0WVO.js","./DbLFiYBt.js","./vzxiJTID.js","./Co4esUYm.js","./Dq0lD17A.js","./BsSGQrZM.js","./o0lNKnB-.js","./CWuhARiB.js","./Bm5ArJWi.js","./DqXJi023.js","./SUrKQVxI.js","./DdCo6hjC.js"])))=>i.map(i=>d[i]); 2import{o as Z,A as ee,d as j,c as n,e as s,k as e,g as i,fP as V,b as t,F as M,m as N,n as $,t as l,p as _,dQ as $e,q as A,j as D,l as B,h as ze,U as Y,V as X,an as O,Y as F,s as G,dt as se}from"./C26W7S8j.js";import{x as Me,T as R,n as te,_ as Te,u as Ie,b as Le,r as De,p as le,q as ie,o as Ee,v as Be,s as Ue,c as Oe,g as Ae,e as Q,f as Se,w as Re}from"./Pjh1osKz.js";import Ce from"./CpyoA3dd.js";import je from"./f1DzcE35.js";import Pe from"./BujUWdCv.js";import{c as He,d as ae,b as Ne}from"./2DcfzLVV.js";import Ve from"./DqVii1qI.js";import Ge from"./BeMYOBuM.js";import We from"./CJ1mC9c7.js";import re from"./DniIXVOC.js";import{_ as Fe}from"./xZY4X2Xx.js";import"./DNWNl8Wb.js";import"./BhqMPIgU.js";import"./B-XBVDiQ.js";import"./CMULfTj5.js";import"./D0cfxQ8e.js";const qe=({textVideo:o,carVideo:f,fortuneVideo:d,titleTrack:p,uiTrack:r})=>{[o,f,d].forEach(y=>{y.currentTime=0,y.play().catch(()=>{})});const c=p.animate([{transform:"translateY(176px)"},{transform:"translateY(0)"}],{duration:2e3,easing:"cubic-bezier(0.4, 0, 0.2, 1)",fill:"forwards"}),h=r.animate([{opacity:0,offset:0},{opacity:0,offset:5/6},{opacity:1,offset:1}],{duration:6e3,easing:"linear",fill:"both"});return()=>{c.cancel(),h.cancel()}},Ye=({textVideo:o,carVideo:f,fortuneVideo:d,titleTrack:p,uiTrack:r})=>{let c;Z(()=>{window.matchMedia("(prefers-reduced-motion: reduce)").matches||!o.value||!f.value||!d.value||!p.value||!r.value||(c=qe({textVideo:o.value,carVideo:f.value,fortuneVideo:d.value,titleTrack:p.value,uiTrack:r.value}))}),ee(()=>c?.())},Xe={class:"relative w-full overflow-x-auto overflow-y-hidden bg-[#f2be69]","aria-label":"SÄn Túi Thần Tà i"},Ke={class:"relative h-promotion min-w-[1440px]"},Je={class:"relative mx-auto h-promotion w-[1440px] overflow-hidden"},Qe=["src"],Ze=["src"],et=["poster"],tt=["src"],ot=["src"],nt={class:"pointer-events-none absolute left-[960px] top-[169px] z-[3] flex h-[274px] w-[223px] items-center justify-center"},st={class:"relative h-[256px] w-[199px] rotate-[-5.61deg]"},at=["poster"],lt=["src"],it=["src"],rt={class:"absolute left-25 top-[61px] h-[377px] w-[342px]"},dt={class:"absolute left-1/2 top-[69px] flex w-[271px] -translate-x-1/2 flex-col gap-1"},pt={class:"flex w-[175px] flex-col gap-px"},ct={class:"flex items-center gap-1"},ut={class:"relative size-5 overflow-hidden","aria-hidden":"true"},xt={class:"text-[13px] font-normal uppercase text-[#b11d02]"},bt={class:"line-clamp-1 text-[12px] font-semibold leading-[15px] text-[#1f1f1f]"},gt={class:"line-clamp-1 min-h-[15px] text-[12px] font-semibold leading-[15px] text-[#1f1f1f]"},ft={class:"flex items-baseline gap-1 whitespace-nowrap font-bold uppercase text-[#b11d02]"},mt={class:"text-[20px] leading-none"},ht={class:"text-[12px] leading-none"},wt={key:0,class:"flex size-[72px] shrink-0 items-center justify-center overflow-hidden"},_t={key:0,class:"grid h-[269px] place-items-center text-center text-sm font-bold text-[#7b3612]"},yt={class:"absolute left-[482px] top-[376px] z-10 h-[104px] w-[527px]"},vt={class:"absolute left-[1060px] top-[61px] z-20 h-[317px] w-[280px]"},kt={class:"absolute inset-0 overflow-hidden"},$t={class:"absolute left-[38px] top-[85px] flex w-[206px] flex-col items-center text-center uppercase"},zt={class:"flex flex-col gap-px"},Mt={class:"text-[30px] font-bold leading-[38px] text-[#b11d02]"},Tt={class:"flex flex-col gap-px whitespace-nowrap"},It={class:"text-[24px] font-black leading-[30px] text-[#b11d02]"},Lt={class:"text-[14px] font-semibold text-[#b11d02]"},Dt={key:1,class:"flex flex-col items-center"},Et=j({__name:"Desktop",emits:["openRules"],setup(o,{emit:f}){const{prizes:d,stats:p}=Me(),r=f,c=A(),h=A(),y=A(),T=A(),g=A();return Ye({textVideo:c,carVideo:h,fortuneVideo:y,titleTrack:T,uiTrack:g}),(v,x)=>{const a=V;return n(),s("section",Xe,[e("div",Ke,[i(a,{src:"/images/tui-mu/hero-banner/campaign-hero-background.webp",alt:"",width:"1440",height:"500",loading:"eager",fetchpriority:"high","aria-hidden":"true",class:"pointer-events-none absolute inset-0 size-full object-cover object-center"}),x[9]||(x[9]=e("div",{class:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[80px] bg-[linear-gradient(180deg,rgba(242,190,105,0)_0%,#f2be69_100%)]","aria-hidden":"true"},null,-1)),e("div",Je,[e("video",{ref_key:"carVideoRef",ref:h,class:"pointer-events-none absolute left-[383px] top-[118px] z-[2] h-[378px] w-[672px] object-fill drop-shadow-[0_15px_25px_rgba(0,0,0,0.4)]",width:"672",height:"378",preload:"auto",muted:"",playsinline:"","aria-hidden":"true"},[e("source",{src:("TUI_MU_MEDIA"in v?v.TUI_MU_MEDIA:t(R)).hero.bmwGrandPrizeIntroAnimation.mp4,type:'video/mp4; codecs="hvc1"'},null,8,Qe),e("source",{src:("TUI_MU_MEDIA"in v?v.TUI_MU_MEDIA:t(R)).hero.bmwGrandPrizeIntroAnimation.webm,type:"video/webm"},null,8,Ze)],512),e("div",{ref_key:"titleTrackRef",ref:T,class:"pointer-events-none absolute left-[481px] top-[-50px] z-[4] h-[295px] w-[497px]"},[e("video",{ref_key:"textVideoRef",ref:c,class:"size-full object-fill",width:"497",height:"295",preload:"auto",poster:("TUI_MU_MEDIA"in v?v.TUI_MU_MEDIA:t(R)).hero.campaignTitleIntroAnimation.poster,muted:"",playsinline:"","aria-hidden":"true"},[e("source",{src:("TUI_MU_MEDIA"in v?v.TUI_MU_MEDIA:t(R)).hero.campaignTitleIntroAnimation.mp4,type:'video/mp4; codecs="hvc1"'},null,8,tt),e("source",{src:("TUI_MU_MEDIA"in v?v.TUI_MU_MEDIA:t(R)).hero.campaignTitleIntroAnimation.webm,type:"video/webm"},null,8,ot)],8,et)],512),e("div",nt,[e("div",st,[e("video",{ref_key:"fortuneVideoRef",ref:y,class:"absolute left-[-153px] top-[-13px] h-[282px] w-[501px] max-w-none object-fill drop-shadow-[0_10px_20px_rgba(0,0,0,0.35)]",width:"501",height:"282",preload:"auto",poster:("TUI_MU_MEDIA"in v?v.TUI_MU_MEDIA:t(R)).hero.fortuneGodIntroAnimation.poster,loop:"",muted:"",playsinline:"","aria-hidden":"true"},[e("source",{src:("TUI_MU_MEDIA"in v?v.TUI_MU_MEDIA:t(R)).hero.fortuneGodIntroAnimation.mp4,type:'video/mp4; codecs="hvc1"'},null,8,lt),e("source",{src:("TUI_MU_MEDIA"in v?v.TUI_MU_MEDIA:t(R)).hero.fortuneGodIntroAnimation.webm,type:"video/webm"},null,8,it)],8,at)])]),e("div",{ref_key:"uiTrackRef",ref:g,class:"absolute inset-0 z-20 opacity-0 motion-reduce:opacity-100"},[e("div",rt,[i(a,{src:"/images/tui-mu/hero-banner/weekly-leaderboard-prize-panel-background.webp",alt:"",width:"342",height:"377",loading:"lazy","aria-hidden":"true",class:"absolute inset-0 size-full"}),x[1]||(x[1]=e("h2",{class:"absolute inset-x-0 top-[13px] text-center text-[20px] font-black uppercase text-white"}," Äua top tuần ",-1)),e("div",dt,[(n(!0),s(M,null,N(t(d)??[],u=>(n(),s("article",{key:u.rank,class:"flex h-[87px] items-center justify-between overflow-hidden rounded border border-[#f79009] bg-[#fbe2b8] px-2 py-[5px]"},[e("div",pt,[e("div",ct,[e("span",ut,[i(a,{src:("TUI_MU_SHARED_IMAGES"in v?v.TUI_MU_SHARED_IMAGES:t(te)).leaderboardRankMedal
2Sprite,alt:"",width:"73",height:"52",loading:"lazy","aria-hidden":"true",class:$(["absolute top-[-14.7px] h-[51.76px] w-[73.33px] max-w-none",{"left-[-4.16px]":u.rank===1,"left-[-26.32px]":u.rank===2,"left-[-49.19px]":u.rank===3}])},null,8,["src","class"])]),e("span",xt,"Giải "+l(u.rank),1)]),e("strong",bt,l(u.title),1),e("p",gt,l(u.description),1),e("p",ft,[e("span",mt,l(u.amount),1),e("span",ht,l(u.currency),1)])]),u.image?(n(),s("span",wt,[i(a,{src:u.image,alt:u.title??u.description??"",width:"72",height:"90",loading:"lazy",class:"h-[90px] w-[72px] object-contain"},null,8,["src","alt"])])):_("",!0)]))),128)),t(d)?.length?_("",!0):(n(),s("p",_t," Dữ liá»u Äang Äược cáºp nháºt "))])]),e("div",yt,[i(a,{src:"/images/tui-mu/hero-banner/weekly-bmw-grand-prize-banner.webp",alt:"",width:"527",height:"104",loading:"lazy","aria-hidden":"true",class:"absolute inset-0 size-full"}),x[2]||(x[2]=$e('<span class="absolute left-[176px] top-2 text-[16px] font-black uppercase text-[#012b5f]">Giải Äặc biá»t</span><strong class="absolute left-[37px] top-[43px] text-[24px] font-black uppercase text-white"> BMW 320i Sport Line 2026 </strong><span class="absolute right-[18px] top-[31px] flex w-[73px] flex-col text-center uppercase text-white"><strong class="text-[24px] font-black leading-[29px]">1 xe</strong><span class="text-[14px] leading-[17px]">má»i tuần</span></span>',3))]),e("div",vt,[e("div",kt,[i(a,{src:"/images/tui-mu/hero-banner/campaign-stats-panel-background.webp",alt:"",width:"305",height:"341",loading:"lazy","aria-hidden":"true",class:"absolute left-[-5.14%] top-[-4.46%] h-[107.54%] w-[108.81%] max-w-none"})]),x[7]||(x[7]=e("h2",{class:"absolute inset-x-0 top-[13px] text-center text-[20px] font-black uppercase text-white"}," Thá»ng kê ",-1)),e("div",$t,[t(p)?(n(),s(M,{key:0},[e("div",zt,[x[3]||(x[3]=e("span",{class:"text-[14px] font-semibold text-[#1f1f1f]"},"Túi Äã má»",-1)),e("strong",Mt,l(t(p).totalOpened),1)]),x[5]||(x[5]=e("div",{class:"my-6 h-px w-[152px] bg-[#b11d02]/40"},null,-1)),e("div",Tt,[x[4]||(x[4]=e("span",{class:"text-[14px] font-semibold text-[#1f1f1f]"},"Tá»ng giá trá» Äã nháºn",-1)),e("strong",It,l(t(p).totalValueAwarded.amount),1),e("span",Lt,l(t(p).totalValueAwarded.currency),1)])],64)):(n(),s("div",Dt,[i(a,{src:"/images/tui-mu/hero-banner/campaign-stats-empty-state-artwork.webp",alt:"",width:"156",height:"156",loading:"lazy","aria-hidden":"true",class:"size-[156px] object-contain"}),x[6]||(x[6]=e("p",{class:"text-sm font-bold normal-case text-[#7b3612]"},"Dữ liá»u Äang Äược cáºp nháºt",-1))]))])]),e("button",{type:"button",class:"absolute left-[1105px] top-[386px] h-[48px] w-[191px] rounded-[17px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white","aria-label":"Xem thá» lá» SÄn Túi Thần Tà i",onClick:x[0]||(x[0]=u=>r("openRules"))},[i(a,{src:"/images/tui-mu/hero-banner/campaign-rules-button-artwork.webp",alt:"",width:"190",height:"48",loading:"lazy","aria-hidden":"true",class:"absolute inset-0 size-full rounded-[17px]"}),x[8]||(x[8]=e("span",{class:"absolute left-[56px] top-1/2 -translate-y-1/2 whitespace-nowrap text-[18px] font-semibold uppercase text-white"}," Xem thá» lá» ",-1))])],512)])])])}}}),Bt=Y(()=>X(()=>import("./C2oOSfQe.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]),import.meta.url).then(o=>o.default||o)),Ut={class:"relative h-[384px] min-w-[1440px] overflow-visible","aria-label":"Xá» sá» Äặc biá»t"},Ot={class:"relative mx-auto h-[384px] w-account overflow-visible"},At={key:1,class:"absolute inset-0 z-image-aboveOverlay animate-pulse motion-reduce:animate-none","aria-label":"Äang tải kết quả xá» sá»",role:"status"},St={class:"absolute left-[400px] top-[143px] flex h-[90px] w-[485px] items-center justify-center"},Rt={key:0,class:"absolute left-[370px] top-[88px] z-image-aboveOverlay w-[580px] whitespace-pre-line text-center text-[20px] font-bold leading-[1.3] text-[#c92b04] [word-break:break-word]"},Ct={key:0,class:"font-bold"},jt={key:2,class:"font-bold"},Pt={key:3,class:"font-bold"},Ht={key:1,class:"absolute left-[391px] top-[90px] z-image-aboveOverlay flex w-[497px] flex-col items-center gap-4"},Nt={class:"absolute inset-0 grid place-items-center text-[34px] text-[#b11d02] [text-shadow:0_2px_1px_#fff6bd]"},Vt=["disabled","aria-busy"],Gt={key:0,class:"absolute inset-0 grid place-items-center whitespace-nowrap text-[19px] font-black uppercase text-white [text-shadow:0_1px_2px_rgb(0_0_0_/_45%)]","aria-hidden":"true"},Wt={class:"sr-only"}
2,Ft={key:0,class:"absolute left-[124px] top-[60px] h-[218px] w-[175px] text-center text-[#b11d02]"},qt={class:"absolute left-0 top-[39px] w-[175px] text-[54px] leading-[normal]"},Yt={class:"absolute left-0 top-[105px] w-[175px] text-[16px] uppercase leading-[normal]"},Xt={key:1,class:"absolute left-0 top-[75px] m-0 w-[175px] text-[14px] font-bold"},Kt={class:"flex w-11 shrink-0 flex-col items-center"},Jt={class:"text-[24px] font-extrabold leading-[normal]"},Qt={class:"flex w-11 shrink-0 flex-col items-center"},Zt={class:"text-[24px] font-extrabold leading-[normal]"},eo={class:"text-[9px] font-bold leading-[12.5px] tracking-[.94px] text-[#1f1f1f]/80"},to={key:1,class:"flex w-11 shrink-0 flex-col items-center"},oo={class:"text-[24px] font-extrabold leading-[normal]"},no={class:"text-[9px] font-bold leading-[12.5px] tracking-[.94px] text-[#1f1f1f]/80"},so={key:2,class:"block w-[19px] text-center text-[19px] font-extrabold not-italic leading-[45px]"},ao={class:"flex w-11 shrink-0 flex-col items-center"},lo={class:"text-[24px] font-extrabold leading-[normal]"},io={class:"flex w-11 shrink-0 flex-col items-center"},ro={class:"text-[24px] font-extrabold leading-[normal]"},po=j({__name:"Desktop",props:{countdown:{},cycles:{},dialogDraw:{},dialogHasError:{type:Boolean},dialogLoading:{type:Boolean},dialogOpen:{type:Boolean},draw:{},hasError:{type:Boolean},isFirstCycle:{type:Boolean},isLoggedIn:{type:Boolean},isLoading:{type:Boolean},mode:{},previousDraw:{},shouldMountDialog:{type:Boolean},showCountdown:{type:Boolean}},emits:["closeDialog","login","openDialog","openRules","selectWeek"],setup(o,{emit:f}){const d=o,p=f,r={hour:"GIá»"},{cta:c,digits:h,drawDate:y,isDrawEnded:T,isDrawOverdue:g,isDrawPending:v,isDrawPendingWithPreviousResult:x,padded:a,previousResultAnnouncement:u,prizeTimingLabel:L,resultAnnouncement:E,showCountdownPanel:w,weekdayLabel:z}=Ie(O(d,"draw"),O(d,"mode"),O(d,"isFirstCycle"),O(d,"isLoggedIn"),O(d,"previousDraw")),k=()=>{c.value.kind==="rules"?p("openRules"):c.value.kind==="login"?p("login"):d.dialogLoading||p("openDialog")};return(m,b)=>{const U=V,C=Te,P=Bt;return n(),s("section",Ut,[e("div",Ot,[i(U,{src:"/images/tui-mu/special-lottery/special-lottery-stage-background.webp",alt:"",width:"1280px",height:"384px",loading:"lazy",class:"absolute inset-0 h-[384px] w-account max-w-none"}),!o.isLoading&&!t(g)?(n(),D(U,{key:0,src:"/images/tui-mu/special-lottery/grand-prize-stage-shadow.webp",alt:"",width:"363",height:"39",loading:"lazy","aria-hidden":"true",class:"pointer-events-none absolute left-[468px] top-[303px] z-image-aboveOverlay h-[39px] w-[363px]"})):_("",!0),o.isLoading?(n(),s("div",At,[b[3]||(b[3]=e("div",{class:"absolute left-[400px] top-[91px] flex w-[485px] flex-col items-center gap-[9px]"},[e("span",{class:"h-[18px] w-[430px] rounded-full bg-[#c99735]/45"}),e("span",{class:"h-[18px] w-[325px] rounded-full bg-[#c99735]/35"})],-1)),e("div",St,[(n(),s(M,null,N(5,I=>e("span",{key:I,class:"grid h-[90px] w-[97px] shrink-0 place-items-center"},[...b[2]||(b[2]=[e("span",{class:"size-[76px] rounded-full border-2 border-[#c18b27]/45 bg-[#f6df9e]/65 shadow-[inset_0_0_0_4px_rgb(255_249_218_/_45%)]"},null,-1)])])),64))]),b[4]||(b[4]=e("div",{class:"absolute left-[476px] top-[245px] h-[52px] w-[367px] rounded-[9px] border-2 border-[#b98220]/45 bg-[#d7ad52]/50 shadow-[inset_0_0_0_3px_rgb(255_242_191_/_35%)]"},null,-1)),b[5]||(b[5]=e("div",{class:"absolute left-[964px] top-[64px] h-[268px] w-[263px] rounded-[20px] border-2 border-[#bd8521]/55 bg-[#f8e5ae]/55 shadow-[inset_0_0_0_1px_rgb(255_255_255_/_60%)]"},[e("div",{class:"absolute inset-[12px] rounded-[14px] border-2 border-[#d1a044]/45 bg-white/10"})],-1))])):o.draw||o.hasError?(n(),s(M,{key:2},[o.draw&&!t(g)?(n(),s("div",Rt,[t(x)?(n(),s("strong",Ct,l(t(u)),1)):t(v)?(n(),s(M,{key:1},[b[6]||(b[6]=B(" Giữ chặt vé â chá» giá» má» thÆ°á»ng!",-1)),b[7]||(b[7]=e("br",null,null,-1)),B(" "+l(o.draw.prize.label)+" "+l(t(L))+" sẽ thuá»c vá» ai? ",1)],64)):t(T)?(n(),s("strong",jt,"Äợt Xá» Sá» Äặc Biá»t Äã kết thúc")):(n(),s("strong",Pt,l(t(E)),1))])):o.draw&&t(g)?(n(),s("div",Ht,[b[8]||(b[8]=e("div",{class:"flex w-full flex-col items-center gap-2 text-center"},[e("p",{class:"w-full text-[20px] font-bold leading-[normal] text-[#c92b04]"},"BTC Äang cáºp nháºt kết quả"),e("div",{class:"w-full text-[16px] font-normal leading-[normal] text-[#1f1f1f]"},[e("p",null,"Vui lòng chá» trong giây lát."),e("p",null,"Kết quả sẽ sá»m Äược công bá»!")])],-1)),i(U,{src:("TUI_MU_MEDIA"in m?m.TUI_MU_MEDIA:t(R)).lottery.overdueMascot,alt:"",width:"124",height:"151",loading:"lazy",class:"h-[151px] w-[124px]"},null,8,["src"])])):_("",!0),t(g)?_("",!0):(n(),s("div",{key:2,class:$(t(v)&&!t(x)?"absolute left-[400px] top-[143px] z-image-aboveOverlay flex h-[90px] w-[485px] items-center justify-center overflow-hidden":"absolute left-[417px] top-[143px] z-image-aboveOverlay flex h-[90px] w-[485px] items-center justify-center gap-3 overflow-hidden")},[t(v)&&!t(x)?(n(),D(C,{key:0})):(n(!0),s(M,{key:1},N(t(h),(I,W)=>(n(),s("span",{key:W,class:"relative h-[74px] w-[74px] shrink-0"},[i(U,{src:"/images/tui-mu/special-lottery/winning-number-ball-background.webp",alt:"",width:"74",height:"74",loading:"lazy","aria-hidden":"true",class:"size-full object-contain"}
2),e("b",Nt,l(I),1)]))),128))],2)),t(g)?_("",!0):(n(),s("button",{key:3,type:"button",disabled:(t(c).kind==="winners"||t(c).kind==="previous-result")&&o.dialogLoading,"aria-busy":(t(c).kind==="winners"||t(c).kind==="previous-result")&&o.dialogLoading,class:$(["duration-[160ms] absolute z-image-aboveOverlay cursor-pointer border-0 bg-transparent transition-[transform,filter] ease-out hover:-translate-y-px hover:brightness-[1.08] focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-[3px] focus-visible:outline-[#094d9d] disabled:cursor-wait disabled:hover:translate-y-0 disabled:hover:brightness-100 motion-reduce:transition-none",{"left-[476px] top-[245px] h-[52px] w-[367px]":t(c).kind==="winners"||t(c).kind==="previous-result","left-[544px] top-[245px] h-[52px] w-[211px]":t(c).kind!=="winners"&&t(c).kind!=="previous-result"}]),onClick:k},[i(U,{src:t(c).kind==="winners"?"/images/tui-mu/special-lottery/winner-list-button-artwork-pc.webp":t(c).kind==="previous-result"?"/images/tui-mu/special-lottery/last-result-winner.webp":"/images/tui-mu/special-lottery/draw-action-button-artwork.webp",alt:"",width:t(c).kind==="winners"||t(c).kind==="previous-result"?"367px":"211px",height:t(c).kind==="previous-result"?"58":"52",loading:"lazy","aria-hidden":"true",class:"size-full object-contain"},null,8,["src","width","height"]),t(c).kind!=="winners"&&t(c).kind!=="previous-result"?(n(),s("span",Gt,l(t(c).label),1)):_("",!0),e("span",Wt,l(t(c).label),1)],10,Vt)),i(U,{src:t(w)?"/images/tui-mu/special-lottery/pending-grand-prize-panel-background.webp":"/images/tui-mu/special-lottery/revealed-grand-prize-panel-background.webp",alt:"",width:"370px",height:"372px",loading:"lazy",class:"absolute left-[910px] top-[12px] z-image-aboveOverlay h-[372px] w-[370px] max-w-none"},{default:ze(()=>[t(w)?(n(),s("div",Ft,[t(y)?(n(),s(M,{key:0},[e("strong",qt,l(t(y).time),1),e("b",Yt,l(t(z)),1)],64)):(n(),s("p",Xt," Dữ liá»u Äang Äược cáºp nháºt ")),o.showCountdown||o.hasError?(n(),s("div",{key:2,class:$(o.countdown.days>0?"absolute -left-[6px] top-[172px] flex w-[187px] items-start justify-center":"absolute left-[18px] top-[172px] flex w-[144px] items-start justify-center")},[o.countdown.days>0?(n(),s(M,{key:0},[e("span",Kt,[e("strong",Jt,l(t(a)(o.countdown.days)),1),b[9]||(b[9]=e("small",{class:"text-[9px] font-bold leading-[12.5px] tracking-[.94px] text-[#1f1f1f]/80"},"NGÃY",-1))]),b[10]||(b[10]=e("i",{class:"block w-[19px] text-center text-[19px] font-extrabold not-italic leading-[45px]"},":",-1)),e("span",Qt,[e("strong",Zt,l(t(a)(o.countdown.hours)),1),e("small",eo,l(r.hour),1)]),b[11]||(b[11]=e("i",{class:"block w-[19px] text-center text-[19px] font-extrabold not-italic leading-[45px]"},":",-1))],64)):(n(),s("span",to,[e("strong",oo,l(t(a)(o.countdown.totalHours)),1),e("small",no,l(r.hour),1)])),o.countdown.days===0?(n(),s("i",so,":")):_("",!0),e("span",ao,[e("strong",lo,l(t(a)(o.countdown.minutes)),1),b[12]||(b[12]=e("small",{class:"text-[9px] font-bold leading-[12.5px] tracking-[.94px] text-[#1f1f1f]/80"},"PHÃT",-1))]),b[14]||(b[14]=e("i",{class:"block w-[19px] text-center text-[19px] font-extrabold not-italic leading-[45px]"},":",-1)),e("span",io,[e("strong",ro,l(t(a)(o.countdown.seconds)),1),b[13]||(b[13]=e("small",{class:"text-[9px] font-bold leading-[12.5px] tracking-[.94px] text-[#1f1f1f]/80"},"GIÃY",-1))])],2)):_("",!0)])):_("",!0)]),_:1},8,["src"]),o.shouldMountDialog?(n(),D(P,{key:4,open:o.dialogOpen,cycles:o.cycles,draw:o.dialogDraw,"has-error":o.dialogHasError,loading:o.dialogLoading,"selected-week":o.dialogDraw?.week??"",onClose:b[0]||(b[0]=I=>p("closeDialog")),onSelectWeek:b[1]||(b[1]=I=>p("selectWeek",I))},null,8,["open","cycles","draw","has-error","loading","selected-week"])):_("",!0)],64)):_("",!0)])])}}}),co={class:"absolute left-0 top-[84px] z-[3] m-0 flex w-full items-center justify-center gap-3 text-center text-[16px] leading-5"},uo={key:0,class:"mx-auto mb-2 h-[95px] w-[583px] animate-[pulse_1.4s_ease-in-out_infinite] rounded bg-[#1f1f1f]/[.09] motion-reduce:animate-none"},xo={class:"mx-auto mt-3 flex w-[1221px] justify-between"},bo={key:0,class:"absolute left-1/2 top-[116px] z-[4] box-border h-[97px] w-[583px] -translate-x-1/2 roun
2ded border border-[#f79009] bg-[#fbe2b8] px-3 py-[6px]"},go={class:"relative flex h-[49px] w-[557px] items-center gap-[7px]"},fo={class:"flex h-[45px] flex-col justify-center"},mo={class:"m-0 flex items-center gap-[3px] whitespace-nowrap text-[12px] font-bold uppercase leading-4 text-[#012d81]"},ho={class:"text-[20px]"},wo={class:"m-0 flex items-center whitespace-nowrap text-[12px] leading-4"},_o={class:"ml-[3px]"},yo={class:"relative mt-[3px] h-2 w-[557px] overflow-hidden rounded-[40px] bg-[#012d81]","aria-hidden":"true"},vo={class:"mt-[3px] flex h-5 w-[557px] items-center justify-between text-[12px]"},ko={class:"m-0 flex items-center gap-1 whitespace-nowrap leading-5"},$o={class:"font-normal uppercase text-[#b11d02]"},zo={class:"m-0 flex items-center gap-1 whitespace-nowrap leading-5"},Mo={class:"font-normal uppercase text-[#b11d02]"},To={class:"font-bold uppercase text-[#b11d02]"},Io={key:1,class:"absolute left-1/2 top-[116px] z-[4] box-border h-[63px] w-[583px] -translate-x-1/2 rounded border border-[#f79009] bg-[#fbe2b8] px-3 py-[6px]"},Lo={class:"flex h-[49px] w-[557px] items-center gap-[7px]"},Do={class:"flex flex-col gap-1"},Eo={class:"m-0 whitespace-nowrap text-[12px] font-bold uppercase leading-[15px] text-[#012d81]"},Bo={class:"flex items-center gap-2 whitespace-nowrap text-[14px] leading-[17.5px] text-[#1f1f1f]"},Uo={class:"m-0 font-semibold"},Oo={class:"m-0"},Ao={class:"m-0 flex items-center gap-1"},So={class:"bg-gradient-to-b from-[#ff411e] to-[#b11d02] bg-clip-text font-bold text-transparent"},Ro={class:"m-0"},Co={class:"bg-gradient-to-b from-[#ff411e] to-[#b11d02] bg-clip-text font-bold text-transparent"},jo={key:2,class:"absolute left-1/2 top-[116px] z-[4] box-border h-[63px] w-[583px] -translate-x-1/2 rounded border border-[#f79009] bg-[#fbe2b8] px-3 py-[6px]"},Po={class:"flex h-[49px] w-[557px] items-center gap-[7px]"},Ho={class:"flex h-[45px] flex-col justify-center"},No={class:"m-0 flex items-center gap-0.5 whitespace-nowrap text-[12px] leading-[15px] text-[#1f1f1f]"},Vo={class:"absolute inset-x-0 top-[86px] z-0 h-4","aria-hidden":"true"},Go=["data-level"],Wo={class:"absolute left-1/2 top-0 m-0 w-16 -translate-x-1/2 whitespace-nowrap text-[14px] font-bold leading-4"},Fo={class:"absolute left-1/2 top-[21px] h-[154px] w-[130px] -translate-x-1/2"},qo={class:"absolute left-1/2 top-[177px] w-[154px] -translate-x-1/2"},Yo={class:"m-0 whitespace-nowrap text-[14px] leading-4 text-[#1f1f1f]/70"},Xo={class:"font-semibold text-[#02c755]"},Ko=116,Jo=8,Qo=248,Zo=j({__name:"Desktop",props:{callout:{default:null},countdown:{},isLoggedIn:{type:Boolean},isSkeletonVisible:{type:Boolean},items:{default:()=>[]},nextMilestone:{default:null},progressPercent:{default:0},remainingLabel:{default:"0"},segments:{default:()=>[]},targetLabel:{default:"0"},todayLabel:{default:"0"}},emits:["deposit","join","open"],setup(o,{emit:f}){const d=o,p=f,r={bagSuffix:"túi"},c={active:"/images/tui-mu/roadmap/milestone-connector-active-pc.webp",next:"/images/tui-mu/roadmap/milestone-connector-next-pc.webp",inactive:"/images/tui-mu/roadmap/milestone-connector-inactive-pc.webp"},h=G(()=>d.callout?d.callout.kind==="progress"?97:63:0),y=G(()=>h.value?Ko+h.value+Jo:114),T=G(()=>y.value+Qo+(h.value?19:24)),g=G(()=>({gridTemplateColumns:`repeat(${Math.max(1,d.items.length)}, minmax(0, 1fr))`})),v=x=>{const a=Math.max(1,d.items.length);return{left:`${(x+.5)/a*100}%`,width:`${100/a}%`}};return(x,a)=>{const u=V,L=Ce,E=je,w=Pe;return n(),s("section",{class:$(o.isLoggedIn?"relative z-[2] mx-auto h-[553px] w-[1280px] text-[#1f1f1f]":"relative z-[2] mx-auto h-[488px] w-[1280px] text-[#1f1f1f]"),"aria-label":"Lá» trình sÄn túi"},[i(u,{src:o.isLoggedIn?"/images/tui-mu/roadmap/deposit-roadmap-member-panel.webp":"/images/tui-mu/roadmap/deposit-roadmap-guest-panel.webp",alt:"",width:"1280",height:o.isLoggedIn?"553":"477",loading:"lazy","aria-hidden":"true",class:"pointer-events-none absolute left-0 top-0 w-account max-w-none rounded-[30px]"},null,8,["src","height"]),e("div",co,[i(u,{src:"/images/tui-mu/roadmap/deposit-milestone-subtitle-decoration-pc.svg",alt:"",width:"20",height:"20",loading:"lazy",class:"size-5 shrink-0 object-contain","aria-hidden":"true"}),a[3]||(a[3]=B("Sá» túi nháºn Äược tÄng theo má»c nạp tÃch lÅ©y",-1)),i(u,{src:"/images/tui-mu/roadmap/deposit-milestone-subtitle-decoration-pc.svg",alt:"",width:"20",height:"20",loading:"lazy",class:"size-5 shrink-0 object-contain","aria-hidden":"true"})]),o.isSkeletonVisible?(n(),s("div",{key:0,class:$(o.isLoggedIn?"absolute inset-x-[30px] bottom-[30px] top-[116px] z-[5]":"absolute inset-x-[30px] bottom-[30px] top-[102px] z-[5]"),"aria-busy":"true","aria-label":"Äang tải lá» trình"},[o.isLoggedIn?(n(),s("div",uo)):_("",!0),e("div",xo,[(n(!0),s(M,null,N("TUI_MU_ROADMAP_MILESTONE_COUNT"in x?x.TUI_MU_ROADMAP_MILESTONE_COUNT:t(Le),z=>(n(),s("div",{key:z,class:"flex h-[248px] w-[154px] flex-col items-center"},[...a[4]||(a[4]=[e("span",{class:"block h-4 w-12 animate-[pulse_1.4s_ease-in-out_infinite] rounded-md bg-[#1f1f1f]/[.09] motion-reduce:animate-none"},null,-1),e("i",{class:"mt-[5px] block h-[154px] w-[118px] animate-[pulse_1.4s_ease-in-out_infinite] rounded-b-[18px] rounded-t-[58px] bg-[#1f1f1f]/[.09] motion-reduce:animate-none"},null,-1),e("b",{class:"mt-7 block h-[30px] w-25 animate-[pulse_1.4s_ease-in-out_infinite] rounded-[100px] bg-[#1f1f1f]/[.09] motion-reduce:animate-none"},null,-1)])]))),128))])],2)):(n(),s(M,{key:1},[o.callout?.kind==="progress"&&o.nextMilestone?(n(),s("div",bo,[e("div",go,[i(u,{src:"/images/tui-mu/roadmap/next-deposit-milestone-callout-icon-pc.webp",alt:"",width:"48",height:"48",loading:"lazy","aria-hidden":"true",class:"size-12 object-contain"}),e("div",fo,[e("p",mo,[a[5]||(a[5]=e("span",null,"Còn ",-1)),e("strong",ho,l(o.remainingLabel),
21)]),e("div",wo,[a[6]||(a[6]=B(" Äá» nháºn thêm",-1)),e("strong",_o,l(o.nextMilestone.bags)+" "+l(r.bagSuffix),1),i(u,{src:"/images/tui-mu/roadmap/blind-box-reward-inline-icon-pc.webp",alt:"",width:"20",height:"20",loading:"lazy","aria-hidden":"true",class:"ml-0.5 size-5 object-contain"})])]),e("button",{type:"button","aria-label":"Nạp ngay",class:"absolute right-0 top-2 h-8 w-[116px] cursor-pointer border-0 bg-transparent p-0 focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-[3px] focus-visible:outline-[#02c755]",onClick:a[0]||(a[0]=z=>p("deposit"))},[i(u,{src:"/images/tui-mu/roadmap/deposit-now-button-artwork-pc.webp",alt:"",width:"110",height:"32",loading:"lazy","aria-hidden":"true",class:"absolute inset-y-0 left-1/2 h-8 w-[111px] -translate-x-1/2"})])]),e("div",yo,[e("span",{class:"absolute -top-0.5 left-0 h-3 rounded-[50px] bg-[#b11d02]",style:F({width:`${o.progressPercent}%`})},null,4)]),e("div",vo,[e("p",ko,[a[7]||(a[7]=B(" Äã nạp ",-1)),e("strong",$o,l(o.todayLabel),1)]),e("p",zo,[a[8]||(a[8]=B(" Má»c tiếp theo ",-1)),e("strong",Mo,l(o.targetLabel),1),a[9]||(a[9]=e("i",{class:"size-1 rounded-full bg-[#b11d02]"},null,-1)),e("b",To,l(o.nextMilestone.label),1)])])])):o.callout?.kind==="dailyMax"?(n(),s("div",Io,[e("div",Lo,[i(u,{src:"/images/tui-mu/roadmap/next-deposit-milestone-callout-icon-pc.webp",alt:"",width:"48",height:"48",loading:"lazy","aria-hidden":"true",class:"size-12 shrink-0 object-contain"}),e("div",Do,[e("p",Eo," Chúc mừng! Bạn Äã Äạt tá»i Äa "+l(o.callout.maxBagsLabel)+" "+l(r.bagSuffix)+" hôm nay! ",1),e("div",Bo,[o.callout.rankDetail?(n(),s(M,{key:0},[e("p",Uo,l(o.callout.rankLabel),1),a[10]||(a[10]=e("i",{class:"h-[18px] w-px bg-[#1f1f1f]/20"},null,-1)),e("p",Oo,l(o.callout.rankDetail),1)],64)):(n(),s(M,{key:1},[e("p",Ao,[a[11]||(a[11]=e("span",{class:"font-semibold"},"Hạng của bạn",-1)),e("strong",So,l(o.callout.rankLabel),1)]),o.callout.rankDetailParts?(n(),s(M,{key:0},[a[12]||(a[12]=e("i",{class:"h-[18px] w-px bg-[#1f1f1f]/20"},null,-1)),e("p",Ro,[B(l(o.callout.rankDetailParts.before),1),e("strong",Co,l(o.callout.rankDetailParts.emphasis),1),B(l(o.callout.rankDetailParts.after),1)])],64)):_("",!0)],64))])]),o.callout.canOpenBags?(n(),s("button",{key:0,type:"button","aria-label":"Má» túi ngay",class:"relative ml-auto h-9 w-[145px] shrink-0 cursor-pointer border-0 bg-transparent p-0 focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-[3px] focus-visible:outline-[#02c755]",onClick:a[1]||(a[1]=z=>p("open"))},[i(u,{src:"/images/tui-mu/roadmap/open-bags-now-button-artwork-pc.webp",alt:"",width:"146",height:"36",loading:"lazy","aria-hidden":"true",class:"absolute inset-0 size-full"}),a[13]||(a[13]=e("span",{class:"relative text-[14.4px] font-black uppercase leading-[18px] text-white [text-shadow:0_0.72px_1.44px_rgb(0_0_0_/_45%)]"},"Má» túi ngay",-1))])):_("",!0)])])):o.callout?.kind==="weekEnded"?(n(),s("div",jo,[e("div",Po,[i(u,{src:"/images/tui-mu/roadmap/week-ended-callout-icon-pc.webp",alt:"",width:"48",height:"48",loading:"lazy","aria-hidden":"true",class:"size-12 shrink-0 object-contain"}),e("div",Ho,[a[15]||(a[15]=e("p",{class:"m-0 whitespace-nowrap text-[12px] font-bold uppercase leading-[15px] text-[#012d81]"}," Thá»i gian sÄn túi tuần nà y Äã kết thúc! ",-1)),e("p",No,[e("span",null,[a[14]||(a[14]=B("Äã công bá» kết quả giải thÆ°á»ng tuần",-1)),o.callout.reopenLabel?(n(),s(M,{key:0},[B(" ⢠Lá» trình má»i sẽ má» lúc "+l(o.callout.reopenLabel),1)],64)):_("",!0)]),i(u,{src:"/images/tui-mu/roadmap/week-ended-callout-inline-icon-pc.webp",alt:"",width:"20",height:"20",loading:"lazy","aria-hidden":"true",class:"size-5 shrink-0 object-contain"})])])])])):_("",!0),e("div",{class:"absolute left-[29.5px] z-[2] h-[248px] w-[1221px]",style:F({top:`${t(y)}px`})},[e("div",Vo,[(n(!0),s(M,null,N(o.segments,(z,k)=>(n(),s("span",{key:k,class:"absolute top-0 h-4",style:F(v(k))},[i(u,{src:c[z],alt:"",width:"109",height:"30",loading:"lazy","aria-hidden":"true",class:"absolute inset-x-0 -top-[7px] h-[30px] w-full max-w-none object-fill",style:{"clip-path":"inset(9px 0)"}},null,8,["src"])],4))),128))]),e("div",{class:"relative z-[1] grid h-[248px] w-[1221px]",style:F(t(g))},[(n(!0),s(M,null,N(o.items,z=>(n(),s("article",{key:z.level,class:"relative h-[248px] min-w-0 text-center","data-level":z.level},[e("p",Wo,l(z.thresholdLabel),1),e("div",Fo,[z.state==="approaching"?(n(),s(M,{key:0},[a[16]||(a[16]=e("span",{"aria-hidden":"true",class:"tui-mu-roadmap-ambient-glow pointer-events-none absolute -left-[35px] top-[59px] z-0 h-[70px] w-[200px] rounded-[50%] bg-[radial-gradient(ellipse_at_center,rgba(245,158,11,0.3)_0%,rgba(251,191,36,0.1)_50%,transparent_75%)] opacity-[.7] blur-[13px]"},null,-1)),i(u,{src:"/images/tui-mu/roadmap/next-milestone-glow.webp",alt:"",width:"311",height:"311",loading:"lazy","aria-hidden":"true",class:"tui-mu-roadmap-glow-back pointer-events-none absolute -left-[88px] -top-[124px] z-0 size-[311px] max-w-none opacity-[.78]"}),i(u,{src:"/images/tui-mu/roadmap/next-milestone-flare.webp",alt:"",width:"124",height:"124",loading:"lazy","aria-hidden":"true",class:"tui-mu-roadmap-glow-front pointer-events-none absolute left-[3px] top-[9px] z-[4] size-[124px] max-w-none opacity-[.68]"})],64)):_("",!0),i(u,{src:z.baseImage,alt:"",width:"130",height:"83",loading:"lazy","aria-hidden":"true","data-roadmap-base":"",class:"absolute bottom-0 left-0 z-[1] h-[83px] w-[130px] object-contain"},null,8,["src"]),a[17]||(a[17]=e("span",{"data-roadmap-contact-shadow":"","aria-hidden":"true",class:"pointer-events-none absolute left-[31.5px] top-[95px] z-[2] h-[14px] w-[63px] rounded-[50%] bg-[radial-gradient(ellipse_at_center,rgba(65,30,0,0.5)_0%,rgba(87,44,0,0.24)_48%,transparent_76%)] blur-[3px]"},null,-1)),i(u,{src:z.image,alt:"",width:"118",height:"118",loading:"lazy","aria-hidden":"true","data-roadmap-bag":"",class:$(["duration-[160ms] absolute left-[6px] top-0 z-[3] size-[118px] object-contain transition-[filter] ease-out",z.state==="approaching"?"tui-mu-roadmap-bag-float [filter:drop-shadow(0_0_7px_rgb(255_155_0_/_95%))_drop-shadow(0_0_14px_rgb(255_224_0_/_70%))]":""])},null,8,["src","class"])]),e("div",qo,[e("h3",{class:"m-0 whitespace-nowrap text-[16px] font-semibold leading-[19px]",style:F({color:z.labelColor})}
2,l(z.label),5),e("p",Yo,l(z.bags)+" "+l(r.bagSuffix),1)]),e("div",{class:$(z.state==="completed"?"absolute bottom-0 left-1/2 flex h-[30px] w-[90px] -translate-x-1/2 items-center justify-center gap-[5px] rounded-[100px] bg-[linear-gradient(90deg,#0d741d_0%,#6bce50_121%)] uppercase text-white":z.state==="approaching"?"absolute bottom-0 left-1/2 flex h-[30px] w-[100px] -translate-x-1/2 items-center justify-center gap-[5px] rounded-[100px] bg-[linear-gradient(90deg,#ff8a00_0%,#ffd91a_100%)] text-[14px] font-semibold uppercase text-[#7c2d00]":"absolute bottom-0 left-1/2 flex h-[30px] w-[100px] -translate-x-1/2 items-center justify-center gap-[5px] rounded-[100px] bg-[#1f1f1f]/20 text-[14px] font-semibold uppercase text-white/50")},[z.state==="completed"?(n(),D(L,{key:0,"aria-hidden":"true",class:"h-5 w-[22px]"})):(n(),s(M,{key:1},[z.state==="locked"?(n(),D(E,{key:0,filled:"","aria-hidden":"true",class:"size-5"})):_("",!0),e("span",null,l(z.state==="approaching"?"Sắp Äạt":"Khóa"),1)],64))],2)],8,Go))),128))],4)],4),o.isLoggedIn?(n(),s("div",{key:4,class:"absolute left-1/2 z-[4] flex h-9 -translate-x-1/2 items-center gap-2.5 whitespace-nowrap rounded-2xl border border-[#1f1f1f]/30 bg-[#1f1f1f]/5 px-4 py-1 text-[16px] leading-5",style:F({top:`${t(T)}px`})},[i(w,{"aria-hidden":"true",class:"size-6"}),a[19]||(a[19]=e("span",null,"Lá» trình Äược là m má»i sau:",-1)),e("strong",Xo,l(o.countdown),1)],4)):(n(),s("button",{key:3,type:"button",class:"absolute left-1/2 top-[386px] z-[4] h-[50px] w-[226px] -translate-x-1/2 cursor-pointer border-0 bg-transparent p-0 focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-[3px] focus-visible:outline-[#02c755]",onClick:a[2]||(a[2]=z=>p("join"))},[i(u,{src:"/images/tui-mu/roadmap/join-campaign-button-artwork-pc.webp",alt:"",width:"226",height:"50",loading:"lazy","aria-hidden":"true",class:"absolute inset-0 size-full"}),a[18]||(a[18]=e("span",{class:"relative z-[1] text-[20px] font-black uppercase text-white [text-shadow:0_1px_2px_rgb(0_0_0_/_45%)]"},"Tham gia ngay",-1))]))],64))],2)}}}),en=()=>{const o=A(),f=A(!1),d=A(!1),p=Ne(),r=He("(prefers-reduced-motion: reduce)"),c=A(!1);let h=!1;return ae(o,([y])=>f.value=!!y?.isIntersecting,{rootMargin:"500px 0px"}),ae(o,([y])=>d.value=!!y?.isIntersecting),se(()=>{f.value&&!r.value&&(c.value=!0)}),se(()=>{const y=o.value;if(!y)return;c.value&&!h&&(h=!0,y.load()),c.value&&d.value&&p.value==="visible"&&!r.value?y.play().catch(()=>{}):y.pause()},{flush:"post"}),ee(()=>o.value?.pause()),{shouldLoad:c,video:o}},tn={class:"pointer-events-none absolute left-[-49px] top-[calc(210px+var(--tui-mu-stage-offset-y))] h-[620px] w-[1058px]"},on=["poster"],nn=["src"],sn=["src"],an=j({__name:"IdleBagDesktop",setup(o){const{shouldLoad:f,video:d}=en();return(p,r)=>(n(),s("div",tn,[r[0]||(r[0]=e("div",{class:"absolute bottom-[18px] left-1/2 h-[180px] w-[600px] -translate-x-1/2 rounded-full bg-[radial-gradient(ellipse_at_center,rgba(251,191,36,0.38)_0%,rgba(245,158,11,0.15)_50%,transparent_80%)] mix-blend-screen blur-[10px]"},null,-1)),e("video",{ref_key:"video",ref:d,loop:"",muted:"",playsinline:"",preload:"metadata",poster:("TUI_MU_MEDIA"in p?p.TUI_MU_MEDIA:t(R)).blindBox.idleBlindBoxAnimation.poster,class:"idle-bag-video absolute left-0 top-[12px] h-[595px] w-[1058px] mix-blend-screen brightness-125 contrast-125","aria-hidden":"true"},[t(f)?(n(),s(M,{key:0},[e("source",{src:("TUI_MU_MEDIA"in p?p.TUI_MU_MEDIA:t(R)).blindBox.idleBlindBoxAnimation.mp4,type:'video/mp4; codecs="hvc1"'},null,8,nn),e("source",{src:("TUI_MU_MEDIA"in p?p.TUI_MU_MEDIA:t(R)).blindBox.idleBlindBoxAnimation.webm,type:"video/webm"},null,8,sn)],64)):_("",!0)],8,on)]))}}),ln={"data-testid":"tui-mu-guest-panel",class:"flex h-[70px] w-[575px] items-center justify-between rounded-[4px] border border-[rgba(0,0,0,0.20)] bg-[#f7d897] px-5"},rn=j({__name:"GuestPanel",emits:["login"],setup(o){return(f,d)=>{const p=V;return n(),s("div",ln,[d[2]||(d[2]=e("div",{class:"flex flex-col gap-1 whitespace-nowrap leading-normal text-[#1f1f1f]"},[e("strong",{class:"text-[16px] font-extrabold uppercase"},"BẠN CHƯA ÄÄNG NHẬP"),e("span",{class:"text-[14px] font-normal text-[#1f1f1f]/70"},"ÄÄng nháºp Äá» má» túi và nháºn quà hấp dẫn")],-1)),e("button",{type:"button",class:"relative h-[50px] w-[181px] shrink-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#004fd0]","aria-label":"ÄÄng nháºp",onClick:d[0]||(d[0]=r=>f.$emit("login"))}
2,[i(p,{src:"/images/tui-mu/blind-box/shared/blind-box-guest-login-button-artwork.webp",alt:"",class:"pointer-events-none absolute left-1/2 top-1/2 h-[58px] w-[189px] max-w-none -translate-x-1/2 -translate-y-1/2",width:"189",height:"58",loading:"lazy"}),d[1]||(d[1]=e("span",{class:"sr-only"},"ÄÄng nháºp",-1))])])}}}),dn={class:"grid h-full place-items-center"},pn={key:0,class:"relative block size-8 overflow-hidden"},cn={class:"sr-only"},un={key:1,class:"text-[14px] font-semibold"},xn={class:"flex min-w-0 flex-col items-end justify-center pr-[10px] text-right text-[#cf2517]"},bn={class:"whitespace-nowrap text-[14px] leading-5"},gn={key:0,class:"flex max-w-full items-center justify-end gap-0.5 text-[12px] leading-5"},fn={class:"shrink-0"},mn={key:0,class:"shrink-0"},hn={key:1,class:"truncate"},wn=j({__name:"RowDesktop",props:{isMine:{type:Boolean},row:{}},setup(o){const f={1:"left-[-6.667px]",2:"left-[-42.118px]",3:"left-[-78.706px]"};return(d,p)=>{const r=V;return n(),s("div",{class:$(["relative grid h-12 shrink-0 grid-cols-[60px_216px_218px] items-center overflow-hidden text-[#1f1f1f]",o.isMine||o.row.rank<=3?"bg-gradient-to-r from-[rgba(234,169,23,0.2)] to-[rgba(255,255,255,0)] before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:z-10 before:h-px before:bg-gradient-to-r before:from-transparent before:via-[#e3c174] before:to-transparent before:content-[''] after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:z-10 after:h-px after:bg-gradient-to-r after:from-transparent after:via-[#e3c174] after:to-transparent after:content-['']":"bg-gradient-to-r from-[rgba(255,255,255,0.02)] via-[rgba(255,255,255,0.21)] to-[rgba(255,255,255,0.02)]"])},[e("div",dn,[o.row.rank<=3&&!o.isMine?(n(),s("span",pn,[i(r,{src:("TUI_MU_SHARED_IMAGES"in d?d.TUI_MU_SHARED_IMAGES:t(te)).leaderboardRankMedalSprite,alt:"",class:$(["absolute top-[-20px] h-[80px] w-[121px] max-w-none",f[o.row.rank]]),width:"121",height:"80",loading:"lazy"},null,8,["src","class"]),e("span",cn,"Hạng "+l(o.row.rankLabel),1)])):(n(),s("span",un,l(o.row.rankLabel),1))]),e("span",{class:$(["truncate pr-2 text-[14px] font-semibold",o.row.isMe?"text-[#003CA8]":""])},l(o.row.username),3),e("div",xn,[e("strong",bn,l(o.row.cashLabel),1),o.row.bmwLabel||o.row.ticketLabel?(n(),s("div",gn,[o.row.bmwLabel?(n(),s(M,{key:0},[i(r,{src:"/images/tui-mu/blind-box/honours-ranking/weekly-leaderboard-bmw-prize-logo.webp",alt:"",class:"h-[16px] w-[17px] shrink-0 object-contain",width:"17",height:"16",loading:"lazy"}),e("strong",fn,l(o.row.bmwLabel),1),o.row.ticketLabel?(n(),s("span",mn,"+")):_("",!0)],64)):_("",!0),o.row.ticketLabel?(n(),s("span",hn,l(o.row.bmwLabel?o.row.ticketLabel.replace(/^\+\s*/,""):o.row.ticketLabel),1)):_("",!0)])):_("",!0)])],2)}}}),_n={class:"absolute left-[4px] top-[62px] z-10 h-[551px] w-[496px]","aria-label":"Bảng vinh danh"},yn={class:"absolute inset-x-0 top-0 flex h-[30px] items-center justify-between px-4 text-[#1f1f1f]"},vn={class:"flex h-[30px] items-center gap-1 font-svn-kimberley text-[18px] font-normal uppercase"},kn={class:"flex h-[30px] w-[260px] items-center justify-end"},$n={key:1,class:"flex h-[30px] w-[245px] items-center gap-[10px] rounded-2xl border border-[#1f1f1f]/30 bg-[#1f1f1f]/5 py-1 pl-1 pr-4 text-[14px]"},zn={class:"min-w-0 whitespace-nowrap"},Mn={class:"text-[#02c755]"},Tn={class:"absolute left-[15px] top-[52px] flex h-10 w-[466px] items-stretch gap-2"},In=["disabled"],Ln={class:"relative flex min-w-0 flex-1 flex-col items-center justify-center rounded-[4px] bg-[#1747ad] px-3 text-center text-[#fff1b6]"},Dn={class:"flex min-w-0 max-w-full -translate-y-[2px] flex-col items-center justify-center"},En={class:"max-w-full truncate font-svn-kimberley text-[20px] font-normal leading-5 tracking-[0.2px]"},Bn={class:"text-white"},Un={key:0,class:"mt-0.5 max-w-full truncate text-[10px] leading-3 text-white/65"},On=["disabled"],An={key:0,class:"absolute inset-x-0 top-[98px] grid h-[30px] grid-cols-[60px_199px_235px] items-center text-[12px] font-semibold text-[#1f1f1f]"},Sn={key:1,class:"flex min-h-0 flex-1 flex-col gap-1"},Rn={class:"flex shrink-0 flex-col gap-1","aria-label":"Top 3 cá» Äá»nh"},Cn={class:"tui-mu-ranking-scroll min-h-0 flex-1 overflow-y-auto","aria-label":"Hạng 4 Äến 100"},jn={class:"flex flex-col gap-1"}
2,Pn=["aria-label"],Hn={key:3,role:"status","aria-label":"Dữ liá»u Äang Äược cáºp nháºt",class:"absolute inset-x-0 bottom-0 top-[98px] flex flex-col items-center justify-center text-center text-[20px] font-bold text-[#1f1f1f]"},Nn={key:4,class:"absolute inset-x-0 bottom-0 h-12 overflow-hidden rounded-b-[16px]"},Vn=j({__name:"PanelDesktop",props:{cycles:{},isLoggedIn:{type:Boolean}},setup(o){const f=o,{canNext:d,canPrevious:p,goNext:r,goPrevious:c,errorMessage:h,hasError:y,heading:T,isLoading:g,load:v,myRow:x,pinnedRows:a,scrollableRows:u,selectType:L,time:E,type:w}=De(O(f,"cycles"),O(f,"isLoggedIn"));return Z(v),(z,k)=>{const m=le,b=re,U=ie,C=wn,P=V;return n(),s("section",_n,[e("div",yn,[e("div",vn,[e("button",{type:"button","aria-label":"Xem bảng vinh danh ngà y",class:$(["grid h-[30px] w-[90px] -skew-x-[10deg] place-items-center rounded-[3px] border border-[#d3b077]",t(w)==="daily"?"bg-[#2380db] text-white":"bg-[#f8e8c9] text-[#1f1f1f]"]),onClick:k[0]||(k[0]=I=>t(L)("daily"))},[...k[4]||(k[4]=[e("span",{class:"-translate-y-[2px] skew-x-[10deg]"},"NGÃY",-1)])],2),e("button",{type:"button","aria-label":"Xem bảng vinh danh tuần",class:$(["grid h-[30px] w-[90px] -skew-x-[10deg] place-items-center rounded-[3px] border border-[#d3b077]",t(w)==="weekly"?"bg-[#2380db] text-white":"bg-[#f8e8c9] text-[#1f1f1f]"]),onClick:k[1]||(k[1]=I=>t(L)("weekly"))},[...k[5]||(k[5]=[e("span",{class:"-translate-y-[2px] skew-x-[10deg]"},"TUẦN",-1)])],2)]),e("div",kn,[t(E).isEnded?(n(),D(m,{key:0})):(n(),s("div",$n,[i(b,{filled:"","font-controlled":!1,"aria-hidden":"true",class:"size-6 shrink-0"}),e("span",zn,[B(l(t(E).label)+" ",1),e("strong",Mn,l(t(E).value),1)])]))])]),e("div",Tn,[e("button",{type:"button","aria-label":"Xem kỳ trÆ°á»c",class:"grid w-10 shrink-0 place-items-center rounded-[4px] bg-[#0e318e] disabled:cursor-not-allowed",disabled:!t(p)||t(g),onClick:k[2]||(k[2]=(...I)=>t(c)&&t(c)(...I))},[...k[6]||(k[6]=[e("span",{"aria-hidden":"true",class:"h-0 w-0 border-y-[9px] border-r-[13px] border-y-transparent border-r-[#ffd979] drop-shadow-[0_1px_1px_rgba(0,0,0,0.45)]"},null,-1)])],8,In),e("div",Ln,[e("div",Dn,[e("strong",En,[k[7]||(k[7]=B(" BẢNG VINH DANH ",-1)),e("span",Bn,l(t(T).title.replace(/^BẢNG VINH DANH\s*/,"")),1)]),t(T).subtitle?(n(),s("span",Un,l(t(T).subtitle),1)):_("",!0)])]),e("button",{type:"button","aria-label":"Xem kỳ tiếp theo",class:"grid w-10 shrink-0 place-items-center rounded-[4px] bg-[#0e318e] disabled:cursor-not-allowed",disabled:!t(d)||t(g),onClick:k[3]||(k[3]=(...I)=>t(r)&&t(r)(...I))},[...k[8]||(k[8]=[e("span",{"aria-hidden":"true",class:"h-0 w-0 border-y-[9px] border-l-[13px] border-y-transparent border-l-[#ffd979] drop-shadow-[0_1px_1px_rgba(0,0,0,0.45)]"},null,-1)])],8,On)]),t(g)||t(a).length||t(u).length?(n(),s("div",An,[...k[9]||(k[9]=[e("span",{class:"text-center"},"Hạng",-1),e("span",null,"Danh Thủ",-1),e("span",{class:"pr-[10px] text-right"},"Tá»ng giải thÆ°á»ng",-1)])])):_("",!0),t(g)||t(a).length||t(u).length?(n(),s("div",{key:1,class:$(["absolute inset-x-0 top-[132px] flex flex-col gap-1",t(x)?"bottom-[52px]":"bottom-0"])},[t(g)?(n(),D(U,{key:0,label:"Äang tải bảng vinh danh"})):(n(),s("div",Sn,[e("div",Rn,[(n(!0),s(M,null,N(t(a),I=>(n(),D(C,{key:I.rank,row:I},null,8,["row"]))),128))]),e("div",Cn,[e("div",jn,[(n(!0),s(M,null,N(t(u),I=>(n(),D(C,{key:I.rank,row:I},null,8,["row"]))),128))])])]))],2)):t(y)?(n(),s("div",{key:2,role:"status","aria-label":t(h),class:"absolute inset-x-0 bottom-0 top-[98px] flex flex-col items-center justify-center text-center text-[20px] font-bold text-[#1f1f1f]"},[i(P,{src:"/images/tui-mu/hero-banner/campaign-stats-empty-state-artwork.webp",alt:"",class:"size-[156px] shrink-0 object-contain",width:"156",height:"156",loading:"lazy"}),e("p",null,l(t(h)),1)],8,Pn)):(n(),s("div",Hn,[i(P,{src:"/images/tui-mu/hero-banner/campaign-stats-empty-state-artwork.webp",alt:"",class:"size-[156px] shrink-0 object-contain",width:"156",height:"156",loading:"lazy"}),k[10]||(k[10]=e("p",null,"Dữ liá»u Äang Äược cáºp nháºt",-1))])),t(x)&&(t(a).length||t(u).length)?(n(),s("div",Nn,[i(C,{row:t(x),"is-mine":""},null,8,["row"])])):_("",!0)])}}}),Gn={key:0,class:"absolute left-[16px] top-2 block size-8 overflow-hidden"},Wn={class:"sr-only"},Fn={key:1,class:"absolute left-[16px] top-2 grid size-8 place-items-center text-[14px] font-normal"},qn=["datetime"],Yn={class:"absolute right-[9px] top-1/2 flex -translate-y-1/2 items-center justify-end gap-[10px]"},Xn={class:"flex flex-col items-end justify-center"},Kn={key:0,class:"block rounded-[4px] bg-[rgba(177,29,2,0.12)] px-[6px] text-[10px] font-normal leading-[20px] text-[#d62c14]"},Jn={key:0,class:"relative size-10 shrink-0 overflow-hidden"},Qn=j({__name:"RowDesktop",props:{row:{}},setup(o){const f={1:"left-[-6.667px]",2:"left-[-42.118px]",3:"left-[-78.706px]"},d={1:"absolute top-[-10.32px] bottom-[-25.97px] left-[calc(50%-2.02px)] aspect-[1024/1536] max-w-none -translate-x-1/2",2:"absolute top-[-10.32px] bottom-[-14.84px] left-[calc(50%+0.24px)] aspect-[1024/1536] max-w-none -translate-x-1/2",3:"absolute left-1/2 top-1/2 h-[76.29px] w-[50.806px] max-w-none -translate-x-1/2 -translate-y-1/2"};return(p,r)=>{const c=V;return n(),s("div",{class:$(["relative h-12 shrink-0 overflow-hidden text-[#1f1f1f]",o.row.rank<=3?"bg-gradient-to-r from-[rgba(234,169,23,0.2)] to-[rgba(255,255,255,0)] before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:z-10 before:h-px before:bg-gradient-to-r before:from-transparent before:via-[#e3c174] before:to-transparent before:content-[''] after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:z-10 after:h-px after:bg-gradient-to-r after:from-transparent after:via-[#e3c174] after:to-transparent after:content-['']":"bg-gradient-to-r from-[rgba(255,255,255,0.02)] via-[rgba(255,255,255,0.21)] to-[rgba(255,255,255,0.02)]"])},[o.row.rank<=3?(n(),s("span",Gn,[i(c,{src:("TUI_MU_SHARED_IMAGES"in p?p.TUI_MU_SHARED_IMAGES:t(te)).leaderboardRankMedal
2Sprite,alt:"",class:$(["absolute top-[-22.118px] h-[77.647px] w-[117.333px] max-w-none",f[o.row.rank]]),width:"117",height:"78",loading:"lazy"},null,8,["src","class"]),e("span",Wn,"Hạng "+l(o.row.rank),1)])):(n(),s("span",Fn,l(o.row.rank),1)),e("span",{class:$(["absolute left-[61px] top-1/2 w-[75px] -translate-y-1/2 truncate text-[14px] font-semibold",o.row.isCurrentUser?"text-[#003CA8]":""])},l(o.row.player?.username??"--"),3),e("strong",{class:$(["absolute left-[136px] w-[123px] bg-gradient-to-b from-[#ff411e] to-[#b11d02] bg-clip-text text-right text-[14px] font-bold leading-5 text-transparent",o.row.lastOpenAtLabel?"top-[5px]":"top-1/2 -translate-y-1/2"])},l(o.row.opensLabel),3),o.row.lastOpenAtLabel?(n(),s("time",{key:2,datetime:o.row.player?.lastOpenAt,class:"absolute left-[136px] top-[25px] w-[123px] whitespace-nowrap text-right text-[10px] font-normal leading-4 text-[#1f1f1f]"},l(o.row.lastOpenAtLabel),9,qn)):_("",!0),e("div",Yn,[e("div",Xn,[o.row.prizeAmountLabel?(n(),s("span",Kn,l(o.row.prizeAmountLabel),1)):_("",!0),e("p",{class:$(["whitespace-nowrap bg-gradient-to-b from-[#ff411e] to-[#b11d02] bg-clip-text text-right leading-[20px] text-transparent",o.row.rank<=3?"text-[16px] font-bold":"text-[14px] font-normal"])},l(o.row.prizeTitleLabel),3)]),o.row.prizeImage?(n(),s("div",Jn,[i(c,{src:o.row.prizeImage,alt:"",class:$(["object-contain",d[o.row.rank]??"aspect-square absolute left-[5%] right-[5%] top-1/2 -translate-y-1/2"]),width:"40",height:"40",loading:"lazy"},null,8,["src","class"])])):_("",!0)])],2)}}}),Zn={class:"relative h-[619px] w-[503px] select-none overflow-hidden","aria-label":"Bảng xếp hạng má» túi"},es={class:"relative z-10 h-[50px] text-[20px] font-black uppercase leading-none"},ts={class:"absolute left-6 top-[62px] z-10 flex h-8 w-[462px] items-center justify-between text-[#1f1f1f]"},os={key:1,class:"flex h-[30px] w-[245px] items-center gap-2.5 rounded-2xl border border-[#1f1f1f]/30 bg-[#1f1f1f]/5 py-1 pl-1 pr-4 text-[14px] font-normal"},ns={class:"whitespace-nowrap"},ss={class:"absolute left-[5px] top-[106px] z-10 flex w-[494px] flex-col gap-1"},as={key:0,class:"grid h-[30px] grid-cols-[61px_86px_112px_235px] items-center text-[12px] font-semibold text-[#1f1f1f]"},ls={key:2,role:"status","aria-label":"Äã xảy ra lá»i, xin vui lòng thá» lại",class:"flex h-[478px] flex-col items-center justify-center text-center text-[20px] font-bold text-[#1f1f1f]"},is={class:"flex shrink-0 flex-col gap-1","aria-label":"Top 3 cá» Äá»nh"},rs={class:"tui-mu-ranking-scroll min-h-0 flex-1 overflow-y-auto","aria-label":"Hạng 4 Äến 100"},ds={class:"flex flex-col gap-1 pb-6"},ps={key:4,role:"status","aria-label":"Dữ liá»u Äang Äược cáºp nháºt",class:"flex h-[478px] flex-col items-center justify-center text-center text-[20px] font-bold text-[#1f1f1f]"},cs={key:5,class:"relative flex h-[70px] items-center rounded-bl-[24px] bg-gradient-to-r from-[rgba(255,177,0,0.2)] to-[rgba(255,255,255,0)] pl-3 pr-[13px] pt-px"},us={class:"grid size-[47px] shrink-0 place-items-center rounded-full border border-[#e57600] bg-gradient-to-b from-[#fce5b7] to-[#c98600]"},xs={class:"ml-[11px] min-w-0 flex-1 text-[#1f1f1f]"},bs={class:"flex items-center gap-2 whitespace-nowrap text-[14px] font-semibold"},gs={key:0},fs={class:"text-[#d92f16]"},ms={class:"text-[#d92f16]"},hs={class:"truncate text-[14px]"},ws={class:"sr-only"},_s=j({__name:"PanelDesktop",props:{cycles:{},hasError:{type:Boolean},isLoggedIn:{type:Boolean},isLoading:{type:Boolean},selectedWeek:{},top:{}},emits:["openOne","selectWeek"],setup(o,{emit:f}){const d=o,p=f,r=A("top"),{countdown:c,countdownLabel:h,isEnded:y,isHonours:T,rankingCycleOptions:g,rankingWeeks:v,rows:x}=Ee(O(d,"cycles"),O(d,"isLoggedIn"),O(d,"top"),G(()=>r.value==="top")),{presentation:a,runAction:u}=Be(O(d,"isLoggedIn"),O(d,"top"),()=>p("openOne"),O(d,"cycles")),L=G(()=>Ue(x.value)),E=G(()=>L.value.pinnedRows),w=G(()=>L.value.scrollableRows),z=()=>{r.value="top",v.value.currentWeek&&p("selectWeek",v.value.currentWeek)};return(k,m)=>{const b=V,U=Vn,C=Fe,P=le,I=re,W=ie,q=Qn;return n(),s("aside",Zn,[i(b,{src:"/images/tui-mu/blind-box/honours-ranking/weekly-blind-box-leaderboard-panel-background.webp",alt:"",class:"pointer-events-none absolute inset-0 size-full select-none object-fill",width:"503",height:"626",loading:"lazy",draggable:"false"}),e("div",es,[e("button",{type:"button",class:$(["absolute left-0 top-0 grid h-[50px] w-[269px] place-items-center",t(r)==="top"?"z-[2] text-white":"z-[1] text-[rgba(31,31,31,0.5)]"]),onClick:z},[i(b,{src:t(r)==="top"?"/images/tui-mu/blind-box/current-ranking/top-blind-box-openers-tab-active-artwork.webp":"/images/tui-mu/blind-box/current-ranking/top-blind-box-openers-tab-inactive-artwork.webp",alt:"",class:$(["absolute left-0 top-0 h-[50px] object-fill",t(r)==="top"?"w-[269px]":"w-[282px]"]),width:t(r)==="top"?269:282,height:"50",loading:"lazy"},null,8,["src","class","width"]),m[3]||(m[3]=e("span",{class:"sr-only"},"ÄUA TOP Má» TÃI",-1))],2),e("button",{type:"button",class:$(["absolute right-0 top-0 grid h-[50px] w-[282px] place-items-center",t(r)==="leaderboard"?"z-[2] text-white":"z-[1] text-[rgba(31,31,31,0.5)]"]),onClick:m[0]||(m[0]=S=>r.value="leaderboard")},[i(b,{src:t(r)==="leaderboard"?"/images/tui-mu/blind-box/honours-ranking/blind-box-honours-tab-active-artwork.webp":"/images/tui-mu/blind-box/honours-ranking/blind-box-honours-tab-inactive-artwork.webp",alt:"",class:$(["absolute top-0 h-[50px] object-cover",t(r)==="leaderboard"?"right-0 w-[269px]":"inset-x-0 w-full"]),width:t(r)==="leaderboard"?269:282,height:"50",loading:"lazy"},null,8,["src","class","width"]),m[4]||(m[4]=e("span",{class:"sr-only"},"BẢNG VINH DANH",-1))],2)]),t(r)==="leaderboard"?(n(),D(U,{key:0,cycles:o.cycles,"is-logged-in":o.isLoggedIn},null,8,["cycles","is-logged-in"])):(n(),s(M,{key:1},[e("div",ts,[i(C,{"trigger-label":"Chá»n chu kỳ","model-value":o.selectedWeek,options:t(g),variant:"ranking","onUpdate:modelValue":m[1]||(m[1]=S=>p("selectWeek",S))}
2,null,8,["model-value","options"]),!o.isLoading&&t(y)?(n(),D(P,{key:0})):(n(),s("div",os,[i(I,{filled:"","font-controlled":!1,"aria-hidden":"true",class:"size-6 shrink-0"}),e("span",ns,[B(l(o.isLoading?"Kết thúc sau:":t(h))+" ",1),e("strong",{class:$(t(T)?"text-[#cf2517]":"text-[#02c755]")},l(o.isLoading?"--:--:--":t(c)),3)])]))]),e("div",ss,[o.isLoading||t(x).length?(n(),s("div",as,[...m[5]||(m[5]=[e("span",{class:"text-center"},"Hạng",-1),e("span",null,"Danh thủ",-1),e("span",{class:"text-right"},"Túi Äã má»",-1),e("span",{class:"pr-[9px] text-right"},"Phần thÆ°á»ng",-1)])])):_("",!0),o.isLoading?(n(),D(W,{key:1,label:"Äang tải bảng xếp hạng",class:$(o.isLoggedIn?"h-[405px]":"h-[478px]")},null,8,["class"])):o.hasError?(n(),s("div",ls,[i(b,{src:"/images/tui-mu/hero-banner/campaign-stats-empty-state-artwork.webp",alt:"",class:"size-[156px] shrink-0 object-contain",width:"156",height:"156",loading:"lazy"}),m[6]||(m[6]=e("p",null,"Äã xảy ra lá»i, xin vui lòng thá» lại",-1))])):t(x).length?(n(),s("div",{key:3,class:$(["flex flex-col gap-1",o.isLoggedIn?"h-[405px]":"h-[473px]"])},[e("div",is,[(n(!0),s(M,null,N(t(E),S=>(n(),D(q,{key:S.rank,row:S},null,8,["row"]))),128))]),e("div",rs,[e("div",ds,[(n(!0),s(M,null,N(t(w),S=>(n(),D(q,{key:S.rank,row:S},null,8,["row"]))),128))])])],2)):(n(),s("div",ps,[i(b,{src:"/images/tui-mu/hero-banner/campaign-stats-empty-state-artwork.webp",alt:"",class:"size-[156px] shrink-0 object-contain",width:"156",height:"156",loading:"lazy"}),m[7]||(m[7]=e("p",null,"Dữ liá»u Äang Äược cáºp nháºt",-1))])),o.isLoggedIn&&t(x).length?(n(),s("div",cs,[m[12]||(m[12]=e("span",{"aria-hidden":"true",class:"pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-[#ffb100] to-transparent"},null,-1)),e("div",us,[i(b,{src:"/images/tui-mu/blind-box/honours-ranking/current-player-leaderboard-badge-pc.webp",alt:"",class:"size-[39px] object-contain",width:"39",height:"39",loading:"lazy"})]),e("div",xs,[e("div",bs,[t(a).isUnranked?(n(),s("span",gs,l(t(a).rankLabel),1)):(n(),s(M,{key:1},[m[8]||(m[8]=e("span",null,"Hạng của bạn",-1)),e("strong",fs,l(t(a).rankLabel),1)],64)),m[11]||(m[11]=e("span",{class:"h-4 w-px bg-[#c99952]"},null,-1)),e("span",null,[m[9]||(m[9]=B("Äã má» ",-1)),e("strong",ms,l(t(a).openedLabel),1),m[10]||(m[10]=B(" túi",-1))])]),e("p",hs,[t(a).detailParts?(n(),s(M,{key:0},[e("span",null,l(t(a).detailParts.before),1),e("strong",{class:$(t(a).action?.type==="deposit"?"text-[#003b87]":"text-[#d92f16]")},l(t(a).detailParts.emphasis),3),e("span",null,l(t(a).detailParts.after),1)],64)):(n(),s(M,{key:1},[B(l(t(a).detail),1)],64))])]),t(a).action?(n(),s("button",{key:0,type:"button",class:$(["h-9 shrink-0",t(a).action.type==="deposit"?"w-[123px]":"w-[145px]"]),onClick:m[2]||(m[2]=(...S)=>t(u)&&t(u)(...S))},[i(b,{src:t(a).action.image,alt:"",class:"size-full object-fill",width:t(a).action.type==="deposit"?123:145,height:"36",loading:"lazy"},null,8,["src","width"]),e("span",ws,l(t(a).action.label),1)],2)):_("",!0)])):_("",!0)])],64))])}}}),ys=Y(()=>X(()=>import("./BOKv71j0.js"),__vite__mapDeps([15,16,1,2,17,5,6,7,8,9,10,11,12,18]),import.meta.url).then(o=>o.default||o)),vs=Y(()=>X(()=>import("./DYY-7ULT.js"),__vite__mapDeps([19,1,2,20,5,6,7,8,9,10,11,12,21]),import.meta.url).then(o=>o.default||o)),ks=Y(()=>X(()=>import("./CjqvqcNm.js"),__vite__mapDeps([22,1,2,4,5,6,7,8,9,10,11,12,23,24]),import.meta.url).then(o=>o.default||o)),$s={class:"relative mx-auto h-[848px] w-[1440px] overflow-visible",style:{"--tui-mu-stage-offset-y":"max(0px, calc(42.9167cqw - 824px))"},"aria-label":"Khu vá»±c má» túi Thần Tà i"},zs={key:0,class:"absolute left-[186px] top-[calc(654px+var(--tui-mu-stage-offset-y))] z-30 w-[575px]"},Ms={class:"mx-auto flex w-[562px] gap-2"},Ts=["disabled"],Is=["disabled"],Ls=["disabled"],Ds={"aria-label":"Tiến Äá» má» túi",class:"mt-2 h-[70px] rounded-[4px] border border-[rgba(0,0,0,0.20)] bg-[#f7d897] pb-0 pl-[19px] pr-5 pt-[11.2px] [font-family:Inter,sans-serif]"},Es={class:"flex h-5 items-center justify-between text-[14px] font-normal leading-5 text-[#1f1f1f]"},Bs={class:"flex items-center gap-0.5 whitespace-nowrap"},Us={class:"relative size-4 shrink-0 overflow-hidden","aria-hidden":"true"},Os={class:"absolute inset-x-[33.33%] bottom-3/4 top-[8.33%]"},As={class:"absolute inset-[-18.75%_-9.37%]"},Ss={class:"absolute inset-x-[14.71%] bottom-[8.33%] top-1/4"},Rs={class:"absolute inset-[-4.69%_-4.43%]"},Cs={class:"absolute inset-[46.61%_35.56%_30.49%_35.56%]"},js={class:"absolute inset-[-13.65%_-10.82%]"},Ps={class:"text-[#b11d02]"},Hs={class:"flex items-center gap-0.5 whitespace-nowrap"},Ns=["aria-valuenow","aria-valuemax"],Vs={class:"mt-2 flex justify-center gap-3"},Gs=j({__name:"Desktop",props:{cycles:{},isLoggedIn:{type:Boolean},jackpotPrizeLabel:{},loadCycles:{type:Function}},emits:["login"],setup(o,{emit:f}){const d=o,p=f,{board:r,expiredLastWeek:c,history:h,openedThisWeek:y,openBags:T,openFlow:g,openHistory:v,openTickets:x,progress:a,receivedThisWeek:u,tickets:L}=Oe({cycles:O(d,"cycles"),isLoggedIn:O(d,"isLoggedIn"),loadCycles:O(d,"loadCycles"),onLogin:()=>p("login")});return(E,w)=>{const z=Ae,k=an,m=V,b=Ve,U=Ge,C=We,P=Se,I=rn,W=_s,q=ys,S=vs,K=ks;return n(),s("section",$s,[i(z,{class:"absolute left-1/2 top-[176px] z-20 w-screen -translate-x-1/2",items:t(r).marqueeItems.value},null,8,["items"]),i(k),o.isLoggedIn?(n(),s("div",zs,[e("div",Ms,[e("button",{type:"button",class:$(["h-[50px] w-[182px] disabled:cursor-not-allowed",{grayscale:t(g).isOpenOneInsufficient.value}]),disabled:o.isLoggedIn&&!t(g).canOpenOne.value,onClick:w[0]||(w[0]=H=>t(T)(1))},[i(m,{src:"/images/tui-mu/blind-box/bag-opening/open-single-blind-box-button-artwork.webp",alt:"",class:"size-full object-fill",width:"182",height:"50",loading:"lazy"}),w[7]||(w[7]=e("span",{class:"sr-only"},"Má» 1 túi",-1))],10,Ts),e("button",{type:"button",class:$(["h-[50px] w-[182px] disabled:cursor-not-allowed",{grayscale:t(g).isOpenTenInsufficient.value}]),disabled:o.isLoggedIn&&!t(g).canOpenTen.value,onClick:w[1]||(w[1]=H=>t(T)(10))},[i(m,{src:"/images/tui-mu/blind-box/bag-opening/open-ten-blind-boxes-button-artwork.webp",alt:"",class:"size-full object-fill",width:"182",height:"50",loading:"lazy"}),w[8]||(w[8]=e("span",{class:"sr-only"},"Má» 10 túi",-1))],10,Is),e("button",{type:"button",class:$(["h-[50px] w-[180px] disabled:cursor-not-allowed",{grayscale:t(g).isOpenFiftyInsufficient.value}]),disabled:!t(g).canOpenFifty.value,"aria-label":"Má» 50 túi",onClick:w[2]||(w[2]=H=>t(T)(50))},[i(m,{src:("TUI_MU_OPEN_RESULT_IMAGES"in E?E.TUI_MU_OPEN_RESULT_IMAGES:t(Q)).openFiftyButton.src,alt:"",class:"size-full object-contain",width:("TUI_MU_OPEN_RESULT_IMAGES"in E?E.TUI_MU_OPEN_RESULT_IMAGES:t(Q)).openFiftyButton.width,height:("TUI_MU_OPEN_RESULT_IMAGES"in E?E.TUI_MU_OPEN_RESULT_IMAGES:t(Q)).openFiftyButton.height,loading:"lazy"},null,8,["src","width","height"])],10,Ls)]),e("div",Ds,[e("div",Es,[e("span",Bs,[e("span",Us,[e("span",Os,[e("span",As,[i(b,{filled:"","font-controlled":!1,class:"block size-full"})])]),e("span",Ss,[e("span",Rs,[i(U,{filled:"","font-controlled":!1,class:"block size-full"})])]),e("span",Cs,[e("span",js,[i(C,{filled:"","font-controlled":!1,class:"block size-full"})])])]),e("span",null,[w[9]||(w[9]=B(" Äã má» ",-1)),e("strong",Ps,l(t(y)),1),e("strong",null,"/"+l(t(u)),1)])]),e("span",Hs,[i(P,{variant:"desktop"}),e("span",null,[e("strong",null,l(t(c)),1),w[10]||(w[10]=B(" túi hết hạn",-1))])])]),e("div",{role:"progressbar","aria-label":"Túi Äã má»","aria-valuemin":"
20","aria-valuenow":t(y),"aria-valuemax":t(u),class:"relative mt-1 h-4 overflow-hidden rounded-[30px] border border-[rgba(31,31,31,0.1)] bg-[rgba(255,255,255,0.1)]"},[e("div",{class:"absolute left-px top-0 h-3 rounded-[30px] bg-gradient-to-r from-[#ffe71a] to-[#ff2600] shadow-[0_0_2px_rgba(0,0,0,0.25)] transition-[width] duration-300",style:F({width:`${t(a)}%`})},null,4)],8,Ns)]),e("div",Vs,[e("button",{type:"button",class:"h-[44px] w-[229px]",onClick:w[3]||(w[3]=(...H)=>t(v)&&t(v)(...H))},[i(m,{src:"/images/tui-mu/blind-box/opening-history/blind-box-opening-history-button-artwork.webp",alt:"",class:"size-full object-fill",width:"229",height:"44",loading:"lazy"}),w[11]||(w[11]=e("span",{class:"sr-only"},"Lá»ch sá» má» túi",-1))]),e("button",{type:"button",class:"h-[45px] w-[149px]",onClick:w[4]||(w[4]=(...H)=>t(x)&&t(x)(...H))},[i(m,{src:"/images/tui-mu/blind-box/ticket-collection/lottery-ticket-collection-button-artwork.webp",alt:"",class:"size-full object-fill",width:"149",height:"45",loading:"lazy"}),w[12]||(w[12]=e("span",{class:"sr-only"},"Kho vé",-1))])])])):(n(),D(I,{key:1,class:"absolute left-[186px] top-[776px] z-30",onLogin:w[5]||(w[5]=H=>p("login"))})),i(W,{class:"absolute left-[856px] top-[234px] z-30",cycles:o.cycles,"has-error":t(r).hasErrorTop.value,"is-logged-in":o.isLoggedIn,"is-loading":t(r).isLoadingTop.value,"selected-week":t(r).selectedWeek.value,top:t(r).top.value,onOpenOne:w[6]||(w[6]=H=>t(T)(1)),onSelectWeek:t(r).selectWeek},null,8,["cycles","has-error","is-logged-in","is-loading","selected-week","top","onSelectWeek"]),t(g).state.value.isOpen?(n(),D(q,{key:2,"can-open-one":t(g).canOpenOne.value,"can-open-ten":t(g).canOpenTen.value,"can-open-fifty":t(g).canOpenFifty.value,"error-message":t(g).errorMessage.value,"received-this-week":t(u),state:t(g).state.value,onAnimationEnded:t(g).finishAnimation,onClose:t(g).closeDialog,onOpen:t(T),onOpenTickets:t(x)},null,8,["can-open-one","can-open-ten","can-open-fifty","error-message","received-this-week","state","onAnimationEnded","onClose","onOpen","onOpenTickets"])):_("",!0),t(h).isOpen.value?(n(),D(S,{key:3,"can-load-more":t(h).canLoadMore.value,"has-error":t(h).hasError.value,"is-loading":t(h).isLoading.value,"is-reward-filter-disabled":t(h).isRewardFilterDisabled.value,items:t(h).items.value,"jackpot-prize-label":o.jackpotPrizeLabel,"selected-option":t(h).selectedOption.value,onClose:t(h).close,onLoadMore:t(h).loadMore,onSelectOption:t(h).selectOption},null,8,["can-load-more","has-error","is-loading","is-reward-filter-disabled","items","jackpot-prize-label","selected-option","onClose","onLoadMore","onSelectOption"])):_("",!0),t(L).isOpen.value?(n(),D(K,{key:4,data:t(L).filteredData.value,cycles:o.cycles,"has-error":t(L).hasError.value,"is-loading":t(L).isLoading.value,search:t(L).search.value,"is-search-disabled":t(L).isSearchDisabled.value,"selected-week":t(L).week.value,onClose:t(L).close,onSearch:t(L).setSearch,onSelectWeek:t(L).selectWeek},null,8,["data","cycles","has-error","is-loading","search","is-search-disabled","selected-week","onClose","onSearch","onSelectWeek"])):_("",!0)])}}}),Ws=.7,Fs=.65,qs=0,Ys=1674,Xs=968,Ks=494,Js=({box1Height:o,box2Height:f,cloudHeight:d,scrollY:p,viewportHeight:r,wrapperTop:c})=>{const h=Math.max(0,p-c),y=o>=r,T=Math.max(0,o-r),g=y?Math.min(f,Math.max(0,h-T)):0;return{cloudTranslateY:o-d*Ws+qs+g*(1-Fs),pinOffset:g}},Qs=o=>`translate3d(0, ${o}px, 0)`,Zs=({box1:o,box2:f,cloud:d,wrapper:p,windowTarget:r=window})=>{const c=r.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1,h={box1Height:Ys,box2Height:Xs,cloudHeight:Ks,viewportHeight:r.innerHeight,wrapperTop:p.offsetTop},y=()=>{const g=Js({...h,scrollY:c?h.wrapperTop:r.scrollY});d.style.transform=Qs(g.cloudTranslateY)},T=()=>{h.viewportHeight=r.innerHeight,y()};return o.style.transform="",o.style.willChange="",d.style.willChange=c?"auto":"transform",f.style.transform="",f.style.willChange="",y(),r.addEventListener("scroll",y,{passive:!0}),r.addEventListener("resize",T),()=>{r.removeEventListener("scroll",y),r.removeEventListener("resize",T)}},ea=({box1:o,box2:f,cloud:d,wrapper:p})=>{let r;Z(()=>{!o.value||!f.value||!d.value||!p.value||(r=Zs({box1:o.value,box2:f.value,cloud:d.value,wrapper:p.value}))}),ee(()=>r?.())},ta=Y(()=>X(()=>import("./CMDn6_H0.js"),__vite__mapDeps([25,1,2,5,6,7,8,9,10,11,12,14]),import.meta.url).then(o=>o.default||o)),oa=Y(()=>X(()=>import("./cbaq_7OE.js"),__vite__mapDeps([26,27,28,1,2,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49]),import.meta.url).then(o=>o.default||o)),na={"data-tui-mu":"",class:"min-w-[1440px] [font-family:Lexend,Montserrat,sans-serif]"},sa={class:"relative w-full",style:{height:"auto"},"data-tui-mu-parallax-track":""},aa={class:"relative h-[2642px] w-full","data-tui-mu-parallax-sticky-track":""},la={class:"box-border min-h-[1154px] min-w-[1440px] bg-[#f2be69] bg-[length:100%_auto] bg-top bg-no-repeat pt-5",style:{backgroundImage:"url(/images/tui-mu/campaign-background-pc.webp)"}},ia={class:"pointer-events-none absolute inset-x-0 -top-[170px] bottom-0 z-0 overflow-hidden","aria-hidden":"true"},ra={class:"absolute left-1/2 top-0 flex w-[max(1920px,100cqw)] max-w-none -translate-x-1/2 flex-col"},Ma=j({__name:"Desktop",setup(o){const{authDialogController:f,lottery:d,openLoginDialog:p,roadmap:r,rulesDialogController:c}=Re("desktop"),h=A(null),y=A(null),T=A(null),g=A(null);ea({box1:y,box2:g,cloud:T,wrapper:h});const v=A(null),x=()=>v.value?.scrollIntoView({behavior:"smooth",block:"start"}),{callout:a,countdown:u,isLoggedIn:L,isSkeletonVisible:E,openDeposit:w,remainingLabel:z,summary:k,targetLabel:m,todayLabel:b,viewModel:U}=r,{closeDialog:C,countdown:P,cycles:I,dialogDraw:W,dialogHasError:q,hasError:S,isDialogLoading:K,isDialogOpen:H,isFirstCycle:de,isLoading:pe,loadCycles:ce,mode:ue,openDialog:xe,overview:oe,previousDraw:be,selectDialogWeek:ge,shouldMountDialog:fe,showCountdown:me}=d;return(da,ne)=>{const he=Et,we=po,_e=Zo,J=V,ye=Gs,ve=ta,ke=oa;return n(),s("section",na,[e("div",{ref_key:"parallaxWrapperRef",ref:h,class:"relative w-full","data-tui-mu-parallax":""},[e("main",sa,[e("div",aa,[e("div",{ref_key:"parallaxBox1Ref",ref:y,class:"sticky top-[calc(100vh-1674px)] z-[1] h-[1674px] w-full overflow-hidden motion-reduce:static","data-tui-mu-parallax-layer":"box-1"},[i(he,{onOpenRules:t(c).openDialog},null,8,["onOpenRules"]),e("div",la,[i(we,{countdown:t(P),cycles:t(I),"dialog-draw":t
2(W),"dialog-has-error":t(q),"dialog-loading":t(K),"dialog-open":t(H),draw:t(oe),"has-error":t(S),"is-first-cycle":t(de),"is-logged-in":t(L),"is-loading":t(pe),mode:t(ue),"previous-draw":t(be),"should-mount-dialog":t(fe),"show-countdown":t(me),onCloseDialog:t(C),onLogin:t(p),onOpenDialog:t(xe),onOpenRules:t(c).openDialog,onSelectWeek:t(ge)},null,8,["countdown","cycles","dialog-draw","dialog-has-error","dialog-loading","dialog-open","draw","has-error","is-first-cycle","is-logged-in","is-loading","mode","previous-draw","should-mount-dialog","show-countdown","onCloseDialog","onLogin","onOpenDialog","onOpenRules","onSelectWeek"]),i(_e,{callout:t(a),countdown:t(u),"is-logged-in":t(L),"is-skeleton-visible":t(E),items:t(U)?.items,"next-milestone":t(k)?.nextMilestone,"progress-percent":t(U)?.progressPercent,"remaining-label":t(z),segments:t(U)?.segments,"target-label":t(m),"today-label":t(b),class:"!mt-8",onDeposit:t(w),onJoin:t(p),onOpen:x},null,8,["callout","countdown","is-logged-in","is-skeleton-visible","items","next-milestone","progress-percent","remaining-label","segments","target-label","today-label","onDeposit","onJoin"]),ne[0]||(ne[0]=e("div",{"data-tui-mu-cloud-clearance":"",class:"h-[249.8px] w-full min-w-[1440px]","aria-hidden":"true"},null,-1))])],512),e("div",{ref_key:"parallaxCloudRef",ref:T,class:"pointer-events-none absolute left-0 top-0 z-[5] h-[494px] w-full min-w-[1440px] bg-transparent",style:{transform:"translate3d(0, 1328.2px, 0)"},"aria-hidden":"true","data-tui-mu-parallax-layer":"cloud"},[i(J,{src:"/images/tui-mu/roadmap-transition-cloud-layer.webp",alt:"",class:"block size-full object-fill",width:"1441",height:"494",loading:"lazy",decoding:"async"})],512)]),e("div",{ref_key:"parallaxBox2Ref",ref:g,class:"relative z-10 mt-[-848px] w-full min-w-[1440px] bg-[#f2be69] pb-[40px] [container-type:inline-size]","data-tui-mu-parallax-layer":"box-2"},[e("div",ia,[e("div",ra,[i(J,{src:"/images/tui-mu/blind-box/shared/blind-box-section-background-pc-top.webp",alt:"",class:"aspect-[16/5] w-full shrink-0",width:"1920",height:"600",sizes:"1920px 1920:100vw",quality:"65",loading:"lazy",decoding:"async"}),i(J,{src:"/images/tui-mu/blind-box/shared/blind-box-section-background-pc-middle.webp",alt:"",class:"aspect-[320/139] w-full shrink-0",width:"1920",height:"834",sizes:"1920px 1920:100vw",quality:"65",loading:"lazy",decoding:"async"})])]),e("div",{ref_key:"blindBoxSectionRef",ref:v,class:"absolute inset-x-0 top-0 h-px","aria-hidden":"true"},null,512),i(ye,{cycles:t(I),"is-logged-in":t(L),"jackpot-prize-label":t(oe)?.prize.label,"load-cycles":t(ce),class:"relative z-[1]",onLogin:t(p)},null,8,["cycles","is-logged-in","jackpot-prize-label","load-cycles","onLogin"])],512)])],512),t(c).isOpen.value?(n(),D(ve,{key:0,controller:t(c)},null,8,["controller"])):_("",!0),t(f).isOpen.value?(n(),D(ke,{key:1,controller:t(f)},null,8,["controller"])):_("",!0)])}}});export{Ma 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.