@idmui/spot 0.2.9 → 0.3.0

package/dist/index.js

@@ -1881,7 +1881,7 @@ const Ne = (h, e) => {
             symbol: "none",
             smooth: !1,
             itemStyle: {
-              color: "#038a64"
+              color: "#02897a"
             },
             label: {
               show: !1
@@ -2781,7 +2781,7 @@ function as(h, e, t, n, s, f) {
     ])
   ]);
 }
-const is = /* @__PURE__ */ Ne(Ge, [["render", as], ["__scopeId", "data-v-469e3841"]]), ds = {
+const is = /* @__PURE__ */ Ne(Ge, [["render", as], ["__scopeId", "data-v-66c93f9c"]]), ds = {
   install(h) {
     h.component("SpotReport", is);
   }

package/dist/index.umd.cjs

@@ -26,4 +26,4 @@
                           <span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #038a64;}"></span>
                           <span>Sig.Wave Height : </span><strong>${(ge=l[4])==null?void 0:ge.value}</strong><span style="padding-left: 3px;">m</span>
                         </div>
-                        `}},legend:{right:"4%",top:"5%",itemWidth:40,data:["Wind Speed","Wind Gusts","Swell Height","Sig.Wave Height"]},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",data:(C=this.meteogramData)==null?void 0:C.dates,axisLabel:{show:!1},axisLine:{show:!1},axisTick:{show:!0,inside:!0,lineStyle:{color:"rgba(0,0,0,0.7)"}},z:0,zlevel:0},singleAxis:[{left:(I=this.meteogramData)==null?void 0:I.offset,right:(w=this.meteogramData)==null?void 0:w.offset,type:"category",show:!1,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},boundaryGap:!1,data:($=this.meteogramData)==null?void 0:$.dates,top:"84%",height:"2%"},{left:(W=this.meteogramData)==null?void 0:W.offset,right:(Z=this.meteogramData)==null?void 0:Z.offset,type:"category",show:!1,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},boundaryGap:!1,data:(A=this.meteogramData)==null?void 0:A.dates,top:"92%",height:"2%"}],yAxis:[{type:"value",name:"Wind Speed ( kts )",show:!0,min:0,max:Math.ceil(Math.max(...[...this.meteogramData.windGusts,...this.meteogramData.windspeed].filter(l=>typeof l=="number"&&!isNaN(l)))/5)*5,interval:Math.ceil(Math.max(...[...this.meteogramData.windGusts,...this.meteogramData.windspeed].filter(l=>typeof l=="number"&&!isNaN(l)))/5),splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0},{position:"right",type:"value",name:"Sig.Wave & Swell ( m )",min:0,max:Math.ceil(Math.max(...[...this.meteogramData.sigWaveHeight,...this.meteogramData.swellHeight].filter(l=>typeof l=="number"&&!isNaN(l)))/5)*5,interval:Math.ceil(Math.max(...[...this.meteogramData.sigWaveHeight,...this.meteogramData.swellHeight].filter(l=>typeof l=="number"&&!isNaN(l)))/5),splitNumber:5,show:!0,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0}],series:[{name:"Wind Speed",type:"line",yAxisIndex:0,data:(Ae=this.meteogramData)==null?void 0:Ae.windspeed,symbol:"none",smooth:!1,itemStyle:{color:"#60c43e"},markArea:{itemStyle:{color:"rgba(239,239,239,0.6)"},data:(ne=this.meteogramData)==null?void 0:ne.markarea,emphasis:{disabled:!0},z:-1,zlevel:-1}},{name:"Wind Direction",type:"custom",yAxisIndex:0,renderItem:(l,J)=>{var q,ae;const se=l.dataIndex,_=J.coord([J.value(0),J.value(1)]);return((ae=(q=this.meteogramData)==null?void 0:q.windDir)==null?void 0:ae[se])>=0?{type:"image",position:_,style:{image:this.meteogramData.windDirIcons[se],x:-12/2,y:6,width:12,height:12}}:!1},data:(re=this.meteogramData)==null?void 0:re.windspeed,z:10},{name:"Wind Gusts",type:"line",yAxisIndex:0,data:(B=this.meteogramData)==null?void 0:B.windGusts,symbol:"none",smooth:!1,itemStyle:{color:"#4ba229"},lineStyle:{color:"#4ba229",type:"dashed"},label:{show:!1}},{name:"Swell Height",type:"line",yAxisIndex:1,data:(ee=this.meteogramData)==null?void 0:ee.swellHeight,symbol:"none",smooth:!1,itemStyle:{color:"#21baa3"},label:{show:!1}},{name:"Sig.Wave Height",type:"line",yAxisIndex:1,data:(g=this.meteogramData)==null?void 0:g.sigWaveHeight,symbol:"none",smooth:!1,itemStyle:{color:"#038a64"},label:{show:!1}},{name:"Hours",singleAxisIndex:0,coordinateSystem:"singleAxis",type:"scatter",data:(X=this.meteogramData)==null?void 0:X.hours,itemStyle:{color:"#fff"},label:{show:!0,fontSize:10,formatter:"{c}"},symbolSize:0},{name:"Dates",singleAxisIndex:1,coordinateSystem:"singleAxis",type:"scatter",data:(R=this.meteogramData)==null?void 0:R.xDates,itemStyle:{color:"#fff"},label:{show:!0,fontSize:13,formatter:"{c}"},symbolSize:0}]};y.setOption(u)},disposeEcharts(){document.getElementById("weather-chart")&&he.dispose(document.getElementById("weather-chart")),document.getElementById("weather-icons")&&he.dispose(document.getElementById("weather-icons")),document.getElementById("weather-condition")&&he.dispose(document.getElementById("weather-condition")),document.getElementById("wave-swell")&&he.dispose(document.getElementById("wave-swell"))},initHoursTableData(){var r,t,s,i,a,E,b,k,x,y,u,Q,G,f,L,S,F,D,N,z,H,P,T,o,n,v,O,j,Y,K,U,V,h,M;this.hoursTableData={hours:[],utcHours:[],weatherUrls:[],weatherNames:[],temp:[],precipProbability:[],precip1h:[],visibility:[],humidity:[],windSpeed:[],windDir:[],windGust:[],sigwaveHeight:[],sigwaveDir:[],windwaveHeight:[],windwaveDir:[],windwavePeriod:[],swellHeight:[],swellDir:[],swellPeriod:[],currentSpeed:[],currentDir:[],seaLevel:[],seaTemp:[]};for(let C=0;C<24;C++){const I=te(this.pickedDate).clone().add(C,"h").format();this.hoursTableData.hours.push(I);const w=((r=de.pickHourly(this.meteoData,I))==null?void 0:r[0])||{};this.hoursTableData.weatherUrls.push((t=w.weather)==null?void 0:t.url),this.hoursTableData.weatherNames.push(((s=w.weather)==null?void 0:s.name)??"-"),this.hoursTableData.temp.push(this.roundPrecision((i=w.weather)==null?void 0:i.temp,0)??"-"),this.hoursTableData.precipProbability.push(this.roundPrecision((E=(a=w.weather)==null?void 0:a.precip)==null?void 0:E.probability,0)??"-"),this.hoursTableData.precip1h.push(this.roundPrecision((k=(b=w.weather)==null?void 0:b.precip)==null?void 0:k.sum,0)??"-"),this.hoursTableData.visibility.push(this.roundPrecision((x=w.weather)==null?void 0:x.visibility,0)??"-"),this.hoursTableData.humidity.push(this.roundPrecision((y=w.weather)==null?void 0:y.rh,0)??"-"),this.hoursTableData.windSpeed.push(this.roundPrecision((Q=(u=w.weather)==null?void 0:u.wind)==null?void 0:Q.kts,1)),this.hoursTableData.windDir.push((f=(G=w.weather)==null?void 0:G.wind)==null?void 0:f.bearing),this.hoursTableData.windGust.push(this.roundPrecision((S=(L=w.weather)==null?void 0:L.wind)==null?void 0:S.gusts,1)??"-"),this.hoursTableData.sigwaveHeight.push(this.roundPrecision((D=(F=w.wave)==null?void 0:F.sig)==null?void 0:D.height,1)??"-"),this.hoursTableData.sigwaveDir.push((z=(N=w.wave)==null?void 0:N.sig)==null?void 0:z.bearing),this.hoursTableData.windwaveHeight.push(this.roundPrecision((P=(H=w.wave)==null?void 0:H.wd)==null?void 0:P.height,1)??"-"),this.hoursTableData.windwaveDir.push((o=(T=w.wave)==null?void 0:T.wd)==null?void 0:o.bearing),this.hoursTableData.windwavePeriod.push(this.roundPrecision((v=(n=w.wave)==null?void 0:n.wd)==null?void 0:v.period,1)??"-"),this.hoursTableData.swellHeight.push(this.roundPrecision((j=(O=w.wave)==null?void 0:O.swell)==null?void 0:j.height,1)??"-"),this.hoursTableData.swellDir.push((K=(Y=w.wave)==null?void 0:Y.swell)==null?void 0:K.bearing),this.hoursTableData.swellPeriod.push(this.roundPrecision((V=(U=w.wave)==null?void 0:U.swell)==null?void 0:V.period,1)??"-"),this.hoursTableData.currentSpeed.push(this.roundPrecision((h=w.current)==null?void 0:h.speed,1)??"-"),this.hoursTableData.currentDir.push((M=w.current)==null?void 0:M.bearing),this.hoursTableData.seaLevel.push(this.roundPrecision(w.height,1)??"-"),this.hoursTableData.seaTemp.push(this.roundPrecision(w.sst,0)??"-")}this.loading.hoursTable=!1},handleClearHoursTable(){this.position={},this.meteoData={},this.isCollected=!1,he&&document.getElementById("weather-chart")&&he.dispose(document.getElementById("weather-chart"))},initDaysTableData(){var t,s,i,a,E,b,k,x,y,u,Q,G,f,L,S,F,D,N,z,H,P,T,o,n,v,O,j,Y,K,U,V,h,M,C,I,w,$;this.daysTableData=[];const r=te().startOf("day");for(let W=0;W<14;W++){const Z=r.clone().add(W,"d").format(),A=((t=de.pickDaily(this.meteoData,Z))==null?void 0:t[0])||{};console.log(A),this.daysTableData.push({localWeek:this.computeWeekLT(Z),localDate:this.computeMMMDDLT(Z),weatherUrl:(s=A==null?void 0:A.weather)==null?void 0:s.url,minTemp:this.roundPrecision((a=(i=A==null?void 0:A.weather)==null?void 0:i.temp)==null?void 0:a.min,0)??"-",maxTemp:this.roundPrecision((b=(E=A==null?void 0:A.weather)==null?void 0:E.temp)==null?void 0:b.max,0)??"-",weatherName:(k=A==null?void 0:A.weather)==null?void 0:k.name,precipSum:this.roundPrecision((y=(x=A==null?void 0:A.weather)==null?void 0:x.precip)==null?void 0:y.sum,0)??"-",precipRainSum:this.roundPrecision((Q=(u=A==null?void 0:A.weather)==null?void 0:u.precip)==null?void 0:Q.rainSum,0)??"-",precipSnowfallSum:this.roundPrecision((f=(G=A==null?void 0:A.weather)==null?void 0:G.precip)==null?void 0:f.snowfallSum,0)??"-",windSpeedMax:this.roundPrecision((S=(L=A==null?void 0:A.weather)==null?void 0:L.wind)==null?void 0:S.kts,1)??"-",windSpeedDir:(D=(F=A==null?void 0:A.weather)==null?void 0:F.wind)==null?void 0:D.bearing,gustSpeedMax:this.roundPrecision((z=(N=A==null?void 0:A.weather)==null?void 0:N.wind)==null?void 0:z.gusts,1)??"-",windWaveHeight:this.roundPrecision((P=(H=A==null?void 0:A.wave)==null?void 0:H.wd)==null?void 0:P.height,1)??"-",windWavePeriod:this.roundPrecision((o=(T=A==null?void 0:A.wave)==null?void 0:T.wd)==null?void 0:o.period,1)??"-",windWaveDir:(v=(n=A==null?void 0:A.wave)==null?void 0:n.wd)==null?void 0:v.bearing,swellWaveHeight:this.roundPrecision((j=(O=A==null?void 0:A.wave)==null?void 0:O.swell)==null?void 0:j.height,1)??"-",swellWavePeriod:this.roundPrecision((K=(Y=A==null?void 0:A.wave)==null?void 0:Y.swell)==null?void 0:K.period,1)??"-",swellWaveDir:(V=(U=A==null?void 0:A.wave)==null?void 0:U.swell)==null?void 0:V.bearing,sigWaveHeight:this.roundPrecision((M=(h=A==null?void 0:A.wave)==null?void 0:h.sig)==null?void 0:M.height,1)??"-",sigWavePeriod:this.roundPrecision((I=(C=A==null?void 0:A.wave)==null?void 0:C.sig)==null?void 0:I.period,1)??"-",sigWaveDir:($=(w=A==null?void 0:A.wave)==null?void 0:w.sig)==null?void 0:$.bearing})}this.loading.daysTable=!1}}},ye={class:"spot-report"},ue={class:"search-header-box"},Qe={class:"search-header-box-inner flex-between"},be={class:"search-box flex-start"},ke={class:"menu-box flex-end"},Ne={class:"content-box"},Me={class:"title-section flex-between"},Le={class:"main-title"},ze={class:"sub-title"},He={class:"flex-end"},Pe={class:"meteogram-section"},Te={key:0,class:"card"},Ge={key:1,class:"card flex-center"},Se={key:2,class:"card flex-center"},Fe={key:0,class:"weather-echart-section"},ve={key:0,id:"weather-chart",class:"weather-chart"},Oe={key:1,class:"weather-chart weather-chart-loading flex-center"},je={key:2,class:"weather-chart flex-center"},Ye={key:1,class:"hours-table-section",style:{border:"1px solid var(--idm-gray-light)"}},Ke={key:0,class:"card"},Ue={class:"date"},Ve={class:"basic-table"},Xe={class:"day"},Re={class:"hour"},Je={class:"icon"},qe=["src"],We={class:"text"},Ze={class:"text"},_e={class:"text"},$e={class:"text"},et={class:"text"},tt={class:"text"},st={key:1},at={class:"text"},ot={class:"text"},it={class:"wave-current-table"},At={class:"text"},nt={class:"text"},rt={key:1},lt={class:"text"},gt={class:"text"},ht={class:"text"},ct={key:1},dt={class:"text"},wt={class:"text"},mt={class:"text"},pt={key:1},Bt={class:"text"},Et={class:"sea-table"},Ct={class:"text"},Dt={class:"text"},ft={key:1,class:"card card-loading flex-center"},It={key:2,class:"card flex-center"},xt={key:2,class:"days-table-section"},yt={key:0,class:"card"},ut={class:"conditions-table"},Qt={rowspan:"1",colspan:"1",class:"tr-title font-gray",style:{"text-align":"right","padding-right":"5px","box-sizing":"border-box"}},bt={rowspan:"1",colspan:"1"},kt=["src"],Nt={rowspan:"1",colspan:"1",class:"text-align-left"},Mt={rowspan:"1",colspan:"1",class:"text-align-left"},Lt={rowspan:"1",colspan:"1",class:"text-align-left"},zt={rowspan:"1",colspan:"1",class:"text-align-left"},Ht={rowspan:"1",colspan:"1",class:"text-align-left"},Pt={rowspan:"1",colspan:"1",class:"text-align-left"},Tt={key:1},Gt={rowspan:"1",colspan:"1",class:"text-align-left"},St={rowspan:"1",colspan:"1",class:"text-align-left"},Ft={key:1},vt={rowspan:"1",colspan:"1",class:"text-align-left"},Ot={key:1},jt={rowspan:"1",colspan:"1",class:"text-align-left"},Yt={key:1},Kt={key:1,class:"card card-loading flex-center"},Ut={key:2,class:"card flex-center"};function Vt(r,t,s,i,a,E){var y,u,Q,G,f,L,S,F,D,N,z,H,P,T;const b=e.resolveComponent("ElOption"),k=e.resolveComponent("ElSelect"),x=e.resolveComponent("ElTooltip");return e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",ue,[e.createElementVNode("div",Qe,[e.createElementVNode("div",be,[e.createVNode(k,{modelValue:a.searchName,"onUpdate:modelValue":t[0]||(t[0]=o=>a.searchName=o),filterable:"",class:"input",clearable:"",remote:"",placeholder:a.placeholder,autocomplete:"","remote-show-suffix":"",onFocus:t[1]||(t[1]=o=>a.placeholder=""),onBlur:t[2]||(t[2]=o=>a.placeholder="search for port name or coordinates"),"remote-method":E.fetchSuggestPosition,onChange:E.handleSearch},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.positionList,o=>(e.openBlock(),e.createBlock(b,{key:o.name,label:o.name,value:o.name},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","remote-method","onChange"])]),e.createElementVNode("div",ke,[e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",a.menuIndex===1?"active":""]),onClick:t[3]||(t[3]=o=>a.menuIndex=1)},"7-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",a.menuIndex===2?"active":""]),onClick:t[4]||(t[4]=o=>a.menuIndex=2)},"14-Day Forecast",2)])])]),e.createElementVNode("div",Ne,[e.createElementVNode("div",Me,[e.createElementVNode("div",null,[e.createElementVNode("div",Le,"Weather forecast for "+e.toDisplayString(((y=a.position)==null?void 0:y.name)||"-")+" ( UTC"+e.toDisplayString(a.positionOffset)+" )",1),e.createElementVNode("div",ze,"At "+e.toDisplayString((u=a.position)!=null&&u.portId?"port":"coordinates")+", issued "+e.toDisplayString(a.issuedDate),1)]),e.createElementVNode("div",He,[e.createVNode(x,{placement:"left",effect:"light",content:a.isCollected?"remove the port/coordinate from the search list":"add the port/coordinate to the search list","show-after":1e3},{default:e.withCtx(()=>[a.isCollected?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon active",onClick:t[5]||(t[5]=(...o)=>E.handleCollect&&E.handleCollect(...o))},"")):(e.openBlock(),e.createElementBlock("span",{key:1,class:"iconfont icon",onClick:t[6]||(t[6]=(...o)=>E.handleCollect&&E.handleCollect(...o))},""))]),_:1},8,["content"])])]),e.createElementVNode("div",Pe,[(Q=a.position)!=null&&Q.name&&s.token&&!((G=a.loading)!=null&&G.meteogramEchart)?(e.openBlock(),e.createElementBlock("div",Te,t[7]||(t[7]=[e.createElementVNode("div",{class:"title"},"Meteogram",-1),e.createElementVNode("div",{id:"weather-icons"},null,-1),e.createElementVNode("div",{id:"weather-condition"},null,-1),e.createElementVNode("div",{id:"wave-swell"},null,-1)]))):(f=a.loading)!=null&&f.meteogramEchart?(e.openBlock(),e.createElementBlock("div",Ge,t[8]||(t[8]=[e.createElementVNode("img",{style:{height:"200px"},src:we},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Se,"No Data"))]),a.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Fe,[(L=a.position)!=null&&L.name&&s.token&&!((S=a.loading)!=null&&S.weatherEchart)?(e.openBlock(),e.createElementBlock("div",ve)):(F=a.loading)!=null&&F.weatherEchart?(e.openBlock(),e.createElementBlock("div",Oe,t[9]||(t[9]=[e.createElementVNode("img",{style:{height:"200px"},src:we},null,-1)]))):(e.openBlock(),e.createElementBlock("div",je,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Ye,[(D=a.position)!=null&&D.name&&s.token&&!((N=a.loading)!=null&&N.hoursTable)?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",Ue,e.toDisplayString(a.pickedWeek)+" "+e.toDisplayString(E.computeMMMDDLT(a.pickedDate)),1),e.createElementVNode("table",Ve,[e.createElementVNode("tr",Xe,[t[10]||(t[10]=e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Local time"),e.createElementVNode("span",{class:"unit"},"(LT)")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.hours,(o,n)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+"local"},e.toDisplayString(E.computeHourLT(o)),3))),128))]),e.createElementVNode("tr",Re,[t[11]||(t[11]=e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("UTC"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.hours,(o,n)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+"z"},e.toDisplayString(E.computeHourZ(o)),3))),128))]),e.createElementVNode("tr",Je,[t[12]||(t[12]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Weather"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.weatherUrls,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+"url"},[e.createVNode(x,{placement:"top",effect:"light",content:a.hoursTableData.weatherNames[n],"show-after":500},{default:e.withCtx(()=>[o?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",src:o},null,8,qe)):e.createCommentVNode("",!0)]),_:2},1032,["content"])],2))),128))]),e.createElementVNode("tr",We,[t[13]||(t[13]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Temperature"),e.createElementVNode("span",{class:"unit"},"°C")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.temp,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Ze,[t[14]||(t[14]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Precipitation Probability"),e.createElementVNode("span",{class:"unit"},"%")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.precipProbability,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",_e,[t[15]||(t[15]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Precipitation 1h"),e.createElementVNode("span",{class:"unit"},"mm")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.precip1h,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",$e,[t[16]||(t[16]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Visibility"),e.createElementVNode("span",{class:"unit"},"nm")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.visibility,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",et,[t[17]||(t[17]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Relative Humidity"),e.createElementVNode("span",{class:"unit"},"%")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.humidity,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",tt,[t[18]||(t[18]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windDir,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",st,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",at,[t[19]||(t[19]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind speed"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windSpeed,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ot,[t[20]||(t[20]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind gust"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windGust,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])]),t[32]||(t[32]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",it,[e.createElementVNode("tr",At,[t[21]||(t[21]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windwaveHeight,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",nt,[t[22]||(t[22]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windwaveDir,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",rt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",lt,[t[23]||(t[23]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave period"),e.createElementVNode("span",{class:"unit"},"s")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windwavePeriod,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",gt,[t[24]||(t[24]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.swellHeight,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ht,[t[25]||(t[25]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.swellDir,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",ct,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",dt,[t[26]||(t[26]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell period"),e.createElementVNode("span",{class:"unit"},"s")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.swellPeriod,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",wt,[t[27]||(t[27]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sig wave height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.sigwaveHeight,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",mt,[t[28]||(t[28]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Current direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.currentDir,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",pt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",Bt,[t[29]||(t[29]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Current speed"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.currentSpeed,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])]),t[33]||(t[33]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",Et,[e.createElementVNode("tr",Ct,[t[30]||(t[30]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sea level height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.seaLevel,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Dt,[t[31]||(t[31]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sea surface temperature"),e.createElementVNode("span",{class:"unit"},"°C")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.seaTemp,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])])])):(z=a.loading)!=null&&z.hoursTable?(e.openBlock(),e.createElementBlock("div",ft,t[34]||(t[34]=[e.createElementVNode("img",{style:{height:"200px"},src:we},null,-1)]))):(e.openBlock(),e.createElementBlock("div",It,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===2?(e.openBlock(),e.createElementBlock("div",xt,[(H=a.position)!=null&&H.name&&s.token&&!((P=a.loading)!=null&&P.daysTable)?(e.openBlock(),e.createElementBlock("div",yt,[e.createElementVNode("table",ut,[t[44]||(t[44]=e.createElementVNode("tr",{class:"day tr-title"},[e.createElementVNode("th",{rowspan:"1",colspan:"1"}),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"text-align-left"},"Conditions"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"text-align-left"},"Precipitation"),e.createElementVNode("th",{rowspan:"1",colspan:"2",class:"text-align-left"},"Wind"),e.createElementVNode("th",{rowspan:"1",colspan:"4",class:"text-align-left"},"Wave")],-1)),t[45]||(t[45]=e.createElementVNode("tr",{class:"hour tr-title border-bottom"},[e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black",style:{"text-align":"right","padding-right":"5px","box-sizing":"border-box"}},"Date"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black",style:{width:"40px"}},"Weather"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"70px"}}),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Temperature"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Sum"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Rain"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Snowfall"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Speed_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Gust_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Wind wave_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Swell wave_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Sig.wave_max")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.daysTableData,(o,n)=>(e.openBlock(),e.createElementBlock("tr",{class:"text border-bottom",key:Math.random()+o.localDate},[e.createElementVNode("td",Qt,[e.createElementVNode("div",null,e.toDisplayString(o.localWeek),1),e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",bt,[o.weatherUrl?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",style:{width:"34px",height:"34px"},src:o.weatherUrl},null,8,kt)):e.createCommentVNode("",!0)]),e.createElementVNode("td",Nt,e.toDisplayString(o.weatherName),1),e.createElementVNode("td",Mt,[e.createTextVNode(e.toDisplayString(o.minTemp)+" / "+e.toDisplayString(o.maxTemp),1),t[35]||(t[35]=e.createElementVNode("span",{class:"unit"},"°C",-1))]),e.createElementVNode("td",Lt,[e.createTextVNode(e.toDisplayString(o.precipSum),1),t[36]||(t[36]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",zt,[e.createTextVNode(e.toDisplayString(o.precipRainSum),1),t[37]||(t[37]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",Ht,[e.createTextVNode(e.toDisplayString(o.precipSnowfallSum),1),t[38]||(t[38]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",Pt,[e.createElementVNode("span",null,e.toDisplayString(o.windSpeedMax),1),t[39]||(t[39]=e.createElementVNode("span",{class:"unit"},"kts",-1)),isNaN(o.windSpeedDir)?(e.openBlock(),e.createElementBlock("span",Tt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windSpeedDir}deg)`})},"",4))]),e.createElementVNode("td",Gt,[e.createElementVNode("span",null,e.toDisplayString(o.gustSpeedMax),1),t[40]||(t[40]=e.createElementVNode("span",{class:"unit"},"kts",-1))]),e.createElementVNode("td",St,[e.createElementVNode("span",null,e.toDisplayString(o.windWaveHeight),1),t[41]||(t[41]=e.createElementVNode("span",{class:"unit"},"m",-1)),isNaN(o.windWaveDir)?(e.openBlock(),e.createElementBlock("span",Ft,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveDir}deg)`})},"",4))]),e.createElementVNode("td",vt,[e.createElementVNode("span",null,e.toDisplayString(o.swellWaveHeight),1),t[42]||(t[42]=e.createElementVNode("span",{class:"unit"},"m",-1)),isNaN(o.swellWaveDir)?(e.openBlock(),e.createElementBlock("span",Ot,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.swellWaveDir}deg)`})},"",4))]),e.createElementVNode("td",jt,[e.createElementVNode("span",null,e.toDisplayString(o.sigWaveHeight),1),t[43]||(t[43]=e.createElementVNode("span",{class:"unit"},"m",-1)),isNaN(o.sigWaveDir)?(e.openBlock(),e.createElementBlock("span",Yt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveDir}deg)`})},"",4))])]))),128))])])):(T=a.loading)!=null&&T.daysTable?(e.openBlock(),e.createElementBlock("div",Kt,t[46]||(t[46]=[e.createElementVNode("img",{style:{height:"200px"},src:we},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Ut,"No Data"))])):e.createCommentVNode("",!0)])])}const Ee=Ie(xe,[["render",Vt],["__scopeId","data-v-469e3841"]]),Xt={install(r){r.component("SpotReport",Ee)}};oe.SpotReport=Ee,oe.SpotReportPlugin=Xt,Object.defineProperty(oe,Symbol.toStringTag,{value:"Module"})});
+                        `}},legend:{right:"4%",top:"5%",itemWidth:40,data:["Wind Speed","Wind Gusts","Swell Height","Sig.Wave Height"]},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",data:(C=this.meteogramData)==null?void 0:C.dates,axisLabel:{show:!1},axisLine:{show:!1},axisTick:{show:!0,inside:!0,lineStyle:{color:"rgba(0,0,0,0.7)"}},z:0,zlevel:0},singleAxis:[{left:(I=this.meteogramData)==null?void 0:I.offset,right:(w=this.meteogramData)==null?void 0:w.offset,type:"category",show:!1,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},boundaryGap:!1,data:($=this.meteogramData)==null?void 0:$.dates,top:"84%",height:"2%"},{left:(W=this.meteogramData)==null?void 0:W.offset,right:(Z=this.meteogramData)==null?void 0:Z.offset,type:"category",show:!1,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},boundaryGap:!1,data:(A=this.meteogramData)==null?void 0:A.dates,top:"92%",height:"2%"}],yAxis:[{type:"value",name:"Wind Speed ( kts )",show:!0,min:0,max:Math.ceil(Math.max(...[...this.meteogramData.windGusts,...this.meteogramData.windspeed].filter(l=>typeof l=="number"&&!isNaN(l)))/5)*5,interval:Math.ceil(Math.max(...[...this.meteogramData.windGusts,...this.meteogramData.windspeed].filter(l=>typeof l=="number"&&!isNaN(l)))/5),splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0},{position:"right",type:"value",name:"Sig.Wave & Swell ( m )",min:0,max:Math.ceil(Math.max(...[...this.meteogramData.sigWaveHeight,...this.meteogramData.swellHeight].filter(l=>typeof l=="number"&&!isNaN(l)))/5)*5,interval:Math.ceil(Math.max(...[...this.meteogramData.sigWaveHeight,...this.meteogramData.swellHeight].filter(l=>typeof l=="number"&&!isNaN(l)))/5),splitNumber:5,show:!0,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0}],series:[{name:"Wind Speed",type:"line",yAxisIndex:0,data:(Ae=this.meteogramData)==null?void 0:Ae.windspeed,symbol:"none",smooth:!1,itemStyle:{color:"#60c43e"},markArea:{itemStyle:{color:"rgba(239,239,239,0.6)"},data:(ne=this.meteogramData)==null?void 0:ne.markarea,emphasis:{disabled:!0},z:-1,zlevel:-1}},{name:"Wind Direction",type:"custom",yAxisIndex:0,renderItem:(l,J)=>{var q,ae;const se=l.dataIndex,_=J.coord([J.value(0),J.value(1)]);return((ae=(q=this.meteogramData)==null?void 0:q.windDir)==null?void 0:ae[se])>=0?{type:"image",position:_,style:{image:this.meteogramData.windDirIcons[se],x:-12/2,y:6,width:12,height:12}}:!1},data:(re=this.meteogramData)==null?void 0:re.windspeed,z:10},{name:"Wind Gusts",type:"line",yAxisIndex:0,data:(B=this.meteogramData)==null?void 0:B.windGusts,symbol:"none",smooth:!1,itemStyle:{color:"#4ba229"},lineStyle:{color:"#4ba229",type:"dashed"},label:{show:!1}},{name:"Swell Height",type:"line",yAxisIndex:1,data:(ee=this.meteogramData)==null?void 0:ee.swellHeight,symbol:"none",smooth:!1,itemStyle:{color:"#21baa3"},label:{show:!1}},{name:"Sig.Wave Height",type:"line",yAxisIndex:1,data:(g=this.meteogramData)==null?void 0:g.sigWaveHeight,symbol:"none",smooth:!1,itemStyle:{color:"#02897a"},label:{show:!1}},{name:"Hours",singleAxisIndex:0,coordinateSystem:"singleAxis",type:"scatter",data:(X=this.meteogramData)==null?void 0:X.hours,itemStyle:{color:"#fff"},label:{show:!0,fontSize:10,formatter:"{c}"},symbolSize:0},{name:"Dates",singleAxisIndex:1,coordinateSystem:"singleAxis",type:"scatter",data:(R=this.meteogramData)==null?void 0:R.xDates,itemStyle:{color:"#fff"},label:{show:!0,fontSize:13,formatter:"{c}"},symbolSize:0}]};y.setOption(u)},disposeEcharts(){document.getElementById("weather-chart")&&he.dispose(document.getElementById("weather-chart")),document.getElementById("weather-icons")&&he.dispose(document.getElementById("weather-icons")),document.getElementById("weather-condition")&&he.dispose(document.getElementById("weather-condition")),document.getElementById("wave-swell")&&he.dispose(document.getElementById("wave-swell"))},initHoursTableData(){var r,t,s,i,a,E,b,k,x,y,u,Q,G,f,L,S,F,D,N,z,H,P,T,o,n,v,O,j,Y,K,U,V,h,M;this.hoursTableData={hours:[],utcHours:[],weatherUrls:[],weatherNames:[],temp:[],precipProbability:[],precip1h:[],visibility:[],humidity:[],windSpeed:[],windDir:[],windGust:[],sigwaveHeight:[],sigwaveDir:[],windwaveHeight:[],windwaveDir:[],windwavePeriod:[],swellHeight:[],swellDir:[],swellPeriod:[],currentSpeed:[],currentDir:[],seaLevel:[],seaTemp:[]};for(let C=0;C<24;C++){const I=te(this.pickedDate).clone().add(C,"h").format();this.hoursTableData.hours.push(I);const w=((r=de.pickHourly(this.meteoData,I))==null?void 0:r[0])||{};this.hoursTableData.weatherUrls.push((t=w.weather)==null?void 0:t.url),this.hoursTableData.weatherNames.push(((s=w.weather)==null?void 0:s.name)??"-"),this.hoursTableData.temp.push(this.roundPrecision((i=w.weather)==null?void 0:i.temp,0)??"-"),this.hoursTableData.precipProbability.push(this.roundPrecision((E=(a=w.weather)==null?void 0:a.precip)==null?void 0:E.probability,0)??"-"),this.hoursTableData.precip1h.push(this.roundPrecision((k=(b=w.weather)==null?void 0:b.precip)==null?void 0:k.sum,0)??"-"),this.hoursTableData.visibility.push(this.roundPrecision((x=w.weather)==null?void 0:x.visibility,0)??"-"),this.hoursTableData.humidity.push(this.roundPrecision((y=w.weather)==null?void 0:y.rh,0)??"-"),this.hoursTableData.windSpeed.push(this.roundPrecision((Q=(u=w.weather)==null?void 0:u.wind)==null?void 0:Q.kts,1)),this.hoursTableData.windDir.push((f=(G=w.weather)==null?void 0:G.wind)==null?void 0:f.bearing),this.hoursTableData.windGust.push(this.roundPrecision((S=(L=w.weather)==null?void 0:L.wind)==null?void 0:S.gusts,1)??"-"),this.hoursTableData.sigwaveHeight.push(this.roundPrecision((D=(F=w.wave)==null?void 0:F.sig)==null?void 0:D.height,1)??"-"),this.hoursTableData.sigwaveDir.push((z=(N=w.wave)==null?void 0:N.sig)==null?void 0:z.bearing),this.hoursTableData.windwaveHeight.push(this.roundPrecision((P=(H=w.wave)==null?void 0:H.wd)==null?void 0:P.height,1)??"-"),this.hoursTableData.windwaveDir.push((o=(T=w.wave)==null?void 0:T.wd)==null?void 0:o.bearing),this.hoursTableData.windwavePeriod.push(this.roundPrecision((v=(n=w.wave)==null?void 0:n.wd)==null?void 0:v.period,1)??"-"),this.hoursTableData.swellHeight.push(this.roundPrecision((j=(O=w.wave)==null?void 0:O.swell)==null?void 0:j.height,1)??"-"),this.hoursTableData.swellDir.push((K=(Y=w.wave)==null?void 0:Y.swell)==null?void 0:K.bearing),this.hoursTableData.swellPeriod.push(this.roundPrecision((V=(U=w.wave)==null?void 0:U.swell)==null?void 0:V.period,1)??"-"),this.hoursTableData.currentSpeed.push(this.roundPrecision((h=w.current)==null?void 0:h.speed,1)??"-"),this.hoursTableData.currentDir.push((M=w.current)==null?void 0:M.bearing),this.hoursTableData.seaLevel.push(this.roundPrecision(w.height,1)??"-"),this.hoursTableData.seaTemp.push(this.roundPrecision(w.sst,0)??"-")}this.loading.hoursTable=!1},handleClearHoursTable(){this.position={},this.meteoData={},this.isCollected=!1,he&&document.getElementById("weather-chart")&&he.dispose(document.getElementById("weather-chart"))},initDaysTableData(){var t,s,i,a,E,b,k,x,y,u,Q,G,f,L,S,F,D,N,z,H,P,T,o,n,v,O,j,Y,K,U,V,h,M,C,I,w,$;this.daysTableData=[];const r=te().startOf("day");for(let W=0;W<14;W++){const Z=r.clone().add(W,"d").format(),A=((t=de.pickDaily(this.meteoData,Z))==null?void 0:t[0])||{};console.log(A),this.daysTableData.push({localWeek:this.computeWeekLT(Z),localDate:this.computeMMMDDLT(Z),weatherUrl:(s=A==null?void 0:A.weather)==null?void 0:s.url,minTemp:this.roundPrecision((a=(i=A==null?void 0:A.weather)==null?void 0:i.temp)==null?void 0:a.min,0)??"-",maxTemp:this.roundPrecision((b=(E=A==null?void 0:A.weather)==null?void 0:E.temp)==null?void 0:b.max,0)??"-",weatherName:(k=A==null?void 0:A.weather)==null?void 0:k.name,precipSum:this.roundPrecision((y=(x=A==null?void 0:A.weather)==null?void 0:x.precip)==null?void 0:y.sum,0)??"-",precipRainSum:this.roundPrecision((Q=(u=A==null?void 0:A.weather)==null?void 0:u.precip)==null?void 0:Q.rainSum,0)??"-",precipSnowfallSum:this.roundPrecision((f=(G=A==null?void 0:A.weather)==null?void 0:G.precip)==null?void 0:f.snowfallSum,0)??"-",windSpeedMax:this.roundPrecision((S=(L=A==null?void 0:A.weather)==null?void 0:L.wind)==null?void 0:S.kts,1)??"-",windSpeedDir:(D=(F=A==null?void 0:A.weather)==null?void 0:F.wind)==null?void 0:D.bearing,gustSpeedMax:this.roundPrecision((z=(N=A==null?void 0:A.weather)==null?void 0:N.wind)==null?void 0:z.gusts,1)??"-",windWaveHeight:this.roundPrecision((P=(H=A==null?void 0:A.wave)==null?void 0:H.wd)==null?void 0:P.height,1)??"-",windWavePeriod:this.roundPrecision((o=(T=A==null?void 0:A.wave)==null?void 0:T.wd)==null?void 0:o.period,1)??"-",windWaveDir:(v=(n=A==null?void 0:A.wave)==null?void 0:n.wd)==null?void 0:v.bearing,swellWaveHeight:this.roundPrecision((j=(O=A==null?void 0:A.wave)==null?void 0:O.swell)==null?void 0:j.height,1)??"-",swellWavePeriod:this.roundPrecision((K=(Y=A==null?void 0:A.wave)==null?void 0:Y.swell)==null?void 0:K.period,1)??"-",swellWaveDir:(V=(U=A==null?void 0:A.wave)==null?void 0:U.swell)==null?void 0:V.bearing,sigWaveHeight:this.roundPrecision((M=(h=A==null?void 0:A.wave)==null?void 0:h.sig)==null?void 0:M.height,1)??"-",sigWavePeriod:this.roundPrecision((I=(C=A==null?void 0:A.wave)==null?void 0:C.sig)==null?void 0:I.period,1)??"-",sigWaveDir:($=(w=A==null?void 0:A.wave)==null?void 0:w.sig)==null?void 0:$.bearing})}this.loading.daysTable=!1}}},ye={class:"spot-report"},ue={class:"search-header-box"},Qe={class:"search-header-box-inner flex-between"},be={class:"search-box flex-start"},ke={class:"menu-box flex-end"},Ne={class:"content-box"},Me={class:"title-section flex-between"},Le={class:"main-title"},ze={class:"sub-title"},He={class:"flex-end"},Pe={class:"meteogram-section"},Te={key:0,class:"card"},Ge={key:1,class:"card flex-center"},Se={key:2,class:"card flex-center"},Fe={key:0,class:"weather-echart-section"},ve={key:0,id:"weather-chart",class:"weather-chart"},Oe={key:1,class:"weather-chart weather-chart-loading flex-center"},je={key:2,class:"weather-chart flex-center"},Ye={key:1,class:"hours-table-section",style:{border:"1px solid var(--idm-gray-light)"}},Ke={key:0,class:"card"},Ue={class:"date"},Ve={class:"basic-table"},Xe={class:"day"},Re={class:"hour"},Je={class:"icon"},qe=["src"],We={class:"text"},Ze={class:"text"},_e={class:"text"},$e={class:"text"},et={class:"text"},tt={class:"text"},st={key:1},at={class:"text"},ot={class:"text"},it={class:"wave-current-table"},At={class:"text"},nt={class:"text"},rt={key:1},lt={class:"text"},gt={class:"text"},ht={class:"text"},ct={key:1},dt={class:"text"},wt={class:"text"},mt={class:"text"},pt={key:1},Bt={class:"text"},Et={class:"sea-table"},Ct={class:"text"},Dt={class:"text"},ft={key:1,class:"card card-loading flex-center"},It={key:2,class:"card flex-center"},xt={key:2,class:"days-table-section"},yt={key:0,class:"card"},ut={class:"conditions-table"},Qt={rowspan:"1",colspan:"1",class:"tr-title font-gray",style:{"text-align":"right","padding-right":"5px","box-sizing":"border-box"}},bt={rowspan:"1",colspan:"1"},kt=["src"],Nt={rowspan:"1",colspan:"1",class:"text-align-left"},Mt={rowspan:"1",colspan:"1",class:"text-align-left"},Lt={rowspan:"1",colspan:"1",class:"text-align-left"},zt={rowspan:"1",colspan:"1",class:"text-align-left"},Ht={rowspan:"1",colspan:"1",class:"text-align-left"},Pt={rowspan:"1",colspan:"1",class:"text-align-left"},Tt={key:1},Gt={rowspan:"1",colspan:"1",class:"text-align-left"},St={rowspan:"1",colspan:"1",class:"text-align-left"},Ft={key:1},vt={rowspan:"1",colspan:"1",class:"text-align-left"},Ot={key:1},jt={rowspan:"1",colspan:"1",class:"text-align-left"},Yt={key:1},Kt={key:1,class:"card card-loading flex-center"},Ut={key:2,class:"card flex-center"};function Vt(r,t,s,i,a,E){var y,u,Q,G,f,L,S,F,D,N,z,H,P,T;const b=e.resolveComponent("ElOption"),k=e.resolveComponent("ElSelect"),x=e.resolveComponent("ElTooltip");return e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",ue,[e.createElementVNode("div",Qe,[e.createElementVNode("div",be,[e.createVNode(k,{modelValue:a.searchName,"onUpdate:modelValue":t[0]||(t[0]=o=>a.searchName=o),filterable:"",class:"input",clearable:"",remote:"",placeholder:a.placeholder,autocomplete:"","remote-show-suffix":"",onFocus:t[1]||(t[1]=o=>a.placeholder=""),onBlur:t[2]||(t[2]=o=>a.placeholder="search for port name or coordinates"),"remote-method":E.fetchSuggestPosition,onChange:E.handleSearch},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.positionList,o=>(e.openBlock(),e.createBlock(b,{key:o.name,label:o.name,value:o.name},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","remote-method","onChange"])]),e.createElementVNode("div",ke,[e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",a.menuIndex===1?"active":""]),onClick:t[3]||(t[3]=o=>a.menuIndex=1)},"7-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",a.menuIndex===2?"active":""]),onClick:t[4]||(t[4]=o=>a.menuIndex=2)},"14-Day Forecast",2)])])]),e.createElementVNode("div",Ne,[e.createElementVNode("div",Me,[e.createElementVNode("div",null,[e.createElementVNode("div",Le,"Weather forecast for "+e.toDisplayString(((y=a.position)==null?void 0:y.name)||"-")+" ( UTC"+e.toDisplayString(a.positionOffset)+" )",1),e.createElementVNode("div",ze,"At "+e.toDisplayString((u=a.position)!=null&&u.portId?"port":"coordinates")+", issued "+e.toDisplayString(a.issuedDate),1)]),e.createElementVNode("div",He,[e.createVNode(x,{placement:"left",effect:"light",content:a.isCollected?"remove the port/coordinate from the search list":"add the port/coordinate to the search list","show-after":1e3},{default:e.withCtx(()=>[a.isCollected?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon active",onClick:t[5]||(t[5]=(...o)=>E.handleCollect&&E.handleCollect(...o))},"")):(e.openBlock(),e.createElementBlock("span",{key:1,class:"iconfont icon",onClick:t[6]||(t[6]=(...o)=>E.handleCollect&&E.handleCollect(...o))},""))]),_:1},8,["content"])])]),e.createElementVNode("div",Pe,[(Q=a.position)!=null&&Q.name&&s.token&&!((G=a.loading)!=null&&G.meteogramEchart)?(e.openBlock(),e.createElementBlock("div",Te,t[7]||(t[7]=[e.createElementVNode("div",{class:"title"},"Meteogram",-1),e.createElementVNode("div",{id:"weather-icons"},null,-1),e.createElementVNode("div",{id:"weather-condition"},null,-1),e.createElementVNode("div",{id:"wave-swell"},null,-1)]))):(f=a.loading)!=null&&f.meteogramEchart?(e.openBlock(),e.createElementBlock("div",Ge,t[8]||(t[8]=[e.createElementVNode("img",{style:{height:"200px"},src:we},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Se,"No Data"))]),a.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Fe,[(L=a.position)!=null&&L.name&&s.token&&!((S=a.loading)!=null&&S.weatherEchart)?(e.openBlock(),e.createElementBlock("div",ve)):(F=a.loading)!=null&&F.weatherEchart?(e.openBlock(),e.createElementBlock("div",Oe,t[9]||(t[9]=[e.createElementVNode("img",{style:{height:"200px"},src:we},null,-1)]))):(e.openBlock(),e.createElementBlock("div",je,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Ye,[(D=a.position)!=null&&D.name&&s.token&&!((N=a.loading)!=null&&N.hoursTable)?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",Ue,e.toDisplayString(a.pickedWeek)+" "+e.toDisplayString(E.computeMMMDDLT(a.pickedDate)),1),e.createElementVNode("table",Ve,[e.createElementVNode("tr",Xe,[t[10]||(t[10]=e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Local time"),e.createElementVNode("span",{class:"unit"},"(LT)")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.hours,(o,n)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+"local"},e.toDisplayString(E.computeHourLT(o)),3))),128))]),e.createElementVNode("tr",Re,[t[11]||(t[11]=e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("UTC"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.hours,(o,n)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+"z"},e.toDisplayString(E.computeHourZ(o)),3))),128))]),e.createElementVNode("tr",Je,[t[12]||(t[12]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Weather"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.weatherUrls,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+"url"},[e.createVNode(x,{placement:"top",effect:"light",content:a.hoursTableData.weatherNames[n],"show-after":500},{default:e.withCtx(()=>[o?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",src:o},null,8,qe)):e.createCommentVNode("",!0)]),_:2},1032,["content"])],2))),128))]),e.createElementVNode("tr",We,[t[13]||(t[13]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Temperature"),e.createElementVNode("span",{class:"unit"},"°C")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.temp,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Ze,[t[14]||(t[14]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Precipitation Probability"),e.createElementVNode("span",{class:"unit"},"%")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.precipProbability,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",_e,[t[15]||(t[15]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Precipitation 1h"),e.createElementVNode("span",{class:"unit"},"mm")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.precip1h,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",$e,[t[16]||(t[16]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Visibility"),e.createElementVNode("span",{class:"unit"},"nm")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.visibility,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",et,[t[17]||(t[17]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Relative Humidity"),e.createElementVNode("span",{class:"unit"},"%")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.humidity,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",tt,[t[18]||(t[18]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windDir,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",st,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",at,[t[19]||(t[19]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind speed"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windSpeed,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ot,[t[20]||(t[20]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind gust"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windGust,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])]),t[32]||(t[32]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",it,[e.createElementVNode("tr",At,[t[21]||(t[21]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windwaveHeight,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",nt,[t[22]||(t[22]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windwaveDir,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",rt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",lt,[t[23]||(t[23]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Wind wave period"),e.createElementVNode("span",{class:"unit"},"s")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.windwavePeriod,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",gt,[t[24]||(t[24]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.swellHeight,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ht,[t[25]||(t[25]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.swellDir,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",ct,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",dt,[t[26]||(t[26]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Swell period"),e.createElementVNode("span",{class:"unit"},"s")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.swellPeriod,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",wt,[t[27]||(t[27]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sig wave height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.sigwaveHeight,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",mt,[t[28]||(t[28]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Current direction"),e.createElementVNode("span",{class:"unit"})],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.currentDir,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",pt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o}deg)`})},"",4))],2))),128))]),e.createElementVNode("tr",Bt,[t[29]||(t[29]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Current speed"),e.createElementVNode("span",{class:"unit"},"kts")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.currentSpeed,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])]),t[33]||(t[33]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",Et,[e.createElementVNode("tr",Ct,[t[30]||(t[30]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sea level height"),e.createElementVNode("span",{class:"unit"},"m")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.seaLevel,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Dt,[t[31]||(t[31]=e.createElementVNode("td",{rowspan:"1",colspan:"1",class:"td-title"},[e.createTextVNode("Sea surface temperature"),e.createElementVNode("span",{class:"unit"},"°C")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hoursTableData.seaTemp,(o,n)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===n?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])])])):(z=a.loading)!=null&&z.hoursTable?(e.openBlock(),e.createElementBlock("div",ft,t[34]||(t[34]=[e.createElementVNode("img",{style:{height:"200px"},src:we},null,-1)]))):(e.openBlock(),e.createElementBlock("div",It,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===2?(e.openBlock(),e.createElementBlock("div",xt,[(H=a.position)!=null&&H.name&&s.token&&!((P=a.loading)!=null&&P.daysTable)?(e.openBlock(),e.createElementBlock("div",yt,[e.createElementVNode("table",ut,[t[44]||(t[44]=e.createElementVNode("tr",{class:"day tr-title"},[e.createElementVNode("th",{rowspan:"1",colspan:"1"}),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"text-align-left"},"Conditions"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"text-align-left"},"Precipitation"),e.createElementVNode("th",{rowspan:"1",colspan:"2",class:"text-align-left"},"Wind"),e.createElementVNode("th",{rowspan:"1",colspan:"4",class:"text-align-left"},"Wave")],-1)),t[45]||(t[45]=e.createElementVNode("tr",{class:"hour tr-title border-bottom"},[e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black",style:{"text-align":"right","padding-right":"5px","box-sizing":"border-box"}},"Date"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black",style:{width:"40px"}},"Weather"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"70px"}}),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Temperature"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Sum"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Rain"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Snowfall"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Speed_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left"},"Gust_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Wind wave_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Swell wave_max"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",style:{width:"75px"}},"Sig.wave_max")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.daysTableData,(o,n)=>(e.openBlock(),e.createElementBlock("tr",{class:"text border-bottom",key:Math.random()+o.localDate},[e.createElementVNode("td",Qt,[e.createElementVNode("div",null,e.toDisplayString(o.localWeek),1),e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",bt,[o.weatherUrl?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",style:{width:"34px",height:"34px"},src:o.weatherUrl},null,8,kt)):e.createCommentVNode("",!0)]),e.createElementVNode("td",Nt,e.toDisplayString(o.weatherName),1),e.createElementVNode("td",Mt,[e.createTextVNode(e.toDisplayString(o.minTemp)+" / "+e.toDisplayString(o.maxTemp),1),t[35]||(t[35]=e.createElementVNode("span",{class:"unit"},"°C",-1))]),e.createElementVNode("td",Lt,[e.createTextVNode(e.toDisplayString(o.precipSum),1),t[36]||(t[36]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",zt,[e.createTextVNode(e.toDisplayString(o.precipRainSum),1),t[37]||(t[37]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",Ht,[e.createTextVNode(e.toDisplayString(o.precipSnowfallSum),1),t[38]||(t[38]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",Pt,[e.createElementVNode("span",null,e.toDisplayString(o.windSpeedMax),1),t[39]||(t[39]=e.createElementVNode("span",{class:"unit"},"kts",-1)),isNaN(o.windSpeedDir)?(e.openBlock(),e.createElementBlock("span",Tt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windSpeedDir}deg)`})},"",4))]),e.createElementVNode("td",Gt,[e.createElementVNode("span",null,e.toDisplayString(o.gustSpeedMax),1),t[40]||(t[40]=e.createElementVNode("span",{class:"unit"},"kts",-1))]),e.createElementVNode("td",St,[e.createElementVNode("span",null,e.toDisplayString(o.windWaveHeight),1),t[41]||(t[41]=e.createElementVNode("span",{class:"unit"},"m",-1)),isNaN(o.windWaveDir)?(e.openBlock(),e.createElementBlock("span",Ft,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveDir}deg)`})},"",4))]),e.createElementVNode("td",vt,[e.createElementVNode("span",null,e.toDisplayString(o.swellWaveHeight),1),t[42]||(t[42]=e.createElementVNode("span",{class:"unit"},"m",-1)),isNaN(o.swellWaveDir)?(e.openBlock(),e.createElementBlock("span",Ot,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.swellWaveDir}deg)`})},"",4))]),e.createElementVNode("td",jt,[e.createElementVNode("span",null,e.toDisplayString(o.sigWaveHeight),1),t[43]||(t[43]=e.createElementVNode("span",{class:"unit"},"m",-1)),isNaN(o.sigWaveDir)?(e.openBlock(),e.createElementBlock("span",Yt,"-")):(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveDir}deg)`})},"",4))])]))),128))])])):(T=a.loading)!=null&&T.daysTable?(e.openBlock(),e.createElementBlock("div",Kt,t[46]||(t[46]=[e.createElementVNode("img",{style:{height:"200px"},src:we},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Ut,"No Data"))])):e.createCommentVNode("",!0)])])}const Ee=Ie(xe,[["render",Vt],["__scopeId","data-v-66c93f9c"]]),Xt={install(r){r.component("SpotReport",Ee)}};oe.SpotReport=Ee,oe.SpotReportPlugin=Xt,Object.defineProperty(oe,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-@page{size:1200px;margin:20px auto 40px}.spot-report[data-v-469e3841]{margin:0 auto;padding:0;display:flex;flex-direction:column;color:var(--idm-black-8);font-size:14px;box-sizing:border-box}.spot-report .search-header-box[data-v-469e3841]{background:#fff}.spot-report .search-header-box .search-header-box-inner[data-v-469e3841]{width:1160px;height:48px;margin:0 auto;box-sizing:border-box}.spot-report .search-header-box .search-header-box-inner .search-box .input[data-v-469e3841]{width:300px}.spot-report .search-header-box .search-header-box-inner .search-box .info[data-v-469e3841]{margin:0 10px;color:var(--idm-info-color);font-size:12px}.spot-report .search-header-box .search-header-box-inner .menu-box[data-v-469e3841]{height:100%}.spot-report .search-header-box .search-header-box-inner .menu-box .item[data-v-469e3841]{height:100%;padding:0 10px;cursor:pointer}.spot-report .search-header-box .search-header-box-inner .menu-box .item.active[data-v-469e3841]{font-weight:700;color:var(--idm-primary-color);background:var(--idm-gray-light2)}.spot-report .content-box[data-v-469e3841]{flex:1;width:1160px;margin:0 auto;padding:5px 0;box-sizing:border-box}.spot-report .content-box .title-section .main-title[data-v-469e3841]{font-size:16px;font-weight:700}.spot-report .content-box .title-section .sub-title[data-v-469e3841]{font-size:13px;padding:2px 0}.spot-report .content-box .title-section .icon[data-v-469e3841]{cursor:pointer;margin-left:10px;font-size:16px}.spot-report .content-box .title-section .icon[data-v-469e3841]:hover{color:var(--idm-primary-color)}.spot-report .content-box .title-section .icon.active[data-v-469e3841]{color:var(--idm-warning-color)}.spot-report .content-box .weather-echart-section[data-v-469e3841]{height:225px;width:100%;margin:5px 0 15px;box-sizing:border-box;background:var(--idm-white)}.spot-report .content-box .weather-echart-section .weather-chart[data-v-469e3841]{height:100%;width:100%;font-size:14px;border:1px solid var(--idm-gray-light);border-radius:5px;box-sizing:border-box}.spot-report .content-box .weather-echart-section .weather-chart.weather-chart-loading[data-v-469e3841]{background:none}.spot-report .content-box .meteogram-section[data-v-469e3841]{height:480px;box-sizing:border-box;margin:5px 0 15px;background:var(--idm-white)}.spot-report .content-box .meteogram-section .card[data-v-469e3841]{height:100%}.spot-report .content-box .meteogram-section .title[data-v-469e3841]{font-weight:700;height:30px;line-height:30px;padding:0 10px;background:var(--idm-white)}.spot-report .content-box .meteogram-section #weather-icons[data-v-469e3841]{position:relative;height:30px;width:100%;top:40px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-section #weather-condition[data-v-469e3841]{height:230px;width:100%;margin-top:-30px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-section #wave-swell[data-v-469e3841]{height:200px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .hours-table-section[data-v-469e3841],.spot-report .content-box .days-table-section[data-v-469e3841]{margin:5px 0 10px;border-radius:4px;font-size:14px;color:var(--idm-black-8)}.spot-report .content-box .hours-table-section .card[data-v-469e3841],.spot-report .content-box .days-table-section .card[data-v-469e3841]{min-height:400px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card.card-loading[data-v-469e3841],.spot-report .content-box .days-table-section .card.card-loading[data-v-469e3841]{background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .date[data-v-469e3841],.spot-report .content-box .days-table-section .card .date[data-v-469e3841]{font-weight:700;height:30px;line-height:30px;padding:0 10px;background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .basic-table[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table[data-v-469e3841]{width:100%;line-height:26px;font-size:12px;padding:5px;background:#fff;border-collapse:collapse;border:1px solid var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .tr-title[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table .tr-title[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table .tr-title[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table .tr-title[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table .tr-title[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table .tr-title[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table .tr-title[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table .tr-title[data-v-469e3841]{text-align:center;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .td-title[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table .td-title[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table .td-title[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table .td-title[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table .td-title[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table .td-title[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table .td-title[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table .td-title[data-v-469e3841]{width:180px;padding-right:10px;text-align:right!important;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .unit[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table .unit[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table .unit[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table .unit[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table .unit[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table .unit[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table .unit[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table .unit[data-v-469e3841]{width:24px;padding:0 5px;text-align:left;display:inline-block;color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .text-align-left[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-left[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table .text-align-left[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-left[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table .text-align-left[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-left[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table .text-align-left[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table .text-align-left[data-v-469e3841]{text-align:left}.spot-report .content-box .hours-table-section .card .basic-table .font-gray[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table .font-gray[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table .font-gray[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table .font-gray[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table .font-gray[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table .font-gray[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table .font-gray[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table .font-gray[data-v-469e3841]{color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .font-black[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table .font-black[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table .font-black[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table .font-black[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table .font-black[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table .font-black[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table .font-black[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table .font-black[data-v-469e3841]{color:var(--idm-black-6)!important;font-weight:700}.spot-report .content-box .hours-table-section .card .basic-table .border-bottom[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table .border-bottom[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table .border-bottom[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table .border-bottom[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table .border-bottom[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table .border-bottom[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table .border-bottom[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table .border-bottom[data-v-469e3841]{border-bottom:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table td[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table td[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table td[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table td[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table td[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table td[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table td[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table td[data-v-469e3841]{text-align:center;line-height:20px;width:40px;background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .basic-table td.active[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table td.active[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table td.active[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table td.active[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table td.active[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table td.active[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table td.active[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table td.active[data-v-469e3841]{background:rgba(64,159,255,.25)}.spot-report .content-box .hours-table-section .card .basic-table th[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table th[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table th[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table th[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table th[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table th[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table th[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table th[data-v-469e3841]{color:var(--idm-info-color);font-weight:400;text-align:center;line-height:20px;width:40px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .weather-icon[data-v-469e3841],.spot-report .content-box .hours-table-section .card .wave-current-table .weather-icon[data-v-469e3841],.spot-report .content-box .hours-table-section .card .sea-table .weather-icon[data-v-469e3841],.spot-report .content-box .hours-table-section .card .conditions-table .weather-icon[data-v-469e3841],.spot-report .content-box .days-table-section .card .basic-table .weather-icon[data-v-469e3841],.spot-report .content-box .days-table-section .card .wave-current-table .weather-icon[data-v-469e3841],.spot-report .content-box .days-table-section .card .sea-table .weather-icon[data-v-469e3841],.spot-report .content-box .days-table-section .card .conditions-table .weather-icon[data-v-469e3841]{width:24px;height:24px;cursor:pointer}
+@page{size:1200px;margin:20px auto 40px}.spot-report[data-v-66c93f9c]{margin:0 auto;padding:0;display:flex;flex-direction:column;color:var(--idm-black-8);font-size:14px;box-sizing:border-box}.spot-report .search-header-box[data-v-66c93f9c]{background:#fff}.spot-report .search-header-box .search-header-box-inner[data-v-66c93f9c]{width:1160px;height:48px;margin:0 auto;box-sizing:border-box}.spot-report .search-header-box .search-header-box-inner .search-box .input[data-v-66c93f9c]{width:300px}.spot-report .search-header-box .search-header-box-inner .search-box .info[data-v-66c93f9c]{margin:0 10px;color:var(--idm-info-color);font-size:12px}.spot-report .search-header-box .search-header-box-inner .menu-box[data-v-66c93f9c]{height:100%}.spot-report .search-header-box .search-header-box-inner .menu-box .item[data-v-66c93f9c]{height:100%;padding:0 10px;cursor:pointer}.spot-report .search-header-box .search-header-box-inner .menu-box .item.active[data-v-66c93f9c]{font-weight:700;color:var(--idm-primary-color);background:var(--idm-gray-light2)}.spot-report .content-box[data-v-66c93f9c]{flex:1;width:1160px;margin:0 auto;padding:5px 0;box-sizing:border-box}.spot-report .content-box .title-section .main-title[data-v-66c93f9c]{font-size:16px;font-weight:700}.spot-report .content-box .title-section .sub-title[data-v-66c93f9c]{font-size:13px;padding:2px 0}.spot-report .content-box .title-section .icon[data-v-66c93f9c]{cursor:pointer;margin-left:10px;font-size:16px}.spot-report .content-box .title-section .icon[data-v-66c93f9c]:hover{color:var(--idm-primary-color)}.spot-report .content-box .title-section .icon.active[data-v-66c93f9c]{color:var(--idm-warning-color)}.spot-report .content-box .weather-echart-section[data-v-66c93f9c]{height:225px;width:100%;margin:5px 0 15px;box-sizing:border-box;background:var(--idm-white)}.spot-report .content-box .weather-echart-section .weather-chart[data-v-66c93f9c]{height:100%;width:100%;font-size:14px;border:1px solid var(--idm-gray-light);border-radius:5px;box-sizing:border-box}.spot-report .content-box .weather-echart-section .weather-chart.weather-chart-loading[data-v-66c93f9c]{background:none}.spot-report .content-box .meteogram-section[data-v-66c93f9c]{height:480px;box-sizing:border-box;margin:5px 0 15px;background:var(--idm-white)}.spot-report .content-box .meteogram-section .card[data-v-66c93f9c]{height:100%}.spot-report .content-box .meteogram-section .title[data-v-66c93f9c]{font-weight:700;height:30px;line-height:30px;padding:0 10px;background:var(--idm-white)}.spot-report .content-box .meteogram-section #weather-icons[data-v-66c93f9c]{position:relative;height:30px;width:100%;top:40px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-section #weather-condition[data-v-66c93f9c]{height:230px;width:100%;margin-top:-30px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-section #wave-swell[data-v-66c93f9c]{height:200px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .hours-table-section[data-v-66c93f9c],.spot-report .content-box .days-table-section[data-v-66c93f9c]{margin:5px 0 10px;border-radius:4px;font-size:14px;color:var(--idm-black-8)}.spot-report .content-box .hours-table-section .card[data-v-66c93f9c],.spot-report .content-box .days-table-section .card[data-v-66c93f9c]{min-height:400px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card.card-loading[data-v-66c93f9c],.spot-report .content-box .days-table-section .card.card-loading[data-v-66c93f9c]{background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .date[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .date[data-v-66c93f9c]{font-weight:700;height:30px;line-height:30px;padding:0 10px;background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .basic-table[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table[data-v-66c93f9c]{width:100%;line-height:26px;font-size:12px;padding:5px;background:#fff;border-collapse:collapse;border:1px solid var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .tr-title[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table .tr-title[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table .tr-title[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table .tr-title[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table .tr-title[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table .tr-title[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table .tr-title[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table .tr-title[data-v-66c93f9c]{text-align:center;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .td-title[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table .td-title[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table .td-title[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table .td-title[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table .td-title[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table .td-title[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table .td-title[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table .td-title[data-v-66c93f9c]{width:180px;padding-right:10px;text-align:right!important;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .unit[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table .unit[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table .unit[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table .unit[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table .unit[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table .unit[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table .unit[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table .unit[data-v-66c93f9c]{width:24px;padding:0 5px;text-align:left;display:inline-block;color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .text-align-left[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-left[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table .text-align-left[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-left[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table .text-align-left[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-left[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table .text-align-left[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table .text-align-left[data-v-66c93f9c]{text-align:left}.spot-report .content-box .hours-table-section .card .basic-table .font-gray[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table .font-gray[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table .font-gray[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table .font-gray[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table .font-gray[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table .font-gray[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table .font-gray[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table .font-gray[data-v-66c93f9c]{color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .font-black[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table .font-black[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table .font-black[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table .font-black[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table .font-black[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table .font-black[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table .font-black[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table .font-black[data-v-66c93f9c]{color:var(--idm-black-6)!important;font-weight:700}.spot-report .content-box .hours-table-section .card .basic-table .border-bottom[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table .border-bottom[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table .border-bottom[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table .border-bottom[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table .border-bottom[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table .border-bottom[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table .border-bottom[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table .border-bottom[data-v-66c93f9c]{border-bottom:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table td[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table td[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table td[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table td[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table td[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table td[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table td[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table td[data-v-66c93f9c]{text-align:center;line-height:20px;width:40px;background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .basic-table td.active[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table td.active[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table td.active[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table td.active[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table td.active[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table td.active[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table td.active[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table td.active[data-v-66c93f9c]{background:rgba(64,159,255,.25)}.spot-report .content-box .hours-table-section .card .basic-table th[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table th[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table th[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table th[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table th[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table th[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table th[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table th[data-v-66c93f9c]{color:var(--idm-info-color);font-weight:400;text-align:center;line-height:20px;width:40px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .weather-icon[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .wave-current-table .weather-icon[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .sea-table .weather-icon[data-v-66c93f9c],.spot-report .content-box .hours-table-section .card .conditions-table .weather-icon[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .basic-table .weather-icon[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .wave-current-table .weather-icon[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .sea-table .weather-icon[data-v-66c93f9c],.spot-report .content-box .days-table-section .card .conditions-table .weather-icon[data-v-66c93f9c]{width:24px;height:24px;cursor:pointer}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@idmui/spot",
   "private": false,
-  "version": "0.2.9",
+  "version": "0.3.0",
   "description": "idm ui spot",
   "type": "module",
   "keywords": [