1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[398,77],{5398:function(e,t,n){n.r(t),n.d(t,{default:function(){return components_LogoCarousel}});var o=n(5893),s=n(7294),r=n(7434),a=n(9180),components_LogoCarousel=function(e){let{logos:t,theme:n="black"}=e,[l,c]=(0,s.useState)("reverse-logos"),[i,u]=(0,s.useState)("-reverse"),[m]=(0,s.useState)(function(e){let t=e.length,n;for(;0!=t;)n=Math.floor(Math.random()*t),t--,[e[t],e[n]]=[e[n],e[t]];return e}(t)),{width:d}=(0,a.Z)(),f=d<821,[h,p]=(0,r.Z)({loop:!0,dragFree:!1,draggable:!1}),g=(0,s.useRef)(0),x=(0,s.useCallback)(()=>{if(!p||!g.current)return;let e=p.internalEngine();f?e.location.add(-.5):e.location.add(-1),e.target.set(e.location),e.scrollLooper.loop(-1),e.slideLooper.loop(),e.translate.to(e.location),g.current=requestAnimationFrame(x)},[p]),w=(0,s.useCallback)(()=>{g.current=requestAnimationFrame(x)},[x]),b=(0,s.useCallback)(()=>{g.current=cancelAnimationFrame(g.current)||0},[]);return(0,s.useEffect)(()=>{if(p)return p.on("pointerDown",b),p.on("settle",w),w(),()=>b()},[p,w,b]),(0,s.useEffect)(()=>{"white"==n&&(c("logos"),u(""))},[]),(0,o.jsx)("section",{className:"overflow-hidden",children:(0,o.jsx)("div",{ref:h,className:"flex min-h-32 max-h-48",children:(0,o.jsx)("div",{className:"flex items-center justify-between pl-5",children:m.map((e,t)=>{let{asset:s,label:r}=e;return(0,o.jsx)("div",{className:"white"==n?"flex items-center select-none px-3 carouselCard-dimensions m-6 h-32 sm:h-40 lg:h-40 sm:p-4 col-span-1 flex justify-center items-center lg:col-span-1 bg-white shadow-md rounded-lg":"flex items-center select-none px-3 carouselCard-dimensions",children:(0,o.jsx)("img",{src:"/images/".concat(l,"/").concat(s).concat(i,".png"),alt:"".concat(r," logo"),width:"100%",className:"select-none"})},t)})})})})}}}]);
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.