@idmui/spot 0.3.5 → 0.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +4 -4
- package/dist/index.umd.cjs +3 -3
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2255,11 +2255,11 @@ const Se = (r, e) => {
|
|
|
2255
2255
|
return c.find((C) => C.seriesType === "scatter") ? !1 : `<div style="font-size: 13px;"><strong>${(P = this.seasonalData) == null ? void 0 : P.dates[G]}</strong></div>
|
|
2256
2256
|
<div style="font-size: 13px;">
|
|
2257
2257
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #60c43e;}"></span>
|
|
2258
|
-
<span>
|
|
2258
|
+
<span>Wind : </span><strong>${(L = c[0]) == null ? void 0 : L.value}</strong><span style="padding-left: 3px;">kts</span>
|
|
2259
2259
|
</div>
|
|
2260
2260
|
<div style="font-size: 13px;">
|
|
2261
2261
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #9af77b;}"></span>
|
|
2262
|
-
<span>
|
|
2262
|
+
<span>Wind, last year : </span><strong>${(p = c[1]) == null ? void 0 : p.value}</strong><span style="padding-left: 3px;">kts</span>
|
|
2263
2263
|
</div>
|
|
2264
2264
|
<div style="font-size: 13px;">
|
|
2265
2265
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #0c73a8;}"></span>
|
|
@@ -3667,7 +3667,7 @@ function ia(r, e, s, h, a, B) {
|
|
|
3667
3667
|
t("div", qs, "Moderate (<24.9mm): " + g((ge = (de = (d = a.seasonalData) == null ? void 0 : d.precip) == null ? void 0 : de.filter((i) => i >= 10 && i < 24.9)) == null ? void 0 : ge.length) + " days", 1),
|
|
3668
3668
|
t("div", Vs, "Heavy (<49.9mm): " + g((re = (y = (ce = a.seasonalData) == null ? void 0 : ce.precip) == null ? void 0 : y.filter((i) => i >= 24.9 && i < 49.9)) == null ? void 0 : re.length) + " days", 1),
|
|
3669
3669
|
t("div", Zs, "Rainstorm (<99.9mm): " + g((te = (ee = (u = a.seasonalData) == null ? void 0 : u.precip) == null ? void 0 : ee.filter((i) => i >= 49.9 && i < 99.9)) == null ? void 0 : te.length) + " days", 1),
|
|
3670
|
-
t("div", _s, "Heavy Rainstorm (
|
|
3670
|
+
t("div", _s, "Heavy Rainstorm (>=100mm): " + g((le = (se = (w = a.seasonalData) == null ? void 0 : w.precip) == null ? void 0 : se.filter((i) => i >= 100)) == null ? void 0 : le.length) + " days", 1),
|
|
3671
3671
|
e[58] || (e[58] = t("div", { class: "label" }, "Wind", -1)),
|
|
3672
3672
|
t("div", $s, "Mean Wind: " + g(B.roundPrecision(a.seasonalData.meanWind, 1)) + " kts", 1),
|
|
3673
3673
|
t("div", ea, "Windiest Day: " + g(a.seasonalData.windiestDay) + " ( " + g(a.seasonalData.maxWindSpeed) + "kts )", 1),
|
|
@@ -3683,7 +3683,7 @@ function ia(r, e, s, h, a, B) {
|
|
|
3683
3683
|
])
|
|
3684
3684
|
]);
|
|
3685
3685
|
}
|
|
3686
|
-
const oa = /* @__PURE__ */ Se(Fe, [["render", ia], ["__scopeId", "data-v-
|
|
3686
|
+
const oa = /* @__PURE__ */ Se(Fe, [["render", ia], ["__scopeId", "data-v-a24e6164"]]), ga = {
|
|
3687
3687
|
install(r) {
|
|
3688
3688
|
r.component("SpotReport", oa);
|
|
3689
3689
|
}
|
package/dist/index.umd.cjs
CHANGED
|
@@ -46,11 +46,11 @@
|
|
|
46
46
|
`}},legend:{show:!0,top:"15px",right:"8%",itemWidth:40},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",boundaryGap:!0,data:(E=this.seasonalData)==null?void 0:E.xDates,axisLabel:{show:!0},axisLine:{show:!0,onZero:!1},axisTick:{show:!0,inside:!0,lineStyle:{color:"rgba(0,0,0,0.7)"}},z:0,zlevel:0},yAxis:[{type:"value",name:"Temperature ( ℃ ) ",show:!0,min:l,max:s,interval:a,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0}],series:[{name:"High",type:"line",data:(H=this.seasonalData)==null?void 0:H.highTemp,symbol:"none",smooth:!1,itemStyle:{color:"#FF9500"},label:{show:!1}},{name:"High, last year",type:"line",symbol:"none",data:(F=this.seasonalData)==null?void 0:F.lastYearHighTemp,itemStyle:{color:"#f7c587"},lineStyle:{color:"#f7c587"},label:{show:!1}},{name:"Low",type:"line",data:(V=this.seasonalData)==null?void 0:V.lowTemp,symbol:"none",smooth:!1,itemStyle:{color:"#2164bf"},label:{show:!1}},{name:"Low, last year",type:"line",symbol:"none",data:(O=this.seasonalData)==null?void 0:O.lastYearLowTemp,itemStyle:{color:"#7baef7"},lineStyle:{color:"#7baef7"},label:{show:!1}}]};this.loading.seasonalEchart=!1,this.$nextTick(()=>{Ae.init(document.getElementById("temperature-echart")).setOption(B)});let S=Math.max(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(c=>typeof c=="number"&&!isNaN(c))),k=Math.min(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(c=>typeof c=="number"&&!isNaN(c)))>0?0:Math.min(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(c=>typeof c=="number"&&!isNaN(c))),M=Math.ceil((S+1)/5)*5,T=Math.ceil((M-k)/5),z=Math.max(...[...this.seasonalData.precip,...this.seasonalData.lastYearPrecip].filter(c=>typeof c=="number"&&!isNaN(c))),b=0,G=Math.ceil(z*2/5)*5,W=Math.ceil((G-b)/5);const R={title:{text:"Wind & Preciption",top:"10px",left:"5px",textStyle:{fontWeight:"normal",fontSize:14}},grid:{show:!0,bottom:"20%",top:"45px",left:"8%",right:"8%",borderColor:"#666",borderWidth:1,z:1,zlevel:1},tooltip:{trigger:"axis",show:!0,position:"right",formatter:c=>{var N,L,Q,d,C,w;const P=(N=c==null?void 0:c[0])==null?void 0:N.dataIndex;return c.find(y=>y.seriesType==="scatter")?!1:`<div style="font-size: 13px;"><strong>${(L=this.seasonalData)==null?void 0:L.dates[P]}</strong></div>
|
|
47
47
|
<div style="font-size: 13px;">
|
|
48
48
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #60c43e;}"></span>
|
|
49
|
-
<span>
|
|
49
|
+
<span>Wind : </span><strong>${(Q=c[0])==null?void 0:Q.value}</strong><span style="padding-left: 3px;">kts</span>
|
|
50
50
|
</div>
|
|
51
51
|
<div style="font-size: 13px;">
|
|
52
52
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #9af77b;}"></span>
|
|
53
|
-
<span>
|
|
53
|
+
<span>Wind, last year : </span><strong>${(d=c[1])==null?void 0:d.value}</strong><span style="padding-left: 3px;">kts</span>
|
|
54
54
|
</div>
|
|
55
55
|
<div style="font-size: 13px;">
|
|
56
56
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #0c73a8;}"></span>
|
|
@@ -60,4 +60,4 @@
|
|
|
60
60
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: rgba(12,116,168,0.5);}"></span>
|
|
61
61
|
<span>Precip, last year : </span><strong>${(w=c[3])==null?void 0:w.value}</strong><span style="padding-left: 3px;">mm</span>
|
|
62
62
|
</div>
|
|
63
|
-
`}},legend:{show:!0,top:"15px",right:"8%",itemWidth:40},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",boundaryGap:!0,data:(j=this.seasonalData)==null?void 0:j.xDates,axisLabel:{show:!0},axisLine:{show:!0},axisTick:{show:!0,inside:!0,lineStyle:{color:"rgba(0,0,0,0.7)"}},z:0,zlevel:0},yAxis:[{type:"value",name:"Wind speed max ( kts ) ",show:!0,min:k,max:M,interval:T,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0},{type:"value",name:"Precipitation ( mm ) ",show:!0,min:b,max:G,interval:W,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0}],series:[{name:"Wind",type:"line",data:(Y=this.seasonalData)==null?void 0:Y.windSpeed,symbol:"none",smooth:!1,itemStyle:{color:"#60c43e"},label:{show:!1}},{name:"Wind, last year",type:"line",symbol:"none",data:(K=this.seasonalData)==null?void 0:K.lastYearWindSpeed,itemStyle:{color:"#9af77b"},lineStyle:{color:"#9af77b"},label:{show:!1}},{name:"Precip",type:"bar",yAxisIndex:1,data:(v=this.seasonalData)==null?void 0:v.precip,symbol:"none",smooth:!1,itemStyle:{color:"#0c73a8"},label:{show:!1}},{name:"Precip, last year",type:"bar",yAxisIndex:1,data:(U=this.seasonalData)==null?void 0:U.lastYearPrecip,itemStyle:{color:"rgba(12,116,168,0.5)"},label:{show:!1}}]};this.$nextTick(()=>{Ae.init(document.getElementById("wind-precip-echart")).setOption(R)})},disposeEcharts(){document.getElementById("weather-chart")&&Ae.dispose(document.getElementById("weather-chart")),document.getElementById("weather-icons")&&Ae.dispose(document.getElementById("weather-icons")),document.getElementById("weather-condition")&&Ae.dispose(document.getElementById("weather-condition")),document.getElementById("wave-swell")&&Ae.dispose(document.getElementById("wave-swell")),document.getElementById("temperature-echart")&&Ae.dispose(document.getElementById("temperature-echart")),document.getElementById("wind-precip-echart")&&Ae.dispose(document.getElementById("wind-precip-echart"))},initHoursTableData(){var n,t,s,l,a,B,S,X,k,M,T,z,J,b,G,W,R,E,H,F,V,O,j,Y,K,v,U,c,P,N,L,Q,d,C;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 w=0;w<24;w++){const y=te(this.pickedDate).clone().add(w,"h").format();this.hoursTableData.hours.push(y);const r=((n=de.pickHourly(this.meteoData,y))==null?void 0:n[0])||{};this.hoursTableData.weatherUrls.push((t=r.weather)==null?void 0:t.url),this.hoursTableData.weatherNames.push(((s=r.weather)==null?void 0:s.name)??"-"),this.hoursTableData.temp.push(this.roundPrecision((l=r.weather)==null?void 0:l.temp,0)??"-"),this.hoursTableData.precipProbability.push(this.roundPrecision((B=(a=r.weather)==null?void 0:a.precip)==null?void 0:B.probability,0)??"-"),this.hoursTableData.precip1h.push(this.roundPrecision((X=(S=r.weather)==null?void 0:S.precip)==null?void 0:X.sum,0)??"-"),this.hoursTableData.visibility.push(this.roundPrecision((k=r.weather)==null?void 0:k.visibility,0)??"-"),this.hoursTableData.humidity.push(this.roundPrecision((M=r.weather)==null?void 0:M.rh,0)??"-"),this.hoursTableData.windSpeed.push(this.roundPrecision((z=(T=r.weather)==null?void 0:T.wind)==null?void 0:z.kts,1)),this.hoursTableData.windDir.push((b=(J=r.weather)==null?void 0:J.wind)==null?void 0:b.bearing),this.hoursTableData.windGust.push(this.roundPrecision((W=(G=r.weather)==null?void 0:G.wind)==null?void 0:W.gusts,1)??"-"),this.hoursTableData.sigwaveHeight.push(this.roundPrecision((E=(R=r.wave)==null?void 0:R.sig)==null?void 0:E.height,1)??"-"),this.hoursTableData.sigwaveDir.push((F=(H=r.wave)==null?void 0:H.sig)==null?void 0:F.bearing),this.hoursTableData.windwaveHeight.push(this.roundPrecision((O=(V=r.wave)==null?void 0:V.wd)==null?void 0:O.height,1)??"-"),this.hoursTableData.windwaveDir.push((Y=(j=r.wave)==null?void 0:j.wd)==null?void 0:Y.bearing),this.hoursTableData.windwavePeriod.push(this.roundPrecision((v=(K=r.wave)==null?void 0:K.wd)==null?void 0:v.period,1)??"-"),this.hoursTableData.swellHeight.push(this.roundPrecision((c=(U=r.wave)==null?void 0:U.swell)==null?void 0:c.height,1)??"-"),this.hoursTableData.swellDir.push((N=(P=r.wave)==null?void 0:P.swell)==null?void 0:N.bearing),this.hoursTableData.swellPeriod.push(this.roundPrecision((Q=(L=r.wave)==null?void 0:L.swell)==null?void 0:Q.period,1)??"-"),this.hoursTableData.currentSpeed.push(this.roundPrecision((d=r.current)==null?void 0:d.speed,1)??"-"),this.hoursTableData.currentDir.push((C=r.current)==null?void 0:C.bearing),this.hoursTableData.seaLevel.push(this.roundPrecision(r.height,1)??"-"),this.hoursTableData.seaTemp.push(this.roundPrecision(r.sst,0)??"-")}this.loading.hoursTable=!1},handleClearHoursTable(){this.position={},this.meteoData={},this.isCollected=!1,Ae&&document.getElementById("weather-chart")&&Ae.dispose(document.getElementById("weather-chart"))},initDaysTableData(){var t,s,l,a,B,S,X,k,M,T,z,J,b,G,W,R,E,H,F,V,O,j,Y,K,v,U,c,P,N,L,Q,d,C,w,y,r,I;this.daysTableData=[];const n=$(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let i=0;i<14;i++){const ee=te(n).clone().add(i,"d").format(),A=((t=de.pickDaily(this.meteoData,ee))==null?void 0:t[0])||{};this.daysTableData.push({localWeek:this.computeWeekLT(ee),localDate:this.computeMMMDDLT(ee),weatherUrl:(s=A==null?void 0:A.weather)==null?void 0:s.url,minTemp:this.roundPrecision((a=(l=A==null?void 0:A.weather)==null?void 0:l.temp)==null?void 0:a.min,0)??"-",maxTemp:this.roundPrecision((S=(B=A==null?void 0:A.weather)==null?void 0:B.temp)==null?void 0:S.max,0)??"-",weatherName:(X=A==null?void 0:A.weather)==null?void 0:X.name,precipSum:this.roundPrecision((M=(k=A==null?void 0:A.weather)==null?void 0:k.precip)==null?void 0:M.sum,0)??"-",precipRainSum:this.roundPrecision((z=(T=A==null?void 0:A.weather)==null?void 0:T.precip)==null?void 0:z.rainSum,0)??"-",precipSnowfallSum:this.roundPrecision((b=(J=A==null?void 0:A.weather)==null?void 0:J.precip)==null?void 0:b.snowfallSum,0)??"-",windSpeedMax:this.roundPrecision((W=(G=A==null?void 0:A.weather)==null?void 0:G.wind)==null?void 0:W.kts,1)??"-",windSpeedDir:(E=(R=A==null?void 0:A.weather)==null?void 0:R.wind)==null?void 0:E.bearing,gustSpeedMax:this.roundPrecision((F=(H=A==null?void 0:A.weather)==null?void 0:H.wind)==null?void 0:F.gusts,1)??"-",windWaveHeight:this.roundPrecision((O=(V=A==null?void 0:A.wave)==null?void 0:V.wd)==null?void 0:O.height,1)??"-",windWavePeriod:this.roundPrecision((Y=(j=A==null?void 0:A.wave)==null?void 0:j.wd)==null?void 0:Y.period,1)??"-",windWaveDir:(v=(K=A==null?void 0:A.wave)==null?void 0:K.wd)==null?void 0:v.bearing,swellWaveHeight:this.roundPrecision((c=(U=A==null?void 0:A.wave)==null?void 0:U.swell)==null?void 0:c.height,1)??"-",swellWavePeriod:this.roundPrecision((N=(P=A==null?void 0:A.wave)==null?void 0:P.swell)==null?void 0:N.period,1)??"-",swellWaveDir:(Q=(L=A==null?void 0:A.wave)==null?void 0:L.swell)==null?void 0:Q.bearing,sigWaveHeight:this.roundPrecision((C=(d=A==null?void 0:A.wave)==null?void 0:d.sig)==null?void 0:C.height,1)??"-",sigWavePeriod:this.roundPrecision((y=(w=A==null?void 0:A.wave)==null?void 0:w.sig)==null?void 0:y.period,1)??"-",sigWaveDir:(I=(r=A==null?void 0:A.wave)==null?void 0:r.sig)==null?void 0:I.bearing})}this.loading.daysTable=!1},initHourlyTableData(){var t,s,l,a,B,S,X,k,M,T,z,J,b,G,W,R,E,H,F,V,O,j,Y,K,v,U,c,P,N,L,Q,d,C,w,y;this.hourlyTableData=[];const n=$(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let r=0;r<14*24;r++){let I;if(r<3*24?I=te(n).clone().add(r,"h").format():r<7*24?r%3===0&&(I=te(n).clone().add(r,"h").format()):r%6===0&&(I=te(n).clone().add(r,"h").format()),I){const i=((t=de.pickHourly(this.meteoData,I))==null?void 0:t[0])||{};this.hourlyTableData.push({localDate:this.computeMMMDDHHmmLT(I),temp:this.roundPrecision((s=i==null?void 0:i.weather)==null?void 0:s.temp,0)??"-",precipSum:this.roundPrecision((a=(l=i==null?void 0:i.weather)==null?void 0:l.precip)==null?void 0:a.sum,0)??"-",visibility:this.roundPrecision((B=i==null?void 0:i.weather)==null?void 0:B.visibility,0)??"-",windSpeed:this.roundPrecision((X=(S=i==null?void 0:i.weather)==null?void 0:S.wind)==null?void 0:X.kts,1)??"-",windDir:(M=(k=i==null?void 0:i.weather)==null?void 0:k.wind)==null?void 0:M.direction,windBearing:(z=(T=i==null?void 0:i.weather)==null?void 0:T.wind)==null?void 0:z.bearing,windBF:((b=(J=i==null?void 0:i.weather)==null?void 0:J.wind)==null?void 0:b.scale)??"-",windGusts:this.roundPrecision((W=(G=i==null?void 0:i.weather)==null?void 0:G.wind)==null?void 0:W.gusts,1)??"-",windWaveHeight:this.roundPrecision((E=(R=i==null?void 0:i.wave)==null?void 0:R.wd)==null?void 0:E.height,1)??"-",windWavePeriod:this.roundPrecision((F=(H=i==null?void 0:i.wave)==null?void 0:H.wd)==null?void 0:F.period,1)??"-",windWaveDir:(O=(V=i==null?void 0:i.wave)==null?void 0:V.wd)==null?void 0:O.direction,windWaveBearing:(Y=(j=i==null?void 0:i.wave)==null?void 0:j.wd)==null?void 0:Y.bearing,sigWaveHeight:this.roundPrecision((v=(K=i==null?void 0:i.wave)==null?void 0:K.sig)==null?void 0:v.height,1)??"-",sigWavePeriod:this.roundPrecision((c=(U=i==null?void 0:i.wave)==null?void 0:U.sig)==null?void 0:c.period,1)??"-",sigWaveDir:(N=(P=i==null?void 0:i.wave)==null?void 0:P.sig)==null?void 0:N.direction,sigWaveBearing:(Q=(L=i==null?void 0:i.wave)==null?void 0:L.wd)==null?void 0:Q.bearing,currentDir:(d=i==null?void 0:i.current)==null?void 0:d.direction,currentSpd:this.roundPrecision((C=i==null?void 0:i.current)==null?void 0:C.kts,1)??"-",currentBearing:(y=(w=i==null?void 0:i.wave)==null?void 0:w.wd)==null?void 0:y.bearing,seaLevel:this.roundPrecision(i==null?void 0:i.height,1)??"-",seaSurfaceTemp:this.roundPrecision(i==null?void 0:i.sst,0)??"-"})}}this.loading.hourlyTable=!1},handleSelectMonth(n){this.currentMonth=n,this.handleFetchSeasonalData()}}},Ie={class:"spot-report"},ue={class:"search-header-box"},be={class:"search-header-box-inner flex-between"},Qe={class:"search-box flex-start"},Ne={class:"menu-box flex-end"},ke={class:"content-box"},Me={class:"title-section flex-between"},Le={class:"main-title"},ze={class:"sub-title"},He={class:"flex-end"},Pe={key:0,class:"meteogram-echart-section"},Se={key:0,class:"card"},Te={key:1,class:"card flex-center"},Ge={key:2,class:"card flex-center"},Fe={key:1,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:2,class:"hours-table-section",style:{border:"1px solid var(--idm-gray-light)"}},Ke={key:0,class:"card"},ve={class:"date"},Ue={class:"basic-table"},Xe={class:"day"},We={class:"hour"},Re={class:"icon"},Je=["src"],qe={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"},nt={class:"text"},rt={class:"text"},lt={key:1},At={class:"text"},ct={class:"text"},ht={class:"text"},dt={key:1},gt={class:"text"},pt={class:"text"},mt={class:"text"},wt={key:1},Bt={class:"text"},Dt={class:"sea-table"},ft={class:"text"},yt={class:"text"},Et={key:1,class:"card card-loading flex-center"},xt={key:2,class:"card flex-center"},Ct={key:3,class:"days-table-section"},It={key:0,class:"card"},ut={class:"conditions-table"},bt={rowspan:"1",colspan:"1",class:"tr-title font-gray",style:{"text-align":"right","padding-right":"10px","box-sizing":"border-box"}},Qt={rowspan:"1",colspan:"1"},Nt=["src"],kt={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"},St={key:1},Tt={rowspan:"1",colspan:"1",class:"text-align-left"},Gt={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"},vt={key:2,class:"card flex-center"},Ut={key:4,class:"hourly-table-section"},Xt={key:0,class:"card"},Wt={class:"conditions-table"},Rt={rowspan:"1",colspan:"1",class:"border"},Jt={rowspan:"1",colspan:"1",class:"border"},qt={rowspan:"1",colspan:"1",class:"border"},Zt={rowspan:"1",colspan:"1",class:"border"},_t={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},$t={key:1},es={rowspan:"1",colspan:"1",class:"border"},ts={rowspan:"1",colspan:"1",class:"border"},ss={rowspan:"1",colspan:"1",class:"border"},as={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},os={key:1},is={rowspan:"1",colspan:"1",class:"border"},ns={rowspan:"1",colspan:"1",class:"border"},rs={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},ls={key:1},As={rowspan:"1",colspan:"1",class:"border"},cs={rowspan:"1",colspan:"1",class:"border"},hs={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},ds={key:1},gs={rowspan:"1",colspan:"1",class:"border"},ps={rowspan:"1",colspan:"1",class:"border"},ms={rowspan:"1",colspan:"1",class:"border"},ws={key:1,class:"card card-loading flex-center"},Bs={key:2,class:"card flex-center"},Ds={key:5,class:"seasonal-weather-section"},fs={key:0,class:"card flex-space"},ys={class:"echart-box",style:{}},Es={style:{cursor:"pointer"}},xs={style:{padding:"3px 0 0 5px",cursor:"pointer"}},Cs={class:"months-select-box"},Is={class:"bg-select"},us=["onClick"],bs={class:"flex-col-start-start right-bar"},Qs={class:"",style:{"font-size":"16px","font-weight":"bold","margin-bottom":"20px"}},Ns={class:"text"},ks={class:"text"},Ms={class:"text"},Ls={class:"text"},zs={class:"text"},Hs={class:"text"},Ps={class:"text"},Ss={class:"text"},Ts={class:"text"},Gs={class:"text"},Fs={class:"text"},Vs={class:"text"},Os={key:1,class:"card flex-center"},js={key:2,class:"card flex-center"};function Ys(n,t,s,l,a,B){var z,J,b,G,W,R,E,H,F,V,O,j,Y,K,v,U,c,P,N,L,Q,d,C,w,y,r,I,i,ee,A,ie,ne,re,D,se,p,q,Z,h,_,ae,oe;const S=e.resolveComponent("ElOption"),X=e.resolveComponent("ElSelect"),k=e.resolveComponent("ElTooltip"),M=e.resolveComponent("ArrowRight"),T=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",ue,[e.createElementVNode("div",be,[e.createElementVNode("div",Qe,[e.createVNode(X,{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":B.fetchSuggestPosition,onChange:B.handleSearch},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.positionList,o=>(e.openBlock(),e.createBlock(S,{key:o.name,label:o.name,value:o.name},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","remote-method","onChange"])]),e.createElementVNode("div",Ne,[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",{class:e.normalizeClass(["item flex-center",a.menuIndex===3?"active":""]),onClick:t[5]||(t[5]=o=>a.menuIndex=3)},"Seasonal Forecast",2)])])]),e.createElementVNode("div",ke,[e.createElementVNode("div",Me,[e.createElementVNode("div",null,[e.createElementVNode("div",Le,e.toDisplayString(a.menuIndex===3?"Seasonal":"")+" Weather forecast for "+e.toDisplayString(((z=a.position)==null?void 0:z.name)||"-")+" ( UTC"+e.toDisplayString(a.positionOffset)+" )",1),e.createElementVNode("div",ze,"At "+e.toDisplayString((J=a.position)!=null&&J.portId?"port":"coordinates")+", issued "+e.toDisplayString(a.issuedDate),1)]),e.createElementVNode("div",He,[e.createVNode(k,{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[6]||(t[6]=(...o)=>B.handleCollect&&B.handleCollect(...o))},"")):(e.openBlock(),e.createElementBlock("span",{key:1,class:"iconfont icon",onClick:t[7]||(t[7]=(...o)=>B.handleCollect&&B.handleCollect(...o))},""))]),_:1},8,["content"])])]),a.menuIndex===1||a.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Pe,[(b=a.position)!=null&&b.name&&s.token&&!((G=a.loading)!=null&&G.meteogramEchart)?(e.openBlock(),e.createElementBlock("div",Se,t[9]||(t[9]=[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)]))):(W=a.loading)!=null&&W.meteogramEchart?(e.openBlock(),e.createElementBlock("div",Te,t[10]||(t[10]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Ge,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Fe,[(R=a.position)!=null&&R.name&&s.token&&!((E=a.loading)!=null&&E.weatherEchart)?(e.openBlock(),e.createElementBlock("div",Ve)):(H=a.loading)!=null&&H.weatherEchart?(e.openBlock(),e.createElementBlock("div",Oe,t[11]||(t[11]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",je,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Ye,[(F=a.position)!=null&&F.name&&s.token&&!((V=a.loading)!=null&&V.hoursTable)?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",ve,e.toDisplayString(a.pickedWeek)+" "+e.toDisplayString(B.computeMMMDDLT(a.pickedDate)),1),e.createElementVNode("table",Ue,[e.createElementVNode("tr",Xe,[t[12]||(t[12]=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,g)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+"local"},e.toDisplayString(B.computeHourLT(o)),3))),128))]),e.createElementVNode("tr",We,[t[13]||(t[13]=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,g)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+"z"},e.toDisplayString(B.computeHourZ(o)),3))),128))]),e.createElementVNode("tr",Re,[t[14]||(t[14]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+"url"},[e.createVNode(k,{placement:"top",effect:"light",content:a.hoursTableData.weatherNames[g],"show-after":500},{default:e.withCtx(()=>[o?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",src:o},null,8,Je)):e.createCommentVNode("",!0)]),_:2},1032,["content"])],2))),128))]),e.createElementVNode("tr",qe,[t[15]||(t[15]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Ze,[t[16]||(t[16]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",_e,[t[17]||(t[17]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",$e,[t[18]||(t[18]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",et,[t[19]||(t[19]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",tt,[t[20]||(t[20]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"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[21]||(t[21]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ot,[t[22]||(t[22]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])]),t[34]||(t[34]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",it,[e.createElementVNode("tr",nt,[t[23]||(t[23]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",rt,[t[24]||(t[24]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",lt,"-")):(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[25]||(t[25]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ct,[t[26]||(t[26]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ht,[t[27]||(t[27]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",dt,"-")):(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",gt,[t[28]||(t[28]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",pt,[t[29]||(t[29]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",mt,[t[30]||(t[30]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",wt,"-")):(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[31]||(t[31]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])]),t[35]||(t[35]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",Dt,[e.createElementVNode("tr",ft,[t[32]||(t[32]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",yt,[t[33]||(t[33]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])])])):(O=a.loading)!=null&&O.hoursTable?(e.openBlock(),e.createElementBlock("div",Et,t[36]||(t[36]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",xt,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Ct,[(j=a.position)!=null&&j.name&&s.token&&!((Y=a.loading)!=null&&Y.daysTable)?(e.openBlock(),e.createElementBlock("div",It,[t[48]||(t[48]=e.createElementVNode("div",{class:"date"},"Daily Forecast",-1)),e.createElementVNode("table",ut,[t[46]||(t[46]=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[47]||(t[47]=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":"10px","box-sizing":"border-box"}},"Date"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",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,g)=>(e.openBlock(),e.createElementBlock("tr",{class:"text border-bottom",key:Math.random()+o.localDate},[e.createElementVNode("td",bt,[e.createElementVNode("div",null,e.toDisplayString(o.localWeek),1),e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",Qt,[o.weatherUrl?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",style:{width:"34px",height:"34px"},src:o.weatherUrl},null,8,Nt)):e.createCommentVNode("",!0)]),e.createElementVNode("td",kt,e.toDisplayString(o.weatherName),1),e.createElementVNode("td",Mt,[e.createTextVNode(e.toDisplayString(o.minTemp)+" / "+e.toDisplayString(o.maxTemp),1),t[37]||(t[37]=e.createElementVNode("span",{class:"unit"},"°C",-1))]),e.createElementVNode("td",Lt,[e.createTextVNode(e.toDisplayString(o.precipSum),1),t[38]||(t[38]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",zt,[e.createTextVNode(e.toDisplayString(o.precipRainSum),1),t[39]||(t[39]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",Ht,[e.createTextVNode(e.toDisplayString(o.precipSnowfallSum),1),t[40]||(t[40]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",Pt,[e.createElementVNode("span",null,e.toDisplayString(o.windSpeedMax),1),t[41]||(t[41]=e.createElementVNode("span",{class:"unit"},"kts",-1)),!isNaN(o.windSpeedDir)&&!isNaN(o.windSpeedMax)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windSpeedDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",St,"-"))]),e.createElementVNode("td",Tt,[e.createElementVNode("span",null,e.toDisplayString(o.gustSpeedMax),1),t[42]||(t[42]=e.createElementVNode("span",{class:"unit"},"kts",-1))]),e.createElementVNode("td",Gt,[e.createElementVNode("span",null,e.toDisplayString(o.windWaveHeight),1),t[43]||(t[43]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.windWaveDir)&&!isNaN(o.windWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Ft,"-"))]),e.createElementVNode("td",Vt,[e.createElementVNode("span",null,e.toDisplayString(o.swellWaveHeight),1),t[44]||(t[44]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.swellWaveDir)&&!isNaN(o.swellWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.swellWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Ot,"-"))]),e.createElementVNode("td",jt,[e.createElementVNode("span",null,e.toDisplayString(o.sigWaveHeight),1),t[45]||(t[45]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.sigWaveDir)&&!isNaN(o.sigWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Yt,"-"))])]))),128))])])):(K=a.loading)!=null&&K.daysTable?(e.openBlock(),e.createElementBlock("div",Kt,t[49]||(t[49]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",vt,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Ut,[(v=a.position)!=null&&v.name&&s.token&&!((U=a.loading)!=null&&U.hourlyTable)?(e.openBlock(),e.createElementBlock("div",Xt,[t[52]||(t[52]=e.createElementVNode("div",{class:"date"},"Hourly Forecast",-1)),e.createElementVNode("table",Wt,[t[50]||(t[50]=e.createElementVNode("tr",{class:"day tr-title"},[e.createElementVNode("th",{rowspan:"2",colspan:"1",class:"border",style:{width:"70px"}},"DateTime"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Temp"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Precip"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Visibility"),e.createElementVNode("th",{rowspan:"1",colspan:"4",class:"border"},"Wind"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"border"},"Wind wave"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"border"},"Sig.wave"),e.createElementVNode("th",{rowspan:"1",colspan:"2",class:"border"},"Current"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Sea Level"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Sea Surface")],-1)),t[51]||(t[51]=e.createElementVNode("tr",{class:"hour tr-title"},[e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"°C"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border",style:{width:"60px"}},"Acc (mm)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dist (nm)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Spd(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"BF"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Gusts(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Prd(s)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Prd(s)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Spd(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Temp(°C)")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hourlyTableData,(o,g)=>(e.openBlock(),e.createElementBlock("tr",{class:"text border-bottom",key:Math.random()+o.localDate},[e.createElementVNode("td",Rt,[e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",Jt,[e.createElementVNode("div",null,e.toDisplayString(o.temp),1)]),e.createElementVNode("td",qt,e.toDisplayString(o.precipSum),1),e.createElementVNode("td",Zt,e.toDisplayString(o.visibility),1),e.createElementVNode("td",_t,[e.createTextVNode(e.toDisplayString(o.windDir)+" ",1),!isNaN(o.windBearing)&&o.windDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",$t,"-"))]),e.createElementVNode("td",es,e.toDisplayString(o.windSpeed),1),e.createElementVNode("td",ts,e.toDisplayString(o.windBF),1),e.createElementVNode("td",ss,e.toDisplayString(o.windGusts),1),e.createElementVNode("td",as,[e.createTextVNode(e.toDisplayString(o.windWaveDir)+" ",1),!isNaN(o.windWaveBearing)&&o.windWaveDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",os,"-"))]),e.createElementVNode("td",is,e.toDisplayString(o.windWaveHeight),1),e.createElementVNode("td",ns,e.toDisplayString(o.windWavePeriod),1),e.createElementVNode("td",rs,[e.createTextVNode(e.toDisplayString(o.sigWaveDir)+" ",1),!isNaN(o.sigWaveBearing)&&o.sigWaveDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",ls,"-"))]),e.createElementVNode("td",As,e.toDisplayString(o.sigWaveHeight),1),e.createElementVNode("td",cs,e.toDisplayString(o.sigWavePeriod),1),e.createElementVNode("td",hs,[e.createTextVNode(e.toDisplayString(o.currentDir)+" ",1),!isNaN(o.currentBearing)&&o.currentDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.currentBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",ds,"-"))]),e.createElementVNode("td",gs,e.toDisplayString(o.currentSpd),1),e.createElementVNode("td",ps,e.toDisplayString(o.seaLevel),1),e.createElementVNode("td",ms,e.toDisplayString(o.seaSurfaceTemp),1)]))),128))])])):(c=a.loading)!=null&&c.hourlyTable?(e.openBlock(),e.createElementBlock("div",ws,t[53]||(t[53]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Bs,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===3?(e.openBlock(),e.createElementBlock("div",Ds,[(P=a.position)!=null&&P.name&&s.token&&!((N=a.loading)!=null&&N.seasonalEchart)?(e.openBlock(),e.createElementBlock("div",fs,[e.createElementVNode("div",ys,[e.createElementVNode("div",{class:"title flex-start",id:"seasonal-title",onClick:t[8]||(t[8]=o=>a.seasonalData.showMonths=!a.seasonalData.showMonths)},[e.createElementVNode("div",Es,e.toDisplayString((d=(Q=(L=a.currentMonth)==null?void 0:L.month)==null?void 0:Q.split("-"))==null?void 0:d[0])+" "+e.toDisplayString((y=(w=(C=a.currentMonth)==null?void 0:C.month)==null?void 0:w.split("-"))==null?void 0:y[1]),1),e.createElementVNode("div",xs,[e.createVNode(T,null,{default:e.withCtx(()=>[e.createVNode(M)]),_:1})]),e.withDirectives(e.createElementVNode("div",Cs,[e.createElementVNode("div",Is,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.monthsOptions,(o,g)=>{var m;return e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["month-option",((m=a.currentMonth)==null?void 0:m.month)===o.month?"active":""]),onClick:he=>B.handleSelectMonth(o)},e.toDisplayString(o.month),11,us)}),128))])],512),[[e.vShow,a.seasonalData.showMonths]])]),t[54]||(t[54]=e.createElementVNode("div",{id:"temperature-echart"},null,-1)),t[55]||(t[55]=e.createElementVNode("div",{id:"wind-precip-echart"},null,-1))]),e.createElementVNode("div",bs,[e.createElementVNode("div",Qs,e.toDisplayString((r=a.currentMonth)==null?void 0:r.month)+" Summary",1),t[56]||(t[56]=e.createElementVNode("div",{class:"label"},"Temperature",-1)),e.createElementVNode("div",Ns,"Avg High Temp: "+e.toDisplayString(a.seasonalData.minHighTemp)+" to "+e.toDisplayString(a.seasonalData.maxHighTemp)+" °C",1),e.createElementVNode("div",ks,"Avg Low Temp: "+e.toDisplayString(a.seasonalData.minLowTemp)+" to "+e.toDisplayString(a.seasonalData.maxLowTemp)+" °C",1),e.createElementVNode("div",Ms,"Hottest Day: "+e.toDisplayString(a.seasonalData.hottestDay),1),e.createElementVNode("div",Ls,"Coldest Day: "+e.toDisplayString(a.seasonalData.coldestDay),1),t[57]||(t[57]=e.createElementVNode("div",{class:"label"},"Precipitation",-1)),e.createElementVNode("div",zs,"Light (<10mm): "+e.toDisplayString((ee=(i=(I=a.seasonalData)==null?void 0:I.precip)==null?void 0:i.filter(o=>o<10))==null?void 0:ee.length)+" days",1),e.createElementVNode("div",Hs,"Moderate (<24.9mm): "+e.toDisplayString((ne=(ie=(A=a.seasonalData)==null?void 0:A.precip)==null?void 0:ie.filter(o=>o>=10&&o<24.9))==null?void 0:ne.length)+" days",1),e.createElementVNode("div",Ps,"Heavy (<49.9mm): "+e.toDisplayString((se=(D=(re=a.seasonalData)==null?void 0:re.precip)==null?void 0:D.filter(o=>o>=24.9&&o<49.9))==null?void 0:se.length)+" days",1),e.createElementVNode("div",Ss,"Rainstorm (<99.9mm): "+e.toDisplayString((Z=(q=(p=a.seasonalData)==null?void 0:p.precip)==null?void 0:q.filter(o=>o>=49.9&&o<99.9))==null?void 0:Z.length)+" days",1),e.createElementVNode("div",Ts,"Heavy Rainstorm (>100mm): "+e.toDisplayString((ae=(_=(h=a.seasonalData)==null?void 0:h.precip)==null?void 0:_.filter(o=>o>=100))==null?void 0:ae.length)+" days",1),t[58]||(t[58]=e.createElementVNode("div",{class:"label"},"Wind",-1)),e.createElementVNode("div",Gs,"Mean Wind: "+e.toDisplayString(B.roundPrecision(a.seasonalData.meanWind,1))+" kts",1),e.createElementVNode("div",Fs,"Windiest Day: "+e.toDisplayString(a.seasonalData.windiestDay)+" ( "+e.toDisplayString(a.seasonalData.maxWindSpeed)+"kts )",1),e.createElementVNode("div",Vs,"Dominant Wind Dir: "+e.toDisplayString(a.seasonalData.dominantWind),1)])])):(oe=a.loading)!=null&&oe.seasonalEchart?(e.openBlock(),e.createElementBlock("div",Os,t[59]||(t[59]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",js,"No Data"))])):e.createCommentVNode("",!0)])])}const fe=xe(Ce,[["render",Ys],["__scopeId","data-v-f38a4276"]]),Ks={install(n){n.component("SpotReport",fe)}};le.SpotReport=fe,le.SpotReportPlugin=Ks,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})});
|
|
63
|
+
`}},legend:{show:!0,top:"15px",right:"8%",itemWidth:40},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",boundaryGap:!0,data:(j=this.seasonalData)==null?void 0:j.xDates,axisLabel:{show:!0},axisLine:{show:!0},axisTick:{show:!0,inside:!0,lineStyle:{color:"rgba(0,0,0,0.7)"}},z:0,zlevel:0},yAxis:[{type:"value",name:"Wind speed max ( kts ) ",show:!0,min:k,max:M,interval:T,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0},{type:"value",name:"Precipitation ( mm ) ",show:!0,min:b,max:G,interval:W,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0}],series:[{name:"Wind",type:"line",data:(Y=this.seasonalData)==null?void 0:Y.windSpeed,symbol:"none",smooth:!1,itemStyle:{color:"#60c43e"},label:{show:!1}},{name:"Wind, last year",type:"line",symbol:"none",data:(K=this.seasonalData)==null?void 0:K.lastYearWindSpeed,itemStyle:{color:"#9af77b"},lineStyle:{color:"#9af77b"},label:{show:!1}},{name:"Precip",type:"bar",yAxisIndex:1,data:(v=this.seasonalData)==null?void 0:v.precip,symbol:"none",smooth:!1,itemStyle:{color:"#0c73a8"},label:{show:!1}},{name:"Precip, last year",type:"bar",yAxisIndex:1,data:(U=this.seasonalData)==null?void 0:U.lastYearPrecip,itemStyle:{color:"rgba(12,116,168,0.5)"},label:{show:!1}}]};this.$nextTick(()=>{Ae.init(document.getElementById("wind-precip-echart")).setOption(R)})},disposeEcharts(){document.getElementById("weather-chart")&&Ae.dispose(document.getElementById("weather-chart")),document.getElementById("weather-icons")&&Ae.dispose(document.getElementById("weather-icons")),document.getElementById("weather-condition")&&Ae.dispose(document.getElementById("weather-condition")),document.getElementById("wave-swell")&&Ae.dispose(document.getElementById("wave-swell")),document.getElementById("temperature-echart")&&Ae.dispose(document.getElementById("temperature-echart")),document.getElementById("wind-precip-echart")&&Ae.dispose(document.getElementById("wind-precip-echart"))},initHoursTableData(){var n,t,s,l,a,B,S,X,k,M,T,z,J,b,G,W,R,E,H,F,V,O,j,Y,K,v,U,c,P,N,L,Q,d,C;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 w=0;w<24;w++){const y=te(this.pickedDate).clone().add(w,"h").format();this.hoursTableData.hours.push(y);const r=((n=de.pickHourly(this.meteoData,y))==null?void 0:n[0])||{};this.hoursTableData.weatherUrls.push((t=r.weather)==null?void 0:t.url),this.hoursTableData.weatherNames.push(((s=r.weather)==null?void 0:s.name)??"-"),this.hoursTableData.temp.push(this.roundPrecision((l=r.weather)==null?void 0:l.temp,0)??"-"),this.hoursTableData.precipProbability.push(this.roundPrecision((B=(a=r.weather)==null?void 0:a.precip)==null?void 0:B.probability,0)??"-"),this.hoursTableData.precip1h.push(this.roundPrecision((X=(S=r.weather)==null?void 0:S.precip)==null?void 0:X.sum,0)??"-"),this.hoursTableData.visibility.push(this.roundPrecision((k=r.weather)==null?void 0:k.visibility,0)??"-"),this.hoursTableData.humidity.push(this.roundPrecision((M=r.weather)==null?void 0:M.rh,0)??"-"),this.hoursTableData.windSpeed.push(this.roundPrecision((z=(T=r.weather)==null?void 0:T.wind)==null?void 0:z.kts,1)),this.hoursTableData.windDir.push((b=(J=r.weather)==null?void 0:J.wind)==null?void 0:b.bearing),this.hoursTableData.windGust.push(this.roundPrecision((W=(G=r.weather)==null?void 0:G.wind)==null?void 0:W.gusts,1)??"-"),this.hoursTableData.sigwaveHeight.push(this.roundPrecision((E=(R=r.wave)==null?void 0:R.sig)==null?void 0:E.height,1)??"-"),this.hoursTableData.sigwaveDir.push((F=(H=r.wave)==null?void 0:H.sig)==null?void 0:F.bearing),this.hoursTableData.windwaveHeight.push(this.roundPrecision((O=(V=r.wave)==null?void 0:V.wd)==null?void 0:O.height,1)??"-"),this.hoursTableData.windwaveDir.push((Y=(j=r.wave)==null?void 0:j.wd)==null?void 0:Y.bearing),this.hoursTableData.windwavePeriod.push(this.roundPrecision((v=(K=r.wave)==null?void 0:K.wd)==null?void 0:v.period,1)??"-"),this.hoursTableData.swellHeight.push(this.roundPrecision((c=(U=r.wave)==null?void 0:U.swell)==null?void 0:c.height,1)??"-"),this.hoursTableData.swellDir.push((N=(P=r.wave)==null?void 0:P.swell)==null?void 0:N.bearing),this.hoursTableData.swellPeriod.push(this.roundPrecision((Q=(L=r.wave)==null?void 0:L.swell)==null?void 0:Q.period,1)??"-"),this.hoursTableData.currentSpeed.push(this.roundPrecision((d=r.current)==null?void 0:d.speed,1)??"-"),this.hoursTableData.currentDir.push((C=r.current)==null?void 0:C.bearing),this.hoursTableData.seaLevel.push(this.roundPrecision(r.height,1)??"-"),this.hoursTableData.seaTemp.push(this.roundPrecision(r.sst,0)??"-")}this.loading.hoursTable=!1},handleClearHoursTable(){this.position={},this.meteoData={},this.isCollected=!1,Ae&&document.getElementById("weather-chart")&&Ae.dispose(document.getElementById("weather-chart"))},initDaysTableData(){var t,s,l,a,B,S,X,k,M,T,z,J,b,G,W,R,E,H,F,V,O,j,Y,K,v,U,c,P,N,L,Q,d,C,w,y,r,I;this.daysTableData=[];const n=$(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let i=0;i<14;i++){const ee=te(n).clone().add(i,"d").format(),A=((t=de.pickDaily(this.meteoData,ee))==null?void 0:t[0])||{};this.daysTableData.push({localWeek:this.computeWeekLT(ee),localDate:this.computeMMMDDLT(ee),weatherUrl:(s=A==null?void 0:A.weather)==null?void 0:s.url,minTemp:this.roundPrecision((a=(l=A==null?void 0:A.weather)==null?void 0:l.temp)==null?void 0:a.min,0)??"-",maxTemp:this.roundPrecision((S=(B=A==null?void 0:A.weather)==null?void 0:B.temp)==null?void 0:S.max,0)??"-",weatherName:(X=A==null?void 0:A.weather)==null?void 0:X.name,precipSum:this.roundPrecision((M=(k=A==null?void 0:A.weather)==null?void 0:k.precip)==null?void 0:M.sum,0)??"-",precipRainSum:this.roundPrecision((z=(T=A==null?void 0:A.weather)==null?void 0:T.precip)==null?void 0:z.rainSum,0)??"-",precipSnowfallSum:this.roundPrecision((b=(J=A==null?void 0:A.weather)==null?void 0:J.precip)==null?void 0:b.snowfallSum,0)??"-",windSpeedMax:this.roundPrecision((W=(G=A==null?void 0:A.weather)==null?void 0:G.wind)==null?void 0:W.kts,1)??"-",windSpeedDir:(E=(R=A==null?void 0:A.weather)==null?void 0:R.wind)==null?void 0:E.bearing,gustSpeedMax:this.roundPrecision((F=(H=A==null?void 0:A.weather)==null?void 0:H.wind)==null?void 0:F.gusts,1)??"-",windWaveHeight:this.roundPrecision((O=(V=A==null?void 0:A.wave)==null?void 0:V.wd)==null?void 0:O.height,1)??"-",windWavePeriod:this.roundPrecision((Y=(j=A==null?void 0:A.wave)==null?void 0:j.wd)==null?void 0:Y.period,1)??"-",windWaveDir:(v=(K=A==null?void 0:A.wave)==null?void 0:K.wd)==null?void 0:v.bearing,swellWaveHeight:this.roundPrecision((c=(U=A==null?void 0:A.wave)==null?void 0:U.swell)==null?void 0:c.height,1)??"-",swellWavePeriod:this.roundPrecision((N=(P=A==null?void 0:A.wave)==null?void 0:P.swell)==null?void 0:N.period,1)??"-",swellWaveDir:(Q=(L=A==null?void 0:A.wave)==null?void 0:L.swell)==null?void 0:Q.bearing,sigWaveHeight:this.roundPrecision((C=(d=A==null?void 0:A.wave)==null?void 0:d.sig)==null?void 0:C.height,1)??"-",sigWavePeriod:this.roundPrecision((y=(w=A==null?void 0:A.wave)==null?void 0:w.sig)==null?void 0:y.period,1)??"-",sigWaveDir:(I=(r=A==null?void 0:A.wave)==null?void 0:r.sig)==null?void 0:I.bearing})}this.loading.daysTable=!1},initHourlyTableData(){var t,s,l,a,B,S,X,k,M,T,z,J,b,G,W,R,E,H,F,V,O,j,Y,K,v,U,c,P,N,L,Q,d,C,w,y;this.hourlyTableData=[];const n=$(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let r=0;r<14*24;r++){let I;if(r<3*24?I=te(n).clone().add(r,"h").format():r<7*24?r%3===0&&(I=te(n).clone().add(r,"h").format()):r%6===0&&(I=te(n).clone().add(r,"h").format()),I){const i=((t=de.pickHourly(this.meteoData,I))==null?void 0:t[0])||{};this.hourlyTableData.push({localDate:this.computeMMMDDHHmmLT(I),temp:this.roundPrecision((s=i==null?void 0:i.weather)==null?void 0:s.temp,0)??"-",precipSum:this.roundPrecision((a=(l=i==null?void 0:i.weather)==null?void 0:l.precip)==null?void 0:a.sum,0)??"-",visibility:this.roundPrecision((B=i==null?void 0:i.weather)==null?void 0:B.visibility,0)??"-",windSpeed:this.roundPrecision((X=(S=i==null?void 0:i.weather)==null?void 0:S.wind)==null?void 0:X.kts,1)??"-",windDir:(M=(k=i==null?void 0:i.weather)==null?void 0:k.wind)==null?void 0:M.direction,windBearing:(z=(T=i==null?void 0:i.weather)==null?void 0:T.wind)==null?void 0:z.bearing,windBF:((b=(J=i==null?void 0:i.weather)==null?void 0:J.wind)==null?void 0:b.scale)??"-",windGusts:this.roundPrecision((W=(G=i==null?void 0:i.weather)==null?void 0:G.wind)==null?void 0:W.gusts,1)??"-",windWaveHeight:this.roundPrecision((E=(R=i==null?void 0:i.wave)==null?void 0:R.wd)==null?void 0:E.height,1)??"-",windWavePeriod:this.roundPrecision((F=(H=i==null?void 0:i.wave)==null?void 0:H.wd)==null?void 0:F.period,1)??"-",windWaveDir:(O=(V=i==null?void 0:i.wave)==null?void 0:V.wd)==null?void 0:O.direction,windWaveBearing:(Y=(j=i==null?void 0:i.wave)==null?void 0:j.wd)==null?void 0:Y.bearing,sigWaveHeight:this.roundPrecision((v=(K=i==null?void 0:i.wave)==null?void 0:K.sig)==null?void 0:v.height,1)??"-",sigWavePeriod:this.roundPrecision((c=(U=i==null?void 0:i.wave)==null?void 0:U.sig)==null?void 0:c.period,1)??"-",sigWaveDir:(N=(P=i==null?void 0:i.wave)==null?void 0:P.sig)==null?void 0:N.direction,sigWaveBearing:(Q=(L=i==null?void 0:i.wave)==null?void 0:L.wd)==null?void 0:Q.bearing,currentDir:(d=i==null?void 0:i.current)==null?void 0:d.direction,currentSpd:this.roundPrecision((C=i==null?void 0:i.current)==null?void 0:C.kts,1)??"-",currentBearing:(y=(w=i==null?void 0:i.wave)==null?void 0:w.wd)==null?void 0:y.bearing,seaLevel:this.roundPrecision(i==null?void 0:i.height,1)??"-",seaSurfaceTemp:this.roundPrecision(i==null?void 0:i.sst,0)??"-"})}}this.loading.hourlyTable=!1},handleSelectMonth(n){this.currentMonth=n,this.handleFetchSeasonalData()}}},Ie={class:"spot-report"},ue={class:"search-header-box"},be={class:"search-header-box-inner flex-between"},Qe={class:"search-box flex-start"},Ne={class:"menu-box flex-end"},ke={class:"content-box"},Me={class:"title-section flex-between"},Le={class:"main-title"},ze={class:"sub-title"},He={class:"flex-end"},Pe={key:0,class:"meteogram-echart-section"},Se={key:0,class:"card"},Te={key:1,class:"card flex-center"},Ge={key:2,class:"card flex-center"},Fe={key:1,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:2,class:"hours-table-section",style:{border:"1px solid var(--idm-gray-light)"}},Ke={key:0,class:"card"},ve={class:"date"},Ue={class:"basic-table"},Xe={class:"day"},We={class:"hour"},Re={class:"icon"},Je=["src"],qe={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"},nt={class:"text"},rt={class:"text"},lt={key:1},At={class:"text"},ct={class:"text"},ht={class:"text"},dt={key:1},gt={class:"text"},pt={class:"text"},mt={class:"text"},wt={key:1},Bt={class:"text"},Dt={class:"sea-table"},ft={class:"text"},yt={class:"text"},Et={key:1,class:"card card-loading flex-center"},xt={key:2,class:"card flex-center"},Ct={key:3,class:"days-table-section"},It={key:0,class:"card"},ut={class:"conditions-table"},bt={rowspan:"1",colspan:"1",class:"tr-title font-gray",style:{"text-align":"right","padding-right":"10px","box-sizing":"border-box"}},Qt={rowspan:"1",colspan:"1"},Nt=["src"],kt={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"},St={key:1},Tt={rowspan:"1",colspan:"1",class:"text-align-left"},Gt={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"},vt={key:2,class:"card flex-center"},Ut={key:4,class:"hourly-table-section"},Xt={key:0,class:"card"},Wt={class:"conditions-table"},Rt={rowspan:"1",colspan:"1",class:"border"},Jt={rowspan:"1",colspan:"1",class:"border"},qt={rowspan:"1",colspan:"1",class:"border"},Zt={rowspan:"1",colspan:"1",class:"border"},_t={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},$t={key:1},es={rowspan:"1",colspan:"1",class:"border"},ts={rowspan:"1",colspan:"1",class:"border"},ss={rowspan:"1",colspan:"1",class:"border"},as={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},os={key:1},is={rowspan:"1",colspan:"1",class:"border"},ns={rowspan:"1",colspan:"1",class:"border"},rs={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},ls={key:1},As={rowspan:"1",colspan:"1",class:"border"},cs={rowspan:"1",colspan:"1",class:"border"},hs={rowspan:"1",colspan:"1",class:"border",style:{"font-size":"11px","text-align":"right","padding-right":"3px"}},ds={key:1},gs={rowspan:"1",colspan:"1",class:"border"},ps={rowspan:"1",colspan:"1",class:"border"},ms={rowspan:"1",colspan:"1",class:"border"},ws={key:1,class:"card card-loading flex-center"},Bs={key:2,class:"card flex-center"},Ds={key:5,class:"seasonal-weather-section"},fs={key:0,class:"card flex-space"},ys={class:"echart-box",style:{}},Es={style:{cursor:"pointer"}},xs={style:{padding:"3px 0 0 5px",cursor:"pointer"}},Cs={class:"months-select-box"},Is={class:"bg-select"},us=["onClick"],bs={class:"flex-col-start-start right-bar"},Qs={class:"",style:{"font-size":"16px","font-weight":"bold","margin-bottom":"20px"}},Ns={class:"text"},ks={class:"text"},Ms={class:"text"},Ls={class:"text"},zs={class:"text"},Hs={class:"text"},Ps={class:"text"},Ss={class:"text"},Ts={class:"text"},Gs={class:"text"},Fs={class:"text"},Vs={class:"text"},Os={key:1,class:"card flex-center"},js={key:2,class:"card flex-center"};function Ys(n,t,s,l,a,B){var z,J,b,G,W,R,E,H,F,V,O,j,Y,K,v,U,c,P,N,L,Q,d,C,w,y,r,I,i,ee,A,ie,ne,re,D,se,p,q,Z,h,_,ae,oe;const S=e.resolveComponent("ElOption"),X=e.resolveComponent("ElSelect"),k=e.resolveComponent("ElTooltip"),M=e.resolveComponent("ArrowRight"),T=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",ue,[e.createElementVNode("div",be,[e.createElementVNode("div",Qe,[e.createVNode(X,{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":B.fetchSuggestPosition,onChange:B.handleSearch},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.positionList,o=>(e.openBlock(),e.createBlock(S,{key:o.name,label:o.name,value:o.name},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","remote-method","onChange"])]),e.createElementVNode("div",Ne,[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",{class:e.normalizeClass(["item flex-center",a.menuIndex===3?"active":""]),onClick:t[5]||(t[5]=o=>a.menuIndex=3)},"Seasonal Forecast",2)])])]),e.createElementVNode("div",ke,[e.createElementVNode("div",Me,[e.createElementVNode("div",null,[e.createElementVNode("div",Le,e.toDisplayString(a.menuIndex===3?"Seasonal":"")+" Weather forecast for "+e.toDisplayString(((z=a.position)==null?void 0:z.name)||"-")+" ( UTC"+e.toDisplayString(a.positionOffset)+" )",1),e.createElementVNode("div",ze,"At "+e.toDisplayString((J=a.position)!=null&&J.portId?"port":"coordinates")+", issued "+e.toDisplayString(a.issuedDate),1)]),e.createElementVNode("div",He,[e.createVNode(k,{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[6]||(t[6]=(...o)=>B.handleCollect&&B.handleCollect(...o))},"")):(e.openBlock(),e.createElementBlock("span",{key:1,class:"iconfont icon",onClick:t[7]||(t[7]=(...o)=>B.handleCollect&&B.handleCollect(...o))},""))]),_:1},8,["content"])])]),a.menuIndex===1||a.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Pe,[(b=a.position)!=null&&b.name&&s.token&&!((G=a.loading)!=null&&G.meteogramEchart)?(e.openBlock(),e.createElementBlock("div",Se,t[9]||(t[9]=[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)]))):(W=a.loading)!=null&&W.meteogramEchart?(e.openBlock(),e.createElementBlock("div",Te,t[10]||(t[10]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Ge,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Fe,[(R=a.position)!=null&&R.name&&s.token&&!((E=a.loading)!=null&&E.weatherEchart)?(e.openBlock(),e.createElementBlock("div",Ve)):(H=a.loading)!=null&&H.weatherEchart?(e.openBlock(),e.createElementBlock("div",Oe,t[11]||(t[11]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",je,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Ye,[(F=a.position)!=null&&F.name&&s.token&&!((V=a.loading)!=null&&V.hoursTable)?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",ve,e.toDisplayString(a.pickedWeek)+" "+e.toDisplayString(B.computeMMMDDLT(a.pickedDate)),1),e.createElementVNode("table",Ue,[e.createElementVNode("tr",Xe,[t[12]||(t[12]=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,g)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+"local"},e.toDisplayString(B.computeHourLT(o)),3))),128))]),e.createElementVNode("tr",We,[t[13]||(t[13]=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,g)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+"z"},e.toDisplayString(B.computeHourZ(o)),3))),128))]),e.createElementVNode("tr",Re,[t[14]||(t[14]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+"url"},[e.createVNode(k,{placement:"top",effect:"light",content:a.hoursTableData.weatherNames[g],"show-after":500},{default:e.withCtx(()=>[o?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",src:o},null,8,Je)):e.createCommentVNode("",!0)]),_:2},1032,["content"])],2))),128))]),e.createElementVNode("tr",qe,[t[15]||(t[15]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",Ze,[t[16]||(t[16]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",_e,[t[17]||(t[17]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",$e,[t[18]||(t[18]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",et,[t[19]||(t[19]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",tt,[t[20]||(t[20]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"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[21]||(t[21]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ot,[t[22]||(t[22]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])]),t[34]||(t[34]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",it,[e.createElementVNode("tr",nt,[t[23]||(t[23]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",rt,[t[24]||(t[24]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",lt,"-")):(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[25]||(t[25]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ct,[t[26]||(t[26]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",ht,[t[27]||(t[27]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",dt,"-")):(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",gt,[t[28]||(t[28]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",pt,[t[29]||(t[29]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",mt,[t[30]||(t[30]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",wt,"-")):(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[31]||(t[31]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])]),t[35]||(t[35]=e.createElementVNode("div",{style:{"text-align":"center",padding:"3px"}},null,-1)),e.createElementVNode("table",Dt,[e.createElementVNode("tr",ft,[t[32]||(t[32]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",yt,[t[33]||(t[33]=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,g)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(a.activeIndex===g?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])])])):(O=a.loading)!=null&&O.hoursTable?(e.openBlock(),e.createElementBlock("div",Et,t[36]||(t[36]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",xt,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Ct,[(j=a.position)!=null&&j.name&&s.token&&!((Y=a.loading)!=null&&Y.daysTable)?(e.openBlock(),e.createElementBlock("div",It,[t[48]||(t[48]=e.createElementVNode("div",{class:"date"},"Daily Forecast",-1)),e.createElementVNode("table",ut,[t[46]||(t[46]=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[47]||(t[47]=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":"10px","box-sizing":"border-box"}},"Date"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"font-black text-align-left",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,g)=>(e.openBlock(),e.createElementBlock("tr",{class:"text border-bottom",key:Math.random()+o.localDate},[e.createElementVNode("td",bt,[e.createElementVNode("div",null,e.toDisplayString(o.localWeek),1),e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",Qt,[o.weatherUrl?(e.openBlock(),e.createElementBlock("img",{key:0,class:"iconfont weather-icon",style:{width:"34px",height:"34px"},src:o.weatherUrl},null,8,Nt)):e.createCommentVNode("",!0)]),e.createElementVNode("td",kt,e.toDisplayString(o.weatherName),1),e.createElementVNode("td",Mt,[e.createTextVNode(e.toDisplayString(o.minTemp)+" / "+e.toDisplayString(o.maxTemp),1),t[37]||(t[37]=e.createElementVNode("span",{class:"unit"},"°C",-1))]),e.createElementVNode("td",Lt,[e.createTextVNode(e.toDisplayString(o.precipSum),1),t[38]||(t[38]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",zt,[e.createTextVNode(e.toDisplayString(o.precipRainSum),1),t[39]||(t[39]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",Ht,[e.createTextVNode(e.toDisplayString(o.precipSnowfallSum),1),t[40]||(t[40]=e.createElementVNode("span",{class:"unit"},"mm",-1))]),e.createElementVNode("td",Pt,[e.createElementVNode("span",null,e.toDisplayString(o.windSpeedMax),1),t[41]||(t[41]=e.createElementVNode("span",{class:"unit"},"kts",-1)),!isNaN(o.windSpeedDir)&&!isNaN(o.windSpeedMax)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windSpeedDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",St,"-"))]),e.createElementVNode("td",Tt,[e.createElementVNode("span",null,e.toDisplayString(o.gustSpeedMax),1),t[42]||(t[42]=e.createElementVNode("span",{class:"unit"},"kts",-1))]),e.createElementVNode("td",Gt,[e.createElementVNode("span",null,e.toDisplayString(o.windWaveHeight),1),t[43]||(t[43]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.windWaveDir)&&!isNaN(o.windWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Ft,"-"))]),e.createElementVNode("td",Vt,[e.createElementVNode("span",null,e.toDisplayString(o.swellWaveHeight),1),t[44]||(t[44]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.swellWaveDir)&&!isNaN(o.swellWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.swellWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Ot,"-"))]),e.createElementVNode("td",jt,[e.createElementVNode("span",null,e.toDisplayString(o.sigWaveHeight),1),t[45]||(t[45]=e.createElementVNode("span",{class:"unit"},"m",-1)),!isNaN(o.sigWaveDir)&&!isNaN(o.sigWaveHeight)?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveDir}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",Yt,"-"))])]))),128))])])):(K=a.loading)!=null&&K.daysTable?(e.openBlock(),e.createElementBlock("div",Kt,t[49]||(t[49]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",vt,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Ut,[(v=a.position)!=null&&v.name&&s.token&&!((U=a.loading)!=null&&U.hourlyTable)?(e.openBlock(),e.createElementBlock("div",Xt,[t[52]||(t[52]=e.createElementVNode("div",{class:"date"},"Hourly Forecast",-1)),e.createElementVNode("table",Wt,[t[50]||(t[50]=e.createElementVNode("tr",{class:"day tr-title"},[e.createElementVNode("th",{rowspan:"2",colspan:"1",class:"border",style:{width:"70px"}},"DateTime"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Temp"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Precip"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Visibility"),e.createElementVNode("th",{rowspan:"1",colspan:"4",class:"border"},"Wind"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"border"},"Wind wave"),e.createElementVNode("th",{rowspan:"1",colspan:"3",class:"border"},"Sig.wave"),e.createElementVNode("th",{rowspan:"1",colspan:"2",class:"border"},"Current"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Sea Level"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Sea Surface")],-1)),t[51]||(t[51]=e.createElementVNode("tr",{class:"hour tr-title"},[e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"°C"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border",style:{width:"60px"}},"Acc (mm)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dist (nm)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Spd(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"BF"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Gusts(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Prd(s)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Prd(s)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Dir"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Spd(kts)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Hgt(m)"),e.createElementVNode("th",{rowspan:"1",colspan:"1",class:"border"},"Temp(°C)")],-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.hourlyTableData,(o,g)=>(e.openBlock(),e.createElementBlock("tr",{class:"text border-bottom",key:Math.random()+o.localDate},[e.createElementVNode("td",Rt,[e.createElementVNode("div",null,e.toDisplayString(o.localDate),1)]),e.createElementVNode("td",Jt,[e.createElementVNode("div",null,e.toDisplayString(o.temp),1)]),e.createElementVNode("td",qt,e.toDisplayString(o.precipSum),1),e.createElementVNode("td",Zt,e.toDisplayString(o.visibility),1),e.createElementVNode("td",_t,[e.createTextVNode(e.toDisplayString(o.windDir)+" ",1),!isNaN(o.windBearing)&&o.windDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",$t,"-"))]),e.createElementVNode("td",es,e.toDisplayString(o.windSpeed),1),e.createElementVNode("td",ts,e.toDisplayString(o.windBF),1),e.createElementVNode("td",ss,e.toDisplayString(o.windGusts),1),e.createElementVNode("td",as,[e.createTextVNode(e.toDisplayString(o.windWaveDir)+" ",1),!isNaN(o.windWaveBearing)&&o.windWaveDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.windWaveBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",os,"-"))]),e.createElementVNode("td",is,e.toDisplayString(o.windWaveHeight),1),e.createElementVNode("td",ns,e.toDisplayString(o.windWavePeriod),1),e.createElementVNode("td",rs,[e.createTextVNode(e.toDisplayString(o.sigWaveDir)+" ",1),!isNaN(o.sigWaveBearing)&&o.sigWaveDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.sigWaveBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",ls,"-"))]),e.createElementVNode("td",As,e.toDisplayString(o.sigWaveHeight),1),e.createElementVNode("td",cs,e.toDisplayString(o.sigWavePeriod),1),e.createElementVNode("td",hs,[e.createTextVNode(e.toDisplayString(o.currentDir)+" ",1),!isNaN(o.currentBearing)&&o.currentDir?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon",style:e.normalizeStyle({display:"inline-block",transform:`rotate(${o.currentBearing}deg)`})},"",4)):(e.openBlock(),e.createElementBlock("span",ds,"-"))]),e.createElementVNode("td",gs,e.toDisplayString(o.currentSpd),1),e.createElementVNode("td",ps,e.toDisplayString(o.seaLevel),1),e.createElementVNode("td",ms,e.toDisplayString(o.seaSurfaceTemp),1)]))),128))])])):(c=a.loading)!=null&&c.hourlyTable?(e.openBlock(),e.createElementBlock("div",ws,t[53]||(t[53]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Bs,"No Data"))])):e.createCommentVNode("",!0),a.menuIndex===3?(e.openBlock(),e.createElementBlock("div",Ds,[(P=a.position)!=null&&P.name&&s.token&&!((N=a.loading)!=null&&N.seasonalEchart)?(e.openBlock(),e.createElementBlock("div",fs,[e.createElementVNode("div",ys,[e.createElementVNode("div",{class:"title flex-start",id:"seasonal-title",onClick:t[8]||(t[8]=o=>a.seasonalData.showMonths=!a.seasonalData.showMonths)},[e.createElementVNode("div",Es,e.toDisplayString((d=(Q=(L=a.currentMonth)==null?void 0:L.month)==null?void 0:Q.split("-"))==null?void 0:d[0])+" "+e.toDisplayString((y=(w=(C=a.currentMonth)==null?void 0:C.month)==null?void 0:w.split("-"))==null?void 0:y[1]),1),e.createElementVNode("div",xs,[e.createVNode(T,null,{default:e.withCtx(()=>[e.createVNode(M)]),_:1})]),e.withDirectives(e.createElementVNode("div",Cs,[e.createElementVNode("div",Is,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.monthsOptions,(o,g)=>{var m;return e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["month-option",((m=a.currentMonth)==null?void 0:m.month)===o.month?"active":""]),onClick:he=>B.handleSelectMonth(o)},e.toDisplayString(o.month),11,us)}),128))])],512),[[e.vShow,a.seasonalData.showMonths]])]),t[54]||(t[54]=e.createElementVNode("div",{id:"temperature-echart"},null,-1)),t[55]||(t[55]=e.createElementVNode("div",{id:"wind-precip-echart"},null,-1))]),e.createElementVNode("div",bs,[e.createElementVNode("div",Qs,e.toDisplayString((r=a.currentMonth)==null?void 0:r.month)+" Summary",1),t[56]||(t[56]=e.createElementVNode("div",{class:"label"},"Temperature",-1)),e.createElementVNode("div",Ns,"Avg High Temp: "+e.toDisplayString(a.seasonalData.minHighTemp)+" to "+e.toDisplayString(a.seasonalData.maxHighTemp)+" °C",1),e.createElementVNode("div",ks,"Avg Low Temp: "+e.toDisplayString(a.seasonalData.minLowTemp)+" to "+e.toDisplayString(a.seasonalData.maxLowTemp)+" °C",1),e.createElementVNode("div",Ms,"Hottest Day: "+e.toDisplayString(a.seasonalData.hottestDay),1),e.createElementVNode("div",Ls,"Coldest Day: "+e.toDisplayString(a.seasonalData.coldestDay),1),t[57]||(t[57]=e.createElementVNode("div",{class:"label"},"Precipitation",-1)),e.createElementVNode("div",zs,"Light (<10mm): "+e.toDisplayString((ee=(i=(I=a.seasonalData)==null?void 0:I.precip)==null?void 0:i.filter(o=>o<10))==null?void 0:ee.length)+" days",1),e.createElementVNode("div",Hs,"Moderate (<24.9mm): "+e.toDisplayString((ne=(ie=(A=a.seasonalData)==null?void 0:A.precip)==null?void 0:ie.filter(o=>o>=10&&o<24.9))==null?void 0:ne.length)+" days",1),e.createElementVNode("div",Ps,"Heavy (<49.9mm): "+e.toDisplayString((se=(D=(re=a.seasonalData)==null?void 0:re.precip)==null?void 0:D.filter(o=>o>=24.9&&o<49.9))==null?void 0:se.length)+" days",1),e.createElementVNode("div",Ss,"Rainstorm (<99.9mm): "+e.toDisplayString((Z=(q=(p=a.seasonalData)==null?void 0:p.precip)==null?void 0:q.filter(o=>o>=49.9&&o<99.9))==null?void 0:Z.length)+" days",1),e.createElementVNode("div",Ts,"Heavy Rainstorm (>=100mm): "+e.toDisplayString((ae=(_=(h=a.seasonalData)==null?void 0:h.precip)==null?void 0:_.filter(o=>o>=100))==null?void 0:ae.length)+" days",1),t[58]||(t[58]=e.createElementVNode("div",{class:"label"},"Wind",-1)),e.createElementVNode("div",Gs,"Mean Wind: "+e.toDisplayString(B.roundPrecision(a.seasonalData.meanWind,1))+" kts",1),e.createElementVNode("div",Fs,"Windiest Day: "+e.toDisplayString(a.seasonalData.windiestDay)+" ( "+e.toDisplayString(a.seasonalData.maxWindSpeed)+"kts )",1),e.createElementVNode("div",Vs,"Dominant Wind Dir: "+e.toDisplayString(a.seasonalData.dominantWind),1)])])):(oe=a.loading)!=null&&oe.seasonalEchart?(e.openBlock(),e.createElementBlock("div",Os,t[59]||(t[59]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",js,"No Data"))])):e.createCommentVNode("",!0)])])}const fe=xe(Ce,[["render",Ys],["__scopeId","data-v-a24e6164"]]),Ks={install(n){n.component("SpotReport",fe)}};le.SpotReport=fe,le.SpotReportPlugin=Ks,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@page{size:1200px;margin:20px auto 40px}.spot-report[data-v-f38a4276]{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-f38a4276]{background:#fff}.spot-report .search-header-box .search-header-box-inner[data-v-f38a4276]{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-f38a4276]{width:300px}.spot-report .search-header-box .search-header-box-inner .search-box .info[data-v-f38a4276]{margin:0 10px;color:var(--idm-info-color);font-size:12px}.spot-report .search-header-box .search-header-box-inner .menu-box[data-v-f38a4276]{height:100%}.spot-report .search-header-box .search-header-box-inner .menu-box .item[data-v-f38a4276]{height:100%;padding:0 10px;cursor:pointer}.spot-report .search-header-box .search-header-box-inner .menu-box .item.active[data-v-f38a4276]{font-weight:700;color:var(--idm-primary-color);background:var(--idm-gray-light2)}.spot-report .content-box[data-v-f38a4276]{flex:1;width:1160px;margin:0 auto;padding:5px 0;box-sizing:border-box}.spot-report .content-box .title-section .main-title[data-v-f38a4276]{font-size:18px;font-weight:700}.spot-report .content-box .title-section .sub-title[data-v-f38a4276]{font-size:13px;padding:2px 0}.spot-report .content-box .title-section .icon[data-v-f38a4276]{cursor:pointer;margin-left:10px;font-size:16px}.spot-report .content-box .title-section .icon[data-v-f38a4276]:hover{color:var(--idm-primary-color)}.spot-report .content-box .title-section .icon.active[data-v-f38a4276]{color:var(--idm-warning-color)}.spot-report .content-box .weather-echart-section[data-v-f38a4276]{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-f38a4276]{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-f38a4276]{background:none}.spot-report .content-box .meteogram-echart-section[data-v-f38a4276]{height:480px;box-sizing:border-box;margin:5px 0 15px;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section .card[data-v-f38a4276]{height:100%}.spot-report .content-box .meteogram-echart-section .title[data-v-f38a4276]{font-weight:700;height:30px;line-height:30px;padding:0 10px;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section #weather-icons[data-v-f38a4276]{position:relative;height:30px;width:100%;top:40px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #weather-condition[data-v-f38a4276]{height:230px;width:100%;margin-top:-30px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #wave-swell[data-v-f38a4276]{height:200px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section[data-v-f38a4276]{height:650px;box-sizing:border-box;margin:5px 0 15px}.spot-report .content-box .seasonal-weather-section .card[data-v-f38a4276]{height:100%}.spot-report .content-box .seasonal-weather-section .right-bar[data-v-f38a4276]{margin-left:10px;padding:20px 10px;width:300px;height:100%;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .right-bar .label[data-v-f38a4276]{padding:0 0 20px;color:var(--idm-primary-color);font-size:14px;font-weight:700}.spot-report .content-box .seasonal-weather-section .right-bar .text[data-v-f38a4276]{padding:0 10px 15px 15px}.spot-report .content-box .seasonal-weather-section .title[data-v-f38a4276]{font-weight:700;height:30px;line-height:30px;padding:0 10px}.spot-report .content-box .seasonal-weather-section .echart-box[data-v-f38a4276]{flex:1;height:100%;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box[data-v-f38a4276]{width:150px;margin-left:10px;margin-top:-30px;height:0;position:relative;z-index:9}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .bg-select[data-v-f38a4276]{box-shadow:0 2px 12px #ddd;background:#fff;color:#606266;font-size:14px;font-weight:400}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-f38a4276]{padding:5px 20px;cursor:pointer}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option.active[data-v-f38a4276]{color:#409eff;font-weight:700}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-f38a4276]:hover{background:var(--idm-gray-light)}.spot-report .content-box .seasonal-weather-section .echart-box .title[data-v-f38a4276]{font-size:16px;font-weight:700;margin:10px 0}.spot-report .content-box .seasonal-weather-section .echart-box #temperature-echart[data-v-f38a4276],.spot-report .content-box .seasonal-weather-section .echart-box #wind-precip-echart[data-v-f38a4276]{height:300px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .hours-table-section[data-v-f38a4276],.spot-report .content-box .days-table-section[data-v-f38a4276],.spot-report .content-box .hourly-table-section[data-v-f38a4276]{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-f38a4276],.spot-report .content-box .days-table-section .card[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card[data-v-f38a4276]{min-height:400px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card.card-loading[data-v-f38a4276],.spot-report .content-box .days-table-section .card.card-loading[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card.card-loading[data-v-f38a4276]{background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .date[data-v-f38a4276],.spot-report .content-box .days-table-section .card .date[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .date[data-v-f38a4276]{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-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table[data-v-f38a4276]{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-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .tr-title[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .tr-title[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .tr-title[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .tr-title[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .tr-title[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .tr-title[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .tr-title[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .tr-title[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .tr-title[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .tr-title[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .tr-title[data-v-f38a4276]{text-align:center;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .td-title[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .td-title[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .td-title[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .td-title[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .td-title[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .td-title[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .td-title[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .td-title[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .td-title[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .td-title[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .td-title[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .td-title[data-v-f38a4276]{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-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .unit[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .unit[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .unit[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .unit[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .unit[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .unit[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .unit[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .unit[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .unit[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .unit[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .unit[data-v-f38a4276]{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-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-left[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .text-align-left[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-left[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .text-align-left[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-left[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .text-align-left[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .text-align-left[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .text-align-left[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .text-align-left[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .text-align-left[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .text-align-left[data-v-f38a4276]{text-align:left}.spot-report .content-box .hours-table-section .card .basic-table .font-gray[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .font-gray[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .font-gray[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .font-gray[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .font-gray[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .font-gray[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .font-gray[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .font-gray[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .font-gray[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-gray[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .font-gray[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .font-gray[data-v-f38a4276]{color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .font-black[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .font-black[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .font-black[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .font-black[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .font-black[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .font-black[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .font-black[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .font-black[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .font-black[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-black[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .font-black[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .font-black[data-v-f38a4276]{color:var(--idm-black-6)!important;font-weight:700}.spot-report .content-box .hours-table-section .card .basic-table .border-bottom[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .border-bottom[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .border-bottom[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .border-bottom[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .border-bottom[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .border-bottom[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .border-bottom[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .border-bottom[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .border-bottom[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .border-bottom[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .border-bottom[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .border-bottom[data-v-f38a4276]{border-bottom:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table .border[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .border[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .border[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .border[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .border[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .border[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .border[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .border[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .border[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .border[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .border[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .border[data-v-f38a4276]{border:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table td[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table td[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table td[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table td[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table td[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table td[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table td[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table td[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table td[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table td[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table td[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table td[data-v-f38a4276]{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-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table td.active[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table td.active[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table td.active[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table td.active[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table td.active[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table td.active[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table td.active[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table td.active[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table td.active[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table td.active[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table td.active[data-v-f38a4276]{background:rgba(64,159,255,.25)}.spot-report .content-box .hours-table-section .card .basic-table th[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table th[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table th[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table th[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table th[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table th[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table th[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table th[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table th[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table th[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table th[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table th[data-v-f38a4276]{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-f38a4276],.spot-report .content-box .hours-table-section .card .wave-current-table .weather-icon[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .sea-table .weather-icon[data-v-f38a4276],.spot-report .content-box .hours-table-section .card .conditions-table .weather-icon[data-v-f38a4276],.spot-report .content-box .days-table-section .card .basic-table .weather-icon[data-v-f38a4276],.spot-report .content-box .days-table-section .card .wave-current-table .weather-icon[data-v-f38a4276],.spot-report .content-box .days-table-section .card .sea-table .weather-icon[data-v-f38a4276],.spot-report .content-box .days-table-section .card .conditions-table .weather-icon[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .basic-table .weather-icon[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .wave-current-table .weather-icon[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .sea-table .weather-icon[data-v-f38a4276],.spot-report .content-box .hourly-table-section .card .conditions-table .weather-icon[data-v-f38a4276]{width:24px;height:24px;cursor:pointer}
|
|
1
|
+
@page{size:1200px;margin:20px auto 40px}.spot-report[data-v-a24e6164]{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-a24e6164]{background:#fff}.spot-report .search-header-box .search-header-box-inner[data-v-a24e6164]{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-a24e6164]{width:300px}.spot-report .search-header-box .search-header-box-inner .search-box .info[data-v-a24e6164]{margin:0 10px;color:var(--idm-info-color);font-size:12px}.spot-report .search-header-box .search-header-box-inner .menu-box[data-v-a24e6164]{height:100%}.spot-report .search-header-box .search-header-box-inner .menu-box .item[data-v-a24e6164]{height:100%;padding:0 10px;cursor:pointer}.spot-report .search-header-box .search-header-box-inner .menu-box .item.active[data-v-a24e6164]{font-weight:700;color:var(--idm-primary-color);background:var(--idm-gray-light2)}.spot-report .content-box[data-v-a24e6164]{flex:1;width:1160px;margin:0 auto;padding:5px 0;box-sizing:border-box}.spot-report .content-box .title-section .main-title[data-v-a24e6164]{font-size:18px;font-weight:700}.spot-report .content-box .title-section .sub-title[data-v-a24e6164]{font-size:13px;padding:2px 0}.spot-report .content-box .title-section .icon[data-v-a24e6164]{cursor:pointer;margin-left:10px;font-size:16px}.spot-report .content-box .title-section .icon[data-v-a24e6164]:hover{color:var(--idm-primary-color)}.spot-report .content-box .title-section .icon.active[data-v-a24e6164]{color:var(--idm-warning-color)}.spot-report .content-box .weather-echart-section[data-v-a24e6164]{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-a24e6164]{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-a24e6164]{background:none}.spot-report .content-box .meteogram-echart-section[data-v-a24e6164]{height:480px;box-sizing:border-box;margin:5px 0 15px;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section .card[data-v-a24e6164]{height:100%}.spot-report .content-box .meteogram-echart-section .title[data-v-a24e6164]{font-weight:700;height:30px;line-height:30px;padding:0 10px;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section #weather-icons[data-v-a24e6164]{position:relative;height:30px;width:100%;top:40px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #weather-condition[data-v-a24e6164]{height:230px;width:100%;margin-top:-30px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #wave-swell[data-v-a24e6164]{height:200px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section[data-v-a24e6164]{height:650px;box-sizing:border-box;margin:5px 0 15px}.spot-report .content-box .seasonal-weather-section .card[data-v-a24e6164]{height:100%}.spot-report .content-box .seasonal-weather-section .right-bar[data-v-a24e6164]{margin-left:10px;padding:20px 10px;width:300px;height:100%;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .right-bar .label[data-v-a24e6164]{padding:0 0 20px;color:var(--idm-primary-color);font-size:14px;font-weight:700}.spot-report .content-box .seasonal-weather-section .right-bar .text[data-v-a24e6164]{padding:0 10px 15px 15px}.spot-report .content-box .seasonal-weather-section .title[data-v-a24e6164]{font-weight:700;height:30px;line-height:30px;padding:0 10px}.spot-report .content-box .seasonal-weather-section .echart-box[data-v-a24e6164]{flex:1;height:100%;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box[data-v-a24e6164]{width:150px;margin-left:10px;margin-top:-30px;height:0;position:relative;z-index:9}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .bg-select[data-v-a24e6164]{box-shadow:0 2px 12px #ddd;background:#fff;color:#606266;font-size:14px;font-weight:400}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-a24e6164]{padding:5px 20px;cursor:pointer}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option.active[data-v-a24e6164]{color:#409eff;font-weight:700}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-a24e6164]:hover{background:var(--idm-gray-light)}.spot-report .content-box .seasonal-weather-section .echart-box .title[data-v-a24e6164]{font-size:16px;font-weight:700;margin:10px 0}.spot-report .content-box .seasonal-weather-section .echart-box #temperature-echart[data-v-a24e6164],.spot-report .content-box .seasonal-weather-section .echart-box #wind-precip-echart[data-v-a24e6164]{height:300px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .hours-table-section[data-v-a24e6164],.spot-report .content-box .days-table-section[data-v-a24e6164],.spot-report .content-box .hourly-table-section[data-v-a24e6164]{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-a24e6164],.spot-report .content-box .days-table-section .card[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card[data-v-a24e6164]{min-height:400px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card.card-loading[data-v-a24e6164],.spot-report .content-box .days-table-section .card.card-loading[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card.card-loading[data-v-a24e6164]{background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .date[data-v-a24e6164],.spot-report .content-box .days-table-section .card .date[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .date[data-v-a24e6164]{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-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table[data-v-a24e6164]{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-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .tr-title[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .tr-title[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .tr-title[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .tr-title[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .tr-title[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .tr-title[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .tr-title[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .tr-title[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .tr-title[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .tr-title[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .tr-title[data-v-a24e6164]{text-align:center;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .td-title[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .td-title[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .td-title[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .td-title[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .td-title[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .td-title[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .td-title[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .td-title[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .td-title[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .td-title[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .td-title[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .td-title[data-v-a24e6164]{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-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .unit[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .unit[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .unit[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .unit[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .unit[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .unit[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .unit[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .unit[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .unit[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .unit[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .unit[data-v-a24e6164]{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-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-left[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .text-align-left[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-left[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .text-align-left[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-left[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .text-align-left[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .text-align-left[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .text-align-left[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .text-align-left[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .text-align-left[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .text-align-left[data-v-a24e6164]{text-align:left}.spot-report .content-box .hours-table-section .card .basic-table .font-gray[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .font-gray[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .font-gray[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .font-gray[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .font-gray[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .font-gray[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .font-gray[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .font-gray[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .font-gray[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-gray[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .font-gray[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .font-gray[data-v-a24e6164]{color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .font-black[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .font-black[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .font-black[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .font-black[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .font-black[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .font-black[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .font-black[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .font-black[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .font-black[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-black[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .font-black[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .font-black[data-v-a24e6164]{color:var(--idm-black-6)!important;font-weight:700}.spot-report .content-box .hours-table-section .card .basic-table .border-bottom[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .border-bottom[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .border-bottom[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .border-bottom[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .border-bottom[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .border-bottom[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .border-bottom[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .border-bottom[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .border-bottom[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .border-bottom[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .border-bottom[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .border-bottom[data-v-a24e6164]{border-bottom:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table .border[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .border[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .border[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .border[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .border[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .border[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .border[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .border[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .border[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .border[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .border[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .border[data-v-a24e6164]{border:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table td[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table td[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table td[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table td[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table td[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table td[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table td[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table td[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table td[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table td[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table td[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table td[data-v-a24e6164]{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-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table td.active[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table td.active[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table td.active[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table td.active[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table td.active[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table td.active[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table td.active[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table td.active[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table td.active[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table td.active[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table td.active[data-v-a24e6164]{background:rgba(64,159,255,.25)}.spot-report .content-box .hours-table-section .card .basic-table th[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table th[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table th[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table th[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table th[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table th[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table th[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table th[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table th[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table th[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table th[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table th[data-v-a24e6164]{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-a24e6164],.spot-report .content-box .hours-table-section .card .wave-current-table .weather-icon[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .sea-table .weather-icon[data-v-a24e6164],.spot-report .content-box .hours-table-section .card .conditions-table .weather-icon[data-v-a24e6164],.spot-report .content-box .days-table-section .card .basic-table .weather-icon[data-v-a24e6164],.spot-report .content-box .days-table-section .card .wave-current-table .weather-icon[data-v-a24e6164],.spot-report .content-box .days-table-section .card .sea-table .weather-icon[data-v-a24e6164],.spot-report .content-box .days-table-section .card .conditions-table .weather-icon[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .basic-table .weather-icon[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .wave-current-table .weather-icon[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .sea-table .weather-icon[data-v-a24e6164],.spot-report .content-box .hourly-table-section .card .conditions-table .weather-icon[data-v-a24e6164]{width:24px;height:24px;cursor:pointer}
|