{"version":3,"file":"LogoSlider.Cob8FZbd.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/abDUC9JOhAiGLsXdRkl1/rpLyYYWlaOL7E11MyOkP/LogoSlider.js"],"sourcesContent":["// Logo slider with vertical carousel animation where logos move up in sequence and loop seamlessly\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,startTransition}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{motion}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function LogoSlider(props){const{logos=[{image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Logo 1\"}},{image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Logo 2\"}},{image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Logo 3\"}}],playAnimation=true,animationDuration=2,staggerDelay=.5,initialDelay=0,borderWidth=1,borderColor=\"#CCCCCC\",borderStyle=\"solid\",borderTop=true,borderRight=true,borderBottom=true,borderLeft=true,borderRadius=8,padding=20,backgroundColor=\"#FFFFFF\",logoScale=1,logoOpacity=1,style}=props;const isStatic=useIsStaticRenderer();const[currentIndex,setCurrentIndex]=useState(0);const[cycleCount,setCycleCount]=useState(0);const[isFirstRender,setIsFirstRender]=useState(true);useEffect(()=>{if(isStatic||logos.length===0||!playAnimation)return;const totalDuration=(animationDuration+staggerDelay)*1e3;const timeout=setTimeout(()=>{startTransition(()=>{setIsFirstRender(false);});const interval=setInterval(()=>{startTransition(()=>{setCurrentIndex(prev=>(prev+1)%logos.length);setCycleCount(prev=>prev+1);});},totalDuration);return()=>clearInterval(interval);},initialDelay*1e3);return()=>clearTimeout(timeout);},[isStatic,logos.length,animationDuration,staggerDelay,initialDelay,playAnimation]);if(logos.length===0){return /*#__PURE__*/_jsx(\"div\",{style:{...style,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:\"100%\",height:\"100%\",backgroundColor,border:`${borderWidth}px ${borderStyle} ${borderColor}`,borderRadius,padding},children:/*#__PURE__*/_jsx(\"span\",{style:{color:\"#CCCCCC\",fontSize:14},children:\"Add logos\"})});}const nextIndex=(currentIndex+1)%logos.length;const borderStyles={borderTopWidth:borderTop?borderWidth:0,borderRightWidth:borderRight?borderWidth:0,borderBottomWidth:borderBottom?borderWidth:0,borderLeftWidth:borderLeft?borderWidth:0,borderStyle,borderColor};return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",backgroundColor,...borderStyles,borderRadius,boxSizing:\"border-box\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",borderRadius:borderRadius>0?borderRadius-borderWidth:0},children:[/*#__PURE__*/_jsx(motion.div,{initial:{y:0},animate:isFirstRender?{y:0}:{y:\"-100%\"},transition:{duration:animationDuration,ease:\"easeInOut\"},style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor,padding,boxSizing:\"border-box\"},children:/*#__PURE__*/_jsx(motion.img,{src:logos[currentIndex].image.src,alt:logos[currentIndex].image.alt,initial:{filter:\"blur(0px)\"},animate:isFirstRender?{filter:\"blur(0px)\"}:{filter:[\"blur(0px)\",\"blur(8px)\",\"blur(0px)\"]},transition:{duration:animationDuration,ease:\"easeInOut\"},style:{maxWidth:\"100%\",maxHeight:\"100%\",objectFit:\"contain\",transform:`scale(${logoScale})`,opacity:logoOpacity}})},`current-${currentIndex}-${cycleCount}`),/*#__PURE__*/_jsx(motion.div,{initial:{y:\"100%\"},animate:isFirstRender?{y:\"100%\"}:{y:\"0%\"},transition:{duration:animationDuration,ease:\"easeInOut\"},style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor,padding,boxSizing:\"border-box\"},children:/*#__PURE__*/_jsx(motion.img,{src:logos[nextIndex].image.src,alt:logos[nextIndex].image.alt,initial:{filter:\"blur(0px)\"},animate:isFirstRender?{filter:\"blur(0px)\"}:{filter:[\"blur(0px)\",\"blur(8px)\",\"blur(0px)\"]},transition:{duration:animationDuration,ease:\"easeInOut\"},style:{maxWidth:\"100%\",maxHeight:\"100%\",objectFit:\"contain\",transform:`scale(${logoScale})`,opacity:logoOpacity}})},`next-${nextIndex}-${cycleCount}`)]})});}addPropertyControls(LogoSlider,{logos:{type:ControlType.Array,title:\"Logos\",control:{type:ControlType.Object,controls:{image:{type:ControlType.ResponsiveImage,title:\"Logo Image\"}}},defaultValue:[{image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Logo 1\"}},{image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Logo 2\"}},{image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Logo 3\"}}]},playAnimation:{type:ControlType.Boolean,title:\"Play Animation\",defaultValue:true,enabledTitle:\"Play\",disabledTitle:\"Pause\"},animationDuration:{type:ControlType.Number,title:\"Duration\",defaultValue:2,min:.1,max:10,step:.1,unit:\"s\"},staggerDelay:{type:ControlType.Number,title:\"Stagger Delay\",defaultValue:.5,min:0,max:5,step:.1,unit:\"s\"},initialDelay:{type:ControlType.Number,title:\"Initial Delay\",defaultValue:0,min:0,max:10,step:.1,unit:\"s\"},logoScale:{type:ControlType.Number,title:\"Logo Scale\",defaultValue:1,min:.1,max:2,step:.1},logoOpacity:{type:ControlType.Number,title:\"Logo Opacity\",defaultValue:1,min:0,max:1,step:.01},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:1,min:0,max:20,step:1,unit:\"px\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#CCCCCC\"},borderStyle:{type:ControlType.Enum,title:\"Border Style\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"],defaultValue:\"solid\",displaySegmentedControl:false},borderTop:{type:ControlType.Boolean,title:\"Border Top\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},borderRight:{type:ControlType.Boolean,title:\"Border Right\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},borderBottom:{type:ControlType.Boolean,title:\"Border Bottom\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},borderLeft:{type:ControlType.Boolean,title:\"Border Left\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:8,min:0,max:50,step:1,unit:\"px\"},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:20,min:0,max:100,step:1,unit:\"px\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LogoSlider\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LogoSlider.map"],"mappings":"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"}