https://www.dorothyperkins.com/build/_shared/chunk-Y4ROQ76T.js

1import{a as I}from"/build/_shared/chunk-LWBPYCCZ.js";import{a as b}from"/build/_shared/chunk-DIKXELKC.js";import{c as M}from"/build/_shared/chunk-PE2RAMGK.js";import{a as w}from"/build/_shared/chunk-UDBCBQQO.js";import{a as q}from"/build/_shared/chunk-FD5H2VPE.js";import{a as k}from"/build/_shared/chunk-ZZB7OGT7.js";import{a as v}from"/build/_shared/chunk-5OBEDPFR.js";import{a as N}from"/build/_shared/chunk-H6S7FWVP.js";import{d as u}from"/build/_shared/chunk-T36URGAI.js";var $=u(N());var t=u(v()),E=({id:e,items:i,optionalSpeedIndex:o})=>{let{createResponsiveImageSrc:h}=I(),c=b(4,8);o=o||30;let n=38,s=n*1.8,C=24,p=i.length,d=[...i],g=0;for(;p<C;)g+=1,i.push(d[g%d.length]),p=i.length;let m=(0,$.useMemo)(()=>i.map(r=>{if(!r)return;let a=h({media:r.CtaCardSrc,widths:c,breakpoints:q});return{imageSrc:a,height:n,width:R(a[0].width,a[0].height,n),href:r.href}}),[i]),l=m.reduce((r,a)=>{var y;return r+((y=a==null?void 0:a.width)!=null?y:0)},0);l+=m.length*s;let L=`
2@keyframes scroll-${e} {
3  0% {
4    transform: translateX(0);
5  }
6  100% {
7    transform: translateX(-${l}px);
8  }
9}
10.marquee-${e} .marquee-track {
11  width: calc(${l}px * 2);
12  animation: scroll-${e} ${o}s linear infinite;
13}
14.marquee-${e} .marquee-track:hover {
15  animation-play-state: paused;
16}
17.marquee-${e} .marquee-item {
18  animation-play-state: paused;
19  transition: all .2s ease-in-out;
20}
21`,f="marquee-item flex items-center hover:scale-110 hover:opacity-50";return(0,t.jsxs)("div",{className:"marquee-outer",children:[(0,t.jsx)("style",{children:L}),(0,t.jsx)("div",{className:`marquee-${e} overflow-x-clip overflow-y-visible`,children:(0,t.jsxs)("div",{className:"marquee-track flex",children:[m.map((r,a)=>r?(0,t.jsx)("div",{className:f,children:(0,t.jsx)(P,{src:r,rightMargin:s})},`marquee-${e}-track-1-item-${a}`):null),m.map((r,a)=>r?(0,t.jsx)("div",{className:f,children:(0,t.jsx)(P,{src:r,rightMargin:s})},`marquee-${e}-track-2-item-${a}`):null)]})})]})},P=({src:e,rightMargin:i,lazyLoad:o,fetchPriority:h})=>{var n,s;let{trackUserInteraction:c}=M();return(0,t.jsx)(k,{prefetch:"intent",to:e.href,onClick:()=>c({section:"marquee",action:"click",label:"marquee_click",value:`clicked_${e.href}`}),children:(0,t.jsx)("div",{"data-test-id":"brand",className:"flex flex-col relative",style:{width:e.width,height:e.height,marginRight:i},children:(0,t.jsx)(w,{fillParent:!0,alt:((s=(n=e.imageSrc)==null?void 0:n[0])==null?void 0:s.alt)||"brand-picture",src:e.imageSrc,lazyLoad:!1,fetchPriority:"auto"})})})};function R(e,i,o){return Math.round(o*e/i)}export{E as a};