https://tabu.ro/_nuxt/DyRyQ2_d.js

1import{_ as C}from"./3fqf7sOS.js";import B from"./DoZWNKCO.js";import{S as I,a as N,N as A}from"./C17MC3Nm.js";import{d as V,V as E,u as G,o as s,c as a,f as d,w as f,F as r,r as g,q as L,e as o,t as v,n as b,m as n,B as F,p}from"./B0QnNv5Y.js";const q={class:"relative aspect-[3/2] overflow-hidden bg-theme-secondary-100 dark:bg-theme-secondary-800 rounded-lg"},D=["src"],O={key:0,class:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/50 to-transparent pt-8 pb-3 px-4 z-10"},P={class:"text-white text-sm md:text-base"},T={key:0,class:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/50 to-transparent pt-8 pb-3 px-4 z-10"},U={class:"text-white text-sm md:text-base"},W={class:"article-slider-prev absolute left-2 md:left-4 top-1/2 -translate-y-1/2 z-10 w-10 h-10 flex items-center justify-center rounded-full bg-white/90 hover:bg-theme-primary-500 text-theme-secondary-700 hover:text-white transition-all shadow-lg"},$={class:"article-slider-next absolute right-2 md:right-4 top-1/2 -translate-y-1/2 z-10 w-10 h-10 flex items-center justify-center rounded-full bg-white/90 hover:bg-theme-primary-500 text-theme-secondary-700 hover:text-white transition-all shadow-lg"},H={class:"absolute bottom-14 left-0 right-0 z-10 flex justify-center items-center gap-1"},J=["onClick"],K=V({__name:"ArticleGallery",props:{media:{}},setup(u){const w=u,y=[A],m=p(null),h=p(0),i=p(new Set([0])),x=e=>{m.value=e},k=e=>{h.value=e.realIndex};E(h,e=>{const c=w.media.length;i.value.add(e),i.value.add((e+1)%c),i.value.add((e-1+c)%c)});const z=e=>i.value.has(e),{articlePlaceholder:S}=G();return(e,c)=>{const j=C,_=B;return s(),a(r,null,[d(n(N),{modules:y,"slides-per-view":1,loop:!0,navigation:{nextEl:".article-slider-next",prevEl:".article-slider-prev"},class:"w-full",onSwiper:x,onSlideChange:k},{default:f(()=>[(s(!0),a(r,null,g(u.media,(t,l)=>(s(),L(n(I),{key:l},{default:f(()=>[o("div",q,[t.type==="video"?(s(),a(r,{key:0},[o("video",{src:t.url,controls:"",class:"w-full h-full object-cover",preload:"metadata"},null,8,D),t.caption?(s(),a("div",O,[o("p",P,v(t.caption),1)])):b("",!0)],64)):(s(),a(r,{key:1},[d(j,{src:z(l)?t.url:n(S),alt:t.caption||"",width:1200,height:800,priority:l===0,sizes:"xs:100vw sm:100vw md:100vw lg:989px",class:"w-full h-full object-cover"},null,8,["src","alt","priority"]),t.caption?(s(),a("div",T,[o("p",U,v(t.caption),1)])):b("",!0)],64))])]),_:2},1024))),128))]),_:1}),o("button",W,[d(_,{name:"mdi:chevron-left",class:"w-6 h-6"})]),o("button",$,[d(_,{name:"mdi:chevron-right",class:"w-6 h-6"})]),o("div",H,[(s(!0),a(r,null,g(u.media,(t,l)=>(s(),a("button",{key:l,class:"size-3 lg:size-4 flex items-center justify-center cursor-pointer",onClick:M=>n(m)?.slideToLoop(l)},[o("span",{class:F(["indicator-shadow rounded-full bg-white/40 transition-transform duration-300",l===n(h)?"size-2 scale-150 lg:scale-200 !bg-white":"size-1.5 lg:size-2"])},null,2)],8,J))),128))])],64)}}}),Z=Object.assign(K,{__name:"BlogArticleGallery"});export{Z as default};