import{d as f,i as v,r as g,j as y,p as n,o,c as l,b as i,w as c,n as r,a as u,H as b,I as k,e as P}from"./app.DYjcs_9P.js";import{I as V}from"./ImageEl.BKEiVcHK.js";import{_ as x}from"./_plugin-vue_export-helper.DlAUqK2U.js";const B=f({__name:"CenteredCarousel",props:{images:{},title:{}},setup(p){const a=p,d=v(()=>{let e=a.images;for(;e.length<4;)e=[...e,...a.images];return e}),t=g();return y(()=>{const e={slidesPerView:2,keyboard:{enabled:!0,onlyInViewport:!0},centeredSlides:!0,navigation:{nextEl:".carousel-next",prevEl:".carousel-prev"},loop:!0,breakpoints:{650:{slidesPerView:2},0:{slidesPerView:1}},spaceBetween:25,on:{keyPress(m,s){s==37&&document.querySelector(".carousel-prev").focus(),s==39&&document.querySelector(".carousel-next").focus()}}};Object.assign(t.value,e),t.value.initialize()}),(e,m)=>{const s=n("swiper-slide"),w=n("swiper-container");return o(),l("div",{class:r(e.$style.carouselContainer)},[i(w,{ref_key:"swiperRef",ref:t,init:"false",class:r(e.$style.swiperContainer)},{default:c(()=>[(o(!0),l(b,null,k(d.value,(C,_)=>(o(),P(s,{key:_},{default:c(()=>[i(V,{src:C,alt:e.title},null,8,["src","alt"])]),_:2},1024))),128))]),_:1},8,["class"]),u("div",{class:r(["swiper-button-next carousel-next",e.$style.arrowNext])},null,2),u("div",{class:r(["swiper-button-prev carousel-prev",e.$style.arrowPrev])},null,2)],2)}}}),I="CenteredCarousel__carouselContainer--0egqu1dg",$="CenteredCarousel__swiperContainer--0egqu1dg",h={carouselContainer:I,swiperContainer:$},q={$style:h},S=x(B,[["__cssModules",q],["__file","CenteredCarousel.vue"]]);export{S as C};