{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/9nLxutJppAcPaRPeewvY/p6ca7IvKDNUmWhUgM1Sd/Image_Grid_Reveal.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 500\n * @framerIntrinsicHeight 500\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Image_Grid_Reveal(props){const{fill,gridSize,delay,trigger,gridColor}=props;const gridAmount=gridSize*gridSize;const generateRandomDelays=(numberOfItems,maxAnimationDelay)=>Array.from({length:numberOfItems},()=>Math.random()*maxAnimationDelay);const gridItems=generateRandomDelays(gridAmount,delay).map((delay,index)=>({index,delay}));return /*#__PURE__*/_jsxs(motion.div,{style:{width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"img\",{src:fill.image||\"https://i.ibb.co/t2GJF1H/placeholder.jpg\",alt:fill.altText,style:{width:\"100%\",height:\"100%\",objectFit:fill.type||\"cover\"}}),/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",top:0,left:0,bottom:0,right:0,zIndex:1,display:\"grid\",gridTemplateRows:`repeat(${gridSize}, auto)`,gridTemplateColumns:`repeat(${gridSize}, 1fr)`},children:gridItems.map(({index,delay})=>/*#__PURE__*/_jsx(motion.div,{style:{backgroundColor:gridColor},initial:{opacity:1},whileInView:trigger===\"view\"?{opacity:0}:{},animate:trigger===\"appear\"?{opacity:0}:{},transition:{delay}},index))})]});}addPropertyControls(Image_Grid_Reveal,{fill:{type:ControlType.Object,title:\"Fill\",controls:{image:{title:\"Image\",type:ControlType.Image},type:{title:\"Type\",type:ControlType.Enum,defaultValue:\"cover\",options:[\"cover\",\"contain\",\"fill\",\"none\"],optionTitles:[\"Cover\",\"Contain\",\"Fill\",\"None\"]},altText:{title:\"Alt Text\",type:ControlType.String,defaultValue:\"Framer University Logo\"}}},delay:{title:\"Delay(s)\",type:ControlType.Number,defaultValue:1},gridSize:{title:\"Grid Size\",type:ControlType.Number,defaultValue:0,max:100},trigger:{title:\"Trigger\",type:ControlType.Enum,defaultValue:\"appear\",options:[\"appear\",\"view\"],optionTitles:[\"On Appear\",\"Layer in View\"]},gridColor:{title:\"Grid Color\",type:ControlType.Color,defaultValue:\"#ffffff\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Image_Grid_Reveal\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"500\",\"framerIntrinsicHeight\":\"500\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Image_Grid_Reveal.map"],
  "mappings": "uGAQkB,SAARA,EAAmCC,EAAM,CAAC,GAAK,CAAC,KAAAC,EAAK,SAAAC,EAAS,MAAAC,EAAM,QAAAC,EAAQ,UAAAC,CAAS,EAAEL,EAAYM,EAAWJ,EAASA,EAAoJK,GAAhH,CAACC,EAAcC,IAAoB,MAAM,KAAK,CAAC,OAAOD,CAAa,EAAE,IAAI,KAAK,OAAO,EAAEC,CAAiB,GAAuCH,EAAWH,CAAK,EAAE,IAAI,CAACA,EAAMO,KAAS,CAAC,MAAAA,EAAM,MAAAP,CAAK,EAAE,EAAE,OAAoBQ,EAAMC,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,MAAM,EAAE,SAAS,CAAcC,EAAK,MAAM,CAAC,IAAIZ,EAAK,OAAO,2CAA2C,IAAIA,EAAK,QAAQ,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAUA,EAAK,MAAM,OAAO,CAAC,CAAC,EAAeY,EAAKD,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,OAAO,iBAAiB,UAAUV,WAAkB,oBAAoB,UAAUA,SAAgB,EAAE,SAASK,EAAU,IAAI,CAAC,CAAC,MAAAG,EAAM,MAAAP,CAAK,IAAiBU,EAAKD,EAAO,IAAI,CAAC,MAAM,CAAC,gBAAgBP,CAAS,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAYD,IAAU,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,QAAQA,IAAU,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAAD,CAAK,CAAC,EAAEO,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACI,EAAoBf,EAAkB,CAAC,KAAK,CAAC,KAAKgB,EAAY,OAAO,MAAM,OAAO,SAAS,CAAC,MAAM,CAAC,MAAM,QAAQ,KAAKA,EAAY,KAAK,EAAE,KAAK,CAAC,MAAM,OAAO,KAAKA,EAAY,KAAK,aAAa,QAAQ,QAAQ,CAAC,QAAQ,UAAU,OAAO,MAAM,EAAE,aAAa,CAAC,QAAQ,UAAU,OAAO,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,WAAW,KAAKA,EAAY,OAAO,aAAa,wBAAwB,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,WAAW,KAAKA,EAAY,OAAO,aAAa,CAAC,EAAE,SAAS,CAAC,MAAM,YAAY,KAAKA,EAAY,OAAO,aAAa,EAAE,IAAI,GAAG,EAAE,QAAQ,CAAC,MAAM,UAAU,KAAKA,EAAY,KAAK,aAAa,SAAS,QAAQ,CAAC,SAAS,MAAM,EAAE,aAAa,CAAC,YAAY,eAAe,CAAC,EAAE,UAAU,CAAC,MAAM,aAAa,KAAKA,EAAY,MAAM,aAAa,SAAS,CAAC,CAAC",
  "names": ["Image_Grid_Reveal", "props", "fill", "gridSize", "delay", "trigger", "gridColor", "gridAmount", "gridItems", "numberOfItems", "maxAnimationDelay", "index", "u", "motion", "p", "addPropertyControls", "ControlType"]
}