import{D as z,e as R,h as j,i as q,X as p,o as h,c as w,f as r,m as d,l as G,a as E,Y as T,d as K,b as D,u as n,a6 as x,F as O,Z as U,ao as Y,ac as Z,q as F,j as g,_ as $}from"./CyhkS0ER.js";import H from"./D-VSyObz.js";const J={class:"carousel-container"},P=["href","data-ga-name"],Q=["src","alt"],c=3,W=50,aa=z({__name:"LegacyCardCarousel",props:{title:{},cards:{}},setup(C){const{t:B}=R(),b=C,v=["#F6F3FE","#EEE7FD","#E3D6FF","#CEEDDD","#E2F3EA"],_=F(()=>{const a=b.cards.map((e,o)=>({...e,bgColor:v[o%v.length]}));if(a.length>1){const e=a.length-1,o=a[0].bgColor,f=a[e-1]?.bgColor,m=v.filter(l=>l!==o&&l!==f);if(m.length>0)a[e]={...a[e],bgColor:m[0]};else if(o!==f){const l=v.find(t=>t!==o);l&&(a[e]={...a[e],bgColor:l})}}return a}),I=F(()=>{const a=_.value.slice(-c),e=_.value.slice(0,c);return[...a,..._.value,...e]}),i=g(c),s=g(!1),M=g(null),N=F(()=>({"--position":i.value.toString(),"--animating":s.value?"1":"0"})),u=a=>{s.value||(s.value=!0,i.value+=a,setTimeout(()=>{s.value=!1,i.value>=b.cards.length+c?i.value=c:i.value{s.value||u(e)},y=g(0),k=g(0),X=a=>{y.value=a.touches[0].clientX},A=a=>{k.value=a.touches[0].clientX},V=()=>{const a=k.value-y.value;Math.abs(a)>W&&(a>0?u(-1):u(1)),y.value=0,k.value=0};return j(()=>{const a=e=>{e.key==="ArrowLeft"&&u(-1),e.key==="ArrowRight"&&u(1)};window.addEventListener("keydown",a),q(()=>{window.removeEventListener("keydown",a)})}),(a,e)=>{const o=p("SlpTypography"),f=p("SlpIcon"),m=p("SlpButton"),l=p("SlpContainer");return h(),w("section",null,[r(l,null,{default:d(()=>[C.title?(h(),G(o,{key:0,variant:"heading2-bold",tag:"h2","data-aos":"fade-up","data-aos-duration":"800"},{default:d(()=>[E(T(C.title),1)]),_:1})):K("",!0),D("div",J,[r(m,{variant:"icon",disabled:n(s),class:"nav-button previous-button","aria-label":n(B)("common.previous"),onClick:e[0]||(e[0]=t=>L(t,-1))},{default:d(()=>[r(f,{icon:n(H),size:"lg"},null,8,["icon"])]),_:1},8,["disabled","aria-label"]),D("div",{ref_key:"trackRef",ref:M,class:"carousel-track",style:x(n(N)),onTouchstart:X,onTouchmove:A,onTouchend:V},[(h(!0),w(O,null,U(n(I),(t,S)=>(h(),w("a",{key:`card-${S}`,class:"card",style:x({backgroundColor:t.bgColor}),href:n(s)?null:t.config.href,"data-ga-name":t.config.dataGaName,"data-ga-location":"carousel"},[r(o,{variant:"heading1-bold",tag:"span","data-aos":"fade-in","data-aos-duration":"800","data-aos-delay":S*50},{default:d(()=>[E(T(t?.title),1)]),_:2},1032,["data-aos-delay"]),r(o,{variant:"heading4",tag:"p","data-aos":"fade-in","data-aos-duration":"800","data-aos-delay":S*50},{default:d(()=>[E(T(t.subTitle),1)]),_:2},1032,["data-aos-delay"]),D("img",{class:"card-image",src:t.logo.config.src,alt:t.logo.altText||""},null,8,Q)],12,P))),128))],36),r(m,{variant:"icon",disabled:n(s),class:"nav-button next-button","aria-label":n(B)("common.next"),onClick:e[1]||(e[1]=t=>L(t,1)),onMousedown:e[2]||(e[2]=Y(()=>{},["prevent"]))},{default:d(()=>[r(f,{icon:n(Z),size:"lg"},null,8,["icon"])]),_:1},8,["disabled","aria-label"])])]),_:1})])}}}),oa=Object.assign($(aa,[["__scopeId","data-v-6d5cc09f"]]),{__name:"CommonLegacyCardCarousel"});export{oa as default};

AltStyle によって変換されたページ (->オリジナル) /