{"version":3,"file":"LogoGrid.CoE8IIED.mjs","names":[],"sources":["https:/framerusercontent.com/modules/ETFv7N1DUZxton8Ap1Zb/UAz4ZcVsKyhKPjLl2yXY/LogoGrid.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const BASE=\"https://framerusercontent.com/images/\";const DEFAULT_LOGOS=[[\"6AaHtyxBVmrZfiz3QlNIrDc3y2k.png\",66,46],[\"0p4fv3DDJMjqrtEhr1XbGcHIAM.svg\",92,30],[\"FCyYIhaOzSLiYf5tyPazOsiwXs0.png\",63,42],[\"j15ao1pmJmHtWw1m3EsCIWlpOA.png\",76,30],[\"El4IkOzXNCEZOS5sOOVILMvh5wY.png\",99,37,true],[\"eFj9GpEI12A5gSmdMb2ZTNiYt0.png\",63,32],[\"jf5d5R4uGavRJwzKgTP5MbBDF4.png\",50,28],[\"HZN5IE8WWSTB95fc1CqmsBR9jII.png\",86,30],[\"f1L56QmZThUmacoF8OvvCttYFA.png\",81,31],[\"ait8juC10rFyXTMEsg1y7l0eA.png\",66,51],[\"bNgFNdamCxeloY40bgMLMHftBc.png\",134,33],[\"Ku0haogvEPnVzaCjrghaTONJyBM.png\",91,31],[\"5iUkOOMiKb86wP14Xazx2DM210.png\",120,32],// Source: the file is a square with a lot of white padding, so it is scaled\n// up and the (white) edges are clipped by the box.\n[\"iJi6ZGXcyMnKeCfFfukEPU0.png\",92,92,false,true]].map(([f,w,h,mono,clip])=>({image:{src:BASE+f,alt:\"\"},width:w,height:h,name:\"\",mono:!!mono,clip:!!clip}));const CSS=`\n.lg-cell{transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease}\n.lg-logo{filter:grayscale(1);transition:opacity .25s ease, filter .25s ease}\n.lg-cell:hover .lg-logo{filter:none;opacity:1 !important}\n.lg-cell:hover .lg-logo.lg-mono{filter:grayscale(1) brightness(.45)}\n.lg-boxed:hover{border-color:rgba(18,55,105,.28) !important;box-shadow:0 10px 22px -14px rgba(15,56,79,.35);transform:translateY(-2px)}\n`;/**\n * Static customer logo grid, grey at rest and full colour on hover.\n *\n * @framerIntrinsicWidth 1312\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function LogoGrid(props){const{logos=DEFAULT_LOGOS,columns=7,gap=16,logoScale=1.35,boxed=true,boxHeight=96,boxRadius=12,idleOpacity=.62,style}=props;const cols=Math.max(1,columns);const list=logos&&logos.length&&logos.some(l=>l.image?.src)?logos:DEFAULT_LOGOS;return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",display:\"flex\",flexWrap:\"wrap\",justifyContent:\"center\",gap,alignItems:\"center\",...style,height:\"auto\"},children:[/*#__PURE__*/_jsx(\"style\",{children:CSS}),list.filter(l=>l.image?.src).map((l,i)=>/*#__PURE__*/_jsx(\"div\",{className:boxed?\"lg-cell lg-boxed\":\"lg-cell\",style:{width:`calc((100% - ${(cols-1)*gap}px) / ${cols})`,height:boxed?boxHeight:\"auto\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",boxSizing:\"border-box\",padding:boxed?\"14px 16px\":0,background:boxed?\"#fff\":\"transparent\",border:boxed?\"1px solid rgba(18,55,105,.12)\":\"none\",borderRadius:boxed?boxRadius:0,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"img\",{className:l.mono?\"lg-logo lg-mono\":\"lg-logo\",src:l.image.src,srcSet:l.image.srcSet,alt:l.image.alt||l.name||\"\",loading:\"lazy\",style:{width:(l.width||90)*logoScale,height:(l.height||30)*logoScale,maxWidth:l.clip?\"none\":\"100%\",maxHeight:l.clip?\"none\":\"100%\",flex:\"none\",objectFit:\"contain\",opacity:idleOpacity,display:\"block\"}})},i))]});}addPropertyControls(LogoGrid,{logos:{type:ControlType.Array,title:\"Logos\",maxCount:32,control:{type:ControlType.Object,controls:{image:{type:ControlType.ResponsiveImage,title:\"Logo\"},name:{type:ControlType.String,title:\"Company\",defaultValue:\"\"},mono:{type:ControlType.Boolean,title:\"Darken on hover\",description:\"For logos with no colour version\",defaultValue:false},clip:{type:ControlType.Boolean,title:\"Zoom and clip\",description:\"For files with a lot of white padding\",defaultValue:false},width:{type:ControlType.Number,title:\"Width\",defaultValue:90,min:10,max:300,unit:\"px\"},height:{type:ControlType.Number,title:\"Height\",defaultValue:30,min:10,max:400,unit:\"px\"}}},defaultValue:DEFAULT_LOGOS},columns:{type:ControlType.Number,title:\"Columns\",defaultValue:7,min:1,max:16,step:1,displayStepper:true},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:16,min:0,max:60,unit:\"px\"},logoScale:{type:ControlType.Number,title:\"Logo size\",defaultValue:1.35,min:.5,max:2.5,step:.05,unit:\"\\xd7\"},boxed:{type:ControlType.Boolean,title:\"Boxes\",defaultValue:true},boxHeight:{type:ControlType.Number,title:\"Box height\",defaultValue:96,min:48,max:200,unit:\"px\",hidden:p=>!p.boxed},boxRadius:{type:ControlType.Number,title:\"Box radius\",defaultValue:12,min:0,max:40,unit:\"px\",hidden:p=>!p.boxed},idleOpacity:{type:ControlType.Number,title:\"Resting opacity\",defaultValue:.62,min:.1,max:1,step:.02}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LogoGrid\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"1312\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LogoGrid.map"],"mappings":"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"}