{"version":3,"file":"Scroll.CwFREiJH.mjs","names":[],"sources":["https:/framerusercontent.com/modules/PCsn1n8rAQtrOnee7SCD/gmSH5vtpG1pFR3ZlRKgn/Scroll.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Scroll({images}){const imagesOnScreen=8;const duration=32;const initialOffset=`-${imagesOnScreen}00%`;const renderImage=(item,index)=>{const imageElement=/*#__PURE__*/_jsx(\"img\",{src:item.url,alt:item.alt||`Image ${index+1}`,style:imageStyle});if(item.link){return /*#__PURE__*/_jsx(\"a\",{href:item.link,target:\"_blank\",rel:\"noopener noreferrer\",style:linkStyle,children:imageElement});}return imageElement;};return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:images.map((item,index)=>/*#__PURE__*/_jsx(motion.div,{style:imageContainerStyle,animate:{x:[\"800%\",\"0%\",initialOffset],opacity:[0,1,1,0]},transition:{x:{duration:duration,ease:\"linear\",repeat:Infinity,repeatType:\"loop\",delay:(index-imagesOnScreen)*(duration/imagesOnScreen),repeatDelay:duration/imagesOnScreen*(images.length-imagesOnScreen)},opacity:{duration:duration,ease:\"linear\",repeat:Infinity,repeatType:\"loop\",delay:(index-imagesOnScreen)*(duration/imagesOnScreen),repeatDelay:duration/imagesOnScreen*(images.length-imagesOnScreen)}},children:renderImage(item,index)},index))});}// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\nconst containerStyle={height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\",position:\"relative\",backgroundColor:\"white\"};const imageContainerStyle={position:\"absolute\"};const imageStyle={width:\"75px\",height:\"auto\",display:\"block\"};const linkStyle={display:\"block\",textDecoration:\"none\"};// Adding property controls for Framer\naddPropertyControls(Scroll,{images:{type:ControlType.Array,title:\"Images\",propertyControl:{type:ControlType.Object,controls:{url:{type:ControlType.Image,title:\"Image\"},link:{type:ControlType.String,title:\"Link (optional)\",placeholder:\"https://example.com\"},alt:{type:ControlType.String,title:\"Alt Text (optional)\",placeholder:\"Describe the image\"}}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Scroll\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Scroll.map"],"mappings":"iTAMG,SAAwB,EAAO,CAAC,SAAO,CAAC,CAAC,IAAM,EAAe,EAAQ,EAAS,GAAS,GAAe,GAAG,EAAe,KAAW,EAAY,CAAC,EAAK,IAAQ,CAAC,IAAM,EAA0B,EAAK,MAAM,CAAC,IAAI,EAAK,IAAI,IAAI,EAAK,MAAM,QAAQ,EAAM,IAAI,MAAM,CAAW,EAAC,CAA+I,OAA3I,EAAK,KAA0B,EAAK,IAAI,CAAC,KAAK,EAAK,KAAK,OAAO,SAAS,IAAI,sBAAsB,MAAM,EAAU,SAAS,CAAa,EAAC,CAAS,CAAc,EAAC,MAAoB,GAAK,MAAM,CAAC,MAAM,EAAe,SAAS,EAAO,IAAI,CAAC,EAAK,IAAqB,EAAK,EAAO,IAAI,CAAC,MAAM,EAAoB,QAAQ,CAAC,EAAE,CAAC,OAAO,KAAK,CAAc,EAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAE,CAAC,EAAC,WAAW,CAAC,EAAE,CAAU,WAAS,KAAK,SAAS,OAAO,IAAS,WAAW,OAAO,OAAO,EAAM,IAAiB,EAAS,GAAgB,YAAY,EAAS,GAAgB,EAAO,OAAO,EAAgB,EAAC,QAAQ,CAAU,WAAS,KAAK,SAAS,OAAO,IAAS,WAAW,OAAO,OAAO,EAAM,IAAiB,EAAS,GAAgB,YAAY,EAAS,GAAgB,EAAO,OAAO,EAAgB,CAAC,EAAC,SAAS,EAAY,EAAK,EAAM,AAAC,EAAC,EAAM,CAAC,AAAC,EAAC,AAAE,sBAG5jC,AATA,GAA2C,IAAkC,IAAoD,CAQ3H,EAAe,CAAC,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,SAAS,WAAW,gBAAgB,OAAQ,EAAO,EAAoB,CAAC,SAAS,UAAW,EAAO,EAAW,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAQ,EAAO,EAAU,CAAC,QAAQ,QAAQ,eAAe,MAAO,EACnU,EAAoB,EAAO,CAAC,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,gBAAgB,CAAC,KAAK,EAAY,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,EAAY,MAAM,MAAM,OAAQ,EAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,kBAAkB,YAAY,qBAAsB,EAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,sBAAsB,YAAY,oBAAqB,CAAC,CAAC,CAAC,CAAC,EAAC"}