https://centraltokyo-tourism.com/assets/TopPage.0d7b5286.js

1import{_ as P,u as D,c as m,r as E,a as o,o as d,b as V,w as j,d as t,t as S,n as G,g as ee,e as te,p as Y,f as H,h as J,i as M,m as z,j as $,k as K,l as _e,q as y,s as k,F as B,v as L,T as ue,x as A,y as de,z as se,A as X,B as q,C as oe,D as pe,E as ve,G as ae,H as F,I as U,V as he,J as ne,K as le,L as fe}from"./index.d48cd762.js";import{a as ge,b as re,d as me}from"./style-helper.3c7d1128.js";import{I as ie,v as ce}from"./InlineYoutube.1d0cbd9f.js";import{f as ke,A as ye}from"./ArticleCell.3f923aa7.js";import{C as we}from"./Campaigns.07cf67d8.js";const Q={PageLoaded:"loaded.platinumaps",MapLoaded:"maploaded.platinumaps",SpotLoaded:"spotloaded.platinumaps",OpenSpot:"openspot.platinumaps"};const be=c=>(Y("data-v-78fb4cc8"),c=c(),H(),c),xe=be(()=>t("div",{class:"pickout__overlay"},null,-1)),$e={class:"pickout__texts"},Se={setup(c){const p=D(),{trackEvent:_}=J(),u=m(()=>{const a=p.getters.topPagePickOut;if(a&&a.length)return a[0]}),n=m(()=>ge(u.value)),r=()=>{_("PickoutClick")};return(a,i)=>{const h=E("router-link");return o(u)?(d(),V(h,{key:0,class:"pickout",style:G(o(n)),to:o(ee)(o(u))},{default:j(()=>[t("div",{class:"pickout__inner",onClick:r},[xe,t("div",$e,S(o(u).title),1)])]),_:1},8,["style","to"])):te("",!0)}}};var Ce=P(Se,[["__scopeId","data-v-78fb4cc8"]]);const Ie={class:"newsticker waves-effect"},Te={class:"newsticker__label"},je={setup(c){const{t:p}=M(),_=D(),{trackEvent:u}=J(),n=m(()=>_.getters.topPageNewsTickers),r=m(()=>z("NewsList")),a=$(0),i=m(()=>{const s=n.value[a.value],e=s?[s]:[];return e.forEach(l=>{l.path=z("News",{slug:l.slug})}),e}),h=$(null),f=$(null),x=()=>{if(!_.getters.isSpSize)return Promise.resolve();const s=h.value,e=f.value[0];if(!(s&&e))return Promise.resolve();const l=s.getBoundingClientRect().width,w=e.getBoundingClientRect().width,b=20,N=(w+b)/l;if(N<1)return Promise.resolve();const W=Math.ceil(N*2*1e3);return e.style.transform=`translateX(-100%) translateX(-${b}px) translateX(${l}px)`,e.style.transition=`transform ${W}ms linear`,new Promise(C=>setTimeout(C,W))},v=()=>{u("NewsTickerLinkClick")},T=()=>{u("NewsTickerSeeMoreClick")};let g;return K(()=>{const s=l=>new Promise(w=>setTimeout(w,l)),e=()=>{a.value+=1,n.value.length<=a.value&&(a.value=0),_.getters.isSpSize?s(450).then(()=>s(2e3)).then(()=>x()).then(()=>{g=setTimeout(e,2e3)}):g=setTimeout(e,5e3)};e()}),_e(()=>{clearTimeout(g)}),(s,e)=>{const l=E("router-link");return d(),y("div",Ie,[t("div",Te,S(o(p)("news.word1")),1),t("div",{class:"newsticker__text",ref_key:"marqueeContainer",ref:h},[k(ue,{name:"t-roll"},{default:j(()=>[(d(!0),y(B,null,L(o(i),w=>(d(),V(l,{class:"newsticker__content",key:w,to:w.path,onClick:v},{default:j(()=>[t("div",{class:"newsticker__scrollcontent",ref_for:!0,ref_key:"marqueeContent",ref:f},S(w.title),513)]),_:2},1032,["to"]))),128))]),_:1})],512),k(l,{class:"newsticker__arrow -pc",to:o(r),onClick:T},{default:j(()=>[A(S(o(p)("button.seemore")),1)]),_:1},8,["to"])])}}};var Pe=P(je,[["__scopeId","data-v-621794ba"]]);const De=["src"],Ne={props:{useLinkingYoutube:Boolean},setup(c){const p=de(),_=D(),{currentLanguage:u}=se(),n=$(void 0),r=(()=>{const g=`https://${pe}/maps/${ve}`,s=new URLSearchParams;return s.append("style","maptiler.boldright"),s.append("nogesturehint","1"),s.append("cf","sightseeing"),s.append("gps","0"),s.append("search","0"),s.append("hidecategory","1"),s.append("hidezoom","1"),s.append("hidefullscreen","1"),s.append("autopilot","1"),s.append("linkingexternal","1"),s.append("nocontrol","1"),s.append("disable","menu"),u.value.culture&&s.append("culture",u.value.culture),g+"?"+s.toString()})(),a=$([]),i=$(0),{videoCurrentTime:h}=X(),f=$(!1),x=m(()=>_.getters.iFrameEvent),v=()=>{if(!(!f.value||!i.value)&&n.value){let g=a.value.findIndex(e=>e.spotId===i.value),s=a.value[g];s&&(s=JSON.parse(JSON.stringify(s)),n.value.contentWindow.postMessage({event:"movetospot",data:s},"*"),g===a.value.length-1&&(a.value[g].time=0))}},T=()=>{const g=a.value;for(let s=0;s<g.length;s++){const e=g[s];if(e.time<=h.value){i.value!==e.spotId&&(i.value=e.spotId,v());break}}};return q(x,g=>{const s=g.name,e=g.data;if(s===Q.SpotLoaded){if(e){const l=e.linkingExternalSpots;l&&l.length&&(a.value=l.sort((w,b)=>b.time-w.time))}f.value=!0,T()}else if(s===Q.OpenSpot&&e){const l=oe(e.spotId);p.push(l)}}),q(h,g=>{T()}),K(()=>{}),(g,s)=>(d(),y("iframe",{ref_key:"platinumaps",ref:n,class:"platinumap",src:o(r),allow:"geolocation"},null,8,De))}};var Be=P(Ne,[["__scopeId","data-v-0eebf63d"]]);const Le={class:"hero"},Ae={class:"hero__tile"},Oe={class:"hero__carousel"},Ee={class:"hero__map"},Ve={setup(c){const p=D(),_=m(()=>p.getters.isPcSize);$(0);const{enterSection:u,leaveSection:n}=X(),r=ae.Hero,a=$(),i=h=>{h.going==="IN"?(u(r),a.value&&a.value.playVideo()):(n(r),a.value&&a.value.pauseVideo())};

1return(h,f)=>(d(),y("div",Le,[k(o(ce.exports.Waypoint),{class:"hero__inner",onChange:i},{default:j(()=>[t("div",Ae,[t("div",Oe,[k(ie,{ref_key:"video",ref:a,"parent-name":o(r),"video-index":0,"video-id":"-CWjyoAA-pY","cover-image":"/images/cover_white.png",autoplay:!0,"no-click":!0,"viewport-aspect-ratio":9/16,start:0,"use-loop":!0,"use-link-to-map":!0,"use-loader":!0,"offset-duration":1,"playing-video-index":0},null,8,["parent-name","offset-duration"])]),o(_)?(d(),V(Ce,{key:0,class:"hero__pickout"})):te("",!0),t("div",Ee,[k(Be,{"use-linking-youtube":!0})])]),k(Pe,{class:"hero__headline"})]),_:1})]))}};var Fe=P(Ve,[["__scopeId","data-v-1c5d8ed2"]]);const Me={class:"dslider"},We={class:"dslider__dates"},Re=["onClick"],ze={class:"dslider__date"},Ye={class:"dslider__month"},He={class:"dslider__day"},Ue={props:{selectedDate:Date,dates:Array,canBack:Boolean},setup(c,{emit:p}){const _=c,u=m(()=>_.dates||[]),n={0:"Sun",1:"Mon",2:"Tue",3:"Wed",4:"Thu",5:"Fri",6:"Sat"},r=f=>+_.selectedDate==+f?"-selected":"",a=m(()=>{const f=[];return _.canBack?f.push("waves-effect"):f.push("-disabled"),f}),i=f=>{p("changeweek",f)},h=f=>{p("selectdate",f)};return(f,x)=>(d(),y("div",Me,[t("div",{class:F(["dslider__left -pc",o(a)]),onClick:x[0]||(x[0]=v=>i(-1))},null,2),t("div",We,[(d(!0),y(B,null,L(o(u),v=>(d(),y("div",{class:F(["dslider__item",r(v)]),onClick:T=>h(v)},[t("div",ze,[t("span",Ye,S(v.getMonth()+1)+"/",1),t("span",He,S(v.getDate()),1)]),t("div",{class:F(["dslider__dow",`-${n[v.getDay()].toLowerCase()}`])},S(n[v.getDay()]),3)],10,Re))),256))]),t("div",{class:"dslider__right -pc waves-effect",onClick:x[1]||(x[1]=v=>i(1))})]))}};var qe=P(Ue,[["__scopeId","data-v-36c86efe"]]);const Ge={class:"scrollind"},Je={props:{leftDisabled:Boolean,rightDisabled:Boolean},setup(c){const p=c,_=m(()=>{const n=[];return p.leftDisabled?n.push("-disabled"):n.push("waves-effect"),n}),u=m(()=>{const n=[];return p.rightDisabled?n.push("-disabled"):n.push("waves-effect"),n});return(n,r)=>(d(),y("div",Ge,[t("div",{class:F(["scrollind__button -left",o(_)]),onClick:r[0]||(r[0]=a=>n.$emit("scrollleft"))},null,2),t("div",{class:F(["scrollind__button -right",o(u)]),onClick:r[1]||(r[1]=a=>n.$emit("scrollright"))},null,2)]))}};var Ke=P(Je,[["__scopeId","data-v-01f544fe"]]);const Xe=c=>(Y("data-v-bae9ece2"),c=c(),H(),c),Ze={class:"topevents"},Qe={class:"topevents__inner"},et={class:"topevents__row"},tt=Xe(()=>t("h2",{class:"topevents__header"},[t("strong",null,"Weekly "),A("Events ")],-1)),st={class:"topevents__indicator -sp"},ot={class:"topevents__items"},at={class:"topevents__texts"},nt={class:"topevents__title"},lt={class:"topevents__date"},rt={class:"topevents__footer"},it={setup(c){const{t:p}=M(),_=D(),u=m(()=>z("EventList")),n=new Date,r=new Date(n.getFullYear(),n.getMonth(),n.getDate()),a=$(r),i=$(r),h=e=>e*24*60*60*1e3,f=e=>new Date(+a.value+h(e)),x=e=>{e&&+i.value!=+e?i.value=e:i.value=void 0},v=m(()=>{const e=[];for(let l=0;l<7;l++)e.push(f(l));return e}),T=m(()=>U(r).diff(U(f(-7)),"d",!0)<14),g=e=>{e<0&&!T.value||(a.value=f(7*e),x())},s=m(()=>{const e=v.value[v.value.length-1],l={from:a.value,to:new Date(e.getFullYear(),e.getMonth(),e.getDate()+1)};return i.value&&(l.from=i.value,l.to=new Date(l.from.getFullYear(),l.from.getMonth(),l.from.getDate()+1)),_.getters.getWeeklyEventSpots(l,0,6).map(w=>{let b;return!w.heldFrom&&!w.heldTo?b=p("spot.eventalways"):b=w.eventPeriod,{spot:w,dateText:b,thumbnailStyle:re(w.thumbUri)||me()}})});return K(()=>{const e=U().isoWeekday(1).toDate();a.value=new Date(e.getFullYear(),e.getMonth(),e.getDate()),x()}),(e,l)=>{const w=E("router-link");return d(),y("div",Ze,[t("div",Qe,[t("div",et,[tt,t("div",st,[k(Ke,{"left-disabled":!o(T),"right-disabled":!1,onScrollleft:l[0]||(l[0]=b=>g(-1)),onScrollright:l[1]||(l[1]=b=>g(1))},null,8,["left-disabled"])])]),k(qe,{class:"topevents__slider","selected-date":i.value,dates:o(v),"can-back":o(T),onChangeweek:g,onSelectdate:x},null,8,["selected-date","dates","can-back"]),t("div",ot,[(d(!0),y(B,null,L(o(s),b=>(d(),V(w,{class:"topevents__item waves-effect",to:o(oe)(b.spot)},{default:j(()=>[t("div",{class:"topevents__thumbnail",style:G(b.thumbnailStyle)}

1,null,4),t("div",at,[t("div",nt,S(b.spot.title),1),t("div",lt,S(b.dateText),1)])]),_:2},1032,["to"]))),256))]),t("div",rt,[k(w,{class:"topevents__more btn -c -m waves-effect waves-light",to:o(u)},{default:j(()=>[A(S(o(p)("button.seemore")),1)]),_:1},8,["to"])])])])}}};var ct=P(it,[["__scopeId","data-v-bae9ece2"]]);const _t=c=>(Y("data-v-034805e4"),c=c(),H(),c),ut={class:"reels"},dt={class:"reels__inner"},pt=_t(()=>t("h2",{class:"reels__header"},[t("span",null,[t("strong",null,"Reels"),A(" & Short Videos ")])],-1)),vt={class:"reels__card waves-effect waves-light"},ht={class:"reels__title"},ft={class:"reels__footer"},gt={setup(c){const{t:p}=M(),_=D(),u=m(()=>_.getters.topPageMovies),n=m(()=>z("Reels")),{visibleSections:r,heroVisible:a,enterSection:i,leaveSection:h}=X(),{trackEvent:f}=J(),x=ae.Reels,v=$(-1);$({});const T=$(!1),g=C=>{T.value||(C.going==="IN"?(i(x),s.value&&N(v.value)):h(x))},s=m(()=>{if(!a.value)return r.value.some(C=>C===x)}),e=$(),l=$(),w=$(),b=()=>{let C=0;for(let I=0;I<e.value.length;I++){const O=e.value[I].$el.getBoundingClientRect();if(O.width/2<O.right){C=I;break}}if(v.value!==C){const I=e.value[v.value];I&&I.pauseVideo(),N(C)}},N=C=>{if(u.value.length<=C||C<0?v.value=0:v.value=C,e.value){const I=e.value[v.value];if(I){if(_.getters.isPcSize){I.playVideo();return}T.value=!0,he.scrollTo(I.$el,600,{container:l.value.$el,easing:"ease-in-out",offset:-20,force:!0,cancellable:!1,x:!0,y:!1,onDone:()=>{I.playVideo(),T.value=!1}})}}},W=()=>{f("ReelsShortVideosMoreButtonClick")};return q(s,C=>{C?N(v.value):e.value&&e.value.length&&e.value.forEach(I=>{I.pauseVideo()})}),(C,I)=>{const Z=E("router-link");return d(),y("div",ut,[t("div",dt,[pt,k(o(ce.exports.Waypoint),{class:"reels__items",ref_key:"videoContainer",ref:l,onChange:g,onTouchend:b,onTouchcancel:b},{default:j(()=>[(d(!0),y(B,null,L(o(u),(R,O)=>(d(),y("div",{class:"reels__item",ref_for:!0,ref_key:"videoItems",ref:w,key:O},[t("div",vt,[k(ie,{class:"reels__youtube",ref_for:!0,ref_key:"youTubeVideos",ref:e,"data-video-index":O,"parent-name":o(x),"video-index":O,"video-id":R.videoId||"Xp2dN-PmMoc","cover-image":R.thumbnailUrl,"play-on-hover":!1,"viewport-aspect-ratio":278/154,"crop-aspect-ratio":1079/607,"no-play":!1,autoplay:!0,"playing-video-index":v.value,onPlaynextvideo:N}

1,null,8,["data-video-index","parent-name","video-index","video-id","cover-image","playing-video-index"])]),t("div",ht,S(R.title),1)]))),128))]),_:1},512),t("div",ft,[k(Z,{class:"reels__more btn -c -m waves-effect waves-light",to:o(n),onClick:W},{default:j(()=>[A(S(o(p)("button.seemore")),1)]),_:1},8,["to"])])])])}}};var mt=P(gt,[["__scopeId","data-v-034805e4"]]);const kt=c=>(Y("data-v-0ff72098"),c=c(),H(),c),yt={class:"features"},wt={class:"features__inner"},bt=kt(()=>t("h2",{class:"features__header"},[t("strong",null,"Features")],-1)),xt={class:"features__items"},$t={class:"features__texts"},St={class:"features__catchcopy"},Ct={class:"features__title"},It={class:"features__date"},Tt={class:"features__footer"},jt={setup(c){const{t:p}=M(),_=D(),u=m(()=>{const r=_.getters.topPageFeatures;return(_.getters.isPcSize?r.slice(0,4):r).map(i=>({data:i,publishedAt:ke(i.publishedAt),thumbnailUrl:i.banner}))});m(()=>_.getters.isSpSize);const n=ne(le.Featured);return(r,a)=>{const i=E("router-link");return d(),y("div",yt,[t("div",wt,[bt,t("div",xt,[(d(!0),y(B,null,L(o(u),h=>(d(),V(i,{class:"features__item waves-effect waves-light",to:o(ee)(h.data)},{default:j(()=>[t("div",{class:"features__thumbnail",style:G(o(re)(h.thumbnailUrl))},null,4),t("div",$t,[t("div",St,S(h.data.subTitle),1),t("div",Ct,S(h.data.title),1),t("div",It,S(h.publishedAt),1)])]),_:2},1032,["to"]))),256))]),t("div",Tt,[k(i,{class:"features__more btn -c -m waves-effect waves-light",to:o(n)},{default:j(()=>[A(S(o(p)("button.seemore")),1)]),_:1},8,["to"])])])])}}};var Pt=P(jt,[["__scopeId","data-v-0ff72098"]]);const Dt={class:"exlinks"},Nt={class:"exlinks__inner"},Bt={class:"exlinks__items"},Lt=["href"],At=["src","alt"],Ot={setup(c){const{currentLanguage:p}=se(),_=m(()=>p.value.path===fe.JA?[{src:"/images/ex01_ja.jpg",alt:"\u4E2D\u592E\u533A\u89B3\u5149\u5354\u4F1A",href:"http://www.chuo-kanko.or.jp/"},{src:"/images/ex02_ja.jpg",alt:"\u4E2D\u592E\u533A\u30DB\u30FC\u30E0\u30DA\u30FC\u30B8",href:"http://www.city.chuo.lg.jp/"},{src:"/images/ex03_ja.jpg",alt:"\u4E2D\u592E\u533A\u307E\u3061\u304B\u3069\u5C55\u793A\u9928",href:"http://chuoku-machikadotenjikan.jp/"},{src:"/images/ex04_ja.jpg",alt:"TOKYO GINZA OFFICIAL",href:"http://www.ginza.jp/"},{src:"/images/ex05_ja.jpg",alt:"\u3077\u3089\u3063\u3068\u7BC9\u5730",href:"http://www.tsukiji.or.jp/walk/plattsukiji/"},{src:"/images/ex06_ja.jpg",alt:"\u65E5\u672C\u6A4B\u89B3\u5149\u6848\u5185\u6240",href:"https://nihonbashi-info.tokyo/"},{src:"/images/ex07_ja.jpg",alt:"\u4EBA\u5F62\u753A\u5546\u5E97\u8857",href:"http://ningyocho.or.jp/"}]:[{src:"/images/ex01_en.jpg",alt:"Chuo City Tourism Association",href:"https://www.chuo-kanko.or.jp.e.nc.hp.transer.com/"},{src:"/images/ex02_en.jpg",alt:"Chuo City Website",href:"https://www.city.chuo.lg.jp/multilingual/index.html"},{src:"/images/ex03_en.jpg",alt:"Machikado Museum Project",href:"https://chuoku-machikadotenjikan.jp/pdf/english.pdf"},{src:"/images/ex04_en.jpg",alt:"TOKYO GINZA OFFICIAL",href:"https://www.ginza.jp/en/"},{src:"/images/ex05_en.jpg",alt:"Plat Tsukiji",href:"https://www.tsukiji.or.jp/english/plattsukiji/"},{src:"/images/ex06_en.jpg",alt:"NIHONBASHI TOURISM INFORMATION",href:"https://nihonbashi-info.tokyo/"},{src:"/images/ex07_en.jpg",alt:"TOKYO NIHONBASHI Ningyo cho",href:"http://ningyocho.or.jp/english/index.html"}]);return(u,n)=>(d(),y("div",Dt,[t("div",Nt,[t("div",Bt,[(d(!0),y(B,null,L(o(_),r=>(d(),y("a",{class:"exlinks__item",href:r.href,target:"_blank"},[t("img",{class:"exlinks__banner",src:r.src,alt:r.alt},null,8,At)],8,Lt))),256))])])]))}};var Et=P(Ot,[["__scopeId","data-v-3b1878c0"]]);const Vt={class:"topblogs"},Ft={class:"topblogs__grid"},Mt={class:"topblogs__girdleft"},Wt={class:"topblogs__listview"},Rt={class:"topblogs__footer"},zt={class:"topblogs__gridright"},Yt={setup(c){const{t:p}=M(),_=D(),u=m(()=>_.getters.topPageBlogs),n=ne(le.Blog);return(r,a)=>{const i=E("router-link");return d(),y("div",Vt,[t("div",Ft,[t("div",Mt,[t("div",Wt,[(d(!0),y(B,null,L(o(u),h=>(d(),V(ye,{class:"topblogs__cell",key:h.slug,slug:h.slug},null,8,["slug"]))),128))]),t("div",Rt,[k(i,{class:"topblogs__more btn -c -m waves-effect waves-light",to:o(n)},{default:j(()=>[A(S(o(p)("button.seemore")),1)]),_:1},8,["to"])])]),t("div",zt,[k(we)])])])}}};var Ht=P(Yt,[["__scopeId","data-v-d9b004e4"]]);const Ut={class:"top"},qt={setup(c){return(p,_)=>(d(),y("div",Ut,[k(Fe),k(ct),k(mt),k(Pt),k(Ht),k(Et)]))}};var Qt=P(qt,[["__scopeId","data-v-10df3d5e"]]);export{Qt as default};