import{P as e,S as t,U as n,g as r,k as i,y as a,z as o}from"./vendor-vue-DQuhj895.js";import{n as s,t as c}from"./teamMemberRole-BdsZIh6l.js";var l=function(e){return e[e.left=0]=`left`,e[e.center=1]=`center`,e[e.right=2]=`right`,e}({}),u=s(t({__name:`PhaseTimer`,props:{timeLeft:{default:0},totalTime:{default:60},color:{default:()=>({background:`#000000`})},orientation:{default:()=>l.center}},setup(t,{expose:s}){let c=o(null),u=o(null);function d(e){switch(e){case l.left:return`flex-start`;case l.center:return`center`;case l.right:return`flex-end`;default:return`center`}}return e(()=>t.timeLeft,e=>{let n=parseFloat(c.value.style.width);(e??0/(t.totalTime??1))>n&&(c.value?.classList.remove(`timer-transition`),setTimeout(()=>{c.value?.classList.add(`timer-transition`)},100))}),s({container:u,timerBar:c}),(e,o)=>(i(),a(`div`,{ref_key:`container`,ref:u,class:`flex flex-row`,style:n({"justify-content":d(t.orientation)})},[r(`div`,{ref_key:`timerBar`,ref:c,style:n({width:t.timeLeft/t.totalTime*100+`%`,...t.color}),class:`h-full timer-transition`},null,4)],4))}}),[[`__scopeId`,`data-v-ef14c2a8`]]),d=class{memberId=0;teamId=0;alias=``;puuid=``;isActive=!1;tag=``;iconUri;role=c.Unknown;familyName=``;givenName=``;displayName;videoStreamUrl};export{u as n,l as r,d as t};