{"version":3,"file":"BackToProgramnotesList.BJkhwlke.mjs","names":[],"sources":["https:/framerusercontent.com/modules/B1e4tDhxtZ6EFNi51VO5/xsmycFXUNPe5yEUtjTV9/BackToProgramnotesList.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";/**\n * withWhiteoutAndNavigate\n * Kojiの「再生」や「光への溶入」を表現するホワイトアウト遷移\n * 指針：マウスオーバー時に「手の形」にし、連打防止と没入感を両立させます。\n */export function withWhiteoutAndNavigate(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,cursor:\"pointer\"},onClick:()=>{// 1. 身体的感覚の遮断：連打による多重遷移を防ぐ\ndocument.body.style.pointerEvents=\"none\";// 2. スタイルの準備：背景色を白に、変化の起点を設定\n// 1.2sという時間は、一呼吸置いて感情が動く絶妙なタイミングです\ndocument.body.style.backgroundColor=\"#FFFFFF\";document.body.style.transition=\"opacity 1.2s ease-in-out, background-color 1.2s ease-in-out\";// 3. ホワイトアウトの演出（光の中に溶けていく）\ndocument.body.style.opacity=\"0\";// 4. 1.2秒後（完全に光に包まれた瞬間）に遷移\nsetTimeout(()=>{window.location.href=\"https://www.koji.tw/programnotes/list\";},1200);}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withWhiteoutAndNavigate\":{\"type\":\"reactHoc\",\"name\":\"withWhiteoutAndNavigate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BackToProgramnotesList.map"],"mappings":"kHAIG,SAAgB,EAAwB,EAAU,CAAC,MAAO,IAA4B,EAAK,EAAU,CAAC,GAAG,EAAM,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,UAAU,CAAC,YAAY,CACtK,SAAS,KAAK,MAAM,cAAc,OAElC,SAAS,KAAK,MAAM,gBAAgB,UAAU,SAAS,KAAK,MAAM,WAAW,8DAC7E,SAAS,KAAK,MAAM,QAAQ,IAC5B,eAAe,CAAC,EAAO,SAAS,KAAK,yCAA0C,KAAK,EAAG,CAAC,sBAT7C"}