https://en.japantravel.com/build/assets/PlanYourTrip-CrfLU63p.js

1import{D as O,l as n,p as r,v as e,q as i,x as u,u as j,r as b,L as V,s as q,N as P,O as H,z as M,E as F,T as B,F as z,y as A,C as I,P as Q,Q as R,f as E,j as U,k as Y,A as T,B as L}from"./vendor-vue-DgKPkTzM.js";import{_ as G}from"./MapboxStaticImage-DKECx9la.js";import{u as J,_ as K}from"./links-lgUQVf6P.js";import{A as W}from"./WhereToEat-D6UXIU0i.js";import{_ as X}from"./MapNative-B0MEvcba.js";import{h as Z}from"./Button-Df9jM5Z5.js";import"./vendor-icons-C07lCRXW.js";import"./vendor-Dtr_Mrnh.js";import"./vendor-swiper-CmTBkzXo.js";import"./PostCard-DBKIbMCa.js";import"./RegionSidebarSkeleton.vue_vue_type_script_setup_true_lang-Cx0WbN6u.js";import"./useBookmarks-DfGwopMX.js";import"./PostCardSkeleton.vue_vue_type_script_setup_true_lang-soaK3uGf.js";import"./app-BXTTJdGA.js";const ee={class:"border-b border-[#e9e9e9] p-[10px]"},te={class:"flex cursor-pointer flex-row items-start gap-[10px] bg-white p-[10px]"},oe={class:"relative flex size-[50px] items-center justify-center rounded border border-[#e9e9e9] bg-white"},le={class:"flex w-[189px] flex-col items-start gap-[10px] p-0"},se={class:"flex items-center text-[16px] font-semibold leading-[23px] text-[#333]"},ne=["href"],ae={__name:"TransportationItem",props:{stationName:{type:String,required:!0},mapQuery:{type:String,required:!0},icon:{type:[String,Array,Object],required:!0}},setup(x){const{t:c}=J(),_=x;return(d,m)=>{const p=O("FontAwesomeIcon");return n(),r("div",ee,[e("div",te,[e("div",oe,[i(p,{icon:_.icon},null,8,["icon"])]),e("div",le,[e("div",se,u(_.stationName),1),e("a",{href:`https://www.google.com/maps/search/?api=1&query=${_.mapQuery}`,target:"_blank",class:"flex flex-row items-center gap-[5px] rounded-full p-0 text-center text-[14px] font-normal leading-[14px] text-[#c1282f]"},[e("span",null,u(j(c)("SEE_DIRECTIONS")),1),i(p,{icon:["fas","diamond-turn-right"]})],8,ne)])])])}}},re={id:"place-map",class:"fixed inset-0 z-[1250] flex items-center justify-center"},ie={key:0,class:"relative mx-0 my-0 w-full h-full md:mx-5 md:my-8 md:h-[90vh] md:w-11/12"},ce={class:"absolute h-full w-[85vw] max-w-[400px]"},de={key:0,class:"h-[calc(100%_-_50px)] relative overflow-y-auto transition-[height] duration-300 ease-in-out bg-white z-10"},pe={id:"places-transportation"},ue={id:"places-list"},xe={__name:"MapCityModal",props:R({center:{type:Object,required:!0},zoom:{type:Number,default:12},markers:{type:Array,default:()=>[]}},{open:{required:!0},openModifiers:{}}),emits:["update:open"],setup(x){const c=x,_=b(c.center),d=b(c.zoom),m=b(null),p=V(x,"open"),f=b(!0),$=[{id:"hida-furukawa-station",title:"Hida-Furukawa Station",type:"transportation",position:{lat:36.2367259,lng:137.1870225}}],S=E(()=>[...$,...c.markers]),l=()=>{f.value=!f.value},o=()=>{p.value=!1},v=(h,a=null)=>{_.value=h,d.value=20,m.value=a};return(h,a)=>{const g=O("FontAwesomeIcon");return n(),q(Q,{to:"body"},[P(e("div",re,[e("div",{class:"absolute inset-0 bg-black/50",onClick:a[0]||(a[0]=s=>o())}),i(B,{name:"fade-slide"},{default:M(()=>[p.value?(n(),r("div",ie,[e("button",{type:"button",class:"close absolute top-0 right-0 z-10 bg-white text-black text-[24px] leading-[24px] text-center px-4 py-3 border-0 cursor-pointer float-right","aria-label":"Close",onClick:a[1]||(a[1]=s=>o())}," × "),e("div",ce,[e("div",{class:"relative flex cursor-pointer justify-between border-b border-[#dee2e6] p-[15px] bg-white z-10",onClick:l},[e("div",null,[i(g,{icon:["fas","location-dot"],class:"mr-[10px]"}),a[3]||(a[3]=e("span",{class:"font-medium"},"All Places",-1))]),i(g,{icon:["fas","chevron-down"],class:F({"rotate-180":!f.value,"transition-transform duration-300":!0})},null,8,["class"])]),i(B,{name:"fade-slide-expand",mode:"out-in"},{default:M(()=>[f.value?(n(),r("div",de,[e("div",null,[e("div",pe,[i(ae,{"station-name":"Hida-Furukawa Station","map-query":"36.2367259,137.1870225",icon:["fas","train"],onClick:a[2]||(a[2]=s=>v({lat:36.2367259,lng:137.1870225},$[0]))})])]),e("div",ue,[(n(!0),r(z,null,A(x.markers,(s,C)=>(n(),q(W,{key:C,template:"place-marker",class:"border-b border-[#e9e9e9] cursor-pointer","article-card":s,"disable-title-link":!0,onClick:N=>{var w,k;return v({lat:(w=s==null?void 0:s.position)==null?void 0:w.lat,lng:(k=s==null?void 0:s.position)==null?void 0:k.lng},s)}},null,8,["article-card","onClick"]))),128))])])):I("",!0)]),_:1})]),i(X,{class:"overflow-hidden rounded",center:_.value,markers:S.value,zoom:d.value,"fullscreen-control":!1,markerType:"city","selected-marker":m.value},null,8,["center","markers","zoom","selected-marker"])])):I("",!0)]),_:1})],512),[[H,p.value]])])}}},fe=K(xe,[["__scopeId","data-v-e5df8dfa"]]),_e={class:"px-4 md:px-0"},me={class:"mx-auto mt-[40px] h-full w-full max-w-full md:mt-[60px] md:w-[750px] px-0 lg:w-[970px] xl:w-container"},ve={class:"mb-6 flex w-full flex-row items-center justify-between p-0"},be={class:"m-0 flex items-center text-[30px] font-semibold leading-[1] text-[#404040]"},he={class:"flex flex-col gap-3 md:flex-row"},ge={class:"relative mb-4 overflow-hidden rounded md:w-1/2 md:mb-0"},we={class:"flex flex-col md:w-1/2 md:flex-row gap-3"},ke={id:"col-access",class:"flex flex-col justify-between md:w-1/2"},ye={class:"overflow-hidden rounded"},$e={class:"box-border flex flex-col items-start gap-[10px] rounded border border-[#e9e9e9] p-[15px]"},Ce={class:"w-full border-b border-[#e9e9e9] pb-[10px] text-[18px] font-bold leading-[125%] text-[#222]"},ze={class:"flex flex-col gap-[10px] min-h-[54px]"},Ae={class:"overflow-hidden rounded"},Me={class:"box-border flex flex-col items-start gap-[10px] rounded border border-[#e9e9e9] p-[15px] mt-2"},Se={class:"w-full border-b border-[#e9e9e9] pb-[10px] text-[18px] font-bold leading-[125%] text-[#222]"},Ne={class:"flex flex-col gap-[10px]"},Te={id:"col-references",class:"md:w-1/2 h-full"},je={class:"overflow-hidden rounded h-full"},qe={class:"overflow-hidden rounded h-full"},Fe={class:"box-border flex flex-col items-start gap-[10px] rounded border border-[#e9e9e9] p-[15px] h-full"},Ie={class:"w-full border-b border-[#e9e9e9] pb-[10px] text-[18px] font-bold leading-[125%] text-[#222]"},Ee={class:"flex flex-col gap-[20px] py-10px"},De=["src"],Be={class:"text-[16px] font-normal leading-[20px] text-[#757575]"},Ze=U({__name:"PlanYourTrip",props:{block:{},city:{}}

1,setup(x){const c=x,_=E(()=>{var l;return((l=c.block.config)==null?void 0:l.title)||""}),d=E(()=>{var l;return((l=c.block.content)==null?void 0:l.info_links)||{}}),m=b([]),p=b({}),f=b(!1),$=async()=>{var l;try{let o=(l=c.city)==null?void 0:l.location;if(o!=null&&o.lat&&(o!=null&&o.lng)){const[v]=await Promise.all([Z.get(`/api/map/nearby-articles?longitude=${o==null?void 0:o.lng}&latitude=${o==null?void 0:o.lat}`)]);m.value=v}}catch(o){console.error("Error fetching data:",o)}},S=()=>{p.value={lat:36.2367259,lng:137.1870225},f.value=!0};return Y(async()=>{var l,o;p.value=(o=(l=c.city)==null?void 0:l.location)==null?void 0:o.coordinates,$()}),(l,o)=>{var v,h,a,g,s,C,N,w,k,D;return n(),r("section",_e,[e("div",me,[e("div",ve,[e("h2",be,u(_.value),1)]),e("div",he,[e("div",ge,[i(G,{lng:(h=(v=x.city)==null?void 0:v.location)==null?void 0:h.lng,lat:(g=(a=x.city)==null?void 0:a.location)==null?void 0:g.lat},null,8,["lng","lat"]),e("button",{class:"absolute bottom-0 left-1/2 box-border translate-x-[-50%] translate-y-[-50%] rounded-full border-[0.5px] border-[#e9e9e9] bg-white px-[20px] py-2 text-[16px] font-normal leading-[125%] text-black",onClick:o[0]||(o[0]=t=>f.value=!0)}," Explore by map "),m.value.length>0?(n(),q(fe,{key:0,open:f.value,"onUpdate:open":o[1]||(o[1]=t=>f.value=t),center:p.value,zoom:12,markers:m.value},null,8,["open","center","markers"])):I("",!0)]),e("div",we,[e("div",ke,[e("div",ye,[e("div",$e,[e("div",Ce,u((s=d.value.access)==null?void 0:s.title),1),e("ul",ze,[(n(!0),r(z,null,A((C=d.value.access)==null?void 0:C.content,(t,y)=>(n(),r("li",{key:y},[e("a",{href:"#",class:"flex flex-row items-center gap-[15px] p-0 text-[18px] font-normal leading-[22px] text-[#222] no-underline",onClick:S},[e("i",{class:F(t==null?void 0:t.icon)},null,2),T(" "+u(t==null?void 0:t.label),1)])]))),128))])])]),e("div",Ae,[e("div",Me,[e("div",Se,u((N=d.value.sns)==null?void 0:N.title),1),e("ul",Ne,[(n(!0),r(z,null,A((w=d.value.sns)==null?void 0:w.content,(t,y)=>(n(),r("li",{key:y},[i(j(L),{href:t==null?void 0:t.link,class:"flex flex-row items-center gap-[15px] p-0 text-[18px] font-normal leading-[22px] text-[#222] no-underline"},{default:M(()=>[e("i",{class:F([t==null?void 0:t.icon,"color-[#757575]"])},null,2),T(" "+u(t.label),1)]),_:2},1032,["href"])]))),128))])])])]),e("div",Te,[e("div",je,[e("div",qe,[e("div",Fe,[e("div",Ie,u((k=d.value.preferences)==null?void 0:k.title),1),e("ul",Ee,[(n(!0),r(z,null,A((D=d.value.preferences)==null?void 0:D.content,(t,y)=>(n(),r("li",{key:y},[i(j(L),{href:t==null?void 0:t.link,class:"flex flex-row items-center gap-[15px] p-0 text-[18px] font-normal leading-[22px] text-[#222] no-underline"},{default:M(()=>[e("img",{src:t==null?void 0:t.img,class:"size-[30px]",alt:"Visit trip logo"},null,8,De),e("div",null,[e("div",null,[T(u(t==null?void 0:t.title)+" ",1),o[2]||(o[2]=e("i",{class:"fal fa-fw fa-external-link text-[12px]"},null,-1))]),e("div",Be,u(t==null?void 0:t.label),1)])]),_:2},1032,["href"])]))),128))])])])])])])])])])}}});export{Ze as default};