https://du88.group/_nuxt/lP_04VtI.js

1import{d as O,b as a,c as r,i as m,x as t,g as i,e as s,fn as R,t as x,ab as P,n as G,Q as g,F as k,l as V,j as N,ei as W,aa as q,bn as K,h as b,C as F,k as H,fW as Q,au as y}from"./fF2xx8tV.js";import{_ as J}from"./MZQNujFB.js";import X from"./CTr6eSTz.js";import{d as u,q as Y}from"./BXAsIxhD.js";import{u as Z,_ as ee,a as te,b as oe,c as se}from"./CFlwKKV4.js";import"./CHYd9hPA.js";import"./QigfASX6.js";import"./B7-FBXoE.js";import"./BALQlQo1.js";import"./CMULfTj5.js";import"./CKtLtaYU.js";const le={class:"absolute left-1/2 top-1/2 h-[738px] w-[1440px] -translate-x-1/2 -translate-y-1/2"},ne={class:"absolute left-[220px] top-[19px] h-[700px] w-[1000px]"},ae={class:"absolute left-[124px] top-[174px] flex h-[40px] w-[718px] items-center justify-between text-[#1f1f1f]"},ie={class:"flex h-[33px] w-[249px] items-center gap-3"},re={class:"flex w-[67px] flex-col items-start justify-center leading-none"},de={class:"h-[18px] whitespace-nowrap text-[14px] font-normal leading-[18px] tracking-[0.14px]"},pe={class:"font-bold text-[#b11d02]"},ce={class:"flex w-[51px] flex-col items-start justify-center leading-none"},xe={class:"h-[18px] text-[14px] font-bold leading-[18px] tracking-[0.14px] text-[#b11d02]"},ue={class:"flex w-[83px] flex-col items-start justify-center leading-none"},me={class:"h-[18px] text-[14px] font-bold leading-[18px] tracking-[0.14px] text-[#b11d02]"},ge=["disabled","value"],be={key:1,role:"status","aria-label":"Đã xảy ra lỗi, xin vui lòng thử lại",class:"absolute inset-0 flex flex-col items-center justify-center text-center text-[20px] font-bold leading-normal text-[#1f1f1f]"},fe={key:3,class:"absolute left-[243px] top-[80px] flex w-[284px] flex-col items-center"},he={class:"whitespace-nowrap text-center text-[20px] font-bold leading-normal text-[#1f1f1f]"},we={key:0,class:"absolute left-[864px] top-[230px] h-[429px] w-3 rounded-[50px] bg-[rgba(31,31,31,0.1)]"},Ue=O({__name:"DialogDesktop",props:{cycles:{},data:{},hasError:{type:Boolean},isLoading:{type:Boolean},isSearchDisabled:{type:Boolean},search:{},selectedWeek:{}},emits:["close","search","selectWeek"],setup(l,{emit:v}){const f=l,p=v,{cycleOptions:_,dialog:T,drawDate:E,handleInput:h,handleScroll:w,rowCount:M,rowHeight:D,scrollbarThumbTop:S,ticketToastDuration:I,ticketToastOpen:c,ticketViewport:L,visibleTickets:U}=Z(y(f,"data"),y(f,"cycles"),n=>p("search",n));return(n,e)=>{const d=R,A=J,C=X,B=Y,z=ee,$=F,j=Q;return a(),r(k,null,[(a(),m(K,{to:"body"},[t("div",{ref_key:"dialog",ref:T,role:"dialog","aria-modal":"true","aria-label":"Bộ sưu tập vé số",tabindex:"-1",class:"fixed inset-0 z-[1300] min-w-[1440px] overflow-hidden bg-[rgba(0,0,0,0.8)] backdrop-blur-[7px] [font-family:Lexend,sans-serif]",onKeydown:e[4]||(e[4]=W(q(o=>p("close"),["prevent"]),["esc"]))},[t("div",le,[t("div",ne,[i(d,{src:("TUI_MU_PRELOAD_IMAGES"in n?n.TUI_MU_PRELOAD_IMAGES:s(u)).lotteryTicketCollectionDialogBackground.src,alt:"",class:"pointer-events-none absolute inset-0 h-[700px] w-[1000px] max-w-none object-fill",width:("TUI_MU_PRELOAD_IMAGES"in n?n.TUI_MU_PRELOAD_IMAGES:s(u)).lotteryTicketCollectionDialogBackground.width,height:("TUI_MU_PRELOAD_IMAGES"in n?n.TUI_MU_PRELOAD_IMAGES:s(u)).lotteryTicketCollectionDialogBackground.height,sizes:("TUI_MU_PRELOAD_IMAGES"in n?n.TUI_MU_PRELOAD_IMAGES:s(u)).lotteryTicketCollectionDialogBackground.sizes,loading:"eager"},null,8,["src","width","height","sizes"]),t("button",{type:"button",class:"absolute right-[55px] top-[62px] z-20 size-[68px]","aria-label":"Đóng bộ sưu tập vé số",onClick:e[0]||(e[0]=o=>p("close"))}),t("div",ae,[i(A,{"trigger-label":"Chọn tuần vé số","model-value":l.selectedWeek,options:s(_).slice(0,2),variant:"dialog","onUpdate:modelValue":e[1]||(e[1]=o=>p("selectWeek",o))},null,8,["model-value","options"]),t("div",ie,[t("div",re,[e[8]||(e[8]=t("span",{class:"h-[15px] whitespace-nowrap text-[12px] font-normal leading-[15px] tracking-[0.12px]"},"Tổng",-1)),t("span",de,[t("strong",pe,x(l.data?.total??0),1),e[7]||(e[7]=P(" vé số ",-1))])]),e[11]||(e[11]=t("span",{class:"h-[33px] w-px bg-[rgba(31,31,31,0.2)]"},null,-1)),t("div",ce,[e[9]||(e[9]=t("span",{class:"h-[15px] whitespace-nowrap text-[12px] font-normal leading-[15px] tracking-[0.12px]"},"Vé trúng",-1)),t("strong",xe,x(l.data?.winCount??0),1)]),e[12]||(e[12]=t("span",{class:"h-[33px] w-px bg-[rgba(31,31,31,0.2)]"},null,-1)),t("div",ue,[e[10]||(e[10]=t("span",{class:"h-[15px] whitespace-nowrap text-[12px] font-normal leading-[15px] tracking-[0.12px]"},"Ngày quay số",-1)),t("strong",me,x(s(E)),1)])]),t("label",{class:G(["flex h-10 w-[220px] items-center gap-2 overflow-hidden rounded-[4px] bg-[#fbe2b8] px-4",{"cursor-not-allowed":l.isSearchDisabled}])},[i(C,{filled:"","font-controlled":!1,"aria-hidden":"true",class:"size-5 shrink-0"}),t("input",{disabled:l.isSearchDisabled,value:l.search,inputmode:"numeric",pattern:"[0-9]*",class:"min-w-0 flex-1 bg-transparent text-[14px] font-normal leading-6 text-[#1f1f1f] outline-none placeholder:text-[rgba(31,31,31,0.5)] disabled:cursor-not-allowed",placeholder:"Tìm số đẹp (vd: 88,68...)","aria-label":"Tìm vé số",onInput:e[2]||(e[2]=(...o)=>s(h)&&s(h)(...o))},null,40,ge)],2)]),t("div",{ref_key:"ticketViewport",ref:L,class:"absolute left-[108px] top-[230px] h-[429px] w-[750px] overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",onScrollPassive:e[3]||(e[3]=(...o)=>s(w)&&s(w)(...o))},[l.isLoading?(a(),m(B,{key:0,label:"Đang tải kho vé"})):l.hasError?(a(),r("div",be,[i(d,{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[13]||(e[13]=t("p",{class:"whitespace-nowrap"},"Đã xảy ra lỗi, xin vui lòng thử lại",-1))])):l.data?.items.length?(a(),r("div",{key:2,class:"relative",style:g({height:`${s(M)*s(D)}px`})},[(a(!0),r(k,null,V(s(U),o=>(a(),m(z,{key:`${o.number}-${o.createdAt}`,"drawn-number":l.data?.drawnNumber??null,number:o.number,won:o.won,style:g({left:o.left,top:o.top})}

1,null,8,["drawn-number","number","won","style"]))),128))],4)):(a(),r("div",fe,[i(d,{src:"/images/tui-mu/blind-box/ticket-collection/empty-lottery-ticket-collection-artwork.webp",alt:"",class:"size-[156px] max-w-none shrink-0 object-cover",width:"156",height:"156",loading:"lazy"}),t("p",he,x(l.search?"Không tìm thấy vé số phù hợp":"Bạn chưa có vé số may mắn nào"),1)]))],544),!l.isLoading&&l.data?.items.length?(a(),r("div",we,[t("span",{class:"absolute left-[3px] h-[117px] w-1.5 rounded-[40px] bg-[#b11d02]",style:g({top:`${s(S)}px`})},null,4)])):N("",!0)])])],544)])),i(j,{open:s(c),"onUpdate:open":e[6]||(e[6]=o=>H(c)?c.value=o:null),duration:s(I),closable:"",class:"!overflow-visible","close-class":"!right-1 !top-3 translate-x-1/2 -translate-y-1/2 !size-8 !bg-transparent !p-0","close-label":"Đóng quảng cáo Lô đề","viewport-class":"!w-[483px]"},{close:b(()=>[i(d,{src:"/images/tui-mu/blind-box/ticket-collection/lottery-promotion-close.png",alt:"",class:"size-full",width:"32",height:"32",loading:"eager"})]),default:b(()=>[i($,{to:"/game/lo-de",target:"_blank","aria-label":"Chơi game Lô đề",class:"bg-black block overflow-hidden rounded-md"},{default:b(()=>[t("video",{autoplay:"",muted:"",playsinline:"",poster:te,preload:"metadata","aria-hidden":"true",class:"block aspect-[708/174] w-full object-contain motion-reduce:hidden",width:"708",height:"174",onEnded:e[5]||(e[5]=o=>c.value=!1)},[...e[14]||(e[14]=[t("source",{src:oe,type:"video/mp4"},null,-1),t("source",{src:se,type:"video/webm"},null,-1)])],32),i(d,{src:"/images/tui-mu/blind-box/ticket-collection/lottery-ticket-received-toast-banner.webp",alt:"",class:"hidden w-full object-contain motion-reduce:block",width:"708",height:"174",sizes:"483px",loading:"eager"})]),_:1})]),_:1},8,["open","duration"])],64)}}});export{Ue as default};