{"version":3,"file":"AnimatedImage.CWC2N0B9.mjs","names":["t","i","n","r","e","p","e.useState","e.useRef"],"sources":["https:/ga.jspm.io/npm:react-intersection-observer@9.4.3/react-intersection-observer.modern.mjs","https:/framerusercontent.com/modules/u22AL0YcdOXAogYe0muX/G1yZQHavYdKnyoQoCnbv/AnimatedImage.js"],"sourcesContent":["import*as e from\"react\";function _extends(){_extends=Object.assign||function(e){for(var t=1;t=0||(i[r]=e[r])}return i}const t=new Map;const i=new WeakMap;let n=0;let r;function defaultFallbackInView(e){r=e}\n/**\n * Generate a unique ID for the root element\n * @param root\n */function getRootId(e){if(!e)return\"0\";if(i.has(e))return i.get(e);n+=1;i.set(e,n.toString());return i.get(e)}\n/**\n * Convert the options to a string Id, based on the values.\n * Ensures we can reuse the same observer when observing elements with the same options.\n * @param options\n */function optionsToId(e){return Object.keys(e).sort().filter((t=>void 0!==e[t])).map((t=>`${t}_${\"root\"===t?getRootId(e.root):e[t]}`)).toString()}function createObserver(e){let i=optionsToId(e);let n=t.get(i);if(!n){const r=new Map;let o;const s=new IntersectionObserver((t=>{t.forEach((t=>{var i;const n=t.isIntersecting&&o.some((e=>t.intersectionRatio>=e));e.trackVisibility&&\"undefined\"===typeof t.isVisible&&(t.isVisible=n);null==(i=r.get(t.target))?void 0:i.forEach((e=>{e(n,t)}))}))}),e);o=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]);n={id:i,observer:s,elements:r};t.set(i,n)}return n}\n/**\n * @param element - DOM Element to observe\n * @param callback - Callback function to trigger when intersection status changes\n * @param options - Intersection Observer options\n * @param fallbackInView - Fallback inView value.\n * @return Function - Cleanup function that should be triggered to unregister the observer\n */function observe(e,i,n={},o=r){if(\"undefined\"===typeof window.IntersectionObserver&&void 0!==o){const t=e.getBoundingClientRect();i(o,{isIntersecting:o,target:e,intersectionRatio:\"number\"===typeof n.threshold?n.threshold:0,time:0,boundingClientRect:t,intersectionRect:t,rootBounds:t});return()=>{}}const{id:s,observer:l,elements:h}=createObserver(n);let a=h.get(e)||[];h.has(e)||h.set(e,a);a.push(i);l.observe(e);return function unobserve(){a.splice(a.indexOf(i),1);if(0===a.length){h.delete(e);l.unobserve(e)}if(0===h.size){l.disconnect();t.delete(s)}}}const o=[\"children\",\"as\",\"triggerOnce\",\"threshold\",\"root\",\"rootMargin\",\"onChange\",\"skip\",\"trackVisibility\",\"delay\",\"initialInView\",\"fallbackInView\"];function isPlainChildren(e){return\"function\"!==typeof e.children}class InView extends e.Component{constructor(e){super(e);this.node=null;this._unobserveCb=null;this.handleNode=e=>{if(this.node){this.unobserve();e||this.props.triggerOnce||this.props.skip||this.setState({inView:!!this.props.initialInView,entry:void 0})}this.node=e||null;this.observeNode()};this.handleChange=(e,t)=>{e&&this.props.triggerOnce&&this.unobserve();isPlainChildren(this.props)||this.setState({inView:e,entry:t});this.props.onChange&&this.props.onChange(e,t)};this.state={inView:!!e.initialInView,entry:void 0}}componentDidUpdate(e){if(e.rootMargin!==this.props.rootMargin||e.root!==this.props.root||e.threshold!==this.props.threshold||e.skip!==this.props.skip||e.trackVisibility!==this.props.trackVisibility||e.delay!==this.props.delay){this.unobserve();this.observeNode()}}componentWillUnmount(){this.unobserve();this.node=null}observeNode(){if(!this.node||this.props.skip)return;const{threshold:e,root:t,rootMargin:i,trackVisibility:n,delay:r,fallbackInView:o}=this.props;this._unobserveCb=observe(this.node,this.handleChange,{threshold:e,root:t,rootMargin:i,trackVisibility:n,delay:r},o)}unobserve(){if(this._unobserveCb){this._unobserveCb();this._unobserveCb=null}}render(){if(!isPlainChildren(this.props)){const{inView:e,entry:t}=this.state;return this.props.children({inView:e,entry:t,ref:this.handleNode})}const t=this.props,{children:i,as:n}=t,r=_objectWithoutPropertiesLoose(t,o);return e.createElement(n||\"div\",_extends({ref:this.handleNode},r),i)}}function useInView({threshold:t,delay:i,trackVisibility:n,rootMargin:r,root:o,triggerOnce:s,skip:l,initialInView:h,fallbackInView:a,onChange:c}={}){var d;const[u,p]=e.useState(null);const b=e.useRef();const[f,g]=e.useState({inView:!!h,entry:void 0});b.current=c;e.useEffect((()=>{if(l||!u)return;let e;e=observe(u,((t,i)=>{g({inView:t,entry:i});b.current&&b.current(t,i);if(i.isIntersecting&&s&&e){e();e=void 0}}),{root:o,rootMargin:r,threshold:t,trackVisibility:n,delay:i},a);return()=>{e&&e()}}),[Array.isArray(t)?t.toString():t,u,o,r,s,l,n,a,i]);const v=null==(d=f.entry)?void 0:d.target;const y=e.useRef();if(!u&&v&&!s&&!l&&y.current!==v){y.current=v;g({inView:!!h,entry:void 0})}const V=[p,f.inView,f.entry];V.ref=V[0];V.inView=V[1];V.entry=V[2];return V}export{InView,defaultFallbackInView,observe,useInView};\n\n//# sourceMappingURL=react-intersection-observer.modern.mjs.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,motion}from\"framer\";import{useInView}from\"react-intersection-observer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function AnimatedImage(props){const{image}=props;const[ref,inView]=useInView({triggerOnce:true,threshold:.5});return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\",height:\"100%\",overflow:\"hidden\",position:\"relative\",...props.style},children:/*#__PURE__*/_jsx(motion.img,{src:image,alt:(image===null||image===void 0?void 0:image.alt)||\"Animated image\",initial:{height:\"50%\",objectPosition:\"bottom center\"},animate:inView?{height:\"100%\"}:undefined,transition:{type:\"spring\",stiffness:400,damping:50},style:{width:\"101%\",objectFit:\"cover\",position:\"absolute\",bottom:0}})});}AnimatedImage.displayName=\"Animated Image\";addPropertyControls(AnimatedImage,{image:{type:ControlType.Image,title:\"Image\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AnimatedImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedImage.map"],"mappings":"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"}