{"version":3,"file":"ArticleAnchor.VbgEyHNh.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","ArticleAnchor","markerRef","contents","targetId","anchor","scroll","navigate","event","hash","frame","style","__FramerMetadata__","init_ArticleAnchor","\"exports\"","\"default\"","\"type\"","\"name\"","\"slots\"","\"annotations\"","\"framerContractVersion\"","\"framerIntrinsicHeight\"","\"framerSupportedLayoutHeight\"","\"framerSupportedLayoutWidth\"","\"__FramerMetadata__\""],"sources":["https:/framerusercontent.com/modules/GtpvQ7Z6X0qA7seGi0ZQ/UdLgJh1POYXiq0AVt5HN/ArticleAnchor.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicHeight 1\n */export default function ArticleAnchor({anchor=\"comparison\",contents=false,style}){const markerRef=React.useRef(null);React.useEffect(()=>{if(!!contents)return;const targetId=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,contents]);if(contents)return /*#__PURE__*/_jsxs(\"div\",{className:\"calsup-toc-wrap\",style:{...style,position:\"relative\",width:\"100%\",height:\"auto\",padding:\"24px 0 32px\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n            .calsup-toc-wrap { container-type:inline-size; }\n            /* Only the article download card; keep shared site headers unchanged. */\n            .framer-NlFtI [data-framer-name=\"Download Card\"] { container-type:inline-size; }\n            @container(max-width:400px) { .framer-NlFtI [data-framer-name=\"Download Card\"] h2 { font-size:28px!important; } }\n            .calsup-toc { background:var(--token-f5c73c41-6559-4b48-9467-fd4fc49623db,#f9f8f7); border-radius:16px; padding:24px; box-sizing:border-box; font-family:\"IBM Plex Sans JP\",sans-serif; }\n            .calsup-toc .toc-title { margin:0 0 24px!important; font-family:inherit!important; font-size:16px!important; font-weight:500!important; line-height:1.3!important; letter-spacing:.02em!important; color:var(--token-7cf39e5c-021e-4d5b-9f56-b9549cd76b84,#3e372d)!important; }\n            .calsup-toc .toc-links { display:flex; flex-direction:column; gap:12px; }\n            .calsup-toc .toc-links a { display:block; font-family:inherit!important; font-size:16px!important; font-weight:400!important; line-height:1.6!important; color:var(--token-075a427a-f144-4687-85f5-89ff7789fff2,#946d48)!important; text-decoration:none!important; }\n            .calsup-toc .toc-links a:hover { text-decoration:underline!important; }\n            .calsup-toc .toc-links a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }\n            @container(min-width:500px) { .calsup-toc .toc-title { font-size:20px!important; } }\n            @container(min-width:700px) { .calsup-toc .toc-title { font-size:22px!important; } }\n        `}),/*#__PURE__*/_jsxs(\"nav\",{className:\"calsup-toc\",\"aria-label\":\"この記事の目次\",children:[/*#__PURE__*/_jsx(\"h2\",{className:\"toc-title\",children:\"この記事の目次\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"toc-links\",children:[/*#__PURE__*/_jsx(\"a\",{href:\"#comparison\",children:\"アプリを比較\"}),/*#__PURE__*/_jsx(\"a\",{href:\"#who-it-fits\",children:\"どんな人に合う？\"}),/*#__PURE__*/_jsx(\"a\",{href:\"#calsup-guide\",children:\"カロサポの使い方\"})]})]})]});return /*#__PURE__*/_jsx(\"div\",{ref:markerRef,id:anchor,\"aria-hidden\":\"true\",style:{...style,position:\"relative\",width:\"100%\",height:1,scrollMarginTop:106},children:/*#__PURE__*/_jsx(\"style\",{children:`.framer-NlFtI [data-framer-name=\"Download Card\"] { container-type:inline-size; }\n@container(max-width:400px) { .framer-NlFtI [data-framer-name=\"Download Card\"] h2 { font-size:28px!important; } }\n/* A7 only: keep the shared download heading on two lines in narrow article columns. */\ndiv:has(> .framer-text-module > #calsup-a7-section-1) [data-framer-name=\"Download Card\"] { container-type:inline-size; container-name:a7-download; }\n@container a7-download (max-width:400px) { div:has(> .framer-text-module > #calsup-a7-section-1) [data-framer-name=\"Download Card\"] h2 { font-size:clamp(20px,8cqw,28px)!important; } }`})});}addPropertyControls(ArticleAnchor,{contents:{type:ControlType.Boolean,title:\"Contents\",defaultValue:false},anchor:{type:ControlType.String,title:\"Anchor\",defaultValue:\"comparison\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ArticleAnchor\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ArticleAnchor.map"],"mappings":"A,sMAIG,SAAwBa,EAAc,CAAC,SAAO,aAAa,WAAS,GAAM,SAAO,CAAC,IAAMC,EAAUd,EAAa,IAAI,EAa+S,OAb7SO,MAAoB,CAAC,GAAKQ,EAAS,OAAO,IAAMC,EAASC,EAAaC,MAAWJ,EAAU,SAAS,eAAe,CAAC,MAAM,QAAQ,SAAS,SAAS,CAAC,EAAQK,EAAS,GAAO,CAAIC,EAAM,SAASJ,GAAUF,EAAU,UAASM,EAAM,eAAe,EAAEF,EAAO,EAAG,EAAQG,MAAS,CAAIZ,EAAO,SAAS,OAAO,IAAIO,KAAWE,EAAO,CAAE,EAAET,EAAO,iBAAiB,sBAAsBU,CAAQ,EAAEV,EAAO,iBAAiB,aAAaY,CAAI,EAAEZ,EAAO,iBAAiB,WAAWY,CAAI,EAAE,IAAMC,EAAMb,EAAO,sBAAsBY,CAAI,EAAE,UAAU,CAACZ,EAAO,qBAAqBa,CAAK,EAAEb,EAAO,oBAAoB,sBAAsBU,CAAQ,EAAEV,EAAO,oBAAoB,aAAaY,CAAI,EAAEZ,EAAO,oBAAoB,WAAWY,CAAI,CAAE,CAAE,EAAE,CAACJ,EAAOF,CAAQ,CAAC,EAAKA,EAA6B,gBAAM,MAAM,CAAC,UAAU,kBAAkB,MAAM,CAAC,GAAGQ,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,cAAc,UAAU,YAAY,EAAE,SAAS,CAAc,gBAAK,QAAQ,CAAC,SAAS;;;;;;;;;;;;;SAa5iC,CAAC,EAAe,gBAAM,MAAM,CAAC,UAAU,aAAa,aAAa,UAAU,SAAS,CAAc,gBAAK,KAAK,CAAC,UAAU,YAAY,SAAS,SAAS,CAAC,EAAe,gBAAM,MAAM,CAAC,UAAU,YAAY,SAAS,CAAc,gBAAK,IAAI,CAAC,KAAK,cAAc,SAAS,QAAQ,CAAC,EAAe,gBAAK,IAAI,CAAC,KAAK,eAAe,SAAS,UAAU,CAAC,EAAe,gBAAK,IAAI,CAAC,KAAK,gBAAgB,SAAS,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAsB,gBAAK,MAAM,CAAC,IAAIT,EAAU,GAAGG,EAAO,cAAc,OAAO,MAAM,CAAC,GAAGM,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,EAAE,gBAAgB,GAAG,EAAE,SAAsB,gBAAK,QAAQ,CAAC,SAAS;;;;wLAItb,CAAC,CAAC,CAAC,CAAE,C,oDAACZ,EAAoBE,EAAc,CAAC,SAAS,CAAC,KAAKD,EAAY,QAAQ,MAAM,WAAW,aAAa,EAAK,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,aAAa,YAAY,CAAC,CAAC,EACtW,EAAqB,CAACc,QAAU,CAACC,QAAU,CAACC,KAAO,iBAAiBC,KAAO,gBAAgBC,MAAQ,CAAC,EAAEC,YAAc,CAACC,sBAAwB,IAAIC,sBAAwB,IAAIC,4BAA8B,OAAOC,2BAA6B,kBAAkB,CAAC,EAAEC,mBAAqB,CAACR,KAAO,UAAU,CAAC,CAAC,C"}