https://chocozap.jp/_nuxt/DsGguzKX.js

1import{u as k,_ as M}from"./BrKcfFro.js";import{d as w,t as O,o as i,c as d,a as e,e as o,F as I,r as N,n as j,E as f,j as v,k as g,p as R,w as $,l as D,f as A,g as T,i as u,_ as B,R as H,x as U,D as F,O as V,J as q,Q as G,N as P}from"./SKGDL43O.js";import{f as z}from"./v6t0GFCJ.js";import{C as E}from"./-rBqvhre.js";import{u as Y}from"./Dzqd9YMl.js";const J={class:"relative top-0 w-full pt-lg pb-md px-md pc:sticky pc:top-[20px] pc:w-[240px] pc:h-fit pc:p-0"},Q={key:0,class:"c-toc-list"},X=["onClick"],K=w({__name:"DetailTableOfContents",setup(b){const n=g([]),a=g("");O(()=>{const p=document.querySelector(".c-body");if(p){const l=p.querySelectorAll("h2");n.value=Array.from(l).map((s,c)=>{const t=`section-${c+1}`;return s.setAttribute("id",t),{id:t,tag:s.tagName.toLowerCase(),title:s.textContent?.trim()??""}})}window.addEventListener("scroll",()=>{const l=window.scrollY+5,s=[];n.value.forEach(c=>{const t=document.getElementById(c.id),x=t?t.offsetTop:0;s.push({id:c.id,offsetTop:x})});for(let c=0;c<s.length;c++){const t=s[c],x=s[c+1];if(l>=t.offsetTop&&(!x||l<x.offsetTop)){a.value=t.id;break}else a.value=""}})});const _=p=>{const l=document.querySelector(p);l&&setTimeout(()=>{window.scrollTo({top:l.getBoundingClientRect().top+window.scrollY,behavior:"smooth"})},100)};return(p,l)=>(i(),d("aside",J,[l[0]||(l[0]=e("div",{class:"text-left text-body-md text-text_description-primary bg-background_secondary m-0 p-md rounded-[14px_14px_0_0] border border-solid border-border_primary border-b-0 pc:py-xs pc:px-[28px] pc:rounded-md pc:mb-xs pc:border-0"}," 目次 ",-1)),e("nav",null,[o(n)?(i(),d("ol",Q,[(i(!0),d(I,null,N(o(n),(s,c)=>(i(),d("li",{key:c},[e("a",{class:j([{current:o(a)===s.id},"c-toc-link"]),onClick:t=>_(`#${s.id}`)},f(s.title),11,X)]))),128))])):v("",!0)])]))}}),W=R(K,[["__scopeId","data-v-8c85504a"]]),Z={key:0,class:"text-text_description-primary bg-background_secondary rounded-xl p-md mt-xxl mb-xxl text-body-sm leading-body mx-md pc:mx-0 pc:mb-0"},tt={class:"text-text_description-primary mb-xs pl-[96px] relative min-h-[80px]"},et=["src","alt"],ot={class:"text-title-md font-bold my-xxs"},st=w({__name:"Supervisor",props:{topicsId:{}},async setup(b){let n,a;const _=b,{fetchSupervisors:p}=k(),{data:l}=([n,a]=$(()=>p()),n=await n,a(),n),s=D(()=>l?.value?.list?.find(c=>c.topics_id===_.topicsId));return(c,t)=>o(s)?(i(),d("div",Z,[e("div",tt,[e("img",{src:o(s)?.image?.url,alt:o(s)?.name,class:"absolute top-0 left-0 block w-[80px] h-auto rounded-md"},null,8,et),e("div",null,[t[0]||(t[0]=e("p",null,"監修者",-1)),e("p",ot,f(o(s)?.name),1),e("p",null,f(o(s)?.position),1)])]),e("div",null,f(o(s)?.profile),1)])):v("",!0)}}),nt={class:"py-xl px-md bg-background_light-navy pc:py-4xl pc:px-0"},lt={key:0,class:"h-screen"},ct={key:1},it={class:"box-content max-w-[1080px] mx-auto px-0 grid gap-md grid-cols-1 w-full pc:px-md pc:grid-cols-3"},at={class:"aspect-[349/196] overflow-hidden rounded-t-xl"},rt=["src","alt"],dt={class:"p-lg"},pt=["innerHTML"],_t={class:"text-text_description-primary text-caption-md font-normal leading-body mb-md pc:text-title-md"},mt={key:2,class:"text-center"},xt=w({__name:"Recommend",props:{columnTopicsId:{},mainTagTopicsId:{}},async setup(b){let n,a;const{fetchRecommendColumns:_}=k(),p=b,{data:l,error:s,pending:c}=([n,a]=$(()=>_(p.columnTopicsId,p.mainTagTopicsId)),n=await n,a(),n);return s.value&&console.error(s.value.message),(t,x)=>{const y=M,r=B;return i(),d("div",nt,[x[0]||(x[0]=e("h2",{class:"text-center text-headline-xs font-bold leading-headline mb-xl pc:text-headline-md pc:mb-xxl"}," 合わせて読みたい ",-1)),o(c)?(i(),d("div",lt)):o(l)?.list&&o(l)?.list.length>0?(i(),d("div",ct,[e("div",it,[(i(!0),d(I,null,N(o(l)?.list,m=>(i(),A(r,{key:m.topics_id,to:`/column/${m.topics_id}`,class:"rounded-xl bg-background_primary p-0 pb-0 relative gap-md pc:pb-lg after:content-[''] after:bg-[url('@/assets/images/icon/icon_chevron_gray.svg')] after:bg-no-repeat after:bg-cover after:w-[24px] after:h-[24px] after:absolute after:right-[24px] after:bottom-[24px]"},{default:T(()=>[e("div",at,[e("img",{src:m?.thumbnail?.url,alt:m?.headline,class:"w-full"},null,8,rt)]),e("div",dt,[e("h3",{class:"max-w-full text-text_body text-title-sm font-bold leading-body mb-xs break-all pc:text-title-lg",innerHTML:m.headline},null,8,pt),e("div",_t,f(m.ymd),1),u(y,{tags:m.tags},null,8,["tags"])])]),_:2}

1,1032,["to"]))),128))])])):(i(),d("div",mt,"関連コンテンツはありません"))])}}}),ut={class:"max-w-[1728px] mx-auto"},ft={key:0,class:"h-screen"},bt={key:1},gt={class:"flex flex-col-reverse gap-0 justify-between items-center pc:flex-row"},yt={class:"w-full max-h-[486px] overflow-hidden flex items-center pc:w-1/2"},ht=["src","alt"],vt={class:"w-full max-h-[486px] overflow-hidden flex items-center pc:w-1/2"},wt={class:"m-0 py-xl px-md pb-lg pc:ml-[80px] pc:w-[460px] pc:p-0"},kt=["innerHTML"],$t={class:"text-text_description-primary text-body-sm font-normal leading-caption mb-md font-robo pc:mb-lg"},Tt={class:"w-full m-0 flex flex-col gap-0 pc:w-[1080px] pc:mx-auto pc:my-5xl pc:flex-row pc:gap-xxl"},Ct={class:"w-full pc:w-[240px]"},Lt={key:0,class:"text-text_body text-body-md font-normal leading-body pt-lg px-md mb-0 pc:hidden"},St={key:0,class:"text-text_body text-body-md font-normal leading-body mb-xxl hidden pc:block"},Dt=["innerHTML"],It={key:0},Nt=w({__name:"Detail",emits:["getTitle","getReadTxt"],async setup(b,{emit:n}){let a,_;const{fetchColumnDetail:p}=k(),l=H(),s=n,c=g(l.params.id?l.params.id.toString():""),{data:t,error:x,pending:y}=([a,_]=$(()=>p(c.value)),a=await a,_(),a);return x.value&&console.error(x.value.message),U(t,r=>{r&&r.details&&(s("getTitle",r.details.headline),s("getReadTxt",r.details.read_text))},{immediate:!0}),(r,m)=>{const h=M,C=W,L=st,S=xt;return i(),d("section",ut,[o(y)?(i(),d("div",ft)):(i(),d("div",bt,[e("div",gt,[e("div",yt,[e("img",{src:o(t)?.details?.image?.url,alt:o(t)?.details?.headline,class:"w-full min-w-full"},null,8,ht)]),e("div",vt,[e("div",wt,[m[0]||(m[0]=e("div",{class:"inline-block mb-md px-md rounded-full bg-background_yellow-primary text-body-md font-bold leading-body"}," 健康コラム ",-1)),e("h2",{class:"text-text_body text-headline-xs font-bold leading-body mb-xs flex flex-col pc:text-headline-md pc:mb-lg",innerHTML:o(t)?.details?.headline},null,8,kt),e("div",$t,f(("formatDate"in r?r.formatDate:o(z))(o(t)?.details?.ymd)),1),u(h,{tags:o(t)?.details?.tags??[]},null,8,["tags"])])])]),e("div",Tt,[e("div",Ct,[o(t)?.details?.read_text?(i(),d("div",Lt,f(o(t)?.details?.read_text),1)):v("",!0),u(C)]),e("div",null,[o(t)?.details?.read_text?(i(),d("div",St,f(o(t)?.details?.read_text),1)):v("",!0),e("div",{class:"c-body",innerHTML:o(t)?.details?.body},null,8,Dt),u(L,{"topics-id":o(t)?.details?.supervisor?.module_id},null,8,["topics-id"])])]),o(t)&&o(t)?.details?.tags.length>0?(i(),d("div",It,[u(S,{"column-topics-id":o(t)?.details?.topics_id,"main-tag-topics-id":o(t)?.details?.tags[0].module_id},null,8,["column-topics-id","main-tag-topics-id"])])):v("",!0)]))])}}}),Rt=R(Nt,[["__scopeId","data-v-ed81a7b8"]]),Bt={class:"w-full mt-xs mb-xl px-md py-0 flex flex-col items-start gap-xs pc:max-w-[1080px] pc:mx-auto pc:mt-xxl pc:mb-xl pc:p-0"},Et={class:"flex flex-col gap-xs items-start py-xs mx-auto pc:flex-row pc:items-center"},Mt={class:"flex gap-xs flex-wrap p-0 pc:px-md"},At=w({__name:"FilterForDetail",async setup(b){let n,a;const{fetchTags:_}=k(),{data:p}=([n,a]=$(()=>_()),n=await n,a(),n);return(l,s)=>{const c=B;return i(),d("div",Bt,[e("div",Et,[s[0]||(s[0]=e("div",{class:"text-text_body text-center text-title-sm font-bold leading-label min-w-xxl pc:text-title-md"}," タグ ",-1)),e("ul",Mt,[(i(!0),d(I,null,N(o(p)?.list,t=>(i(),d("li",{key:t.topics_id,class:"rounded-md border border-solid border-border_primary flex min-w-[80px] justify-center items-center gap-[10px] leading-label text-body-md cursor-pointer"}

1,[u(c,{to:`/column?tag=${t.topics_id}`,class:"text-text_body block py-[9px] px-[15px] pb-[10px] hover:opacity-100"},{default:T(()=>[F(f(t.name),1)]),_:2},1032,["to"])]))),128))])])])}}}),Ht={};function Ft(b,n){const a=B;return i(),A(a,{to:"/column",class:"mx-auto max-w-[420px] flex justify-center items-center font-bold border border-solid border-border_secondary rounded-lg text-black transition-all duration-300 text-center py-[15px] hover:border-black hover:opacity-100"},{default:T(()=>[...n[0]||(n[0]=[F(" 健康コラム一覧へ戻る ",-1)])]),_:1})}const Ot=R(Ht,[["render",Ft]]),jt={class:"px-xl pb-xl pt-0 pc:px-0 pc:pb-xxl"},Ut="健康コラムページです。入会後の変化やチョコザップの好きなところ、どのように運動や様々なサービスをご利用されているかご紹介しています。月額2,980円（税込3,278円）で楽しめるコンビニジム チョコザップの会員様のリアルな声を今すぐチェック！",Yt={__name:"[id]",setup(b){const n=H(),a=V(),{$breadcrumbs:_}=q(),p=g(""),l=g(""),s=r=>{const m=r?r.length>E?`${r.slice(0,E)}...`:r:"",h=[_.route,_.column,{title:m,path:n.path,name:"column-detail"}];a.setBreadcrumbs(h)},c=r=>{p.value=`${r}｜健康コラム`,l.value=`${r}｜健康コラム｜チョコザップ｜運動も美容もリフレッシュも！スキマ時間にサクッと使えるコンビニジム`,s(r)},t=g(""),x=r=>{t.value=r??Ut},y=Y().baseUrlFromEnv;return G({title:D(()=>p.value),meta:[{key:"description",name:"description",content:t},{key:"og:url",property:"og:url",content:`${y.value}`},{key:"og:title",property:"og:title",content:D(()=>l.value)},{key:"og:description",property:"og:description",content:t}],htmlAttrs:{style:{"font-size":"10px"}}}),(r,m)=>{const h=Rt,C=At,L=Ot,S=P;return i(),d("div",null,[u(S,null,{default:T(()=>[u(h,{onGetTitle:c,onGetReadTxt:x}),u(C),e("div",jt,[u(L)])]),_:1})])}}};export{Yt as default};