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

1import{d as q,o as r,c as a,a as s,E as g,F as S,r as k,n as oe,e as l,j as I,D,k as _,l as h,O as le,J as ne,x as A,t as U,y as ie,a0 as re,Q as ae,h as N,f as B,g as R,i as C,aa as ce,_ as de,N as pe,q as ue,af as xe,a9 as j,ah as me}from"./SKGDL43O.js";import{_ as fe}from"./JXF_sXlk.js";import{s as be,d as _e,h as ge,r as he}from"./7_nNmNXM.js";import{_ as ye}from"./CC9dfNMb.js";import{a as ve,b as we}from"./BYq1mawq.js";import{a as Ce,u as Se,b as ke,c as Ie}from"./BaUz8AXB.js";import{u as Le}from"./D7R24TAL.js";import{u as Ee}from"./Dzqd9YMl.js";import"./v6t0GFCJ.js";const Te={class:"flex w-full flex-col gap-md"},$e={class:"flex w-full items-center border-b border-solid border-border_primary"},Ne={class:"min-w-0 flex-1 text-[14px] font-bold leading-[160%] text-text_body"},Oe={class:"flex w-full flex-wrap content-start items-start gap-x-xs gap-y-md"},Me=["aria-pressed","onClick"],Pe={key:0,class:"flex w-full flex-col items-center justify-center px-md"},Ve={class:"size-[16px] shrink-0",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},Ae={key:0,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 4.25C12.4142 4.25 12.75 4.58579 12.75 5V19C12.75 19.4142 12.4142 19.75 12 19.75C11.5858 19.75 11.25 19.4142 11.25 19V5C11.25 4.58579 11.5858 4.25 12 4.25Z",fill:"currentColor"},Ue=q({__name:"ChipSection",props:{label:{},chips:{},collapseLimit:{default:null}},emits:["toggle","clear"],setup(L,{emit:E}){const i=L,T=be,w=E,u=_(!1),t=h(()=>{if(u.value||i.collapseLimit===null)return i.chips;const x=i.chips.slice(0,i.collapseLimit),c=i.chips.slice(i.collapseLimit).filter(d=>d.selected);return[...x,...c]}),y=h(()=>i.collapseLimit!==null&&i.chips.length>i.collapseLimit),m=h(()=>{if(i.collapseLimit===null)return 0;const x=i.chips.slice(i.collapseLimit).filter(c=>c.selected).length;return Math.max(0,i.chips.length-i.collapseLimit-x)});return(x,c)=>(r(),a("section",Te,[s("div",$e,[s("span",Ne,g(L.label),1),s("button",{type:"button",class:"py-xs text-[14px] font-normal leading-[160%] text-text_link",onClick:c[0]||(c[0]=d=>w("clear"))}," すべて解除 ")]),s("div",Oe,[(r(!0),a(S,null,k(l(t),d=>(r(),a("button",{key:d.key,type:"button","aria-pressed":d.selected,class:oe(l(T)(d.selected)),onClick:v=>w("toggle",d.key)},g(d.label),11,Me))),128))]),(l(u)?l(y):l(m)>0)?(r(),a("div",Pe,[s("button",{type:"button",class:"flex min-h-[40px] min-w-[160px] items-center justify-center gap-xxs whitespace-nowrap rounded-[8px] px-md py-xs text-[14px] font-bold leading-[160%] text-text_body",onClick:c[1]||(c[1]=d=>u.value=!l(u))},[(r(),a("svg",Ve,[c[2]||(c[2]=s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.25 12C4.25 11.5858 4.58579 11.25 5 11.25H19C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75H5C4.58579 12.75 4.25 12.4142 4.25 12Z",fill:"currentColor"},null,-1)),l(u)?I("",!0):(r(),a("path",Ae))])),D(" "+g(l(u)?"閉じる":`もっと見る（${l(m)}件）`),1)])])):I("",!0)]))}}),Be=""+new URL("icon-location.BJYuCyIc.svg",import.meta.url).href,Re={id:"area_search"},je={class:"mx-auto w-full max-w-[800px]"},qe={class:"flex w-full flex-col items-center gap-lg px-md pb-lg pt-sm"},De={class:"flex w-full max-w-[420px] flex-col items-center gap-xxs pb-xs pc:pb-md"},Fe=["src"],He={class:"flex w-full flex-col items-center gap-lg px-md py-lg"},Ge={class:"w-full max-w-[420px] pb-xs pc:pb-md"},Qe={class:"w-full px-md pb-3xl pt-lg pc:px-[25px]"},Ye={class:"mt-lg flex w-full flex-col gap-lg"},ze={class:"flex w-full flex-col gap-md pc:flex-row pc:items-end pc:pb-0 pb-xs"},Ke={class:"flex min-w-0 flex-1 flex-col gap-xs"},Je={class:"relative w-full"},Ze=["value"],We={key:0,class:"pointer-events-none absolute left-[17px] top-1/2 -translate-y-1/2 text-[16px] font-normal leading-none text-status-neutral"},Xe={class:"flex min-w-0 flex-1 flex-col gap-xs"},et={class:"relative w-full"},tt=["disabled"],st=["value"],ot={key:0,class:"pointer-events-none absolute left-[17px] top-1/2 -translate-y-1/2 text-[16px] font-normal leading-none text-status-neutral"},lt={class:"flex w-full flex-col gap-lg rounded-[12px] border border-solid border-border_primary px-md py-xs"},nt={class:"mt-xl flex w-full justify-center px-md pc:px-0"},it=["disabled"],rt={class:"mx-auto w-full max-w-[632px] px-md py-xxl"},at=6,ct=3,dt=6,pt="(min-width: 767px)",wt=q({__name:"index",setup(L){const E=le(),{$breadcrumbs:i}=ne(),{getPrefectures:T}=Ce(),{getServices:w}=Le(),{countStudios:u}=Se(),t=xe(Ie()),y=_(""),m=_([]),x=_([]),c=h(()=>m.value.find(o=>o.id===t.prefectureId)?.cities??[]);A(()=>t.prefectureId,()=>{t.cityId=null});const d=_(!1);let v=null;const O=o=>{d.value=o.matches};U(()=>{v=window.matchMedia(pt),d.value=v.matches,v.addEventListener("change",O)}),ie(()=>{v?.removeEventListener("change",O)});const F=h(()=>[{key:"women_only",label:"女性専用店舗",selected:t.womenOnly},{key:"always_open",label:"24時間営業",selected:t.alwaysOpen},{key:"one_shot",label:"都度払い店舗",selected:t.oneShot}]),H=o=>{o==="women_only"?t.womenOnly=!t.womenOnly:o==="always_open"?t.alwaysOpen=!t.alwaysOpen:o==="one_shot"&&(t.oneShot=!t.oneShot)},G=()=>{t.womenOnly=!1,t.alwaysOpen=!1,t.oneShot=!1},Q=h(()=>{const o=p=>p.map(b=>({key:b.id,label:b.name,selected:t.serviceIds.includes(b.id)})),e=x.value.filter(p=>p.category==="service"),f=x.value.filter(p=>p.category==="other");return[{key:"services",label:"サービス",chips:o(e),serviceIds:e.map(p=>p.id),collapseLimit:at},{key:"facilities",label:"設備",chips:o(f),serviceIds:f.map(p=>p.id),collapseLimit:d.value?dt:ct}].filter(p=>p.chips.length>0)}),Y=o=>{const e=Number(o);t.serviceIds.includes(e)?t.serviceIds=t.serviceIds.filter(f=>f!==e):t.serviceIds=[...t.serviceIds,e]},z=o=>{t.serviceIds=t.serviceIds.filter(e=>!o.includes(e))},$=_(0);let M=0;const P=async()=>{const o=++M;try{const e=await u(ke(t));o===M&&($.value=e)}catch(e){console.error("Error: studios api request failed.",e)}},K=_e(P,300);A(t,()=>{K()});const J=async()=>

1{if(ge(t)){location.href="/studios/search/filters";return}location.href=await he(t,{areaSearch:!0})},Z=me(),W=o=>{o&&(Z?.trackEvent({event:we.keywordSubmit.eventName}),location.href=`/studios/search/filters?q=${encodeURIComponent(o)}`)};U(async()=>{try{const[o,e]=await Promise.all([T(),w()]);m.value=o,x.value=e}catch(o){console.error("Error: master api request failed.",o)}P()});const V=()=>{const o=[i.route];o.push(i.studios.search.searchStudios),E.setBreadcrumbs(o)};re(()=>{V()}),V();const X=Ee().baseUrlFromEnv;return ae({title:"店舗検索",titleTemplate:"%s｜チョコザップ｜24時間使えるコンビニジム | 全国1800店舗以上",meta:[{name:"description",content:"チョコザップの店舗を、エリア、現在地、地域名、店舗名、そのほか条件指定でお探しいただけます。ご自宅や仕事先の近く、お出かけ先等のチョコザップをチェックしよう！スキマ時間でちょこっと運動＋美容やリフレッシュも！月額料金2,980円（税込3,278円）で健康習慣を始めよう！",key:"description"},{property:"og:url",content:`${X.value}`,key:"og:url"},{property:"og:title",content:"店舗検索｜チョコザップ｜全国1800店舗以上！スキマ時間にサクッと使えるコンビニジム",key:"og:title"},{property:"og:description",content:"チョコザップの店舗を、エリア、現在地、地域名、店舗名、そのほか条件指定でお探しいただけます。ご自宅や仕事先の近く、お出かけ先等のチョコザップをチェックしよう！スキマ時間でちょこっと運動＋美容やリフレッシュも！月額料金2,980円（税込3,278円）で健康習慣を始めよう！",key:"og:description"}]}),(o,e)=>{const f=de,p=fe,b=Ue,ee=pe,te=ye,se=ue("gtm");return r(),a("div",Re,[e[13]||(e[13]=s("h1",{class:"text-[24px] font-bold leading-[1.6] text-center pt-[48px] pb-xl text-text_headline pc:text-[36px]"}," 店舗検索 ",-1)),s("div",je,[s("section",qe,[e[5]||(e[5]=s("h2",{class:"w-full text-[18px] font-bold leading-[1.6] text-text_headline pc:text-[20px]"}," 現在地から探す ",-1)),s("div",De,[N((r(),B(f,{to:"/studios/search/filters?nearby=true&map=true",class:"flex h-[56px] w-full items-center justify-center gap-xxs rounded-[12px] border border-solid border-border_secondary bg-white px-md py-sm text-[16px] font-bold leading-[1.6] text-status_active"},{default:R(()=>[s("img",{src:l(Be),class:"size-[20px] shrink-0",alt:""},null,8,Fe),e[3]||(e[3]=D(" 現在地から探す ",-1))]),_:1})),[[se,l(ve).searchGeolocation.eventName,"event"]]),e[4]||(e[4]=s("p",{class:"w-full text-center text-[12px] font-normal leading-[1.4] text-text_description-primary"}," 位置情報を利用して近くの店舗を表示します ",-1))])]),e[11]||(e[11]=s("hr",{class:"w-full border-t border-solid border-border_primary"},null,-1)),s("section",He,[e[6]||(e[6]=s("h2",{class:"w-full text-[18px] font-bold leading-[1.6] text-text_headline pc:text-[20px]"}," 駅名・店舗名から探す ",-1)),s("div",Ge,[C(p,{modelValue:l(y),"onUpdate:modelValue":e[0]||(e[0]=n=>ce(y)?y.value=n:null),class:"!px-0",onSearch:W},null,8,["modelValue"])])]),e[12]||(e[12]=s("hr",{class:"w-full border-t border-solid border-border_primary"},null,-1)),s("section",Qe,[e[10]||(e[10]=s("h2",{class:"w-full text-[18px] font-bold leading-[1.6] text-text_headline pc:text-[20px]"}," 条件から探す ",-1)),C(ee,null,{default:R(()=>[s("div",Ye,[s("div",ze,[s("div",Ke,[e[8]||(e[8]=s("span",{class:"text-[14px] font-bold leading-[1.6] text-text_body"},"エリア選択",-1)),s("div",Je,[N(s("select",{"onUpdate:modelValue":e[1]||(e[1]=n=>l(t).prefectureId=n),name:"prefecture","aria-label":"都道府県",class:"appearance-none w-full min-h-[48px] rounded-[8px] border border-solid border-border_primary bg-background_primary py-xs pl-md pr-[44px] text-[16px] font-normal leading-[1.6] text-text_body bg-[url('@/assets/images/studios/search/condition/icon-down-arrow.svg')] bg-no-repeat bg-[position:right_1.2rem_center] bg-[length:2.4rem_auto]"},[e[7]||(e[7]=s("option",{value:null},null,-1)),(r(!0),a(S,null,k(l(m),n=>(r(),a("option",{key:n.id,value:n.id},g(n.name),9,Ze))),128))],512),[[j,l(t).prefectureId]]),l(t).prefectureId?I("",!0):(r(),a("span",We,"都道府県"))])]),s("div",Xe,[s("div",et,[N(s("select",{"onUpdate:modelValue":e[2]||(e[2]=n=>l(t).cityId=n),name:"municipality","aria-label":"市区町村",disabled:!l(t).prefectureId||l(c).length===0,class:"appearance-none w-full min-h-[48px] rounded-[8px] border border-solid border-border_primary bg-background_primary py-xs pl-md pr-[44px] text-[16px] font-normal leading-[1.6] text-text_body bg-[url('@/assets/images/studios/search/condition/icon-down-arrow.svg')] bg-no-repeat bg-[position:right_1.2rem_center] bg-[length:2.4rem_auto] disabled:text-text_description-primary disabled:[filter:contrast(0.48)_brightness(1.28)]"},[e[9]||(e[9]=s("option",{value:null},null,-1)),(r(!0),a(S,null,k(l(c),n=>(r(),a("option",{key:n.id,value:n.id},g(n.name),9,st))),128))],8,tt),[[j,l(t).cityId]]),l(t).cityId?I("",!0):(r(),a("span",ot,"市区町村"))])])]),s("div",lt,[C(b,{label:"店舗タイプ",chips:l(F),onToggle:H,onClear:G},null,8,["chips"]),(r(!0),a(S,null,k(l(Q),n=>(r(),B(b,{key:n.key,label:n.label,chips:n.chips,"collapse-limit":n.collapseLimit,onToggle:Y,onClear:ut=>z(n.serviceIds)},null,8,["label","chips","collapse-limit","onClear"]))),128))])]),s("div",nt,[s("button",{class:"flex h-[56px] w-full max-w-[420px] items-center justify-center gap-x

1xs rounded-[12px] bg-button_primary px-md py-sm text-[16px] font-bold leading-[1.6] text-button_primary-text disabled:cursor-default disabled:bg-background_secondary disabled:text-[#bbb]",disabled:l($)===0,onClick:J}," この条件で探す（"+g(l($))+"店舗） ",9,it)])]),_:1})]),s("div",rt,[C(te,{"image-class":"rounded-md pc:rounded-[12px]"})])])])}}});export{wt as default};