1import{s as D}from"./6LkNkvTo.js";import{d as E,e as O,a as S,z as P,c as i,g as s,i as w,a4 as b,F as $,s as q,r as m,j as v,o as u,v as R,t as L}from"./fKDK9Na9.js";const M={class:"pt-0 pb-0 md:pb-0 px-3 md:px-6 lg:px-0",style:{background:"#FFF"}},W={class:"relative mx-auto max-w-[1337px]"},X=["href"],U=["src","alt"],V={key:1,class:"absolute h-108 inset-0 bg-radial-[at_25%_25%] from-white! to-[#FFFBE6]! to-100%"},G={class:"relative z-10 flex flex-col justify-center gap-6 h-full pl-16 py-6",style:{"max-width":"65%"}},J=["src","alt"],K={class:"font-bold text-[#4D4D4F] text-2xl md:text-3xl whitespace-pre-line"},H=16,A=0,p=3,Z=E({__name:"BasicCardCarouselComponent",props:{slides:{default:()=>[]},autoplayDelay:{default:3}},setup(C){const l=C,n=m(0),a=m(!0);let f=null;const c=m(null),d=m(0),o=v(()=>{if(!l.slides)return[];if(Array.isArray(l.slides))return l.slides;if(typeof l.slides=="string")try{const e=JSON.parse(l.slides);return Array.isArray(e)?e:[]}catch{return[]}return[]}),F=v(()=>{const e=l.autoplayDelay,t=typeof e=="string"?parseInt(e,10):e;return isNaN(t)||t<=0?3e3:t*1e3}),z=v(()=>{const e=o.value;return e.length<3?e:[...e.slice(-p),...e,...e.slice(0,p)]}),x=()=>{d.value=410},I=v(()=>!c.value||!d.value?0:c.value.offsetWidth*A-n.value*(d.value+H)),k=v(()=>d.value>0?`${d.value}px`:`${(1-2*A)*100}%`),N=e=>{if(e.propertyName!=="transform")return;const t=o.value.length;t<3||(n.value<0?(a.value=!1,n.value=t,requestAnimationFrame(()=>requestAnimationFrame(()=>{a.value=!0}))):n.value>=t+p&&(a.value=!1,n.value=p,requestAnimationFrame(()=>requestAnimationFrame(()=>{a.value=!0}))))},j=e=>{a.value=!0,n.value=e+1,_()},T=e=>{a.value=!0,n.value=e-1,_()},h=()=>{g(),o.value.length>=3&&(f=D(()=>{a.value=!0,n.value++},F.value))},g=()=>{f&&(clearInterval(f),f=null)},_=()=>h();let y=null;return O([()=>l.autoplayDelay,()=>l.slides],()=>h(),{deep:!0}),S(()=>{n.value=o.value.length>=3?p:0,x(),c.value&&(y=new ResizeObserver(x),y.observe(c.value)),h()}),P(()=>{g(),y?.disconnect()}),(e,t)=>(u(),i("section",null,[s("div",M,[s("div",W,[s("div",{ref_key:"viewportRef",ref:c,class:"relative overflow-hidden",onMouseenter:g,onMouseleave:h},[s("div",{class:w([{hidden:o.value.length<3},"absolute top-25 z-10 left-0 flex justify-center items-center rounded-full bg-neutral-100 w-9 h-9 cursor-pointer"]),onClick:t[0]||(t[0]=r=>T(n.value))},[...t[2]||(t[2]=[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"feather feather-chevron-left vue-feather__content"},[s("polyline",{points:"15 18 9 12 15 6"})],-1)])],2),s("div",{class:w([{hidden:o.value.length<3},"absolute top-25 z-10 right-0 flex justify-center items-center rounded-full bg-neutral-100 w-9 h-9 cursor-pointer"]),onClick:t[1]||(t[1]=r=>j(n.value))},[...t[3]||(t[3]=[s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"feather feather-chevron-right vue-feather__content"},[s("polyline",{points:"9 18 15 12 9 6"})],-1)])],2),s("div",{class:w(["flex gap-4 md:p-8",{"transition-transform duration-500 ease-in-out":a.value}]),onTransitionend:N,style:b({transform:`translateX(${I.value}px)`})},[(u(!0),i($,null,q(z.value,(r,B)=>(u(),i("div",{key:B,class:"relative shrink-0 border rounded-[36px] overflow-hidden cursor-pointer hover:shadow-xl hover:-translate-y-1 transition-all duration-300 ease-out",style:b({width:k.value,minWidth:k.value,height:"200px"})},[s("a",{href:r.linkTarget},[s("div",null,[r.backgroundImage?(u(),i("img",{key:0,src:r.backgroundImage,alt:r.title,class:"absolute inset-0 w-full h-full object-cover object-center"},null,8,U)):(u(),i("div",V)),t[4]||(t[4]=s("div",{class:"absolute inset-0"},null,-1)),s("div",G,[r.backgroundIcon?(u(),i("img",{key:0,src:r.backgroundIcon,alt:r.title,class:"w-15 h-15!"},null,8,J)):R("",!0),s("div",K,L(r.title),1)])])],8,X)],4))),128))],38)],544)])])]))}});export{Z as _};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.