import b from"./BUy-KXTC.js";import{d as h,r as k,e as x,f as a,F as m,y as v,x as $,v as R,g as _,o as s,i as g,A as S,_ as C}from"./BxiWQxwE.js";const M=["id","aria-label","onClick","onMouseover"],q={key:1,class:"stars"},N=["aria-label"],V={key:0},L=h({__name:"stars",props:{averageRating:{type:Number,required:!0},canVote:{type:Boolean,required:!1,default:!1},maxStars:{type:Number,required:!1,default:5},showRating:{type:Boolean,required:!1,default:!1}},emits:["handle-rating"],setup(r,{emit:p}){const l=r,i=k([]),y=p,c=x(()=>l.averageRating>0?Math.round(l.averageRating/2):0),u=d=>{i.value.forEach((n,o)=>{var f;const e=o+1,t=((f=n.attributes)==null?void 0:f.id.value)===`star-${e}`?n:null;t&&e<=d?t==null||t.classList.add("active"):t==null||t.classList.remove("active")})};return(d,n)=>{const o=b;return r.canVote?(s(),a("div",{key:0,class:"stars votable",onMouseleave:n[0]||(n[0]=e=>u(0))},[(s(!0),a(m,null,v(r.maxStars,e=>(s(),a("button",{id:`star-${e}`,ref_for:!0,ref_key:"starRefs",ref:i,key:`ster-${e}`,"aria-label":`Star ${e}`,type:"button",onClick:t=>y("handle-rating",e),onMouseover:t=>u(e)},[g(o)],40,M))),128))],32)):(s(),a("div",q,[(s(!0),a(m,null,v(r.maxStars,e=>(s(),a("button",{key:`ster-${e}`,"aria-label":`Star ${e}`,type:"button",class:S({active:e<=_(c)})},[g(o)],10,N))),128)),r.showRating?(s(),a("span",V,"("+R(_(c))+")",1)):$("",!0)]))}}}),E=C(L,[["__scopeId","data-v-ed8b2edc"]]);export{E as default};