{"version":3,"file":"Mask_Animation.DlerP4_4.mjs","names":["React","__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/voiJse1l0jqgxhUV2x72/5Z80Kpo10gNnJE9vIdo3/Mask_Animation.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useInView}from\"framer-motion\";import React from\"react\";import{useAnimation}from\"framer\";const easeOptions={smooth:[.6,.4,0,1],bounce:[.68,-.6,.32,1.6],anticipate:[.68,-.6,.32,1.3]};export function MaskVerticalAnimation(){const controls=useAnimation();const ref=React.useRef(null);const inView=useInView(ref,{once:true});// When element comes into view, animate the mask\nReact.useEffect(()=>{if(inView){controls.start({clipPath:\"inset(0% 0% 0% 0%)\",transition:{duration:1.3,ease:easeOptions.smooth}});}else{controls.start({clipPath:\"inset(0% 0% 100% 0%)\",transition:{duration:1.3,ease:easeOptions.smooth}});}},[controls,inView]);return{ref:ref,initial:{clipPath:\"inset(0% 0% 100% 0%)\"},animate:controls};}export function MaskInsetHorizontal(){const controls=useAnimation();const ref=React.useRef(null);const inView=useInView(ref,{once:true});React.useEffect(()=>{if(inView){controls.start({clipPath:\"inset(0% 0% 0% 0%)\",transition:{duration:1.3,ease:easeOptions.smooth}});}else{controls.start({clipPath:\"inset(0% 0% 0% 100%)\",transition:{duration:1.3,ease:easeOptions.smooth}});}},[controls,inView]);return{ref:ref,initial:{clipPath:\"inset(0% 0% 0% 100%)\"},animate:controls};}export function MaskInsetAnimation(){const controls=useAnimation();const ref=React.useRef(null);const inView=useInView(ref,{once:true});React.useEffect(()=>{if(inView){controls.start({clipPath:\"inset(0% 0% 0% 0%)\",transition:{duration:1.3,ease:easeOptions.smooth}});}else{controls.start({clipPath:\"inset(100% 100% 100% 100%)\",transition:{duration:1.3,ease:easeOptions.smooth}});}},[controls,inView]);return{ref:ref,initial:{clipPath:\"inset(100% 100% 100% 100%)\"},animate:controls};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withMaskVerticalAnimation(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...MaskVerticalAnimation(props)});};}withMaskVerticalAnimation.displayName=\"MaskVerticalAnimation\";export function withMaskInsetHorizontal(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...MaskInsetHorizontal(props)});};}withMaskInsetHorizontal.displayName=\"MaskInsetHorizontal\";export function withMaskInsetAnimation(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...MaskInsetAnimation(props)});};}withMaskInsetAnimation.displayName=\"MaskInsetAnimation\";\nexport const __FramerMetadata__ = {\"exports\":{\"withMaskInsetHorizontal\":{\"type\":\"reactHoc\",\"name\":\"withMaskInsetHorizontal\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withMaskInsetAnimation\":{\"type\":\"reactHoc\",\"name\":\"withMaskInsetAnimation\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"MaskInsetAnimation\":{\"type\":\"override\",\"name\":\"MaskInsetAnimation\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withMaskVerticalAnimation\":{\"type\":\"reactHoc\",\"name\":\"withMaskVerticalAnimation\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"MaskVerticalAnimation\":{\"type\":\"override\",\"name\":\"MaskVerticalAnimation\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"MaskInsetHorizontal\":{\"type\":\"override\",\"name\":\"MaskInsetHorizontal\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Mask_Animation.map"],"mappings":"6VAAuO,SAAgB,GAAuB,CAAC,IAAM,EAAS,GAAc,CAAO,EAAIA,EAAM,OAAO,KAAK,CAAO,EAAO,EAAU,EAAI,CAAC,KAAK,GAAK,CAAC,CAC/G,OAAlQ,EAAM,cAAc,CAAI,EAAQ,EAAS,MAAM,CAAC,SAAS,qBAAqB,WAAW,CAAC,SAAS,IAAI,KAAK,EAAY,OAAO,CAAC,CAAC,CAAO,EAAS,MAAM,CAAC,SAAS,uBAAuB,WAAW,CAAC,SAAS,IAAI,KAAK,EAAY,OAAO,CAAC,CAAC,EAAI,CAAC,EAAS,EAAO,CAAC,CAAO,CAAK,MAAI,QAAQ,CAAC,SAAS,uBAAuB,CAAC,QAAQ,EAAS,CAAE,SAAgB,GAAqB,CAAC,IAAM,EAAS,GAAc,CAAO,EAAIA,EAAM,OAAO,KAAK,CAAO,EAAO,EAAU,EAAI,CAAC,KAAK,GAAK,CAAC,CAAmQ,OAAlQ,EAAM,cAAc,CAAI,EAAQ,EAAS,MAAM,CAAC,SAAS,qBAAqB,WAAW,CAAC,SAAS,IAAI,KAAK,EAAY,OAAO,CAAC,CAAC,CAAO,EAAS,MAAM,CAAC,SAAS,uBAAuB,WAAW,CAAC,SAAS,IAAI,KAAK,EAAY,OAAO,CAAC,CAAC,EAAI,CAAC,EAAS,EAAO,CAAC,CAAO,CAAK,MAAI,QAAQ,CAAC,SAAS,uBAAuB,CAAC,QAAQ,EAAS,CAAE,SAAgB,GAAoB,CAAC,IAAM,EAAS,GAAc,CAAO,EAAIA,EAAM,OAAO,KAAK,CAAO,EAAO,EAAU,EAAI,CAAC,KAAK,GAAK,CAAC,CAAyQ,OAAxQ,EAAM,cAAc,CAAI,EAAQ,EAAS,MAAM,CAAC,SAAS,qBAAqB,WAAW,CAAC,SAAS,IAAI,KAAK,EAAY,OAAO,CAAC,CAAC,CAAO,EAAS,MAAM,CAAC,SAAS,6BAA6B,WAAW,CAAC,SAAS,IAAI,KAAK,EAAY,OAAO,CAAC,CAAC,EAAI,CAAC,EAAS,EAAO,CAAC,CAAO,CAAK,MAAI,QAAQ,CAAC,SAAS,6BAA6B,CAAC,QAAQ,EAAS,CAAqJ,SAAgB,EAA0B,EAAE,CAAC,MAAO,KAAQ,EAA+BC,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAsB,EAAM,CAAC,CAAC,EAAkE,SAAgB,EAAwB,EAAE,CAAC,MAAO,KAAQ,EAA+BD,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAoB,EAAM,CAAC,CAAC,EAA8D,SAAgB,EAAuB,EAAE,CAAC,MAAO,KAAQ,EAA+BD,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAmB,EAAM,CAAC,CAAC,qBAD5hE,IAAqC,IAAyB,IAAiC,CAAM,EAAY,CAAC,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,CACq3C,EAA0B,YAAY,wBAAqN,EAAwB,YAAY,sBAAiN,EAAuB,YAAY"}