{"version":3,"file":"TrustedTicker.BeTndf3d.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/m8ghwj5y9ogKeeo7fIcY/V8dvR5qdAYaVFbimU2yJ/TrustedTicker.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect}from\"react\";const BASE=\"https://framerusercontent.com/images/\";const LOGOS=[{src:BASE+\"BiboH3FXdubY31t6Rf7eTCyM.png\",w:169,h:36},{src:BASE+\"YZfzDM1rkNEHQvpdkkz0OyhF1c.png\",w:824,h:179},{src:BASE+\"Jm3H3nzdYlpAuGmzs8qGfKmzOk.png\",w:106,h:34},{src:BASE+\"dHHcqTVKzdnN36MrxBKcTcHNEKw.png\",w:160,h:42},{src:BASE+\"EDbYu9DesJNGd4BRgDoybAfUQ4w.png\",w:109,h:40},{src:BASE+\"ypO3Pm2u9GvF6WAmZEqW6c.png\",w:485,h:339},{src:BASE+\"QHcj6fIdDl4kNiVAN5tkOtOyM.png\",w:140,h:41},{src:BASE+\"jShNl9nmaOp8ovmWyUFgwPWsHU.png\",w:87,h:35},{src:BASE+\"dvqaYQOPjhsmYkfnOVPNYotlBI.png\",w:63,h:57},{src:BASE+\"BMS1NnCyD9oUOpPXev3sRCCmXmI.png\",w:41,h:47},{src:BASE+\"GIWLiGEpN7QQDCPyFgpHk5Redw.png\",w:65,h:54},{src:BASE+\"FhgsFUPWbiQKOkiIPauTx4zo7M.png\",w:61,h:61},{src:BASE+\"XuQUF6Pqpjry3aFdc7WkChc1s.png\",w:52,h:48},{src:BASE+\"K8VdVqN3S3P3ClsHn0abvrz2Q.png\",w:54,h:61},{src:BASE+\"ERu474yzALIEaulTpwqLzTVWmE.png\",w:83,h:60},{src:BASE+\"dUAQfEMaNpo5EIr29fnBnc3yrU.png\",w:93,h:64},{src:BASE+\"hGcoqOBNgovEV2QVBZVnY4L61IU.png\",w:86,h:49},{src:BASE+\"Potu3UrI5yslXPsCP7kyS25xg.png\",w:178,h:41}];function useWindowWidth(){const[width,setWidth]=useState(typeof window!==\"undefined\"?window.innerWidth:1440);useEffect(()=>{const handler=()=>setWidth(window.innerWidth);window.addEventListener(\"resize\",handler);return()=>window.removeEventListener(\"resize\",handler);},[]);return width;}function computeSize(logo,targetH,minW,maxW){let w=logo.w*(targetH/logo.h);let h=targetH;if(w<minW){h=logo.h*(minW/logo.w);w=minW;}else if(w>maxW){h=logo.h*(maxW/logo.w);w=maxW;}return{w:Math.round(w),h:Math.round(h)};}const CSS=`\n    @keyframes tz-scroll {\n        from { transform: translateX(0); }\n        to   { transform: translateX(-50%); }\n    }\n    .tz-wrap {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 24px;\n        width: 100%;\n    }\n    .tz-title {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 600;\n        font-size: 24px;\n        line-height: 160%;\n        letter-spacing: -0.002em;\n        color: TITLE_COLOR;\n        text-align: center;\n        margin: 0;\n    }\n    @media (max-width: 1023px) {\n        .tz-title { font-size: 20px; }\n    }\n    @media (max-width: 767px) {\n        .tz-title { font-size: 17px; }\n        .tz-wrap { gap: 16px; }\n    }\n    .tz-ticker {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        width: 100%;\n        position: relative;\n        cursor: default;\n        border-radius: 16px;\n    }\n    .tz-ticker::before,\n    .tz-ticker::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 160px;\n        z-index: 3;\n        pointer-events: none;\n    }\n    @media (max-width: 767px) {\n        .tz-ticker::before,\n        .tz-ticker::after { width: 60px; }\n    }\n    @media (min-width: 768px) and (max-width: 1023px) {\n        .tz-ticker::before,\n        .tz-ticker::after { width: 100px; }\n    }\n    .tz-ticker::before {\n        left: 0;\n        background: linear-gradient(to right, FADE 0%, transparent 100%);\n    }\n    .tz-ticker::after {\n        right: 0;\n        background: linear-gradient(to left, FADE 0%, transparent 100%);\n    }\n    .tz-track {\n        display: flex;\n        align-items: center;\n        width: max-content;\n        animation: tz-scroll var(--tz-dur, 40s) linear infinite;\n        will-change: transform;\n        position: relative;\n        z-index: 2;\n    }\n    .tz-ticker:hover .tz-track {\n        animation-play-state: paused;\n    }\n    .tz-slot {\n        display: flex;\n        flex-shrink: 0;\n        align-items: center;\n        justify-content: center;\n        padding: 10px 14px;\n        box-sizing: content-box;\n    }\n    .tz-logo {\n        display: block;\n        object-fit: contain;\n        filter: grayscale(1);\n        transition: filter 500ms ease;\n    }\n    @media (hover: hover) and (pointer: fine) {\n        .tz-ticker:hover .tz-logo {\n            filter: grayscale(0);\n        }\n    }\n    @media (prefers-reduced-motion: reduce) {\n        .tz-track {\n            animation: none;\n        }\n    }\n`;export default function TrustedTicker({title=\"Trusted Across 10,000+ Manufacturers\",titleColor=\"rgb(255, 255, 255)\",speed=40,logoHeight=52,minLogoWidth=80,maxLogoWidth=140,gap=48,fadeColor=\"rgb(14,15,12)\"}){const windowWidth=useWindowWidth();const scale=windowWidth<768?.55:windowWidth<1024?.72:1;const effH=Math.round(logoHeight*scale);const effMinW=Math.round(minLogoWidth*scale);const effMaxW=Math.round(maxLogoWidth*scale);const effGap=Math.round(gap*scale);const slotPadH=windowWidth<768?6:10;const tickerPad=windowWidth<768?28:48;const sizes=LOGOS.map(logo=>computeSize(logo,effH,effMinW,effMaxW));const maxH=Math.max(...sizes.map(s=>s.h));const renderLogos=prefix=>LOGOS.map((logo,i)=>{const{w,h}=sizes[i];return /*#__PURE__*/_jsx(\"div\",{className:\"tz-slot\",style:{width:w,height:maxH,marginRight:effGap,paddingTop:slotPadH,paddingBottom:slotPadH},children:/*#__PURE__*/_jsx(\"img\",{src:logo.src,width:w,height:h,className:\"tz-logo\",alt:\"Client company logo\"})},`${prefix}-${i}`);});const style=CSS.replace(/FADE/g,fadeColor).replace(/TITLE_COLOR/g,titleColor);return /*#__PURE__*/_jsxs(\"div\",{className:\"tz-wrap\",style:{\"--tz-dur\":`${speed}s`},children:[/*#__PURE__*/_jsx(\"style\",{children:style}),title?/*#__PURE__*/_jsx(\"p\",{className:\"tz-title\",children:title}):null,/*#__PURE__*/_jsx(\"div\",{className:\"tz-ticker\",style:{height:maxH+tickerPad},children:/*#__PURE__*/_jsxs(\"div\",{className:\"tz-track\",children:[renderLogos(\"a\"),renderLogos(\"b\")]})})]});}addPropertyControls(TrustedTicker,{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Trusted Across 10,000+ Manufacturers\"},titleColor:{type:ControlType.Color,title:\"Title Color\",defaultValue:\"rgb(255, 255, 255)\"},speed:{type:ControlType.Number,title:\"Speed (s)\",defaultValue:40,min:5,max:120,step:5},logoHeight:{type:ControlType.Number,title:\"Logo Height\",defaultValue:52,min:24,max:120,step:4,description:\"Desktop height; tablet/mobile scale automatically\"},minLogoWidth:{type:ControlType.Number,title:\"Min Width\",defaultValue:80,min:40,max:160,step:8},maxLogoWidth:{type:ControlType.Number,title:\"Max Width\",defaultValue:140,min:80,max:280,step:8},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:48,min:16,max:200,step:8},fadeColor:{type:ControlType.Color,title:\"Fade Color\",defaultValue:\"rgb(14,15,12)\",description:\"Match your background color\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TrustedTicker\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TrustedTicker.map"],"mappings":"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"}