{"version":3,"file":"ArticleMealGuide.Cgku4pDx.mjs","names":["React.useRef","__esmMin","init_ssg_sandbox_shims","init_npm_react_18_3_1","p","c","init_jsx_runtime","ce","de","window","init_framer_D6uXRwWs","addPropertyControls","ControlType","ArticleMealGuide","markerRef","kind","targetId","anchor","scroll","navigate","event","hash","frame","node","targets","style","key","label","title","body","__FramerMetadata__","init_ArticleMealGuide","\"exports\"","\"default\"","\"type\"","\"name\"","\"slots\"","\"annotations\"","\"framerContractVersion\"","\"framerSupportedLayoutWidth\"","\"framerSupportedLayoutHeight\"","\"__FramerMetadata__\""],"sources":["https:/framerusercontent.com/modules/BF2b4RP5SfT7uasist7V/rzro9OVUQyejLURNXhrH/ArticleMealGuide.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const targets=new Map;/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function ArticleMealGuide({title=\"料理名が決まっていなくても大丈夫\",body=\"\",kind=\"photo\",anchor=\"\",style}){const markerRef=React.useRef(null);React.useEffect(()=>{if(!(kind===\"marker\"))return;const targetId=`calsup-${anchor}`;const scroll=()=>markerRef.current?.scrollIntoView({block:\"start\",behavior:\"instant\"});const navigate=event=>{if(event.detail===targetId&&markerRef.current){event.preventDefault();scroll();}};const hash=()=>{if(window.location.hash===`#${targetId}`)scroll();};window.addEventListener(\"calsup-toc-navigate\",navigate);window.addEventListener(\"hashchange\",hash);window.addEventListener(\"popstate\",hash);const frame=window.requestAnimationFrame(hash);return()=>{window.cancelAnimationFrame(frame);window.removeEventListener(\"calsup-toc-navigate\",navigate);window.removeEventListener(\"hashchange\",hash);window.removeEventListener(\"popstate\",hash);};},[anchor,kind]);if(kind===\"marker\")return /*#__PURE__*/_jsx(\"div\",{ref:node=>{markerRef.current=node;if(node)targets.set(anchor,node);else targets.delete(anchor);},id:`calsup-${anchor}`,style:{position:\"relative\",height:1,scrollMarginTop:106},\"aria-hidden\":\"true\"});if(kind===\"toc\")return /*#__PURE__*/_jsx(\"nav\",{\"aria-label\":\"この記事の目次\",style:{...style,position:\"relative\",width:\"100%\",height:\"auto\",boxSizing:\"border-box\",background:\"#FAF9F6\",borderRadius:20,padding:24,fontFamily:'\"IBM Plex Sans JP\",sans-serif'},children:[[\"a5-photo\",\"基本は、写真を撮ればOK\"],[\"a5-memo\",\"詳しく伝えたいときの一言メモ\"],[\"a5-fix\",\"シェア・食べ残しのマジック修正\"],[\"a5-text\",\"撮り忘れたときのテキスト入力\"]].map(([key,label])=>/*#__PURE__*/_jsx(\"a\",{href:`#calsup-${key}`,onClick:event=>{const node=targets.get(key);if(node){event.preventDefault();node.scrollIntoView({block:\"start\",behavior:\"instant\"});}},style:{display:\"block\",padding:\"10px 0\",fontSize:16,fontWeight:400,lineHeight:1.6,letterSpacing:0,color:\"#906846\",textDecoration:\"none\"},children:label},key))});return /*#__PURE__*/_jsxs(\"div\",{className:\"calsup-a5-media\",style:{...style,position:\"relative\",width:\"100%\",height:\"auto\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n .calsup-a5-media{container-type:inline-size}\n .calsup-a5-media section{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;padding:24px 0;box-sizing:border-box;font-family:\"IBM Plex Sans JP\",sans-serif;color:#3E372D}\n .calsup-a5-media .copy{min-width:0}\n .calsup-a5-media h3{font-family:inherit!important;font-size:20px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.03em!important;margin:0 0 16px!important;color:#3E372D!important}\n .calsup-a5-media p{font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.6!important;letter-spacing:0!important;margin:0!important;color:#3E372D!important}\n .calsup-a5-media video{display:block;width:100%;max-width:240px;height:auto;margin:auto;border-radius:12px}\n .calsup-a5-media .visual{position:relative;width:100%;max-width:320px;aspect-ratio:292/260;overflow:hidden;margin:auto;border-radius:12px}\n @container(min-width:520px){.calsup-a5-media section{grid-template-columns:minmax(0,1.4fr) minmax(200px,1fr);gap:32px}}\n @media(min-width:810px){.calsup-a5-media h3{font-size:22px!important}}\n @media(min-width:1200px){.calsup-a5-media h3{font-size:24px!important}}\n `}),/*#__PURE__*/_jsxs(\"section\",{children:[/*#__PURE__*/_jsxs(\"div\",{className:\"copy\",children:[/*#__PURE__*/_jsx(\"h3\",{children:title}),/*#__PURE__*/_jsx(\"p\",{children:body})]}),kind===\"photo\"?/*#__PURE__*/_jsx(\"video\",{src:\"https://framerusercontent.com/assets/JzT3G3evNDDRZnuzmgG3wlAPIcA.webm\",poster:\"https://framerusercontent.com/images/rhiRYRbeECATRllohCzxUL8vKto.png\",autoPlay:true,muted:true,loop:true,playsInline:true,controls:true,preload:\"metadata\",\"aria-label\":\"食事を撮影して記録する操作動画\"}):/*#__PURE__*/_jsxs(\"div\",{className:\"visual\",role:\"img\",\"aria-label\":\"シェアした食事の量をマジック修正で調整する画面\",children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:\"34.8%\",top:\"-.2%\",width:\"61.2%\",height:\"105.5%\",overflow:\"hidden\",borderRadius:16},children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/ZVhLxmwnwuzJwGq5bdE4vT2hAM.png\",alt:\"\",style:{position:\"absolute\",width:\"100%\",height:\"auto\",top:\"-18.2%\"}})}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",left:\".17%\",top:\"17.5%\",width:\"60.1%\",height:\"53.5%\",overflow:\"hidden\",borderRadius:18},children:/*#__PURE__*/_jsx(\"img\",{src:\"https://framerusercontent.com/images/NdRzr8vGyVcJNSQXeau6flkYh6Y.png\",alt:\"\",style:{position:\"absolute\",width:\"100%\",height:\"auto\",left:0,top:\"96.91%\",transform:\"translateY(-50%)\"}})})]})]})]});}addPropertyControls(ArticleMealGuide,{title:{type:ControlType.String,title:\"Title\",defaultValue:\"料理名が決まっていなくても大丈夫\"},body:{type:ControlType.String,title:\"Body\",defaultValue:\"\",displayTextArea:true},anchor:{type:ControlType.String,title:\"Anchor\",defaultValue:\"\"},kind:{type:ControlType.Enum,title:\"Visual\",options:[\"photo\",\"magic\",\"toc\",\"marker\"],defaultValue:\"photo\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ArticleMealGuide\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ArticleMealGuide.map"],"mappings":"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"}