import x from"./BiNVmQQE.js";import{d as B,r as u,f as r,h as n,x as d,g as e,F as h,y,t as k,A as v,o,V as S,z as I,_ as A}from"./BxiWQxwE.js";import{u as E}from"./BoIRubSN.js";const H={class:"product__images"},N={class:"product__images--wrapper"},P=["alt","src"],V={key:0,class:"logos"},q=["src","alt"],D=["aria-label","onClick"],F=["alt","src"],C=500,z=500,w="crop",M=B({__name:"image",props:{logos:{type:Array,required:!0},images:{type:Array,required:!0}},setup(l){const c=S(),m=u(null),_=u(null),{showNextButton:g,showPrevButton:b,scroll:p,toggleButtons:f}=E(m,_),a=u(0);return(T,s)=>{const $=x;return o(),r("div",H,[n("div",N,[n("img",{class:"main",loading:"lazy",alt:l.images[e(a)].alt,src:`${e(c).public.files}/${l.images[e(a)].image}?width=${C}&height=${z}&mode=${w}`},null,8,P),l.logos.length>0?(o(),r("div",V,[(o(!0),r(h,null,y(l.logos,t=>(o(),r("img",{key:t.image,src:`${e(c).public.files}/${t.image}`,alt:t.description,loading:"lazy"},null,8,q))),128))])):d("",!0)]),n("div",{ref_key:"productSelectorParent",ref:m,class:"product__images--selector"},[e(b)?(o(),k($,{key:0,icon:"arrow-left",class:"controls controls__left",size:"4rem","icon-size":"1.8rem",onClick:s[0]||(s[0]=t=>e(p)("previous"))})):d("",!0),n("div",{ref_key:"productSelectorChild",ref:_,class:v({carousel:e(g)}),onScroll:s[1]||(s[1]=(...t)=>e(f)&&e(f)(...t))},[(o(!0),r(h,null,y(l.images,(t,i)=>(o(),r("button",{key:`${t.alt}_${i}`,class:v({selected:i===e(a)}),type:"button","aria-label":t.alt,onClick:I(G=>a.value=i,["prevent"])},[n("img",{loading:"lazy",alt:t.alt,src:`${e(c).public.files}/${t.image}?width=${C}&height=${z}&mode=${w}`},null,8,F)],10,D))),128))],34),e(g)?(o(),k($,{key:1,icon:"arrow-right",class:"controls controls__right",size:"4rem","icon-size":"1.8rem",onClick:s[2]||(s[2]=t=>e(p)("next"))})):d("",!0)],512)])}}}),W=A(M,[["__scopeId","data-v-4801f3a4"]]);export{W as default};