zengzy / rps · Files

import{_ as Q,a as X,b as oe}from"./Cw8QoC40.js";import{_ as Y}from"./Cba5FCYW.js";import{d as T,G as Z,H as U,I as ne,o as f,k as h,w as c,x as z,g as e,P as B,p as I,J as re,K as ue,L as de,M as ce,f as u,N as ve,n as C,O as fe,s as x,y as E,Q as me,R as pe,S as A,h as ge,i as ee,T as be,U as _e,V as ye,W as he,X as xe,Y as S,c as $,F as N,m as O,Z as q,$ as G,C as te,l as H,t as k,a0 as J,u as W,a1 as we,e as y,a2 as ze,a3 as ke,a as Ie,_ as Se,j as Ce,z as $e,a4 as Te,a5 as Ve,a6 as qe}from"./BtEn9SvP.js";import{u as Me,a as Ae}from"./3laQJA1P.js";import{R as Ue}from"./DYcig7R4.js";import{R as Be}from"./BHXyHhK1.js";import{d as De}from"./BD16kxaj.js";import{_ as Re}from"./BsPkf8Fq.js";import{_ as Ne}from"./CGpKcNx7.js";import{_ as Fe}from"./D1XImzPn.js";import{_ as Le}from"./BhMHHGjC.js";import{_ as je}from"./C392U5_K.js";import{u as Pe}from"./D2DkqgtI.js";import"./BO2UtWXE.js";import"./7yIyqIY0.js";import"./CKCLIpbs.js";const[F,Ke]=ue("TabsRoot");var Oe=T({__name:"TabsRoot",props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:"horizontal"},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:"automatic"},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:["update:modelValue"],setup(r,{emit:n}){const m=r,t=n,{orientation:l,unmountOnHide:p,dir:d}=Z(m),a=Me(d);U();const o=ne(m,"modelValue",t,{defaultValue:m.defaultValue,passive:m.modelValue===void 0}),s=I(),g=re(new Set);return Ke({modelValue:o,changeModelValue:v=>{o.value=v},orientation:l,dir:a,unmountOnHide:p,activationMode:m.activationMode,baseId:Ae(void 0,"reka-tabs"),tabsList:s,contentIds:g,registerContent:v=>{g.value=new Set([...g.value,v])},unregisterContent:v=>{const b=new Set(g.value);b.delete(v),g.value=b}}),(v,b)=>(f(),h(e(B),{dir:e(a),"data-orientation":e(l),"as-child":v.asChild,as:v.as},{default:c(()=>[z(v.$slots,"default",{modelValue:e(o)})]),_:3},8,["dir","data-orientation","as-child","as"]))}}),He=Oe;function ae(r,n){return`${r}-trigger-${n}`}function ie(r,n){return`${r}-content-${n}`}var Ee=T({__name:"TabsContent",props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(r){const n=r,{forwardRef:m}=U(),t=F(),l=x(()=>ae(t.baseId,n.value)),p=x(()=>ie(t.baseId,n.value)),d=x(()=>n.value===t.modelValue.value),a=I(d.value);return de(()=>{t.registerContent(n.value),requestAnimationFrame(()=>{a.value=!1})}),ce(()=>{t.unregisterContent(n.value)}),(o,s)=>(f(),h(e(fe),{present:o.forceMount||d.value,"force-mount":""},{default:c(({present:g})=>[u(e(B),{id:p.value,ref:e(m),"as-child":o.asChild,as:o.as,role:"tabpanel","data-state":d.value?"active":"inactive","data-orientation":e(t).orientation.value,"aria-labelledby":l.value,hidden:!g,tabindex:"0",style:ve({animationDuration:a.value?"0s":void 0})},{default:c(()=>[!e(t).unmountOnHide.value||g?z(o.$slots,"default",{key:0}):C("v-if",!0)]),_:2},1032,["id","as-child","as","data-state","data-orientation","aria-labelledby","hidden","style"])]),_:3},8,["present"]))}}),Ge=Ee,We=T({__name:"TabsIndicator",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(r,{expose:n}){const m=r,t=F();n({updateIndicatorStyle:d}),U();const l=I({size:null,position:null}),p=I([]);E(()=>[t.modelValue.value,t?.dir.value],()=>{d()},{immediate:!0,flush:"post"}),me(()=>{p.value=Array.from(t.tabsList.value?.querySelectorAll('[role="tab"]')||[])}),pe(x(()=>[t.tabsList.value,...p.value]),d);function d(){const a=t.tabsList.value?.querySelector('[role="tab"][data-state="active"]');a&&(t.orientation.value==="horizontal"?l.value={size:a.offsetWidth,position:a.offsetLeft}:l.value={size:a.offsetHeight,position:a.offsetTop})}return(a,o)=>typeof l.value.size=="number"?(f(),h(e(B),A({key:0},m,{style:{"--reka-tabs-indicator-size":`${l.value.size}px`,"--reka-tabs-indicator-position":`${l.value.position}px`}}),{default:c(()=>[z(a.$slots,"default")]),_:3},16,["style"])):C("v-if",!0)}}),Je=We,Qe=T({__name:"TabsList",props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(r){const n=r,{loop:m}=Z(n),{forwardRef:t,currentElement:l}=U(),p=F();return p.tabsList=l,(d,a)=>(f(),h(e(Ue),{"as-child":"",orientation:e(p).orientation.value,dir:e(p).dir.value,loop:e(m)},{default:c(()=>[u(e(B),{ref:e(t),role:"tablist","as-child":d.asChild,as:d.as,"aria-orientation":e(p).orientation.value},{default:c(()=>[z(d.$slots,"default")]),_:3},8,["as-child","as","aria-orientation"])]),_:3},8,["orientation","dir","loop"]))}}),Xe=Qe,Ye=T({__name:"TabsTrigger",props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"button"}},setup(r){const n=r,{forwardRef:m}=U(),t=F(),l=x(()=>ae(t.baseId,n.value)),p=x(()=>t.contentIds.value.has(n.value)?ie(t.baseId,n.value):void 0),d=x(()=>n.value===t.modelValue.value);return(a,o)=>(f(),h(e(Be),{"as-child":"",focusable:!a.disabled,active:d.value},{default:c(()=>[u(e(B),{id:l.value,ref:e(m),role:"tab",type:a.as==="button"?"button":void 0,as:a.as,"as-child":a.asChild,"aria-selected":d.value?"true":"false","aria-controls":p.value,"data-state":d.value?"active":"inactive",disabled:a.disabled,"data-disabled":a.disabled?"":void 0,"data-orientation":e(t).orientation.value,onMousedown:o[0]||(o[0]=ee(s=>{!a.disabled&&s.ctrlKey===!1?e(t).changeModelValue(a.value):s.preventDefault()},["left"])),onKeydown:o[1]||(o[1]=ge(s=>e(t).changeModelValue(a.value),["enter","space"])),onFocus:o[2]||(o[2]=()=>{const s=e(t).activationMode!=="manual";!d.value&&!a.disabled&&s&&e(t).changeModelValue(a.value)})},{default:c(()=>[z(a.$slots,"default")]),_:3},8,["id","type","as","as-child","aria-selected","aria-controls","data-state","disabled","data-disabled","data-orientation"])]),_:3},8,["focusable","active"]))}}),Ze=Ye;const et={slots:{root:"flex items-center gap-2",list:"relative flex p-1 group",indicator:"absolute transition-[translate,width] duration-200",trigger:["group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75","transition-colors"],leadingIcon:"shrink-0",leadingAvatar:"shrink-0",leadingAvatarSize:"",label:"truncate",trailingBadge:"shrink-0",trailingBadgeSize:"sm",content:"focus:outline-none w-full"},variants:{color:{primary:"",secondary:"",success:"",info:"",warning:"",error:"",neutral:""},variant:{pill:{list:"bg-elevated rounded-lg",trigger:"grow",indicator:"rounded-md shadow-xs"},link:{list:"border-default",indicator:"rounded-full",trigger:"focus:outline-none"}},orientation:{horizontal:{root:"flex-col",list:"w-full",indicator:"left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)",trigger:"justify-center"},vertical:{list:"flex-col",indicator:"top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"}},size:{xs:{trigger:"px-2 py-1 text-xs gap-1",leadingIcon:"size-4",leadingAvatarSize:"3xs"},sm:{trigger:"px-2.5 py-1.5 text-xs gap-1.5",leadingIcon:"size-4",leadingAvatarSize:"3xs"},md:{trigger:"px-3 py-1.5 text-sm gap-1.5",leadingIcon:"size-5",leadingAvatarSize:"2xs"},lg:{trigger:"px-3 py-2 text-sm gap-2",leadingIcon:"size-5",leadingAvatarSize:"2xs"},xl:{trigger:"px-3 py-2 text-base gap-2",leadingIcon:"size-6",leadingAvatarSize:"xs"}}},compoundVariants:[{orientation:"horizontal",variant:"pill",class:{indicator:"inset-y-1"}},{orientation:"horizontal",variant:"link",class:{list:"border-b -mb-px",indicator:"-bottom-px h-px"}},{orientation:"vertical",variant:"pill",class:{indicator:"inset-x-1",list:"items-center"}},{orientation:"vertical",variant:"link",class:{list:"border-s -ms-px",indicator:"-start-px w-px"}},{color:"primary",variant:"pill",class:{indicator:"bg-primary",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"}},{color:"secondary",variant:"pill",class:{indicator:"bg-secondary",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary"}},{color:"success",variant:"pill",class:{indicator:"bg-success",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success"}},{color:"info",variant:"pill",class:{indicator:"bg-info",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info"}},{color:"warning",variant:"pill",class:{indicator:"bg-warning",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning"}},{color:"error",variant:"pill",class:{indicator:"bg-error",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error"}},{color:"neutral",variant:"pill",class:{indicator:"bg-inverted",trigger:"data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted"}},{color:"primary",variant:"link",class:{indicator:"bg-primary",trigger:"data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"}},{color:"secondary",variant:"link",class:{indicator:"bg-secondary",trigger:"data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary"}},{color:"success",variant:"link",class:{indicator:"bg-success",trigger:"data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success"}},{color:"info",variant:"link",class:{indicator:"bg-info",trigger:"data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info"}},{color:"warning",variant:"link",class:{indicator:"bg-warning",trigger:"data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning"}},{color:"error",variant:"link",class:{indicator:"bg-error",trigger:"data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error"}},{color:"neutral",variant:"link",class:{indicator:"bg-inverted",trigger:"data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted"}}],defaultVariants:{color:"primary",variant:"pill",size:"md"}},tt={__name:"UTabs",props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:"horizontal"},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:"value"},labelKey:{type:null,required:!1,default:"label"},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:"0"},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:["update:modelValue"],setup(r,{expose:n,emit:m}){const t=r,l=m,p=be(),d=_e(),a=ye("tabs",t),o=he(xe(t,"as","unmountOnHide"),l),s=x(()=>J({extend:J(et),...d.ui?.tabs||{}})({color:t.color,variant:t.variant,size:t.size,orientation:t.orientation})),g=I([]);function v(b,_){g.value[b]=_}return n({triggersRef:g}),(b,_)=>(f(),h(e(He),A(e(o),{"model-value":r.modelValue,"default-value":r.defaultValue,orientation:r.orientation,"activation-mode":r.activationMode,"data-slot":"root",class:s.value.root({class:[e(a)?.root,t.class]})}),{default:c(()=>[u(e(Xe),{"data-slot":"list",class:S(s.value.list({class:e(a)?.list}))},{default:c(()=>[u(e(Je),{"data-slot":"indicator",class:S(s.value.indicator({class:e(a)?.indicator}))},null,8,["class"]),z(b.$slots,"list-leading"),(f(!0),$(N,null,O(r.items,(i,w)=>(f(),h(e(Ze),{key:e(q)(i,t.valueKey)??w,ref_for:!0,ref:M=>v(w,M),value:e(q)(i,t.valueKey)??String(w),disabled:i.disabled,"data-slot":"trigger",class:S(s.value.trigger({class:[e(a)?.trigger,i.ui?.trigger]}))},{default:c(()=>[z(b.$slots,"leading",{item:i,index:w,ui:s.value},()=>[i.icon?(f(),h(G,{key:0,name:i.icon,"data-slot":"leadingIcon",class:S(s.value.leadingIcon({class:[e(a)?.leadingIcon,i.ui?.leadingIcon]}))},null,8,["name","class"])):i.avatar?(f(),h(te,A({key:1,size:i.ui?.leadingAvatarSize||e(a)?.leadingAvatarSize||s.value.leadingAvatarSize()},{ref_for:!0},i.avatar,{"data-slot":"leadingAvatar",class:s.value.leadingAvatar({class:[e(a)?.leadingAvatar,i.ui?.leadingAvatar]})}),null,16,["size","class"])):C("",!0)]),e(q)(i,t.labelKey)||p.default?(f(),$("span",{key:0,"data-slot":"label",class:S(s.value.label({class:[e(a)?.label,i.ui?.label]}))},[z(b.$slots,"default",{item:i,index:w},()=>[H(k(e(q)(i,t.labelKey)),1)])],2)):C("",!0),z(b.$slots,"trailing",{item:i,index:w,ui:s.value},()=>[i.badge||i.badge===0?(f(),h(Y,A({key:0,color:"neutral",variant:"outline",size:i.ui?.trailingBadgeSize||e(a)?.trailingBadgeSize||s.value.trailingBadgeSize()},{ref_for:!0},typeof i.badge=="string"||typeof i.badge=="number"?{label:i.badge}:i.badge,{"data-slot":"trailingBadge",class:s.value.trailingBadge({class:[e(a)?.trailingBadge,i.ui?.trailingBadge]})}),null,16,["size","class"])):C("",!0)])]),_:2},1032,["value","disabled","class"]))),128)),z(b.$slots,"list-trailing")]),_:3},8,["class"]),r.content?(f(!0),$(N,{key:0},O(r.items,(i,w)=>(f(),h(e(Ge),{key:e(q)(i,t.valueKey)??w,value:e(q)(i,t.valueKey)??String(w),"data-slot":"content",class:S(s.value.content({class:[e(a)?.content,i.ui?.content,i.class]}))},{default:c(()=>[z(b.$slots,i.slot||"content",{item:i,index:w,ui:s.value},()=>[H(k(i.content),1)])]),_:2},1032,["value","class"]))),128)):C("",!0)]),_:3},16,["model-value","default-value","orientation","activation-mode","class"]))}},at={class:"overflow-y-auto divide-y divide-default"},it=["onClick"],st={class:"flex items-center gap-3"},lt={class:"text-dimmed line-clamp-1"},ot=T({__name:"InboxList",props:ze({mails:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(r){const n=r,{locale:m}=W(),t=I({}),l=we(r,"modelValue"),p=x(()=>new Intl.DateTimeFormat(m.value==="zh-CN"?"zh-CN":"en-US",{day:"2-digit",month:"short"})),d=x(()=>new Intl.DateTimeFormat(m.value==="zh-CN"?"zh-CN":"en-US",{hour:"2-digit",minute:"2-digit",hour12:!1})),a=o=>{const s=new Date(o),g=new Date;return g.setHours(0,0,0,0),s>=g?d.value.format(s):p.value.format(s)};return E(l,()=>{if(!l.value)return;const o=t.value[l.value.id];o&&o.scrollIntoView({block:"nearest"})}),De({arrowdown:()=>{const o=n.mails.findIndex(s=>s.id===l.value?.id);o===-1?l.value=n.mails[0]:o<n.mails.length-1&&(l.value=n.mails[o+1])},arrowup:()=>{const o=n.mails.findIndex(s=>s.id===l.value?.id);o===-1?l.value=n.mails[n.mails.length-1]:o>0&&(l.value=n.mails[o-1])}}),(o,s)=>{const g=ke;return f(),$("div",at,[(f(!0),$(N,null,O(r.mails,(v,b)=>(f(),$("div",{key:b,ref_for:!0,ref:_=>{e(t)[v.id]=_}},[y("div",{class:S(["p-4 sm:px-6 text-sm cursor-pointer border-l-2 transition-colors",[v.unread?"text-highlighted":"text-toned",l.value&&l.value.id===v.id?"border-primary bg-primary/10":"border-bg hover:border-primary hover:bg-primary/5"]]),onClick:_=>l.value=v},[y("div",{class:S(["flex items-center justify-between",[v.unread&&"font-semibold"]])},[y("div",st,[H(k(v.from.name)+" ",1),v.unread?(f(),h(g,{key:0})):C("",!0)]),y("span",null,k(a(v.date)),1)],2),y("p",{class:S(["truncate",[v.unread&&"font-semibold"]])},k(v.subject),3),y("p",lt,k(v.body),1)],10,it)]))),128))])}}}),nt=Object.assign(ot,{__name:"InboxList"}),rt={class:"flex flex-col sm:flex-row justify-between gap-1 p-4 sm:px-6 border-b border-default"},ut={class:"flex items-start gap-4 sm:my-1.5"},dt={class:"min-w-0"},ct={class:"font-semibold text-highlighted"},vt={class:"text-muted"},ft={class:"max-sm:pl-16 text-muted text-sm sm:mt-2"},mt={class:"flex-1 p-4 sm:p-6 overflow-y-auto"},pt={class:"whitespace-pre-wrap"},gt={class:"pb-4 px-4 sm:px-6 shrink-0"},bt={class:"text-sm truncate"},_t={class:"flex items-center justify-between"},yt={class:"flex items-center justify-end gap-2"},ht=T({__name:"InboxMail",props:{mail:{}},emits:["close"],setup(r,{emit:n}){const m=n,{locale:t,t:l}=W(),p=x(()=>[[{label:l("inbox.actions.markAsUnread"),icon:"i-lucide-check-circle"},{label:l("inbox.actions.markAsImportant"),icon:"i-lucide-triangle-alert"}],[{label:l("inbox.actions.starThread"),icon:"i-lucide-star"},{label:l("inbox.actions.muteThread"),icon:"i-lucide-circle-pause"}]]),d=Ie(),a=I(""),o=I(!1),s=x(()=>new Intl.DateTimeFormat(t.value==="zh-CN"?"zh-CN":"en-US",{day:"2-digit",month:"short",hour:"2-digit",minute:"2-digit",hour12:!1}));function g(){o.value=!0,setTimeout(()=>{a.value="",d.add({title:l("inbox.toast.sentTitle"),description:l("inbox.toast.sentDescription"),icon:"i-lucide-check-circle",color:"success"}),o.value=!1},1e3)}return(v,b)=>{const _=Se,i=Re,w=Ne,M=X,L=te,j=G,P=Fe,K=Le,D=Q;return f(),h(D,{id:"inbox-2"},{default:c(()=>[u(M,{title:r.mail.subject,toggle:!1},{leading:c(()=>[u(_,{icon:"i-lucide-x",color:"neutral",variant:"ghost",class:"-ms-1.5",onClick:b[0]||(b[0]=R=>m("close"))})]),right:c(()=>[u(i,{text:e(l)("inbox.actions.archive")},{default:c(()=>[u(_,{icon:"i-lucide-inbox",color:"neutral",variant:"ghost"})]),_:1},8,["text"]),u(i,{text:e(l)("inbox.actions.reply")},{default:c(()=>[u(_,{icon:"i-lucide-reply",color:"neutral",variant:"ghost"})]),_:1},8,["text"]),u(w,{items:e(p)},{default:c(()=>[u(_,{icon:"i-lucide-ellipsis-vertical",color:"neutral",variant:"ghost"})]),_:1},8,["items"])]),_:1},8,["title"]),y("div",rt,[y("div",ut,[u(L,A(r.mail.from.avatar,{alt:r.mail.from.name,size:"3xl"}),null,16,["alt"]),y("div",dt,[y("p",ct,k(r.mail.from.name),1),y("p",vt,k(r.mail.from.email),1)])]),y("p",ft,k(e(s).format(new Date(r.mail.date))),1)]),y("div",mt,[y("p",pt,k(r.mail.body),1)]),y("div",gt,[u(K,{variant:"subtle",class:"mt-auto",ui:{header:"flex items-center gap-1.5 text-dimmed"}},{header:c(()=>[u(j,{name:"i-lucide-reply",class:"size-5"}),y("span",bt,k(e(l)("inbox.compose.replyTo",{name:r.mail.from.name,email:r.mail.from.email})),1)]),default:c(()=>[y("form",{onSubmit:ee(g,["prevent"])},[u(P,{modelValue:e(a),"onUpdate:modelValue":b[1]||(b[1]=R=>Ce(a)?a.value=R:null),color:"neutral",variant:"none",required:"",autoresize:"",placeholder:e(l)("inbox.compose.placeholder"),rows:4,disabled:e(o),class:"w-full",ui:{base:"p-0 resize-none"}},null,8,["modelValue","placeholder","disabled"]),y("div",_t,[u(i,{text:e(l)("inbox.actions.attachFile")},{default:c(()=>[u(_,{color:"neutral",variant:"ghost",icon:"i-lucide-paperclip"})]),_:1},8,["text"]),y("div",yt,[u(_,{color:"neutral",variant:"ghost",label:e(l)("common.saveDraft")},null,8,["label"]),u(_,{type:"submit",color:"neutral",loading:e(o),label:e(l)("common.send"),icon:"i-lucide-send"},null,8,["loading","label"])])])],32)]),_:1})])]),_:1})}}}),xt=Object.assign(ht,{__name:"InboxMail"}),wt={key:1,class:"hidden lg:flex flex-1 items-center justify-center"},Ft=T({__name:"inbox",async setup(r){let n,m;const{t}=W(),l=Pe(),p=x(()=>[{label:t("inbox.tabs.all"),value:"all"},{label:t("inbox.tabs.unread"),value:"unread"}]),d=I("all"),{data:a}=([n,m]=$e(()=>l.getMails()),n=await n,m(),n),o=x(()=>d.value==="unread"?a.value.filter(_=>!!_.unread):a.value),s=I(),g=x({get(){return!!s.value},set(_){_||(s.value=null)}});E(o,()=>{o.value.find(_=>_.id===s.value?.id)||(s.value=null)});const b=Te(qe).smaller("lg");return(_,i)=>{const w=oe,M=Y,L=tt,j=X,P=nt,K=Q,D=xt,R=G,se=je,le=Ve;return f(),$(N,null,[u(K,{id:"inbox-1","default-size":25,"min-size":20,"max-size":30,resizable:""},{default:c(()=>[u(j,{title:e(t)("inbox.title")},{leading:c(()=>[u(w)]),trailing:c(()=>[u(M,{label:o.value.length,variant:"subtle"},null,8,["label"])]),right:c(()=>[u(L,{modelValue:d.value,"onUpdate:modelValue":i[0]||(i[0]=V=>d.value=V),items:p.value,content:!1,size:"xs"},null,8,["modelValue","items"])]),_:1},8,["title"]),u(P,{modelValue:s.value,"onUpdate:modelValue":i[1]||(i[1]=V=>s.value=V),mails:o.value},null,8,["modelValue","mails"])]),_:1}),s.value?(f(),h(D,{key:0,mail:s.value,onClose:i[2]||(i[2]=V=>s.value=null)},null,8,["mail"])):(f(),$("div",wt,[u(R,{name:"i-lucide-inbox",class:"size-32 text-dimmed"})])),u(le,null,{default:c(()=>[e(b)?(f(),h(se,{key:0,open:g.value,"onUpdate:open":i[4]||(i[4]=V=>g.value=V)},{content:c(()=>[s.value?(f(),h(D,{key:0,mail:s.value,onClose:i[3]||(i[3]=V=>s.value=null)},null,8,["mail"])):C("",!0)]),_:1},8,["open"])):C("",!0)]),_:1})],64)}}});export{Ft as default};