@idmui/spot 0.3.7 → 0.3.8
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 +2 -2
- package/dist/index.umd.cjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2295,7 +2295,7 @@ const Se = (l, e) => {
|
|
|
2295
2295
|
return !1;
|
|
2296
2296
|
{
|
|
2297
2297
|
let d = { color: "", colorLastYear: "", url: "" };
|
|
2298
|
-
return ((Q = h[2]) == null ? void 0 : Q.value) < 1.9 ? d.color = "rgba(172, 210, 255, 1)" : ((m = h[2]) == null ? void 0 : m.value) < 3.9 ? d.color = "rgba(3, 248, 103, 1)" : ((z = h[2]) == null ? void 0 : z.value) < 7.9 ? d.color = "rgba(190, 226, 2, 18)" : ((B = h[2]) == null ? void 0 : B.value) < 19.9 ? d.color = "rgba(248, 1, 1, 1)" : ((I = h[2]) == null ? void 0 : I.value) > 20 ? d.color = "rgba(197, 5, 58, 1)" : d.color = "rgba(172, 210, 255, 1)", ((u = h[3]) == null ? void 0 : u.value) <
|
|
2298
|
+
return ((Q = h[2]) == null ? void 0 : Q.value) < 1.9 ? d.color = "rgba(172, 210, 255, 1)" : ((m = h[2]) == null ? void 0 : m.value) < 3.9 ? d.color = "rgba(3, 248, 103, 1)" : ((z = h[2]) == null ? void 0 : z.value) < 7.9 ? d.color = "rgba(190, 226, 2, 18)" : ((B = h[2]) == null ? void 0 : B.value) < 19.9 ? d.color = "rgba(248, 1, 1, 1)" : ((I = h[2]) == null ? void 0 : I.value) > 20 ? d.color = "rgba(197, 5, 58, 1)" : d.color = "rgba(172, 210, 255, 1)", ((u = h[3]) == null ? void 0 : u.value) < 9.9 ? d.colorLastYear = "rgba(172, 210, 255, 1)" : ((f = h[3]) == null ? void 0 : f.value) < 24.9 ? d.colorLastYear = "rgba(3, 248, 103, 1)" : ((n = h[3]) == null ? void 0 : n.value) < 49.9 ? d.colorLastYear = "rgba(190, 226, 2, 18)" : ((H = h[3]) == null ? void 0 : H.value) < 99.9 ? d.colorLastYear = "rgba(248, 1, 1, 1)" : ((g = h[3]) == null ? void 0 : g.value) > 100 ? d.colorLastYear = "rgba(197, 5, 58, 1)" : d.colorLastYear = "rgba(172, 210, 255, 1)", d.url = (() => {
|
|
2299
2299
|
const F = document.createElementNS("http://www.w3.org/2000/svg", "svg");
|
|
2300
2300
|
F.setAttribute("width", "10"), F.setAttribute("height", "10"), F.setAttribute("viewBox", "0 0 10 10");
|
|
2301
2301
|
const $ = document.createElementNS("http://www.w3.org/2000/svg", "rect");
|
|
@@ -3836,7 +3836,7 @@ function ia(l, e, a, A, s, x) {
|
|
|
3836
3836
|
])
|
|
3837
3837
|
]);
|
|
3838
3838
|
}
|
|
3839
|
-
const oa = /* @__PURE__ */ Se(Fe, [["render", ia], ["__scopeId", "data-v-
|
|
3839
|
+
const oa = /* @__PURE__ */ Se(Fe, [["render", ia], ["__scopeId", "data-v-3269abe2"]]), da = {
|
|
3840
3840
|
install(l) {
|
|
3841
3841
|
l.component("SpotReport", oa);
|
|
3842
3842
|
}
|
package/dist/index.umd.cjs
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
<span style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;background-color: #7baef7;}"></span>
|
|
44
44
|
<span>Low, last year : </span><strong>${(x=l[3])==null?void 0:x.value}</strong><span style="padding-left: 3px;">℃</span>
|
|
45
45
|
</div>
|
|
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:(P=this.seasonalData)==null?void 0:P.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:n,max:a,interval:s,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0}],series:[{name:"High",type:"line",data:(v=this.seasonalData)==null?void 0:v.highTemp,symbol:"none",smooth:!1,itemStyle:{color:"#FF9500"},label:{show:!1}},{name:"High, last year",type:"line",symbol:"none",data:(Y=this.seasonalData)==null?void 0:Y.lastYearHighTemp,itemStyle:{color:"#f7c587"},lineStyle:{color:"#f7c587"},label:{show:!1}},{name:"Low",type:"line",data:(j=this.seasonalData)==null?void 0:j.lowTemp,symbol:"none",smooth:!1,itemStyle:{color:"#2164bf"},label:{show:!1}},{name:"Low, last year",type:"line",symbol:"none",data:(K=this.seasonalData)==null?void 0:K.lastYearLowTemp,itemStyle:{color:"#7baef7"},lineStyle:{color:"#7baef7"},label:{show:!1}}]};this.loading.seasonalEchart=!1,this.$nextTick(()=>{ce.init(document.getElementById("temperature-echart")).setOption(f)});function M(l){return{image:(()=>{const b=document.createElementNS("http://www.w3.org/2000/svg","svg");b.setAttribute("width","10"),b.setAttribute("height","5"),b.setAttribute("viewBox","0 0 10 5");const u=document.createElementNS("http://www.w3.org/2000/svg","rect");u.setAttribute("x","0"),u.setAttribute("y","0"),u.setAttribute("width","10"),u.setAttribute("height","5"),u.setAttribute("fill",l),b.appendChild(u);const I=document.createElementNS("http://www.w3.org/2000/svg","line");I.setAttribute("x1","0"),I.setAttribute("y1","0"),I.setAttribute("x2","10"),I.setAttribute("y2","5"),I.setAttribute("stroke","#fff"),I.setAttribute("stroke-width","1"),b.appendChild(I);const g=new XMLSerializer().serializeToString(b),N=new Blob([g],{type:"image/svg+xml;charset=utf-8"});return URL.createObjectURL(N)})(),repeat:"repeat"}}let F=Math.max(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(l=>typeof l=="number"&&!isNaN(l))),z=Math.min(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(l=>typeof l=="number"&&!isNaN(l)))>0?0:Math.min(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(l=>typeof l=="number"&&!isNaN(l))),H=Math.ceil((F+1)/5)*5,S=Math.ceil((H-z)/5),_=Math.max(...[...this.seasonalData.precip,...this.seasonalData.lastYearPrecip].filter(l=>typeof l=="number"&&!isNaN(l))),O=0,Z=Math.ceil(_*2/5)*5,$=Math.ceil((Z-O)/5);const Q={title:{text:"Wind & Preciption",top:"10px",left:"5px",textStyle:{fontWeight:"normal",fontSize:14}},grid:{show:!0,bottom:"15%",top:"100px",left:"8%",right:"8%",borderColor:"#666",borderWidth:1,z:1,zlevel:1},tooltip:{trigger:"axis",show:!0,position:"right",formatter:l=>{var u,I,g,N,B,x,p,w,i,k,A,ie,ne,re,y,se;const b=(u=l==null?void 0:l[0])==null?void 0:u.dataIndex;if(l.find(c=>c.seriesType==="scatter"))return!1;{let c={color:"",colorLastYear:"",url:""};return((I=l[2])==null?void 0:I.value)<1.9?c.color="rgba(172, 210, 255, 1)":((g=l[2])==null?void 0:g.value)<3.9?c.color="rgba(3, 248, 103, 1)":((N=l[2])==null?void 0:N.value)<7.9?c.color="rgba(190, 226, 2, 18)":((B=l[2])==null?void 0:B.value)<19.9?c.color="rgba(248, 1, 1, 1)":((x=l[2])==null?void 0:x.value)>20?c.color="rgba(197, 5, 58, 1)":c.color="rgba(172, 210, 255, 1)",((p=l[3])==null?void 0:p.value)<
|
|
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:(P=this.seasonalData)==null?void 0:P.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:n,max:a,interval:s,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0}],series:[{name:"High",type:"line",data:(v=this.seasonalData)==null?void 0:v.highTemp,symbol:"none",smooth:!1,itemStyle:{color:"#FF9500"},label:{show:!1}},{name:"High, last year",type:"line",symbol:"none",data:(Y=this.seasonalData)==null?void 0:Y.lastYearHighTemp,itemStyle:{color:"#f7c587"},lineStyle:{color:"#f7c587"},label:{show:!1}},{name:"Low",type:"line",data:(j=this.seasonalData)==null?void 0:j.lowTemp,symbol:"none",smooth:!1,itemStyle:{color:"#2164bf"},label:{show:!1}},{name:"Low, last year",type:"line",symbol:"none",data:(K=this.seasonalData)==null?void 0:K.lastYearLowTemp,itemStyle:{color:"#7baef7"},lineStyle:{color:"#7baef7"},label:{show:!1}}]};this.loading.seasonalEchart=!1,this.$nextTick(()=>{ce.init(document.getElementById("temperature-echart")).setOption(f)});function M(l){return{image:(()=>{const b=document.createElementNS("http://www.w3.org/2000/svg","svg");b.setAttribute("width","10"),b.setAttribute("height","5"),b.setAttribute("viewBox","0 0 10 5");const u=document.createElementNS("http://www.w3.org/2000/svg","rect");u.setAttribute("x","0"),u.setAttribute("y","0"),u.setAttribute("width","10"),u.setAttribute("height","5"),u.setAttribute("fill",l),b.appendChild(u);const I=document.createElementNS("http://www.w3.org/2000/svg","line");I.setAttribute("x1","0"),I.setAttribute("y1","0"),I.setAttribute("x2","10"),I.setAttribute("y2","5"),I.setAttribute("stroke","#fff"),I.setAttribute("stroke-width","1"),b.appendChild(I);const g=new XMLSerializer().serializeToString(b),N=new Blob([g],{type:"image/svg+xml;charset=utf-8"});return URL.createObjectURL(N)})(),repeat:"repeat"}}let F=Math.max(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(l=>typeof l=="number"&&!isNaN(l))),z=Math.min(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(l=>typeof l=="number"&&!isNaN(l)))>0?0:Math.min(...[...this.seasonalData.windSpeed,...this.seasonalData.lastYearWindSpeed].filter(l=>typeof l=="number"&&!isNaN(l))),H=Math.ceil((F+1)/5)*5,S=Math.ceil((H-z)/5),_=Math.max(...[...this.seasonalData.precip,...this.seasonalData.lastYearPrecip].filter(l=>typeof l=="number"&&!isNaN(l))),O=0,Z=Math.ceil(_*2/5)*5,$=Math.ceil((Z-O)/5);const Q={title:{text:"Wind & Preciption",top:"10px",left:"5px",textStyle:{fontWeight:"normal",fontSize:14}},grid:{show:!0,bottom:"15%",top:"100px",left:"8%",right:"8%",borderColor:"#666",borderWidth:1,z:1,zlevel:1},tooltip:{trigger:"axis",show:!0,position:"right",formatter:l=>{var u,I,g,N,B,x,p,w,i,k,A,ie,ne,re,y,se;const b=(u=l==null?void 0:l[0])==null?void 0:u.dataIndex;if(l.find(c=>c.seriesType==="scatter"))return!1;{let c={color:"",colorLastYear:"",url:""};return((I=l[2])==null?void 0:I.value)<1.9?c.color="rgba(172, 210, 255, 1)":((g=l[2])==null?void 0:g.value)<3.9?c.color="rgba(3, 248, 103, 1)":((N=l[2])==null?void 0:N.value)<7.9?c.color="rgba(190, 226, 2, 18)":((B=l[2])==null?void 0:B.value)<19.9?c.color="rgba(248, 1, 1, 1)":((x=l[2])==null?void 0:x.value)>20?c.color="rgba(197, 5, 58, 1)":c.color="rgba(172, 210, 255, 1)",((p=l[3])==null?void 0:p.value)<9.9?c.colorLastYear="rgba(172, 210, 255, 1)":((w=l[3])==null?void 0:w.value)<24.9?c.colorLastYear="rgba(3, 248, 103, 1)":((i=l[3])==null?void 0:i.value)<49.9?c.colorLastYear="rgba(190, 226, 2, 18)":((k=l[3])==null?void 0:k.value)<99.9?c.colorLastYear="rgba(248, 1, 1, 1)":((A=l[3])==null?void 0:A.value)>100?c.colorLastYear="rgba(197, 5, 58, 1)":c.colorLastYear="rgba(172, 210, 255, 1)",c.url=(()=>{const T=document.createElementNS("http://www.w3.org/2000/svg","svg");T.setAttribute("width","10"),T.setAttribute("height","10"),T.setAttribute("viewBox","0 0 10 10");const q=document.createElementNS("http://www.w3.org/2000/svg","rect");q.setAttribute("x","0"),q.setAttribute("y","0"),q.setAttribute("width","10"),q.setAttribute("height","10"),q.setAttribute("fill",c.colorLastYear),T.appendChild(q);const h=document.createElementNS("http://www.w3.org/2000/svg","line");h.setAttribute("x1","0"),h.setAttribute("y1","0"),h.setAttribute("x2","10"),h.setAttribute("y2","5"),h.setAttribute("stroke","#fff"),h.setAttribute("stroke-width","1"),T.appendChild(h);const G=document.createElementNS("http://www.w3.org/2000/svg","line");G.setAttribute("x1","0"),G.setAttribute("y1","5"),G.setAttribute("x2","10"),G.setAttribute("y2","10"),G.setAttribute("stroke","#fff"),G.setAttribute("stroke-width","1"),T.appendChild(G);const ae=new XMLSerializer().serializeToString(T),te=new Blob([ae],{type:"image/svg+xml;charset=utf-8"});return URL.createObjectURL(te)})(),`<div style="font-size: 13px;"><strong>${(ie=this.seasonalData)==null?void 0:ie.dates[b]}</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
49
|
<span>Wind : </span><strong>${(ne=l[0])==null?void 0:ne.value}</strong><span style="padding-left: 3px;">kts</span>
|
|
@@ -60,4 +60,4 @@
|
|
|
60
60
|
<img src="${c.url}" style="display:inline-block; height: 10px;width: 10px;border-radius: 50%;}" />
|
|
61
61
|
<span>Precip, last year : </span><strong>${(se=l[3])==null?void 0:se.value}</strong><span style="padding-left: 3px;">mm</span>
|
|
62
62
|
</div>
|
|
63
|
-
`}}},legend:{show:!0,top:"15px",right:"8%",data:["Wind","Wind, last year"],itemWidth:40},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",boundaryGap:!0,data:(U=this.seasonalData)==null?void 0:U.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:z,max:H,interval:S,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0},{type:"value",name:"Precipitation ( mm ) ",show:!0,min:O,max:Z,interval:$,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:30,splitLine:{show:!0},z:0,zlevel:0}],visualMap:[{type:"piecewise",orient:"horizontal",top:40,right:"8%",show:!0,pieces:[{gte:100,color:"rgba(197, 5, 58, 1)",label:"Heavy Rainstorm"},{gte:50,lt:99.9,color:"rgba(248, 1, 1, 1)",label:"Rainstorm"},{gte:25,lt:49.9,color:"rgba(190, 226, 2, 18)",label:"Heavy"},{gte:10,lt:24.9,color:"rgba(3, 248, 103, 1)",label:"Moderate"},{lt:9.9,color:"rgba(172, 210, 255, 1)",label:"Light"}],seriesIndex:2,dimension:1},{type:"piecewise",orient:"horizontal",top:65,right:"8%",show:!0,pieces:[{gte:100,color:M("#C5053A"),label:"Heavy Rainstorm, last year"},{gte:50,lt:99.9,color:M("#F80101"),label:"Rainstorm, last year"},{gte:25,lt:49.9,color:M("#BEE202"),label:"Heavy, last year"},{gte:10,lt:24.9,color:M("#03F867"),label:"Moderate, last year"},{lt:9.9,color:M("#ACD2FF"),label:"Light, last year"}],seriesIndex:3,dimension:1}],series:[{name:"Wind",type:"line",data:(X=this.seasonalData)==null?void 0:X.windSpeed,symbol:"none",smooth:!1,itemStyle:{color:"#60c43e"},label:{show:!1}},{name:"Wind, last year",type:"line",symbol:"none",data:(W=this.seasonalData)==null?void 0:W.lastYearWindSpeed,itemStyle:{color:"#9af77b"},lineStyle:{color:"#9af77b"},label:{show:!1}},{name:"Precip",type:"bar",yAxisIndex:1,barWidth:"30%",data:(R=this.seasonalData)==null?void 0:R.precip,symbol:"none",smooth:!1,itemStyle:{color:"#0c73a8"},label:{show:!1}},{name:"Precip, last year",type:"bar",yAxisIndex:1,barWidth:"30%",data:(J=this.seasonalData)==null?void 0:J.lastYearPrecip,itemStyle:{color:"rgba(12,116,168,0.5)"},label:{show:!1}}]};this.$nextTick(()=>{ce.init(document.getElementById("wind-precip-echart")).setOption(Q)})},disposeEcharts(){document.getElementById("weather-chart")&&ce.dispose(document.getElementById("weather-chart")),document.getElementById("weather-icons")&&ce.dispose(document.getElementById("weather-icons")),document.getElementById("weather-condition")&&ce.dispose(document.getElementById("weather-condition")),document.getElementById("wave-swell")&&ce.dispose(document.getElementById("wave-swell")),document.getElementById("temperature-echart")&&ce.dispose(document.getElementById("temperature-echart")),document.getElementById("wind-precip-echart")&&ce.dispose(document.getElementById("wind-precip-echart"))},initHoursTableData(){var r,t,a,n,s,f,M,F,V,z,H,S,_,L,O,Z,$,Q,P,v,Y,j,K,U,X,W,R,J,l,b,u,I,g,N;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 B=0;B<24;B++){const x=oe(this.pickedDate).clone().add(B,"h").format();this.hoursTableData.hours.push(x);const p=((r=ge.pickHourly(this.meteoData,x))==null?void 0:r[0])||{};this.hoursTableData.weatherUrls.push((t=p.weather)==null?void 0:t.url),this.hoursTableData.weatherNames.push(((a=p.weather)==null?void 0:a.name)??"-"),this.hoursTableData.temp.push(this.roundPrecision((n=p.weather)==null?void 0:n.temp,0)??"-"),this.hoursTableData.precipProbability.push(this.roundPrecision((f=(s=p.weather)==null?void 0:s.precip)==null?void 0:f.probability,0)??"-"),this.hoursTableData.precip1h.push(this.roundPrecision((F=(M=p.weather)==null?void 0:M.precip)==null?void 0:F.sum,0)??"-"),this.hoursTableData.visibility.push(this.roundPrecision((V=p.weather)==null?void 0:V.visibility,0)??"-"),this.hoursTableData.humidity.push(this.roundPrecision((z=p.weather)==null?void 0:z.rh,0)??"-"),this.hoursTableData.windSpeed.push(this.roundPrecision((S=(H=p.weather)==null?void 0:H.wind)==null?void 0:S.kts,1)),this.hoursTableData.windDir.push((L=(_=p.weather)==null?void 0:_.wind)==null?void 0:L.bearing),this.hoursTableData.windGust.push(this.roundPrecision((Z=(O=p.weather)==null?void 0:O.wind)==null?void 0:Z.gusts,1)??"-"),this.hoursTableData.sigwaveHeight.push(this.roundPrecision((Q=($=p.wave)==null?void 0:$.sig)==null?void 0:Q.height,1)??"-"),this.hoursTableData.sigwaveDir.push((v=(P=p.wave)==null?void 0:P.sig)==null?void 0:v.bearing),this.hoursTableData.windwaveHeight.push(this.roundPrecision((j=(Y=p.wave)==null?void 0:Y.wd)==null?void 0:j.height,1)??"-"),this.hoursTableData.windwaveDir.push((U=(K=p.wave)==null?void 0:K.wd)==null?void 0:U.bearing),this.hoursTableData.windwavePeriod.push(this.roundPrecision((W=(X=p.wave)==null?void 0:X.wd)==null?void 0:W.period,1)??"-"),this.hoursTableData.swellHeight.push(this.roundPrecision((J=(R=p.wave)==null?void 0:R.swell)==null?void 0:J.height,1)??"-"),this.hoursTableData.swellDir.push((b=(l=p.wave)==null?void 0:l.swell)==null?void 0:b.bearing),this.hoursTableData.swellPeriod.push(this.roundPrecision((I=(u=p.wave)==null?void 0:u.swell)==null?void 0:I.period,1)??"-"),this.hoursTableData.currentSpeed.push(this.roundPrecision((g=p.current)==null?void 0:g.speed,1)??"-"),this.hoursTableData.currentDir.push((N=p.current)==null?void 0:N.bearing),this.hoursTableData.seaLevel.push(this.roundPrecision(p.height,1)??"-"),this.hoursTableData.seaTemp.push(this.roundPrecision(p.sst,0)??"-")}this.loading.hoursTable=!1},handleClearHoursTable(){this.position={},this.meteoData={},this.isCollected=!1,ce&&document.getElementById("weather-chart")&&ce.dispose(document.getElementById("weather-chart"))},initDaysTableData(){var t,a,n,s,f,M,F,V,z,H,S,_,L,O,Z,$,Q,P,v,Y,j,K,U,X,W,R,J,l,b,u,I,g,N,B,x,p,w;this.daysTableData=[];const r=ee(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let i=0;i<14;i++){const k=oe(r).clone().add(i,"d").format(),A=((t=ge.pickDaily(this.meteoData,k))==null?void 0:t[0])||{};this.daysTableData.push({localWeek:this.computeWeekLT(k),localDate:this.computeMMMDDLT(k),weatherUrl:(a=A==null?void 0:A.weather)==null?void 0:a.url,minTemp:this.roundPrecision((s=(n=A==null?void 0:A.weather)==null?void 0:n.temp)==null?void 0:s.min,0)??"-",maxTemp:this.roundPrecision((M=(f=A==null?void 0:A.weather)==null?void 0:f.temp)==null?void 0:M.max,0)??"-",weatherName:(F=A==null?void 0:A.weather)==null?void 0:F.name,precipSum:this.roundPrecision((z=(V=A==null?void 0:A.weather)==null?void 0:V.precip)==null?void 0:z.sum,0)??"-",precipRainSum:this.roundPrecision((S=(H=A==null?void 0:A.weather)==null?void 0:H.precip)==null?void 0:S.rainSum,0)??"-",precipSnowfallSum:this.roundPrecision((L=(_=A==null?void 0:A.weather)==null?void 0:_.precip)==null?void 0:L.snowfallSum,0)??"-",windSpeedMax:this.roundPrecision((Z=(O=A==null?void 0:A.weather)==null?void 0:O.wind)==null?void 0:Z.kts,1)??"-",windSpeedDir:(Q=($=A==null?void 0:A.weather)==null?void 0:$.wind)==null?void 0:Q.bearing,gustSpeedMax:this.roundPrecision((v=(P=A==null?void 0:A.weather)==null?void 0:P.wind)==null?void 0:v.gusts,1)??"-",windWaveHeight:this.roundPrecision((j=(Y=A==null?void 0:A.wave)==null?void 0:Y.wd)==null?void 0:j.height,1)??"-",windWavePeriod:this.roundPrecision((U=(K=A==null?void 0:A.wave)==null?void 0:K.wd)==null?void 0:U.period,1)??"-",windWaveDir:(W=(X=A==null?void 0:A.wave)==null?void 0:X.wd)==null?void 0:W.bearing,swellWaveHeight:this.roundPrecision((J=(R=A==null?void 0:A.wave)==null?void 0:R.swell)==null?void 0:J.height,1)??"-",swellWavePeriod:this.roundPrecision((b=(l=A==null?void 0:A.wave)==null?void 0:l.swell)==null?void 0:b.period,1)??"-",swellWaveDir:(I=(u=A==null?void 0:A.wave)==null?void 0:u.swell)==null?void 0:I.bearing,sigWaveHeight:this.roundPrecision((N=(g=A==null?void 0:A.wave)==null?void 0:g.sig)==null?void 0:N.height,1)??"-",sigWavePeriod:this.roundPrecision((x=(B=A==null?void 0:A.wave)==null?void 0:B.sig)==null?void 0:x.period,1)??"-",sigWaveDir:(w=(p=A==null?void 0:A.wave)==null?void 0:p.sig)==null?void 0:w.bearing})}this.loading.daysTable=!1},initHourlyTableData(){var t,a,n,s,f,M,F,V,z,H,S,_,L,O,Z,$,Q,P,v,Y,j,K,U,X,W,R,J,l,b,u,I,g,N,B,x;this.hourlyTableData=[];const r=ee(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let p=0;p<14*24;p++){let w;if(p<3*24?w=oe(r).clone().add(p,"h").format():p<7*24?p%3===0&&(w=oe(r).clone().add(p,"h").format()):p%6===0&&(w=oe(r).clone().add(p,"h").format()),w){const i=((t=ge.pickHourly(this.meteoData,w))==null?void 0:t[0])||{};this.hourlyTableData.push({localDate:this.computeMMMDDHHmmLT(w),temp:this.roundPrecision((a=i==null?void 0:i.weather)==null?void 0:a.temp,0)??"-",precipSum:this.roundPrecision((s=(n=i==null?void 0:i.weather)==null?void 0:n.precip)==null?void 0:s.sum,0)??"-",visibility:this.roundPrecision((f=i==null?void 0:i.weather)==null?void 0:f.visibility,0)??"-",windSpeed:this.roundPrecision((F=(M=i==null?void 0:i.weather)==null?void 0:M.wind)==null?void 0:F.kts,1)??"-",windDir:(z=(V=i==null?void 0:i.weather)==null?void 0:V.wind)==null?void 0:z.direction,windBearing:(S=(H=i==null?void 0:i.weather)==null?void 0:H.wind)==null?void 0:S.bearing,windBF:((L=(_=i==null?void 0:i.weather)==null?void 0:_.wind)==null?void 0:L.scale)??"-",windGusts:this.roundPrecision((Z=(O=i==null?void 0:i.weather)==null?void 0:O.wind)==null?void 0:Z.gusts,1)??"-",windWaveHeight:this.roundPrecision((Q=($=i==null?void 0:i.wave)==null?void 0:$.wd)==null?void 0:Q.height,1)??"-",windWavePeriod:this.roundPrecision((v=(P=i==null?void 0:i.wave)==null?void 0:P.wd)==null?void 0:v.period,1)??"-",windWaveDir:(j=(Y=i==null?void 0:i.wave)==null?void 0:Y.wd)==null?void 0:j.direction,windWaveBearing:(U=(K=i==null?void 0:i.wave)==null?void 0:K.wd)==null?void 0:U.bearing,sigWaveHeight:this.roundPrecision((W=(X=i==null?void 0:i.wave)==null?void 0:X.sig)==null?void 0:W.height,1)??"-",sigWavePeriod:this.roundPrecision((J=(R=i==null?void 0:i.wave)==null?void 0:R.sig)==null?void 0:J.period,1)??"-",sigWaveDir:(b=(l=i==null?void 0:i.wave)==null?void 0:l.sig)==null?void 0:b.direction,sigWaveBearing:(I=(u=i==null?void 0:i.wave)==null?void 0:u.wd)==null?void 0:I.bearing,currentDir:(g=i==null?void 0:i.current)==null?void 0:g.direction,currentSpd:this.roundPrecision((N=i==null?void 0:i.current)==null?void 0:N.kts,1)??"-",currentBearing:(x=(B=i==null?void 0:i.wave)==null?void 0:B.wd)==null?void 0:x.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(r){this.currentMonth=r,this.handleFetchSeasonalData()}}},ue={class:"spot-report"},Ie={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"},Se={key:0,class:"meteogram-echart-section"},Pe={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"},ve={key:2,class:"weather-chart flex-center"},Ye={key:2,class:"hours-table-section",style:{border:"1px solid var(--idm-gray-light)"}},je={key:0,class:"card"},Ke={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"},wt={class:"text"},mt={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"},ut={key:0,class:"card"},It={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"},St={rowspan:"1",colspan:"1",class:"text-align-left"},Pt={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},vt={rowspan:"1",colspan:"1",class:"text-align-left"},Yt={key:1},jt={key:1,class:"card card-loading flex-center"},Kt={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"},ws={rowspan:"1",colspan:"1",class:"border"},ms={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"},us={class:"bg-select"},Is=["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"},Ss={class:"text"},Ps={class:"text"},Ts={class:"text"},Gs={class:"text"},Fs={class:"text"},Vs={class:"text"},Os={key:1,class:"card flex-center"},vs={key:2,class:"card flex-center"};function Ys(r,t,a,n,s,f){var S,_,L,O,Z,$,Q,P,v,Y,j,K,U,X,W,R,J,l,b,u,I,g,N,B,x,p,w,i,k,A,ie,ne,re,y,se,c,T,q,h,G,ae,te;const M=e.resolveComponent("ElOption"),F=e.resolveComponent("ElSelect"),V=e.resolveComponent("ElTooltip"),z=e.resolveComponent("ArrowRight"),H=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",Ie,[e.createElementVNode("div",be,[e.createElementVNode("div",Qe,[e.createVNode(F,{modelValue:s.searchName,"onUpdate:modelValue":t[0]||(t[0]=o=>s.searchName=o),filterable:"",class:"input",clearable:"",remote:"",placeholder:s.placeholder,autocomplete:"","remote-show-suffix":"",onFocus:t[1]||(t[1]=o=>s.placeholder=""),onBlur:t[2]||(t[2]=o=>s.placeholder="search for port name or coordinates"),"remote-method":f.fetchSuggestPosition,onChange:f.handleSearch},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.positionList,o=>(e.openBlock(),e.createBlock(M,{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",s.menuIndex===1?"active":""]),onClick:t[3]||(t[3]=o=>s.menuIndex=1)},"7-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===2?"active":""]),onClick:t[4]||(t[4]=o=>s.menuIndex=2)},"14-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===3?"active":""]),onClick:t[5]||(t[5]=o=>s.menuIndex=3)},"Seasonal Forecast",2)])])]),e.createElementVNode("div",ke,[e.createElementVNode("div",Me,[e.createElementVNode("div",null,[e.createElementVNode("div",Le,e.toDisplayString(s.menuIndex===3?"Seasonal":"")+" Weather forecast for "+e.toDisplayString(((S=s.position)==null?void 0:S.name)||"-")+" ( UTC"+e.toDisplayString(s.positionOffset)+" )",1),e.createElementVNode("div",ze,"At "+e.toDisplayString((_=s.position)!=null&&_.portId?"port":"coordinates")+", issued "+e.toDisplayString(s.issuedDate),1)]),e.createElementVNode("div",He,[e.createVNode(V,{placement:"left",effect:"light",content:s.isCollected?"remove the port/coordinate from the search list":"add the port/coordinate to the search list","show-after":1e3},{default:e.withCtx(()=>[s.isCollected?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon active",onClick:t[6]||(t[6]=(...o)=>f.handleCollect&&f.handleCollect(...o))},"")):(e.openBlock(),e.createElementBlock("span",{key:1,class:"iconfont icon",onClick:t[7]||(t[7]=(...o)=>f.handleCollect&&f.handleCollect(...o))},""))]),_:1},8,["content"])])]),s.menuIndex===1||s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Se,[(L=s.position)!=null&&L.name&&a.token&&!((O=s.loading)!=null&&O.meteogramEchart)?(e.openBlock(),e.createElementBlock("div",Pe,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)]))):(Z=s.loading)!=null&&Z.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),s.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Fe,[($=s.position)!=null&&$.name&&a.token&&!((Q=s.loading)!=null&&Q.weatherEchart)?(e.openBlock(),e.createElementBlock("div",Ve)):(P=s.loading)!=null&&P.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",ve,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Ye,[(v=s.position)!=null&&v.name&&a.token&&!((Y=s.loading)!=null&&Y.hoursTable)?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("div",Ke,e.toDisplayString(s.pickedWeek)+" "+e.toDisplayString(f.computeMMMDDLT(s.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(s.hoursTableData.hours,(o,d)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+"local"},e.toDisplayString(f.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(s.hoursTableData.hours,(o,d)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+"z"},e.toDisplayString(f.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(s.hoursTableData.weatherUrls,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+"url"},[e.createVNode(V,{placement:"top",effect:"light",content:s.hoursTableData.weatherNames[d],"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(s.hoursTableData.temp,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.precipProbability,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.precip1h,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.visibility,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.humidity,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windSpeed,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windGust,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windwaveHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windwaveDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windwavePeriod,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.swellHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.swellDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.swellPeriod,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.sigwaveHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",wt,[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(s.hoursTableData.currentDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",mt,"-")):(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(s.hoursTableData.currentSpeed,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.seaLevel,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.seaTemp,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])])])):(j=s.loading)!=null&&j.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),s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Ct,[(K=s.position)!=null&&K.name&&a.token&&!((U=s.loading)!=null&&U.daysTable)?(e.openBlock(),e.createElementBlock("div",ut,[t[48]||(t[48]=e.createElementVNode("div",{class:"date"},"Daily Forecast",-1)),e.createElementVNode("table",It,[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(s.daysTableData,(o,d)=>(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",St,[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",Pt,"-"))]),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",vt,[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))])])):(X=s.loading)!=null&&X.daysTable?(e.openBlock(),e.createElementBlock("div",jt,t[49]||(t[49]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Kt,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Ut,[(W=s.position)!=null&&W.name&&a.token&&!((R=s.loading)!=null&&R.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(s.hourlyTableData,(o,d)=>(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",ws,e.toDisplayString(o.seaSurfaceTemp),1)]))),128))])])):(J=s.loading)!=null&&J.hourlyTable?(e.openBlock(),e.createElementBlock("div",ms,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),s.menuIndex===3?(e.openBlock(),e.createElementBlock("div",Ds,[(l=s.position)!=null&&l.name&&a.token&&!((b=s.loading)!=null&&b.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=>s.seasonalData.showMonths=!s.seasonalData.showMonths)},[e.createElementVNode("div",Es,e.toDisplayString((g=(I=(u=s.currentMonth)==null?void 0:u.month)==null?void 0:I.split("-"))==null?void 0:g[0])+" "+e.toDisplayString((x=(B=(N=s.currentMonth)==null?void 0:N.month)==null?void 0:B.split("-"))==null?void 0:x[1]),1),e.createElementVNode("div",xs,[e.createVNode(H,null,{default:e.withCtx(()=>[e.createVNode(z)]),_:1})]),e.withDirectives(e.createElementVNode("div",Cs,[e.createElementVNode("div",us,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.monthsOptions,(o,d)=>{var m;return e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["month-option",((m=s.currentMonth)==null?void 0:m.month)===o.month?"active":""]),onClick:he=>f.handleSelectMonth(o)},e.toDisplayString(o.month),11,Is)}),128))])],512),[[e.vShow,s.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((p=s.currentMonth)==null?void 0:p.month)+" Summary",1),t[56]||(t[56]=e.createElementVNode("div",{class:"label"},"Temperature",-1)),e.createElementVNode("div",Ns,"Avg High Temp: "+e.toDisplayString(s.seasonalData.minHighTemp)+" to "+e.toDisplayString(s.seasonalData.maxHighTemp)+" °C",1),e.createElementVNode("div",ks,"Avg Low Temp: "+e.toDisplayString(s.seasonalData.minLowTemp)+" to "+e.toDisplayString(s.seasonalData.maxLowTemp)+" °C",1),e.createElementVNode("div",Ms,"Hottest Day: "+e.toDisplayString(s.seasonalData.hottestDay),1),e.createElementVNode("div",Ls,"Coldest Day: "+e.toDisplayString(s.seasonalData.coldestDay),1),t[57]||(t[57]=e.createElementVNode("div",{class:"label"},"Precipitation",-1)),e.createElementVNode("div",zs,"Light (<10mm): "+e.toDisplayString((k=(i=(w=s.seasonalData)==null?void 0:w.precip)==null?void 0:i.filter(o=>o<10))==null?void 0:k.length)+" days",1),e.createElementVNode("div",Hs,"Moderate (<24.9mm): "+e.toDisplayString((ne=(ie=(A=s.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",Ss,"Heavy (<49.9mm): "+e.toDisplayString((se=(y=(re=s.seasonalData)==null?void 0:re.precip)==null?void 0:y.filter(o=>o>=24.9&&o<49.9))==null?void 0:se.length)+" days",1),e.createElementVNode("div",Ps,"Rainstorm (<99.9mm): "+e.toDisplayString((q=(T=(c=s.seasonalData)==null?void 0:c.precip)==null?void 0:T.filter(o=>o>=49.9&&o<99.9))==null?void 0:q.length)+" days",1),e.createElementVNode("div",Ts,"Heavy Rainstorm (>=100mm): "+e.toDisplayString((ae=(G=(h=s.seasonalData)==null?void 0:h.precip)==null?void 0:G.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(f.roundPrecision(s.seasonalData.meanWind,1))+" kts",1),e.createElementVNode("div",Fs,"Windiest Day: "+e.toDisplayString(s.seasonalData.windiestDay)+" ( "+e.toDisplayString(s.seasonalData.maxWindSpeed)+"kts )",1),e.createElementVNode("div",Vs,"Dominant Wind Dir: "+e.toDisplayString(s.seasonalData.dominantWind),1)])])):(te=s.loading)!=null&&te.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",vs,"No Data"))])):e.createCommentVNode("",!0)])])}const fe=xe(Ce,[["render",Ys],["__scopeId","data-v-5376d515"]]),js={install(r){r.component("SpotReport",fe)}};Ae.SpotReport=fe,Ae.SpotReportPlugin=js,Object.defineProperty(Ae,Symbol.toStringTag,{value:"Module"})});
|
|
63
|
+
`}}},legend:{show:!0,top:"15px",right:"8%",data:["Wind","Wind, last year"],itemWidth:40},xAxis:{show:!0,left:0,right:0,top:"50%",height:"50%",type:"category",boundaryGap:!0,data:(U=this.seasonalData)==null?void 0:U.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:z,max:H,interval:S,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:25,splitLine:{show:!0},z:0,zlevel:0},{type:"value",name:"Precipitation ( mm ) ",show:!0,min:O,max:Z,interval:$,splitNumber:5,nameRotate:90,nameLocation:"middle",nameGap:30,splitLine:{show:!0},z:0,zlevel:0}],visualMap:[{type:"piecewise",orient:"horizontal",top:40,right:"8%",show:!0,pieces:[{gte:100,color:"rgba(197, 5, 58, 1)",label:"Heavy Rainstorm"},{gte:50,lt:99.9,color:"rgba(248, 1, 1, 1)",label:"Rainstorm"},{gte:25,lt:49.9,color:"rgba(190, 226, 2, 18)",label:"Heavy"},{gte:10,lt:24.9,color:"rgba(3, 248, 103, 1)",label:"Moderate"},{lt:9.9,color:"rgba(172, 210, 255, 1)",label:"Light"}],seriesIndex:2,dimension:1},{type:"piecewise",orient:"horizontal",top:65,right:"8%",show:!0,pieces:[{gte:100,color:M("#C5053A"),label:"Heavy Rainstorm, last year"},{gte:50,lt:99.9,color:M("#F80101"),label:"Rainstorm, last year"},{gte:25,lt:49.9,color:M("#BEE202"),label:"Heavy, last year"},{gte:10,lt:24.9,color:M("#03F867"),label:"Moderate, last year"},{lt:9.9,color:M("#ACD2FF"),label:"Light, last year"}],seriesIndex:3,dimension:1}],series:[{name:"Wind",type:"line",data:(X=this.seasonalData)==null?void 0:X.windSpeed,symbol:"none",smooth:!1,itemStyle:{color:"#60c43e"},label:{show:!1}},{name:"Wind, last year",type:"line",symbol:"none",data:(W=this.seasonalData)==null?void 0:W.lastYearWindSpeed,itemStyle:{color:"#9af77b"},lineStyle:{color:"#9af77b"},label:{show:!1}},{name:"Precip",type:"bar",yAxisIndex:1,barWidth:"30%",data:(R=this.seasonalData)==null?void 0:R.precip,symbol:"none",smooth:!1,itemStyle:{color:"#0c73a8"},label:{show:!1}},{name:"Precip, last year",type:"bar",yAxisIndex:1,barWidth:"30%",data:(J=this.seasonalData)==null?void 0:J.lastYearPrecip,itemStyle:{color:"rgba(12,116,168,0.5)"},label:{show:!1}}]};this.$nextTick(()=>{ce.init(document.getElementById("wind-precip-echart")).setOption(Q)})},disposeEcharts(){document.getElementById("weather-chart")&&ce.dispose(document.getElementById("weather-chart")),document.getElementById("weather-icons")&&ce.dispose(document.getElementById("weather-icons")),document.getElementById("weather-condition")&&ce.dispose(document.getElementById("weather-condition")),document.getElementById("wave-swell")&&ce.dispose(document.getElementById("wave-swell")),document.getElementById("temperature-echart")&&ce.dispose(document.getElementById("temperature-echart")),document.getElementById("wind-precip-echart")&&ce.dispose(document.getElementById("wind-precip-echart"))},initHoursTableData(){var r,t,a,n,s,f,M,F,V,z,H,S,_,L,O,Z,$,Q,P,v,Y,j,K,U,X,W,R,J,l,b,u,I,g,N;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 B=0;B<24;B++){const x=oe(this.pickedDate).clone().add(B,"h").format();this.hoursTableData.hours.push(x);const p=((r=ge.pickHourly(this.meteoData,x))==null?void 0:r[0])||{};this.hoursTableData.weatherUrls.push((t=p.weather)==null?void 0:t.url),this.hoursTableData.weatherNames.push(((a=p.weather)==null?void 0:a.name)??"-"),this.hoursTableData.temp.push(this.roundPrecision((n=p.weather)==null?void 0:n.temp,0)??"-"),this.hoursTableData.precipProbability.push(this.roundPrecision((f=(s=p.weather)==null?void 0:s.precip)==null?void 0:f.probability,0)??"-"),this.hoursTableData.precip1h.push(this.roundPrecision((F=(M=p.weather)==null?void 0:M.precip)==null?void 0:F.sum,0)??"-"),this.hoursTableData.visibility.push(this.roundPrecision((V=p.weather)==null?void 0:V.visibility,0)??"-"),this.hoursTableData.humidity.push(this.roundPrecision((z=p.weather)==null?void 0:z.rh,0)??"-"),this.hoursTableData.windSpeed.push(this.roundPrecision((S=(H=p.weather)==null?void 0:H.wind)==null?void 0:S.kts,1)),this.hoursTableData.windDir.push((L=(_=p.weather)==null?void 0:_.wind)==null?void 0:L.bearing),this.hoursTableData.windGust.push(this.roundPrecision((Z=(O=p.weather)==null?void 0:O.wind)==null?void 0:Z.gusts,1)??"-"),this.hoursTableData.sigwaveHeight.push(this.roundPrecision((Q=($=p.wave)==null?void 0:$.sig)==null?void 0:Q.height,1)??"-"),this.hoursTableData.sigwaveDir.push((v=(P=p.wave)==null?void 0:P.sig)==null?void 0:v.bearing),this.hoursTableData.windwaveHeight.push(this.roundPrecision((j=(Y=p.wave)==null?void 0:Y.wd)==null?void 0:j.height,1)??"-"),this.hoursTableData.windwaveDir.push((U=(K=p.wave)==null?void 0:K.wd)==null?void 0:U.bearing),this.hoursTableData.windwavePeriod.push(this.roundPrecision((W=(X=p.wave)==null?void 0:X.wd)==null?void 0:W.period,1)??"-"),this.hoursTableData.swellHeight.push(this.roundPrecision((J=(R=p.wave)==null?void 0:R.swell)==null?void 0:J.height,1)??"-"),this.hoursTableData.swellDir.push((b=(l=p.wave)==null?void 0:l.swell)==null?void 0:b.bearing),this.hoursTableData.swellPeriod.push(this.roundPrecision((I=(u=p.wave)==null?void 0:u.swell)==null?void 0:I.period,1)??"-"),this.hoursTableData.currentSpeed.push(this.roundPrecision((g=p.current)==null?void 0:g.speed,1)??"-"),this.hoursTableData.currentDir.push((N=p.current)==null?void 0:N.bearing),this.hoursTableData.seaLevel.push(this.roundPrecision(p.height,1)??"-"),this.hoursTableData.seaTemp.push(this.roundPrecision(p.sst,0)??"-")}this.loading.hoursTable=!1},handleClearHoursTable(){this.position={},this.meteoData={},this.isCollected=!1,ce&&document.getElementById("weather-chart")&&ce.dispose(document.getElementById("weather-chart"))},initDaysTableData(){var t,a,n,s,f,M,F,V,z,H,S,_,L,O,Z,$,Q,P,v,Y,j,K,U,X,W,R,J,l,b,u,I,g,N,B,x,p,w;this.daysTableData=[];const r=ee(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let i=0;i<14;i++){const k=oe(r).clone().add(i,"d").format(),A=((t=ge.pickDaily(this.meteoData,k))==null?void 0:t[0])||{};this.daysTableData.push({localWeek:this.computeWeekLT(k),localDate:this.computeMMMDDLT(k),weatherUrl:(a=A==null?void 0:A.weather)==null?void 0:a.url,minTemp:this.roundPrecision((s=(n=A==null?void 0:A.weather)==null?void 0:n.temp)==null?void 0:s.min,0)??"-",maxTemp:this.roundPrecision((M=(f=A==null?void 0:A.weather)==null?void 0:f.temp)==null?void 0:M.max,0)??"-",weatherName:(F=A==null?void 0:A.weather)==null?void 0:F.name,precipSum:this.roundPrecision((z=(V=A==null?void 0:A.weather)==null?void 0:V.precip)==null?void 0:z.sum,0)??"-",precipRainSum:this.roundPrecision((S=(H=A==null?void 0:A.weather)==null?void 0:H.precip)==null?void 0:S.rainSum,0)??"-",precipSnowfallSum:this.roundPrecision((L=(_=A==null?void 0:A.weather)==null?void 0:_.precip)==null?void 0:L.snowfallSum,0)??"-",windSpeedMax:this.roundPrecision((Z=(O=A==null?void 0:A.weather)==null?void 0:O.wind)==null?void 0:Z.kts,1)??"-",windSpeedDir:(Q=($=A==null?void 0:A.weather)==null?void 0:$.wind)==null?void 0:Q.bearing,gustSpeedMax:this.roundPrecision((v=(P=A==null?void 0:A.weather)==null?void 0:P.wind)==null?void 0:v.gusts,1)??"-",windWaveHeight:this.roundPrecision((j=(Y=A==null?void 0:A.wave)==null?void 0:Y.wd)==null?void 0:j.height,1)??"-",windWavePeriod:this.roundPrecision((U=(K=A==null?void 0:A.wave)==null?void 0:K.wd)==null?void 0:U.period,1)??"-",windWaveDir:(W=(X=A==null?void 0:A.wave)==null?void 0:X.wd)==null?void 0:W.bearing,swellWaveHeight:this.roundPrecision((J=(R=A==null?void 0:A.wave)==null?void 0:R.swell)==null?void 0:J.height,1)??"-",swellWavePeriod:this.roundPrecision((b=(l=A==null?void 0:A.wave)==null?void 0:l.swell)==null?void 0:b.period,1)??"-",swellWaveDir:(I=(u=A==null?void 0:A.wave)==null?void 0:u.swell)==null?void 0:I.bearing,sigWaveHeight:this.roundPrecision((N=(g=A==null?void 0:A.wave)==null?void 0:g.sig)==null?void 0:N.height,1)??"-",sigWavePeriod:this.roundPrecision((x=(B=A==null?void 0:A.wave)==null?void 0:B.sig)==null?void 0:x.period,1)??"-",sigWaveDir:(w=(p=A==null?void 0:A.wave)==null?void 0:p.sig)==null?void 0:w.bearing})}this.loading.daysTable=!1},initHourlyTableData(){var t,a,n,s,f,M,F,V,z,H,S,_,L,O,Z,$,Q,P,v,Y,j,K,U,X,W,R,J,l,b,u,I,g,N,B,x;this.hourlyTableData=[];const r=ee(this.etime).tz(this.positionGmt).set({hour:0,minute:0,second:0,millisecond:0}).format();for(let p=0;p<14*24;p++){let w;if(p<3*24?w=oe(r).clone().add(p,"h").format():p<7*24?p%3===0&&(w=oe(r).clone().add(p,"h").format()):p%6===0&&(w=oe(r).clone().add(p,"h").format()),w){const i=((t=ge.pickHourly(this.meteoData,w))==null?void 0:t[0])||{};this.hourlyTableData.push({localDate:this.computeMMMDDHHmmLT(w),temp:this.roundPrecision((a=i==null?void 0:i.weather)==null?void 0:a.temp,0)??"-",precipSum:this.roundPrecision((s=(n=i==null?void 0:i.weather)==null?void 0:n.precip)==null?void 0:s.sum,0)??"-",visibility:this.roundPrecision((f=i==null?void 0:i.weather)==null?void 0:f.visibility,0)??"-",windSpeed:this.roundPrecision((F=(M=i==null?void 0:i.weather)==null?void 0:M.wind)==null?void 0:F.kts,1)??"-",windDir:(z=(V=i==null?void 0:i.weather)==null?void 0:V.wind)==null?void 0:z.direction,windBearing:(S=(H=i==null?void 0:i.weather)==null?void 0:H.wind)==null?void 0:S.bearing,windBF:((L=(_=i==null?void 0:i.weather)==null?void 0:_.wind)==null?void 0:L.scale)??"-",windGusts:this.roundPrecision((Z=(O=i==null?void 0:i.weather)==null?void 0:O.wind)==null?void 0:Z.gusts,1)??"-",windWaveHeight:this.roundPrecision((Q=($=i==null?void 0:i.wave)==null?void 0:$.wd)==null?void 0:Q.height,1)??"-",windWavePeriod:this.roundPrecision((v=(P=i==null?void 0:i.wave)==null?void 0:P.wd)==null?void 0:v.period,1)??"-",windWaveDir:(j=(Y=i==null?void 0:i.wave)==null?void 0:Y.wd)==null?void 0:j.direction,windWaveBearing:(U=(K=i==null?void 0:i.wave)==null?void 0:K.wd)==null?void 0:U.bearing,sigWaveHeight:this.roundPrecision((W=(X=i==null?void 0:i.wave)==null?void 0:X.sig)==null?void 0:W.height,1)??"-",sigWavePeriod:this.roundPrecision((J=(R=i==null?void 0:i.wave)==null?void 0:R.sig)==null?void 0:J.period,1)??"-",sigWaveDir:(b=(l=i==null?void 0:i.wave)==null?void 0:l.sig)==null?void 0:b.direction,sigWaveBearing:(I=(u=i==null?void 0:i.wave)==null?void 0:u.wd)==null?void 0:I.bearing,currentDir:(g=i==null?void 0:i.current)==null?void 0:g.direction,currentSpd:this.roundPrecision((N=i==null?void 0:i.current)==null?void 0:N.kts,1)??"-",currentBearing:(x=(B=i==null?void 0:i.wave)==null?void 0:B.wd)==null?void 0:x.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(r){this.currentMonth=r,this.handleFetchSeasonalData()}}},ue={class:"spot-report"},Ie={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"},Se={key:0,class:"meteogram-echart-section"},Pe={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"},ve={key:2,class:"weather-chart flex-center"},Ye={key:2,class:"hours-table-section",style:{border:"1px solid var(--idm-gray-light)"}},je={key:0,class:"card"},Ke={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"},wt={class:"text"},mt={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"},ut={key:0,class:"card"},It={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"},St={rowspan:"1",colspan:"1",class:"text-align-left"},Pt={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},vt={rowspan:"1",colspan:"1",class:"text-align-left"},Yt={key:1},jt={key:1,class:"card card-loading flex-center"},Kt={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"},ws={rowspan:"1",colspan:"1",class:"border"},ms={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"},us={class:"bg-select"},Is=["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"},Ss={class:"text"},Ps={class:"text"},Ts={class:"text"},Gs={class:"text"},Fs={class:"text"},Vs={class:"text"},Os={key:1,class:"card flex-center"},vs={key:2,class:"card flex-center"};function Ys(r,t,a,n,s,f){var S,_,L,O,Z,$,Q,P,v,Y,j,K,U,X,W,R,J,l,b,u,I,g,N,B,x,p,w,i,k,A,ie,ne,re,y,se,c,T,q,h,G,ae,te;const M=e.resolveComponent("ElOption"),F=e.resolveComponent("ElSelect"),V=e.resolveComponent("ElTooltip"),z=e.resolveComponent("ArrowRight"),H=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",Ie,[e.createElementVNode("div",be,[e.createElementVNode("div",Qe,[e.createVNode(F,{modelValue:s.searchName,"onUpdate:modelValue":t[0]||(t[0]=o=>s.searchName=o),filterable:"",class:"input",clearable:"",remote:"",placeholder:s.placeholder,autocomplete:"","remote-show-suffix":"",onFocus:t[1]||(t[1]=o=>s.placeholder=""),onBlur:t[2]||(t[2]=o=>s.placeholder="search for port name or coordinates"),"remote-method":f.fetchSuggestPosition,onChange:f.handleSearch},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.positionList,o=>(e.openBlock(),e.createBlock(M,{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",s.menuIndex===1?"active":""]),onClick:t[3]||(t[3]=o=>s.menuIndex=1)},"7-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===2?"active":""]),onClick:t[4]||(t[4]=o=>s.menuIndex=2)},"14-Day Forecast",2),e.createElementVNode("div",{class:e.normalizeClass(["item flex-center",s.menuIndex===3?"active":""]),onClick:t[5]||(t[5]=o=>s.menuIndex=3)},"Seasonal Forecast",2)])])]),e.createElementVNode("div",ke,[e.createElementVNode("div",Me,[e.createElementVNode("div",null,[e.createElementVNode("div",Le,e.toDisplayString(s.menuIndex===3?"Seasonal":"")+" Weather forecast for "+e.toDisplayString(((S=s.position)==null?void 0:S.name)||"-")+" ( UTC"+e.toDisplayString(s.positionOffset)+" )",1),e.createElementVNode("div",ze,"At "+e.toDisplayString((_=s.position)!=null&&_.portId?"port":"coordinates")+", issued "+e.toDisplayString(s.issuedDate),1)]),e.createElementVNode("div",He,[e.createVNode(V,{placement:"left",effect:"light",content:s.isCollected?"remove the port/coordinate from the search list":"add the port/coordinate to the search list","show-after":1e3},{default:e.withCtx(()=>[s.isCollected?(e.openBlock(),e.createElementBlock("span",{key:0,class:"iconfont icon active",onClick:t[6]||(t[6]=(...o)=>f.handleCollect&&f.handleCollect(...o))},"")):(e.openBlock(),e.createElementBlock("span",{key:1,class:"iconfont icon",onClick:t[7]||(t[7]=(...o)=>f.handleCollect&&f.handleCollect(...o))},""))]),_:1},8,["content"])])]),s.menuIndex===1||s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Se,[(L=s.position)!=null&&L.name&&a.token&&!((O=s.loading)!=null&&O.meteogramEchart)?(e.openBlock(),e.createElementBlock("div",Pe,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)]))):(Z=s.loading)!=null&&Z.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),s.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Fe,[($=s.position)!=null&&$.name&&a.token&&!((Q=s.loading)!=null&&Q.weatherEchart)?(e.openBlock(),e.createElementBlock("div",Ve)):(P=s.loading)!=null&&P.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",ve,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===1?(e.openBlock(),e.createElementBlock("div",Ye,[(v=s.position)!=null&&v.name&&a.token&&!((Y=s.loading)!=null&&Y.hoursTable)?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("div",Ke,e.toDisplayString(s.pickedWeek)+" "+e.toDisplayString(f.computeMMMDDLT(s.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(s.hoursTableData.hours,(o,d)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+"local"},e.toDisplayString(f.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(s.hoursTableData.hours,(o,d)=>(e.openBlock(),e.createElementBlock("th",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+"z"},e.toDisplayString(f.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(s.hoursTableData.weatherUrls,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+"url"},[e.createVNode(V,{placement:"top",effect:"light",content:s.hoursTableData.weatherNames[d],"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(s.hoursTableData.temp,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.precipProbability,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.precip1h,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.visibility,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.humidity,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windSpeed,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windGust,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windwaveHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windwaveDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.windwavePeriod,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.swellHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.swellDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.swellPeriod,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.sigwaveHeight,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))]),e.createElementVNode("tr",wt,[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(s.hoursTableData.currentDir,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+o},[isNaN(o)?(e.openBlock(),e.createElementBlock("span",mt,"-")):(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(s.hoursTableData.currentSpeed,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.seaLevel,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"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(s.hoursTableData.seaTemp,(o,d)=>(e.openBlock(),e.createElementBlock("td",{rowspan:"1",colspan:"1",class:e.normalizeClass(s.activeIndex===d?"active":""),key:Math.random()+o},e.toDisplayString(o),3))),128))])])])):(j=s.loading)!=null&&j.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),s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Ct,[(K=s.position)!=null&&K.name&&a.token&&!((U=s.loading)!=null&&U.daysTable)?(e.openBlock(),e.createElementBlock("div",ut,[t[48]||(t[48]=e.createElementVNode("div",{class:"date"},"Daily Forecast",-1)),e.createElementVNode("table",It,[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(s.daysTableData,(o,d)=>(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",St,[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",Pt,"-"))]),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",vt,[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))])])):(X=s.loading)!=null&&X.daysTable?(e.openBlock(),e.createElementBlock("div",jt,t[49]||(t[49]=[e.createElementVNode("img",{style:{height:"200px"},src:pe},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Kt,"No Data"))])):e.createCommentVNode("",!0),s.menuIndex===2?(e.openBlock(),e.createElementBlock("div",Ut,[(W=s.position)!=null&&W.name&&a.token&&!((R=s.loading)!=null&&R.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(s.hourlyTableData,(o,d)=>(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",ws,e.toDisplayString(o.seaSurfaceTemp),1)]))),128))])])):(J=s.loading)!=null&&J.hourlyTable?(e.openBlock(),e.createElementBlock("div",ms,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),s.menuIndex===3?(e.openBlock(),e.createElementBlock("div",Ds,[(l=s.position)!=null&&l.name&&a.token&&!((b=s.loading)!=null&&b.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=>s.seasonalData.showMonths=!s.seasonalData.showMonths)},[e.createElementVNode("div",Es,e.toDisplayString((g=(I=(u=s.currentMonth)==null?void 0:u.month)==null?void 0:I.split("-"))==null?void 0:g[0])+" "+e.toDisplayString((x=(B=(N=s.currentMonth)==null?void 0:N.month)==null?void 0:B.split("-"))==null?void 0:x[1]),1),e.createElementVNode("div",xs,[e.createVNode(H,null,{default:e.withCtx(()=>[e.createVNode(z)]),_:1})]),e.withDirectives(e.createElementVNode("div",Cs,[e.createElementVNode("div",us,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.monthsOptions,(o,d)=>{var m;return e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["month-option",((m=s.currentMonth)==null?void 0:m.month)===o.month?"active":""]),onClick:he=>f.handleSelectMonth(o)},e.toDisplayString(o.month),11,Is)}),128))])],512),[[e.vShow,s.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((p=s.currentMonth)==null?void 0:p.month)+" Summary",1),t[56]||(t[56]=e.createElementVNode("div",{class:"label"},"Temperature",-1)),e.createElementVNode("div",Ns,"Avg High Temp: "+e.toDisplayString(s.seasonalData.minHighTemp)+" to "+e.toDisplayString(s.seasonalData.maxHighTemp)+" °C",1),e.createElementVNode("div",ks,"Avg Low Temp: "+e.toDisplayString(s.seasonalData.minLowTemp)+" to "+e.toDisplayString(s.seasonalData.maxLowTemp)+" °C",1),e.createElementVNode("div",Ms,"Hottest Day: "+e.toDisplayString(s.seasonalData.hottestDay),1),e.createElementVNode("div",Ls,"Coldest Day: "+e.toDisplayString(s.seasonalData.coldestDay),1),t[57]||(t[57]=e.createElementVNode("div",{class:"label"},"Precipitation",-1)),e.createElementVNode("div",zs,"Light (<10mm): "+e.toDisplayString((k=(i=(w=s.seasonalData)==null?void 0:w.precip)==null?void 0:i.filter(o=>o<10))==null?void 0:k.length)+" days",1),e.createElementVNode("div",Hs,"Moderate (<24.9mm): "+e.toDisplayString((ne=(ie=(A=s.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",Ss,"Heavy (<49.9mm): "+e.toDisplayString((se=(y=(re=s.seasonalData)==null?void 0:re.precip)==null?void 0:y.filter(o=>o>=24.9&&o<49.9))==null?void 0:se.length)+" days",1),e.createElementVNode("div",Ps,"Rainstorm (<99.9mm): "+e.toDisplayString((q=(T=(c=s.seasonalData)==null?void 0:c.precip)==null?void 0:T.filter(o=>o>=49.9&&o<99.9))==null?void 0:q.length)+" days",1),e.createElementVNode("div",Ts,"Heavy Rainstorm (>=100mm): "+e.toDisplayString((ae=(G=(h=s.seasonalData)==null?void 0:h.precip)==null?void 0:G.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(f.roundPrecision(s.seasonalData.meanWind,1))+" kts",1),e.createElementVNode("div",Fs,"Windiest Day: "+e.toDisplayString(s.seasonalData.windiestDay)+" ( "+e.toDisplayString(s.seasonalData.maxWindSpeed)+"kts )",1),e.createElementVNode("div",Vs,"Dominant Wind Dir: "+e.toDisplayString(s.seasonalData.dominantWind),1)])])):(te=s.loading)!=null&&te.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",vs,"No Data"))])):e.createCommentVNode("",!0)])])}const fe=xe(Ce,[["render",Ys],["__scopeId","data-v-3269abe2"]]),js={install(r){r.component("SpotReport",fe)}};Ae.SpotReport=fe,Ae.SpotReportPlugin=js,Object.defineProperty(Ae,Symbol.toStringTag,{value:"Module"})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@page{size:1200px;margin:20px auto 40px}.spot-report[data-v-5376d515]{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-5376d515]{background:#fff}.spot-report .search-header-box .search-header-box-inner[data-v-5376d515]{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-5376d515]{width:300px}.spot-report .search-header-box .search-header-box-inner .search-box .info[data-v-5376d515]{margin:0 10px;color:var(--idm-info-color);font-size:12px}.spot-report .search-header-box .search-header-box-inner .menu-box[data-v-5376d515]{height:100%}.spot-report .search-header-box .search-header-box-inner .menu-box .item[data-v-5376d515]{height:100%;padding:0 10px;cursor:pointer}.spot-report .search-header-box .search-header-box-inner .menu-box .item.active[data-v-5376d515]{font-weight:700;color:var(--idm-primary-color);background:var(--idm-gray-light2)}.spot-report .content-box[data-v-5376d515]{flex:1;width:1160px;margin:0 auto;padding:5px 0;box-sizing:border-box}.spot-report .content-box .title-section .main-title[data-v-5376d515]{font-size:18px;font-weight:700}.spot-report .content-box .title-section .sub-title[data-v-5376d515]{font-size:13px;padding:2px 0}.spot-report .content-box .title-section .icon[data-v-5376d515]{cursor:pointer;margin-left:10px;font-size:16px}.spot-report .content-box .title-section .icon[data-v-5376d515]:hover{color:var(--idm-primary-color)}.spot-report .content-box .title-section .icon.active[data-v-5376d515]{color:var(--idm-warning-color)}.spot-report .content-box .weather-echart-section[data-v-5376d515]{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-5376d515]{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-5376d515]{background:none}.spot-report .content-box .meteogram-echart-section[data-v-5376d515]{height:560px;box-sizing:border-box;margin:5px 0 15px;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section .card[data-v-5376d515]{height:100%}.spot-report .content-box .meteogram-echart-section .title[data-v-5376d515]{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-5376d515]{position:relative;height:30px;width:100%;top:60px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #weather-condition[data-v-5376d515]{height:290px;width:100%;margin-top:-30px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #wave-swell[data-v-5376d515]{height:240px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section[data-v-5376d515]{height:660px;box-sizing:border-box;margin:5px 0 15px}.spot-report .content-box .seasonal-weather-section .card[data-v-5376d515]{height:100%}.spot-report .content-box .seasonal-weather-section .right-bar[data-v-5376d515]{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-5376d515]{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-5376d515]{padding:0 10px 15px 15px}.spot-report .content-box .seasonal-weather-section .title[data-v-5376d515]{font-weight:700;height:30px;line-height:30px;padding:0 10px}.spot-report .content-box .seasonal-weather-section .echart-box[data-v-5376d515]{flex:1;height:100%;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box[data-v-5376d515]{width:180px;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-5376d515]{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-5376d515]{padding:5px 20px;cursor:pointer}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option.active[data-v-5376d515]{color:#409eff;font-weight:700}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-5376d515]:hover{background:var(--idm-gray-light)}.spot-report .content-box .seasonal-weather-section .echart-box .title[data-v-5376d515]{font-size:16px;font-weight:700;margin:10px 0}.spot-report .content-box .seasonal-weather-section .echart-box #temperature-echart[data-v-5376d515]{height:280px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section .echart-box #wind-precip-echart[data-v-5376d515]{height:330px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .hours-table-section[data-v-5376d515],.spot-report .content-box .days-table-section[data-v-5376d515],.spot-report .content-box .hourly-table-section[data-v-5376d515]{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-5376d515],.spot-report .content-box .days-table-section .card[data-v-5376d515],.spot-report .content-box .hourly-table-section .card[data-v-5376d515]{min-height:400px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card.card-loading[data-v-5376d515],.spot-report .content-box .days-table-section .card.card-loading[data-v-5376d515],.spot-report .content-box .hourly-table-section .card.card-loading[data-v-5376d515]{background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .date[data-v-5376d515],.spot-report .content-box .days-table-section .card .date[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .date[data-v-5376d515]{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-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table[data-v-5376d515]{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-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .tr-title[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .tr-title[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .tr-title[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .tr-title[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .tr-title[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .tr-title[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .tr-title[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .tr-title[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .tr-title[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .tr-title[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .tr-title[data-v-5376d515]{text-align:center;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .td-title[data-v-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .td-title[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .td-title[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .td-title[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .td-title[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .td-title[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .td-title[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .td-title[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .td-title[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .td-title[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .td-title[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .td-title[data-v-5376d515]{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-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .unit[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .unit[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .unit[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .unit[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .unit[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .unit[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .unit[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .unit[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .unit[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .unit[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .unit[data-v-5376d515]{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-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-left[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .text-align-left[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-left[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .text-align-left[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-left[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .text-align-left[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .text-align-left[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .text-align-left[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .text-align-left[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .text-align-left[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .text-align-left[data-v-5376d515]{text-align:left}.spot-report .content-box .hours-table-section .card .basic-table .font-gray[data-v-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .font-gray[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .font-gray[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .font-gray[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .font-gray[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .font-gray[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .font-gray[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .font-gray[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .font-gray[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-gray[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .font-gray[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .font-gray[data-v-5376d515]{color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .font-black[data-v-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .font-black[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .font-black[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .font-black[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .font-black[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .font-black[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .font-black[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .font-black[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .font-black[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-black[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .font-black[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .font-black[data-v-5376d515]{color:var(--idm-black-6)!important;font-weight:700}.spot-report .content-box .hours-table-section .card .basic-table .border-bottom[data-v-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .border-bottom[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .border-bottom[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .border-bottom[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .border-bottom[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .border-bottom[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .border-bottom[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .border-bottom[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .border-bottom[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .border-bottom[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .border-bottom[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .border-bottom[data-v-5376d515]{border-bottom:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table .border[data-v-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .border[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .border[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .border[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .border[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .border[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .border[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .border[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .border[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .border[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .border[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .border[data-v-5376d515]{border:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table td[data-v-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table td[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table td[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table td[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table td[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table td[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table td[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table td[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table td[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table td[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table td[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table td[data-v-5376d515]{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-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table td.active[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table td.active[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table td.active[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table td.active[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table td.active[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table td.active[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table td.active[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table td.active[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table td.active[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table td.active[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table td.active[data-v-5376d515]{background:rgba(64,159,255,.25)}.spot-report .content-box .hours-table-section .card .basic-table th[data-v-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table th[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table th[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table th[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table th[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table th[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table th[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table th[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table th[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table th[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table th[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table th[data-v-5376d515]{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-5376d515],.spot-report .content-box .hours-table-section .card .wave-current-table .weather-icon[data-v-5376d515],.spot-report .content-box .hours-table-section .card .sea-table .weather-icon[data-v-5376d515],.spot-report .content-box .hours-table-section .card .conditions-table .weather-icon[data-v-5376d515],.spot-report .content-box .days-table-section .card .basic-table .weather-icon[data-v-5376d515],.spot-report .content-box .days-table-section .card .wave-current-table .weather-icon[data-v-5376d515],.spot-report .content-box .days-table-section .card .sea-table .weather-icon[data-v-5376d515],.spot-report .content-box .days-table-section .card .conditions-table .weather-icon[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .basic-table .weather-icon[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .wave-current-table .weather-icon[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .sea-table .weather-icon[data-v-5376d515],.spot-report .content-box .hourly-table-section .card .conditions-table .weather-icon[data-v-5376d515]{width:24px;height:24px;cursor:pointer}
|
|
1
|
+
@page{size:1200px;margin:20px auto 40px}.spot-report[data-v-3269abe2]{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-3269abe2]{background:#fff}.spot-report .search-header-box .search-header-box-inner[data-v-3269abe2]{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-3269abe2]{width:300px}.spot-report .search-header-box .search-header-box-inner .search-box .info[data-v-3269abe2]{margin:0 10px;color:var(--idm-info-color);font-size:12px}.spot-report .search-header-box .search-header-box-inner .menu-box[data-v-3269abe2]{height:100%}.spot-report .search-header-box .search-header-box-inner .menu-box .item[data-v-3269abe2]{height:100%;padding:0 10px;cursor:pointer}.spot-report .search-header-box .search-header-box-inner .menu-box .item.active[data-v-3269abe2]{font-weight:700;color:var(--idm-primary-color);background:var(--idm-gray-light2)}.spot-report .content-box[data-v-3269abe2]{flex:1;width:1160px;margin:0 auto;padding:5px 0;box-sizing:border-box}.spot-report .content-box .title-section .main-title[data-v-3269abe2]{font-size:18px;font-weight:700}.spot-report .content-box .title-section .sub-title[data-v-3269abe2]{font-size:13px;padding:2px 0}.spot-report .content-box .title-section .icon[data-v-3269abe2]{cursor:pointer;margin-left:10px;font-size:16px}.spot-report .content-box .title-section .icon[data-v-3269abe2]:hover{color:var(--idm-primary-color)}.spot-report .content-box .title-section .icon.active[data-v-3269abe2]{color:var(--idm-warning-color)}.spot-report .content-box .weather-echart-section[data-v-3269abe2]{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-3269abe2]{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-3269abe2]{background:none}.spot-report .content-box .meteogram-echart-section[data-v-3269abe2]{height:560px;box-sizing:border-box;margin:5px 0 15px;background:var(--idm-white)}.spot-report .content-box .meteogram-echart-section .card[data-v-3269abe2]{height:100%}.spot-report .content-box .meteogram-echart-section .title[data-v-3269abe2]{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-3269abe2]{position:relative;height:30px;width:100%;top:60px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #weather-condition[data-v-3269abe2]{height:290px;width:100%;margin-top:-30px;font-size:14px;box-sizing:border-box}.spot-report .content-box .meteogram-echart-section #wave-swell[data-v-3269abe2]{height:240px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section[data-v-3269abe2]{height:660px;box-sizing:border-box;margin:5px 0 15px}.spot-report .content-box .seasonal-weather-section .card[data-v-3269abe2]{height:100%}.spot-report .content-box .seasonal-weather-section .right-bar[data-v-3269abe2]{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-3269abe2]{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-3269abe2]{padding:0 10px 15px 15px}.spot-report .content-box .seasonal-weather-section .title[data-v-3269abe2]{font-weight:700;height:30px;line-height:30px;padding:0 10px}.spot-report .content-box .seasonal-weather-section .echart-box[data-v-3269abe2]{flex:1;height:100%;background:var(--idm-white)}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box[data-v-3269abe2]{width:180px;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-3269abe2]{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-3269abe2]{padding:5px 20px;cursor:pointer}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option.active[data-v-3269abe2]{color:#409eff;font-weight:700}.spot-report .content-box .seasonal-weather-section .echart-box .months-select-box .month-option[data-v-3269abe2]:hover{background:var(--idm-gray-light)}.spot-report .content-box .seasonal-weather-section .echart-box .title[data-v-3269abe2]{font-size:16px;font-weight:700;margin:10px 0}.spot-report .content-box .seasonal-weather-section .echart-box #temperature-echart[data-v-3269abe2]{height:280px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .seasonal-weather-section .echart-box #wind-precip-echart[data-v-3269abe2]{height:330px;width:100%;font-size:14px;box-sizing:border-box}.spot-report .content-box .hours-table-section[data-v-3269abe2],.spot-report .content-box .days-table-section[data-v-3269abe2],.spot-report .content-box .hourly-table-section[data-v-3269abe2]{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-3269abe2],.spot-report .content-box .days-table-section .card[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card[data-v-3269abe2]{min-height:400px;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card.card-loading[data-v-3269abe2],.spot-report .content-box .days-table-section .card.card-loading[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card.card-loading[data-v-3269abe2]{background:var(--idm-white)}.spot-report .content-box .hours-table-section .card .date[data-v-3269abe2],.spot-report .content-box .days-table-section .card .date[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .date[data-v-3269abe2]{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-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table[data-v-3269abe2]{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-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .tr-title[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .tr-title[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .tr-title[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .tr-title[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .tr-title[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .tr-title[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .tr-title[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .tr-title[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .tr-title[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .tr-title[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .tr-title[data-v-3269abe2]{text-align:center;background:var(--idm-gray-light)}.spot-report .content-box .hours-table-section .card .basic-table .td-title[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .td-title[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .td-title[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .td-title[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .td-title[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .td-title[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .td-title[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .td-title[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .td-title[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .td-title[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .td-title[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .td-title[data-v-3269abe2]{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-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .unit[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .unit[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .unit[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .unit[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .unit[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .unit[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .unit[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .unit[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .unit[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .unit[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .unit[data-v-3269abe2]{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-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .text-align-left[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .text-align-left[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .text-align-left[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .text-align-left[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .text-align-left[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .text-align-left[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .text-align-left[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .text-align-left[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .text-align-left[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .text-align-left[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .text-align-left[data-v-3269abe2]{text-align:left}.spot-report .content-box .hours-table-section .card .basic-table .font-gray[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .font-gray[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .font-gray[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .font-gray[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .font-gray[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .font-gray[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .font-gray[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .font-gray[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .font-gray[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-gray[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .font-gray[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .font-gray[data-v-3269abe2]{color:var(--idm-info-color)}.spot-report .content-box .hours-table-section .card .basic-table .font-black[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .font-black[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .font-black[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .font-black[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .font-black[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .font-black[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .font-black[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .font-black[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .font-black[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .font-black[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .font-black[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .font-black[data-v-3269abe2]{color:var(--idm-black-6)!important;font-weight:700}.spot-report .content-box .hours-table-section .card .basic-table .border-bottom[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .border-bottom[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .border-bottom[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .border-bottom[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .border-bottom[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .border-bottom[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .border-bottom[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .border-bottom[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .border-bottom[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .border-bottom[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .border-bottom[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .border-bottom[data-v-3269abe2]{border-bottom:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table .border[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .border[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .border[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .border[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .border[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .border[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .border[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .border[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .border[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .border[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .border[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .border[data-v-3269abe2]{border:1px solid var(--idm-black-1)}.spot-report .content-box .hours-table-section .card .basic-table td[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table td[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table td[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table td[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table td[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table td[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table td[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table td[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table td[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table td[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table td[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table td[data-v-3269abe2]{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-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table td.active[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table td.active[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table td.active[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table td.active[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table td.active[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table td.active[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table td.active[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table td.active[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table td.active[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table td.active[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table td.active[data-v-3269abe2]{background:rgba(64,159,255,.25)}.spot-report .content-box .hours-table-section .card .basic-table th[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table th[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table th[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table th[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table th[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table th[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table th[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table th[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table th[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table th[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table th[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table th[data-v-3269abe2]{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-3269abe2],.spot-report .content-box .hours-table-section .card .wave-current-table .weather-icon[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .sea-table .weather-icon[data-v-3269abe2],.spot-report .content-box .hours-table-section .card .conditions-table .weather-icon[data-v-3269abe2],.spot-report .content-box .days-table-section .card .basic-table .weather-icon[data-v-3269abe2],.spot-report .content-box .days-table-section .card .wave-current-table .weather-icon[data-v-3269abe2],.spot-report .content-box .days-table-section .card .sea-table .weather-icon[data-v-3269abe2],.spot-report .content-box .days-table-section .card .conditions-table .weather-icon[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .basic-table .weather-icon[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .wave-current-table .weather-icon[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .sea-table .weather-icon[data-v-3269abe2],.spot-report .content-box .hourly-table-section .card .conditions-table .weather-icon[data-v-3269abe2]{width:24px;height:24px;cursor:pointer}
|