https://yourmystar.jp/_nuxt/B5Va_RlU.js

1import{d as F,W as I,o,c as n,b as t,Z as q,u as e,a as r,h as C,F as Z,r as G,cY as h,t as O,j as x,n as U,K as J,Y as P,cZ as X,w as f,B as w,I as ee,x as se,f as te,e as k,_ as oe,s as ae}from"./Do-n0OkC.js";import M from"./2yvqBkgW.js";import{_ as re}from"./GRG1Rloi.js";import{u as K,a as le}from"./DtoosLQp.js";import{u as ne,H as ie,C as T}from"./ckNnqzWI.js";import{u as ue,b as ce}from"./BrPE-juA.js";import"./DCkAwmO9.js";import"./Fkios5al.js";import"./CpAHfRUY.js";import"./BfTJ-TDD.js";import"./CokF6Jru.js";import"./DkyRZwHT.js";import"./CoqL4oMd.js";const de={class:"relative"},pe={class:"grow"},me=["value"],ge={type:"submit",class:"flex h-full items-center gap-1 rounded-r-md border-l border-gray-100 bg-white px-2"},ye=["value"],_e=["value"],fe={key:0,class:"shadow-outer-t-border absolute z-20 w-full bg-white lg:rounded-b-md"},xe={class:"max-h-60 overflow-y-scroll rounded-b-md"},ve=["onClick","onKeydown"],be=F({__name:"RetailSearch",setup(V){const a=I(),{visible:d,dismiss:y,show:$}=K({name:"search"}),{searchText:c,input:v,picklist:S,escape:_,arrowUp:m,arrowDown:s}=ne("service-search:text",{onBlur:y,onFocus:$}),{categories:p,query:b,setCompleteQuery:g,appealLabels:z,tags:i,serviceTypes:H,searchDates:Q,completeQuery:W}=ue();c.value.length===0&&b.value!==null&&(c.value=b.value);const L=(N,l)=>{c.value=N,g(l,N)},{autocompletes:j,attributionToken:R}=ce(c),A=async()=>{await U({name:"beta-services",query:{query:c.value.length===0?void 0:c.value,category:p.value,appeal_label:z.value,tag:i.value,area_name:a.prefecture?a.prefecture.displayName:void 0,service_type:H.value,search_date:Q.value,complete_query:W.value??void 0}}),y()};return(N,l)=>{const E=M;return o(),n("div",de,[t("form",{method:"get",action:"/beta/services/",onKeydown:[l[1]||(l[1]=h(x((...u)=>e(s)&&e(s)(...u),["prevent"]),["arrow-down"])),l[2]||(l[2]=h(x((...u)=>e(m)&&e(m)(...u),["prevent"]),["arrow-up"])),l[3]||(l[3]=h(x((...u)=>e(_)&&e(_)(...u),["prevent"]),["escape"]))],onSubmit:x(A,["prevent"])},[t("div",{class:q(["relative m-4 mt-0 flex h-10 items-center gap-3 rounded-md border border-gray-100 bg-gray-50 pl-2 lg:m-0",{"lg:shadow-outer z-20 lg:bg-white":e(d),"lg:rounded-b-none":e(d)&&e(j).length>0}])},[t("div",pe,[t("input",{ref_key:"input",ref:v,type:"search",name:"query",class:"w-full bg-transparent outline-none placeholder:text-gray-600",placeholder:"何のサービスをお探しですか？",value:e(c),onInput:l[0]||(l[0]=u=>c.value=u.target.value)},null,40,me)]),t("button",ge,[r(E,{name:"ic:round-search",class:"text-2xl text-primary-1000"}),l[4]||(l[4]=t("span",null,"探す",-1))]),e(p).at(0)!==void 0?(o(),n("input",{key:0,type:"hidden",name:"category",value:e(p).at(0)},null,8,ye)):C("",!0),e(a).prefecture?(o(),n("input",{key:1,type:"hidden",name:"area_name",value:e(a).prefecture.displayName},null,8,_e)):C("",!0)],2),e(d)&&e(j).length>0?(o(),n("div",fe,[t("ul",xe,[(o(!0),n(Z,null,G(e(j),(u,B)=>(o(),n("li",{key:B,ref_for:!0,ref_key:"picklist",ref:S,class:"cursor-pointer select-none p-4 text-sm hover:bg-gray-50 focus:bg-gray-50",tabindex:"0",onClick:Y=>L(u,`${B}:${e(R)}`),onKeydown:h(Y=>L(u,`${B}:${e(R)}`),["enter"])},O(u),41,ve))),128))])])):C("",!0)],32)])}}}),D=Object.assign(J(be,[["__scopeId","data-v-1fbec2f4"]]),{__name:"LayoutsRetailSearch"}),he={class:"flex min-h-screen flex-col text-gray-900"},we={class:"mx-auto hidden border-b border-gray-200 bg-gray-50 px-6 py-3 lg:block"},ke={class:"flex items-center justify-end divide-x divide-gray-200 text-xs"},Ce={class:"mx-auto flex items-center justify-between py-0 pl-4 lg:gap-x-8 lg:px-6 lg:py-4"},$e={class:"flex items-center space-x-0.5 lg:space-x-0"},Se=["aria-pressed"],ze=["aria-pressed"],je={class:"flex-grow"},Qe=F({__name:"fixed-search",setup(V){const{modals:[a,d],dismiss:y,visible:$}=le(K({name:"search"}),K({name:"menu",onWindowResize:({dismiss:m})=>{const{viewport:s}=I();

1s.size==="large"&&m()}})),{y:c}=P(),v=ae(null),{height:S}=X(v),_=se(()=>I().feature.search.group==="retail");return(m,s)=>{const p=te,b=oe,g=M,z=re;return o(),n("div",he,[t("header",{class:q(["sticky top-0 z-20 border-b-0 border-gray-100 bg-white lg:shadow-none",{"shadow-[0_2px_4px_1px_rgba(0,0,0,0.16)]":e(c)>=e(S),"mb-14 lg:mb-0":e(a).visible}])},[t("div",we,[t("ul",ke,[t("li",null,[r(p,{to:"/explanation/",class:"px-4",external:"","no-rel":""},{default:f(()=>[...s[5]||(s[5]=[k("はじめての方へ",-1)])]),_:1})]),t("li",null,[r(p,{to:"/campaigns/satisfaction-guarantee/",class:"px-4"},{default:f(()=>[...s[6]||(s[6]=[k("ご満足保証について",-1)])]),_:1})]),t("li",null,[r(p,{to:"/partner/",class:"px-4",external:"","no-rel":""},{default:f(()=>[...s[7]||(s[7]=[k("出店希望の方へ",-1)])]),_:1})]),t("li",null,[r(p,{to:"https://yourmystar.my.site.com/usersupport/s/",class:"pl-4"},{default:f(()=>[...s[8]||(s[8]=[k("よくあるご質問",-1)])]),_:1})])])]),t("div",Ce,[t("h1",null,[r(p,{to:{name:"index"}},{default:f(()=>[r(b,{class:"w-[180px] md:w-[220px] lg:w-[230px]",src:"/img/common/logo.svg",alt:"ユアマイスター",width:"230",height:"32"})]),_:1})]),e(_)?(o(),w(D,{key:0,class:"hidden grow lg:block"})):(o(),w(T,{key:1,class:"hidden grow lg:block"})),t("div",$e,[e(a).visible?(o(),n("button",{key:0,class:"flex flex-col items-center justify-center p-3 transition-opacity lg:hidden lg:p-0","aria-label":"カテゴリー検索","aria-pressed":e(a).visible,onClick:s[0]||(s[0]=(...i)=>e(a).dismiss&&e(a).dismiss(...i))},[r(g,{name:"ic:round-close",class:"text-2xl text-gray-900"})],8,Se)):(o(),n("button",{key:1,class:"flex flex-col items-center justify-center p-3 transition-opacity lg:hidden lg:p-0","aria-label":"カテゴリー検索","aria-pressed":e(a).visible,onClick:s[1]||(s[1]=(...i)=>e(a).show&&e(a).show(...i))},[r(g,{name:"ic:round-search",class:"text-2xl text-gray-900"})],8,ze)),e(d).visible?(o(),n("button",{key:3,class:"flex items-center justify-center p-3","aria-label":"メニューを閉じる",onClick:s[3]||(s[3]=(...i)=>e(d).dismiss&&e(d).dismiss(...i))},[r(g,{name:"ic:round-close",class:"text-2xl"})])):(o(),n("button",{key:2,class:"flex items-center justify-center p-3","aria-label":"メニューを開く",onClick:s[2]||(s[2]=(...i)=>e(d).show&&e(d).show(...i))},[r(g,{name:"ic:round-menu",class:"text-2xl"})])),r(ie)])])],2),t("div",{ref_key:"headerCategorySearch",ref:v,class:q(["top-12 z-10 h-14 w-full bg-white lg:hidden",{fixed:e(a).visible,"z-20":e(a).visible}])},[e(_)?(o(),w(D,{key:0})):(o(),w(T,{key:1}))],2),t("main",je,[ee(m.$slots,"default")]),r(z),e($)?(o(),n("div",{key:0,class:"fixed inset-0 z-10 bg-overlay",onClick:s[4]||(s[4]=x((...i)=>e(y)&&e(y)(...i),["stop","self"]))})):C("",!0)])}}});export{Qe as default};