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

1import{M as f,O as h,p as w,o as m,c as l,a as e,n as g,j as _,d as b,i as r,e as s,g as n}from"./SKGDL43O.js";import{u as d}from"./B7nW2RwN.js";import{a as k,S as i}from"./B5MXz28B.js";import{P as v}from"./CEb0m3-r.js";const B="初期費用0円キャンペーン_20240401",C="https://faq.chocozap.jp/guides/campaign",L={props:{banner:{type:Object,default:()=>({pc:{url:"",height:"",width:""},sp:{url:"",height:"",width:""},alt:""})}},setup(){return{store:d()}},data(){return{parentWidth:0,hideBanner:!1}},computed:{...f(d,["bannerInitialZero"]),...f(h,["browserWidth"]),isSp(){return this.browserWidth<560},bannerData(){if(this.bannerInitialZero&&this.bannerInitialZero.length>0){const a=this.bannerInitialZero[0];return a.image_pc&&a.image_sp?{url:this.isSp?a.image_sp.url:a.image_pc.url,alt:a.alt}:null}return null},hasLink(){return this.bannerData.alt===B}},created(){this.store.getBannerInitialZero()},mounted(){this.parentWidth=this.$el.clientWidth},methods:{onBannerClick(){this.hasLink&&(location.href=C)}}},U=["src","alt"];function R(a,o,c,p,u,t){return!u.hideBanner&&t.bannerData?(m(),l("div",{key:0,ref:"bannerbase",class:g(["flex justify-center",{"pointer-events-auto cursor-pointer":t.hasLink}]),onClick:o[0]||(o[0]=(...x)=>t.onBannerClick&&t.onBannerClick(...x))},[e("img",{src:t.bannerData.url,alt:t.bannerData.alt,class:"inline-block w-full max-w-[560px] mb-0 pc:w-fit pc:max-w-[600px]"},null,8,U)],2)):_("",!0)}const F=w(L,[["render",R]]),y=""+new URL("flow-column-image01.BV8CGdUX.webp",import.meta.url).href,S=""+new URL("flow-column-image01.FzsxVhcu.png",import.meta.url).href,P=""+new URL("flow-column-image02.bPC-UJpY.webp",import.meta.url).href,T=""+new URL("flow-column-image02.BWKmV-MO.png",import.meta.url).href,I=""+new URL("flow-column-image03-1.BTIis-NC.webp",import.meta.url).href,j=""+new URL("flow-column-image03-1.CqT5C-7_.png",import.meta.url).href,V=""+new URL("flow-column-image03-2.BZa6344u.webp",import.meta.url).href,W=""+new URL("flow-column-image03-2.YMeP_k1A.png",import.meta.url).href,Z=""+new URL("flow-column-image04.C7Ik-oe8.png",import.meta.url).href,D=y,E=P,M=I,A=V,N={class:"c-flow-box relative ml-[2rem] pc:mx-auto pc:max-w-[97rem]"},O={key:0,class:"c-flow-pagination-wrap flex justify-center absolute top-[calc(100%+16px)] left-[-16px] py-xs pc:hidden"},z=b({__name:"flowSlider",props:{showPagination:{type:Boolean,default:!1}},setup(a){const o=[v],c={clickable:!0,el:".c-flow-pagination-wrap"},p={768:{enabled:!1}};return(u,t)=>(m(),l("div",N,[r(s(k),{"space-between":0,"slides-per-view":"auto",breakpoints:p,modules:o,pagination:a.showPagination?c:!1},{default:n(()=>[r(s(i),{class:"mx-auto max-w-[25.5rem] pc:max-w-[22.3rem]"},{default:n(()=>[...t[0]||(t[0]=[e("div",{class:"c-flow-fukidashi relative bg-background_primary px-[1.5rem] text-black text-[1.6rem] font-bold rounded-[1.5rem] flex items-center mx-auto h-[9.5rem] pc:max-w-[22.3rem] pc:h-[7.4rem]"},[e("p",{class:"max-w-[85%] pc:max-w-[16.5rem]"}," メールアドレスを入力して新規会員登録 ")],-1),e("div",{class:"c-flow-image mt-[0.8rem]"},[e("picture",null,[e("source",{srcset:D}),e("img",{src:S,alt:"メールアドレスを入力して新規会員登録"})])],-1)])]),_:1}),r(s(i),{class:"mx-auto max-w-[25.5rem] pc:max-w-[22.3rem]"},{default:n(()=>[...t[1]||(t[1]=[e("div",{class:"c-flow-fukidashi relative bg-background_primary px-[1.5rem] text-black text-[1.6rem] font-bold rounded-[1.5rem] flex items-center mx-auto h-[9.5rem] pc:max-w-[22.3rem] pc:h-[7.4rem]"},[e("p",{class:"max-w-[85%] pc:max-w-[16.5rem]"}," 本人確認メールに記載の認証コードを入力 ")],-1),e("div",{class:"c-flow-image mt-[0.8rem]"},[e("picture",null,[e("source",{srcset:E}),e("img",{src:T,alt:"本人確認メールに記載の認証コードを入力"})])],-1)])]),_:1}),r(s(i),{class:"mx-auto max-w-[25.5rem] pc:max-w-[22.3rem]"},{default:n(()=>[...t[2]||(t[2]=[e("div",{class:"c-flow-fukidashi relative bg-background_primary px-[1.5rem] text-black text-[1.6rem] font-bold rounded-[1.5rem] flex items-center mx-auto h-[9.5rem] pc:max-w-[22.3rem] pc:h-[7.4rem]"},[e("p",{class:"max-w-[85%] pc:max-w-[16.5rem]"},"お客様情報の入力")],-1),e("div",{class:"c-flow-image mt-[0.8rem] relative"},[e("picture",null,[e("source",{srcset:M}),e("img",{src:j,alt:"お客様情報の入力"})]),e("picture",null,[e("source",{srcset:A}),e("img",{class:"absolute bottom-[-0.2rem] left-[11rem] pc:left-[7.6rem] max-w-[18.3rem]",src:W,alt:"クレジットカード"})])],-1)])]),_:1}),r(s(i),{class:"mx-auto max-w-[25.5rem] pc:max-w-[22.3rem]"},{default:n(()=>[...t[3]||(t[3]=[e("p",{class:"c-flow-text-1 text-[1.8rem] font-bold flex items-center justify-center"}," 入会完了！ ",-1),e("p",{class:"mt-[1rem]"}," 「会員様専用アプリ」をダウンロードして、ジムのご利用開始！ ",-1),e("div",{class:"c-flow-image mt-[0.8rem]"},[e("img",{src:Z,alt:""})],-1)])]),_:1})]),_:1},8,["pagination"]),a.showPagination?(m(),l("div",O)):_("",!0)]))}}),J=w(z,[["__scopeId","data-v-176e7a70"]]);export{F as _,J as a,y as i};