{"version":3,"file":"Examples_3.DM_20dtt.mjs","names":["useMemo"],"sources":["https:/framerusercontent.com/modules/B0eR4ifflEP8CJt9wyqo/eDgnApkhHFHBNHduUJzX/Examples_3.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function SeamlessScrollingClouds({cloudImage=\"\",secondCloudImage=\"\",layers=2,baseSpeed=30,speedJitter=15,opacity=1,verticalOffset=0,scale=1,blur=0,mirrorEveryOther=true,fadeEdges=true}){const imgs=useMemo(()=>[cloudImage,secondCloudImage].filter(Boolean),[cloudImage,secondCloudImage]);if(!cloudImage){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:\"gray\",fontSize:14,textAlign:\"center\",padding:20},children:\"Add at least one cloud image in properties →\"});}// Generate per-layer settings (speed + phase) for subtle variety\nconst layerSettings=useMemo(()=>{const arr=[];for(let i=0;i<layers;i++){const jitterPct=speedJitter/100;const speed=baseSpeed*(1+(Math.random()*2-1)*jitterPct);const duration=100/Math.max(speed,1)// higher speed -> shorter duration\n;const delay=-Math.random()*duration// random starting phase so we don’t see a synchronized reset\n;arr.push({duration,delay});}return arr;},[layers,baseSpeed,speedJitter]);return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",pointerEvents:\"none\",opacity,filter:blur>0?`blur(${blur}px)`:\"none\"},children:[fadeEdges&&/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":true,style:{position:\"absolute\",inset:0,pointerEvents:\"none\",maskImage:\"linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%)\",WebkitMaskImage:\"linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%)\"}}),layerSettings.map((cfg,i)=>/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:0,right:0,top:`${verticalOffset}%`,bottom:0,transform:`scale(${scale})`,transformOrigin:\"left center\",willChange:\"transform\"},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,height:\"100%\",width:\"200%\",display:\"flex\",animation:`cloudTrack ${cfg.duration}s linear infinite`,animationDelay:`${cfg.delay}s`},children:[0,1,2,3].map(slot=>{const src=imgs[(i+slot)%imgs.length]||imgs[0]||cloudImage;const mirror=mirrorEveryOther&&slot%2===1;return /*#__PURE__*/_jsx(\"img\",{src:src,alt:\"clouds\",draggable:false,style:{height:\"100%\",width:\"auto\",objectFit:\"contain\",imageRendering:\"auto\",flexShrink:0,transform:mirror?\"scaleX(-1)\":undefined,transformOrigin:\"center\"}},slot);})})},i)),/*#__PURE__*/_jsx(\"style\",{children:`\n        @keyframes cloudTrack {\n          from { transform: translate3d(0,0,0); }\n          to   { transform: translate3d(-50%,0,0); }\n        }\n      `})]});}addPropertyControls(SeamlessScrollingClouds,{cloudImage:{type:ControlType.Image,title:\"Cloud Image\"},secondCloudImage:{type:ControlType.Image,title:\"Second Image\"},layers:{type:ControlType.Number,title:\"Layers\",min:1,max:6,step:1,defaultValue:2,displayStepper:true},baseSpeed:{type:ControlType.Number,title:\"Speed\",min:1,max:100,step:1,defaultValue:30},speedJitter:{type:ControlType.Number,title:\"Speed Jitter %\",min:0,max:100,step:1,defaultValue:15},opacity:{type:ControlType.Number,title:\"Opacity\",min:0,max:1,step:.05,defaultValue:1},verticalOffset:{type:ControlType.Number,title:\"Vertical %\",min:-50,max:50,step:1,defaultValue:0,unit:\"%\"},scale:{type:ControlType.Number,title:\"Scale\",min:.5,max:2,step:.1,defaultValue:1},blur:{type:ControlType.Number,title:\"Blur\",min:0,max:10,step:.5,defaultValue:0,unit:\"px\"},mirrorEveryOther:{type:ControlType.Boolean,title:\"Mirror Alternates\",enabledTitle:\"On\",disabledTitle:\"Off\",defaultValue:true},fadeEdges:{type:ControlType.Boolean,title:\"Fade Edges\",enabledTitle:\"On\",disabledTitle:\"Off\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SeamlessScrollingClouds\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples_3.map"],"mappings":"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"}