import{d as x,a as C,r as d,j as N,aF as R,f as o,h as e,z as S,g as a,i as m,v as s,x as f,F as T,y as $,o as c,bp as j,A,_ as B}from"./BxiWQxwE.js";import F from"./DAhppdMY.js";const L=["aria-label"],V={class:"steps__container"},w={class:"header"},z=["id","onClick"],M={key:0},q=x({__name:"steps",props:{recipe:{type:Object,required:!0}},emits:["close-steps"],setup(p,{emit:v}){const{$messages:l}=C(),k=v,b=d(null),h=d(null),t=d([]),y=r=>{t.value.includes(r)?t.value=t.value.filter(_=>_!==r):t.value=[...t.value,r]};return N(()=>document.body.classList.add("locked")),R(()=>document.body.classList.remove("locked")),(r,u)=>{const _=j,g=F;return c(),o("div",{ref_key:"stepsRef",ref:b,class:"steps"},[e("header",null,[e("button",{"aria-label":a(l)("aria.backToRecipe"),onClick:u[0]||(u[0]=S(i=>k("close-steps"),["prevent"]))},[m(_),e("span",null,s(a(l)("recipes.backTo")),1)],8,L),e("h3",null,s(p.recipe.title),1)]),e("div",V,[e("div",w,[e("span",null,s(a(l)("recipes.stepTitle")),1),e("span",null,s(a(l)("recipes.preparationTitle")),1)]),p.recipe.steps?(c(),o("ul",{key:0,ref_key:"listStepsRef",ref:h},[(c(!0),o(T,null,$(p.recipe.steps,(i,n)=>(c(),o("li",{id:"step_"+(n+1),key:`step-${n}`,class:A([{active:a(t).includes(Number(n+1))}]),onClick:D=>y(Number(n+1))},[e("div",null,[e("span",null,s(n+1),1),m(g)]),typeof i=="object"&&i.text?(c(),o("p",M,s(i.text),1)):f("",!0)],10,z))),128))],512)):f("",!0)])],512)}}}),O=B(q,[["__scopeId","data-v-52ab490a"]]);export{O as default};