https://www.invoxia.com/_nuxt/DM86owyy2.js

1import{i as e}from"./DFKnjcOR.js";import{D as t,Ht as n,On as r,Zn as i,_ as a,b as o,ct as s,er as c,it as l,k as u,mt as d,vn as f,xt as p,y as m}from"./B4b-2GOK.js";import{t as h}from"./CewcRIFV.js";import{t as g}from"./B47DF0PZ.js";import{t as _}from"./CKqYeClX.js";import{t as v}from"./DB3znKPp2.js";var y={class:`relative h-full overflow-hidden`},b={class:`pointer-events-auto`},x={class:`pointer-events-auto`},S={class:`pointer-events-auto`},C={key:0,class:`pointer-events-none absolute inset-0 flex flex-col`},w=u({__name:`Carousel`,props:{totalItems:{},dotsOnBlack:{type:Boolean,default:!0},dotsAlign:{default:`center`},showArrows:{type:Boolean,default:!0},hideArrowsOnDesktop:{type:Boolean,default:!0},showDots:{type:Boolean,default:!0},autoRotate:{type:Boolean,default:!1},autoRotateInterval:{default:7e3},modelValue:{default:0}},emits:[`current-changed`,`update:modelValue`],setup(e,{emit:u}){let w=e,T=u,E=f(w.modelValue);n(()=>w.modelValue,e=>{e!==void 0&&e!==E.value&&(E.value=e,M())});let D=f(!1),O=f(null),k=f(null),A=()=>{O.value&&=(clearInterval(O.value),null)},j=()=>{!w.autoRotate||w.totalItems<=1||(A(),O.value=v(()=>{E.value=(E.value+1)%w.totalItems,T(`current-changed`,E.value)},w.autoRotateInterval))},M=()=>{w.autoRotate&&A()},N=()=>{M(),E.value<w.totalItems-1?E.value++:E.value=0,T(`current-changed`,E.value),T(`update:modelValue`,E.value)},P=()=>{M(),E.value>0?E.value--:E.value=w.totalItems-1,T(`current-changed`,E.value),T(`update:modelValue`,E.value)};function F(e){M(),E.value=e,T(`current-changed`,E.value),T(`update:modelValue`,E.value)}let I=()=>{D.value=!0},L=()=>{D.value=!1};return s(()=>{j()}),l(()=>{A()}),_(k,N,P),(n,s)=>(d(),o(`div`,{ref_key:`carouselContainer`,ref:k,class:`relative h-full`,onMouseenter:I,onMouseleave:L},[a(`div`,y,[a(`div`,{class:`flex h-full items-center transition-transform duration-500 ease-in-out`,style:c({transform:`translateX(-${r(E)*100}%)`})},[p(n.$slots,`default`,{currentIndex:r(E)})],4),e.showDots?(d(),o(`div`,{key:0,class:i([`pointer-events-none absolute inset-x-0 bottom-0 z-20 flex items-end p-4 pb-2.5`,e.dotsAlign===`right`?`justify-end`:`justify-center`])},[a(`div`,b,[t(g,{"total-items":e.totalItems,"current-item":r(E),"on-black":e.dotsOnBlack,onSelect:F},null,8,[`total-items`,`current-item`,`on-black`])])],2)):m(``,!0),e.showArrows?(d(),o(`div`,{key:1,class:i([`pointer-events-none absolute inset-0 flex items-center justify-between p-4 transition-opacity duration-300 ease-in-out`,{"opacity-100":!e.hideArrowsOnDesktop||r(D),"opacity-100 lg:opacity-0":e.hideArrowsOnDesktop&&!r(D)}])},[a(`div`,x,[t(h,{class:`p-2`,active:!0,direction:`left`,onClick:P})]),a(`div`,S,[t(h,{class:`p-2`,active:!0,direction:`right`,onClick:N})])],2)):m(``,!0)]),n.$slots.overlay?(d(),o(`div`,C,[p(n.$slots,`overlay`,{currentIndex:r(E)})])):m(``,!0)],544))}}),T=e({default:()=>E}),E=Object.assign(w,{__name:`CustomsCarousel`});export{T as n,E as t};