{"version":3,"file":"SharedImageTransitionOverride.BCfFCXlb.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/u0ytcrv8ure1LZrcHcyD/1q4rg4Zh2h25SEIWN11M/SharedImageTransitionOverride.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useEffect,useRef}from\"react\";import{RenderTarget}from\"framer\";const STALE_MS=5e3;const DURATION_MS=650;const EASING=\"cubic-bezier(0.22, 1, 0.36, 1)\";function storageKey(key){return`shared-image-transition:${key}`;}function normalizePath(path){if(!path)return\"\";return path.replace(/\\/+$/,\"\")||\"/\";}function getPathFromHref(href){try{const url=new URL(href,window.location.origin);return normalizePath(url.pathname);}catch{return undefined;}}function parseBackgroundImageUrl(value){if(!value||value===\"none\")return\"\";const match=value.match(/url\\((['\"]?)(.*?)\\1\\)/i);return match?.[2]??\"\";}function pickImageFromProps(props){const candidate=props?.cardImage??props?.image??props?.backgroundImage;if(!candidate)return\"\";if(typeof candidate===\"string\")return candidate;if(typeof candidate===\"object\"){if(typeof candidate.src===\"string\")return candidate.src;if(typeof candidate.url===\"string\")return candidate.url;}return\"\";}function readElementImageUrl(el,props){if(!el||typeof window===\"undefined\")return pickImageFromProps(props);const fromProps=pickImageFromProps(props);if(fromProps)return fromProps;const rootStyle=window.getComputedStyle(el);const rootBg=parseBackgroundImageUrl(rootStyle.backgroundImage);if(rootBg)return rootBg;const bgEl=el.querySelector(\"[style*='background-image'], [style*='backgroundImage']\");if(bgEl){const bgStyle=window.getComputedStyle(bgEl);const bg=parseBackgroundImageUrl(bgStyle.backgroundImage);if(bg)return bg;}const imgEl=el.querySelector(\"img\");return imgEl?.currentSrc||imgEl?.src||\"\";}function mergeRefs(...refs){return value=>{refs.forEach(ref=>{if(!ref)return;if(typeof ref===\"function\")ref(value);else ref.current=value;});};}function writePendingFromSource(key,rootEl,props,eventTarget){if(!rootEl||typeof window===\"undefined\"||typeof document===\"undefined\")return;const rect=rootEl.getBoundingClientRect();if(rect.width<2||rect.height<2)return;const style=window.getComputedStyle(rootEl);const imageUrl=readElementImageUrl(rootEl,props);if(!imageUrl)return;const directAnchor=eventTarget instanceof Element?eventTarget.closest(\"a[href]\"):null;const fallbackAnchor=rootEl.querySelector(\"a[href]\");const href=directAnchor?.getAttribute(\"href\")||fallbackAnchor?.getAttribute(\"href\")||\"\";const toPath=href?getPathFromHref(href):undefined;const payload={key,left:rect.left,top:rect.top,width:rect.width,height:rect.height,radius:style.borderRadius||\"0px\",imageUrl,timestamp:Date.now(),toPath};try{sessionStorage.setItem(storageKey(key),JSON.stringify(payload));}catch{// ignore write failures\n}}function createSourceWrappedComponent(Component,key){return /*#__PURE__*/forwardRef((props,ref)=>{const localRef=useRef(null);return /*#__PURE__*/_jsx(Component,{ref:mergeRefs(localRef,ref),...props,onPointerDownCapture:event=>{writePendingFromSource(key,localRef.current,props,event?.target);props.onPointerDownCapture?.(event);},onClickCapture:event=>{writePendingFromSource(key,localRef.current,props,event?.target);props.onClickCapture?.(event);}});});}function runTargetTransition(key,targetEl){if(!targetEl||typeof window===\"undefined\"||typeof document===\"undefined\")return;if(RenderTarget.current()===RenderTarget.canvas)return;let pending=null;try{const raw=sessionStorage.getItem(storageKey(key));pending=raw?JSON.parse(raw):null;}catch{pending=null;}if(!pending)return;try{sessionStorage.removeItem(storageKey(key));}catch{// noop\n}const now=Date.now();if(now-pending.timestamp>STALE_MS)return;const reducedMotion=window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;const currentPath=normalizePath(window.location.pathname);if(pending.toPath&&currentPath!==normalizePath(pending.toPath))return;if(reducedMotion)return;const targetRect=targetEl.getBoundingClientRect();if(targetRect.width<2||targetRect.height<2)return;const targetStyle=window.getComputedStyle(targetEl);const targetRadius=targetStyle.borderRadius||\"0px\";const targetImage=readElementImageUrl(targetEl,null);const sameImage=!!pending.imageUrl&&!!targetImage&&pending.imageUrl===targetImage;const overlay=document.createElement(\"div\");overlay.setAttribute(\"data-shared-image-transition\",key);overlay.style.position=\"fixed\";overlay.style.left=`${pending.left}px`;overlay.style.top=`${pending.top}px`;overlay.style.width=`${pending.width}px`;overlay.style.height=`${pending.height}px`;overlay.style.borderRadius=pending.radius;overlay.style.backgroundImage=`url(\"${pending.imageUrl}\")`;overlay.style.backgroundSize=\"cover\";overlay.style.backgroundPosition=\"center center\";overlay.style.backgroundRepeat=\"no-repeat\";overlay.style.pointerEvents=\"none\";overlay.style.zIndex=\"2147483647\";overlay.style.willChange=\"left, top, width, height, border-radius, opacity\";overlay.style.opacity=\"1\";const previousVisibility=targetEl.style.visibility;const previousOpacity=targetEl.style.opacity;targetEl.style.visibility=\"visible\";targetEl.style.opacity=\"0\";targetEl.style.transition=\"none\";document.body.appendChild(overlay);const mainAnimation=overlay.animate([{left:`${pending.left}px`,top:`${pending.top}px`,width:`${pending.width}px`,height:`${pending.height}px`,borderRadius:pending.radius,opacity:1},{left:`${targetRect.left}px`,top:`${targetRect.top}px`,width:`${targetRect.width}px`,height:`${targetRect.height}px`,borderRadius:targetRadius,opacity:1,offset:sameImage?.88:.78},{left:`${targetRect.left}px`,top:`${targetRect.top}px`,width:`${targetRect.width}px`,height:`${targetRect.height}px`,borderRadius:targetRadius,opacity:0}],{duration:DURATION_MS,easing:EASING,fill:\"forwards\"});window.setTimeout(()=>{targetEl.style.transition=\"opacity 220ms ease-out\";targetEl.style.opacity=\"1\";},Math.round(DURATION_MS*(sameImage?.72:.62)));mainAnimation.onfinish=()=>{overlay.remove();targetEl.style.transition=\"\";targetEl.style.opacity=previousOpacity||\"\";targetEl.style.visibility=previousVisibility||\"\";};mainAnimation.oncancel=mainAnimation.onfinish;}function createTargetWrappedComponent(Component,key){return /*#__PURE__*/forwardRef((props,ref)=>{const localRef=useRef(null);useEffect(()=>{runTargetTransition(key,localRef.current);},[]);return /*#__PURE__*/_jsx(Component,{ref:mergeRefs(localRef,ref),...props});});}export function withEnLotteCard(Component){return createSourceWrappedComponent(Component,\"en-lotte\");}export function withEnTablingCard(Component){return createSourceWrappedComponent(Component,\"en-tabling\");}export function withEnYgCard(Component){return createSourceWrappedComponent(Component,\"en-yg\");}export function withKrLotteCard(Component){return createSourceWrappedComponent(Component,\"kr-lotte\");}export function withKrTablingCard(Component){return createSourceWrappedComponent(Component,\"kr-tabling\");}export function withKrYgCard(Component){return createSourceWrappedComponent(Component,\"kr-yg\");}export function withEnLotteHeroImage(Component){return createTargetWrappedComponent(Component,\"en-lotte\");}export function withEnTablingHeroImage(Component){return createTargetWrappedComponent(Component,\"en-tabling\");}export function withEnYgHeroImage(Component){return createTargetWrappedComponent(Component,\"en-yg\");}export function withKrLotteHeroImage(Component){return createTargetWrappedComponent(Component,\"kr-lotte\");}export function withKrTablingHeroImage(Component){return createTargetWrappedComponent(Component,\"kr-tabling\");}export function withKrYgHeroImage(Component){return createTargetWrappedComponent(Component,\"kr-yg\");}\nexport const __FramerMetadata__ = {\"exports\":{\"withEnLotteCard\":{\"type\":\"reactHoc\",\"name\":\"withEnLotteCard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withKrLotteHeroImage\":{\"type\":\"reactHoc\",\"name\":\"withKrLotteHeroImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withEnYgCard\":{\"type\":\"reactHoc\",\"name\":\"withEnYgCard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withKrTablingHeroImage\":{\"type\":\"reactHoc\",\"name\":\"withKrTablingHeroImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withEnLotteHeroImage\":{\"type\":\"reactHoc\",\"name\":\"withEnLotteHeroImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withEnTablingHeroImage\":{\"type\":\"reactHoc\",\"name\":\"withEnTablingHeroImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withKrTablingCard\":{\"type\":\"reactHoc\",\"name\":\"withKrTablingCard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withKrYgCard\":{\"type\":\"reactHoc\",\"name\":\"withKrYgCard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withKrLotteCard\":{\"type\":\"reactHoc\",\"name\":\"withKrLotteCard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withKrYgHeroImage\":{\"type\":\"reactHoc\",\"name\":\"withKrYgHeroImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withEnTablingCard\":{\"type\":\"reactHoc\",\"name\":\"withEnTablingCard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withEnYgHeroImage\":{\"type\":\"reactHoc\",\"name\":\"withEnYgHeroImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SharedImageTransitionOverride.map"],"mappings":"+LAAkN,SAAS,EAAW,EAAI,CAAC,MAAM,2BAA2B,GAAM,CAAC,SAAS,EAAc,EAAK,CAAmB,OAAd,EAAqB,EAAK,QAAQ,OAAO,EAAE,GAAG,IAAnC,EAAuC,CAAC,SAAS,EAAgB,EAAK,CAAC,GAAG,CAAgD,OAAO,EAAc,IAAtD,IAAI,EAAK,EAAO,SAAS,MAA+B,CAAC,CAAC,QAAQ,CAAE,MAAM,CAAC,MAAiB,CAAC,CAAC,SAAS,EAAwB,EAAM,CAAsF,MAAlF,CAAC,GAAO,IAAQ,OAAa,GAAe,EAAM,MAAM,wBAAqC,CAAC,GAAG,IAAI,EAAG,CAAC,SAAS,EAAmB,EAAM,CAAC,IAAM,EAAU,GAAO,WAAW,GAAO,OAAO,GAAO,gBAAgB,GAAG,CAAC,EAAU,MAAM,GAAG,GAAG,OAAO,GAAY,SAAS,OAAO,EAAU,GAAG,OAAO,GAAY,SAAS,CAAC,GAAG,OAAO,EAAU,KAAM,SAAS,OAAO,EAAU,IAAI,GAAG,OAAO,EAAU,KAAM,SAAS,OAAO,EAAU,GAAI,CAAC,MAAM,EAAG,CAAC,SAAS,EAAoB,EAAG,EAAM,CAAC,GAAG,CAAC,GAAW,IAAS,OAAY,OAAO,EAAmB,CAAK,EAAE,IAAM,EAAU,EAAmB,CAAK,EAAE,GAAG,EAAU,OAAO,EAAsD,IAAM,EAAO,EAAzC,EAAO,iBAAiB,CAAiD,CAAC,CAAC,eAAe,EAAE,GAAG,EAAO,OAAO,EAAO,IAAM,EAAK,EAAG,cAAc,yDAAyD,EAAE,GAAG,EAAK,CAA6C,IAAM,EAAG,EAAvC,EAAO,iBAAiB,CAA6C,CAAC,CAAC,eAAe,EAAE,GAAG,EAAG,OAAO,CAAG,CAAC,IAAM,EAAM,EAAG,cAAc,KAAK,EAAE,OAAO,GAAO,YAAY,GAAO,KAAK,EAAG,CAAC,SAAS,EAAU,GAAG,EAAK,CAAC,MAAO,IAAO,CAAC,EAAK,QAAQ,GAAK,CAAK,IAAc,OAAO,GAAM,WAAW,EAAI,CAAK,EAAO,EAAI,QAAQ,EAAM,CAAC,CAAE,CAAE,CAAC,SAAS,EAAuB,EAAI,EAAO,EAAM,EAAY,CAAC,GAAG,CAAC,GAAe,IAAS,QAAa,OAAO,SAAW,IAAY,OAAO,IAAM,EAAK,EAAO,sBAAsB,EAAE,GAAG,EAAK,MAAM,GAAG,EAAK,OAAO,EAAE,OAAO,IAAM,EAAM,EAAO,iBAAiB,CAAM,EAAQ,EAAS,EAAoB,EAAO,CAAK,EAAE,GAAG,CAAC,EAAS,OAAO,IAAM,EAAa,aAAuB,QAAQ,EAAY,QAAQ,SAAS,EAAE,KAAW,EAAe,EAAO,cAAc,SAAS,EAAQ,EAAK,GAAc,aAAa,MAAM,GAAG,GAAgB,aAAa,MAAM,GAAG,GAAS,EAAO,EAAK,EAAgB,CAAI,EAAE,IAAA,GAAgB,EAAQ,CAAC,MAAI,KAAK,EAAK,KAAK,IAAI,EAAK,IAAI,MAAM,EAAK,MAAM,OAAO,EAAK,OAAO,OAAO,EAAM,cAAc,MAAM,WAAS,UAAU,KAAK,IAAI,EAAE,QAAM,EAAE,GAAG,CAAC,eAAe,QAAQ,EAAW,CAAG,EAAE,KAAK,UAAU,CAAO,CAAC,CAAE,MAAM,CACzgF,CAAC,CAAC,SAAS,EAA6B,EAAU,EAAI,CAAC,OAAoB,GAAY,EAAM,IAAM,CAAC,IAAM,EAASA,EAAO,IAAI,EAAE,OAAoB,EAAK,EAAU,CAAC,IAAI,EAAU,EAAS,CAAG,EAAE,GAAG,EAAM,qBAAqB,GAAO,CAAC,EAAuB,EAAI,EAAS,QAAQ,EAAM,GAAO,MAAM,EAAE,EAAM,uBAAuB,CAAK,CAAE,EAAE,eAAe,GAAO,CAAC,EAAuB,EAAI,EAAS,QAAQ,EAAM,GAAO,MAAM,EAAE,EAAM,iBAAiB,CAAK,CAAE,CAAC,CAAC,CAAE,CAAC,CAAE,CAAC,SAAS,EAAoB,EAAI,EAAS,CAAiF,GAA7E,CAAC,GAAiB,IAAS,QAAa,OAAO,SAAW,KAAsB,EAAa,QAAQ,IAAI,EAAa,OAAO,OAAO,IAAI,EAAQ,KAAK,GAAG,CAAC,IAAM,EAAI,eAAe,QAAQ,EAAW,CAAG,CAAC,EAAE,EAAQ,EAAI,KAAK,MAAM,CAAG,EAAE,IAAK,MAAM,CAAC,EAAQ,IAAK,CAAC,GAAG,CAAC,EAAQ,OAAO,GAAG,CAAC,eAAe,WAAW,EAAW,CAAG,CAAC,CAAE,MAAM,CACl0B,CAAsB,GAAX,KAAK,IAAW,EAAE,EAAQ,UAAU,EAAS,OAAO,IAAM,EAAc,EAAO,aAAa,kCAAkC,CAAC,EAAE,QAAc,EAAY,EAAc,EAAO,SAAS,QAAQ,EAAwE,GAAnE,EAAQ,QAAQ,IAAc,EAAc,EAAQ,MAAM,GAAY,EAAc,OAAO,IAAM,EAAW,EAAS,sBAAsB,EAAE,GAAG,EAAW,MAAM,GAAG,EAAW,OAAO,EAAE,OAA2D,IAAM,EAAxC,EAAO,iBAAiB,CAAuC,CAAC,CAAC,cAAc,MAAY,EAAY,EAAoB,EAAS,IAAI,EAAQ,EAAU,CAAC,CAAC,EAAQ,UAAU,CAAC,CAAC,GAAa,EAAQ,WAAW,EAAkB,EAAQ,SAAS,cAAc,KAAK,EAAE,EAAQ,aAAa,+BAA+B,CAAG,EAAE,EAAQ,MAAM,SAAS,QAAQ,EAAQ,MAAM,KAAK,GAAG,EAAQ,KAAK,IAAI,EAAQ,MAAM,IAAI,GAAG,EAAQ,IAAI,IAAI,EAAQ,MAAM,MAAM,GAAG,EAAQ,MAAM,IAAI,EAAQ,MAAM,OAAO,GAAG,EAAQ,OAAO,IAAI,EAAQ,MAAM,aAAa,EAAQ,OAAO,EAAQ,MAAM,gBAAgB,QAAQ,EAAQ,SAAS,IAAI,EAAQ,MAAM,eAAe,QAAQ,EAAQ,MAAM,mBAAmB,gBAAgB,EAAQ,MAAM,iBAAiB,YAAY,EAAQ,MAAM,cAAc,OAAO,EAAQ,MAAM,OAAO,aAAa,EAAQ,MAAM,WAAW,mDAAmD,EAAQ,MAAM,QAAQ,IAAI,IAAM,EAAmB,EAAS,MAAM,WAAiB,EAAgB,EAAS,MAAM,QAAQ,EAAS,MAAM,WAAW,UAAU,EAAS,MAAM,QAAQ,IAAI,EAAS,MAAM,WAAW,OAAO,SAAS,KAAK,YAAY,CAAO,EAAE,IAAM,EAAc,EAAQ,QAAQ,CAAC,CAAC,KAAK,GAAG,EAAQ,KAAK,IAAI,IAAI,GAAG,EAAQ,IAAI,IAAI,MAAM,GAAG,EAAQ,MAAM,IAAI,OAAO,GAAG,EAAQ,OAAO,IAAI,aAAa,EAAQ,OAAO,QAAQ,CAAC,EAAE,CAAC,KAAK,GAAG,EAAW,KAAK,IAAI,IAAI,GAAG,EAAW,IAAI,IAAI,MAAM,GAAG,EAAW,MAAM,IAAI,OAAO,GAAG,EAAW,OAAO,IAAI,aAAa,EAAa,QAAQ,EAAE,OAAO,EAAU,IAAI,GAAG,EAAE,CAAC,KAAK,GAAG,EAAW,KAAK,IAAI,IAAI,GAAG,EAAW,IAAI,IAAI,MAAM,GAAG,EAAW,MAAM,IAAI,OAAO,GAAG,EAAW,OAAO,IAAI,aAAa,EAAa,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,EAAY,OAAO,EAAO,KAAK,UAAU,CAAC,EAAE,EAAO,eAAe,CAAC,EAAS,MAAM,WAAW,yBAAyB,EAAS,MAAM,QAAQ,GAAI,EAAE,KAAK,MAAM,GAAa,EAAU,IAAI,IAAI,CAAC,EAAE,EAAc,aAAa,CAAC,EAAQ,OAAO,EAAE,EAAS,MAAM,WAAW,GAAG,EAAS,MAAM,QAAQ,GAAiB,GAAG,EAAS,MAAM,WAAW,GAAoB,EAAG,EAAE,EAAc,SAAS,EAAc,QAAS,CAAC,SAAS,EAA6B,EAAU,EAAI,CAAC,OAAoB,GAAY,EAAM,IAAM,CAAC,IAAM,EAASA,EAAO,IAAI,EAAiE,OAA/D,MAAc,CAAC,EAAoB,EAAI,EAAS,OAAO,CAAE,EAAE,CAAC,CAAC,EAAsB,EAAK,EAAU,CAAC,IAAI,EAAU,EAAS,CAAG,EAAE,GAAG,CAAK,CAAC,CAAE,CAAC,CAAE,CAAC,SAAgB,EAAgB,EAAU,CAAC,OAAO,EAA6B,EAAU,UAAU,CAAE,CAAC,SAAgB,EAAkB,EAAU,CAAC,OAAO,EAA6B,EAAU,YAAY,CAAE,CAAC,SAAgB,EAAa,EAAU,CAAC,OAAO,EAA6B,EAAU,OAAO,CAAE,CAAC,SAAgB,EAAgB,EAAU,CAAC,OAAO,EAA6B,EAAU,UAAU,CAAE,CAAC,SAAgB,EAAkB,EAAU,CAAC,OAAO,EAA6B,EAAU,YAAY,CAAE,CAAC,SAAgB,EAAa,EAAU,CAAC,OAAO,EAA6B,EAAU,OAAO,CAAE,CAAC,SAAgB,EAAqB,EAAU,CAAC,OAAO,EAA6B,EAAU,UAAU,CAAE,CAAgH,SAAgB,EAAkB,EAAU,CAAC,OAAO,EAA6B,EAAU,OAAO,CAAE,CAAC,SAAgB,EAAqB,EAAU,CAAC,OAAO,EAA6B,EAAU,UAAU,CAAE,CAAgH,SAAgB,EAAkB,EAAU,CAAC,OAAO,EAA6B,EAAU,OAAO,CAAE,2BAFz3H,IAA+C,IAAiC,EAAO,EAAS,IAAU,EAAY,IAAU,EAAO"}