https://teemdrop.com/_nuxt/BbJ8EzSP.js

1import{_ as T}from"./Bka1xUc1.js";import{influencerDataList as f}from"./1U4e5H4I.js";import{s as w}from"./Bf6aFh3U.js";import{d as B,z as x,A as c,o as A,a6 as D,a as m,C as s,M as L,a1 as b,x as i,y as d,K as q,D as _,_ as z}from"./BEdepSaR.js";const E={class:"relative influencer-carousel-wrap"},M={class:"influencer-carousel-track"},S=["onClick"],F=["src"],K={class:"influencer-quote"},N={class:"influencer-meta"},P={class:"influencer-name-wrap"},U={class:"influencer-name"},V={class:"influencer-followers"},$=B({__name:"Influencer.pc",setup(j){const t=x(0);let o=null;const r=x(null);let a=null;const u=n=>{const l=f.length;return(n+l)%l},I=c(()=>u(t.value-1)),h=c(()=>u(t.value+1)),k=c(()=>[I.value,t.value,h.value]),C=f[0],y=c(()=>k.value.map(n=>({index:n,item:f[n]??C}))),p=()=>{o&&(clearInterval(o),o=null)},v=()=>{p(),o=w(()=>{t.value=u(t.value+1)},5e3)},g=n=>{a&&clearTimeout(a),r.value=n,a=setTimeout(()=>{r.value=null},360),t.value=n,v()};return A(()=>{v()}),D(()=>{p(),a&&clearTimeout(a)}),(n,l)=>(d(),m("div",E,[s("div",M,[(d(!0),m(L,null,b(i(y),e=>(d(),m("article",{key:e.index,class:q(["influencer-card",{active:e.index===i(t),side:e.index!==i(t),"is-clicked":i(r)===e.index}]),onClick:G=>g(e.index)},[s("img",{alt:"",src:e.item.avatar,class:"influencer-avatar"},null,8,F),s("p",K,'"'+_(e.item.quote)+'"',1),s("div",N,[s("div",P,[l[0]||(l[0]=s("img",{alt:"",src:T,class:"youtube-icon"},null,-1)),s("span",U,_(e.item.name),1)]),s("span",V,_(e.item.followers),1)])],10,S))),128))])]))}}),R=z($,[["__scopeId","data-v-91178789"]]);export{R as default};