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

1import{d as ue,x as se,t as pe,y as fe,o as c,c as p,a as o,E as S,z as ne,e as l,n as le,F as j,r as q,j as F,D as xe,k as m,l as b,A as re,O as ve,J as _e,a0 as be,Q as he,h as ee,f as ae,g as ie,i as z,aa as ge,_ as ye,N as we,q as Ce,af as Se,a9 as de,ah as ke}from"./DUtOBDbA.js";import{_ as Ie}from"./Cgx1S_iM.js";import{s as Ee,d as Oe,a as Re,h as Le,r as Ne}from"./izguRauL.js";import{_ as Te}from"./Cz8qUPrA.js";import{a as $e,b as Pe}from"./BYq1mawq.js";import{a as Ae,u as Be,b as De,c as Me}from"./OuKAhc5C.js";import{u as Ue}from"./zYn-IMj0.js";import{u as Ve}from"./B4UtxEZA.js";import"./v6t0GFCJ.js";const He={class:"flex w-full flex-col"},Ge={class:"flex min-h-[46px] w-full items-center rounded-md bg-background_secondary px-sm"},ze={class:"min-w-0 flex-1 text-[14px] font-bold leading-[160%] text-text_body"},We=["aria-pressed","aria-hidden","tabindex","onClick"],je={key:0,class:"mt-xs flex w-full flex-col items-center justify-center px-md"},qe=["aria-expanded"],Fe={class:"size-[16px] shrink-0",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},Qe={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"},W=0,ce=1,te=2,Ke=1,Je=2,Ye=32,Ze=16,C=8,Xe="(min-width: 767px)",et=ue({__name:"ChipSection",props:{label:{},chips:{}},emits:["toggle","clear"],setup($,{emit:Q}){const k=$,P=Q,K=Ee,h=m(null),s=m(null),d=m(!1),f=m(!1),v=m(new Set),g=m([]),I=m(0),_=m(0);let y=null,E=null;const O=b(()=>f.value?Ke:Je),A=b(()=>v.value.size),R=b(()=>d.value?I.value>O.value:A.value>0),B=t=>d.value?W:g.value[t]??W,L=t=>!d.value&&v.value.has(t),J=b(()=>{if(d.value||_.value<=O.value)return;const t=_.value;return{maxHeight:`${t*Ye+(t-1)*Ze}px`}}),D=(t,e)=>{if(t.length===0)return 0;let r=1,n=t[0]??0;return t.slice(1).forEach(u=>{n+C+u>e?(r+=1,n=u):n+=C+u}),r},Y=(t,e)=>{if(d.value)return;const r=document.activeElement,n=t.findIndex(u=>u===r);n===-1||!e.has(n)||re(()=>{s.value?s.value.focus():r.blur()})},M=()=>{const t=h.value;if(!t)return;const e=Array.from(t.children);if(e.length===0){v.value=new Set,g.value=[],I.value=0,_.value=0;return}const r=t.getBoundingClientRect().width,n=e.map(i=>i.getBoundingClientRect().width);I.value=D(n,r);const u=O.value;let V=n.length,H=1,T=n[0]??0;for(let i=1;i<n.length;i+=1){const x=n[i]??0;if(T+C+x>r){if(H+=1,H>u){V=i;break}T=x}else T+=C+x}const a=k.chips.map((i,x)=>x<V?W:i.selected?ce:te);g.value=a;const Z=[W,ce,te].flatMap(i=>a.map((x,w)=>({order:x,index:w})).filter(({order:x})=>x===i).map(({index:x})=>x)),me=a.filter(i=>i!==te).length;_.value=D(Z.slice(0,me).map(i=>n[i]??0),r);const X=new Set;let oe=1,G=0;Z.forEach((i,x)=>{const w=n[i]??0;x===0?G=w:G+C+w>r?(oe+=1,G=w):G+=C+w,oe>_.value&&X.add(i)}),v.value=X,Y(e,X)},N=()=>{re(M)},U=t=>{f.value=t.matches};return se([()=>k.chips,d,f],()=>{N()}),pe(()=>{y=window.matchMedia(Xe),f.value=y.matches,y.addEventListener("change",U),h.value&&(E=new ResizeObserver(M),E.observe(h.value)),N()}),fe(()=>{y?.removeEventListener("change",U),E?.disconnect()}),(t,e)=>(c(),p("section",He,[o("div",Ge,[o("span",ze,S($.label),1),o("button",{type:"button",class:"shrink-0 py-xs text-[14px] font-normal leading-[160%] text-text_link",onClick:e[0]||(e[0]=r=>P("clear"))}," すべて解除 ")]),o("div",{ref_key:"listRef",ref:h,class:le(["mt-md flex w-full flex-wrap content-start items-start gap-x-xs gap-y-md",{"max-h-[80px] overflow-clip pc:max-h-[32px]":!l(d)}]),style:ne(l(J))},[(c(!0),p(j,null,q($.chips,(r,n)=>(c(),p("button",{key:r.key,type:"button","aria-pressed":r.selected,"aria-hidden":L(n)?"true":void 0,tabindex:L(n)?-1:void 0,class:le(l(K)(r.selected)),style:ne({order:B(n)}),onClick:u=>P("toggle",r.key)},S(r.label),15,We))),128))],6),l(R)?(c(),p("div",je,[o("button",{ref_key:"toggleButtonRef",ref:s,type:"button","aria-expanded":l(d),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:e[1]||(e[1]=r=>d.value=!l(d))},[(c(),p("svg",Fe,[e[2]||(e[2]=o("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(d)?F("",!0):(c(),p("path",Qe))])),xe(" "+S(l(d)?"閉じる":`もっと見る（${l(A)}件）`),1)],8,qe)])):F("",!0)]))}}),tt=""+new URL("icon-location.BJYuCyIc.svg",import.meta.url).href,st={id:"area_search"},ot={class:"mx-auto w-full max-w-[800px]"},nt={class:"flex w-full flex-col items-center gap-lg px-md pb-lg pt-sm"},lt={class:"flex w-full max-w-[420px] flex-col items-center gap-x

1xs pb-xs pc:pb-md"},rt=["src"],at={class:"flex w-full flex-col items-center gap-lg px-md py-lg"},it={class:"w-full max-w-[420px] pb-xs pc:pb-md"},dt={class:"w-full px-md pb-3xl pt-lg pc:px-[25px]"},ct={class:"mt-lg flex w-full flex-col gap-lg"},ut={class:"flex w-full items-end gap-md"},pt={class:"flex min-w-0 flex-1 flex-col gap-xs"},xt={class:"relative w-full"},mt=["value"],ft={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"},vt={class:"flex min-w-0 flex-1 flex-col gap-xs"},_t={class:"relative w-full"},bt=["disabled"],ht=["value"],gt={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"},yt={class:"flex w-full flex-col gap-lg rounded-[12px] border border-solid border-border_primary p-md"},wt={class:"mt-xl flex w-full justify-center px-md pc:px-0"},Ct=["disabled"],St={class:"mx-auto w-full max-w-[632px] px-md py-xxl"},Pt=ue({__name:"index",setup($){const Q=ve(),{$breadcrumbs:k}=_e(),{getPrefectures:P}=Ae(),{getServices:K}=Ue(),{countStudios:h}=Be(),s=Se(Me()),d=m(""),f=m([]),v=m([]),g=b(()=>f.value.find(t=>t.id===s.prefectureId)?.cities??[]);se(()=>s.prefectureId,()=>{s.cityId=null});const I=b(()=>[{key:"women_only",label:"女性専用店舗",selected:s.womenOnly},{key:"always_open",label:"24時間営業",selected:s.alwaysOpen},{key:"one_shot",label:"都度払い店舗",selected:s.oneShot}]),_=t=>{t==="women_only"?s.womenOnly=!s.womenOnly:t==="always_open"?s.alwaysOpen=!s.alwaysOpen:t==="one_shot"&&(s.oneShot=!s.oneShot)},y=()=>{s.womenOnly=!1,s.alwaysOpen=!1,s.oneShot=!1},E=b(()=>{const t=n=>n.map(u=>({key:u.id,label:u.name,selected:s.serviceIds.includes(u.id)})),e=v.value.filter(n=>n.category==="service"),r=v.value.filter(n=>n.category==="other");return[{key:"services",label:"サービス",chips:t(e),serviceIds:e.map(n=>n.id)},{key:"facilities",label:"設備",chips:t(r),serviceIds:r.map(n=>n.id)}].filter(n=>n.chips.length>0)}),O=t=>{const e=Number(t);s.serviceIds.includes(e)?s.serviceIds=s.serviceIds.filter(r=>r!==e):s.serviceIds=[...s.serviceIds,e]},A=t=>{s.serviceIds=s.serviceIds.filter(e=>!t.includes(e))},R=m(0);let B=0;const L=async()=>{const t=++B;try{const e=await h(De(s));t===B&&(R.value=e)}catch(e){console.error("Error: studios api request failed.",e)}},J=Oe(L,300);se(s,()=>{J()});const D=async()=>{if(Le(s)){location.href="/studios/search/filters";return}location.href=await Ne(s,{areaSearch:!0})},Y=ke(),M=t=>{t&&(Y?.trackEvent({event:Pe.keywordSubmit.eventName}),location.href=`/studios/search/filters?q=${encodeURIComponent(t)}`)};pe(async()=>{try{const[t,e]=await Promise.all([P(),K()]);f.value=t,v.value=e}catch(t){console.error("Error: master api request failed.",t)}L()});const N=()=>{const t=[k.route];t.push(k.studios.search.searchStudios),Q.setBreadcrumbs(t)};be(()=>{N()}),N();const U=Ve().baseUrlFromEnv;return he({title:"店舗検索",titleTemplate:"%s｜チョコザップ｜24時間使えるコンビニジム | 全国1800店舗以上",meta:[{name:"description",content:"チョコザップの店舗を、エリア、現在地、地域名、店舗名、そのほか条件指定でお探しいただけます。ご自宅や仕事先の近く、お出かけ先等のチョコザップをチェックしよう！スキマ時間でちょこっと運動＋美容やリフレッシュも！月額料金2,980円（税込3,278円）で健康習慣を始めよう！",key:"description"},{property:"og:url",content:`${U.value}`,key:"og:url"},{property:"og:title",content:"店舗検索｜チョコザップ｜全国1800店舗以上！スキマ時間にサクッと使えるコンビニジム",key:"og:title"},{property:"og:description",content:"チョコザップの店舗を、エリア、現在地、地域名、店舗名、そのほか条件指定でお探しいただけます。ご自宅や仕事先の近く、お出かけ先等のチョコザップをチェックしよう！スキマ時間でちょこっと運動＋美容やリフレッシュも！月額料金2,980円（税込3,278円）で健康習慣を始めよう！",key:"og:description"}]}),(t,e)=>{const r=ye,n=Ie,u=et,V=we,H=Te,T=Ce("gtm");return c(),p("div",st,[e[13]||(e[13]=o("h1",{class:"text-[24px] font-bold leading-[1.6] text-center pt-[48px] pb-xl text-text_headline pc:text-[36px]"}

1," 店舗検索 ",-1)),o("div",ot,[o("section",nt,[e[5]||(e[5]=o("h2",{class:"w-full text-[18px] font-bold leading-[1.6] text-text_headline pc:text-[20px]"}," 現在地から探す ",-1)),o("div",lt,[ee((c(),ae(r,{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:ie(()=>[o("img",{src:l(tt),class:"size-[20px] shrink-0",alt:""},null,8,rt),e[3]||(e[3]=xe(" 現在地から探す ",-1))]),_:1})),[[T,l($e).searchGeolocation.eventName,"event"]]),e[4]||(e[4]=o("p",{class:"w-full text-center text-[12px] font-normal leading-[1.4] text-text_description-primary"}," 位置情報を利用して近くの店舗を表示します ",-1))])]),e[11]||(e[11]=o("hr",{class:"w-full border-t border-solid border-border_primary"},null,-1)),o("section",at,[e[6]||(e[6]=o("h2",{class:"w-full text-[18px] font-bold leading-[1.6] text-text_headline pc:text-[20px]"}," 駅名・店舗名から探す ",-1)),o("div",it,[z(n,{modelValue:l(d),"onUpdate:modelValue":e[0]||(e[0]=a=>ge(d)?d.value=a:null),class:"!px-0",onSearch:M},null,8,["modelValue"])])]),e[12]||(e[12]=o("hr",{class:"w-full border-t border-solid border-border_primary"},null,-1)),o("section",dt,[e[10]||(e[10]=o("h2",{class:"w-full text-[18px] font-bold leading-[1.6] text-text_headline pc:text-[20px]"}," 条件から探す ",-1)),z(V,null,{default:ie(()=>[o("div",ct,[o("div",ut,[o("div",pt,[e[8]||(e[8]=o("span",{class:"text-[14px] font-bold leading-[1.6] text-text_body"},"エリア選択",-1)),o("div",xt,[ee(o("select",{"onUpdate:modelValue":e[1]||(e[1]=a=>l(s).prefectureId=a),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]=o("option",{value:null},null,-1)),(c(!0),p(j,null,q(l(f),a=>(c(),p("option",{key:a.id,value:a.id},S(a.name),9,mt))),128))],512),[[de,l(s).prefectureId]]),l(s).prefectureId?F("",!0):(c(),p("span",ft,"都道府県"))])]),o("div",vt,[o("div",_t,[ee(o("select",{"onUpdate:modelValue":e[2]||(e[2]=a=>l(s).cityId=a),name:"municipality","aria-label":"市区町村",disabled:!l(s).prefectureId||l(g).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]=o("option",{value:null},null,-1)),(c(!0),p(j,null,q(l(g),a=>(c(),p("option",{key:a.id,value:a.id},S(a.name),9,ht))),128))],8,bt),[[de,l(s).cityId]]),l(s).cityId?F("",!0):(c(),p("span",gt,"市区町村"))])])]),o("div",yt,[z(u,{label:"店舗タイプ",chips:l(I),onToggle:_,onClear:y},null,8,["chips"]),(c(!0),p(j,null,q(l(E),a=>(c(),ae(u,{key:a.key,label:a.label,chips:a.chips,onToggle:O,onClear:Z=>A(a.serviceIds)},null,8,["label","chips","onClear"]))),128))])]),o("div",wt,[o("button",{class:"flex h-[56px] w-full max-w-[420px] items-center justify-center gap-xxs 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(R)===0,onClick:D}," この条件で探す（"+S(l(Re)(l(R)))+"店舗） ",9,Ct)])]),_:1})]),o("div",St,[z(H,{"image-class":"rounded-md pc:rounded-[12px]"})])])])}}});export{Pt as default};