https://centraltokyo-tourism.com/assets/EventList.b8beee60.js

1import{_ as P,c as u,i as Y,bT as I,r as N,o as i,b as C,w as L,d as o,n as H,a as _,t as f,C as B,j as D,k as J,q as d,F as T,v as S,u as V,I as A,bV as O,H as R,bH as j,e as z,s as q,p as x,f as U,V as G}from"./index.d48cd762.js";import{d as K,b as Q}from"./style-helper.3c7d1128.js";const W={class:"eventitem__thumbnail"},X={class:"eventitem__content"},Z={class:"eventitem__text"},ee={class:"eventitem__title"},te={class:"eventitem__description"},se={class:"eventitem__eventperiod"},le={props:{spotData:Object},setup(v){const p=v,m=u(()=>p.spotData.spot),F=u(()=>p.spotData.thumbnailStyle||K());Y();const{spotEventPeriod:b}=I(),y=u(()=>b(m.value));return(h,w)=>{const g=N("router-link");return i(),C(g,{class:"eventitem waves-effect",to:_(B)(_(m))},{default:L(()=>[o("div",W,[o("div",{class:"eventitem__thumbnailimage",style:H(_(F))},null,4)]),o("div",X,[o("div",Z,[o("div",ee,f(_(m).title),1),o("div",te,f(_(m).description),1)]),o("div",se,f(_(y)),1)])]),_:1},8,["to"])}}};var ae=P(le,[["__scopeId","data-v-7b8d5990"]]);const ne=v=>(x("data-v-3a157a36"),v=v(),U(),v),oe={class:"eventlist"},re={class:"eventlist__header"},ie={class:"eventlist__headermonth"},ce=["href","onClick"],de=["innerHTML"],_e={class:"eventlist__body"},ue=["id"],ve={key:0,class:"eventlist__sectionline"},me={class:"eventlist__sectioncontainer"},he={class:"eventlist__sectionlabel"},fe={class:"eventlist__sectionlabelyearmonth"},pe={class:"eventlist__sectionlabelmonth"},be={key:0,class:"eventlist__events -empty"},ye=ne(()=>o("span",null,"No Events.",-1)),ge=[ye],Fe={key:1,class:"eventlist__events"},ke={props:{yearMonth:String},setup(v){const p=V(),{t:m}=Y(),F=u(()=>[{value:0,label:"Jan.",name:"January",selected:!1},{value:1,label:"Feb.",name:"February",selected:!1},{value:2,label:"Mar.",name:"March",selected:!1},{value:3,label:"Apr.",name:"April",selected:!1},{value:4,label:"May",name:"May",selected:!1},{value:5,label:"Jun.",name:"June",selected:!1},{value:6,label:"Jul.",name:"July",selected:!1},{value:7,label:"Aug.",name:"August",selected:!1},{value:8,label:"Sep.",name:"September",selected:!1},{value:9,label:"Oct.",name:"October",selected:!1},{value:10,label:"Nov.",name:"November",selected:!1},{value:11,label:"Dec.",name:"December",selected:!1}]),b=D(0),y=D(-1),h=u(()=>{const l=[];let n=new Date(b.value,y.value,1),e=-1;for(let s=0;s<12;s++){const t=n.getFullYear(),a=n.getMonth(),r=A(n);let c=r.format("MMM.");e!==t&&(c=`<strong>${t}</strong><br/>${c}`,e=t),l.push({value:s,year:t,month:a,firstDate:n,lastDate:new Date(t,a+1,0),indexLabelHtml:c,label:r.format("YYYY/M"),name:r.format("YYYYMM"),selected:!1}),n=new Date(t,a+1,1)}return l}),w=u(()=>({from:h.value[0].firstDate,to:h.value[11].lastDate})),g=u(()=>{const l=w.value,n=p.getters.getSpotsByCategory(O.Event.key).filter(e=>e.heldFrom&&e.heldTo?e.heldFrom<=l.to&&l.from<e.heldTo:!(e.heldFrom&&(e.heldFrom<l.from||l.to<=e.heldFrom)||e.heldTo&&(e.heldTo<l.from||l.to<=e.heldTo)));return n.sort((e,s)=>{let t=0;const a=e.heldFrom,r=s.heldFrom;if(a&&r){if(t=a-r,t!==0)return t}else{if(a)return 1;if(r)return-1}const c=e.heldTo,k=s.heldTo;if(c&&k){if(t=c-k,t!==0)return t}else{if(c)return-1;if(k)return 1}if(e.eventPeriod&&s.eventPeriod){if(e.eventPeriod<s.eventPeriod)return-1;if(e.eventPeriod>s.eventPeriod)return 1}else{if(e.eventPeriod)return-1;if(s.eventPeriod)return 1}return s.id-e.id}),n.map(e=>{let s=0,t=-1;return e.heldFrom&&l.from<=e.heldFrom&&(s=e.heldFrom.getFullYear(),t=e.heldFrom.getMonth()),t<0&&e.heldTo&&(s=e.heldTo.getFullYear(),t=e.heldTo.getMonth()),{spot:e,year:s,month:t,thumbnailStyle:Q(e.thumbUri)}})}),E=u(()=>{const l=[];h.value.forEach(e=>{const s=g.value.filter(a=>a.year===e.year&&a.month===e.month),t=F.value.find(a=>a.value===e.month)||{};l.push({value:e.value,label:e.label,name:e.name,monthName:t.name,spots:s})});const n=g.value.filter(e=>e.month===-1);if(n.length){const e=(a,r)=>{let c="always";r&&(c=`other-${l.length+1}`),l.push({value:-1,label:r||m("spot.eventalways"),name:c,monthName:"",spots:a})};let s=n[0].spot.eventPeriod,t=[];n.forEach(a=>{const r=a.spot.eventPeriod;r!==s&&(e(t,s),t=[]),t.push(a),s=r}),t.length&&e(t,s)}return l});J(()=>{const l=new Date;b.value=l.getFullYear(),y.value=l.getMonth()});const M=D(null),$=l=>{const n=M.value[l.value];n&&G.scrollTo(n,600,{easing:"ease-in-out",offset:0,force:!0,cancellable:!1,x:!1,y:!0})};return(l,n)=>(i(),d("div",oe,[o("div",re,[o("div",ie,[(i(!0),d(T,null,S(_(h),e=>(i(),d("a",{class:R(["eventlist__month waves-effect",{"-selected":e.selected}]),key:e.value,href:`#${e.name}`,onClick:j(s=>$(e),["prevent"])},[o("span",{innerHTML:e.indexLabelHtml},null,8,de)],10,ce))),128))])]),o("div",_e,[(i(!0),d(T,null,S(_(E),(e,s)=>(i(),d("div",{class:"eventlist__section",key:e.value,id:e.name,ref_for:!0,ref_key:"monthRows",ref:M},[s!==0?(i(),d("div",ve)):z("",!0),o("div",me,[o("div",he,[o("div",fe,f(e.label),1),o("div",pe,f(e.monthName),1)]),e.spots.length===0?(i(),d("div",be,ge)):(i(),d("div",Fe,[(i(!0),d(T,null,S(e.spots,t=>(i(),d("div",{class:"eventlist__item",key:t.id},[q(ae,{class:"eventlist__link","spot-data":t},null,8,["spot-data"])]))),128))]))])],8,ue))),128))])]))}};var Se=P(ke,[["__scopeId","data-v-3a157a36"]]);export{Se as default};