import g from"./CGDxacev.js";import N from"./C-_VXZri.js";import{d as P,a as B,e as I,r as v,f as i,x as V,g as s,h as l,v as m,i as p,F as A,y as C,A as L,o as _,J as S,_ as F}from"./BxiWQxwE.js";import"./DbZappjS.js";const M={key:0,class:"ingredients"},T={class:"persons"},U=["aria-label","disabled"],j=P({__name:"ingredients",props:{recipe:{type:Object,required:!0},loading:{type:Boolean,default:!1}},emits:["add-to-basket"],setup(b,{emit:h}){const{$messages:c}=B(),x=b,r=I(()=>{var u;const t=(u=x.recipe)==null?void 0:u.ingredients;return t==null?void 0:t.map(e=>{const a=e.amount>1,d=a?e.unitNamePlural:e.unitNameSingular,n=a?e.namePlural:e.nameSingular;return{...e,text:`${e.amount} ${d??""} ${n}`}})}),o=v(r.value),f=v(o.value.map(t=>t.id)),k=h,y=t=>{if(o.value.some(a=>a.id===t)){o.value=o.value.filter(a=>a.id!==t);return}const e=r.value.find(a=>a.id===t);e&&(o.value=[...o.value,e])},$=()=>k("add-to-basket",o.value);return(t,u)=>{const e=g,a=N,d=S;return s(r)?(_(),i("div",M,[l("h2",null,m(s(c)("recipes.ingredients")),1),l("div",T,[l("span",null,m(s(c)("recipes.numberPersons")),1),p(e)]),l("ul",null,[(_(!0),i(A,null,C(s(r),n=>(_(),i("li",{key:n.id},[p(a,{id:n.text,label:n.text,"aria-label":n.text,"model-value":s(f).includes(n.id),checked:s(f).includes(n.id),"bold-label-checked":!1,"onUpdate:modelValue":q=>y(n.id)},null,8,["id","label","aria-label","model-value","checked","onUpdate:modelValue"])]))),128))]),l("button",{type:"button",class:L([{disabled:s(o).length===0},{loading:b.loading}]),"aria-label":s(c)("recipes.onMyList"),disabled:s(o).length===0,onClick:$},[p(d),l("span",null,m(s(c)("recipes.onMyList")),1)],10,U)])):V("",!0)}}}),O=F(j,[["__scopeId","data-v-05678a9a"]]);export{O as default};