@idmwx/idmui-gl4 2.1.5 → 2.1.7

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 CHANGED
@@ -3444,7 +3444,7 @@ const Fs = {
3444
3444
  },
3445
3445
  "lngLat.e": {
3446
3446
  handler(t) {
3447
- this.lngLat.lng = q.lng2pretty(t == null ? void 0 : t.lng, 2).pretty, this.lngLat.lat = q.lat2pretty(t == null ? void 0 : t.lat, 2).pretty, this.lngLat.str = `[${q.str2Lng(t == null ? void 0 : t.lng, 4)}, ${q.str2Lat(t == null ? void 0 : t.lat, 4)}]`;
3447
+ this.lngLat.lng = q.lng2pretty(t == null ? void 0 : t.lng, 2).pretty, this.lngLat.lat = q.lat2pretty(t == null ? void 0 : t.lat, 2).pretty, this.lngLat.str = `[${q.str2Lat(t == null ? void 0 : t.lat, 4)}, ${q.str2Lng(t == null ? void 0 : t.lng, 4)}]`;
3448
3448
  },
3449
3449
  immediate: !0
3450
3450
  }
@@ -8843,6 +8843,9 @@ const bn = {
8843
8843
  immediate: !0
8844
8844
  }
8845
8845
  },
8846
+ mounted() {
8847
+ this.fetchModels();
8848
+ },
8846
8849
  methods: {
8847
8850
  arraysEqual(t, e) {
8848
8851
  if ((t == null ? void 0 : t.length) !== (e == null ? void 0 : e.length))
@@ -7,7 +7,7 @@
7
7
  <span style="display:inline-block; height: 8px;width: 8px;border-radius: 50%;background-color: ${l.color}"></span>
8
8
  <span>${l.seriesName} : </span>
9
9
  <strong>${l.value[1]}m</strong>
10
- </div>`)}),r}},legend:{show:!0,right:20,top:0,itemWidth:30,data:["Height"],textStyle:{color:this.Theme.current.value.colors["on-surface"]}},grid:{top:40,left:10,right:10,bottom:30,containLabel:!0},xAxis:[{type:"category",data:this.xDate,boundaryGap:!0,axisTick:{alignWithLabel:!0,lineStyle:{color:this.Theme.current.value.colors["surface-bright"]}},axisLine:{show:!0,lineStyle:{color:this.Theme.current.value.colors["surface-bright"]}},axisLabel:{interval:"auto",margin:15,textStyle:{fontSize:12,color:this.Theme.current.value.colors["surface-bright"]}}}],yAxis:[{name:"(m)",show:!0,nameLocation:"end",position:"left",nameGap:15,splitNumber:5,splitLine:{show:!0,lineStyle:{color:this.Theme.current.value.colors["surface-bright"]}},alignTicks:!0,axisLine:{show:!0,lineStyle:{color:this.Theme.current.value.colors["surface-bright"]}},axisLabel:{textStyle:{fontSize:12,color:this.Theme.current.value.colors["surface-bright"]}}}],series:[{name:"Height",type:"line",showSymbol:!0,yAxisIndex:0,lineStyle:{color:this.Theme.current.value.colors["map-perple"]},itemStyle:{color:this.Theme.current.value.colors["map-perple"]},data:this.echartData.height}]};o==null||o.setOption(t)},handleClose(){this.$emit("close")}}},Vr={class:"d-flex justify-space-between align-center"},Br={class:"d-flex justify-start text-h5 my-2"},Ir={class:"d-flex justify-start align-center text-body-1 text-label ga-3"},Rr={class:"summary-box w-100"},Ar={class:"d-flex justify-space-between align-center py-2"},Or={class:"d-flex justify-center align-center text-h6 ga-2"},jr={class:"multi-color-icon","aria-hidden":"true"},Fr=["xlink:href"],Hr={class:"gray-bg-2 rounded d-flex flex-column ga-4 pa-4"},Gr={class:"w-100 d-flex justify-start align-center"},Wr={class:"w-30 text-label font-weight-400"},Ur={class:"flex-1-1-0"},Yr={class:"w-100 d-flex justify-start align-center"},Zr={class:"w-30 text-label font-weight-400"},qr={class:"flex-1-1-0"},Xr={class:"w-100 d-flex justify-start align-center"},Kr={class:"w-30 text-label font-weight-400"},Jr={class:"flex-1-1-0"},Qr={class:"table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center"},$r={class:"w-100 d-flex justify-space-between align-center py-2"},el={class:"d-flex justify-center align-center text-h6 ga-2"},tl={class:"multi-color-icon","aria-hidden":"true"},ol=["xlink:href"],al={class:"w-100",style:{height:"244px"},ref:"tideEchart"},il={"fixed-header":"",density:"compact",class:"w-100 tide-table bg-none"},rl={class:"px-1 text-center text-label font-weight-400",width:"120"},ll={class:"px-1 text-center text-label font-weight-400",width:"120"},sl={class:"px-1 text-center text-label font-weight-400",width:"120"},nl={class:"px-1 text-center"},cl={class:"px-1 text-center"},ml={class:"px-1 text-center"};function dl(o,t,a,r,i,l){const s=e.resolveComponent("VBtn"),c=e.resolveComponent("v-card-title"),n=e.resolveComponent("v-divider"),h=e.resolveComponent("VBtnToggle"),d=e.resolveComponent("v-card");return e.openBlock(),e.createBlock(d,{class:e.normalizeClass(["tide-detail-container d-flex flex-column justify-start align-center",a.simple?"page":"dialog"])},{default:e.withCtx(()=>{var g,f;return[e.createVNode(c,{class:"w-100"},{default:e.withCtx(()=>{var x;return[e.createElementVNode("div",Vr,[e.createElementVNode("div",Br,[e.createElementVNode("div",null,e.toDisplayString((x=a.station)==null?void 0:x.name),1)]),e.createVNode(s,{icon:"",density:"compact",variant:"plain",class:"mr-n2",onClick:l.handleClose},{default:e.withCtx(()=>t[1]||(t[1]=[e.createElementVNode("i",{class:"iconfont icon-close text-label text-h4"},null,-1)])),_:1,__:[1]},8,["onClick"])]),e.createElementVNode("div",Ir,[e.createElementVNode("div",null,e.toDisplayString(o.$t("tide.tideStation")),1)])]}),_:1}),e.createVNode(n,{class:"w-100"}),e.createElementVNode("div",{class:e.normalizeClass(["w-100 pt-0 pb-0 overflow-y-auto scroll",a.simple?"px-3":"px-5"])},[e.createElementVNode("div",Rr,[e.createElementVNode("div",Ar,[e.createElementVNode("div",Or,[(e.openBlock(),e.createElementBlock("svg",jr,[e.createElementVNode("use",{"xlink:href":`#icon-title-${a.theme}`},null,8,Fr)])),e.createElementVNode("div",null,e.toDisplayString(o.$t("detail.summary")),1)])]),e.createElementVNode("div",Hr,[e.createElementVNode("div",Gr,[e.createElementVNode("div",Wr,e.toDisplayString(o.$t("tide.region")),1),e.createElementVNode("div",Ur,e.toDisplayString(((g=a.station)==null?void 0:g.Country)??((f=a.station)==null?void 0:f.city)??"-"),1)]),e.createElementVNode("div",Yr,[e.createElementVNode("div",Zr,e.toDisplayString(o.$t("tide.position")),1),e.createElementVNode("div",qr,e.toDisplayString(l.computePosition(a.station)),1)]),e.createElementVNode("div",Xr,[e.createElementVNode("div",Kr,e.toDisplayString(o.$t("time.localTime")),1),e.createElementVNode("div",Jr,e.toDisplayString(l.computeLocalTime(a.realTime,a.station))+" "+e.toDisplayString(l.computeTimeOffset(a.station)),1)])])]),e.createElementVNode("div",Qr,[e.createElementVNode("div",$r,[e.createElementVNode("div",el,[(e.openBlock(),e.createElementBlock("svg",tl,[e.createElementVNode("use",{"xlink:href":`#icon-title-${a.theme}`},null,8,ol)])),e.createElementVNode("div",null,e.toDisplayString(o.$t("tide.tideTimes")),1)]),t[2]||(t[2]=e.createElementVNode("div",{class:"text-body-2 text-success ga-2"},null,-1))]),e.createElementVNode("div",{class:e.normalizeClass(["w-100 gray-bg-2 rounded",a.simple?"pa-2":"pa-4"])},[e.createVNode(h,{modelValue:i.currentIndex,"onUpdate:modelValue":t[0]||(t[0]=x=>i.currentIndex=x),class:"w-100 gray-bg-2 rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",density:"compact",group:"",height:"26","min-height":"26",rounded:"1"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.dateList,x=>(e.openBlock(),e.createBlock(s,{class:"text-none text-body-1 rounded bg-none flex-1-1-0",density:"compact",color:"primary",height:"26",value:x.index},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.label),1)]),_:2},1032,["value"]))),256))]),_:1},8,["modelValue"]),e.createElementVNode("div",al,null,512),e.createElementVNode("table",il,[e.createElementVNode("tbody",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",rl,e.toDisplayString(o.$t("tide.tide")),1),e.createElementVNode("th",ll,e.toDisplayString(o.$t("time.time"))+" ( LT ) ",1),e.createElementVNode("th",sl,e.toDisplayString(o.$t("tide.height"))+" ( m )",1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tideTableData,(x,b)=>{var _;return e.openBlock(),e.createElementBlock("tr",{key:b},[e.createElementVNode("td",nl,e.toDisplayString(o.$t(`tide.${(_=x==null?void 0:x.type)==null?void 0:_.toLowerCase()}`))+" "+e.toDisplayString(o.$t("tide.tide")),1),e.createElementVNode("td",cl,e.toDisplayString(l.computeLocalTime(x==null?void 0:x.date,a.station,"MM-DD HH:mm")),1),e.createElementVNode("td",ml,e.toDisplayString((x==null?void 0:x.height)??"-")+" m",1)])}),128))])])],2)])],2)]}),_:1},8,["class"])}const hl=O(Mr,[["render",dl],["__scopeId","data-v-02553a04"]]),Hd="",pl={name:"IdmTideStations",components:{TideDetail:hl},props:{map:{type:Object},show:{type:Boolean},locale:{type:String},beforeLayer:{type:String}},data(){return{layer:"tide-stations",showInfo:!1,hoverStation:void 0,marker:null,showDetail:!1,station:void 0}},watch:{show:{handler(){var o,t,a,r,i,l;this.show?(this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):(this.handleClear(),(r=this.map)==null||r.off("click",[this.layer],this.handleClick),(i=this.map)==null||i.off("mousemove",[this.layer],this.handleHover),(l=this.map)==null||l.off("mouseleave",[this.layer],this.handleLeave))},immediate:!0},locale:{handler(){this.show&&this.handleRender()},immediate:!0}},methods:{handleRender(){var o;(o=this.map)!=null&&o.getLayer(this.layer)&&(this.map.setLayoutProperty(this.layer,"visibility","visible"),this.map.setLayoutProperty(this.layer,"text-field",this.locale==="en"?"{Location_EN}":"{Location_CN}"))},handleClear(){var o;this.showInfo=!1,(o=this.map)!=null&&o.getLayer(this.layer)&&this.map.setLayoutProperty(this.layer,"visibility","none")},handleClick(o){const t=o.features[0];t.properties&&(this.station=t.properties,this.station.name=this.locale==="en"?t.properties.Location_EN:t.properties.Location_CN,this.station.lng=t.geometry.coordinates[0],this.station.lat=t.geometry.coordinates[1],this.showDetail=!0)},handleHover(o){var a,r;this.map.getCanvas().style.cursor="pointer";const t=o.features[0];if(t.properties){this.showInfo=!0,this.hoverStation=t.properties,this.hoverStation.name=this.locale==="en"?t.properties.Location_EN:t.properties.Location_CN,this.hoverStation.lng=t.geometry.coordinates[0],this.hoverStation.lat=t.geometry.coordinates[1],(a=this.marker)==null||a.remove();const i=(r=document.getElementById("idmTidalInfo"))==null?void 0:r.cloneNode(!0);this.marker=new de.Marker(i).setLngLat([o.lngLat.lng,o.lngLat.lat]).setOffset([0,-60]).addTo(this.map)}},handleLeave(){var o;this.showInfo=!1,this.hoverStation={},(o=this.marker)==null||o.remove(),this.map.getCanvas().style.cursor="grab"},handleCloseDetail(){this.showDetail=!1}}},gl={class:"station-box d-flex flex-column justify-center align-start ga-1"},ul={class:"d-flex justify-start align-center"},fl={class:"d-flex justify-start align-center"},yl={class:"text-label"};function bl(o,t,a,r,i,l){const s=e.resolveComponent("v-card-text"),c=e.resolveComponent("v-card"),n=e.resolveComponent("TideDetail");return e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createVNode(c,{id:"idmTidalInfo"},{default:e.withCtx(()=>[e.createVNode(s,{class:"pr-8 text-body-1"},{default:e.withCtx(()=>{var h,d;return[e.createElementVNode("div",gl,[e.createElementVNode("div",ul,e.toDisplayString(o.$t("tide.tideStation")),1),e.createElementVNode("div",fl,[e.createElementVNode("label",yl,e.toDisplayString((h=i.hoverStation)==null?void 0:h.name)+" , "+e.toDisplayString(((d=i.hoverStation)==null?void 0:d.Country)||"-"),1)])])]}),_:1})]),_:1},512),[[e.vShow,i.showInfo]]),i.showDetail?(e.openBlock(),e.createBlock(n,e.mergeProps({key:0,station:i.station,onClose:l.handleCloseDetail},o.$attrs),null,16,["station","onClose"])):e.createCommentVNode("",!0)])}const wl=O(pl,[["render",bl],["__scopeId","data-v-7f9e02c0"]]),xl={name:"IdmIceAreas",props:{map:{type:Object},show:{type:Boolean}},data(){return{lineLayer:"ice-area-line",fillLayer:"ice-area-fill"}},watch:{show:{handler(){this.show?this.handleRender():this.handleClear()},immediate:!0}},methods:{handleRender(){var o,t;(o=this.map)!=null&&o.getLayer(this.lineLayer)&&this.map.setLayoutProperty(this.lineLayer,"visibility","visible"),(t=this.map)!=null&&t.getLayer(this.fillLayer)&&this.map.setLayoutProperty(this.fillLayer,"visibility","visible")},handleClear(){var o,t;(o=this.map)!=null&&o.getLayer(this.lineLayer)&&this.map.setLayoutProperty(this.lineLayer,"visibility","none"),(t=this.map)!=null&&t.getLayer(this.fillLayer)&&this.map.setLayoutProperty(this.fillLayer,"visibility","none")}}};function _l(o,t,a,r,i,l){return null}const kl=O(xl,[["render",_l]]),Gd="",zl={name:"IdmLatLng",props:{simple:{type:Boolean,default:!1},map:{type:Object},show:{type:Boolean},mapFeather:{type:String},beforeLayer:{type:String},menuToggle:{type:Object}},data(){return{lngLat:{e:{lng:0,lat:0},lng:0,lat:0,str:""},source:"idm-lat-lng-source",layer:"idm-lat-lng-layer",labelLayer:"idm-lat-lng-label-layer",right:10}},computed:{lineColor(){return["satellite","dark"].includes(this.mapFeather)?"rgba(255, 255, 255, 0.3)":"rgba(0, 0, 0, 0.3)"}},watch:{show:{handler(){this.handleBind()},immediate:!0},map:{handler(){var o;this.map&&((o=this.map)==null||o.on("mousemove",this.handleMouseMove))},immediate:!0},"menuToggle.v":{handler(){var o;this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10},immediate:!0},"lngLat.e":{handler(o){this.lngLat.lng=T.LngLatHelper.lng2pretty(o==null?void 0:o.lng,2).pretty,this.lngLat.lat=T.LngLatHelper.lat2pretty(o==null?void 0:o.lat,2).pretty,this.lngLat.str=`[${T.LngLatHelper.str2Lng(o==null?void 0:o.lng,4)}, ${T.LngLatHelper.str2Lat(o==null?void 0:o.lat,4)}]`},immediate:!0}},methods:{handleBind(){var o,t;this.show?((o=this.map)==null||o.on("zoomend",this.handleZoomEnd),this.handleRender()):(this.handleClear(),(t=this.map)==null||t.off("zoomend",this.handleZoomEnd))},handleMouseMove(o){this.lngLat.e=o.lngLat},handleComputeLatLngs(){var r;const o=(r=this.map)==null?void 0:r.getZoom();let t=30;o>4?t=10:o>3&&(t=15);const a=[];for(let i=-60;i<90;i+=t)a.push({type:"Feature",geometry:{type:"LineString",coordinates:[[-180,i],[180,i]]}});for(let i=-180;i<180;i+=t)a.push({type:"Feature",geometry:{type:"LineString",coordinates:[[i,-90],[i,90]]}});for(let i=180;i>-180;i-=t)for(let l=-60;l<90;l+=t)a.push({type:"Feature",geometry:{type:"Point",coordinates:[i,l]},properties:{val:`${l>0?l+" N":l===0?l:l*-1+" S"}, ${i>0?i+" E":i*-1+" W"}`}});return a},handleZoomEnd(){var t;const o=this.handleComputeLatLngs();(t=this.map)==null||t.getSource(this.source).setData(V.featureCollection(o))},handleRender(){if(this.handleClear(),this.map){const o=this.handleComputeLatLngs();this.map.addSource(this.source,{type:"geojson",data:{type:"FeatureCollection",features:o}}),this.map.addLayer({id:this.layer,type:"line",source:this.source,filter:["==","$type","LineString"],layout:{"line-join":"round","line-cap":"round"},paint:{"line-color":this.lineColor,"line-width":1}},this.beforeLayer),this.map.addLayer({id:this.labelLayer,type:"symbol",source:this.source,filter:["==","$type","Point"],layout:{"symbol-placement":"point","text-field":"{val}","text-rotation-alignment":"viewport","text-offset":[0,1],"text-size":10,"text-allow-overlap":!0},paint:{"text-opacity":.8,"text-color":this.lineColor}},this.beforeLayer)}},handleClear(){var o,t,a,r,i,l;(o=this.map)!=null&&o.getLayer(this.layer)&&((t=this.map)==null||t.removeLayer(this.layer)),(a=this.map)!=null&&a.getLayer(this.labelLayer)&&((r=this.map)==null||r.removeLayer(this.labelLayer)),(i=this.map)!=null&&i.getSource(this.source)&&((l=this.map)==null||l.removeSource(this.source))}}};function vl(o,t,a,r,i,l){var s,c,n;return a.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",style:e.normalizeStyle({right:i.right+"px"})},[e.createElementVNode("div",null,e.toDisplayString((s=i.lngLat)==null?void 0:s.lat),1),e.createElementVNode("div",null,e.toDisplayString((c=i.lngLat)==null?void 0:c.lng),1),e.createElementVNode("div",null,e.toDisplayString((n=i.lngLat)==null?void 0:n.str),1)],4))}const fo=O(zl,[["render",vl]]),Wd="",Ll={name:"IdmFollowPort",components:{PortDetail:go},props:{map:{type:Object},beforeLayer:{type:String},forecastModel:{type:String},show:{type:Boolean},followList:{type:Array}},setup(){return{Theme:le.useTheme()}},emits:["closeAllDetail"],data(){return{source:"follow-port-source",layer:"follow-port-layer",showInfo:!1,portId:"",hoverPort:{},port:{},marker:void 0,showDetail:!1}},watch:{show:{handler(){var o,t,a;this.show?(this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):this.handleClear()},immediate:!0},followList:{handler(){var o,t,a;this.followList&&this.show?(this.handleClear(),this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):this.handleClear()}}},methods:{handleRender(){var t,a;const o={features:[],type:"FeatureCollection"};(t=this.followList)==null||t.forEach(r=>{var i;if((i=r.port)!=null&&i.id){const l=r.port,s={type:"Feature",properties:l,geometry:{type:"Point",coordinates:[l.lng,l.lat]}};o.features.push(s)}}),this.map.getSource(this.source)?(a=this.map)==null||a.getSource(this.source).setData(o):(this.map.addSource(this.source,{type:"geojson",data:o}),this.map.addLayer({id:this.layer,type:"symbol",source:this.source,filter:["all",["==","$type","Point"],["!=","disabled",!0]],layout:{"symbol-placement":"point","icon-size":1,"icon-image":"port","icon-offset":[0,-13],"text-anchor":"bottom","text-field":"{name}","text-rotation-alignment":"viewport","text-size":10,"text-offset":[0,1.6]},paint:{"text-color":this.Theme.current.value.colors["on-surface"],"text-halo-width":1}},this.beforeLayer))},handleClear(){var o,t,a;this.showInfo=!1,this.map.getLayer(this.layer)&&this.map.removeLayer(this.layer),this.map.getSource(this.source)&&this.map.removeSource(this.source),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)},handleClick(o){const t=o.features[0];this.portId=t.properties.id,t.properties.id&&(this.port=t.properties,this.port.lng=t.geometry.coordinates[0],this.port.lat=t.geometry.coordinates[1],this.port.forecastModel=this.forecastModel,this.showDetail=!0)},handleHover(o){var r,i;this.map.getCanvas().style.cursor="pointer";const t=o.features[0];if(t.properties.id){this.showInfo=!0,this.hoverPort=t.properties,(r=this.marker)==null||r.remove();const l=(i=document.getElementById("idmFollowPortInfo"))==null?void 0:i.cloneNode(!0);this.marker=new de.Marker(l).setLngLat([o.lngLat.lng,o.lngLat.lat]).setOffset([0,-70]).addTo(this.map)}},handleLeave(){var o;this.showInfo=!1,this.hoverPort={},(o=this.marker)==null||o.remove(),this.map.getCanvas().style.cursor="grab"},handleCloseDetail(){this.showDetail=!1}}},Cl={class:"port-box d-flex flex-column justify-center align-start ga-1"},Pl={class:"d-flex justify-start align-center text-label"},Sl={class:"d-flex justify-start align-center text-label"};function Nl(o,t,a,r,i,l){const s=e.resolveComponent("v-card-text"),c=e.resolveComponent("v-card"),n=e.resolveComponent("PortDetail");return e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createVNode(c,{id:"idmFollowPortInfo",ref:"idmFollowPortInfo"},{default:e.withCtx(()=>[e.createVNode(s,{class:"text-body-1 pr-8"},{default:e.withCtx(()=>[e.createElementVNode("div",Cl,[e.createElementVNode("div",null,e.toDisplayString(o.$t("port.port")),1),e.createElementVNode("div",Pl,[e.createElementVNode("span",null,e.toDisplayString(i.hoverPort.name??"-"),1)]),e.createElementVNode("div",Sl,[t[1]||(t[1]=e.createElementVNode("label",{class:"pr-1"},"LoCode : ",-1)),e.createElementVNode("span",null,e.toDisplayString(i.hoverPort.loCode??"-"),1)])])]),_:1})]),_:1},512),[[e.vShow,i.showInfo]]),i.showDetail?(e.openBlock(),e.createBlock(n,e.mergeProps({key:0,portId:i.portId,port:i.port,forecastModel:a.forecastModel,followList:a.followList,onClose:l.handleCloseDetail,onCloseAllDetail:t[0]||(t[0]=h=>o.$emit("closeAllDetail",{followPort:!0}))},o.$attrs),null,16,["portId","port","forecastModel","followList","onClose"])):e.createCommentVNode("",!0)])}const Tl=O(Ll,[["render",Nl],["__scopeId","data-v-95e70a1f"]]),Ud="",Dl={name:"IdmFollowPosition",props:{map:{type:Object},beforeLayer:{type:String},forecastModel:{type:String},show:{type:Boolean},followList:{type:Array},realTime:{type:String}},setup(){return{Theme:le.useTheme()}},data(){return{source:"follow-coordinate-source",layer:"follow-coordinate-layer",position:{},showInfo:!1,marker:null}},computed:{computePosition(){return function(o){return!o||o.lng===null||o.lng===void 0||isNaN(o.lng)||o.lat===null||o.lat===void 0||isNaN(o.lat)?"-":T.LngLatHelper.lat2pretty(o==null?void 0:o.lat,2).pretty+" / "+T.LngLatHelper.lng2pretty(o==null?void 0:o.lng,2).pretty}}},watch:{show:{handler(){var o,t,a;this.show?(this.handleClear(),this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):this.handleClear()},immediate:!0},followList:{handler(){var o,t,a;this.followList&&this.show?(this.handleClear(),this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):this.handleClear()}}},methods:{handleRender(){var t,a;const o={features:[],type:"FeatureCollection"};(t=this.followList)==null||t.forEach(r=>{if(r.coordinate){const i=r.coordinate,l={type:"Feature",properties:{id:r.id,remark:r.remark,...r.coordinate},geometry:{type:"Point",coordinates:[i.lng,i.lat]}};o.features.push(l)}}),this.map.getSource(this.source)?(a=this.map)==null||a.getSource(this.source).setData(o):(this.map.addSource(this.source,{type:"geojson",data:o}),this.map.addLayer({id:this.layer,type:"symbol",source:this.source,filter:["all",["==","$type","Point"],["!=","disabled",!0]],layout:{"symbol-placement":"point","icon-size":1.1,"icon-image":"location","icon-offset":[0,-16]},paint:{"text-color":this.Theme.current.value.colors["on-surface"],"text-halo-width":1}},this.beforeLayer))},handleClear(){var o,t,a;this.map.getLayer(this.layer)&&this.map.removeLayer(this.layer),this.map.getSource(this.source)&&this.map.removeSource(this.source),(o=this.map)==null||o.off("click",[this.layer],this.handleClick),(t=this.map)==null||t.off("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.off("mouseleave",[this.layer],this.handleLeave)},handleClick(o){var a,r,i,l,s,c,n,h,d;const t=o.features[0];if(t.properties){const g=t.properties;g.lng=t.geometry.coordinates[0],g.lat=t.geometry.coordinates[1];const f=v(),x=(a=v(this.realTime))==null?void 0:a.diff(f,"d",!0),b={followId:g.id,lat:g.lat,lng:g.lng,datetime:this.realTime,forecastModel:this.forecastModel};x>=0?(s=(l=(i=(r=this.$parent)==null?void 0:r.$parent)==null?void 0:i.$refs)==null?void 0:l.idmSpot)==null||s.fetchForecastData(b):(d=(h=(n=(c=this.$parent)==null?void 0:c.$parent)==null?void 0:n.$refs)==null?void 0:h.idmSpot)==null||d.fetchHistoryData(b)}},handleHover(o){var a;this.map.getCanvas().style.cursor="pointer";const t=o.features[0];if(t.properties.id){this.showInfo=!0,this.position=t.properties,(a=this.marker)==null||a.remove();const r=document.getElementById("idmFollowPositionInfo").cloneNode(!0);this.marker=new de.Marker(r).setLngLat([o.lngLat.lng,o.lngLat.lat]).setOffset([0,-70]).addTo(this.map)}},handleLeave(){var o;this.showInfo=!1,(o=this.marker)==null||o.remove(),this.map.getCanvas().style.cursor="grab"}}},El={class:"position-box d-flex flex-column justify-center align-start ga-1"},Ml={class:"d-flex justify-start align-center text-label"},Vl={key:0,class:"d-flex justify-start align-center text-label"};function Bl(o,t,a,r,i,l){const s=e.resolveComponent("v-card-text"),c=e.resolveComponent("v-card");return e.withDirectives((e.openBlock(),e.createBlock(c,{id:"idmFollowPositionInfo",ref:"idmFollowPositionInfo"},{default:e.withCtx(()=>[e.createVNode(s,{class:"text-body-1 pr-8"},{default:e.withCtx(()=>[e.createElementVNode("div",El,[t[0]||(t[0]=e.createElementVNode("div",null,"Location",-1)),e.createElementVNode("div",Ml,[e.createElementVNode("span",null,e.toDisplayString(l.computePosition(i.position)),1)]),i.position.remark?(e.openBlock(),e.createElementBlock("div",Vl,[e.createElementVNode("span",null,e.toDisplayString(i.position.remark??"-"),1)])):e.createCommentVNode("",!0)])]),_:1})]),_:1},512)),[[e.vShow,i.showInfo]])}const Il=O(Dl,[["render",Bl],["__scopeId","data-v-82405c68"]]),Yd="",Rl={name:"IdmOtherLayerr",components:{IdmWarZone:Ga,IdmGmdssArea:Ya,IdmEcaZone:Xa,IdmAlertZone:$a,IdmPort:nr,IdmLoadLine:dr,IdmTimezone:gr,IdmVRA:yr,IdmSpecialArea:xr,IdmTerminator:zr,IdmWorld12nm:Cr,IdmWorldMarine:Nr,IdmChinaRoute:Er,IdmTideStations:wl,IdmIceAreas:kl,IdmLatLng:fo,IdmFollowPort:Tl,IdmFollowPosition:Il},props:{simple:{type:Boolean,default:!1},map:{type:Object},theme:{type:String},token:{type:String},isLogin:{type:Boolean,default:!1},defaultMeteoToken:{type:String},gateway:{type:String},assistGateway:{type:Array,default:[]},top:{type:Number,default:60},paddingTop:{type:Number,default:48},menuHeight:{type:Number,default:248},menuToggle:{type:Object,default:{}},ts:{type:String},forecastModel:{type:String},realTime:{type:String}},emits:["map","other","menuToggle","mapFeather","theme","followLayerList","otherCheckList"],data(){return{right:10,toggle:!1,mapFeather:localStorage.getItem("mapFeathersCacheGL4")||"light",tagLayers:[...Be.LayerHelper.OTHER_LAYERS.filter(o=>o.enabled)],layerWeight:0,otherLayers:{},activeOtherLayers:[],cache:{v:"0.0.2",versionKey:"otherLayerCacheVersionGL4",checkListKey:"otherChecklistCacheGL4",followListKey:"otherFollowListCacheGL4",mapFeatherKey:"mapFeathersCacheGL4"},mapFeathers:[{name:"Light Map",value:"light",locale:"lightMap"},{name:"Dark Map",value:"dark",locale:"darkMap"},{name:"Satelite Map",value:"satellite",locale:"satelliteMap"},{name:"Nautical Map",value:"nautical",locale:"nauticalMap"}],checkList:[]}},computed:{listStyle(){return this.simple?{top:this.top+"px",left:this.toggle?"0px":"-280px"}:{top:this.top+"px",right:this.toggle?"0px":"-280px"}}},watch:{"menuToggle.v":{handler(){this.toggle=this.menuToggle.otherLayers,this.$nextTick(()=>{var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)})},immediate:!0},realTime:{handler(o,t){o&&t&&o!==t&&this.checkList.includes("day-night")&&this.fetchDayNightLayer()}},theme:{handler(){this.theme==="light"?this.mapFeather=["light","nautical"].includes(this.mapFeather)?this.mapFeather:"light":this.mapFeather=["dark","satellite"].includes(this.mapFeather)?this.mapFeather:"dark"},immediate:!0},mapFeather:{handler(){localStorage.setItem(this.cache.mapFeatherKey,this.mapFeather),this.$emit("mapFeather",this.mapFeather),this.$emit("theme",["light","nautical"].includes(this.mapFeather)?"light":"dark")},immediate:!0},checkList:{handler(o,t){localStorage.setItem(this.cache.checkListKey,JSON.stringify(this.checkList)),this.activeOtherLayers=this.tagLayers.filter(l=>this.checkList.includes(l.key))||[];const a=o==null?void 0:o.filter(l=>!(t!=null&&t.includes(l))),r=t==null?void 0:t.filter(l=>!(o!=null&&o.includes(l))),i=o==null?void 0:o.filter(l=>t==null?void 0:t.includes(l));if((r==null?void 0:r.length)>0&&r.forEach(l=>{this.otherLayers[l]=void 0,delete this.otherLayers[l]}),(a==null?void 0:a.length)>0){const l=this.tagLayers.filter(s=>this.checkList.includes(s.key)&&!i.includes(s.key))||[];this.handleLayersChange(l)}this.$emit("otherCheckList",this.checkList)}}},async mounted(){this.fetchCache()},methods:{fetchCache(){const o=localStorage.getItem(this.cache.versionKey);this.cache.v!==o&&(localStorage.removeItem(this.cache.checkListKey),localStorage.removeItem(this.cache.followListKey),localStorage.removeItem(this.cache.mapFeatherKey),localStorage.setItem(this.cache.versionKey,this.cache.v));let t=localStorage.getItem(this.cache.checkListKey);this.checkList=JSON.parse(t||'["eca-zones"]'),localStorage.setItem(this.cache.checkListKey,JSON.stringify(this.checkList)),t=localStorage.getItem(this.cache.mapFeatherKey);const a=t||"light";this.$emit("mapFeather",a),localStorage.setItem(this.cache.mapFeatherKey,a)},handleMenuToggle(){this.$emit("menuToggle","otherLayers")},handleToggleMapFeather(o){this.$emit("map",void 0),this.mapFeather=o.value},async fetchOtherLayers(){var t,a;let o=this.layerWeight;if(o){const r=this.assistGateway[Math.round(Math.random()*(this.assistGateway.length-1))],i=await J.get(`${r}/api/arc/other/layers/links?l=${o}&t=${this.realTime}`,{headers:{Authorization:this.defaultMeteoToken}});if(((t=i==null?void 0:i.data)==null?void 0:t.code)===0){const l=(a=i==null?void 0:i.data)==null?void 0:a.data,s=[];for(const n in l)s.push(J.get(l[n],{headers:{Authorization:this.defaultMeteoToken,key:n}}));(await Promise.all(s)).map(n=>{var g,f,x;const h=((g=n==null?void 0:n.data)==null?void 0:g.data)||(n==null?void 0:n.data),d=(x=(f=n==null?void 0:n.config)==null?void 0:f.headers)==null?void 0:x.key;this.otherLayers[d]=h})}}},async fetchDayNightLayer(){var a,r;const o=this.assistGateway[Math.round(Math.random()*(this.assistGateway.length-1))],t=await J.get(`${o}/api/arc/other/layers/links?l=1024&t=${this.realTime}`,{headers:{Authorization:this.defaultMeteoToken}});((a=t==null?void 0:t.data)==null?void 0:a.code)===0&&(this.otherLayers["day-night"]=((r=t==null?void 0:t.data)==null?void 0:r.data)||(t==null?void 0:t.data))},handleLayersChange(o){const t=o==null?void 0:o.reduce((a,r)=>a+(r==null?void 0:r.weight),0);this.layerWeight=t,this.fetchOtherLayers()}}},Al={class:"idm-gl4-other-layer"},Ol={class:"header-box d-flex justify-space-between align-center px-4"},jl={class:"text-h5 font-weight-medium"},Fl={class:"list-box scroll pl-4 pr-2 overflow-y-auto"},Hl={class:"layers-body mt-4 d-flex justify-start align-center flex-wrap"},Gl=["onClick"],Wl={key:0,src:"https://osshz.idmwx.com/asset/dark-map.png",class:"border rounded-sm"},Ul={key:1,src:"https://osshz.idmwx.com/asset/nautical-map.png",class:"border rounded-sm"},Yl={key:2,src:"https://osshz.idmwx.com/asset/satellite-map.png",class:"border rounded-sm"},Zl={key:3,src:"https://osshz.idmwx.com/asset/light-map.png",class:"border rounded-sm"},ql={class:"text-body-2 text-center pt-1"};function Xl(o,t,a,r,i,l){var F,Q,$,ie,q,ee,re,te,oe;const s=e.resolveComponent("VBtn"),c=e.resolveComponent("VTooltip"),n=e.resolveComponent("VCardTitle"),h=e.resolveComponent("VCardItem"),d=e.resolveComponent("VCheckbox"),g=e.resolveComponent("VCardText"),f=e.resolveComponent("VCard"),x=e.resolveComponent("IdmLatLng"),b=e.resolveComponent("IdmTerminator"),_=e.resolveComponent("IdmTimezone"),p=e.resolveComponent("IdmPort"),S=e.resolveComponent("IdmAlertZone"),L=e.resolveComponent("IdmTideStations"),k=e.resolveComponent("IdmEcaZone"),w=e.resolveComponent("IdmWarZone"),u=e.resolveComponent("IdmGmdssArea"),z=e.resolveComponent("IdmLoadLine"),y=e.resolveComponent("IdmWorldMarine"),C=e.resolveComponent("IdmVRA"),E=e.resolveComponent("IdmSpecialArea"),R=e.resolveComponent("IdmWorld12nm"),j=e.resolveComponent("IdmChinaRoute"),A=e.resolveComponent("IdmIceAreas"),G=e.resolveComponent("IdmFollowPort"),W=e.resolveComponent("IdmFollowPosition");return e.openBlock(),e.createElementBlock("div",Al,[e.createElementVNode("div",{class:"menu-bar-box transition px-1 rounded",style:e.normalizeStyle({top:a.top+10+"px",right:i.right+"px",paddingTop:a.paddingTop+"px",height:a.menuHeight+"px"})},[e.createVNode(c,{text:o.$t("layer.mapLayers"),location:"left"},{activator:e.withCtx(({props:P})=>[e.createVNode(s,e.mergeProps(P,{"min-width":"32",width:"32",height:"32",class:["text-none pa-0",i.toggle?"bg-primary active-border":""],onClick:l.handleMenuToggle}),{default:e.withCtx(()=>t[5]||(t[5]=[e.createElementVNode("i",{class:"iconfont icon-Layer text-h4"},null,-1)])),_:2,__:[5]},1040,["class","onClick"])]),_:1},8,["text"])],4),e.createElementVNode("div",{class:e.normalizeClass(["available-layers transition",i.toggle?"right-bar":""]),style:e.normalizeStyle(l.listStyle)},[e.createElementVNode("div",Ol,[e.createElementVNode("div",jl,e.toDisplayString(o.$t("layer.layers")),1),e.createVNode(s,{icon:"",density:"compact",variant:"plain",class:"mr-n2",onClick:l.handleMenuToggle},{default:e.withCtx(()=>t[6]||(t[6]=[e.createElementVNode("i",{class:"iconfont icon-close text-label text-h4"},null,-1)])),_:1,__:[6]},8,["onClick"])]),e.createElementVNode("div",Fl,[e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(h,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(n,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("layer.mapFeathers")),1)]),_:1})]),_:1}),e.createVNode(g,{class:"pb-2"},{default:e.withCtx(()=>[e.createElementVNode("div",Hl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.mapFeathers,P=>(e.openBlock(),e.createElementBlock("div",{key:P.value,class:"mb-2 feather-item",onClick:U=>l.handleToggleMapFeather(P)},[e.createElementVNode("div",{class:e.normalizeClass([i.mapFeather===P.value?"active":"","img-box"])},[P.value==="dark"?(e.openBlock(),e.createElementBlock("img",Wl)):P.value==="nautical"?(e.openBlock(),e.createElementBlock("img",Ul)):P.value==="satellite"?(e.openBlock(),e.createElementBlock("img",Yl)):(e.openBlock(),e.createElementBlock("img",Zl))],2),e.createElementVNode("div",ql,e.toDisplayString(o.$t(`layer.${P.locale}`)),1)],8,Gl))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(P=>["graticule","day-night","time-zones"].includes(P.key)),P=>(e.openBlock(),e.createBlock(d,{key:P.key,modelValue:i.checkList,"onUpdate:modelValue":t[0]||(t[0]=U=>i.checkList=U),value:P.key,label:o.$t(`layer.${P.locale}`),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","value","label"]))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(h,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(n,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("layer.pointsOfInteresting")),1)]),_:1})]),_:1}),e.createVNode(g,{class:"py-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(P=>["ports","alert-zones","tidal-stations"].includes(P.key)),P=>(e.openBlock(),e.createBlock(d,{key:P.key,modelValue:i.checkList,"onUpdate:modelValue":t[1]||(t[1]=U=>i.checkList=U),value:P.key,label:o.$t(`layer.${P.locale}`),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","value","label"]))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(h,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(n,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("layer.otherLayers")),1)]),_:1})]),_:1}),e.createVNode(g,{class:"py-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(P=>!["graticule","day-night","time-zones","ports","alert-zones","tidal-stations"].includes(P.key)),P=>(e.openBlock(),e.createBlock(d,{key:P.key,modelValue:i.checkList,"onUpdate:modelValue":t[2]||(t[2]=U=>i.checkList=U),value:P.key,label:o.$t(`layer.${P.locale}`),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","value","label"]))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(h,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(n,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("layer.myFollows")),1)]),_:1})]),_:1}),e.createVNode(g,{class:"py-2"},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:i.checkList,"onUpdate:modelValue":t[3]||(t[3]=P=>i.checkList=P),value:"follow-ports",label:o.$t("layer.ports"),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","label"]),e.createVNode(d,{modelValue:i.checkList,"onUpdate:modelValue":t[4]||(t[4]=P=>i.checkList=P),value:"follow-positions",label:o.$t("layer.locations"),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","label"])]),_:1})]),_:1})])],6),a.map?(e.openBlock(),e.createBlock(x,e.mergeProps({key:0,simple:a.simple,map:a.map,"menu-toggle":a.menuToggle,show:i.checkList.includes("graticule")},o.$attrs),null,16,["simple","map","menu-toggle","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(b,e.mergeProps({key:1,map:a.map,area:(F=i.otherLayers)==null?void 0:F["day-night"]},o.$attrs,{"before-layer":"empty-layer-2"}),null,16,["map","area"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(_,e.mergeProps({key:2,map:a.map,zone:(Q=i.otherLayers)==null?void 0:Q["time-zones"],realTime:a.realTime},o.$attrs,{beforeLayer:"empty-layer-3"}),null,16,["map","zone","realTime"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(p,e.mergeProps({key:3,ref:"idmPorts",simple:a.simple,map:a.map,ports:($=i.otherLayers)==null?void 0:$.ports,gateway:a.gateway,token:a.token,"forecast-model":a.forecastModel,realTime:a.realTime,theme:a.theme},o.$attrs,{"before-layer":"empty-layer-3"}),null,16,["simple","map","ports","gateway","token","forecast-model","realTime","theme"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(S,e.mergeProps({key:4,map:a.map,simple:a.simple,zone:(ie=i.otherLayers)==null?void 0:ie["alert-zones"]},o.$attrs,{"before-layer":"empty-layer-3",theme:a.theme}),null,16,["map","simple","zone","theme"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(L,e.mergeProps({key:5,ref:"idmIideStation",simple:a.simple,map:a.map,gateway:a.gateway,token:a.token,defaultMeteoToken:a.defaultMeteoToken,show:i.checkList.includes("tidal-stations"),theme:a.theme,realTime:a.realTime,forecastModel:a.forecastModel,"before-layer":"empty-layer-3"},o.$attrs),null,16,["simple","map","gateway","token","defaultMeteoToken","show","theme","realTime","forecastModel"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(k,e.mergeProps({key:6,map:a.map,zone:(q=i.otherLayers)==null?void 0:q["eca-zones"]},o.$attrs),null,16,["map","zone"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(w,e.mergeProps({key:7,map:a.map,zone:(ee=i.otherLayers)==null?void 0:ee["war-zones"]},o.$attrs),null,16,["map","zone"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(u,e.mergeProps({key:8,map:a.map,area:(re=i.otherLayers)==null?void 0:re["gmdss-areas"]},o.$attrs),null,16,["map","area"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(z,e.mergeProps({key:9,map:a.map,show:i.checkList.includes("load-lines")},o.$attrs),null,16,["map","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(y,e.mergeProps({key:10,map:a.map,token:a.token,show:i.checkList.includes("worldMarine")},o.$attrs),null,16,["map","token","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(C,e.mergeProps({key:11,map:a.map,area:(te=i.otherLayers)==null?void 0:te["voluntary-reporting-area"]},o.$attrs),null,16,["map","area"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(E,e.mergeProps({key:12,map:a.map,area:(oe=i.otherLayers)==null?void 0:oe["special-area"]},o.$attrs),null,16,["map","area"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(R,e.mergeProps({key:13,map:a.map,token:a.token,show:i.checkList.includes("world12nm")},o.$attrs),null,16,["map","token","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(j,e.mergeProps({key:14,map:a.map,token:a.token,show:i.checkList.includes("chinaRoute")},o.$attrs),null,16,["map","token","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(A,e.mergeProps({key:15,map:a.map,show:i.checkList.includes("ice-areas")},o.$attrs),null,16,["map","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(G,e.mergeProps({key:16,ref:"idmFollowPort",simple:a.simple,map:a.map,show:i.checkList.includes("follow-ports"),gateway:a.gateway,token:a.token,"forecast-model":a.forecastModel,realTime:a.realTime},o.$attrs,{"before-layer":"empty-layer-3"}),null,16,["simple","map","show","gateway","token","forecast-model","realTime"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(W,e.mergeProps({key:17,ref:"idmFollowPosition",simple:a.simple,map:a.map,show:i.checkList.includes("follow-positions"),"forecast-model":a.forecastModel,realTime:a.realTime},o.$attrs),null,16,["simple","map","show","forecast-model","realTime"])):e.createCommentVNode("",!0)])}const Kl=O(Rl,[["render",Xl]]);class uo{constructor(t){ae(this,"map");ae(this,"mercator");ae(this,"rampColorLayer");ae(this,"rampColorSource");ae(this,"particleLayer");ae(this,"particleSource");ae(this,"rampColorCanvas");ae(this,"particleCanvas");ae(this,"ratio");this.map=t,this.mercator=new Oa,this.rampColorLayer="ramp-color-layer",this.rampColorSource="ramp-color-source",this.particleLayer="particle-layer",this.particleSource="particle-source",this.rampColorCanvas=document.createElement("canvas"),this.particleCanvas=document.createElement("canvas"),this.ratio=window.devicePixelRatio}convertNLng(t,a=0){return t>180?this.convertNLng(t-360,a+1):t<-180?this.convertNLng(t+360,a+1):[t,a]}getBoundLngLat(){var a;const t=(a=this.map)==null?void 0:a.getBounds();return t?[[t._sw.lng,t._ne.lat],[t._ne.lng,t._ne.lat],[t._ne.lng,t._sw.lat],[t._sw.lng,t._sw.lat]]:[]}getBoundPixel(){var b,_;const t=(b=this.map)==null?void 0:b.getBounds();if(!t)return[];const a=((_=this.map)==null?void 0:_.getZoom())+1,r=[t._ne.lng,t._ne.lat],i=[t._sw.lng,t._sw.lat],[l,s]=this.convertNLng(r[0]),[c,n]=this.convertNLng(i[0]),[h,d]=this.mercator.px([l,r[1]],a),[g,f]=this.mercator.px([c,i[1]],a),x=Math.round(this.mercator.size*Math.pow(2,a)*(s+n));return[g,f,h+x,d]}getBoundRange(){const t=this.map.getZoom()+1,a=this.mercator.size*Math.pow(2,t),r=this.getBoundPixel();return[r[0]/a,r[2]/a,r[3]/a,r[1]/a]}getWorldCopy(t,a){const r=2**a,[i,l,s,c]=t.map(d=>~~(d/(r*256))),n=[];for(let d=c;d<=l;d++)for(let g=i;g<=s;g++)n.push([g,d]);return n.map(d=>{const g=2**a*256;return[d[0]*g,d[1]*g,g]})}resize(){let t=this.map.getSource(this.rampColorSource);t.setCoordinates(this.getBoundLngLat()),t=this.map.getSource(this.particleSource),t.setCoordinates(this.getBoundLngLat()),this.rampColorCanvas.width=this.map._canvas.clientWidth,this.rampColorCanvas.height=this.map._canvas.clientHeight,this.particleCanvas.width=this.map._canvas.clientWidth,this.particleCanvas.height=this.map._canvas.clientHeight}toggle(t){var i;const a=(i=this.map)==null?void 0:i.getLayoutProperty(this.rampColorLayer,"visibility"),r=t?"visible":"none";a!==r&&this.map.setLayoutProperty(this.rampColorLayer,"visibility",r)}toggleParticle(t){var i;const a=(i=this.map)==null?void 0:i.getLayoutProperty(this.particleLayer,"visibility"),r=t?"visible":"none";a!==r&&this.map.setLayoutProperty(this.particleLayer,"visibility",r)}}class _e{createShader(t,a,r){const i=t.createShader(a);if(i&&(t.shaderSource(i,r),t.compileShader(i),!t.getShaderParameter(i,t.COMPILE_STATUS)))throw new Error(t.getShaderInfoLog(i)||"error happened while create shader...");return i}createTexture(t,a,r,i,l,s,c){const n=t.createTexture();return t.bindTexture(t.TEXTURE_2D,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,a),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,r),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,i),l instanceof Uint8Array?t.texImage2D(t.TEXTURE_2D,0,t.RGBA,s,c,0,t.RGBA,t.UNSIGNED_BYTE,l):t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,l),t.bindTexture(t.TEXTURE_2D,null),n}createDataBuffer(t,a,r){if(t){const i=t.createBuffer();return a==="array"?(t.bindBuffer(t.ARRAY_BUFFER,i),r&&t.bufferData(t.ARRAY_BUFFER,r,t.STATIC_DRAW)):a==="element"&&(t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,i),r&&t.bufferData(t.ELEMENT_ARRAY_BUFFER,r,t.STATIC_DRAW)),i}return null}createProgram(t,a,r){const i=t.createProgram(),l=this.createShader(t,t.VERTEX_SHADER,a),s=this.createShader(t,t.FRAGMENT_SHADER,r);if(i&&l&&s&&(t.attachShader(i,l),t.attachShader(i,s),t.linkProgram(i),!t.getProgramParameter(i,t.LINK_STATUS)))throw new Error(t.getProgramInfoLog(i)||"error happened while creating ramp color program");return i}createProgramWrapper(t,a,r){const i=this.createProgram(t,a,r);if(i){const l={program:i},s=t.getProgramParameter(i,t.ACTIVE_ATTRIBUTES);for(let n=0;n<s;n++){const h=t.getActiveAttrib(i,n);l[h.name]=t.getAttribLocation(i,h.name)}const c=t.getProgramParameter(i,t.ACTIVE_UNIFORMS);for(let n=0;n<c;n++){const h=t.getActiveUniform(i,n);l[h.name]=t.getUniformLocation(i,h.name)}return l}}setup(t,a,r=!1,i,l){const s=document.createElement("canvas");s.width=256,s.height=1;const c=s.getContext("2d");if(c&&t){const n=c==null?void 0:c.createLinearGradient(0,0,256,0);return a.forEach(([h,d])=>{n.addColorStop(h,d)}),c.fillStyle=n,c.fillRect(0,0,256,1),{canvas:s,texture:this.createTexture(t,t.LINEAR,t.LINEAR,t.CLAMP_TO_EDGE,r?new Uint8Array(c.getImageData(0,0,256,1).data):s,i,l)}}}setupParticle(t,a=1e3){const r=Math.ceil(Math.sqrt(a)),i=r*r,l=new Uint8Array(i*4);for(let d=0;d<l.length;d++)l[d]=Math.floor(Math.random()*256);const s=this.createTexture(t,t.NEAREST,t.NEAREST,t.CLAMP_TO_EDGE,l,r,r),c=this.createTexture(t,t.NEAREST,t.NEAREST,t.CLAMP_TO_EDGE,l,r,r),n=new Float32Array(i);for(let d=0;d<i;d++)n[d]=d;const h=this.createDataBuffer(t,"array",n);return{resolution:r,total:i,texture0:s,texture1:c,indexBuffer:h}}bind(t,a,r){const i=this.createProgram(t,a,r);if(i){const l=this.createDataBuffer(t,"array",void 0),s=t.getAttribLocation(i,"a_position");t.enableVertexAttribArray(s),t.vertexAttribPointer(s,2,t.FLOAT,!1,0,0);const c=new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]);this.createDataBuffer(t,"array",c);const n=t.getAttribLocation(i,"a_texCoord");return t.enableVertexAttribArray(n),t.vertexAttribPointer(n,2,t.FLOAT,!1,0,0),{program:i,aPositionBuffer:l}}return{}}bindParticle(t,a,r,i,l,s){const c=this.createProgramWrapper(t,a,r),n=this.createProgramWrapper(t,i,l),h=this.createProgramWrapper(t,i,s),d=this.createDataBuffer(t,"array",new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1])),g=t.createFramebuffer();return{particle:c,screen:n,update:h,quadBuffer:d,frameBuffer:g}}draw(t,a,r,i,l,s,c){var n,h;if(a&&r){t.resize(),a==null||a.viewport(0,0,(n=a==null?void 0:a.canvas)==null?void 0:n.width,(h=a==null?void 0:a.canvas)==null?void 0:h.height),a.clearColor(0,0,0,0),a.clear(a.COLOR_BUFFER_BIT|a.DEPTH_BUFFER_BIT);try{a.useProgram(r);const d={resolution:a.getUniformLocation(r,"u_resolution"),image:a.getUniformLocation(r,"u_image"),color:a.getUniformLocation(r,"u_color"),scale:a.getUniformLocation(r,"u_scale"),uvRange:a.getUniformLocation(r,"u_range_u_v"),sRange:a.getUniformLocation(r,"u_range_s")};d.resolution&&a.uniform2f(d.resolution,a.canvas.width*t.ratio,a.canvas.height*t.ratio),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,i),d.image&&a.uniform1i(d.image,0),a.activeTexture(a.TEXTURE1),a.bindTexture(a.TEXTURE_2D,l),d.color&&a.uniform1i(d.color,1),c!=null&&c.uvRange&&(c!=null&&c.sRange)&&(d.uvRange&&a.uniform2f(d.uvRange,c.uvRange[0],c.uvRange[1]),d.sRange&&a.uniform2f(d.sRange,c.sRange[0],c.sRange[1])),d.scale&&a.uniform1f(d.scale,(c==null?void 0:c.scale)||1);const g=t.getBoundPixel(),f=t.map.getZoom()+1,x=t.getWorldCopy(g,f);for(const b of x){const _=(b[0]-g[0])*t.ratio,p=(b[1]-g[3])*t.ratio,S=b[2]*t.ratio,[L,k,w,u]=[_,S+_,p,S+p],z=new Float32Array([L,w,k,w,L,u,L,u,k,w,k,u]);a.bindBuffer(a.ARRAY_BUFFER,s),a.bufferData(a.ARRAY_BUFFER,z,a.STATIC_DRAW),a.drawArrays(a.TRIANGLES,0,6)}}catch(d){console.log(`render failed...${d}`)}}}drawParticle(t,a,r,i,l){var s,c;a&&(a==null||a.viewport(0,0,(s=a==null?void 0:a.canvas)==null?void 0:s.width,(c=a==null?void 0:a.canvas)==null?void 0:c.height),a.disable(a.DEPTH_TEST),a.disable(a.STENCIL_TEST),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,r),a.activeTexture(a.TEXTURE1),a.bindTexture(a.TEXTURE_2D,i.texture0),this.renderScreen(t,a,i,l),this.updateParticles(t,a,i,l))}renderScreen(t,a,r,i){a.bindFramebuffer(a.FRAMEBUFFER,r.frameBuffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,r.screenTexture,0),a.viewport(0,0,a.canvas.width,a.canvas.height),this.renderScreenTexture(a,r.backgroundTexture,r.screen,r.quadBuffer,.95),this.renderParticles(t,a,r,i),a.bindFramebuffer(a.FRAMEBUFFER,null),this.renderScreenTexture(a,r.screenTexture,r.screen,r.quadBuffer,1);const l=r.backgroundTexture;r.backgroundTexture=r.screenTexture,r.screenTexture=l}renderScreenTexture(t,a,r,i,l){t&&(t.useProgram(r.program),t.bindBuffer(t.ARRAY_BUFFER,i),t.enableVertexAttribArray(r.a_pos),t.vertexAttribPointer(r.a_pos,2,t.FLOAT,!1,0,0),t.activeTexture(t.TEXTURE2),t.bindTexture(t.TEXTURE_2D,a),t.uniform1i(r.u_screen,2),t.uniform1f(r.u_opacity,l),t.drawArrays(t.TRIANGLES,0,6))}renderParticles(t,a,r,i){if(a){a.useProgram(r.particle.program),a.bindBuffer(a.ARRAY_BUFFER,r.indexBuffer),a.enableVertexAttribArray(r.particle.a_index),a.vertexAttribPointer(r.particle.a_index,1,a.FLOAT,!1,0,0),a.activeTexture(a.TEXTURE2),a.bindTexture(a.TEXTURE_2D,r.color.texture),a.uniform1i(r.particle.u_factor,0),a.uniform1i(r.particle.u_particles,1),a.uniform1i(r.particle.u_color_ramp,2),a.uniform1f(r.particle.u_particles_resolution,r.resolution*t.ratio),a.uniform1f(r.particle.u_point,t.ratio);const l=t.getBoundRange();a.uniform4f(r.particle.u_viewport,l[0],l[1],l[2],l[3]),a.uniform2f(r.particle.u_factor_min,i.uvRange[0],i.uvRange[0]),a.uniform2f(r.particle.u_factor_max,i.uvRange[1],i.uvRange[1]),a.drawArrays(a.POINTS,0,r.total)}}updateParticles(t,a,r,i){var s,c;if(a){a.bindFramebuffer(a.FRAMEBUFFER,r.frameBuffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,r.texture1,0),a.viewport(0,0,r.resolution,r.resolution),a.useProgram(r.update.program),a.bindBuffer(a.ARRAY_BUFFER,r.quadBuffer),a.enableVertexAttribArray(r.update.a_pos),a.vertexAttribPointer(r.update.a_pos,2,a.FLOAT,!1,0,0),a.uniform1i(r.update.u_factor,0),a.uniform1i(r.update.u_particles,1);const n=t.getBoundRange();a.uniform4f(r.update.u_viewport,n[0],n[1],n[2],n[3]),a.uniform1f(r.update.u_rand_seed,Math.random()),a.uniform2f(r.update.u_factor_res,(s=r==null?void 0:r.image)==null?void 0:s.width,(c=r==null?void 0:r.image)==null?void 0:c.height),a.uniform2f(r.update.u_factor_min,i.uvRange[0],i.uvRange[0]),a.uniform2f(r.update.u_factor_max,i.uvRange[1],i.uvRange[1]),a.uniform1f(r.update.u_speed_factor,i.speedFactor*t.ratio),a.uniform1f(r.update.u_drop_rate,i.dropRate),a.uniform1f(r.update.u_drop_rate_bump,i.dropRateBump),a.drawArrays(a.TRIANGLES,0,6)}const l=r.texture0;r.texture0=r.texture1,r.texture1=l}resize(t,a){t.resize();const r=new Uint8Array(a.canvas.width*a.canvas.height*4).fill(0,0,a.canvas.width*a.canvas.height*4),i=this.createTexture(a,a.NEAREST,a.NEAREST,a.CLAMP_TO_EDGE,r,a.canvas.width,a.canvas.height),l=this.createTexture(a,a.NEAREST,a.NEAREST,a.CLAMP_TO_EDGE,r,a.canvas.width,a.canvas.height);return{screenTexture:i,backgroundTexture:l}}async loadImg(t){return new Promise(a=>{const r=new Blob([t],{type:t.type}),i=URL.createObjectURL(r),l=new Image;l.crossOrigin="anonymous",l.src=i,l.onload=()=>a(l)})}}class K{}ae(K,"vertexSchema",`
10
+ </div>`)}),r}},legend:{show:!0,right:20,top:0,itemWidth:30,data:["Height"],textStyle:{color:this.Theme.current.value.colors["on-surface"]}},grid:{top:40,left:10,right:10,bottom:30,containLabel:!0},xAxis:[{type:"category",data:this.xDate,boundaryGap:!0,axisTick:{alignWithLabel:!0,lineStyle:{color:this.Theme.current.value.colors["surface-bright"]}},axisLine:{show:!0,lineStyle:{color:this.Theme.current.value.colors["surface-bright"]}},axisLabel:{interval:"auto",margin:15,textStyle:{fontSize:12,color:this.Theme.current.value.colors["surface-bright"]}}}],yAxis:[{name:"(m)",show:!0,nameLocation:"end",position:"left",nameGap:15,splitNumber:5,splitLine:{show:!0,lineStyle:{color:this.Theme.current.value.colors["surface-bright"]}},alignTicks:!0,axisLine:{show:!0,lineStyle:{color:this.Theme.current.value.colors["surface-bright"]}},axisLabel:{textStyle:{fontSize:12,color:this.Theme.current.value.colors["surface-bright"]}}}],series:[{name:"Height",type:"line",showSymbol:!0,yAxisIndex:0,lineStyle:{color:this.Theme.current.value.colors["map-perple"]},itemStyle:{color:this.Theme.current.value.colors["map-perple"]},data:this.echartData.height}]};o==null||o.setOption(t)},handleClose(){this.$emit("close")}}},Vr={class:"d-flex justify-space-between align-center"},Br={class:"d-flex justify-start text-h5 my-2"},Ir={class:"d-flex justify-start align-center text-body-1 text-label ga-3"},Rr={class:"summary-box w-100"},Ar={class:"d-flex justify-space-between align-center py-2"},Or={class:"d-flex justify-center align-center text-h6 ga-2"},jr={class:"multi-color-icon","aria-hidden":"true"},Fr=["xlink:href"],Hr={class:"gray-bg-2 rounded d-flex flex-column ga-4 pa-4"},Gr={class:"w-100 d-flex justify-start align-center"},Wr={class:"w-30 text-label font-weight-400"},Ur={class:"flex-1-1-0"},Yr={class:"w-100 d-flex justify-start align-center"},Zr={class:"w-30 text-label font-weight-400"},qr={class:"flex-1-1-0"},Xr={class:"w-100 d-flex justify-start align-center"},Kr={class:"w-30 text-label font-weight-400"},Jr={class:"flex-1-1-0"},Qr={class:"table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center"},$r={class:"w-100 d-flex justify-space-between align-center py-2"},el={class:"d-flex justify-center align-center text-h6 ga-2"},tl={class:"multi-color-icon","aria-hidden":"true"},ol=["xlink:href"],al={class:"w-100",style:{height:"244px"},ref:"tideEchart"},il={"fixed-header":"",density:"compact",class:"w-100 tide-table bg-none"},rl={class:"px-1 text-center text-label font-weight-400",width:"120"},ll={class:"px-1 text-center text-label font-weight-400",width:"120"},sl={class:"px-1 text-center text-label font-weight-400",width:"120"},nl={class:"px-1 text-center"},cl={class:"px-1 text-center"},ml={class:"px-1 text-center"};function dl(o,t,a,r,i,l){const s=e.resolveComponent("VBtn"),c=e.resolveComponent("v-card-title"),n=e.resolveComponent("v-divider"),h=e.resolveComponent("VBtnToggle"),d=e.resolveComponent("v-card");return e.openBlock(),e.createBlock(d,{class:e.normalizeClass(["tide-detail-container d-flex flex-column justify-start align-center",a.simple?"page":"dialog"])},{default:e.withCtx(()=>{var g,f;return[e.createVNode(c,{class:"w-100"},{default:e.withCtx(()=>{var x;return[e.createElementVNode("div",Vr,[e.createElementVNode("div",Br,[e.createElementVNode("div",null,e.toDisplayString((x=a.station)==null?void 0:x.name),1)]),e.createVNode(s,{icon:"",density:"compact",variant:"plain",class:"mr-n2",onClick:l.handleClose},{default:e.withCtx(()=>t[1]||(t[1]=[e.createElementVNode("i",{class:"iconfont icon-close text-label text-h4"},null,-1)])),_:1,__:[1]},8,["onClick"])]),e.createElementVNode("div",Ir,[e.createElementVNode("div",null,e.toDisplayString(o.$t("tide.tideStation")),1)])]}),_:1}),e.createVNode(n,{class:"w-100"}),e.createElementVNode("div",{class:e.normalizeClass(["w-100 pt-0 pb-0 overflow-y-auto scroll",a.simple?"px-3":"px-5"])},[e.createElementVNode("div",Rr,[e.createElementVNode("div",Ar,[e.createElementVNode("div",Or,[(e.openBlock(),e.createElementBlock("svg",jr,[e.createElementVNode("use",{"xlink:href":`#icon-title-${a.theme}`},null,8,Fr)])),e.createElementVNode("div",null,e.toDisplayString(o.$t("detail.summary")),1)])]),e.createElementVNode("div",Hr,[e.createElementVNode("div",Gr,[e.createElementVNode("div",Wr,e.toDisplayString(o.$t("tide.region")),1),e.createElementVNode("div",Ur,e.toDisplayString(((g=a.station)==null?void 0:g.Country)??((f=a.station)==null?void 0:f.city)??"-"),1)]),e.createElementVNode("div",Yr,[e.createElementVNode("div",Zr,e.toDisplayString(o.$t("tide.position")),1),e.createElementVNode("div",qr,e.toDisplayString(l.computePosition(a.station)),1)]),e.createElementVNode("div",Xr,[e.createElementVNode("div",Kr,e.toDisplayString(o.$t("time.localTime")),1),e.createElementVNode("div",Jr,e.toDisplayString(l.computeLocalTime(a.realTime,a.station))+" "+e.toDisplayString(l.computeTimeOffset(a.station)),1)])])]),e.createElementVNode("div",Qr,[e.createElementVNode("div",$r,[e.createElementVNode("div",el,[(e.openBlock(),e.createElementBlock("svg",tl,[e.createElementVNode("use",{"xlink:href":`#icon-title-${a.theme}`},null,8,ol)])),e.createElementVNode("div",null,e.toDisplayString(o.$t("tide.tideTimes")),1)]),t[2]||(t[2]=e.createElementVNode("div",{class:"text-body-2 text-success ga-2"},null,-1))]),e.createElementVNode("div",{class:e.normalizeClass(["w-100 gray-bg-2 rounded",a.simple?"pa-2":"pa-4"])},[e.createVNode(h,{modelValue:i.currentIndex,"onUpdate:modelValue":t[0]||(t[0]=x=>i.currentIndex=x),class:"w-100 gray-bg-2 rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",density:"compact",group:"",height:"26","min-height":"26",rounded:"1"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.dateList,x=>(e.openBlock(),e.createBlock(s,{class:"text-none text-body-1 rounded bg-none flex-1-1-0",density:"compact",color:"primary",height:"26",value:x.index},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.label),1)]),_:2},1032,["value"]))),256))]),_:1},8,["modelValue"]),e.createElementVNode("div",al,null,512),e.createElementVNode("table",il,[e.createElementVNode("tbody",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",rl,e.toDisplayString(o.$t("tide.tide")),1),e.createElementVNode("th",ll,e.toDisplayString(o.$t("time.time"))+" ( LT ) ",1),e.createElementVNode("th",sl,e.toDisplayString(o.$t("tide.height"))+" ( m )",1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tideTableData,(x,b)=>{var _;return e.openBlock(),e.createElementBlock("tr",{key:b},[e.createElementVNode("td",nl,e.toDisplayString(o.$t(`tide.${(_=x==null?void 0:x.type)==null?void 0:_.toLowerCase()}`))+" "+e.toDisplayString(o.$t("tide.tide")),1),e.createElementVNode("td",cl,e.toDisplayString(l.computeLocalTime(x==null?void 0:x.date,a.station,"MM-DD HH:mm")),1),e.createElementVNode("td",ml,e.toDisplayString((x==null?void 0:x.height)??"-")+" m",1)])}),128))])])],2)])],2)]}),_:1},8,["class"])}const hl=O(Mr,[["render",dl],["__scopeId","data-v-02553a04"]]),Hd="",pl={name:"IdmTideStations",components:{TideDetail:hl},props:{map:{type:Object},show:{type:Boolean},locale:{type:String},beforeLayer:{type:String}},data(){return{layer:"tide-stations",showInfo:!1,hoverStation:void 0,marker:null,showDetail:!1,station:void 0}},watch:{show:{handler(){var o,t,a,r,i,l;this.show?(this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):(this.handleClear(),(r=this.map)==null||r.off("click",[this.layer],this.handleClick),(i=this.map)==null||i.off("mousemove",[this.layer],this.handleHover),(l=this.map)==null||l.off("mouseleave",[this.layer],this.handleLeave))},immediate:!0},locale:{handler(){this.show&&this.handleRender()},immediate:!0}},methods:{handleRender(){var o;(o=this.map)!=null&&o.getLayer(this.layer)&&(this.map.setLayoutProperty(this.layer,"visibility","visible"),this.map.setLayoutProperty(this.layer,"text-field",this.locale==="en"?"{Location_EN}":"{Location_CN}"))},handleClear(){var o;this.showInfo=!1,(o=this.map)!=null&&o.getLayer(this.layer)&&this.map.setLayoutProperty(this.layer,"visibility","none")},handleClick(o){const t=o.features[0];t.properties&&(this.station=t.properties,this.station.name=this.locale==="en"?t.properties.Location_EN:t.properties.Location_CN,this.station.lng=t.geometry.coordinates[0],this.station.lat=t.geometry.coordinates[1],this.showDetail=!0)},handleHover(o){var a,r;this.map.getCanvas().style.cursor="pointer";const t=o.features[0];if(t.properties){this.showInfo=!0,this.hoverStation=t.properties,this.hoverStation.name=this.locale==="en"?t.properties.Location_EN:t.properties.Location_CN,this.hoverStation.lng=t.geometry.coordinates[0],this.hoverStation.lat=t.geometry.coordinates[1],(a=this.marker)==null||a.remove();const i=(r=document.getElementById("idmTidalInfo"))==null?void 0:r.cloneNode(!0);this.marker=new de.Marker(i).setLngLat([o.lngLat.lng,o.lngLat.lat]).setOffset([0,-60]).addTo(this.map)}},handleLeave(){var o;this.showInfo=!1,this.hoverStation={},(o=this.marker)==null||o.remove(),this.map.getCanvas().style.cursor="grab"},handleCloseDetail(){this.showDetail=!1}}},gl={class:"station-box d-flex flex-column justify-center align-start ga-1"},ul={class:"d-flex justify-start align-center"},fl={class:"d-flex justify-start align-center"},yl={class:"text-label"};function bl(o,t,a,r,i,l){const s=e.resolveComponent("v-card-text"),c=e.resolveComponent("v-card"),n=e.resolveComponent("TideDetail");return e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createVNode(c,{id:"idmTidalInfo"},{default:e.withCtx(()=>[e.createVNode(s,{class:"pr-8 text-body-1"},{default:e.withCtx(()=>{var h,d;return[e.createElementVNode("div",gl,[e.createElementVNode("div",ul,e.toDisplayString(o.$t("tide.tideStation")),1),e.createElementVNode("div",fl,[e.createElementVNode("label",yl,e.toDisplayString((h=i.hoverStation)==null?void 0:h.name)+" , "+e.toDisplayString(((d=i.hoverStation)==null?void 0:d.Country)||"-"),1)])])]}),_:1})]),_:1},512),[[e.vShow,i.showInfo]]),i.showDetail?(e.openBlock(),e.createBlock(n,e.mergeProps({key:0,station:i.station,onClose:l.handleCloseDetail},o.$attrs),null,16,["station","onClose"])):e.createCommentVNode("",!0)])}const wl=O(pl,[["render",bl],["__scopeId","data-v-7f9e02c0"]]),xl={name:"IdmIceAreas",props:{map:{type:Object},show:{type:Boolean}},data(){return{lineLayer:"ice-area-line",fillLayer:"ice-area-fill"}},watch:{show:{handler(){this.show?this.handleRender():this.handleClear()},immediate:!0}},methods:{handleRender(){var o,t;(o=this.map)!=null&&o.getLayer(this.lineLayer)&&this.map.setLayoutProperty(this.lineLayer,"visibility","visible"),(t=this.map)!=null&&t.getLayer(this.fillLayer)&&this.map.setLayoutProperty(this.fillLayer,"visibility","visible")},handleClear(){var o,t;(o=this.map)!=null&&o.getLayer(this.lineLayer)&&this.map.setLayoutProperty(this.lineLayer,"visibility","none"),(t=this.map)!=null&&t.getLayer(this.fillLayer)&&this.map.setLayoutProperty(this.fillLayer,"visibility","none")}}};function _l(o,t,a,r,i,l){return null}const kl=O(xl,[["render",_l]]),Gd="",zl={name:"IdmLatLng",props:{simple:{type:Boolean,default:!1},map:{type:Object},show:{type:Boolean},mapFeather:{type:String},beforeLayer:{type:String},menuToggle:{type:Object}},data(){return{lngLat:{e:{lng:0,lat:0},lng:0,lat:0,str:""},source:"idm-lat-lng-source",layer:"idm-lat-lng-layer",labelLayer:"idm-lat-lng-label-layer",right:10}},computed:{lineColor(){return["satellite","dark"].includes(this.mapFeather)?"rgba(255, 255, 255, 0.3)":"rgba(0, 0, 0, 0.3)"}},watch:{show:{handler(){this.handleBind()},immediate:!0},map:{handler(){var o;this.map&&((o=this.map)==null||o.on("mousemove",this.handleMouseMove))},immediate:!0},"menuToggle.v":{handler(){var o;this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10},immediate:!0},"lngLat.e":{handler(o){this.lngLat.lng=T.LngLatHelper.lng2pretty(o==null?void 0:o.lng,2).pretty,this.lngLat.lat=T.LngLatHelper.lat2pretty(o==null?void 0:o.lat,2).pretty,this.lngLat.str=`[${T.LngLatHelper.str2Lat(o==null?void 0:o.lat,4)}, ${T.LngLatHelper.str2Lng(o==null?void 0:o.lng,4)}]`},immediate:!0}},methods:{handleBind(){var o,t;this.show?((o=this.map)==null||o.on("zoomend",this.handleZoomEnd),this.handleRender()):(this.handleClear(),(t=this.map)==null||t.off("zoomend",this.handleZoomEnd))},handleMouseMove(o){this.lngLat.e=o.lngLat},handleComputeLatLngs(){var r;const o=(r=this.map)==null?void 0:r.getZoom();let t=30;o>4?t=10:o>3&&(t=15);const a=[];for(let i=-60;i<90;i+=t)a.push({type:"Feature",geometry:{type:"LineString",coordinates:[[-180,i],[180,i]]}});for(let i=-180;i<180;i+=t)a.push({type:"Feature",geometry:{type:"LineString",coordinates:[[i,-90],[i,90]]}});for(let i=180;i>-180;i-=t)for(let l=-60;l<90;l+=t)a.push({type:"Feature",geometry:{type:"Point",coordinates:[i,l]},properties:{val:`${l>0?l+" N":l===0?l:l*-1+" S"}, ${i>0?i+" E":i*-1+" W"}`}});return a},handleZoomEnd(){var t;const o=this.handleComputeLatLngs();(t=this.map)==null||t.getSource(this.source).setData(V.featureCollection(o))},handleRender(){if(this.handleClear(),this.map){const o=this.handleComputeLatLngs();this.map.addSource(this.source,{type:"geojson",data:{type:"FeatureCollection",features:o}}),this.map.addLayer({id:this.layer,type:"line",source:this.source,filter:["==","$type","LineString"],layout:{"line-join":"round","line-cap":"round"},paint:{"line-color":this.lineColor,"line-width":1}},this.beforeLayer),this.map.addLayer({id:this.labelLayer,type:"symbol",source:this.source,filter:["==","$type","Point"],layout:{"symbol-placement":"point","text-field":"{val}","text-rotation-alignment":"viewport","text-offset":[0,1],"text-size":10,"text-allow-overlap":!0},paint:{"text-opacity":.8,"text-color":this.lineColor}},this.beforeLayer)}},handleClear(){var o,t,a,r,i,l;(o=this.map)!=null&&o.getLayer(this.layer)&&((t=this.map)==null||t.removeLayer(this.layer)),(a=this.map)!=null&&a.getLayer(this.labelLayer)&&((r=this.map)==null||r.removeLayer(this.labelLayer)),(i=this.map)!=null&&i.getSource(this.source)&&((l=this.map)==null||l.removeSource(this.source))}}};function vl(o,t,a,r,i,l){var s,c,n;return a.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",style:e.normalizeStyle({right:i.right+"px"})},[e.createElementVNode("div",null,e.toDisplayString((s=i.lngLat)==null?void 0:s.lat),1),e.createElementVNode("div",null,e.toDisplayString((c=i.lngLat)==null?void 0:c.lng),1),e.createElementVNode("div",null,e.toDisplayString((n=i.lngLat)==null?void 0:n.str),1)],4))}const fo=O(zl,[["render",vl]]),Wd="",Ll={name:"IdmFollowPort",components:{PortDetail:go},props:{map:{type:Object},beforeLayer:{type:String},forecastModel:{type:String},show:{type:Boolean},followList:{type:Array}},setup(){return{Theme:le.useTheme()}},emits:["closeAllDetail"],data(){return{source:"follow-port-source",layer:"follow-port-layer",showInfo:!1,portId:"",hoverPort:{},port:{},marker:void 0,showDetail:!1}},watch:{show:{handler(){var o,t,a;this.show?(this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):this.handleClear()},immediate:!0},followList:{handler(){var o,t,a;this.followList&&this.show?(this.handleClear(),this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):this.handleClear()}}},methods:{handleRender(){var t,a;const o={features:[],type:"FeatureCollection"};(t=this.followList)==null||t.forEach(r=>{var i;if((i=r.port)!=null&&i.id){const l=r.port,s={type:"Feature",properties:l,geometry:{type:"Point",coordinates:[l.lng,l.lat]}};o.features.push(s)}}),this.map.getSource(this.source)?(a=this.map)==null||a.getSource(this.source).setData(o):(this.map.addSource(this.source,{type:"geojson",data:o}),this.map.addLayer({id:this.layer,type:"symbol",source:this.source,filter:["all",["==","$type","Point"],["!=","disabled",!0]],layout:{"symbol-placement":"point","icon-size":1,"icon-image":"port","icon-offset":[0,-13],"text-anchor":"bottom","text-field":"{name}","text-rotation-alignment":"viewport","text-size":10,"text-offset":[0,1.6]},paint:{"text-color":this.Theme.current.value.colors["on-surface"],"text-halo-width":1}},this.beforeLayer))},handleClear(){var o,t,a;this.showInfo=!1,this.map.getLayer(this.layer)&&this.map.removeLayer(this.layer),this.map.getSource(this.source)&&this.map.removeSource(this.source),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)},handleClick(o){const t=o.features[0];this.portId=t.properties.id,t.properties.id&&(this.port=t.properties,this.port.lng=t.geometry.coordinates[0],this.port.lat=t.geometry.coordinates[1],this.port.forecastModel=this.forecastModel,this.showDetail=!0)},handleHover(o){var r,i;this.map.getCanvas().style.cursor="pointer";const t=o.features[0];if(t.properties.id){this.showInfo=!0,this.hoverPort=t.properties,(r=this.marker)==null||r.remove();const l=(i=document.getElementById("idmFollowPortInfo"))==null?void 0:i.cloneNode(!0);this.marker=new de.Marker(l).setLngLat([o.lngLat.lng,o.lngLat.lat]).setOffset([0,-70]).addTo(this.map)}},handleLeave(){var o;this.showInfo=!1,this.hoverPort={},(o=this.marker)==null||o.remove(),this.map.getCanvas().style.cursor="grab"},handleCloseDetail(){this.showDetail=!1}}},Cl={class:"port-box d-flex flex-column justify-center align-start ga-1"},Pl={class:"d-flex justify-start align-center text-label"},Sl={class:"d-flex justify-start align-center text-label"};function Nl(o,t,a,r,i,l){const s=e.resolveComponent("v-card-text"),c=e.resolveComponent("v-card"),n=e.resolveComponent("PortDetail");return e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createVNode(c,{id:"idmFollowPortInfo",ref:"idmFollowPortInfo"},{default:e.withCtx(()=>[e.createVNode(s,{class:"text-body-1 pr-8"},{default:e.withCtx(()=>[e.createElementVNode("div",Cl,[e.createElementVNode("div",null,e.toDisplayString(o.$t("port.port")),1),e.createElementVNode("div",Pl,[e.createElementVNode("span",null,e.toDisplayString(i.hoverPort.name??"-"),1)]),e.createElementVNode("div",Sl,[t[1]||(t[1]=e.createElementVNode("label",{class:"pr-1"},"LoCode : ",-1)),e.createElementVNode("span",null,e.toDisplayString(i.hoverPort.loCode??"-"),1)])])]),_:1})]),_:1},512),[[e.vShow,i.showInfo]]),i.showDetail?(e.openBlock(),e.createBlock(n,e.mergeProps({key:0,portId:i.portId,port:i.port,forecastModel:a.forecastModel,followList:a.followList,onClose:l.handleCloseDetail,onCloseAllDetail:t[0]||(t[0]=h=>o.$emit("closeAllDetail",{followPort:!0}))},o.$attrs),null,16,["portId","port","forecastModel","followList","onClose"])):e.createCommentVNode("",!0)])}const Tl=O(Ll,[["render",Nl],["__scopeId","data-v-95e70a1f"]]),Ud="",Dl={name:"IdmFollowPosition",props:{map:{type:Object},beforeLayer:{type:String},forecastModel:{type:String},show:{type:Boolean},followList:{type:Array},realTime:{type:String}},setup(){return{Theme:le.useTheme()}},data(){return{source:"follow-coordinate-source",layer:"follow-coordinate-layer",position:{},showInfo:!1,marker:null}},computed:{computePosition(){return function(o){return!o||o.lng===null||o.lng===void 0||isNaN(o.lng)||o.lat===null||o.lat===void 0||isNaN(o.lat)?"-":T.LngLatHelper.lat2pretty(o==null?void 0:o.lat,2).pretty+" / "+T.LngLatHelper.lng2pretty(o==null?void 0:o.lng,2).pretty}}},watch:{show:{handler(){var o,t,a;this.show?(this.handleClear(),this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):this.handleClear()},immediate:!0},followList:{handler(){var o,t,a;this.followList&&this.show?(this.handleClear(),this.handleRender(),(o=this.map)==null||o.on("click",[this.layer],this.handleClick),(t=this.map)==null||t.on("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.on("mouseleave",[this.layer],this.handleLeave)):this.handleClear()}}},methods:{handleRender(){var t,a;const o={features:[],type:"FeatureCollection"};(t=this.followList)==null||t.forEach(r=>{if(r.coordinate){const i=r.coordinate,l={type:"Feature",properties:{id:r.id,remark:r.remark,...r.coordinate},geometry:{type:"Point",coordinates:[i.lng,i.lat]}};o.features.push(l)}}),this.map.getSource(this.source)?(a=this.map)==null||a.getSource(this.source).setData(o):(this.map.addSource(this.source,{type:"geojson",data:o}),this.map.addLayer({id:this.layer,type:"symbol",source:this.source,filter:["all",["==","$type","Point"],["!=","disabled",!0]],layout:{"symbol-placement":"point","icon-size":1.1,"icon-image":"location","icon-offset":[0,-16]},paint:{"text-color":this.Theme.current.value.colors["on-surface"],"text-halo-width":1}},this.beforeLayer))},handleClear(){var o,t,a;this.map.getLayer(this.layer)&&this.map.removeLayer(this.layer),this.map.getSource(this.source)&&this.map.removeSource(this.source),(o=this.map)==null||o.off("click",[this.layer],this.handleClick),(t=this.map)==null||t.off("mousemove",[this.layer],this.handleHover),(a=this.map)==null||a.off("mouseleave",[this.layer],this.handleLeave)},handleClick(o){var a,r,i,l,s,c,n,h,d;const t=o.features[0];if(t.properties){const g=t.properties;g.lng=t.geometry.coordinates[0],g.lat=t.geometry.coordinates[1];const f=v(),x=(a=v(this.realTime))==null?void 0:a.diff(f,"d",!0),b={followId:g.id,lat:g.lat,lng:g.lng,datetime:this.realTime,forecastModel:this.forecastModel};x>=0?(s=(l=(i=(r=this.$parent)==null?void 0:r.$parent)==null?void 0:i.$refs)==null?void 0:l.idmSpot)==null||s.fetchForecastData(b):(d=(h=(n=(c=this.$parent)==null?void 0:c.$parent)==null?void 0:n.$refs)==null?void 0:h.idmSpot)==null||d.fetchHistoryData(b)}},handleHover(o){var a;this.map.getCanvas().style.cursor="pointer";const t=o.features[0];if(t.properties.id){this.showInfo=!0,this.position=t.properties,(a=this.marker)==null||a.remove();const r=document.getElementById("idmFollowPositionInfo").cloneNode(!0);this.marker=new de.Marker(r).setLngLat([o.lngLat.lng,o.lngLat.lat]).setOffset([0,-70]).addTo(this.map)}},handleLeave(){var o;this.showInfo=!1,(o=this.marker)==null||o.remove(),this.map.getCanvas().style.cursor="grab"}}},El={class:"position-box d-flex flex-column justify-center align-start ga-1"},Ml={class:"d-flex justify-start align-center text-label"},Vl={key:0,class:"d-flex justify-start align-center text-label"};function Bl(o,t,a,r,i,l){const s=e.resolveComponent("v-card-text"),c=e.resolveComponent("v-card");return e.withDirectives((e.openBlock(),e.createBlock(c,{id:"idmFollowPositionInfo",ref:"idmFollowPositionInfo"},{default:e.withCtx(()=>[e.createVNode(s,{class:"text-body-1 pr-8"},{default:e.withCtx(()=>[e.createElementVNode("div",El,[t[0]||(t[0]=e.createElementVNode("div",null,"Location",-1)),e.createElementVNode("div",Ml,[e.createElementVNode("span",null,e.toDisplayString(l.computePosition(i.position)),1)]),i.position.remark?(e.openBlock(),e.createElementBlock("div",Vl,[e.createElementVNode("span",null,e.toDisplayString(i.position.remark??"-"),1)])):e.createCommentVNode("",!0)])]),_:1})]),_:1},512)),[[e.vShow,i.showInfo]])}const Il=O(Dl,[["render",Bl],["__scopeId","data-v-82405c68"]]),Yd="",Rl={name:"IdmOtherLayerr",components:{IdmWarZone:Ga,IdmGmdssArea:Ya,IdmEcaZone:Xa,IdmAlertZone:$a,IdmPort:nr,IdmLoadLine:dr,IdmTimezone:gr,IdmVRA:yr,IdmSpecialArea:xr,IdmTerminator:zr,IdmWorld12nm:Cr,IdmWorldMarine:Nr,IdmChinaRoute:Er,IdmTideStations:wl,IdmIceAreas:kl,IdmLatLng:fo,IdmFollowPort:Tl,IdmFollowPosition:Il},props:{simple:{type:Boolean,default:!1},map:{type:Object},theme:{type:String},token:{type:String},isLogin:{type:Boolean,default:!1},defaultMeteoToken:{type:String},gateway:{type:String},assistGateway:{type:Array,default:[]},top:{type:Number,default:60},paddingTop:{type:Number,default:48},menuHeight:{type:Number,default:248},menuToggle:{type:Object,default:{}},ts:{type:String},forecastModel:{type:String},realTime:{type:String}},emits:["map","other","menuToggle","mapFeather","theme","followLayerList","otherCheckList"],data(){return{right:10,toggle:!1,mapFeather:localStorage.getItem("mapFeathersCacheGL4")||"light",tagLayers:[...Be.LayerHelper.OTHER_LAYERS.filter(o=>o.enabled)],layerWeight:0,otherLayers:{},activeOtherLayers:[],cache:{v:"0.0.2",versionKey:"otherLayerCacheVersionGL4",checkListKey:"otherChecklistCacheGL4",followListKey:"otherFollowListCacheGL4",mapFeatherKey:"mapFeathersCacheGL4"},mapFeathers:[{name:"Light Map",value:"light",locale:"lightMap"},{name:"Dark Map",value:"dark",locale:"darkMap"},{name:"Satelite Map",value:"satellite",locale:"satelliteMap"},{name:"Nautical Map",value:"nautical",locale:"nauticalMap"}],checkList:[]}},computed:{listStyle(){return this.simple?{top:this.top+"px",left:this.toggle?"0px":"-280px"}:{top:this.top+"px",right:this.toggle?"0px":"-280px"}}},watch:{"menuToggle.v":{handler(){this.toggle=this.menuToggle.otherLayers,this.$nextTick(()=>{var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)})},immediate:!0},realTime:{handler(o,t){o&&t&&o!==t&&this.checkList.includes("day-night")&&this.fetchDayNightLayer()}},theme:{handler(){this.theme==="light"?this.mapFeather=["light","nautical"].includes(this.mapFeather)?this.mapFeather:"light":this.mapFeather=["dark","satellite"].includes(this.mapFeather)?this.mapFeather:"dark"},immediate:!0},mapFeather:{handler(){localStorage.setItem(this.cache.mapFeatherKey,this.mapFeather),this.$emit("mapFeather",this.mapFeather),this.$emit("theme",["light","nautical"].includes(this.mapFeather)?"light":"dark")},immediate:!0},checkList:{handler(o,t){localStorage.setItem(this.cache.checkListKey,JSON.stringify(this.checkList)),this.activeOtherLayers=this.tagLayers.filter(l=>this.checkList.includes(l.key))||[];const a=o==null?void 0:o.filter(l=>!(t!=null&&t.includes(l))),r=t==null?void 0:t.filter(l=>!(o!=null&&o.includes(l))),i=o==null?void 0:o.filter(l=>t==null?void 0:t.includes(l));if((r==null?void 0:r.length)>0&&r.forEach(l=>{this.otherLayers[l]=void 0,delete this.otherLayers[l]}),(a==null?void 0:a.length)>0){const l=this.tagLayers.filter(s=>this.checkList.includes(s.key)&&!i.includes(s.key))||[];this.handleLayersChange(l)}this.$emit("otherCheckList",this.checkList)}}},async mounted(){this.fetchCache()},methods:{fetchCache(){const o=localStorage.getItem(this.cache.versionKey);this.cache.v!==o&&(localStorage.removeItem(this.cache.checkListKey),localStorage.removeItem(this.cache.followListKey),localStorage.removeItem(this.cache.mapFeatherKey),localStorage.setItem(this.cache.versionKey,this.cache.v));let t=localStorage.getItem(this.cache.checkListKey);this.checkList=JSON.parse(t||'["eca-zones"]'),localStorage.setItem(this.cache.checkListKey,JSON.stringify(this.checkList)),t=localStorage.getItem(this.cache.mapFeatherKey);const a=t||"light";this.$emit("mapFeather",a),localStorage.setItem(this.cache.mapFeatherKey,a)},handleMenuToggle(){this.$emit("menuToggle","otherLayers")},handleToggleMapFeather(o){this.$emit("map",void 0),this.mapFeather=o.value},async fetchOtherLayers(){var t,a;let o=this.layerWeight;if(o){const r=this.assistGateway[Math.round(Math.random()*(this.assistGateway.length-1))],i=await J.get(`${r}/api/arc/other/layers/links?l=${o}&t=${this.realTime}`,{headers:{Authorization:this.defaultMeteoToken}});if(((t=i==null?void 0:i.data)==null?void 0:t.code)===0){const l=(a=i==null?void 0:i.data)==null?void 0:a.data,s=[];for(const n in l)s.push(J.get(l[n],{headers:{Authorization:this.defaultMeteoToken,key:n}}));(await Promise.all(s)).map(n=>{var g,f,x;const h=((g=n==null?void 0:n.data)==null?void 0:g.data)||(n==null?void 0:n.data),d=(x=(f=n==null?void 0:n.config)==null?void 0:f.headers)==null?void 0:x.key;this.otherLayers[d]=h})}}},async fetchDayNightLayer(){var a,r;const o=this.assistGateway[Math.round(Math.random()*(this.assistGateway.length-1))],t=await J.get(`${o}/api/arc/other/layers/links?l=1024&t=${this.realTime}`,{headers:{Authorization:this.defaultMeteoToken}});((a=t==null?void 0:t.data)==null?void 0:a.code)===0&&(this.otherLayers["day-night"]=((r=t==null?void 0:t.data)==null?void 0:r.data)||(t==null?void 0:t.data))},handleLayersChange(o){const t=o==null?void 0:o.reduce((a,r)=>a+(r==null?void 0:r.weight),0);this.layerWeight=t,this.fetchOtherLayers()}}},Al={class:"idm-gl4-other-layer"},Ol={class:"header-box d-flex justify-space-between align-center px-4"},jl={class:"text-h5 font-weight-medium"},Fl={class:"list-box scroll pl-4 pr-2 overflow-y-auto"},Hl={class:"layers-body mt-4 d-flex justify-start align-center flex-wrap"},Gl=["onClick"],Wl={key:0,src:"https://osshz.idmwx.com/asset/dark-map.png",class:"border rounded-sm"},Ul={key:1,src:"https://osshz.idmwx.com/asset/nautical-map.png",class:"border rounded-sm"},Yl={key:2,src:"https://osshz.idmwx.com/asset/satellite-map.png",class:"border rounded-sm"},Zl={key:3,src:"https://osshz.idmwx.com/asset/light-map.png",class:"border rounded-sm"},ql={class:"text-body-2 text-center pt-1"};function Xl(o,t,a,r,i,l){var F,Q,$,ie,q,ee,re,te,oe;const s=e.resolveComponent("VBtn"),c=e.resolveComponent("VTooltip"),n=e.resolveComponent("VCardTitle"),h=e.resolveComponent("VCardItem"),d=e.resolveComponent("VCheckbox"),g=e.resolveComponent("VCardText"),f=e.resolveComponent("VCard"),x=e.resolveComponent("IdmLatLng"),b=e.resolveComponent("IdmTerminator"),_=e.resolveComponent("IdmTimezone"),p=e.resolveComponent("IdmPort"),S=e.resolveComponent("IdmAlertZone"),L=e.resolveComponent("IdmTideStations"),k=e.resolveComponent("IdmEcaZone"),w=e.resolveComponent("IdmWarZone"),u=e.resolveComponent("IdmGmdssArea"),z=e.resolveComponent("IdmLoadLine"),y=e.resolveComponent("IdmWorldMarine"),C=e.resolveComponent("IdmVRA"),E=e.resolveComponent("IdmSpecialArea"),R=e.resolveComponent("IdmWorld12nm"),j=e.resolveComponent("IdmChinaRoute"),A=e.resolveComponent("IdmIceAreas"),G=e.resolveComponent("IdmFollowPort"),W=e.resolveComponent("IdmFollowPosition");return e.openBlock(),e.createElementBlock("div",Al,[e.createElementVNode("div",{class:"menu-bar-box transition px-1 rounded",style:e.normalizeStyle({top:a.top+10+"px",right:i.right+"px",paddingTop:a.paddingTop+"px",height:a.menuHeight+"px"})},[e.createVNode(c,{text:o.$t("layer.mapLayers"),location:"left"},{activator:e.withCtx(({props:P})=>[e.createVNode(s,e.mergeProps(P,{"min-width":"32",width:"32",height:"32",class:["text-none pa-0",i.toggle?"bg-primary active-border":""],onClick:l.handleMenuToggle}),{default:e.withCtx(()=>t[5]||(t[5]=[e.createElementVNode("i",{class:"iconfont icon-Layer text-h4"},null,-1)])),_:2,__:[5]},1040,["class","onClick"])]),_:1},8,["text"])],4),e.createElementVNode("div",{class:e.normalizeClass(["available-layers transition",i.toggle?"right-bar":""]),style:e.normalizeStyle(l.listStyle)},[e.createElementVNode("div",Ol,[e.createElementVNode("div",jl,e.toDisplayString(o.$t("layer.layers")),1),e.createVNode(s,{icon:"",density:"compact",variant:"plain",class:"mr-n2",onClick:l.handleMenuToggle},{default:e.withCtx(()=>t[6]||(t[6]=[e.createElementVNode("i",{class:"iconfont icon-close text-label text-h4"},null,-1)])),_:1,__:[6]},8,["onClick"])]),e.createElementVNode("div",Fl,[e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(h,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(n,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("layer.mapFeathers")),1)]),_:1})]),_:1}),e.createVNode(g,{class:"pb-2"},{default:e.withCtx(()=>[e.createElementVNode("div",Hl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.mapFeathers,P=>(e.openBlock(),e.createElementBlock("div",{key:P.value,class:"mb-2 feather-item",onClick:U=>l.handleToggleMapFeather(P)},[e.createElementVNode("div",{class:e.normalizeClass([i.mapFeather===P.value?"active":"","img-box"])},[P.value==="dark"?(e.openBlock(),e.createElementBlock("img",Wl)):P.value==="nautical"?(e.openBlock(),e.createElementBlock("img",Ul)):P.value==="satellite"?(e.openBlock(),e.createElementBlock("img",Yl)):(e.openBlock(),e.createElementBlock("img",Zl))],2),e.createElementVNode("div",ql,e.toDisplayString(o.$t(`layer.${P.locale}`)),1)],8,Gl))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(P=>["graticule","day-night","time-zones"].includes(P.key)),P=>(e.openBlock(),e.createBlock(d,{key:P.key,modelValue:i.checkList,"onUpdate:modelValue":t[0]||(t[0]=U=>i.checkList=U),value:P.key,label:o.$t(`layer.${P.locale}`),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","value","label"]))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(h,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(n,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("layer.pointsOfInteresting")),1)]),_:1})]),_:1}),e.createVNode(g,{class:"py-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(P=>["ports","alert-zones","tidal-stations"].includes(P.key)),P=>(e.openBlock(),e.createBlock(d,{key:P.key,modelValue:i.checkList,"onUpdate:modelValue":t[1]||(t[1]=U=>i.checkList=U),value:P.key,label:o.$t(`layer.${P.locale}`),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","value","label"]))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(h,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(n,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("layer.otherLayers")),1)]),_:1})]),_:1}),e.createVNode(g,{class:"py-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(P=>!["graticule","day-night","time-zones","ports","alert-zones","tidal-stations"].includes(P.key)),P=>(e.openBlock(),e.createBlock(d,{key:P.key,modelValue:i.checkList,"onUpdate:modelValue":t[2]||(t[2]=U=>i.checkList=U),value:P.key,label:o.$t(`layer.${P.locale}`),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","value","label"]))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(h,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(n,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("layer.myFollows")),1)]),_:1})]),_:1}),e.createVNode(g,{class:"py-2"},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:i.checkList,"onUpdate:modelValue":t[3]||(t[3]=P=>i.checkList=P),value:"follow-ports",label:o.$t("layer.ports"),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","label"]),e.createVNode(d,{modelValue:i.checkList,"onUpdate:modelValue":t[4]||(t[4]=P=>i.checkList=P),value:"follow-positions",label:o.$t("layer.locations"),color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","label"])]),_:1})]),_:1})])],6),a.map?(e.openBlock(),e.createBlock(x,e.mergeProps({key:0,simple:a.simple,map:a.map,"menu-toggle":a.menuToggle,show:i.checkList.includes("graticule")},o.$attrs),null,16,["simple","map","menu-toggle","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(b,e.mergeProps({key:1,map:a.map,area:(F=i.otherLayers)==null?void 0:F["day-night"]},o.$attrs,{"before-layer":"empty-layer-2"}),null,16,["map","area"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(_,e.mergeProps({key:2,map:a.map,zone:(Q=i.otherLayers)==null?void 0:Q["time-zones"],realTime:a.realTime},o.$attrs,{beforeLayer:"empty-layer-3"}),null,16,["map","zone","realTime"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(p,e.mergeProps({key:3,ref:"idmPorts",simple:a.simple,map:a.map,ports:($=i.otherLayers)==null?void 0:$.ports,gateway:a.gateway,token:a.token,"forecast-model":a.forecastModel,realTime:a.realTime,theme:a.theme},o.$attrs,{"before-layer":"empty-layer-3"}),null,16,["simple","map","ports","gateway","token","forecast-model","realTime","theme"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(S,e.mergeProps({key:4,map:a.map,simple:a.simple,zone:(ie=i.otherLayers)==null?void 0:ie["alert-zones"]},o.$attrs,{"before-layer":"empty-layer-3",theme:a.theme}),null,16,["map","simple","zone","theme"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(L,e.mergeProps({key:5,ref:"idmIideStation",simple:a.simple,map:a.map,gateway:a.gateway,token:a.token,defaultMeteoToken:a.defaultMeteoToken,show:i.checkList.includes("tidal-stations"),theme:a.theme,realTime:a.realTime,forecastModel:a.forecastModel,"before-layer":"empty-layer-3"},o.$attrs),null,16,["simple","map","gateway","token","defaultMeteoToken","show","theme","realTime","forecastModel"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(k,e.mergeProps({key:6,map:a.map,zone:(q=i.otherLayers)==null?void 0:q["eca-zones"]},o.$attrs),null,16,["map","zone"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(w,e.mergeProps({key:7,map:a.map,zone:(ee=i.otherLayers)==null?void 0:ee["war-zones"]},o.$attrs),null,16,["map","zone"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(u,e.mergeProps({key:8,map:a.map,area:(re=i.otherLayers)==null?void 0:re["gmdss-areas"]},o.$attrs),null,16,["map","area"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(z,e.mergeProps({key:9,map:a.map,show:i.checkList.includes("load-lines")},o.$attrs),null,16,["map","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(y,e.mergeProps({key:10,map:a.map,token:a.token,show:i.checkList.includes("worldMarine")},o.$attrs),null,16,["map","token","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(C,e.mergeProps({key:11,map:a.map,area:(te=i.otherLayers)==null?void 0:te["voluntary-reporting-area"]},o.$attrs),null,16,["map","area"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(E,e.mergeProps({key:12,map:a.map,area:(oe=i.otherLayers)==null?void 0:oe["special-area"]},o.$attrs),null,16,["map","area"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(R,e.mergeProps({key:13,map:a.map,token:a.token,show:i.checkList.includes("world12nm")},o.$attrs),null,16,["map","token","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(j,e.mergeProps({key:14,map:a.map,token:a.token,show:i.checkList.includes("chinaRoute")},o.$attrs),null,16,["map","token","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(A,e.mergeProps({key:15,map:a.map,show:i.checkList.includes("ice-areas")},o.$attrs),null,16,["map","show"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(G,e.mergeProps({key:16,ref:"idmFollowPort",simple:a.simple,map:a.map,show:i.checkList.includes("follow-ports"),gateway:a.gateway,token:a.token,"forecast-model":a.forecastModel,realTime:a.realTime},o.$attrs,{"before-layer":"empty-layer-3"}),null,16,["simple","map","show","gateway","token","forecast-model","realTime"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(W,e.mergeProps({key:17,ref:"idmFollowPosition",simple:a.simple,map:a.map,show:i.checkList.includes("follow-positions"),"forecast-model":a.forecastModel,realTime:a.realTime},o.$attrs),null,16,["simple","map","show","forecast-model","realTime"])):e.createCommentVNode("",!0)])}const Kl=O(Rl,[["render",Xl]]);class uo{constructor(t){ae(this,"map");ae(this,"mercator");ae(this,"rampColorLayer");ae(this,"rampColorSource");ae(this,"particleLayer");ae(this,"particleSource");ae(this,"rampColorCanvas");ae(this,"particleCanvas");ae(this,"ratio");this.map=t,this.mercator=new Oa,this.rampColorLayer="ramp-color-layer",this.rampColorSource="ramp-color-source",this.particleLayer="particle-layer",this.particleSource="particle-source",this.rampColorCanvas=document.createElement("canvas"),this.particleCanvas=document.createElement("canvas"),this.ratio=window.devicePixelRatio}convertNLng(t,a=0){return t>180?this.convertNLng(t-360,a+1):t<-180?this.convertNLng(t+360,a+1):[t,a]}getBoundLngLat(){var a;const t=(a=this.map)==null?void 0:a.getBounds();return t?[[t._sw.lng,t._ne.lat],[t._ne.lng,t._ne.lat],[t._ne.lng,t._sw.lat],[t._sw.lng,t._sw.lat]]:[]}getBoundPixel(){var b,_;const t=(b=this.map)==null?void 0:b.getBounds();if(!t)return[];const a=((_=this.map)==null?void 0:_.getZoom())+1,r=[t._ne.lng,t._ne.lat],i=[t._sw.lng,t._sw.lat],[l,s]=this.convertNLng(r[0]),[c,n]=this.convertNLng(i[0]),[h,d]=this.mercator.px([l,r[1]],a),[g,f]=this.mercator.px([c,i[1]],a),x=Math.round(this.mercator.size*Math.pow(2,a)*(s+n));return[g,f,h+x,d]}getBoundRange(){const t=this.map.getZoom()+1,a=this.mercator.size*Math.pow(2,t),r=this.getBoundPixel();return[r[0]/a,r[2]/a,r[3]/a,r[1]/a]}getWorldCopy(t,a){const r=2**a,[i,l,s,c]=t.map(d=>~~(d/(r*256))),n=[];for(let d=c;d<=l;d++)for(let g=i;g<=s;g++)n.push([g,d]);return n.map(d=>{const g=2**a*256;return[d[0]*g,d[1]*g,g]})}resize(){let t=this.map.getSource(this.rampColorSource);t.setCoordinates(this.getBoundLngLat()),t=this.map.getSource(this.particleSource),t.setCoordinates(this.getBoundLngLat()),this.rampColorCanvas.width=this.map._canvas.clientWidth,this.rampColorCanvas.height=this.map._canvas.clientHeight,this.particleCanvas.width=this.map._canvas.clientWidth,this.particleCanvas.height=this.map._canvas.clientHeight}toggle(t){var i;const a=(i=this.map)==null?void 0:i.getLayoutProperty(this.rampColorLayer,"visibility"),r=t?"visible":"none";a!==r&&this.map.setLayoutProperty(this.rampColorLayer,"visibility",r)}toggleParticle(t){var i;const a=(i=this.map)==null?void 0:i.getLayoutProperty(this.particleLayer,"visibility"),r=t?"visible":"none";a!==r&&this.map.setLayoutProperty(this.particleLayer,"visibility",r)}}class _e{createShader(t,a,r){const i=t.createShader(a);if(i&&(t.shaderSource(i,r),t.compileShader(i),!t.getShaderParameter(i,t.COMPILE_STATUS)))throw new Error(t.getShaderInfoLog(i)||"error happened while create shader...");return i}createTexture(t,a,r,i,l,s,c){const n=t.createTexture();return t.bindTexture(t.TEXTURE_2D,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,a),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,r),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,i),l instanceof Uint8Array?t.texImage2D(t.TEXTURE_2D,0,t.RGBA,s,c,0,t.RGBA,t.UNSIGNED_BYTE,l):t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,l),t.bindTexture(t.TEXTURE_2D,null),n}createDataBuffer(t,a,r){if(t){const i=t.createBuffer();return a==="array"?(t.bindBuffer(t.ARRAY_BUFFER,i),r&&t.bufferData(t.ARRAY_BUFFER,r,t.STATIC_DRAW)):a==="element"&&(t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,i),r&&t.bufferData(t.ELEMENT_ARRAY_BUFFER,r,t.STATIC_DRAW)),i}return null}createProgram(t,a,r){const i=t.createProgram(),l=this.createShader(t,t.VERTEX_SHADER,a),s=this.createShader(t,t.FRAGMENT_SHADER,r);if(i&&l&&s&&(t.attachShader(i,l),t.attachShader(i,s),t.linkProgram(i),!t.getProgramParameter(i,t.LINK_STATUS)))throw new Error(t.getProgramInfoLog(i)||"error happened while creating ramp color program");return i}createProgramWrapper(t,a,r){const i=this.createProgram(t,a,r);if(i){const l={program:i},s=t.getProgramParameter(i,t.ACTIVE_ATTRIBUTES);for(let n=0;n<s;n++){const h=t.getActiveAttrib(i,n);l[h.name]=t.getAttribLocation(i,h.name)}const c=t.getProgramParameter(i,t.ACTIVE_UNIFORMS);for(let n=0;n<c;n++){const h=t.getActiveUniform(i,n);l[h.name]=t.getUniformLocation(i,h.name)}return l}}setup(t,a,r=!1,i,l){const s=document.createElement("canvas");s.width=256,s.height=1;const c=s.getContext("2d");if(c&&t){const n=c==null?void 0:c.createLinearGradient(0,0,256,0);return a.forEach(([h,d])=>{n.addColorStop(h,d)}),c.fillStyle=n,c.fillRect(0,0,256,1),{canvas:s,texture:this.createTexture(t,t.LINEAR,t.LINEAR,t.CLAMP_TO_EDGE,r?new Uint8Array(c.getImageData(0,0,256,1).data):s,i,l)}}}setupParticle(t,a=1e3){const r=Math.ceil(Math.sqrt(a)),i=r*r,l=new Uint8Array(i*4);for(let d=0;d<l.length;d++)l[d]=Math.floor(Math.random()*256);const s=this.createTexture(t,t.NEAREST,t.NEAREST,t.CLAMP_TO_EDGE,l,r,r),c=this.createTexture(t,t.NEAREST,t.NEAREST,t.CLAMP_TO_EDGE,l,r,r),n=new Float32Array(i);for(let d=0;d<i;d++)n[d]=d;const h=this.createDataBuffer(t,"array",n);return{resolution:r,total:i,texture0:s,texture1:c,indexBuffer:h}}bind(t,a,r){const i=this.createProgram(t,a,r);if(i){const l=this.createDataBuffer(t,"array",void 0),s=t.getAttribLocation(i,"a_position");t.enableVertexAttribArray(s),t.vertexAttribPointer(s,2,t.FLOAT,!1,0,0);const c=new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1]);this.createDataBuffer(t,"array",c);const n=t.getAttribLocation(i,"a_texCoord");return t.enableVertexAttribArray(n),t.vertexAttribPointer(n,2,t.FLOAT,!1,0,0),{program:i,aPositionBuffer:l}}return{}}bindParticle(t,a,r,i,l,s){const c=this.createProgramWrapper(t,a,r),n=this.createProgramWrapper(t,i,l),h=this.createProgramWrapper(t,i,s),d=this.createDataBuffer(t,"array",new Float32Array([0,0,1,0,0,1,0,1,1,0,1,1])),g=t.createFramebuffer();return{particle:c,screen:n,update:h,quadBuffer:d,frameBuffer:g}}draw(t,a,r,i,l,s,c){var n,h;if(a&&r){t.resize(),a==null||a.viewport(0,0,(n=a==null?void 0:a.canvas)==null?void 0:n.width,(h=a==null?void 0:a.canvas)==null?void 0:h.height),a.clearColor(0,0,0,0),a.clear(a.COLOR_BUFFER_BIT|a.DEPTH_BUFFER_BIT);try{a.useProgram(r);const d={resolution:a.getUniformLocation(r,"u_resolution"),image:a.getUniformLocation(r,"u_image"),color:a.getUniformLocation(r,"u_color"),scale:a.getUniformLocation(r,"u_scale"),uvRange:a.getUniformLocation(r,"u_range_u_v"),sRange:a.getUniformLocation(r,"u_range_s")};d.resolution&&a.uniform2f(d.resolution,a.canvas.width*t.ratio,a.canvas.height*t.ratio),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,i),d.image&&a.uniform1i(d.image,0),a.activeTexture(a.TEXTURE1),a.bindTexture(a.TEXTURE_2D,l),d.color&&a.uniform1i(d.color,1),c!=null&&c.uvRange&&(c!=null&&c.sRange)&&(d.uvRange&&a.uniform2f(d.uvRange,c.uvRange[0],c.uvRange[1]),d.sRange&&a.uniform2f(d.sRange,c.sRange[0],c.sRange[1])),d.scale&&a.uniform1f(d.scale,(c==null?void 0:c.scale)||1);const g=t.getBoundPixel(),f=t.map.getZoom()+1,x=t.getWorldCopy(g,f);for(const b of x){const _=(b[0]-g[0])*t.ratio,p=(b[1]-g[3])*t.ratio,S=b[2]*t.ratio,[L,k,w,u]=[_,S+_,p,S+p],z=new Float32Array([L,w,k,w,L,u,L,u,k,w,k,u]);a.bindBuffer(a.ARRAY_BUFFER,s),a.bufferData(a.ARRAY_BUFFER,z,a.STATIC_DRAW),a.drawArrays(a.TRIANGLES,0,6)}}catch(d){console.log(`render failed...${d}`)}}}drawParticle(t,a,r,i,l){var s,c;a&&(a==null||a.viewport(0,0,(s=a==null?void 0:a.canvas)==null?void 0:s.width,(c=a==null?void 0:a.canvas)==null?void 0:c.height),a.disable(a.DEPTH_TEST),a.disable(a.STENCIL_TEST),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,r),a.activeTexture(a.TEXTURE1),a.bindTexture(a.TEXTURE_2D,i.texture0),this.renderScreen(t,a,i,l),this.updateParticles(t,a,i,l))}renderScreen(t,a,r,i){a.bindFramebuffer(a.FRAMEBUFFER,r.frameBuffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,r.screenTexture,0),a.viewport(0,0,a.canvas.width,a.canvas.height),this.renderScreenTexture(a,r.backgroundTexture,r.screen,r.quadBuffer,.95),this.renderParticles(t,a,r,i),a.bindFramebuffer(a.FRAMEBUFFER,null),this.renderScreenTexture(a,r.screenTexture,r.screen,r.quadBuffer,1);const l=r.backgroundTexture;r.backgroundTexture=r.screenTexture,r.screenTexture=l}renderScreenTexture(t,a,r,i,l){t&&(t.useProgram(r.program),t.bindBuffer(t.ARRAY_BUFFER,i),t.enableVertexAttribArray(r.a_pos),t.vertexAttribPointer(r.a_pos,2,t.FLOAT,!1,0,0),t.activeTexture(t.TEXTURE2),t.bindTexture(t.TEXTURE_2D,a),t.uniform1i(r.u_screen,2),t.uniform1f(r.u_opacity,l),t.drawArrays(t.TRIANGLES,0,6))}renderParticles(t,a,r,i){if(a){a.useProgram(r.particle.program),a.bindBuffer(a.ARRAY_BUFFER,r.indexBuffer),a.enableVertexAttribArray(r.particle.a_index),a.vertexAttribPointer(r.particle.a_index,1,a.FLOAT,!1,0,0),a.activeTexture(a.TEXTURE2),a.bindTexture(a.TEXTURE_2D,r.color.texture),a.uniform1i(r.particle.u_factor,0),a.uniform1i(r.particle.u_particles,1),a.uniform1i(r.particle.u_color_ramp,2),a.uniform1f(r.particle.u_particles_resolution,r.resolution*t.ratio),a.uniform1f(r.particle.u_point,t.ratio);const l=t.getBoundRange();a.uniform4f(r.particle.u_viewport,l[0],l[1],l[2],l[3]),a.uniform2f(r.particle.u_factor_min,i.uvRange[0],i.uvRange[0]),a.uniform2f(r.particle.u_factor_max,i.uvRange[1],i.uvRange[1]),a.drawArrays(a.POINTS,0,r.total)}}updateParticles(t,a,r,i){var s,c;if(a){a.bindFramebuffer(a.FRAMEBUFFER,r.frameBuffer),a.framebufferTexture2D(a.FRAMEBUFFER,a.COLOR_ATTACHMENT0,a.TEXTURE_2D,r.texture1,0),a.viewport(0,0,r.resolution,r.resolution),a.useProgram(r.update.program),a.bindBuffer(a.ARRAY_BUFFER,r.quadBuffer),a.enableVertexAttribArray(r.update.a_pos),a.vertexAttribPointer(r.update.a_pos,2,a.FLOAT,!1,0,0),a.uniform1i(r.update.u_factor,0),a.uniform1i(r.update.u_particles,1);const n=t.getBoundRange();a.uniform4f(r.update.u_viewport,n[0],n[1],n[2],n[3]),a.uniform1f(r.update.u_rand_seed,Math.random()),a.uniform2f(r.update.u_factor_res,(s=r==null?void 0:r.image)==null?void 0:s.width,(c=r==null?void 0:r.image)==null?void 0:c.height),a.uniform2f(r.update.u_factor_min,i.uvRange[0],i.uvRange[0]),a.uniform2f(r.update.u_factor_max,i.uvRange[1],i.uvRange[1]),a.uniform1f(r.update.u_speed_factor,i.speedFactor*t.ratio),a.uniform1f(r.update.u_drop_rate,i.dropRate),a.uniform1f(r.update.u_drop_rate_bump,i.dropRateBump),a.drawArrays(a.TRIANGLES,0,6)}const l=r.texture0;r.texture0=r.texture1,r.texture1=l}resize(t,a){t.resize();const r=new Uint8Array(a.canvas.width*a.canvas.height*4).fill(0,0,a.canvas.width*a.canvas.height*4),i=this.createTexture(a,a.NEAREST,a.NEAREST,a.CLAMP_TO_EDGE,r,a.canvas.width,a.canvas.height),l=this.createTexture(a,a.NEAREST,a.NEAREST,a.CLAMP_TO_EDGE,r,a.canvas.width,a.canvas.height);return{screenTexture:i,backgroundTexture:l}}async loadImg(t){return new Promise(a=>{const r=new Blob([t],{type:t.type}),i=URL.createObjectURL(r),l=new Image;l.crossOrigin="anonymous",l.src=i,l.onload=()=>a(l)})}}class K{}ae(K,"vertexSchema",`
11
11
  //canvas 坐标系上的坐标 (x, y)
12
12
  attribute vec2 a_position; //像素坐标
13
13
  attribute vec2 a_texCoord; //纹理坐标
@@ -200,7 +200,7 @@
200
200
  <path d="M10 2.5V17.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
201
201
  <path d="M5 7.5L10 2.5L15 7.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
202
202
  </svg>`;n.src="data:image/svg+xml;base64,"+window.btoa(h);const d=[n];let g=0;d.forEach(f=>{f.onload=()=>{g++,this.map.hasImage("currentDirIcon")||this.map.addImage("currentDirIcon",n),g===1&&this.map.addLayer({id:this.directionLayer,type:"symbol",source:this.source,filter:["==","$type","Point"],layout:{"symbol-placement":"point","icon-image":"currentDirIcon","icon-size":["interpolate",["linear"],["get","spd"],.5,.3,1,.5,1.5,.7,2,.8,3.5,1],"icon-offset":[0,-20],"icon-allow-overlap":!0,"icon-rotation-alignment":"map","icon-rotate":{property:"val",stops:[[0,0],[360,360]]}},paint:{"icon-opacity":this.opacity}},this.beforeLayer)}}),i=new Date().valueOf()-(a+r),console.log("[current] add elapsed: ",i,", total: ",r+=i)}}},handleClear(){this.map.getLayer(this.speedLayer)&&this.map.removeLayer(this.speedLayer),this.map.getLayer(this.speedLabelLayer)&&this.map.removeLayer(this.speedLabelLayer),this.map.getLayer(this.directionLayer)&&this.map.removeLayer(this.directionLayer),this.map.getSource(this.source)&&this.map.removeSource(this.source)}}};function ls(o,t,a,r,i,l){return null}const ss=O(rs,[["render",ls]]),qd="",ns={name:"IdmCurrentParticle",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:uo},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,wrapper:void 0,animation:void 0,particleContext:void 0,particleTexture:void 0,particleOptions:{fadeOpacity:.96,speedFactor:4,dropRate:.005,dropRateBump:.01,uvRange:[-2.5,2.6],sRange:[0,3],scale:.3},paused:!1,initial:!0,right:10}},watch:{"factor.version":{async handler(){var o,t;(o=this.factor)!=null&&o.active?await this.handleRender():this.handleClear(),(t=this.factor)!=null&&t.particle||this.handleClearParticle()},immediate:!0},"factor.particle":{async handler(o,t){o!==t&&t!==void 0&&(o?(this.handleClear(),await this.handleRender()):this.handleClearParticle())}},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{async handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;await this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[current-particle] add elapsed: ",a,", total: ",t+=a)}},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0/255,"rgba(95, 143, 197,1)"],[5/255,"rgba(64,127,115,1)"],[10/255,"rgb(58,164,58)"],[15/255,"rgb(191,182,67)"],[20/255,"rgb(197,154,68)"],[30/255,"rgb(160,70,94)"],[40/255,"rgb(138,84,166)"],[45/255,"rgb(82,113,165)"],[50/255,"rgb(84,142,152)"],[65/255,"rgb(150,181,184)"],[80/255,"rgb(195,194,194)"],[254/255,"rgb(195,194,194)"],[1,"rgb(195,194,194)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.uvFragmentSchema);this.program=t,this.aPositionBuffer=a}this.handleParticleSetup()},handleParticleSetup(){if(!this.particleContext){this.particleContext=this.viewport.particleCanvas.getContext("webgl");const o=[[0,"rgb(183,224,224)"],[1,"rgb(199,202,202)"],[.6,"rgb(199,202,202)"]];this.wrapper=this.webgl.bindParticle(this.particleContext,ue.vertexSchema,ue.fragmentSchema,ue.quadVertSchema,ue.screenFragmentSchema,ue.updateFragmentSchema),this.wrapper.color=this.webgl.setup(this.particleContext,o,!0,16,16),this.wrapper={...this.wrapper,...this.webgl.setupParticle(this.particleContext,9e3),...this.webgl.resize(this.viewport,this.particleContext)},this.viewport.map.on("resize",this.handleResize),this.viewport.map.on("movestart",this.handlePause),this.viewport.map.on("moveend",this.handlePlay)}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o),this.particleTexture=this.webgl.createTexture(this.particleContext,this.particleContext.NEAREST,this.particleContext.LINEAR,this.particleContext.CLAMP_TO_EDGE,o),this.wrapper.image=o}this.initial&&(this.initial=!1,this.handlePlay()),this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer,this.particleOptions),this.viewport.toggle(!0)},handleResize(){this.wrapper={...this.wrapper,...this.webgl.resize(this.viewport,this.particleContext)}},handlePause(){this.paused=!0,this.animation&&(cancelAnimationFrame(this.animation),this.viewport.toggleParticle(!1))},handlePlay(){this.paused=!1,this.animation=requestAnimationFrame(()=>{this.webgl.drawParticle(this.viewport,this.particleContext,this.particleTexture,this.wrapper,this.particleOptions),this.viewport.toggleParticle(!0),this.handlePlay()})},handleClearParticle(){var o,t,a,r,i,l,s;(o=this.viewport)==null||o.toggleParticle(!1),this.particleContext=void 0,this.initial=!0,(a=(t=this.viewport)==null?void 0:t.map)==null||a.off("resize",this.handleResize),(i=(r=this.viewport)==null?void 0:r.map)==null||i.off("movestart",this.handlePause),(s=(l=this.viewport)==null?void 0:l.map)==null||s.off("moveend",this.handlePlay),this.handlePause()},handleClear(){var o;(o=this.viewport)==null||o.toggle(!1),this.context=void 0,this.etime=void 0,this.handleClearParticle()}}},cs={key:0};function ms(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",cs,[e.createElementVNode("div",{class:"legend-bars-gl4 current",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"kts",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"0.4",-1),e.createElementVNode("span",null,"0.8",-1),e.createElementVNode("span",null,"1.6",-1),e.createElementVNode("span",null,"2",-1),e.createElementVNode("span",null,"3.2",-1)]),4)])):e.createCommentVNode("",!0)}const ds=O(ns,[["render",ms]]),Xd="",hs={name:"IdmSigWave",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[sig-wave] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgb(50, 158, 186)"],[10/255,"rgb(50, 158, 186)"],[20/255,"rgb(48, 128, 164)"],[30/255,"rgb(48, 99, 142)"],[40/255,"rgb(57, 61, 143)"],[50/255,"rgb(179, 86, 189)"],[60/255,"rgb(154, 45, 123)"],[80/255,"rgb(134, 48, 48)"],[120/255,"rgb(194, 77, 91)"],[150/255,"rgb(192, 118, 105)"],[180/255,"rgb(192, 163, 157)"],[1,"rgb(192, 163, 157)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},ps={key:0};function gs(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",ps,[e.createElementVNode("div",{class:"legend-bars-gl4 sig-wave",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"m",-1),e.createElementVNode("span",null,"0.5",-1),e.createElementVNode("span",null,"1",-1),e.createElementVNode("span",null,"1.5",-1),e.createElementVNode("span",null,"2",-1),e.createElementVNode("span",null,"6",-1),e.createElementVNode("span",null,"9",-1)]),4)])):e.createCommentVNode("",!0)}const us=O(hs,[["render",gs],["__scopeId","data-v-c6137292"]]),fs={name:"IdmSigWaveHeight",props:{map:{type:Object},sigWaveHeight:{type:Object},beforeLayer:{type:String},menuToggle:{type:Object}},data(){return{right:10,toggle:!1,showCaption:!1,source:"sig-wave-height-source",heightLayer:"sig-wave-height-layer",heightLabelLayer:"sig-wave-height-label-layer",empty:V.featureCollection([])}},watch:{"sigWaveHeight.version":{handler(){var o;(o=this.sigWaveHeight)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0}},methods:{handleMenuToggle(){this.toggle=!this.toggle,this.showCaption=!this.showCaption},handleRender(){var o,t;if(this.sigWaveHeight){const a=new Date().valueOf();let r=0,i=0,l=this.empty;this.sigWaveHeight.active&&(l=this.sigWaveHeight.data),(o=this.map)!=null&&o.getSource(this.source)?((t=this.map)==null||t.getSource(this.source).setData(l),i=new Date().valueOf()-(a+r),console.log("[sig-wave-height] update elapsed: ",i,", total: ",r+=i)):(this.map.addSource(this.source,{type:"geojson",data:l}),this.map.addLayer({id:this.heightLayer,type:"fill",source:this.source,filter:["==","$type","Polygon"],paint:{"fill-opacity":.8,"fill-color":["step",["get","val"],"rgba(0,235,156,0)",2,"rgba(0,235,156,0.4)",3,"#ffed00",4,"#ff9800",5,"#f77800",6,"#e4711e",7,"#e06128",8,"#dc5132",9,"#d5453c",10,"#cd3a46",12,"#be2c50",14,"#b41a5a"]}},this.beforeLayer),this.map.addLayer({id:this.heightLabelLayer,type:"symbol",source:this.source,filter:["==","$type","Point"],layout:{"symbol-placement":"point","symbol-spacing":100,"text-field":["format",["get","val"],{"font-scale":1}],"text-rotation-alignment":"map","text-line-height":1.3,"text-size":10},paint:{"text-color":["step",["get","val"],"rgba(0, 0, 0, 0.7)",9,"rgba(255,255,255,0.8)"]}},this.beforeLayer),i=new Date().valueOf()-(a+r),console.log("[sig-wave-height] add elapsed: ",i,", total: ",r+=i))}},handleClear(){this.map.getLayer(this.heightLayer)&&this.map.removeLayer(this.heightLayer),this.map.getLayer(this.heightLabelLayer)&&this.map.removeLayer(this.heightLabelLayer),this.map.getSource(this.source)&&this.map.removeSource(this.source)}}};function ys(o,t,a,r,i,l){return null}const bs=O(fs,[["render",ys]]),Kd="",ws={name:"IdmSwell",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[sig-wave] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgb(50, 158, 186)"],[10/255,"rgb(50, 158, 186)"],[20/255,"rgb(48, 128, 164)"],[30/255,"rgb(48, 99, 142)"],[40/255,"rgb(57, 61, 143)"],[50/255,"rgb(179, 86, 189)"],[60/255,"rgb(154, 45, 123)"],[80/255,"rgb(134, 48, 48)"],[120/255,"rgb(194, 77, 91)"],[150/255,"rgb(192, 118, 105)"],[180/255,"rgb(192, 163, 157)"],[1,"rgb(192, 163, 157)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},xs={key:0};function _s(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",xs,[e.createElementVNode("div",{class:"legend-bars-gl4 swell",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"m",-1),e.createElementVNode("span",null,"0.5",-1),e.createElementVNode("span",null,"1",-1),e.createElementVNode("span",null,"1.5",-1),e.createElementVNode("span",null,"2",-1),e.createElementVNode("span",null,"6",-1),e.createElementVNode("span",null,"9",-1)]),4)])):e.createCommentVNode("",!0)}const ks=O(ws,[["render",_s],["__scopeId","data-v-3c94b068"]]),zs={name:"IdmPrmsl",props:{map:{type:Object},prmsl:{type:Object},beforeLayer:{type:String},showRampColor:{type:Boolean},activeWeatherLayers:{type:Array},theme:{type:String}},data(){return{right:10,toggle:!1,source:"prmsl-source",layer:"prmsl-layer",labelLayer:"prmsl-label-layer",pointLabelLayer:"prmsl-point-label-layer",empty:V.featureCollection([])}},watch:{"prmsl.version":{handler(){var o;(o=this.prmsl)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0}},methods:{handleMenuToggle(){this.toggle=!this.toggle},handleRender(){var o,t,a;if(this.prmsl){const r=new Date().valueOf();let i=0,l=0,s=this.empty;this.prmsl.active&&(s=this.prmsl.data),(o=this.map)!=null&&o.getSource(this.source)?((t=this.map)==null||t.getSource(this.source).setData(s),l=new Date().valueOf()-(r+i),console.log("[prmsl] update elapsed: ",l,", total: ",i+=l)):(this.map.addSource(this.source,{type:"geojson",data:s}),this.map.addLayer({id:this.layer,type:"line",source:this.source,filter:["==","$type","LineString"],paint:{"line-color":["step",["get","val"],"rgba(162,13,2,1)",920,"rgba(255, 96, 98, 1)",980,"rgba(255, 246, 184, 1)",1100,"rgba(199,171,250,1)"],"line-width":1,"line-opacity":this.theme==="light"?1:.3}},this.beforeLayer),(a=this.map)==null||a.addLayer({id:this.labelLayer,type:"symbol",source:this.source,minzoom:4,filter:["==","$type","LineString"],layout:{"symbol-placement":"line","text-rotation-alignment":"viewport","text-field":"{val}","text-size":10},paint:{"text-color":"black","text-halo-color":"rgba(255,255,255,1)","text-opacity":.7,"text-halo-width":1}},this.beforeLayer),this.map.addLayer({id:this.pointLabelLayer,type:"symbol",source:this.source,filter:["==","$type","Point"],layout:{"symbol-placement":"point","text-allow-overlap":!0,"text-field":["format",["get","type"],{"font-scale":1.03},`
203
- `,["get","val"],{"font-scale":1}],"text-rotation-alignment":"map","text-line-height":1.3,"text-size":12,"text-font":["DIN Pro Regular","Arial Unicode MS Regular"]},paint:{"text-color":this.theme==="light"?["step",["get","val"],"rgba(0, 0, 0, 0.5)",920,"rgba(0, 0, 0, 0.5)",980,"rgba(0, 0, 0, 0.7)",1100,"rgba(0, 0, 0, 0.7)"]:["step",["get","val"],"rgba(162,13,2,1)",920,"rgba(255, 96, 98, 1)",980,"rgba(255, 246, 184, 1)",1100,"rgba(199,171,250,1)"],"text-halo-color":["step",["get","val"],"rgba(162,13,2,1)",920,"rgba(255, 96, 98, 1)",980,"rgba(255, 246, 184, 1)",1100,"rgba(199,171,250,1)"],"text-halo-width":this.theme==="light"?1:0}},this.beforeLayer),l=new Date().valueOf()-(r+i),console.log("[prmsl] add elapsed: ",l,", total: ",i+=l))}},handleClear(){this.map.getLayer(this.pointLabelLayer)&&this.map.removeLayer(this.pointLabelLayer),this.map.getLayer(this.labelLayer)&&this.map.removeLayer(this.labelLayer),this.map.getLayer(this.layer)&&this.map.removeLayer(this.layer),this.map.getSource(this.source)&&this.map.removeSource(this.source)}}};function vs(o,t,a,r,i,l){return null}const Ls=O(zs,[["render",vs]]),Jd="",Cs={name:"IdmIceEdge",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[ice-edge] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(86, 169, 230, 0)"],[1/255,"rgba(86, 169, 230, 0)"],[25/255,"rgba(86, 169, 230, 1)"],[25/255,"rgba(47, 226, 155, 1)"],[100/255,"rgba(47, 226, 155, 1)"],[100/255,"rgba(213, 253, 37, 1)"],[175/255,"rgba(213, 253, 37, 1)"],[175/255,"rgba(230, 176, 39, 1)"],[225/255,"rgba(230, 176, 39, 1)"],[225/255,"rgba(230, 84, 39, 1)"],[250/255,"rgba(230, 84, 39, 1)"],[1,"rgba(230, 84, 39, 1)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Ps={key:0};function Ss(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Ps,[e.createElementVNode("div",{class:"legend-bars-gl4 ice-edge",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",{style:{color:"rgba(var(--v-theme-black), 0.7)"}},"%",-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,"10",-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,"40",-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,"70",-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,"90",-1),e.createElementVNode("span",null,null,-1)]),4)])):e.createCommentVNode("",!0)}const Ns=O(Cs,[["render",Ss]]),Qd="",Ts={name:"IdmCover",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[ice-cover] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(68, 1, 84, 0)"],[1/255,"rgba(63, 72, 137, 0)"],[50/255,"rgba(53, 125, 177, 1)"],[100/255,"rgba(33, 145, 140, 1)"],[150/255,"rgba(45, 178, 125, 1)"],[200/255,"rgba(112, 207, 87, 1)"],[250/255,"rgba(253, 231, 37, 0.8)"],[1,"rgba(253, 231, 37, 1)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Ds={key:0};function Es(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Ds,[e.createElementVNode("div",{class:"legend-bars-gl4 ice-cover",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"%",-1),e.createElementVNode("span",null,"20",-1),e.createElementVNode("span",null,"40",-1),e.createElementVNode("span",null,"60",-1),e.createElementVNode("span",null,"80",-1),e.createElementVNode("span",null,"100",-1)]),4)])):e.createCommentVNode("",!0)}const Ms=O(Ts,[["render",Es],["__scopeId","data-v-916b01eb"]]),$d="",Vs={name:"IdmThickness",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},menuToggle:{type:Object},bottom:{type:String,default:"70px"}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[ice-thickness] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(4, 6, 19, 0)"],[1/255,"rgba(4, 6, 19, 0)"],[20/255,"rgba(51, 50, 102, 1)"],[40/255,"rgba(63, 82, 158, 1)"],[50/255,"rgba(66, 123, 183, 1)"],[60/255,"rgba(92, 161, 197, 1)"],[80/255,"rgba(134, 199, 212, 0.7)"],[100/255,"rgba(134, 199, 212, 1)"],[150/255,"rgba(234, 253, 2536, 0.8)"],[250/255,"rgba(234, 253, 2536, 0.9)"],[1,"rgba(234, 253, 2536, 1)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Bs={key:0};function Is(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Bs,[e.createElementVNode("div",{class:"legend-bars-gl4 ice-thickness",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"m",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"0.6",-1),e.createElementVNode("span",null,"1",-1),e.createElementVNode("span",null,"1.5",-1),e.createElementVNode("span",null,"2",-1),e.createElementVNode("span",null,"3",-1)]),4)])):e.createCommentVNode("",!0)}const Rs=O(Vs,[["render",Is]]),eh="",As={name:"IdmPrecip3h",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},deeimmediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[precip3h] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(59, 126, 162, 0)"],[14/255,"rgba(84,170,230, 0)"],[15/255,"rgba(172, 210, 255, 0.8)"],[20/255,"rgba(51,202,248,0.8)"],[30/255,"rgba(3,248,103,0.8)"],[49/255,"rgba(14,201,3,0.8)"],[57/255,"rgba(190,226,2,0.8)"],[73/255,"rgba(248,1,1,0.8)"],[82/255,"rgba(197,5,58,0.8)"],[1,"rgba(197,5,58,0.8)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Os={key:0};function js(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Os,[e.createElementVNode("div",{class:"legend-bars-gl4 precip3h",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"mm",-1),e.createElementVNode("span",null,"1.5",-1),e.createElementVNode("span",null,"2",-1),e.createElementVNode("span",null,"3",-1),e.createElementVNode("span",null,"7",-1),e.createElementVNode("span",null,"10",-1),e.createElementVNode("span",null,"20",-1),e.createElementVNode("span",null,"30",-1)]),4)])):e.createCommentVNode("",!0)}const Fs=O(As,[["render",js]]),th="",Hs={name:"IdmVisibility",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{right:10,program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[visibility] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(189,50,160,0.8)"],[8/255,"rgba(208,56,56,0.8)"],[27/255,"rgba(190,226,2,0.8)"],[60/255,"rgba(3,236,118,0.8)"],[160/255,"rgba(172, 210,255,0.8)"],[161/255,"rgba(172, 210,255,0)"],[1,"rgba(144,144,144,0)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Gs={key:0};function Ws(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Gs,[e.createElementVNode("div",{class:"legend-bars-gl4 visibility",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"nm",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"0.5",-1),e.createElementVNode("span",null,"1.5",-1),e.createElementVNode("span",null,"3",-1),e.createElementVNode("span",null,"9",-1)]),4)])):e.createCommentVNode("",!0)}const Us=O(Hs,[["render",Ws]]),oh="",Ys={name:"IdmWaterTemp",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[water-temp] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(95, 143, 197)"],[46/255,"rgba(95, 143, 197)"],[69/255,"rgb(80, 140, 62)"],[92/255,"rgb(121, 146, 28)"],[115/255,"rgb(171, 161, 14)"],[138/255,"rgb(223, 177, 69)"],[161/255,"rgb(243, 150, 6)"],[184/255,"rgb(236, 95, 21)"],[207/255,"rgb(190, 65, 18)"],[230/255,"rgb(138, 43, 10)"],[1,"rgb(138, 43, 10)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Zs={key:0};function qs(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Zs,[e.createElementVNode("div",{class:"legend-bars-gl4 water-temp",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"°C",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"10",-1),e.createElementVNode("span",null,"20",-1),e.createElementVNode("span",null,"30",-1),e.createElementVNode("span",null,"40",-1)]),4)])):e.createCommentVNode("",!0)}const Xs=O(Ys,[["render",qs]]),ah="",Ks={name:"IdmTemp",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[temp] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgb(149, 137, 211)"],[100/255,"rgb(149, 137, 211)"],[110/255,"rgb(150, 209, 216)"],[120/255,"rgb(129, 204, 197)"],[130/255,"rgb(103, 180, 186)"],[140/255,"rgb(95, 143, 197)"],[150/255,"rgb(80, 140, 62)"],[160/255,"rgb(121, 146, 28)"],[170/255,"rgb(171, 161, 14)"],[180/255,"rgb(223, 177, 6)"],[190/255,"rgb(243, 150, 6)"],[200/255,"rgb(236, 95, 21)"],[210/255,"rgb(190, 65, 18)"],[220/255,"rgb(138, 43, 10)"],[1,"rgb(138, 43, 10)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Js={key:0};function Qs(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Js,[e.createElementVNode("div",{class:"legend-bars-gl4 temp",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"°C",-1),e.createElementVNode("span",null,"-20",-1),e.createElementVNode("span",null,"-10",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"10",-1),e.createElementVNode("span",null,"20",-1),e.createElementVNode("span",null,"30",-1),e.createElementVNode("span",null,"40",-1)]),4)])):e.createCommentVNode("",!0)}const $s=O(Ks,[["render",Qs]]),ih="",en={name:"IdmGlLayer",components:{IdmWindBarb:es,IdmWindParticle:is,IdmCurrentDirection:ss,IdmCurrentParticle:ds,IdmWave:us,IdmSigWaveHeight:bs,IdmSwell:ks,IdmPrmsl:Ls,IdmIceEdge:Ns,IdmIceCover:Ms,IdmIceThickness:Rs,IdmPrecip3h:Fs,IdmVisibility:Us,IdmWaterTemp:Xs,IdmTemp:$s},props:{simple:{type:Boolean,default:!1},isLogin:{type:Boolean,default:!1},theme:{type:String},map:{type:Object},mapFeather:{type:String},gateway:{type:String},assistGateway:{type:Array,default:[]},defaultMeteoToken:{type:String},top:{type:Number,default:60},paddingTop:{type:Number,default:48},menuToggle:{type:Object,default:{}},realTime:{type:String},forecastModel:{type:String},beforeLayer:{type:String}},emits:["forecastModel","menuToggle","weatherCheckList","autoActive"],data(){return{right:10,toggle:!1,autoActive:!0,weatherWeight:0,allLayers:[...Be.LayerHelper.WEATHER_LAYERS],tagLayers:[...Be.LayerHelper.WEATHER_LAYERS.filter(o=>!o.hide)],checkList:[],renderKey:"",iceToggleValue:void 0,waveToggleValue:void 0,weatherLayers:{},activeWeatherLayers:[],cache:{v:"0.0.1",versionKey:"weatherLayerCacheVersionGL4",autoActiveKey:"autoActiveCacheGL4",checkListKey:"weatherCheckListCacheGL4"},models:{},currentModel:localStorage.getItem("forecastModelCacheGL4")==="GFS"?"GFS":"ECMWF",zoom:6,viewport:void 0,particleFactor:void 0,showWindParticle:!0,showCurrentParticle:!0,legendToggle:!1,legend:{barbs:[2,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100,105,0],current:[{label:"0-0.5 kts",size:.3,color:"rgb(58, 164, 58)"},{label:"0.5-1 kts",size:.4,color:"#ffff00"},{label:"1-1.5 kts",size:.6,color:"#ff9500"},{label:"1.5-2 kts",size:.8,color:"#f44336"},{label:">= 2 kts",size:1,color:"#e4711e"}],sigWaveHeight:[{label:"< 2 m",color:"rgba(0,235,156,0)"},{label:"2-3 m",color:"rgba(0,235,156,0.4)"},{label:"3-4 m",color:"#ffed00"},{label:"4-5 m",color:"#ff9800"},{label:"5-6 m",color:"#f77800"},{label:"6-7 m",color:"#e4711e"},{label:"7-8 m",color:"#e06128"},{label:"8-9 m",color:"#dc5132"},{label:"9-10 m",color:"#d5453c"},{label:"10-12 m",color:"#cd3a46"},{label:"12-14 m",color:"#be2c50"},{label:"> 14 m",color:"#aa1a5a"}]}}},computed:{listStyle(){return this.simple?{top:this.top+"px",left:this.toggle?"0px":"-280px"}:{top:this.top+"px",right:this.toggle?"0px":"-280px"}},computeDateZ(){return function(o){var t;if(o){const a=v(o);return`${(t=a==null?void 0:a.utc())==null?void 0:t.format("MMM-DD/HHmm")}Z`}return"-"}},computeDateUpdate(){return function(o){return o?v(o).fromNow():"-"}},overlaysKeys(){return this.tagLayers.filter(o=>o.overlays).map(o=>o.key)},rendersKeys(){return this.allLayers.filter(o=>!o.overlays&&o.enabled).map(o=>o.key)},showTipMenu(){return this.checkList.includes("wind")||this.checkList.includes("current-direction")||this.checkList.includes("sig-wave-height")},barbsIconName(){var t,a,r;const o=[];for(let i=0;i<((a=(t=this.legend)==null?void 0:t.barbs)==null?void 0:a.length);i++){const l=((r=this.legend)==null?void 0:r.barbs[i])||0,s=l<10?`00${l}kts`:l<100?`0${l}kts`:`${l}kts`;o.push("icon-a-"+s)}return o}},watch:{"menuToggle.v":{handler(){this.toggle=this.menuToggle.weatherLayers,this.$nextTick(()=>{var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)})}},currentModel:{handler(o,t){this.$emit("forecastModel",o),localStorage.setItem("forecastModelCacheGL4",o)},immediate:!0},forecastModel:{handler(o,t){o&&o!==t&&this.handleWeatherLayerChange({sourceChanged:!0})}},map:{handler(){this.map&&(this.fetchCache(),this.map.on("move",this.handleMove4Weather),this.viewport=new uo(this.map),this.handleRampColorInitial())},immediate:!0},realTime:{handler(o,t){o&&t&&v(o).utc().format("yyyy-MM-DD HH")!==v(t).utc().format("yyyy-MM-DD HH")&&this.$nextTick(()=>{this.fetchWeatherLayers()})},immediate:!0},renderKey:{handler(o,t){o&&o!==t?o==="wave-group"?this.checkList=["wave-group",this.waveToggleValue||"sig-wave"]:o==="ice-forecast"?this.checkList=["ice-forecast",this.iceToggleValue||"ice-cover"]:this.checkList=[o]:!o&&t&&(this.checkList=this.checkList.filter(a=>a!==t))}},checkList:{handler(o,t){var a,r,i,l,s,c;this.handleCheckListChange(o,t),this.$emit("weatherCheckList",o),this.autoActive&&this.checkList.length?(i=(r=(a=this.$parent)==null?void 0:a.$refs)==null?void 0:r.idmBottomBar)==null||i.handleToggle("weather",!0):(c=(s=(l=this.$parent)==null?void 0:l.$refs)==null?void 0:s.idmBottomBar)==null||c.handleToggle("weather",!1)}},autoActive:{handler(o){var t,a,r,i,l,s;localStorage.setItem(this.cache.autoActiveKey,this.autoActive),this.activeWeatherLayers=this.autoActive?this.allLayers.filter(c=>this.checkList.includes(c.key)):[],this.handleWeatherLayerChange(),this.autoActive&&this.checkList.length?(r=(a=(t=this.$parent)==null?void 0:t.$refs)==null?void 0:a.idmBottomBar)==null||r.handleToggle("weather",!0):(s=(l=(i=this.$parent)==null?void 0:i.$refs)==null?void 0:l.idmBottomBar)==null||s.handleToggle("weather",!1),this.$emit("autoActive",this.autoActive)}},iceToggleValue:{handler(o){o&&(this.checkList=["ice-forecast",this.iceToggleValue])}},waveToggleValue:{handler(o){o&&(this.checkList=["wave-group",this.waveToggleValue])}},showWindParticle:{handler(o){let t="wind-particle";this.weatherLayers[t].particle=o,this.weatherLayers[t].version=Math.random()+1}},showCurrentParticle:{handler(o){let t="current-particle";this.weatherLayers[t].particle=o,this.weatherLayers[t].version=Math.random()+1}},isLogin:{handler(o){o?this.fetchModels():this.models={}},immediate:!0}},methods:{arraysEqual(o,t){if((o==null?void 0:o.length)!==(t==null?void 0:t.length))return!1;for(let a=0;a<(o==null?void 0:o.length);a++)if((o==null?void 0:o[a])!==(t==null?void 0:t[a]))return!1;return!0},fetchCache(){var a,r;const o=localStorage.getItem(this.cache.versionKey);this.cache.v!==o&&(localStorage.removeItem(this.cache.autoActiveKey),localStorage.removeItem(this.cache.checkListKey),localStorage.setItem(this.cache.versionKey,this.cache.v));let t=localStorage.getItem(this.cache.autoActiveKey);this.autoActive=t!=="false",localStorage.setItem(this.cache.autoActiveKey,this.autoActive),t=localStorage.getItem(this.cache.checkListKey),this.waveToggleValue=(a=JSON.parse(t))!=null&&a.some(i=>i==="swell")?"swell":void 0,this.iceToggleValue=(r=JSON.parse(t))!=null&&r.some(i=>i==="ice-thickness")?"ice-thickness":void 0,this.checkList=JSON.parse(t||JSON.stringify(["wind","sig-wave-height"])),this.checkList.find(i=>this.rendersKeys.includes(i))&&(this.renderKey=this.checkList.find(i=>this.rendersKeys.includes(i))),localStorage.setItem(this.cache.checkListKey,JSON.stringify(this.checkList))},handleMenuToggle(){this.$emit("menuToggle","weatherLayers")},handleFastWeatherToggle(o){let t=[];this.checkList.includes(o)?t=this.checkList.filter(a=>a!==o):t=[...this.checkList,o],this.handleCheckListChange(t,this.checkList)},handleCheckListChange(o,t){if(this.arraysEqual(o,t))return!1;const a=[...new Set(o)],r=a==null?void 0:a.filter(l=>!(t!=null&&t.includes(l)))[0],i=t==null?void 0:t.filter(l=>!(a!=null&&a.includes(l)))[0];r&&(r==="ice-cover"||r==="ice-thickness"||r==="ice-forecast"?(this.checkList=["ice-forecast",this.iceToggleValue||"ice-cover"],this.iceToggleValue=this.iceToggleValue||"ice-cover"):r==="sig-wave"||r==="swell"||r==="wave-group"?(this.checkList=["wave-group",this.waveToggleValue||"sig-wave"],this.waveToggleValue=this.waveToggleValue||"sig-wave"):this.rendersKeys.includes(r)?this.checkList=[r]:(this.checkList=a.filter(l=>!this.rendersKeys.includes(l)),this.renderKey=void 0)),i&&(i==="ice-forecast"?(this.checkList=a.filter(l=>!["ice-cover","ice-thickness","ice-forecast"].includes(l)),this.iceToggleValue=void 0):i==="wave-group"?(this.checkList=a.filter(l=>!["wave-group","sig-wave","swell"].includes(l)),this.waveToggleValue=void 0):this.checkList=a),this.checkList.includes("wind-particle")&&(this.showWindParticle=!0),this.checkList.includes("current-particle")&&(this.showCurrentParticle=!0),localStorage.setItem(this.cache.checkListKey,JSON.stringify(a)),this.activeWeatherLayers=this.autoActive?this.allLayers.filter(l=>a.includes(l.key)):[],this.handleWeatherLayerChange()},async fetchModels(){this.models={};const o=await J.get(`${this.gateway}/api/arc/meteo2/models2`,{headers:{Authorization:this.defaultMeteoToken}});(o==null?void 0:o.data.code)===0&&(this.models=o==null?void 0:o.data.data)},async fetchWeatherLayers(o={}){var i,l,s,c,n,h,d,g,f;const t=new Date().valueOf();let a=0,r=0;if(this.map){const x=((i=this.map)==null?void 0:i.getZoom())+1,b=(l=this.map)==null?void 0:l.getBounds(),_=`${b._sw.lng},${b._sw.lat},${b._ne.lng},${b._ne.lat}`;if(this.particleFactor&&((s=this.$refs.layer)!=null&&s.autoActive)){const p=Be.LayerHelper.WEATHER_LAYERS.find(S=>{var L;return((L=S.peer)==null?void 0:L.weight)===this.particleFactor.weight});this.particleFactor.particle&&(this.showWindParticle||this.showCurrentParticle)?this.weatherWeight=this.weatherWeight&p.weight?this.weatherWeight:this.weatherWeight+p.weight:this.weatherWeight=this.weatherWeight&p.weight?this.weatherWeight-p.weight:this.weatherWeight}if(this.weatherWeight>0){let p=this.weatherWeight;if(p>0){const S=this.assistGateway[Math.round(Math.random()*(this.assistGateway.length-1))],L=await J.get(`${S}/api/arc/weather/layers2/links?l=${p}&v=${this.forecastModel}&z=${x}&bbox=${_}&t=${this.realTime}`,{headers:{Authorization:this.defaultMeteoToken}});if(r=new Date().valueOf()-(t+a),console.log("weather links elapsed: ",r,", total: ",a+=r),((c=L==null?void 0:L.data)==null?void 0:c.code)===0){const k=(n=L==null?void 0:L.data)==null?void 0:n.data,w=[];for(const z in k)w.push(J.get(k[z],{headers:{Authorization:this.defaultMeteoToken,key:z},responseType:/\.(jpg|png)$/.test(k[z])?"blob":"json"}).catch(y=>{console.log(`[${z}] fetch layer error: ${y}`)}));const u=await Promise.all(w);this.weatherLayers={},u.map(z=>{var E,R,j,A;const y=((E=z==null?void 0:z.data)==null?void 0:E.data)||(z==null?void 0:z.data);let C=(j=(R=z==null?void 0:z.config)==null?void 0:R.headers)==null?void 0:j.key;C&&y&&(this.weatherLayers[C]={raw:y,type:((A=z==null?void 0:z.config)==null?void 0:A.responseType)==="blob"?"image":"json",etime:L.data.etime})})}if(r=new Date().valueOf()-(t+a),console.log("weather layers elapsed: ",r,", total: ",a+=r),this.weatherLayers["swell-direction"]||this.weatherLayers["swell-height"]){const k=(h=this.weatherLayers["swell-direction"])==null?void 0:h.raw,w=(d=this.weatherLayers["swell-height"])==null?void 0:d.raw;delete this.weatherLayers["swell-direction"],delete this.weatherLayers["swell-height"],this.weatherLayers.swell={type:"json",direction:k,height:{raw:w},etime:L.data.etime}}if(this.weatherLayers["current-direction"]||this.weatherLayers["current-speed"]){const k=(g=this.weatherLayers["current-direction"])==null?void 0:g.raw,w=(f=this.weatherLayers["current-speed"])==null?void 0:f.raw;delete this.weatherLayers["current-direction"],delete this.weatherLayers["current-speed"],this.weatherLayers.current={type:"json",direction:k,speed:{raw:w},etime:L.data.etime}}}}this.handleWeatherLayerToggle(),this.handleDrawWeather4Json()}},handleWeatherLayerToggle(){for(const o in this.weatherLayers)this.weatherLayers[o].active=!1,this.weatherLayers[o].version=Math.random()+1;for(const o of this.activeWeatherLayers){let t=o.key;t==="current-direction"&&(t="current"),this.weatherLayers[t]&&(this.weatherLayers[t].active=!0,this.weatherLayers[t].version=Math.random()+1,t==="wind-particle"&&(this.weatherLayers[t].particle=this.showWindParticle),t==="current-particle"&&(this.weatherLayers[t].particle=this.showCurrentParticle))}},handleWeatherLayerChange(o={sourceChanged:!1}){var a;const t=(a=this.activeWeatherLayers)==null?void 0:a.reduce((r,i)=>r+(r&(i==null?void 0:i.weight)?0:i==null?void 0:i.weight),0);o!=null&&o.sourceChanged||this.weatherWeight!==t?(this.weatherWeight=t,this.fetchWeatherLayers()):this.handleWeatherLayerToggle()},handleRampColorInitial(){var o,t,a,r,i,l,s,c,n,h,d,g;this.viewport.map.getSource((o=this.viewport)==null?void 0:o.rampColorSource)||this.viewport.map.addSource((t=this.viewport)==null?void 0:t.rampColorSource,{type:"canvas",canvas:(a=this.viewport)==null?void 0:a.rampColorCanvas,animate:!0,coordinates:this.viewport.getBoundLngLat()}),this.viewport.map.getLayer((r=this.viewport)==null?void 0:r.rampColorLayer)||this.viewport.map.addLayer({type:"raster",id:(i=this.viewport)==null?void 0:i.rampColorLayer,source:(l=this.viewport)==null?void 0:l.rampColorSource,layout:{visibility:"none"}},this.beforeLayer),this.viewport.map.getSource((s=this.viewport)==null?void 0:s.particleSource)||this.viewport.map.addSource((c=this.viewport)==null?void 0:c.particleSource,{type:"canvas",canvas:(n=this.viewport)==null?void 0:n.particleCanvas,animate:!0,coordinates:this.viewport.getBoundLngLat()}),this.viewport.map.getLayer((h=this.viewport)==null?void 0:h.particleLayer)||this.viewport.map.addLayer({type:"raster",id:(d=this.viewport)==null?void 0:d.particleLayer,source:(g=this.viewport)==null?void 0:g.particleSource,layout:{visibility:"none"}},this.beforeLayer)},handleDrawWeather4Json(){var l,s,c,n,h,d,g;const o=new Date().valueOf();let t=0,a=0;const r=(l=this.map)==null?void 0:l.getBounds(),i=(s=this.map)==null?void 0:s.getZoom();if(r&&i){const f=T.LngLatHelper.convertToStdLng(r._sw.lng),x=T.LngLatHelper.convertToStdLng(r._ne.lng),b=Math.floor(r._sw.lat),_=Math.ceil(r._ne.lat);for(const p in this.weatherLayers){let S=!1;if(this.weatherLayers[p].active&&this.weatherLayers[p].type==="json"){let L=[];if(p==="swell"){S=!0;const k=((c=this.weatherLayers[p])==null?void 0:c.direction)||{};for(const u in k)if(u>b&&u<_&&(!(i<=this.zoom)||u%(i<2?10:i<4?5:3)===0)){const z=k[u].lng;f>x?z.forEach((y,C)=>{var E,R,j,A,G,W;if(i<2){if((y>=0&&y<=360||y>=-360&&y<=0)&&y%10===0){const F=V.point([y,u],{val:((E=k[u].val)==null?void 0:E[C])||((R=k[u].dir)==null?void 0:R[C]),spd:(j=k[u].spd)==null?void 0:j[C]});L.push(F)}}else if((y>=f&&y<=180||y>=-180&&y<=x)&&(!(i<=this.zoom)||y%(i<2?10:i<4?5:3)===0)){const F=V.point([y,u],{val:((A=k[u].val)==null?void 0:A[C])||((G=k[u].dir)==null?void 0:G[C]),spd:(W=k[u].spd)==null?void 0:W[C]});L.push(F)}}):z.forEach((y,C)=>{var E,R,j,A,G,W;if(f<2){if((y>=0&&y<=360||y>=-360&&y<=0)&&y%10===0){const F=V.point([y,u],{val:((E=k[u].val)==null?void 0:E[C])||((R=k[u].dir)==null?void 0:R[C]),spd:(j=k[u].spd)==null?void 0:j[C]});L.push(F)}}else if(y>=f&&y<=x&&(!(i<=this.zoom)||y%(i<2?10:i<4?5:3)===0)){const F=V.point([y,u],{val:((A=k[u].val)==null?void 0:A[C])||((G=k[u].dir)==null?void 0:G[C]),spd:(W=k[u].spd)==null?void 0:W[C]});L.push(F)}})}a=new Date().valueOf()-(o+t),console.log("swell direction elapsed: ",a,", total: ",t+=a);const w=this.weatherLayers[p].height;if(w){if(!w.data){const u=[];for(const z in(n=w.raw)==null?void 0:n.LineString){const y=w.raw.LineString[z];for(const C of y)u.push(V.lineString(C,{val:Number(z)}));w.data=V.featureCollection(u)}}if(w.data){const u=this.handleBboxClip(w.data,r);L=L.concat(u)}a=new Date().valueOf()-(o+t),console.log("swell height elapsed: ",a,", total: ",t+=a)}}else if(p==="current"){S=!0;const k=((h=this.weatherLayers[p])==null?void 0:h.direction)||{};for(const u in k)if(u>b&&u<_&&(!(i<=this.zoom)||u%(i<2?10:i<4?5:3)===0)){const z=k[u].lng;f>x?z.forEach((y,C)=>{var E,R,j,A,G,W;if(i<2){if((y>=0&&y<=360||y>=-360&&y<=0)&&y%10===0){const F=V.point([y,u],{val:((E=k[u].val)==null?void 0:E[C])||((R=k[u].dir)==null?void 0:R[C]),spd:(j=k[u].spd)==null?void 0:j[C]});L.push(F)}}else if((y>=f&&y<=180||y>=-180&&y<=x)&&(!(i<=this.zoom)||y%(i<2?10:i<4?5:3)===0)){const F=V.point([y,u],{val:((A=k[u].val)==null?void 0:A[C])||((G=k[u].dir)==null?void 0:G[C]),spd:(W=k[u].spd)==null?void 0:W[C]});L.push(F)}}):z.forEach((y,C)=>{var E,R,j,A,G,W;if(f<2){if((y>=0&&y<=360||y>=-360&&y<=0)&&y%10===0){const F=V.point([y,u],{val:((E=k[u].val)==null?void 0:E[C])||((R=k[u].dir)==null?void 0:R[C]),spd:(j=k[u].spd)==null?void 0:j[C]});L.push(F)}}else if(y>=f&&y<=x&&(!(i<=this.zoom)||y%(i<this.zoom/2?5:3)===0)){const F=V.point([y,u],{val:((A=k[u].val)==null?void 0:A[C])||((G=k[u].dir)==null?void 0:G[C]),spd:(W=k[u].spd)==null?void 0:W[C]});L.push(F)}})}a=new Date().valueOf()-(o+t),console.log("current direction elapsed: ",a,", total: ",t+=a);const w=this.weatherLayers[p].speed;if(w){if(!w.data){const z=[];for(const y in(d=w.raw)==null?void 0:d.Polygon){const C=w.raw.Polygon[y];for(const E of C)z.push(V.polygon(E,{val:Number(y)}))}w.data=V.featureCollection(z)}const u=i<this.zoom?w.data.features.filter(z=>z.properties.val>.5):w.data.features;L=L.concat(u),a=new Date().valueOf()-(o+t),console.log("current speed elapsed: ",a,", total: ",t+=a)}}else if(p==="wind"){S=!0;const k=this.weatherLayers.wind.raw;for(const w in k)if(w>b&&w<_&&(!(i<=this.zoom)||w%(i<2?10:i<4?5:3)===0)){const u=k[w].lng;f>x?u.forEach((z,y)=>{var C,E,R,j;if(i<2){if((z>=0&&z<=360||z>=-360&&z<=0)&&z%10===0){const A=V.point([z,w],{dir:((C=k[w].val)==null?void 0:C[y])||((E=k[w].dir)==null?void 0:E[y]),spd:k[w].spd[y]});L.push(A)}}else if((z>=f&&z<=180||z>=-180&&z<=x)&&(!(i<=this.zoom)||z%(i<2?10:i<4?5:3)===0)){const A=V.point([z,w],{dir:((R=k[w].val)==null?void 0:R[y])||((j=k[w].dir)==null?void 0:j[y]),spd:k[w].spd[y]});L.push(A)}}):u.forEach((z,y)=>{var C,E,R,j;if(i<2){if((z>=0&&z<=360||z>=-360&&z<=0)&&z%10===0){const A=V.point([z,w],{dir:((C=k[w].val)==null?void 0:C[y])||((E=k[w].dir)==null?void 0:E[y]),spd:k[w].spd[y]});L.push(A)}}else if(z>=f&&z<=x&&(!(i<=this.zoom)||z%(i<2?10:i<4?5:3)===0)){const A=V.point([z,w],{dir:((R=k[w].val)==null?void 0:R[y])||((j=k[w].dir)==null?void 0:j[y]),spd:k[w].spd[y]});L.push(A)}})}a=new Date().valueOf()-(o+t),console.log("wind barb elapsed: ",a,", total: ",t+=a)}else if(p==="sig-wave-height"){if(this.weatherLayers[p].data)L=this.weatherLayers[p].data;else{S=!0;const k=this.weatherLayers[p].raw;if(k){const w=[];for(const u in k.Polygon){const z=k.Polygon[u];for(const y of z)w.push(V.polygon(y,{val:Number(u)}))}for(const u in k.MultiPolygon){const z=k.MultiPolygon[u];for(const y of z)w.push(V.multiPolygon(y,{val:Number(u)}))}for(const u in k.Point){const z=k.Point[u];for(let y=0;y<((g=z.lng)==null?void 0:g.length);y++)w.push(V.point([z.lng[y],u],{val:Number(z.val[y])}))}L=L.concat(w)}}a=new Date().valueOf()-(o+t),console.log("sig-wave-height elapsed: ",a,", total: ",t+=a)}else if(p==="prmsl"){if(this.weatherLayers[p].data)L=this.weatherLayers[p].data;else{S=!0;const k=this.weatherLayers[p].raw;if(k){const w=[];for(const u in k.LineString){const z=k.LineString[u];for(const y of z)w.push(V.lineString(y,{val:Number(u)}))}for(const u in k.Point)k.Point[u].lng.forEach((z,y)=>{z=T.LngLatHelper.convertToStdLng(z),w.push(V.point([z,u],{val:k.Point[u].val[y],type:k.Point[u].type[y]}))});L=L.concat(w)}}a=new Date().valueOf()-(o+t),console.log("prmsl elapsed: ",a,", total: ",t+=a)}L.length&&(this.weatherLayers[p].data=V.featureCollection(L)),S&&(this.weatherLayers[p].version=Math.random()+1)}}}},handleMove4Weather(){for(const o in this.weatherLayers)this.weatherLayers[o].active&&this.weatherLayers[o].type==="image"&&(this.weatherLayers[o].active=!0,this.weatherLayers[o].version=Math.random()+1);this.handleDrawWeather4Json()},handleBboxClip(o,t){const a=[],r=T.LngLatHelper.convertToStdLng(t._sw.lng),i=T.LngLatHelper.convertToStdLng(t._ne.lng);return o.features.forEach(l=>{if(l.geometry.type!=="Point")if(r>i){let s=[r,t._sw.lat,180,t._ne.lat],c=V.bboxClip(l,s);c.geometry.coordinates.length&&a.push(c),s=[-180,t._sw.lat,i,t._ne.lat],c=V.bboxClip(l,s),c.geometry.coordinates.length&&a.push(c)}else{const s=[r,t._sw.lat,i,t._ne.lat],c=V.bboxClip(l,s);c.geometry.coordinates.length&&a.push(c)}else a.push(l)}),a}}},tn={class:"idm-gl4-meteo-layers"},on={key:0,class:"legend-tip-btn-gl4"},an={class:"d-flex flex-row justify-center align-center"},rn={class:"text-caption"},ln={class:"d-flex flex-row justify-center align-center"},sn={key:0,style:{width:"24px",height:"12px",border:"1px solid rgba(var(--v-border-color), var(--v-border-opacity))"}},nn={class:"text-caption px-2"},cn={class:"d-flex flex-row justify-start align-center"},mn={class:"d-flex flex-row justify-center align-center",style:{width:"40px"}},dn={class:"text-caption"},hn={class:"header-box d-flex justify-space-between align-center px-4"},pn={class:"d-flex justify-start align-center ga-3"},gn={class:"text-h5 font-weight-medium"},un={key:0,class:"w-100 d-flex justify-space-between align-center ga-1 mb-1 px-4"},fn={key:0,class:"d-flex justify-start align-center ga-4 pl-6"},yn={key:1,class:"d-flex justify-start align-center ga-4 pl-6"},bn={class:"text-body-1 py-2"},wn={class:"text-body-1 font-weight-medium"},xn={class:"text-body-2 text-label"},_n={class:"text-body-2 text-label"},kn={class:"text-body-2 text-label mb-3"},zn={class:"text-body-1 font-weight-medium"},vn={class:"text-body-2 text-label"},Ln={class:"text-body-2 text-label"},Cn={class:"text-body-2 text-label mb-3"},Pn={class:"text-body-1 py-2"},Sn={class:"text-body-1 font-weight-medium"},Nn={class:"text-body-2 text-label"},Tn={class:"text-body-2 text-label"},Dn={class:"text-body-2 text-label mb-3"},En={class:"text-body-1 font-weight-medium"},Mn={class:"text-body-2 text-label"},Vn={class:"text-body-2 text-label"},Bn={class:"text-body-2 text-label mb-3"},In={class:"text-body-1 py-2"},Rn={class:"text-body-1 font-weight-medium"},An={class:"text-body-2 text-label"},On={class:"text-body-2 text-label"},jn={class:"text-body-2 text-label mb-3"};function Fn(o,t,a,r,i,l){var ie,q,ee,re,te,oe,P,U,ce,he,fe,ye,pe,we,be;const s=e.resolveComponent("VBtn"),c=e.resolveComponent("VTooltip"),n=e.resolveComponent("VCol"),h=e.resolveComponent("VRow"),d=e.resolveComponent("VCardText"),g=e.resolveComponent("VDivider"),f=e.resolveComponent("VCard"),x=e.resolveComponent("VSwitch"),b=e.resolveComponent("VBtnToggle"),_=e.resolveComponent("VCardTitle"),p=e.resolveComponent("VCardItem"),S=e.resolveComponent("VCheckbox"),L=e.resolveComponent("VRadio"),k=e.resolveComponent("IdmWindBarb"),w=e.resolveComponent("IdmSigWaveHeight"),u=e.resolveComponent("IdmCurrentDirection"),z=e.resolveComponent("IdmPrmsl"),y=e.resolveComponent("IdmWindParticle"),C=e.resolveComponent("IdmCurrentParticle"),E=e.resolveComponent("IdmWave"),R=e.resolveComponent("IdmSwell"),j=e.resolveComponent("IdmIceEdge"),A=e.resolveComponent("IdmIceCover"),G=e.resolveComponent("IdmIceThickness"),W=e.resolveComponent("IdmPrecip3h"),F=e.resolveComponent("IdmVisibility"),Q=e.resolveComponent("IdmWaterTemp"),$=e.resolveComponent("IdmTemp");return e.openBlock(),e.createElementBlock("div",tn,[e.createElementVNode("div",{class:"menu-bar-box transition pa-1",style:e.normalizeStyle({top:this.top+this.paddingTop+46+"px",right:this.right+"px"})},[e.createVNode(c,{text:o.$t("weather.weatherLayers"),location:"left"},{activator:e.withCtx(({props:M})=>[e.createVNode(s,e.mergeProps(M,{"min-width":"32",width:"32",height:"32",class:["text-none pa-0",i.toggle?"bg-primary active-border":""],onClick:l.handleMenuToggle}),{default:e.withCtx(()=>t[9]||(t[9]=[e.createElementVNode("i",{class:"iconfont icon-Weather text-h4"},null,-1)])),_:2,__:[9]},1040,["class","onClick"])]),_:1},8,["text"])],4),l.showTipMenu?(e.openBlock(),e.createElementBlock("div",on,[e.createElementVNode("div",{class:"menu-bar-box pa-1 rounded",style:e.normalizeStyle({right:i.right+"px"})},[e.createVNode(c,{text:"Legend",location:"left"},{activator:e.withCtx(({props:M})=>[e.createVNode(s,e.mergeProps(M,{"min-width":"32",width:"32",height:"32",class:["text-none pa-0",i.legendToggle?"bg-primary active-border":""],onClick:t[0]||(t[0]=Y=>i.legendToggle=!i.legendToggle)}),{default:e.withCtx(()=>t[10]||(t[10]=[e.createElementVNode("i",{class:"iconfont icon-Legend text-h4"},null,-1)])),_:2,__:[10]},1040,["class"])]),_:1})],4),i.legendToggle?(e.openBlock(),e.createBlock(f,{key:0,elevation:"16",class:"card-info d-flex justify-center align-start",style:e.normalizeStyle({position:"absolute",top:"340px",right:i.right+50+"px"})},{default:e.withCtx(()=>[e.createVNode(d,{class:"d-flex flex-column justify-center align-start text-label px-2",style:{width:"110px"}},{default:e.withCtx(()=>[t[11]||(t[11]=e.createElementVNode("div",{class:"text-body-2 font-weight-600 mb-2"},"Wind Level",-1)),e.createVNode(h,{class:"ma-0 ml-n1 text-body-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.legend.barbs,(M,Y)=>(e.openBlock(),e.createBlock(n,{key:M,cols:"6",class:"d-flex flex-row justify-start align-center py-1 px-0 ma-0"},{default:e.withCtx(()=>[e.createElementVNode("div",an,[e.createElementVNode("i",{class:e.normalizeClass(["iconfont",l.barbsIconName[Y]]),style:e.normalizeStyle({color:a.theme==="dark"?"#fff":"#000"})},null,6),e.createElementVNode("span",rn,e.toDisplayString(Number(M)<10?`00${M}kts`:Number(M)<100?`0${M}kts`:`${M}kts`),1)])]),_:2},1024))),128))]),_:1})]),_:1,__:[11]}),e.createVNode(g,{vertical:""}),e.createVNode(d,{class:"d-flex flex-column justify-center align-start text-label px-2",style:{width:"100px"}},{default:e.withCtx(()=>[t[12]||(t[12]=e.createElementVNode("div",{class:"text-body-2 font-weight-600 mb-2"},"Wave Height",-1)),e.createVNode(h,{class:"ma-0"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.legend.sigWaveHeight,(M,Y)=>(e.openBlock(),e.createBlock(n,{key:Y,cols:"12",class:"d-flex flex-row justify-start align-center py-1 px-0 ma-0"},{default:e.withCtx(()=>[e.createElementVNode("div",ln,[Y===0?(e.openBlock(),e.createElementBlock("div",sn)):(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle({width:"24px",height:"12px",background:M.color})},null,4)),e.createElementVNode("div",nn,e.toDisplayString(M.label),1)])]),_:2},1024))),128))]),_:1})]),_:1,__:[12]}),e.createVNode(g,{vertical:""}),e.createVNode(d,{class:"d-flex flex-column justify-center align-start text-label px-2",style:{width:"90px"}},{default:e.withCtx(()=>[t[13]||(t[13]=e.createElementVNode("div",{class:"text-body-2 font-weight-600 mb-2"},"Current",-1)),e.createVNode(h,{class:"ma-0 ml-n4"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.legend.current,(M,Y)=>(e.openBlock(),e.createBlock(n,{key:Y,cols:"12",class:"d-flex flex-row justify-center align-center py-1 px-0 ma-0"},{default:e.withCtx(()=>[e.createElementVNode("div",cn,[e.createElementVNode("div",mn,[e.createElementVNode("i",{class:"iconfont icon-a-direction-arrow text-label",style:e.normalizeStyle({fontSize:40*M.size+"px"})},null,4)]),e.createElementVNode("div",dn,e.toDisplayString(M.label),1)])]),_:2},1024))),128))]),_:1})]),_:1,__:[13]})]),_:1},8,["style"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["available-layers transition flex-center",i.toggle?"right-bar":""]),style:e.normalizeStyle(l.listStyle)},[e.createElementVNode("div",hn,[e.createElementVNode("div",pn,[e.createElementVNode("div",gn,e.toDisplayString(o.$t("weather.weather")),1),e.createVNode(x,{modelValue:i.autoActive,"onUpdate:modelValue":t[1]||(t[1]=M=>i.autoActive=M),class:"small-switch",color:"primary","base-color":"disabled",inset:"","hide-details":""},null,8,["modelValue"])]),e.createVNode(s,{icon:"",density:"compact",variant:"plain",class:"mr-n2",onClick:l.handleMenuToggle},{default:e.withCtx(()=>t[14]||(t[14]=[e.createElementVNode("i",{class:"iconfont icon-close text-label text-h4"},null,-1)])),_:1,__:[14]},8,["onClick"])]),a.simple?(e.openBlock(),e.createElementBlock("div",un,[e.createElementVNode("div",null,e.toDisplayString(o.$t("weather.forecastModel")),1),e.createVNode(b,{modelValue:i.currentModel,"onUpdate:modelValue":t[2]||(t[2]=M=>i.currentModel=M),rounded:"",height:"30",density:"compact",group:""},{default:e.withCtx(()=>[e.createVNode(s,{density:"compact",height:"30",value:"GFS",class:"text-none btn-bg-2 px-1 text-body-1",color:i.currentModel==="GFS"?"primary":"","base-color":""},{default:e.withCtx(()=>t[15]||(t[15]=[e.createTextVNode("NOAA",-1)])),_:1,__:[15]},8,["color"]),e.createVNode(s,{density:"compact",height:"30",class:"text-none btn-bg-2 px-1 text-body-1",color:i.currentModel==="ECMWF"?"primary":"","base-color":"",value:"ECMWF"},{default:e.withCtx(()=>t[16]||(t[16]=[e.createTextVNode("ECMWF",-1)])),_:1,__:[16]},8,["color"])]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["list-box scroll pl-4 pr-2 overflow-y-auto",i.autoActive?"":"cursor-not-allowed"])},[e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(p,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(_,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.overlays")),1)]),_:1})]),_:1}),e.createVNode(d,{class:"py-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(M=>M.overlays),M=>(e.openBlock(),e.createBlock(S,{key:M.key,modelValue:i.checkList,"onUpdate:modelValue":t[3]||(t[3]=Y=>i.checkList=Y),value:M.key,label:o.$t(`weather.${M.locale}`),disabled:!i.autoActive,color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","value","label","disabled"]))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(p,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(_,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.renders")),1)]),_:1})]),_:1}),e.createVNode(d,{class:"py-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(M=>!M.overlays),M=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:M.key},[e.createVNode(L,{modelValue:i.renderKey,"onUpdate:modelValue":t[4]||(t[4]=Y=>i.renderKey=Y),label:o.$t(`weather.${M.locale}`),value:M.key,disabled:!i.autoActive,color:"primary",density:"compact",style:{height:"36px"},class:"text-body-2 py-1","hide-details":"",onClick:Y=>i.renderKey=i.renderKey===M.key?"":M.key},null,8,["modelValue","label","value","disabled","onClick"]),i.renderKey==="wind-particle"&&M.key==="wind-particle"?(e.openBlock(),e.createElementBlock("div",fn,[e.createElementVNode("span",null,e.toDisplayString(o.$t("weather.particleAnimatiom")),1),e.createVNode(x,{modelValue:i.showWindParticle,"onUpdate:modelValue":t[5]||(t[5]=Y=>i.showWindParticle=Y),label:"",class:"small-switch",color:"primary","base-color":"disabled",density:"compact",inset:"",style:{"font-size":"14px"},"hide-details":""},null,8,["modelValue"])])):e.createCommentVNode("",!0),i.renderKey==="current-particle"&&M.key==="current-particle"?(e.openBlock(),e.createElementBlock("div",yn,[e.createElementVNode("span",null,e.toDisplayString(o.$t("weather.particleAnimatiom")),1),e.createVNode(x,{modelValue:i.showCurrentParticle,"onUpdate:modelValue":t[6]||(t[6]=Y=>i.showCurrentParticle=Y),label:"",class:"small-switch",color:"primary","base-color":"disabled",inset:"",density:"compact",height:"20","hide-details":""},null,8,["modelValue"])])):e.createCommentVNode("",!0),i.renderKey==="wave-group"&&M.key==="wave-group"?(e.openBlock(),e.createBlock(b,{key:2,modelValue:i.waveToggleValue,"onUpdate:modelValue":t[7]||(t[7]=Y=>i.waveToggleValue=Y),class:"w-100 pl-7 rounded",rounded:"0",height:"30",density:"compact",group:"",disabled:!i.autoActive},{default:e.withCtx(()=>[e.createVNode(s,{density:"compact",height:"30",value:"sig-wave",class:"w-50 text-none px-2 text-body-1",color:i.waveToggleValue==="sig-wave"?"primary":"","base-color":"grey-lighten-1",disabled:!i.autoActive},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.significant")),1)]),_:1},8,["color","disabled"]),e.createVNode(s,{density:"compact",height:"30",class:"w-50 text-none px-2 text-body-1",color:i.waveToggleValue==="swell"?"primary":"","base-color":"grey-lighten-1",disabled:!i.autoActive,value:"swell"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.swell")),1)]),_:1},8,["color","disabled"])]),_:1},8,["modelValue","disabled"])):e.createCommentVNode("",!0),i.renderKey==="ice-forecast"&&M.key==="ice-forecast"?(e.openBlock(),e.createBlock(b,{key:3,modelValue:i.iceToggleValue,"onUpdate:modelValue":t[8]||(t[8]=Y=>i.iceToggleValue=Y),class:"w-100 pl-7 rounded",rounded:"0",height:"30",density:"compact",group:"",disabled:!i.autoActive},{default:e.withCtx(()=>[e.createVNode(s,{density:"compact",height:"30",value:"ice-cover",class:"w-50 text-none px-2 text-body-1",color:i.iceToggleValue==="ice-cover"?"primary":"","base-color":"grey-lighten-1",disabled:!i.autoActive},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.coverage")),1)]),_:1},8,["color","disabled"]),e.createVNode(s,{density:"compact",height:"30",class:"w-50 text-none px-2 text-body-1",color:i.iceToggleValue==="ice-thickness"?"primary":"","base-color":"grey-lighten-1",disabled:!i.autoActive,value:"ice-thickness"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.thickness")),1)]),_:1},8,["color","disabled"])]),_:1},8,["modelValue","disabled"])):e.createCommentVNode("",!0)],64))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(p,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(_,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.forecastModel")),1)]),_:1})]),_:1}),e.createVNode(d,{class:""},{default:e.withCtx(()=>{var M,Y,Pe,ke,se,xe,B,ne,Z,X,ve,Se,Ne,N,me,ze,Le,Ce,D,Te,I,Ee,Me,Ve,ge,Oe,je,Fe,He,Ge,We,Ue,Ye,Ze,qe,Xe,Ke,Je,Qe,$e,et,tt,ot,at,it,rt,lt,st,nt,ct,mt,dt,ht,pt,gt,ut,ft,yt,bt,wt,xt,_t,kt,zt,vt,Lt,Ct,Pt,St,Nt,Tt,Dt,Et,Mt,Vt,Bt,It,Rt,At,Ot,jt,Ft,Ht,Gt,Wt,Ut,Yt,Zt,qt,Xt,Kt,Jt,Qt,eo,to,oo,ao,io,ro,lo,so,no,co,mo,ho;return[e.createElementVNode("div",bn,e.toDisplayString(o.$t("weather.atmospheric")),1),e.createElementVNode("div",wn,e.toDisplayString((Pe=(Y=(M=i.models)==null?void 0:M.weather)==null?void 0:Y.NOAA)==null?void 0:Pe.source)+" "+e.toDisplayString((xe=(se=(ke=i.models)==null?void 0:ke.weather)==null?void 0:se.NOAA)==null?void 0:xe.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((X=(Z=(ne=(B=i.models)==null?void 0:B.weather)==null?void 0:ne.NOAA)==null?void 0:Z.meta)==null?void 0:X.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",xn,e.toDisplayString(o.$t("weather.source"))+": NOAA",1),e.createElementVNode("div",_n,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((N=(Ne=(Se=(ve=i.models)==null?void 0:ve.weather)==null?void 0:Se.NOAA)==null?void 0:Ne.meta)==null?void 0:N.availabilityTime)),1),e.createElementVNode("div",kn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((Ce=(Le=(ze=(me=i.models)==null?void 0:me.weather)==null?void 0:ze.NOAA)==null?void 0:Le.meta)==null?void 0:Ce.initialisationTime)),1),e.createElementVNode("div",zn,e.toDisplayString((I=(Te=(D=i.models)==null?void 0:D.weather)==null?void 0:Te.ECMWF)==null?void 0:I.source)+" "+e.toDisplayString((Ve=(Me=(Ee=i.models)==null?void 0:Ee.weather)==null?void 0:Me.ECMWF)==null?void 0:Ve.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((Fe=(je=(Oe=(ge=i.models)==null?void 0:ge.weather)==null?void 0:Oe.ECMWF)==null?void 0:je.meta)==null?void 0:Fe.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",vn,e.toDisplayString(o.$t("weather.source"))+": ECMWF",1),e.createElementVNode("div",Ln,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((Ue=(We=(Ge=(He=i.models)==null?void 0:He.weather)==null?void 0:Ge.ECMWF)==null?void 0:We.meta)==null?void 0:Ue.availabilityTime)),1),e.createElementVNode("div",Cn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((Xe=(qe=(Ze=(Ye=i.models)==null?void 0:Ye.weather)==null?void 0:Ze.ECMWF)==null?void 0:qe.meta)==null?void 0:Xe.initialisationTime)),1),e.createVNode(g),e.createElementVNode("div",Pn,e.toDisplayString(o.$t("weather.wave")),1),e.createElementVNode("div",Sn,e.toDisplayString(($e=(Qe=(Je=(Ke=i.models)==null?void 0:Ke.marine)==null?void 0:Je.wave)==null?void 0:Qe.NOAA)==null?void 0:$e.source)+" "+e.toDisplayString((at=(ot=(tt=(et=i.models)==null?void 0:et.marine)==null?void 0:tt.wave)==null?void 0:ot.NOAA)==null?void 0:at.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((nt=(st=(lt=(rt=(it=i.models)==null?void 0:it.marine)==null?void 0:rt.wave)==null?void 0:lt.NOAA)==null?void 0:st.meta)==null?void 0:nt.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",Nn,e.toDisplayString(o.$t("weather.source"))+": NOAA",1),e.createElementVNode("div",Tn,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((pt=(ht=(dt=(mt=(ct=i.models)==null?void 0:ct.marine)==null?void 0:mt.wave)==null?void 0:dt.NOAA)==null?void 0:ht.meta)==null?void 0:pt.availabilityTime)),1),e.createElementVNode("div",Dn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((bt=(yt=(ft=(ut=(gt=i.models)==null?void 0:gt.marine)==null?void 0:ut.wave)==null?void 0:ft.NOAA)==null?void 0:yt.meta)==null?void 0:bt.initialisationTime)),1),e.createElementVNode("div",En,e.toDisplayString((kt=(_t=(xt=(wt=i.models)==null?void 0:wt.marine)==null?void 0:xt.wave)==null?void 0:_t.ECMWF)==null?void 0:kt.source)+" "+e.toDisplayString((Ct=(Lt=(vt=(zt=i.models)==null?void 0:zt.marine)==null?void 0:vt.wave)==null?void 0:Lt.ECMWF)==null?void 0:Ct.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((Dt=(Tt=(Nt=(St=(Pt=i.models)==null?void 0:Pt.marine)==null?void 0:St.wave)==null?void 0:Nt.ECMWF)==null?void 0:Tt.meta)==null?void 0:Dt.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",Mn,e.toDisplayString(o.$t("weather.source"))+": ECMWF",1),e.createElementVNode("div",Vn,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((It=(Bt=(Vt=(Mt=(Et=i.models)==null?void 0:Et.marine)==null?void 0:Mt.wave)==null?void 0:Vt.ECMWF)==null?void 0:Bt.meta)==null?void 0:It.availabilityTime)),1),e.createElementVNode("div",Bn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((Ft=(jt=(Ot=(At=(Rt=i.models)==null?void 0:Rt.marine)==null?void 0:At.wave)==null?void 0:Ot.ECMWF)==null?void 0:jt.meta)==null?void 0:Ft.initialisationTime)),1),e.createVNode(g),e.createElementVNode("div",In,e.toDisplayString(o.$t("weather.currents")),1),e.createElementVNode("div",Rn,e.toDisplayString((Ut=(Wt=(Gt=(Ht=i.models)==null?void 0:Ht.marine)==null?void 0:Gt.current)==null?void 0:Wt.ECMWF)==null?void 0:Ut.source)+" "+e.toDisplayString((Xt=(qt=(Zt=(Yt=i.models)==null?void 0:Yt.marine)==null?void 0:Zt.current)==null?void 0:qt.ECMWF)==null?void 0:Xt.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((to=(eo=(Qt=(Jt=(Kt=i.models)==null?void 0:Kt.marine)==null?void 0:Jt.current)==null?void 0:Qt.ECMWF)==null?void 0:eo.meta)==null?void 0:to.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",An,e.toDisplayString(o.$t("weather.source"))+": ECMWF",1),e.createElementVNode("div",On,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((lo=(ro=(io=(ao=(oo=i.models)==null?void 0:oo.marine)==null?void 0:ao.current)==null?void 0:io.ECMWF)==null?void 0:ro.meta)==null?void 0:lo.availabilityTime)),1),e.createElementVNode("div",jn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((ho=(mo=(co=(no=(so=i.models)==null?void 0:so.marine)==null?void 0:no.current)==null?void 0:co.ECMWF)==null?void 0:mo.meta)==null?void 0:ho.initialisationTime)),1)]}),_:1})]),_:1})],2)],6),a.map?(e.openBlock(),e.createBlock(k,e.mergeProps({key:1,ref:"windBarb",map:a.map,"map-feather":a.mapFeather,"before-layer":"empty-layer-3",wind:(ie=i.weatherLayers)==null?void 0:ie.wind,"menu-toggle":a.menuToggle},o.$attrs),null,16,["map","map-feather","wind","menu-toggle"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(w,e.mergeProps({key:2,map:a.map,"before-layer":"empty-layer-2","sig-wave-height":(q=i.weatherLayers)==null?void 0:q["sig-wave-height"],"menu-toggle":a.menuToggle,"active-weather-layers":i.activeWeatherLayers},o.$attrs),null,16,["map","sig-wave-height","menu-toggle","active-weather-layers"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(u,e.mergeProps({key:3,map:a.map,"map-feather":a.mapFeather,"before-layer":"empty-layer-2",current:(ee=i.weatherLayers)==null?void 0:ee.current,"menu-toggle":a.menuToggle},o.$attrs),null,16,["map","map-feather","current","menu-toggle"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(z,e.mergeProps({key:4,map:a.map,"before-layer":"empty-layer-2",prmsl:(re=i.weatherLayers)==null?void 0:re.prmsl,"menu-toggle":a.menuToggle,"active-weather-layers":i.activeWeatherLayers},o.$attrs,{theme:a.theme}),null,16,["map","prmsl","menu-toggle","active-weather-layers","theme"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(y,e.mergeProps({key:5,viewport:i.viewport,factor:(te=i.weatherLayers)==null?void 0:te["wind-particle"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(C,e.mergeProps({key:6,viewport:i.viewport,factor:(oe=i.weatherLayers)==null?void 0:oe["current-particle"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(E,e.mergeProps({key:7,viewport:i.viewport,factor:(P=i.weatherLayers)==null?void 0:P["sig-wave"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(R,e.mergeProps({key:8,map:a.map,viewport:i.viewport,factor:(U=i.weatherLayers)==null?void 0:U.swell,"menu-toggle":a.menuToggle,"active-weather-layers":i.activeWeatherLayers,simple:a.simple},o.$attrs),null,16,["map","viewport","factor","menu-toggle","active-weather-layers","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(j,e.mergeProps({key:9,viewport:i.viewport,factor:(ce=i.weatherLayers)==null?void 0:ce["ice-edge"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(A,e.mergeProps({key:10,viewport:i.viewport,factor:(he=i.weatherLayers)==null?void 0:he["ice-cover"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(G,e.mergeProps({key:11,viewport:i.viewport,factor:(fe=i.weatherLayers)==null?void 0:fe["ice-thickness"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(W,e.mergeProps({key:12,viewport:i.viewport,factor:(ye=i.weatherLayers)==null?void 0:ye.precip3h,"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(F,e.mergeProps({key:13,viewport:i.viewport,factor:(pe=i.weatherLayers)==null?void 0:pe.visibility,"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(Q,e.mergeProps({key:14,viewport:i.viewport,factor:(we=i.weatherLayers)==null?void 0:we["water-temp"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock($,e.mergeProps({key:15,viewport:i.viewport,factor:(be=i.weatherLayers)==null?void 0:be.temp,"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0)])}const Hn=O(en,[["render",Fn]]),Ie=[{rank:0,name:"Best Match",alias:"BEST MATCH",model:"best_match",models:["best_match"]},{rank:1,name:"GFS",alias:"GFS",model:"gfs_seamless",provider:"NOAA",country:"United States",resolution:25,tips:"3-25km",length:16,frequency:1,models:["gfs_seamless"],categories:"ncep_gfs013,ncep_gfs025,ncep_gfs_graphcast025,ncep_hrrr_conus,ncep_nbm_conus",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:2,name:"ECMWF",alias:"ECMWF",model:"ecmwf_ifs025",provider:"ECMWF",country:"European Union",resolution:25,tips:"25km",length:15,frequency:6,models:["ecmwf_ifs025","ecmwf_aifs025_single"],categories:"ecmwf_ifs025,ecmwf_aifs025_single",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:3,disabled:!0,name:"ICON",alias:"ECMWF",model:"icon_seamless",provider:"Deutscher Wetterdienst (DWD)",country:"Germany",resolution:13,tips:"2-13km",length:7.5,frequency:3,models:["icon_seamless","icon_global","icon_eu","icon_d2"],categories:"dwd_icon,dwd_icon_eps,dwd_icon_d2,dwd_icon_d2_eps,dwd_icon_eu,dwd_icon_eu_eps",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:4,name:"ARPEGE",disabled:!0,alias:"ECMWF",model:"arpege_seamless",provider:"Météo-France",country:"France",resolution:25,tips:"1-25km",length:4,frequency:1,models:["arpege_seamless","arpege_world","arpege_europe"],categories:"meteofrance_arpege_europe,meteofrance_arpege_europe_probabilities,meteofrance_arpege_world025",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:5,name:"UKMO",disabled:!0,alias:"ECMWF",model:"ukmo_seamless",provider:"UK Met Office",country:"United Kingdom",resolution:10,tips:"2-10km",length:7,frequency:1,models:["ukmo_seamless","ukmo_global_deterministic_10km","ukmo_uk_deterministic_2km"],categories:"ukmo_global_deterministic_10km,ukmo_uk_deterministic_2km",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:6,name:"JMA",disabled:!0,alias:"GFS",model:"jma_seamless",provider:"JMA",country:"Japan",resolution:55,tips:"5-55km",length:11,frequency:3,models:["jma_seamless","jma_msm","jma_gsm"],categories:"jma_gsm,jma_msm",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:7,name:"GEM",disabled:!0,alias:"GFS",model:"gem_seamless",provider:"Canadian Weather Service",country:"Canada",resolution:2.5,tips:"2.5km",length:10,frequency:6,models:["gem_seamless","gem_global","gem_regional"],categories:"cmc_gem_gdps,cmc_gem_hrdps,cmc_gem_rdps",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:8,name:"GRAPES",disabled:!0,alias:"GFS",model:"cma_grapes_global",provider:"China Meteorological Administration (CMA)",country:"China",resolution:15,tips:"15km",length:10,frequency:6,models:["cma_grapes_global"],categories:"cma_grapes_global",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:9,name:"ACCESS-G",disabled:!0,alias:"GFS",model:"bom_access_global",provider:"Australian Bureau of Meteorology (BOM)",country:"Australia",resolution:15,tips:"15km",length:10,frequency:6,models:["bom_access_global"],categories:"bom_access_global",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"}],Re=[{rank:0,name:"Best Match",alias:"BEST MATCH",model:"best_match",models:["best_match"]},{rank:1,name:"MFWAM",alias:"ECMWF",model:"meteofrance_wave",provider:"MeteoFrance",country:"France",resolution:8,tips:"8km",length:10,frequency:12,models:["meteofrance_wave"],categories:"meteofrance_wave",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:2,disabled:!0,name:"SMOC",alias:"ECMWF",model:"meteofrance_currents",provider:"MeteoFrance",country:"France",resolution:8,tips:"8km",length:10,frequency:24,models:["meteofrance_currents"],categories:"meteofrance_currents, meteofrance_sea_surface_temperature",variables:"ocean_u_current,ocean_v_current,invert_barometer_height,sea_level_height_msl,sea_surface_temperature"},{rank:3,disabled:!0,name:"EWAM",alias:"ECMWF",model:"ewam",provider:"DWD",country:"Germany",resolution:5,tips:"5km",length:8,frequency:2,models:["ewam"],categories:"dwd_ewam",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:4,disabled:!0,name:"GWAM",alias:"ECMWF",model:"gwam",provider:"DWD",country:"Germany",resolution:5,tips:"5km",length:4,frequency:2,models:["gwam"],categories:"dwd_gwam",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:5,disabled:!0,name:"ECWAM",alias:"ECMWF",model:"ecmwf_wam025",provider:"ECMWF",country:"Europe",resolution:25,tips:"25km",length:10,frequency:6,models:["ecmwf_wam025"],categories:"ecmwf_wam025",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:6,name:"GFSWave",alias:"GFS",model:"ncep_gfswave025",provider:"NCEP",country:"USA",resolution:25,tips:"25km",length:10,frequency:6,models:["ncep_gfswave025","ncep_gfswave016"],categories:"ncep_gfswave025,ncep_gfswave016",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:7,disabled:!0,name:"ERA5-Ocean",alias:"ECMWF",model:"era5_ocean",provider:"Copernicus",country:"Europe",resolution:50,tips:"50km",length:-5,frequency:1,models:["era5_ocean"],categories:"copernicus_era5_ocean",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"}];class _o{static standardWeatherModels(){return Ie.filter(t=>!t.disabled&&t.alias)}static standardMarineModels(){return Re.filter(t=>!t.disabled&&t.alias)}static autoPickLayerModel(t,a="copernicus"){return a=a||"copernicus",a=a==null?void 0:a.toLowerCase(),a=["gfs","ecmwf","copernicus"].includes(a)?a:"copernicus",t=t==null?void 0:t.toLowerCase(),t==="gfs"?"gfs":["ec","ecmwf"].includes(t)?"ecmwf":["copernicus","cmems"].includes(t)?"copernicus":a}static autoPickPeerModel(t,a,r="copernicus"){if(a=this.autoPickLayerModel(a,r),ja.LayerHelper.WEATHER_LAYERS.reduce((i,l)=>l.atmos?i+l.weight:i,0)&t.weight){if(a==="copernicus")return"ecmwf"}else if(a==="ecmwf")return"copernicus";return a}static autoPickMeteoModel(t="best_match"){var a,r;t=t==null?void 0:t.toLowerCase(),t=t==="ec"?"ecmwf":t;const i=t.toLowerCase().split(","),l=[],s=[];for(const c of i){let n=Ie.find(d=>{var g,f,x;return((g=d.models)==null?void 0:g.includes(c))||((f=d.alias)==null?void 0:f.toLowerCase())===c||((x=d.name)==null?void 0:x.toLowerCase())===c}),h=Re.find(d=>{var g,f,x;return((g=d.models)==null?void 0:g.includes(c))||((f=d.alias)==null?void 0:f.toLowerCase())===c||((x=d.name)==null?void 0:x.toLowerCase())===c});n=n||Ie.find(d=>{var g,f;return((g=d.alias)==null?void 0:g.toLowerCase())===((f=h==null?void 0:h.alias)==null?void 0:f.toLowerCase())}),h=h||Re.find(d=>{var g,f;return((g=d.alias)==null?void 0:g.toLowerCase())===((f=n==null?void 0:n.alias)==null?void 0:f.toLowerCase())}),n=n||Ie[0],h=h||Re[0],l.push((a=n.models)!=null&&a.includes(c)?c:n.model),s.push((r=h.models)!=null&&r.includes(c)?c:h.model)}return{weatherModels:l.join(","),marineModels:s.join(",")}}static autoPickSubCategories(t){t=t.toUpperCase();const a=Ie.filter(l=>l.alias===t),r=Re.filter(l=>l.alias===t),i=[];return a.forEach(l=>{l.categories&&i.push(...l.categories.split(","))}),r.forEach(l=>{l.categories&&i.push(...l.categories.split(","))}),i}static pickHourly(t,a){var r,i,l,s,c,n,h,d,g,f,x,b,_,p,S,L,k,w,u,z,y,C,E,R,j,A,G,W,F,Q,$,ie,q,ee,re,te,oe,P,U,ce,he,fe,ye,pe,we,be,M,Y,Pe,ke,se,xe;const B=typeof a=="string"?v(a):a,ne=t==null?void 0:t.weather,Z=t==null?void 0:t.marine,X=v((i=(r=ne==null?void 0:ne[0])==null?void 0:r.hourly)==null?void 0:i.date).utc(),ve=X.clone().add((c=(s=(l=ne==null?void 0:ne[0])==null?void 0:l.hourly)==null?void 0:s.time)==null?void 0:c.at(0),"h"),Se=X.clone().add((d=(h=(n=ne==null?void 0:ne[0])==null?void 0:n.hourly)==null?void 0:h.time)==null?void 0:d.at(-1),"h"),Ne=[];if(B.isBetween(ve,Se,"millisecond","[]")){const N=B.utc().diff(ve,"h",!1);let me,ze;if(ne){let Le=0,Ce=0,D=0;for(const Te of ne){const I=Te==null?void 0:Te.hourly;for(let ge=N-(N-1)%3;ge<=N;ge++)Le+=(g=I==null?void 0:I.precipitation)==null?void 0:g.at(ge);for(let ge=N-(N-1)%6;ge<=N;ge++)Ce+=(f=I==null?void 0:I.precipitation)==null?void 0:f.at(ge);for(let ge=N-(N-1)%12;ge<=N;ge++)D+=(x=I==null?void 0:I.precipitation)==null?void 0:x.at(ge);me={temp:(b=I==null?void 0:I.temperature_2m)==null?void 0:b.at(N),apparentTemp:(_=I==null?void 0:I.apparent_temperature)==null?void 0:_.at(N),rh:(p=I==null?void 0:I.relative_humidity_2m)==null?void 0:p.at(N),dp:(S=I==null?void 0:I.dew_point_2m)==null?void 0:S.at(N),precip:{probability:(L=I==null?void 0:I.precipitation_probability)==null?void 0:L.at(N),sum:(k=I==null?void 0:I.precipitation)==null?void 0:k.at(N),sum1Hours:(w=I==null?void 0:I.precipitation)==null?void 0:w.at(N),sum3Hours:Math.round(Le*100)/100,sum6Hours:Math.round(Ce*100)/100,sum12Hours:Math.round(D*100)/100},pmsl:(u=I==null?void 0:I.pressure_msl)==null?void 0:u.at(N),psurf:(z=I==null?void 0:I.surface_pressure)==null?void 0:z.at(N),code:(y=I==null?void 0:I.weather_code)==null?void 0:y.at(N),visibility:this.m2nm((C=I==null?void 0:I.visibility)==null?void 0:C.at(N)),wind:{speed:(E=I==null?void 0:I.wind_speed_10m)==null?void 0:E.at(N),kts:(R=I==null?void 0:I.wind_speed_10m)==null?void 0:R.at(N),degree:(j=I==null?void 0:I.wind_direction_10m)==null?void 0:j.at(N),bearing:((A=I==null?void 0:I.wind_direction_10m)==null?void 0:A.at(N))!==null?(((G=I==null?void 0:I.wind_direction_10m)==null?void 0:G.at(N))+180)%360:null,gusts:(W=I==null?void 0:I.wind_gusts_10m)==null?void 0:W.at(N)},isDay:(F=I==null?void 0:I.is_day)==null?void 0:F.at(N)};const{name:Ee,url:Me,bg:Ve}=this.parseWeatherCode(me.code,me.isDay);me.name=Ee,me.url=Me,me.bg=Ve,me.wind.scale=this.beaufort(this.kts2ms(me.wind.kts)),me.wind.direction=this.degree2Direction(me.wind.degree),Ne.push({utc:ve.add(N,"h").format(),model:Te.model,weather:{...me}})}}if(Z){let Le=0;for(const Ce of Z){const D=Ce==null?void 0:Ce.hourly;ze={wave:{sig:{height:(Q=D==null?void 0:D.wave_height)==null?void 0:Q.at(N),degree:($=D==null?void 0:D.wave_direction)==null?void 0:$.at(N),bearing:((ie=D==null?void 0:D.wave_direction)==null?void 0:ie.at(N))!==null?(((q=D==null?void 0:D.wave_direction)==null?void 0:q.at(N))+180)%360:null,period:(ee=D==null?void 0:D.wave_period)==null?void 0:ee.at(N)},swell:{height:(re=D==null?void 0:D.swell_wave_height)==null?void 0:re.at(N),degree:(te=D==null?void 0:D.swell_wave_direction)==null?void 0:te.at(N),bearing:((oe=D==null?void 0:D.swell_wave_direction)==null?void 0:oe.at(N))!==null?(((P=D==null?void 0:D.swell_wave_direction)==null?void 0:P.at(N))+180)%360:null,period:(U=D==null?void 0:D.swell_wave_period)==null?void 0:U.at(N),peakPeriod:(ce=D==null?void 0:D.swell_wave_peak_period)==null?void 0:ce.at(N)},wd:{height:(he=D==null?void 0:D.wind_wave_height)==null?void 0:he.at(N),degree:(fe=D==null?void 0:D.wind_wave_direction)==null?void 0:fe.at(N),bearing:((ye=D==null?void 0:D.wind_wave_direction)==null?void 0:ye.at(N))!==null?(((pe=D==null?void 0:D.wind_wave_direction)==null?void 0:pe.at(N))+180)%360:null,period:(we=D==null?void 0:D.wind_wave_period)==null?void 0:we.at(N),peakPeriod:(be=D==null?void 0:D.wind_wave_peak_period)==null?void 0:be.at(N)}},current:{speed:(M=D==null?void 0:D.ocean_current_velocity)==null?void 0:M.at(N),kts:(Y=D==null?void 0:D.ocean_current_velocity)==null?void 0:Y.at(N),degree:(Pe=D==null?void 0:D.ocean_current_direction)==null?void 0:Pe.at(N),bearing:((ke=D==null?void 0:D.ocean_current_direction)==null?void 0:ke.at(N))??null},sst:(se=D==null?void 0:D.sea_surface_temperature)==null?void 0:se.at(N),height:(xe=D==null?void 0:D.sea_level_height_msl)==null?void 0:xe.at(N)},ze.wave=this.parseWave(ze.wave,me==null?void 0:me.wind),ze.current.direction=this.degree2Direction(ze.current.degree),Object.assign(Ne[Le],ze),Le++}}}return Ne}static toLegacy(t){var a,r,i,l,s,c,n,h,d,g;return{wind:(a=t==null?void 0:t.weather)==null?void 0:a.wind,visibility:(r=t==null?void 0:t.weather)==null?void 0:r.visibility,temp:(i=t==null?void 0:t.weather)==null?void 0:i.temp,prmsl:(l=t==null?void 0:t.weather)==null?void 0:l.pmsl,gusts:{kts:(c=(s=t==null?void 0:t.weather)==null?void 0:s.wind)==null?void 0:c.gusts},precip:(n=t==null?void 0:t.weather)==null?void 0:n.precip,code:(h=t==null?void 0:t.weather)==null?void 0:h.code,name:(d=t==null?void 0:t.weather)==null?void 0:d.name,url:(g=t==null?void 0:t.weather)==null?void 0:g.url,wave:t==null?void 0:t.wave,current:t==null?void 0:t.current,sst:t==null?void 0:t.sst,height:t==null?void 0:t.height,utc:t==null?void 0:t.utc,source:t==null?void 0:t.model}}static pickDaily(t,a){var r,i,l,s,c,n,h,d,g,f,x,b,_,p,S,L,k,w,u,z,y,C,E,R,j,A,G,W,F,Q,$,ie,q,ee,re,te,oe,P,U,ce,he,fe,ye,pe;const we=typeof a=="string"?v(a):a,be=t==null?void 0:t.weather,M=t==null?void 0:t.marine,Y=v((l=(i=(r=be==null?void 0:be[0])==null?void 0:r.daily)==null?void 0:i.time)==null?void 0:l.at(0)),Pe=v((n=(c=(s=be==null?void 0:be[0])==null?void 0:s.daily)==null?void 0:c.time)==null?void 0:n.at(-1)),ke=[];if(we.isBetween(Y,Pe,"millisecond","[]")){let se,xe;const B=we.diff(Y,"d",!1);if(be)for(const ne of be){const Z=ne.daily;se={code:(h=Z.weather_code)==null?void 0:h.at(B),temp:{max:(d=Z.temperature_2m_max)==null?void 0:d.at(B),min:(g=Z.temperature_2m_min)==null?void 0:g.at(B),mean:(f=Z.temperature_2m_mean)==null?void 0:f.at(B)},apparentTemp:{max:(x=Z.apparent_temperature_max)==null?void 0:x.at(B),min:(b=Z.apparent_temperature_min)==null?void 0:b.at(B)},precip:{sum:(_=Z.precipitation_sum)==null?void 0:_.at(B),rainSum:(p=Z.rain_sum)==null?void 0:p.at(B),snowfallSum:(S=Z.snowfall_sum)==null?void 0:S.at(B),showersSum:(L=Z.showers_sum)==null?void 0:L.at(B),hours:(k=Z.precipitation_hours)==null?void 0:k.at(B),probability:(w=Z.precipitation_probability_max)==null?void 0:w.at(B)},rh:{max:(u=Z.relative_humidity_2m_max)==null?void 0:u.at(B),min:(z=Z.relative_humidity_2m_min)==null?void 0:z.at(B),mean:(y=Z.relative_humidity_2m_mean)==null?void 0:y.at(B)},wind:{speed:(C=Z.wind_speed_10m_max)==null?void 0:C.at(B),kts:(E=Z.wind_speed_10m_max)==null?void 0:E.at(B),degree:(R=Z.wind_direction_10m_dominant)==null?void 0:R.at(B),gusts:(j=Z.wind_gusts_10m_max)==null?void 0:j.at(B),bearing:((A=Z.wind_direction_10m_dominant)==null?void 0:A.at(B))!==null?(((G=Z.wind_direction_10m_dominant)==null?void 0:G.at(B))+180)%360:null}};const{name:X,url:ve,bg:Se}=this.parseWeatherCode(se.code,!0);se.name=X,se.url=ve,se.bg=Se,se.wind.scale=this.beaufort(this.kts2ms(se.wind.kts)),se.wind.direction=this.degree2Direction(se.wind.degree),ke.push({utc:Y.add(B,"d").utc().format(),model:ne.model,weather:{...se}})}if(M){let ne=0;for(const Z of M){const X=Z.daily;xe={wave:{sig:{height:(W=X.wave_height_max)==null?void 0:W.at(B),degree:(F=X.wave_direction_dominant)==null?void 0:F.at(B),period:(Q=X.wave_period_max)==null?void 0:Q.at(B),bearing:(($=X.wave_direction_dominant)==null?void 0:$.at(B))!==null?(((ie=X.wave_direction_dominant)==null?void 0:ie.at(B))+180)%360:null},swell:{height:(q=X.swell_wave_height_max)==null?void 0:q.at(B),degree:(ee=X.swell_wave_direction_dominant)==null?void 0:ee.at(B),period:(re=X.swell_wave_period_max)==null?void 0:re.at(B),peakPeriod:(te=X.swell_wave_peak_period_max)==null?void 0:te.at(B),bearing:((oe=X.swell_wave_direction_dominant)==null?void 0:oe.at(B))!==null?((P=X.swell_wave_direction_dominant)==null?void 0:P.at(B))%360:null},wd:{height:(U=X.wind_wave_height_max)==null?void 0:U.at(B),degree:(ce=X.wind_wave_direction_dominant)==null?void 0:ce.at(B),period:(he=X.wind_wave_period_max)==null?void 0:he.at(B),peakPeriod:(fe=X.wind_wave_peak_period_max)==null?void 0:fe.at(B),bearing:((ye=X.wind_wave_direction_dominant)==null?void 0:ye.at(B))!==null?(((pe=X.wind_wave_direction_dominant)==null?void 0:pe.at(B))+180)%360:null}}},xe.wave=this.parseWave(xe.wave,se==null?void 0:se.wind),Object.assign(ke[ne],xe),ne++}}}return ke}static parseWave(t,a){if(t.sig.direction=this.degree2Direction(t.sig.degree),t.swell.direction=this.degree2Direction(t.swell.degree),t.wd.direction=this.degree2Direction(t.wd.degree),t.sig.scale=this.douglas(t.sig.height),t.swell.scale=this.douglas(t.swell.height),t.wd.scale=this.douglas(t.wd.height),t.sig.height===0){const r=Math.sqrt(Math.pow(t.swell.height||0,2)+Math.pow(t.wd.height||0,2));t.sig.height=Math.round(r*100)/100}if(t.swell.height===0)if(t.sig.height>t.wd.height){const r=Math.sqrt(Math.abs(Math.pow(t.sig.height||0,2)-Math.pow(t.wd.height||0,2)));t.swell.height=Math.round(r*100)/100}else{const r=Math.round(.12*this.kts2ms((a==null?void 0:a.kts)||0)*100)/100,i=r>1?r/10:r>.5?r/5:r>.3?r/2:r;t.swell.height=Math.round(i*100)/100}if(t.wd.height===0||t.wd.height>t.sig.height)if(t.sig.height>t.swell.height){const r=Math.sqrt(Math.abs(Math.pow(t.sig.height||0,2)-Math.pow(t.swell.height||0,2))),i=.24*this.kts2ms((a==null?void 0:a.kts)||0);t.wd.height=Math.round(Math.min(r,i)*100)/100}else{const r=.24*this.kts2ms((a==null?void 0:a.kts)||0);t.wd.height=Math.round(r*100)/100}return t.swell.height>t.sig.height&&(t.swell.height=Math.round(t.sig.height*.76*100)/100),t.sig.period||(t.sig.period=Math.round(5*Math.sqrt(t.sig.height))),t.swell.period||(t.swell.period=Math.round(5*Math.sqrt(t.swell.height))),t.wd.period||(t.wd.period=Math.round(5*Math.sqrt(t.wd.height))),t}static parseWeatherCode(t,a){const r=this.weatherCode(t);return(a?r.day:r.night)||{}}static weatherCode(t){const a={code:t};switch(t){case 0:a.day={name:"Sunny",url:"https://osshz.idmwx.com/asset/weather/01d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg1.png"},a.night={name:"Clear",url:"https://osshz.idmwx.com/asset/weather/01n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg1.png"};break;case 1:a.day={name:"Mainly Sunny",url:"https://osshz.idmwx.com/asset/weather/01d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg1.png"},a.night={name:"Mainly Clear",url:"https://osshz.idmwx.com/asset/weather/01n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg1.png"};break;case 2:a.day={name:"Partly Cloudy",url:"https://osshz.idmwx.com/asset/weather/02d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg2.png"},a.night={name:"Partly Cloudy",url:"https://osshz.idmwx.com/asset/weather/02n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg2.png"};break;case 3:a.day={name:"Overcast",url:"https://osshz.idmwx.com/asset/weather/04d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg3.png"},a.night={name:"Overcast",url:"https://osshz.idmwx.com/asset/weather/04n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg3.png"};break;case 45:a.day={name:"Foggy",url:"https://osshz.idmwx.com/asset/weather/50d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg4.png"},a.night={name:"Foggy",url:"https://osshz.idmwx.com/asset/weather/50n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg4.png"};break;case 48:a.day={name:"Rime Fog",url:"https://osshz.idmwx.com/asset/weather/50d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg4.png"},a.night={name:"Rime Fog",url:"https://osshz.idmwx.com/asset/weather/50n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg4.png"};break;case 51:a.day={name:"Light Drizzle",url:"https://osshz.idmwx.com/asset/weather/14d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Drizzle",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 53:a.day={name:"Drizzle",url:"https://osshz.idmwx.com/asset/weather/14d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Drizzle",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 55:a.day={name:"Heavy Drizzle",url:"https://osshz.idmwx.com/asset/weather/15d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Heavy Drizzle",url:"https://osshz.idmwx.com/asset/weather/15n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 56:a.day={name:"Light Freezing Drizzle",url:"https://osshz.idmwx.com/asset/weather/14d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Freezing Drizzle",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 57:a.day={name:"Freezing Drizzle",url:"https://osshz.idmwx.com/asset/weather/14d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Freezing Drizzle",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 61:a.day={name:"Light Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 63:a.day={name:"Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 65:a.day={name:"Heavy Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Heavy Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 66:a.day={name:"Light Freezing Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Freezing Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 67:a.day={name:"Freezing Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Freezing Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 71:a.day={name:"Light Snow",url:"https://osshz.idmwx.com/asset/weather/17d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Light Snow",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 73:a.day={name:"Snow",url:"https://osshz.idmwx.com/asset/weather/17d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Snow",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 75:a.day={name:"Heavy Snow",url:"https://osshz.idmwx.com/asset/weather/17d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Heavy Snow",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 77:a.day={name:"Snow Grains",url:"https://osshz.idmwx.com/asset/weather/17d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Snow Grains",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 80:a.day={name:"Light Showers",url:"https://osshz.idmwx.com/asset/weather/09d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Showers",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 81:a.day={name:"Showers",url:"https://osshz.idmwx.com/asset/weather/09d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Showers",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 82:a.day={name:"Heavy Showers",url:"https://osshz.idmwx.com/asset/weather/09d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Heavy Showers",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 85:a.day={name:"Light Snow Showers",url:"https://osshz.idmwx.com/asset/weather/13d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Light Snow Showers",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 86:a.day={name:"Snow Showers",url:"https://osshz.idmwx.com/asset/weather/13d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Snow Showers",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 95:a.day={name:"Thunderstorm",url:"https://osshz.idmwx.com/asset/weather/11d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Thunderstorm",url:"https://osshz.idmwx.com/asset/weather/11n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 96:a.day={name:"Light Thunderstorms With Hail",url:"https://osshz.idmwx.com/asset/weather/11d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Thunderstorms With Hail",url:"https://osshz.idmwx.com/asset/weather/11n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 99:a.day={name:"Thunderstorms With Hail",url:"https://osshz.idmwx.com/asset/weather/11d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Thunderstorms With Hail",url:"https://osshz.idmwx.com/asset/weather/11n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break}return a}static kts2ms(t){return isNaN(t)||t===null?t:Math.round(t*1852/3600*1e4)/1e4}static kts2kmh(t){return isNaN(t)||t===null?t:t*1.852}static m2nm(t){return isNaN(t)||t===null?t:Math.round(t/1e3/1.852*1e4)/1e4}static kmh2kts(t){return isNaN(t)||t===null?t:this.ms2kts(t*1e3/3600)}static ms2kts(t){return isNaN(t)||t===null?t:Math.round(t*3600/1852*1e4)/1e4}static degree2Radian(t){if(isNaN(t)||t===null)return t;let a=t%360/360*2*Math.PI;return a=a<0?a+2*Math.PI:a,a}static degree2Direction(t){const a=this.degree2Radian(t);if(isNaN(a)||a===null)return null;let r="N/A";const i=Math.PI/16;return a<i?r="N":a>=i&&a<3*i?r="NNE":a>=3*i&&a<5*i?r="NE":a>=5*i&&a<7*i?r="ENE":a>=7*i&&a<9*i?r="E":a>=9*i&&a<11*i?r="ESE":a>=11*i&&a<13*i?r="SE":a>=13*i&&a<15*i?r="SSE":a>=15*i&&a<17*i?r="S":a>=17*i&&a<19*i?r="SSW":a>=19*i&&a<21*i?r="SW":a>=21*i&&a<23*i?r="WSW":a>=23*i&&a<25*i?r="W":a>=25*i&&a<27*i?r="WNW":a>=27*i&&a<29*i?r="NW":a>=29*i&&a<31*i?r="NNW":a>=31*i&&a<32*i&&(r="N"),r}static beaufort(t){let a=0;return isNaN(t)||(t=Math.round(t*10)/10,t<=.2?a=0:t<=1.5?a=1:t<=3.3?a=2:t<=5.4?a=3:t<=7.9?a=4:t<=10.7?a=5:t<=13.8?a=6:t<=17.1?a=7:t<=20.7?a=8:t<=22.4?a=9:t<=28.4?a=10:t<=32.6?a=11:t<=36.9?a=12:t<=41.4?a=13:t<=46.1?a=14:t<=50.9?a=15:t<=55.9?a=16:t<=61.2?a=17:t>61.2&&(a=18)),a}static douglas(t){let a="Calm";return isNaN(t)||t<=.1?a="Calm":t<=.5?a="Smooth":t<=1.25?a="Slight":t<=2.5?a="Moderate":t<=4?a="Rough":t<=6?a="VeryRough":t<=9?a="High":t<=14?a="VeryHigh":a="Precipitous",a}}const rh="",Gn={name:"IdmTropicals",props:{simple:{type:Boolean,default:!1},permission:{type:Number},locale:{type:String},map:{type:Object},top:{type:Number,default:60},paddingTop:{type:Number,default:48},menuToggle:{type:Object,default:{}},timeZone:{type:Number},token:{type:String},defaultMeteoToken:{type:String},gateway:{type:String,default:"aa"},assistGateway:{type:Array,default:[]},forecastModel:{type:String},realTime:{type:String},beforeLayer:{type:String}},emits:["tropical","tropicalCenterPoints","tropicalProbability","tropicalNotification"],setup(){return{Theme:le.useTheme()}},data(){return{right:10,toggle:!1,helper:Be.CompanyHelper,tropicals:void 0,tropicalCacheKey:"tropicalCacheGL4",source:"tropicals-source",clusterSource:"tropicals-cluster-source",historyLayer:"tropicals-history-layer",forecastLayer:"tropicals-forecast-layer",forecastModelLayer:"tropicals-forecast-model-layer",forecastNameLayer:"tropicals-forecast-name-layer",pointCircleLayer:"tropicals-point-circle-layer",pointLabelLayer:"tropicals-point-label-layer",historyPointCircleLayer:"history-tropicals-point-circle-layer",historyPointLabelLayer:"history-tropicals-point-label-layer",interpolateData:[],interpolateMarkers:[],interpolateSource:"tropicals-interpolate-source",interpolateLineLayer:"tropicals-interpolate-line-layer",showTropicalsInfo:!1,activeTropicals:void 0,activeTropicalsMarker:void 0,empty:V.featureCollection([]),showLegend:!1,showHoverPoint:!1,hoverPoint:void 0,hoverMarker:void 0}},computed:{hoverLayers(){return[this.forecastNameLayer,this.forecastLayer,this.historyLayer,this.pointCircleLayer,this.pointCircleLayer+"-border",this.historyPointCircleLayer,this.historyPointCircleLayer+"-border",this.historyPointCircleLayer+"-inner"]},clickLayers(){return[this.forecastNameLayer,this.historyLayer]},computeTime(){return(o,t)=>{if(o){const a=v(o).utcOffset(t),r=t<0?t:"+"+t;return`${a==null?void 0:a.format("MMM-DD/HHmm")} (UTC${r}) ${a==null?void 0:a.fromNow()} `}return"-"}},computeTzTime(){return(o,t,a="MM-DD HH:mm")=>{var r,i;if(o){const l=t||0,s=(i=(r=v(o))==null?void 0:r.utcOffset(l))==null?void 0:i.format(a),c=`(UTC ${l>=0?"+":""}${l})`;return s+" "+c}return"-"}},computeTimezone(){return this.timeZone<0?this.timeZone:"+"+this.timeZone},computeBF(){return function(o){const t=_o.kts2ms(o);return _o.beaufort(t)}},computeMovement(){return function(o){var t,a;return(a=(t=o==null?void 0:o.forecasts)==null?void 0:t.find(r=>!r.disabled))==null?void 0:a.movement}},computePosition(){return o=>!o||o.lng===null||o.lng===void 0||isNaN(o.lng)||o.lat===null||o.lat===void 0||isNaN(o.lat)?"-":T.LngLatHelper.lat2pretty(o==null?void 0:o.lat,2).pretty+" / "+T.LngLatHelper.lng2pretty(o==null?void 0:o.lng,2).pretty}},watch:{"menuToggle.v":{handler(){this.$nextTick(()=>{var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)})},immediate:!0},map:{handler(){this.map?(this.toggle=localStorage.getItem(this.tropicalCacheKey)==="true"||!1,localStorage.setItem(this.tropicalCacheKey,this.toggle),this.toggle&&this.fetchTropicals()):this.handleClear()}},showTropicalsInfo:{handler(){this.$emit("tropical",this.showTropicalsInfo)},immediate:!0},"tropicals.version":{handler(){this.handleRefresh()}},timeZone:{handler(o,t){o!==t&&this.handleRefresh()}},realTime:{handler(o){this.map&&o&&this.toggle&&this.handleRender()}},locale:{handler(o){this.map&&this.toggle&&this.handleRefresh()}}},mounted(){},methods:{handleMenuToggle(){var o,t,a;this.toggle=!this.toggle,localStorage.setItem(this.tropicalCacheKey,this.toggle),this.toggle?this.fetchTropicals():(this.handleClear(),(a=(t=(o=this.$parent)==null?void 0:o.$refs)==null?void 0:t.idmBottomBar)==null||a.handleToggle("tropical",!1))},async fetchTropicals(){var i,l,s;const o=new Date().valueOf();let t=0,a=0,r=(i=Be.LayerHelper.WEATHER_LAYERS.find(c=>c.key==="tropicals"))==null?void 0:i.weight;if(r>0){const c=this.assistGateway[Math.round(Math.random()*(this.assistGateway.length-1))],n=await J.get(`${c}/api/arc/weather/layers2/links?l=${r}&v=${this.forecastModel}&t=${this.realTime}`,{headers:{Authorization:this.defaultMeteoToken}});if(a=new Date().valueOf()-(o+t),console.log("weather links elapsed: ",a,", total: ",t+=a),((l=n==null?void 0:n.data)==null?void 0:l.code)===0){const h=(s=n==null?void 0:n.data)==null?void 0:s.data;await J.get(h.tropicals,{headers:{Authorization:this.defaultMeteoToken,key:"tropicals"},responseType:/\.(jpg|png)$/.test(h.tropicals)?"blob":"json"}).then(d=>{var x,b,_;const g=T.TropicalHelper.convert2Geojson(((x=d==null?void 0:d.data)==null?void 0:x.data)||(d==null?void 0:d.data));((_=(b=d==null?void 0:d.config)==null?void 0:b.headers)==null?void 0:_.key)&&g&&(this.tropicals={data:g,active:!0,cached:!0,type:"json",etime:n.data.etime,version:Math.random()+1})}).catch(d=>{console.log(`[${key}] fetch layer error: ${d}`)})}a=new Date().valueOf()-(o+t),console.log("tropicals elapsed: ",a,", total: ",t+=a)}},handleRefresh(){var t,a;(((a=(t=this.tropicals)==null?void 0:t.data)==null?void 0:a.features)||[]).forEach(r=>{var i,l,s,c,n,h,d,g,f,x,b,_,p,S,L,k,w,u,z,y;if(((i=r.geometry)==null?void 0:i.type)==="Point"){let C="";switch(!0){case(((l=r.properties.wind)==null?void 0:l.kts)<32||((s=r.properties)==null?void 0:s.kts)<32):C="TD";break;case(((c=r.properties.wind)==null?void 0:c.kts)<47||((n=r.properties)==null?void 0:n.kts)<47):C="TS";break;case(((h=r.properties.wind)==null?void 0:h.kts)<63||((d=r.properties)==null?void 0:d.kts)<63):C="STS";break;case(((g=r.properties.wind)==null?void 0:g.kts)<79||((f=r.properties)==null?void 0:f.kts)<79):C="TY";break;case(((x=r.properties.wind)==null?void 0:x.kts)<94||((b=r.properties)==null?void 0:b.kts)<94):C="STY";break;case(((_=r.properties.wind)==null?void 0:_.kts)>=94||((p=r.properties)==null?void 0:p.kts)>=94):C="Super TY";break;default:C="Super TY";break}r.properties.level=C}((S=r.geometry)==null?void 0:S.type)==="Point"&&((L=r.properties)!=null&&L.important)&&(r.properties.format=(w=(k=v(r.properties.date))==null?void 0:k.utcOffset(this.timeZone))==null?void 0:w.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`)),((u=r.geometry)==null?void 0:u.type)==="Point"&&(r.properties.Name=((y=(z=r.properties.name)==null?void 0:z.trim())==null?void 0:y.replace(/^./,C=>C.toUpperCase()))||r.properties.nameCn,r.properties.nameCn=r.properties.nameCn||r.properties.Name||"-")}),this.handleInit()},handleInit(){var o,t,a,r,i,l,s,c,n,h,d,g;this.handleClear(),this.tropicals&&this.map&&(this.handleRender(),(o=this.map)==null||o.on("click",this.clickLayers,this.handleClick),(t=this.map)==null||t.on("mousemove",this.hoverLayers,this.handleHover),(a=this.map)==null||a.on("mouseleave",this.hoverLayers,this.handleLeave)),((l=(i=(r=this.tropicals)==null?void 0:r.data)==null?void 0:i.features)==null?void 0:l.length)>0?(n=(c=(s=this.$parent)==null?void 0:s.$refs)==null?void 0:c.idmBottomBar)==null||n.handleToggle("tropical",!0):(g=(d=(h=this.$parent)==null?void 0:h.$refs)==null?void 0:d.idmBottomBar)==null||g.handleToggle("tropical",!1)},handleRender(){var o,t,a,r,i,l,s,c,n,h;if(this.tropicals&&this.map){const d=new Date().valueOf();let g=0,f=0;(o=this.map)!=null&&o.getSource(this.source)?((a=this.map)==null||a.getSource(this.source).setData((t=this.tropicals)!=null&&t.active?this.tropicals.data:this.empty),f=new Date().valueOf()-(d+g),console.log("[tropicals] update elapsed: ",f,", total: ",g+=f)):(this.map.addSource(this.source,{type:"geojson",data:(r=this.tropicals)!=null&&r.active?(i=this.tropicals)==null?void 0:i.data:this.empty}),this.map.addLayer({id:this.historyLayer,type:"line",source:this.source,filter:["all",["==","$type","LineString"],["==","type","history"],["!=","disabled",!0]],layout:{"line-cap":"round","line-join":"round"},paint:{"line-color":this.Theme.current.value.colors["on-surface"],"line-width":3,"line-opacity":.7}},this.beforeLayer),this.map.addLayer({id:this.forecastLayer,type:"line",source:this.source,filter:["all",["==","$type","LineString"],["==","type","forecast"],["!=","disabled",!0]],layout:{"line-cap":"round","line-join":"round"},paint:{"line-color":["match",["get","model"],"cma",this.Theme.current.value.colors["tropicals-cma"],"jma",this.Theme.current.value.colors["tropicals-jma"],"ecmwf",this.Theme.current.value.colors["tropicals-ecmwf"],"ukm",this.Theme.current.value.colors["tropicals-ukm"],"noaa-at",this.Theme.current.value.colors["tropicals-noaa-at"],"noaa-ep",this.Theme.current.value.colors["tropicals-noaa-ep"],this.Theme.current.value.colors["tropicals-noaa-other"]],"line-width":2,"line-opacity":1,"line-dasharray":[1,2]}},this.beforeLayer),this.map.addLayer({id:this.forecastModelLayer,type:"symbol",source:this.source,filter:["all",["==","$type","LineString"],["==","type","forecast"],["!=","disabled",!0]],layout:{"symbol-placement":"line","text-field":"{model}","text-rotation-alignment":"viewport","text-size":12},paint:{"text-color":this.Theme.current.value.dark?"#333":"#fff","text-opacity":1,"text-halo-color":["match",["get","model"],"cma",this.Theme.current.value.colors["tropicals-cma"],"jma",this.Theme.current.value.colors["tropicals-jma"],"ecmwf",this.Theme.current.value.colors["tropicals-ecmwf"],"ukm",this.Theme.current.value.colors["tropicals-ukm"],"noaa-at",this.Theme.current.value.colors["tropicals-noaa-at"],"noaa-ep",this.Theme.current.value.colors["tropicals-noaa-ep"],this.Theme.current.value.colors["tropicals-noaa-other"]],"text-halo-width":4}},this.beforeLayer),f=new Date().valueOf()-(d+g),console.log("[tropical] add elapsed: ",f,", total: ",g+=f)),(l=this.map)!=null&&l.getSource(this.clusterSource)?((c=this.map)==null||c.getSource(this.clusterSource).setData((s=this.tropicals)!=null&&s.active?this.tropicals.data:this.empty),f=new Date().valueOf()-(d+g),console.log("[tropical] update elapsed: ",f,", total: ",g+=f)):(this.map.addSource(this.clusterSource,{type:"geojson",data:(n=this.tropicals)!=null&&n.active?(h=this.tropicals)==null?void 0:h.data:this.empty}),this.map.addLayer({id:this.pointCircleLayer+"-border",type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","forecast"],["!=","disabled",!0]],paint:{"circle-radius":5,"circle-color":this.Theme.current.value.colors["on-surface"]}},this.beforeLayer),this.map.addLayer({id:this.pointCircleLayer,type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","forecast"],["!=","disabled",!0]],paint:{"circle-radius":4,"circle-color":["case",["boolean",["==",["get","kts",["get","wind"]],null]],this.Theme.current.value.colors["tropicals-td"],["boolean",["<",["get","kts",["get","wind"]],32]],this.Theme.current.value.colors["tropicals-td"],["boolean",["<",["get","kts",["get","wind"]],47]],this.Theme.current.value.colors["tropicals-ts"],["boolean",["<",["get","kts",["get","wind"]],63]],this.Theme.current.value.colors["tropicals-sts"],["boolean",["<",["get","kts",["get","wind"]],79]],this.Theme.current.value.colors["tropicals-ty"],["boolean",["<",["get","kts",["get","wind"]],94]],this.Theme.current.value.colors["tropicals-sty"],["boolean",[">=",["get","kts",["get","wind"]],94]],this.Theme.current.value.colors["tropicals-super-ty"],"#fff"]}},this.beforeLayer),this.map.addLayer({id:this.pointLabelLayer,type:"symbol",source:this.clusterSource,minzoom:5,filter:["all",["==","$type","Point"],["==","type","forecast"],["!=","disabled",!0]],layout:{"text-field":["get","format"],"text-offset":[1,0],"text-anchor":"left","text-size":10},paint:{"text-color":this.Theme.current.value.colors["on-surface"]}},this.beforeLayer),this.map.addLayer({id:this.historyPointCircleLayer+"-border",type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","history"],["==","important",!0],["!=","disabled",!0]],paint:{"circle-radius":6,"circle-color":"#fff"}},this.beforeLayer),this.map.addLayer({id:this.historyPointCircleLayer,type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","history"],["==","important",!0],["!=","disabled",!0]],paint:{"circle-radius":5,"circle-color":"rgba(0,0,0,0.7)"}},this.beforeLayer),this.map.addLayer({id:this.historyPointCircleLayer+"-inner",type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","history"],["==","important",!0],["!=","disabled",!0]],paint:{"circle-radius":3,"circle-color":"#fff"}},this.beforeLayer),this.map.addLayer({id:this.historyPointLabelLayer,type:"symbol",source:this.clusterSource,minzoom:5,filter:["all",["==","$type","Point"],["==","type","history"],["==","important",!0],["!=","disabled",!0]],layout:{"text-field":["get","format"],"text-offset":[1,0],"text-anchor":"left","text-size":10},paint:{"text-color":this.Theme.current.value.colors["on-surface"]}},this.beforeLayer),this.map.addLayer({id:this.forecastNameLayer,type:"symbol",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","forecast"],["==","important",!0]],layout:{"text-field":["get",this.locale==="en"?"Name":"nameCn"],"text-anchor":"bottom","text-size":16,"text-allow-overlap":!0,"text-ignore-placement":!0,"text-font":["DIN Pro Regular","Arial Unicode MS Regular"],"text-offset":[0,2]},paint:{"text-color":this.Theme.current.value.colors["map-blue"],"text-halo-color":"#ffffff","text-halo-width":2}},this.beforeLayer),f=new Date().valueOf()-(d+g),console.log("[tropical] add elapsed: ",f,", total: ",g+=f));const x=T.TropicalHelper.interpolate(this.tropicals,1);this.interpolateData=JSON.parse(JSON.stringify(x)),this.handleDateChange()}},handleClear(){var o,t,a,r;this.map&&(this.map.getLayer(this.historyLayer)&&this.map.removeLayer(this.historyLayer),this.map.getLayer(this.forecastLayer)&&this.map.removeLayer(this.forecastLayer),this.map.getLayer(this.forecastModelLayer)&&this.map.removeLayer(this.forecastModelLayer),this.map.getLayer(this.forecastNameLayer)&&this.map.removeLayer(this.forecastNameLayer),this.map.getLayer(this.pointCircleLayer)&&this.map.removeLayer(this.pointCircleLayer),this.map.getLayer(this.pointCircleLayer+"-border")&&this.map.removeLayer(this.pointCircleLayer+"-border"),this.map.getLayer(this.pointLabelLayer)&&this.map.removeLayer(this.pointLabelLayer),this.map.getLayer(this.historyPointCircleLayer)&&this.map.removeLayer(this.historyPointCircleLayer),this.map.getLayer(this.historyPointCircleLayer+"-border")&&this.map.removeLayer(this.historyPointCircleLayer+"-border"),this.map.getLayer(this.historyPointCircleLayer+"-inner")&&this.map.removeLayer(this.historyPointCircleLayer+"-inner"),this.map.getLayer(this.historyPointLabelLayer)&&this.map.removeLayer(this.historyPointLabelLayer),this.map.getLayer(this.interpolateLineLayer)&&this.map.removeLayer(this.interpolateLineLayer),(o=this.interpolateMarkers)==null||o.forEach(i=>i==null?void 0:i.remove()),this.map.getSource(this.source)&&this.map.removeSource(this.source),this.map.getSource(this.clusterSource)&&this.map.removeSource(this.clusterSource),this.map.getSource(this.interpolateSource)&&this.map.removeSource(this.interpolateSource)),(t=this.map)==null||t.off("click",this.clickLayers,this.handleClick),(a=this.map)==null||a.off("mousemove",this.hoverLayers,this.handleHover),(r=this.map)==null||r.off("mouseleave",this.hoverLayers,this.handleLeave),this.handleCloseInfoMarker()},handleDateChange(){var o,t,a,r,i,l,s,c,n,h,d,g,f,x,b,_,p,S,L,k,w,u,z,y,C,E,R,j,A,G,W,F,Q,$,ie;if((o=this.interpolateMarkers)==null||o.forEach(q=>q==null?void 0:q.remove()),(t=this.interpolateData)!=null&&t.length&&this.tropicals.active){const q=v(this.realTime).utc().set({minute:0,second:0,millisecond:0}),ee=this.interpolateData.filter(P=>P.properties.date===(q==null?void 0:q.format())&&!P.properties.disabled),re=this.handleComputePolygons(ee),te=V.featureCollection([...ee]);re.forEach(P=>{te.features.push(P)}),(a=this.map)!=null&&a.getSource(this.interpolateSource)?(r=this.map)==null||r.getSource(this.interpolateSource).setData(te):((i=this.map)==null||i.addSource(this.interpolateSource,{type:"geojson",data:te}),(l=this.map)==null||l.addLayer({id:this.interpolateLineLayer,type:"line",source:this.interpolateSource,filter:["all",["==","$type","Polygon"],["!=","disabled",!0]],paint:{"line-opacity":1,"line-color":["match",["get","level"],7,this.Theme.current.value.colors["tropicals-r7"],10,this.Theme.current.value.colors["tropicals-r10"],this.Theme.current.value.colors["tropicals-r10"]],"line-width":1}},"empty-layer-3")),this.interpolateMarkers=[];const oe=[];for(const P of ee)if(!P.properties.disabled){if(!oe.some(ye=>{var pe;return ye.properties.name===((pe=P.properties)==null?void 0:pe.name)})){const ye=((c=(s=this.tropicals.data.features.find(pe=>{var we;return pe.properties.name===((we=P.properties)==null?void 0:we.name)}))==null?void 0:s.properties)==null?void 0:c.nameCn)||((n=P.properties)==null?void 0:n.Name)||"-";P.properties.nameCn=ye,P.properties.Name=((d=(h=P.properties.name)==null?void 0:h.trim())==null?void 0:d.replace(/^./,pe=>pe.toUpperCase()))||P.properties.nameCn,oe.push(P)}let U=this.Theme.current.value.colors["tropicals-ty"];((f=(g=P.properties)==null?void 0:g.wind)==null?void 0:f.kts)<32||!((b=(x=P.properties)==null?void 0:x.wind)!=null&&b.kts)?U=this.Theme.current.value.colors["tropicals-td"]:((p=(_=P.properties)==null?void 0:_.wind)==null?void 0:p.kts)>=32&&((L=(S=P.properties)==null?void 0:S.wind)==null?void 0:L.kts)<47?U=this.Theme.current.value.colors["tropicals-ts"]:((w=(k=P.properties)==null?void 0:k.wind)==null?void 0:w.kts)>=47&&((z=(u=P.properties)==null?void 0:u.wind)==null?void 0:z.kts)<63?U=this.Theme.current.value.colors["tropicals-sts"]:((C=(y=P.properties)==null?void 0:y.wind)==null?void 0:C.kts)>=63&&((R=(E=P.properties)==null?void 0:E.wind)==null?void 0:R.kts)<79?U=this.Theme.current.value.colors["tropicals-ty"]:((A=(j=P.properties)==null?void 0:j.wind)==null?void 0:A.kts)>=79&&((W=(G=P.properties)==null?void 0:G.wind)==null?void 0:W.kts)<94?U=this.Theme.current.value.colors["tropicals-sty"]:((Q=(F=P.properties)==null?void 0:F.wind)==null?void 0:Q.kts)>=94?U=this.Theme.current.value.colors["tropicals-super-ty"]:U=this.Theme.current.value.colors["tropicals-ty"];const ce=`<svg t="1719918955501"
203
+ `,["get","val"],{"font-scale":1}],"text-rotation-alignment":"map","text-line-height":1.3,"text-size":12,"text-font":["DIN Pro Regular","Arial Unicode MS Regular"]},paint:{"text-color":this.theme==="light"?["step",["get","val"],"rgba(0, 0, 0, 0.5)",920,"rgba(0, 0, 0, 0.5)",980,"rgba(0, 0, 0, 0.7)",1100,"rgba(0, 0, 0, 0.7)"]:["step",["get","val"],"rgba(162,13,2,1)",920,"rgba(255, 96, 98, 1)",980,"rgba(255, 246, 184, 1)",1100,"rgba(199,171,250,1)"],"text-halo-color":["step",["get","val"],"rgba(162,13,2,1)",920,"rgba(255, 96, 98, 1)",980,"rgba(255, 246, 184, 1)",1100,"rgba(199,171,250,1)"],"text-halo-width":this.theme==="light"?1:0}},this.beforeLayer),l=new Date().valueOf()-(r+i),console.log("[prmsl] add elapsed: ",l,", total: ",i+=l))}},handleClear(){this.map.getLayer(this.pointLabelLayer)&&this.map.removeLayer(this.pointLabelLayer),this.map.getLayer(this.labelLayer)&&this.map.removeLayer(this.labelLayer),this.map.getLayer(this.layer)&&this.map.removeLayer(this.layer),this.map.getSource(this.source)&&this.map.removeSource(this.source)}}};function vs(o,t,a,r,i,l){return null}const Ls=O(zs,[["render",vs]]),Jd="",Cs={name:"IdmIceEdge",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[ice-edge] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(86, 169, 230, 0)"],[1/255,"rgba(86, 169, 230, 0)"],[25/255,"rgba(86, 169, 230, 1)"],[25/255,"rgba(47, 226, 155, 1)"],[100/255,"rgba(47, 226, 155, 1)"],[100/255,"rgba(213, 253, 37, 1)"],[175/255,"rgba(213, 253, 37, 1)"],[175/255,"rgba(230, 176, 39, 1)"],[225/255,"rgba(230, 176, 39, 1)"],[225/255,"rgba(230, 84, 39, 1)"],[250/255,"rgba(230, 84, 39, 1)"],[1,"rgba(230, 84, 39, 1)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Ps={key:0};function Ss(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Ps,[e.createElementVNode("div",{class:"legend-bars-gl4 ice-edge",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",{style:{color:"rgba(var(--v-theme-black), 0.7)"}},"%",-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,"10",-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,"40",-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,"70",-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,"90",-1),e.createElementVNode("span",null,null,-1)]),4)])):e.createCommentVNode("",!0)}const Ns=O(Cs,[["render",Ss]]),Qd="",Ts={name:"IdmCover",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[ice-cover] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(68, 1, 84, 0)"],[1/255,"rgba(63, 72, 137, 0)"],[50/255,"rgba(53, 125, 177, 1)"],[100/255,"rgba(33, 145, 140, 1)"],[150/255,"rgba(45, 178, 125, 1)"],[200/255,"rgba(112, 207, 87, 1)"],[250/255,"rgba(253, 231, 37, 0.8)"],[1,"rgba(253, 231, 37, 1)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Ds={key:0};function Es(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Ds,[e.createElementVNode("div",{class:"legend-bars-gl4 ice-cover",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"%",-1),e.createElementVNode("span",null,"20",-1),e.createElementVNode("span",null,"40",-1),e.createElementVNode("span",null,"60",-1),e.createElementVNode("span",null,"80",-1),e.createElementVNode("span",null,"100",-1)]),4)])):e.createCommentVNode("",!0)}const Ms=O(Ts,[["render",Es],["__scopeId","data-v-916b01eb"]]),$d="",Vs={name:"IdmThickness",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},menuToggle:{type:Object},bottom:{type:String,default:"70px"}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[ice-thickness] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(4, 6, 19, 0)"],[1/255,"rgba(4, 6, 19, 0)"],[20/255,"rgba(51, 50, 102, 1)"],[40/255,"rgba(63, 82, 158, 1)"],[50/255,"rgba(66, 123, 183, 1)"],[60/255,"rgba(92, 161, 197, 1)"],[80/255,"rgba(134, 199, 212, 0.7)"],[100/255,"rgba(134, 199, 212, 1)"],[150/255,"rgba(234, 253, 2536, 0.8)"],[250/255,"rgba(234, 253, 2536, 0.9)"],[1,"rgba(234, 253, 2536, 1)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Bs={key:0};function Is(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Bs,[e.createElementVNode("div",{class:"legend-bars-gl4 ice-thickness",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"m",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"0.6",-1),e.createElementVNode("span",null,"1",-1),e.createElementVNode("span",null,"1.5",-1),e.createElementVNode("span",null,"2",-1),e.createElementVNode("span",null,"3",-1)]),4)])):e.createCommentVNode("",!0)}const Rs=O(Vs,[["render",Is]]),eh="",As={name:"IdmPrecip3h",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},deeimmediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[precip3h] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(59, 126, 162, 0)"],[14/255,"rgba(84,170,230, 0)"],[15/255,"rgba(172, 210, 255, 0.8)"],[20/255,"rgba(51,202,248,0.8)"],[30/255,"rgba(3,248,103,0.8)"],[49/255,"rgba(14,201,3,0.8)"],[57/255,"rgba(190,226,2,0.8)"],[73/255,"rgba(248,1,1,0.8)"],[82/255,"rgba(197,5,58,0.8)"],[1,"rgba(197,5,58,0.8)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Os={key:0};function js(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Os,[e.createElementVNode("div",{class:"legend-bars-gl4 precip3h",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"mm",-1),e.createElementVNode("span",null,"1.5",-1),e.createElementVNode("span",null,"2",-1),e.createElementVNode("span",null,"3",-1),e.createElementVNode("span",null,"7",-1),e.createElementVNode("span",null,"10",-1),e.createElementVNode("span",null,"20",-1),e.createElementVNode("span",null,"30",-1)]),4)])):e.createCommentVNode("",!0)}const Fs=O(As,[["render",js]]),th="",Hs={name:"IdmVisibility",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{right:10,program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[visibility] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(189,50,160,0.8)"],[8/255,"rgba(208,56,56,0.8)"],[27/255,"rgba(190,226,2,0.8)"],[60/255,"rgba(3,236,118,0.8)"],[160/255,"rgba(172, 210,255,0.8)"],[161/255,"rgba(172, 210,255,0)"],[1,"rgba(144,144,144,0)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Gs={key:0};function Ws(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Gs,[e.createElementVNode("div",{class:"legend-bars-gl4 visibility",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"nm",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"0.5",-1),e.createElementVNode("span",null,"1.5",-1),e.createElementVNode("span",null,"3",-1),e.createElementVNode("span",null,"9",-1)]),4)])):e.createCommentVNode("",!0)}const Us=O(Hs,[["render",Ws]]),oh="",Ys={name:"IdmWaterTemp",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[water-temp] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgba(95, 143, 197)"],[46/255,"rgba(95, 143, 197)"],[69/255,"rgb(80, 140, 62)"],[92/255,"rgb(121, 146, 28)"],[115/255,"rgb(171, 161, 14)"],[138/255,"rgb(223, 177, 69)"],[161/255,"rgb(243, 150, 6)"],[184/255,"rgb(236, 95, 21)"],[207/255,"rgb(190, 65, 18)"],[230/255,"rgb(138, 43, 10)"],[1,"rgb(138, 43, 10)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Zs={key:0};function qs(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Zs,[e.createElementVNode("div",{class:"legend-bars-gl4 water-temp",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"°C",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"10",-1),e.createElementVNode("span",null,"20",-1),e.createElementVNode("span",null,"30",-1),e.createElementVNode("span",null,"40",-1)]),4)])):e.createCommentVNode("",!0)}const Xs=O(Ys,[["render",qs]]),ah="",Ks={name:"IdmTemp",props:{simple:{type:Boolean,default:!1},factor:{type:Object},viewport:{type:Object},bottom:{type:String,default:"70px"},menuToggle:{type:Object}},data(){return{program:void 0,context:void 0,texture:void 0,rampColor:void 0,aPositionBuffer:void 0,webgl:new _e,etime:void 0,right:10}},watch:{"factor.version":{handler(){var o;(o=this.factor)!=null&&o.active?this.handleRender():this.handleClear()},immediate:!0},"menuToggle.v":{handler(){var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)},immediate:!0}},methods:{handleRender(){if(this.factor){const o=new Date().valueOf();let t=0,a=0;this.handleDraw(),a=new Date().valueOf()-(o+t),console.log("[temp] add elapsed: ",a,", total: ",t+=a)}},handleClear(){this.context=void 0,this.etime=void 0,this.viewport.toggle(!1)},handleSetup(){if(!this.context){this.context=this.viewport.rampColorCanvas.getContext("webgl");const o=[[0,"rgb(149, 137, 211)"],[100/255,"rgb(149, 137, 211)"],[110/255,"rgb(150, 209, 216)"],[120/255,"rgb(129, 204, 197)"],[130/255,"rgb(103, 180, 186)"],[140/255,"rgb(95, 143, 197)"],[150/255,"rgb(80, 140, 62)"],[160/255,"rgb(121, 146, 28)"],[170/255,"rgb(171, 161, 14)"],[180/255,"rgb(223, 177, 6)"],[190/255,"rgb(243, 150, 6)"],[200/255,"rgb(236, 95, 21)"],[210/255,"rgb(190, 65, 18)"],[220/255,"rgb(138, 43, 10)"],[1,"rgb(138, 43, 10)"]];this.rampColor=this.webgl.setup(this.context,o);const{program:t,aPositionBuffer:a}=this.webgl.bind(this.context,K.vertexSchema,K.fragmentSchema);this.program=t,this.aPositionBuffer=a}},async handleDraw(){if(this.handleSetup(),this.etime!==this.factor.etime){this.etime=this.factor.etime;const o=await this.webgl.loadImg(this.factor.raw);this.texture=this.webgl.createTexture(this.context,this.context.NEAREST,this.context.LINEAR,this.context.CLAMP_TO_EDGE,o)}this.webgl.draw(this.viewport,this.context,this.program,this.texture,this.rampColor.texture,this.aPositionBuffer),this.viewport.toggle(!0)}}},Js={key:0};function Qs(o,t,a,r,i,l){var s;return(s=a.factor)!=null&&s.active?(e.openBlock(),e.createElementBlock("div",Js,[e.createElementVNode("div",{class:"legend-bars-gl4 temp",style:e.normalizeStyle({right:i.right+"px"})},t[0]||(t[0]=[e.createElementVNode("span",null,"°C",-1),e.createElementVNode("span",null,"-20",-1),e.createElementVNode("span",null,"-10",-1),e.createElementVNode("span",null,"0",-1),e.createElementVNode("span",null,"10",-1),e.createElementVNode("span",null,"20",-1),e.createElementVNode("span",null,"30",-1),e.createElementVNode("span",null,"40",-1)]),4)])):e.createCommentVNode("",!0)}const $s=O(Ks,[["render",Qs]]),ih="",en={name:"IdmGlLayer",components:{IdmWindBarb:es,IdmWindParticle:is,IdmCurrentDirection:ss,IdmCurrentParticle:ds,IdmWave:us,IdmSigWaveHeight:bs,IdmSwell:ks,IdmPrmsl:Ls,IdmIceEdge:Ns,IdmIceCover:Ms,IdmIceThickness:Rs,IdmPrecip3h:Fs,IdmVisibility:Us,IdmWaterTemp:Xs,IdmTemp:$s},props:{simple:{type:Boolean,default:!1},isLogin:{type:Boolean,default:!1},theme:{type:String},map:{type:Object},mapFeather:{type:String},gateway:{type:String},assistGateway:{type:Array,default:[]},defaultMeteoToken:{type:String},top:{type:Number,default:60},paddingTop:{type:Number,default:48},menuToggle:{type:Object,default:{}},realTime:{type:String},forecastModel:{type:String},beforeLayer:{type:String}},emits:["forecastModel","menuToggle","weatherCheckList","autoActive"],data(){return{right:10,toggle:!1,autoActive:!0,weatherWeight:0,allLayers:[...Be.LayerHelper.WEATHER_LAYERS],tagLayers:[...Be.LayerHelper.WEATHER_LAYERS.filter(o=>!o.hide)],checkList:[],renderKey:"",iceToggleValue:void 0,waveToggleValue:void 0,weatherLayers:{},activeWeatherLayers:[],cache:{v:"0.0.1",versionKey:"weatherLayerCacheVersionGL4",autoActiveKey:"autoActiveCacheGL4",checkListKey:"weatherCheckListCacheGL4"},models:{},currentModel:localStorage.getItem("forecastModelCacheGL4")==="GFS"?"GFS":"ECMWF",zoom:6,viewport:void 0,particleFactor:void 0,showWindParticle:!0,showCurrentParticle:!0,legendToggle:!1,legend:{barbs:[2,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100,105,0],current:[{label:"0-0.5 kts",size:.3,color:"rgb(58, 164, 58)"},{label:"0.5-1 kts",size:.4,color:"#ffff00"},{label:"1-1.5 kts",size:.6,color:"#ff9500"},{label:"1.5-2 kts",size:.8,color:"#f44336"},{label:">= 2 kts",size:1,color:"#e4711e"}],sigWaveHeight:[{label:"< 2 m",color:"rgba(0,235,156,0)"},{label:"2-3 m",color:"rgba(0,235,156,0.4)"},{label:"3-4 m",color:"#ffed00"},{label:"4-5 m",color:"#ff9800"},{label:"5-6 m",color:"#f77800"},{label:"6-7 m",color:"#e4711e"},{label:"7-8 m",color:"#e06128"},{label:"8-9 m",color:"#dc5132"},{label:"9-10 m",color:"#d5453c"},{label:"10-12 m",color:"#cd3a46"},{label:"12-14 m",color:"#be2c50"},{label:"> 14 m",color:"#aa1a5a"}]}}},computed:{listStyle(){return this.simple?{top:this.top+"px",left:this.toggle?"0px":"-280px"}:{top:this.top+"px",right:this.toggle?"0px":"-280px"}},computeDateZ(){return function(o){var t;if(o){const a=v(o);return`${(t=a==null?void 0:a.utc())==null?void 0:t.format("MMM-DD/HHmm")}Z`}return"-"}},computeDateUpdate(){return function(o){return o?v(o).fromNow():"-"}},overlaysKeys(){return this.tagLayers.filter(o=>o.overlays).map(o=>o.key)},rendersKeys(){return this.allLayers.filter(o=>!o.overlays&&o.enabled).map(o=>o.key)},showTipMenu(){return this.checkList.includes("wind")||this.checkList.includes("current-direction")||this.checkList.includes("sig-wave-height")},barbsIconName(){var t,a,r;const o=[];for(let i=0;i<((a=(t=this.legend)==null?void 0:t.barbs)==null?void 0:a.length);i++){const l=((r=this.legend)==null?void 0:r.barbs[i])||0,s=l<10?`00${l}kts`:l<100?`0${l}kts`:`${l}kts`;o.push("icon-a-"+s)}return o}},watch:{"menuToggle.v":{handler(){this.toggle=this.menuToggle.weatherLayers,this.$nextTick(()=>{var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)})}},currentModel:{handler(o,t){this.$emit("forecastModel",o),localStorage.setItem("forecastModelCacheGL4",o)},immediate:!0},forecastModel:{handler(o,t){o&&o!==t&&this.handleWeatherLayerChange({sourceChanged:!0})}},map:{handler(){this.map&&(this.fetchCache(),this.map.on("move",this.handleMove4Weather),this.viewport=new uo(this.map),this.handleRampColorInitial())},immediate:!0},realTime:{handler(o,t){o&&t&&v(o).utc().format("yyyy-MM-DD HH")!==v(t).utc().format("yyyy-MM-DD HH")&&this.$nextTick(()=>{this.fetchWeatherLayers()})},immediate:!0},renderKey:{handler(o,t){o&&o!==t?o==="wave-group"?this.checkList=["wave-group",this.waveToggleValue||"sig-wave"]:o==="ice-forecast"?this.checkList=["ice-forecast",this.iceToggleValue||"ice-cover"]:this.checkList=[o]:!o&&t&&(this.checkList=this.checkList.filter(a=>a!==t))}},checkList:{handler(o,t){var a,r,i,l,s,c;this.handleCheckListChange(o,t),this.$emit("weatherCheckList",o),this.autoActive&&this.checkList.length?(i=(r=(a=this.$parent)==null?void 0:a.$refs)==null?void 0:r.idmBottomBar)==null||i.handleToggle("weather",!0):(c=(s=(l=this.$parent)==null?void 0:l.$refs)==null?void 0:s.idmBottomBar)==null||c.handleToggle("weather",!1)}},autoActive:{handler(o){var t,a,r,i,l,s;localStorage.setItem(this.cache.autoActiveKey,this.autoActive),this.activeWeatherLayers=this.autoActive?this.allLayers.filter(c=>this.checkList.includes(c.key)):[],this.handleWeatherLayerChange(),this.autoActive&&this.checkList.length?(r=(a=(t=this.$parent)==null?void 0:t.$refs)==null?void 0:a.idmBottomBar)==null||r.handleToggle("weather",!0):(s=(l=(i=this.$parent)==null?void 0:i.$refs)==null?void 0:l.idmBottomBar)==null||s.handleToggle("weather",!1),this.$emit("autoActive",this.autoActive)}},iceToggleValue:{handler(o){o&&(this.checkList=["ice-forecast",this.iceToggleValue])}},waveToggleValue:{handler(o){o&&(this.checkList=["wave-group",this.waveToggleValue])}},showWindParticle:{handler(o){let t="wind-particle";this.weatherLayers[t].particle=o,this.weatherLayers[t].version=Math.random()+1}},showCurrentParticle:{handler(o){let t="current-particle";this.weatherLayers[t].particle=o,this.weatherLayers[t].version=Math.random()+1}},isLogin:{handler(o){o?this.fetchModels():this.models={}},immediate:!0}},mounted(){this.fetchModels()},methods:{arraysEqual(o,t){if((o==null?void 0:o.length)!==(t==null?void 0:t.length))return!1;for(let a=0;a<(o==null?void 0:o.length);a++)if((o==null?void 0:o[a])!==(t==null?void 0:t[a]))return!1;return!0},fetchCache(){var a,r;const o=localStorage.getItem(this.cache.versionKey);this.cache.v!==o&&(localStorage.removeItem(this.cache.autoActiveKey),localStorage.removeItem(this.cache.checkListKey),localStorage.setItem(this.cache.versionKey,this.cache.v));let t=localStorage.getItem(this.cache.autoActiveKey);this.autoActive=t!=="false",localStorage.setItem(this.cache.autoActiveKey,this.autoActive),t=localStorage.getItem(this.cache.checkListKey),this.waveToggleValue=(a=JSON.parse(t))!=null&&a.some(i=>i==="swell")?"swell":void 0,this.iceToggleValue=(r=JSON.parse(t))!=null&&r.some(i=>i==="ice-thickness")?"ice-thickness":void 0,this.checkList=JSON.parse(t||JSON.stringify(["wind","sig-wave-height"])),this.checkList.find(i=>this.rendersKeys.includes(i))&&(this.renderKey=this.checkList.find(i=>this.rendersKeys.includes(i))),localStorage.setItem(this.cache.checkListKey,JSON.stringify(this.checkList))},handleMenuToggle(){this.$emit("menuToggle","weatherLayers")},handleFastWeatherToggle(o){let t=[];this.checkList.includes(o)?t=this.checkList.filter(a=>a!==o):t=[...this.checkList,o],this.handleCheckListChange(t,this.checkList)},handleCheckListChange(o,t){if(this.arraysEqual(o,t))return!1;const a=[...new Set(o)],r=a==null?void 0:a.filter(l=>!(t!=null&&t.includes(l)))[0],i=t==null?void 0:t.filter(l=>!(a!=null&&a.includes(l)))[0];r&&(r==="ice-cover"||r==="ice-thickness"||r==="ice-forecast"?(this.checkList=["ice-forecast",this.iceToggleValue||"ice-cover"],this.iceToggleValue=this.iceToggleValue||"ice-cover"):r==="sig-wave"||r==="swell"||r==="wave-group"?(this.checkList=["wave-group",this.waveToggleValue||"sig-wave"],this.waveToggleValue=this.waveToggleValue||"sig-wave"):this.rendersKeys.includes(r)?this.checkList=[r]:(this.checkList=a.filter(l=>!this.rendersKeys.includes(l)),this.renderKey=void 0)),i&&(i==="ice-forecast"?(this.checkList=a.filter(l=>!["ice-cover","ice-thickness","ice-forecast"].includes(l)),this.iceToggleValue=void 0):i==="wave-group"?(this.checkList=a.filter(l=>!["wave-group","sig-wave","swell"].includes(l)),this.waveToggleValue=void 0):this.checkList=a),this.checkList.includes("wind-particle")&&(this.showWindParticle=!0),this.checkList.includes("current-particle")&&(this.showCurrentParticle=!0),localStorage.setItem(this.cache.checkListKey,JSON.stringify(a)),this.activeWeatherLayers=this.autoActive?this.allLayers.filter(l=>a.includes(l.key)):[],this.handleWeatherLayerChange()},async fetchModels(){this.models={};const o=await J.get(`${this.gateway}/api/arc/meteo2/models2`,{headers:{Authorization:this.defaultMeteoToken}});(o==null?void 0:o.data.code)===0&&(this.models=o==null?void 0:o.data.data)},async fetchWeatherLayers(o={}){var i,l,s,c,n,h,d,g,f;const t=new Date().valueOf();let a=0,r=0;if(this.map){const x=((i=this.map)==null?void 0:i.getZoom())+1,b=(l=this.map)==null?void 0:l.getBounds(),_=`${b._sw.lng},${b._sw.lat},${b._ne.lng},${b._ne.lat}`;if(this.particleFactor&&((s=this.$refs.layer)!=null&&s.autoActive)){const p=Be.LayerHelper.WEATHER_LAYERS.find(S=>{var L;return((L=S.peer)==null?void 0:L.weight)===this.particleFactor.weight});this.particleFactor.particle&&(this.showWindParticle||this.showCurrentParticle)?this.weatherWeight=this.weatherWeight&p.weight?this.weatherWeight:this.weatherWeight+p.weight:this.weatherWeight=this.weatherWeight&p.weight?this.weatherWeight-p.weight:this.weatherWeight}if(this.weatherWeight>0){let p=this.weatherWeight;if(p>0){const S=this.assistGateway[Math.round(Math.random()*(this.assistGateway.length-1))],L=await J.get(`${S}/api/arc/weather/layers2/links?l=${p}&v=${this.forecastModel}&z=${x}&bbox=${_}&t=${this.realTime}`,{headers:{Authorization:this.defaultMeteoToken}});if(r=new Date().valueOf()-(t+a),console.log("weather links elapsed: ",r,", total: ",a+=r),((c=L==null?void 0:L.data)==null?void 0:c.code)===0){const k=(n=L==null?void 0:L.data)==null?void 0:n.data,w=[];for(const z in k)w.push(J.get(k[z],{headers:{Authorization:this.defaultMeteoToken,key:z},responseType:/\.(jpg|png)$/.test(k[z])?"blob":"json"}).catch(y=>{console.log(`[${z}] fetch layer error: ${y}`)}));const u=await Promise.all(w);this.weatherLayers={},u.map(z=>{var E,R,j,A;const y=((E=z==null?void 0:z.data)==null?void 0:E.data)||(z==null?void 0:z.data);let C=(j=(R=z==null?void 0:z.config)==null?void 0:R.headers)==null?void 0:j.key;C&&y&&(this.weatherLayers[C]={raw:y,type:((A=z==null?void 0:z.config)==null?void 0:A.responseType)==="blob"?"image":"json",etime:L.data.etime})})}if(r=new Date().valueOf()-(t+a),console.log("weather layers elapsed: ",r,", total: ",a+=r),this.weatherLayers["swell-direction"]||this.weatherLayers["swell-height"]){const k=(h=this.weatherLayers["swell-direction"])==null?void 0:h.raw,w=(d=this.weatherLayers["swell-height"])==null?void 0:d.raw;delete this.weatherLayers["swell-direction"],delete this.weatherLayers["swell-height"],this.weatherLayers.swell={type:"json",direction:k,height:{raw:w},etime:L.data.etime}}if(this.weatherLayers["current-direction"]||this.weatherLayers["current-speed"]){const k=(g=this.weatherLayers["current-direction"])==null?void 0:g.raw,w=(f=this.weatherLayers["current-speed"])==null?void 0:f.raw;delete this.weatherLayers["current-direction"],delete this.weatherLayers["current-speed"],this.weatherLayers.current={type:"json",direction:k,speed:{raw:w},etime:L.data.etime}}}}this.handleWeatherLayerToggle(),this.handleDrawWeather4Json()}},handleWeatherLayerToggle(){for(const o in this.weatherLayers)this.weatherLayers[o].active=!1,this.weatherLayers[o].version=Math.random()+1;for(const o of this.activeWeatherLayers){let t=o.key;t==="current-direction"&&(t="current"),this.weatherLayers[t]&&(this.weatherLayers[t].active=!0,this.weatherLayers[t].version=Math.random()+1,t==="wind-particle"&&(this.weatherLayers[t].particle=this.showWindParticle),t==="current-particle"&&(this.weatherLayers[t].particle=this.showCurrentParticle))}},handleWeatherLayerChange(o={sourceChanged:!1}){var a;const t=(a=this.activeWeatherLayers)==null?void 0:a.reduce((r,i)=>r+(r&(i==null?void 0:i.weight)?0:i==null?void 0:i.weight),0);o!=null&&o.sourceChanged||this.weatherWeight!==t?(this.weatherWeight=t,this.fetchWeatherLayers()):this.handleWeatherLayerToggle()},handleRampColorInitial(){var o,t,a,r,i,l,s,c,n,h,d,g;this.viewport.map.getSource((o=this.viewport)==null?void 0:o.rampColorSource)||this.viewport.map.addSource((t=this.viewport)==null?void 0:t.rampColorSource,{type:"canvas",canvas:(a=this.viewport)==null?void 0:a.rampColorCanvas,animate:!0,coordinates:this.viewport.getBoundLngLat()}),this.viewport.map.getLayer((r=this.viewport)==null?void 0:r.rampColorLayer)||this.viewport.map.addLayer({type:"raster",id:(i=this.viewport)==null?void 0:i.rampColorLayer,source:(l=this.viewport)==null?void 0:l.rampColorSource,layout:{visibility:"none"}},this.beforeLayer),this.viewport.map.getSource((s=this.viewport)==null?void 0:s.particleSource)||this.viewport.map.addSource((c=this.viewport)==null?void 0:c.particleSource,{type:"canvas",canvas:(n=this.viewport)==null?void 0:n.particleCanvas,animate:!0,coordinates:this.viewport.getBoundLngLat()}),this.viewport.map.getLayer((h=this.viewport)==null?void 0:h.particleLayer)||this.viewport.map.addLayer({type:"raster",id:(d=this.viewport)==null?void 0:d.particleLayer,source:(g=this.viewport)==null?void 0:g.particleSource,layout:{visibility:"none"}},this.beforeLayer)},handleDrawWeather4Json(){var l,s,c,n,h,d,g;const o=new Date().valueOf();let t=0,a=0;const r=(l=this.map)==null?void 0:l.getBounds(),i=(s=this.map)==null?void 0:s.getZoom();if(r&&i){const f=T.LngLatHelper.convertToStdLng(r._sw.lng),x=T.LngLatHelper.convertToStdLng(r._ne.lng),b=Math.floor(r._sw.lat),_=Math.ceil(r._ne.lat);for(const p in this.weatherLayers){let S=!1;if(this.weatherLayers[p].active&&this.weatherLayers[p].type==="json"){let L=[];if(p==="swell"){S=!0;const k=((c=this.weatherLayers[p])==null?void 0:c.direction)||{};for(const u in k)if(u>b&&u<_&&(!(i<=this.zoom)||u%(i<2?10:i<4?5:3)===0)){const z=k[u].lng;f>x?z.forEach((y,C)=>{var E,R,j,A,G,W;if(i<2){if((y>=0&&y<=360||y>=-360&&y<=0)&&y%10===0){const F=V.point([y,u],{val:((E=k[u].val)==null?void 0:E[C])||((R=k[u].dir)==null?void 0:R[C]),spd:(j=k[u].spd)==null?void 0:j[C]});L.push(F)}}else if((y>=f&&y<=180||y>=-180&&y<=x)&&(!(i<=this.zoom)||y%(i<2?10:i<4?5:3)===0)){const F=V.point([y,u],{val:((A=k[u].val)==null?void 0:A[C])||((G=k[u].dir)==null?void 0:G[C]),spd:(W=k[u].spd)==null?void 0:W[C]});L.push(F)}}):z.forEach((y,C)=>{var E,R,j,A,G,W;if(f<2){if((y>=0&&y<=360||y>=-360&&y<=0)&&y%10===0){const F=V.point([y,u],{val:((E=k[u].val)==null?void 0:E[C])||((R=k[u].dir)==null?void 0:R[C]),spd:(j=k[u].spd)==null?void 0:j[C]});L.push(F)}}else if(y>=f&&y<=x&&(!(i<=this.zoom)||y%(i<2?10:i<4?5:3)===0)){const F=V.point([y,u],{val:((A=k[u].val)==null?void 0:A[C])||((G=k[u].dir)==null?void 0:G[C]),spd:(W=k[u].spd)==null?void 0:W[C]});L.push(F)}})}a=new Date().valueOf()-(o+t),console.log("swell direction elapsed: ",a,", total: ",t+=a);const w=this.weatherLayers[p].height;if(w){if(!w.data){const u=[];for(const z in(n=w.raw)==null?void 0:n.LineString){const y=w.raw.LineString[z];for(const C of y)u.push(V.lineString(C,{val:Number(z)}));w.data=V.featureCollection(u)}}if(w.data){const u=this.handleBboxClip(w.data,r);L=L.concat(u)}a=new Date().valueOf()-(o+t),console.log("swell height elapsed: ",a,", total: ",t+=a)}}else if(p==="current"){S=!0;const k=((h=this.weatherLayers[p])==null?void 0:h.direction)||{};for(const u in k)if(u>b&&u<_&&(!(i<=this.zoom)||u%(i<2?10:i<4?5:3)===0)){const z=k[u].lng;f>x?z.forEach((y,C)=>{var E,R,j,A,G,W;if(i<2){if((y>=0&&y<=360||y>=-360&&y<=0)&&y%10===0){const F=V.point([y,u],{val:((E=k[u].val)==null?void 0:E[C])||((R=k[u].dir)==null?void 0:R[C]),spd:(j=k[u].spd)==null?void 0:j[C]});L.push(F)}}else if((y>=f&&y<=180||y>=-180&&y<=x)&&(!(i<=this.zoom)||y%(i<2?10:i<4?5:3)===0)){const F=V.point([y,u],{val:((A=k[u].val)==null?void 0:A[C])||((G=k[u].dir)==null?void 0:G[C]),spd:(W=k[u].spd)==null?void 0:W[C]});L.push(F)}}):z.forEach((y,C)=>{var E,R,j,A,G,W;if(f<2){if((y>=0&&y<=360||y>=-360&&y<=0)&&y%10===0){const F=V.point([y,u],{val:((E=k[u].val)==null?void 0:E[C])||((R=k[u].dir)==null?void 0:R[C]),spd:(j=k[u].spd)==null?void 0:j[C]});L.push(F)}}else if(y>=f&&y<=x&&(!(i<=this.zoom)||y%(i<this.zoom/2?5:3)===0)){const F=V.point([y,u],{val:((A=k[u].val)==null?void 0:A[C])||((G=k[u].dir)==null?void 0:G[C]),spd:(W=k[u].spd)==null?void 0:W[C]});L.push(F)}})}a=new Date().valueOf()-(o+t),console.log("current direction elapsed: ",a,", total: ",t+=a);const w=this.weatherLayers[p].speed;if(w){if(!w.data){const z=[];for(const y in(d=w.raw)==null?void 0:d.Polygon){const C=w.raw.Polygon[y];for(const E of C)z.push(V.polygon(E,{val:Number(y)}))}w.data=V.featureCollection(z)}const u=i<this.zoom?w.data.features.filter(z=>z.properties.val>.5):w.data.features;L=L.concat(u),a=new Date().valueOf()-(o+t),console.log("current speed elapsed: ",a,", total: ",t+=a)}}else if(p==="wind"){S=!0;const k=this.weatherLayers.wind.raw;for(const w in k)if(w>b&&w<_&&(!(i<=this.zoom)||w%(i<2?10:i<4?5:3)===0)){const u=k[w].lng;f>x?u.forEach((z,y)=>{var C,E,R,j;if(i<2){if((z>=0&&z<=360||z>=-360&&z<=0)&&z%10===0){const A=V.point([z,w],{dir:((C=k[w].val)==null?void 0:C[y])||((E=k[w].dir)==null?void 0:E[y]),spd:k[w].spd[y]});L.push(A)}}else if((z>=f&&z<=180||z>=-180&&z<=x)&&(!(i<=this.zoom)||z%(i<2?10:i<4?5:3)===0)){const A=V.point([z,w],{dir:((R=k[w].val)==null?void 0:R[y])||((j=k[w].dir)==null?void 0:j[y]),spd:k[w].spd[y]});L.push(A)}}):u.forEach((z,y)=>{var C,E,R,j;if(i<2){if((z>=0&&z<=360||z>=-360&&z<=0)&&z%10===0){const A=V.point([z,w],{dir:((C=k[w].val)==null?void 0:C[y])||((E=k[w].dir)==null?void 0:E[y]),spd:k[w].spd[y]});L.push(A)}}else if(z>=f&&z<=x&&(!(i<=this.zoom)||z%(i<2?10:i<4?5:3)===0)){const A=V.point([z,w],{dir:((R=k[w].val)==null?void 0:R[y])||((j=k[w].dir)==null?void 0:j[y]),spd:k[w].spd[y]});L.push(A)}})}a=new Date().valueOf()-(o+t),console.log("wind barb elapsed: ",a,", total: ",t+=a)}else if(p==="sig-wave-height"){if(this.weatherLayers[p].data)L=this.weatherLayers[p].data;else{S=!0;const k=this.weatherLayers[p].raw;if(k){const w=[];for(const u in k.Polygon){const z=k.Polygon[u];for(const y of z)w.push(V.polygon(y,{val:Number(u)}))}for(const u in k.MultiPolygon){const z=k.MultiPolygon[u];for(const y of z)w.push(V.multiPolygon(y,{val:Number(u)}))}for(const u in k.Point){const z=k.Point[u];for(let y=0;y<((g=z.lng)==null?void 0:g.length);y++)w.push(V.point([z.lng[y],u],{val:Number(z.val[y])}))}L=L.concat(w)}}a=new Date().valueOf()-(o+t),console.log("sig-wave-height elapsed: ",a,", total: ",t+=a)}else if(p==="prmsl"){if(this.weatherLayers[p].data)L=this.weatherLayers[p].data;else{S=!0;const k=this.weatherLayers[p].raw;if(k){const w=[];for(const u in k.LineString){const z=k.LineString[u];for(const y of z)w.push(V.lineString(y,{val:Number(u)}))}for(const u in k.Point)k.Point[u].lng.forEach((z,y)=>{z=T.LngLatHelper.convertToStdLng(z),w.push(V.point([z,u],{val:k.Point[u].val[y],type:k.Point[u].type[y]}))});L=L.concat(w)}}a=new Date().valueOf()-(o+t),console.log("prmsl elapsed: ",a,", total: ",t+=a)}L.length&&(this.weatherLayers[p].data=V.featureCollection(L)),S&&(this.weatherLayers[p].version=Math.random()+1)}}}},handleMove4Weather(){for(const o in this.weatherLayers)this.weatherLayers[o].active&&this.weatherLayers[o].type==="image"&&(this.weatherLayers[o].active=!0,this.weatherLayers[o].version=Math.random()+1);this.handleDrawWeather4Json()},handleBboxClip(o,t){const a=[],r=T.LngLatHelper.convertToStdLng(t._sw.lng),i=T.LngLatHelper.convertToStdLng(t._ne.lng);return o.features.forEach(l=>{if(l.geometry.type!=="Point")if(r>i){let s=[r,t._sw.lat,180,t._ne.lat],c=V.bboxClip(l,s);c.geometry.coordinates.length&&a.push(c),s=[-180,t._sw.lat,i,t._ne.lat],c=V.bboxClip(l,s),c.geometry.coordinates.length&&a.push(c)}else{const s=[r,t._sw.lat,i,t._ne.lat],c=V.bboxClip(l,s);c.geometry.coordinates.length&&a.push(c)}else a.push(l)}),a}}},tn={class:"idm-gl4-meteo-layers"},on={key:0,class:"legend-tip-btn-gl4"},an={class:"d-flex flex-row justify-center align-center"},rn={class:"text-caption"},ln={class:"d-flex flex-row justify-center align-center"},sn={key:0,style:{width:"24px",height:"12px",border:"1px solid rgba(var(--v-border-color), var(--v-border-opacity))"}},nn={class:"text-caption px-2"},cn={class:"d-flex flex-row justify-start align-center"},mn={class:"d-flex flex-row justify-center align-center",style:{width:"40px"}},dn={class:"text-caption"},hn={class:"header-box d-flex justify-space-between align-center px-4"},pn={class:"d-flex justify-start align-center ga-3"},gn={class:"text-h5 font-weight-medium"},un={key:0,class:"w-100 d-flex justify-space-between align-center ga-1 mb-1 px-4"},fn={key:0,class:"d-flex justify-start align-center ga-4 pl-6"},yn={key:1,class:"d-flex justify-start align-center ga-4 pl-6"},bn={class:"text-body-1 py-2"},wn={class:"text-body-1 font-weight-medium"},xn={class:"text-body-2 text-label"},_n={class:"text-body-2 text-label"},kn={class:"text-body-2 text-label mb-3"},zn={class:"text-body-1 font-weight-medium"},vn={class:"text-body-2 text-label"},Ln={class:"text-body-2 text-label"},Cn={class:"text-body-2 text-label mb-3"},Pn={class:"text-body-1 py-2"},Sn={class:"text-body-1 font-weight-medium"},Nn={class:"text-body-2 text-label"},Tn={class:"text-body-2 text-label"},Dn={class:"text-body-2 text-label mb-3"},En={class:"text-body-1 font-weight-medium"},Mn={class:"text-body-2 text-label"},Vn={class:"text-body-2 text-label"},Bn={class:"text-body-2 text-label mb-3"},In={class:"text-body-1 py-2"},Rn={class:"text-body-1 font-weight-medium"},An={class:"text-body-2 text-label"},On={class:"text-body-2 text-label"},jn={class:"text-body-2 text-label mb-3"};function Fn(o,t,a,r,i,l){var ie,q,ee,re,te,oe,P,U,ce,he,fe,ye,pe,we,be;const s=e.resolveComponent("VBtn"),c=e.resolveComponent("VTooltip"),n=e.resolveComponent("VCol"),h=e.resolveComponent("VRow"),d=e.resolveComponent("VCardText"),g=e.resolveComponent("VDivider"),f=e.resolveComponent("VCard"),x=e.resolveComponent("VSwitch"),b=e.resolveComponent("VBtnToggle"),_=e.resolveComponent("VCardTitle"),p=e.resolveComponent("VCardItem"),S=e.resolveComponent("VCheckbox"),L=e.resolveComponent("VRadio"),k=e.resolveComponent("IdmWindBarb"),w=e.resolveComponent("IdmSigWaveHeight"),u=e.resolveComponent("IdmCurrentDirection"),z=e.resolveComponent("IdmPrmsl"),y=e.resolveComponent("IdmWindParticle"),C=e.resolveComponent("IdmCurrentParticle"),E=e.resolveComponent("IdmWave"),R=e.resolveComponent("IdmSwell"),j=e.resolveComponent("IdmIceEdge"),A=e.resolveComponent("IdmIceCover"),G=e.resolveComponent("IdmIceThickness"),W=e.resolveComponent("IdmPrecip3h"),F=e.resolveComponent("IdmVisibility"),Q=e.resolveComponent("IdmWaterTemp"),$=e.resolveComponent("IdmTemp");return e.openBlock(),e.createElementBlock("div",tn,[e.createElementVNode("div",{class:"menu-bar-box transition pa-1",style:e.normalizeStyle({top:this.top+this.paddingTop+46+"px",right:this.right+"px"})},[e.createVNode(c,{text:o.$t("weather.weatherLayers"),location:"left"},{activator:e.withCtx(({props:M})=>[e.createVNode(s,e.mergeProps(M,{"min-width":"32",width:"32",height:"32",class:["text-none pa-0",i.toggle?"bg-primary active-border":""],onClick:l.handleMenuToggle}),{default:e.withCtx(()=>t[9]||(t[9]=[e.createElementVNode("i",{class:"iconfont icon-Weather text-h4"},null,-1)])),_:2,__:[9]},1040,["class","onClick"])]),_:1},8,["text"])],4),l.showTipMenu?(e.openBlock(),e.createElementBlock("div",on,[e.createElementVNode("div",{class:"menu-bar-box pa-1 rounded",style:e.normalizeStyle({right:i.right+"px"})},[e.createVNode(c,{text:"Legend",location:"left"},{activator:e.withCtx(({props:M})=>[e.createVNode(s,e.mergeProps(M,{"min-width":"32",width:"32",height:"32",class:["text-none pa-0",i.legendToggle?"bg-primary active-border":""],onClick:t[0]||(t[0]=Y=>i.legendToggle=!i.legendToggle)}),{default:e.withCtx(()=>t[10]||(t[10]=[e.createElementVNode("i",{class:"iconfont icon-Legend text-h4"},null,-1)])),_:2,__:[10]},1040,["class"])]),_:1})],4),i.legendToggle?(e.openBlock(),e.createBlock(f,{key:0,elevation:"16",class:"card-info d-flex justify-center align-start",style:e.normalizeStyle({position:"absolute",top:"340px",right:i.right+50+"px"})},{default:e.withCtx(()=>[e.createVNode(d,{class:"d-flex flex-column justify-center align-start text-label px-2",style:{width:"110px"}},{default:e.withCtx(()=>[t[11]||(t[11]=e.createElementVNode("div",{class:"text-body-2 font-weight-600 mb-2"},"Wind Level",-1)),e.createVNode(h,{class:"ma-0 ml-n1 text-body-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.legend.barbs,(M,Y)=>(e.openBlock(),e.createBlock(n,{key:M,cols:"6",class:"d-flex flex-row justify-start align-center py-1 px-0 ma-0"},{default:e.withCtx(()=>[e.createElementVNode("div",an,[e.createElementVNode("i",{class:e.normalizeClass(["iconfont",l.barbsIconName[Y]]),style:e.normalizeStyle({color:a.theme==="dark"?"#fff":"#000"})},null,6),e.createElementVNode("span",rn,e.toDisplayString(Number(M)<10?`00${M}kts`:Number(M)<100?`0${M}kts`:`${M}kts`),1)])]),_:2},1024))),128))]),_:1})]),_:1,__:[11]}),e.createVNode(g,{vertical:""}),e.createVNode(d,{class:"d-flex flex-column justify-center align-start text-label px-2",style:{width:"100px"}},{default:e.withCtx(()=>[t[12]||(t[12]=e.createElementVNode("div",{class:"text-body-2 font-weight-600 mb-2"},"Wave Height",-1)),e.createVNode(h,{class:"ma-0"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.legend.sigWaveHeight,(M,Y)=>(e.openBlock(),e.createBlock(n,{key:Y,cols:"12",class:"d-flex flex-row justify-start align-center py-1 px-0 ma-0"},{default:e.withCtx(()=>[e.createElementVNode("div",ln,[Y===0?(e.openBlock(),e.createElementBlock("div",sn)):(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle({width:"24px",height:"12px",background:M.color})},null,4)),e.createElementVNode("div",nn,e.toDisplayString(M.label),1)])]),_:2},1024))),128))]),_:1})]),_:1,__:[12]}),e.createVNode(g,{vertical:""}),e.createVNode(d,{class:"d-flex flex-column justify-center align-start text-label px-2",style:{width:"90px"}},{default:e.withCtx(()=>[t[13]||(t[13]=e.createElementVNode("div",{class:"text-body-2 font-weight-600 mb-2"},"Current",-1)),e.createVNode(h,{class:"ma-0 ml-n4"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.legend.current,(M,Y)=>(e.openBlock(),e.createBlock(n,{key:Y,cols:"12",class:"d-flex flex-row justify-center align-center py-1 px-0 ma-0"},{default:e.withCtx(()=>[e.createElementVNode("div",cn,[e.createElementVNode("div",mn,[e.createElementVNode("i",{class:"iconfont icon-a-direction-arrow text-label",style:e.normalizeStyle({fontSize:40*M.size+"px"})},null,4)]),e.createElementVNode("div",dn,e.toDisplayString(M.label),1)])]),_:2},1024))),128))]),_:1})]),_:1,__:[13]})]),_:1},8,["style"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["available-layers transition flex-center",i.toggle?"right-bar":""]),style:e.normalizeStyle(l.listStyle)},[e.createElementVNode("div",hn,[e.createElementVNode("div",pn,[e.createElementVNode("div",gn,e.toDisplayString(o.$t("weather.weather")),1),e.createVNode(x,{modelValue:i.autoActive,"onUpdate:modelValue":t[1]||(t[1]=M=>i.autoActive=M),class:"small-switch",color:"primary","base-color":"disabled",inset:"","hide-details":""},null,8,["modelValue"])]),e.createVNode(s,{icon:"",density:"compact",variant:"plain",class:"mr-n2",onClick:l.handleMenuToggle},{default:e.withCtx(()=>t[14]||(t[14]=[e.createElementVNode("i",{class:"iconfont icon-close text-label text-h4"},null,-1)])),_:1,__:[14]},8,["onClick"])]),a.simple?(e.openBlock(),e.createElementBlock("div",un,[e.createElementVNode("div",null,e.toDisplayString(o.$t("weather.forecastModel")),1),e.createVNode(b,{modelValue:i.currentModel,"onUpdate:modelValue":t[2]||(t[2]=M=>i.currentModel=M),rounded:"",height:"30",density:"compact",group:""},{default:e.withCtx(()=>[e.createVNode(s,{density:"compact",height:"30",value:"GFS",class:"text-none btn-bg-2 px-1 text-body-1",color:i.currentModel==="GFS"?"primary":"","base-color":""},{default:e.withCtx(()=>t[15]||(t[15]=[e.createTextVNode("NOAA",-1)])),_:1,__:[15]},8,["color"]),e.createVNode(s,{density:"compact",height:"30",class:"text-none btn-bg-2 px-1 text-body-1",color:i.currentModel==="ECMWF"?"primary":"","base-color":"",value:"ECMWF"},{default:e.withCtx(()=>t[16]||(t[16]=[e.createTextVNode("ECMWF",-1)])),_:1,__:[16]},8,["color"])]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["list-box scroll pl-4 pr-2 overflow-y-auto",i.autoActive?"":"cursor-not-allowed"])},[e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(p,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(_,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.overlays")),1)]),_:1})]),_:1}),e.createVNode(d,{class:"py-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(M=>M.overlays),M=>(e.openBlock(),e.createBlock(S,{key:M.key,modelValue:i.checkList,"onUpdate:modelValue":t[3]||(t[3]=Y=>i.checkList=Y),value:M.key,label:o.$t(`weather.${M.locale}`),disabled:!i.autoActive,color:"primary",density:"compact",style:{height:"36px"},class:"flex-1-0-100 text-body-2","hide-details":""},null,8,["modelValue","value","label","disabled"]))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(p,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(_,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.renders")),1)]),_:1})]),_:1}),e.createVNode(d,{class:"py-2"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.tagLayers.filter(M=>!M.overlays),M=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:M.key},[e.createVNode(L,{modelValue:i.renderKey,"onUpdate:modelValue":t[4]||(t[4]=Y=>i.renderKey=Y),label:o.$t(`weather.${M.locale}`),value:M.key,disabled:!i.autoActive,color:"primary",density:"compact",style:{height:"36px"},class:"text-body-2 py-1","hide-details":"",onClick:Y=>i.renderKey=i.renderKey===M.key?"":M.key},null,8,["modelValue","label","value","disabled","onClick"]),i.renderKey==="wind-particle"&&M.key==="wind-particle"?(e.openBlock(),e.createElementBlock("div",fn,[e.createElementVNode("span",null,e.toDisplayString(o.$t("weather.particleAnimatiom")),1),e.createVNode(x,{modelValue:i.showWindParticle,"onUpdate:modelValue":t[5]||(t[5]=Y=>i.showWindParticle=Y),label:"",class:"small-switch",color:"primary","base-color":"disabled",density:"compact",inset:"",style:{"font-size":"14px"},"hide-details":""},null,8,["modelValue"])])):e.createCommentVNode("",!0),i.renderKey==="current-particle"&&M.key==="current-particle"?(e.openBlock(),e.createElementBlock("div",yn,[e.createElementVNode("span",null,e.toDisplayString(o.$t("weather.particleAnimatiom")),1),e.createVNode(x,{modelValue:i.showCurrentParticle,"onUpdate:modelValue":t[6]||(t[6]=Y=>i.showCurrentParticle=Y),label:"",class:"small-switch",color:"primary","base-color":"disabled",inset:"",density:"compact",height:"20","hide-details":""},null,8,["modelValue"])])):e.createCommentVNode("",!0),i.renderKey==="wave-group"&&M.key==="wave-group"?(e.openBlock(),e.createBlock(b,{key:2,modelValue:i.waveToggleValue,"onUpdate:modelValue":t[7]||(t[7]=Y=>i.waveToggleValue=Y),class:"w-100 pl-7 rounded",rounded:"0",height:"30",density:"compact",group:"",disabled:!i.autoActive},{default:e.withCtx(()=>[e.createVNode(s,{density:"compact",height:"30",value:"sig-wave",class:"w-50 text-none px-2 text-body-1",color:i.waveToggleValue==="sig-wave"?"primary":"","base-color":"grey-lighten-1",disabled:!i.autoActive},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.significant")),1)]),_:1},8,["color","disabled"]),e.createVNode(s,{density:"compact",height:"30",class:"w-50 text-none px-2 text-body-1",color:i.waveToggleValue==="swell"?"primary":"","base-color":"grey-lighten-1",disabled:!i.autoActive,value:"swell"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.swell")),1)]),_:1},8,["color","disabled"])]),_:1},8,["modelValue","disabled"])):e.createCommentVNode("",!0),i.renderKey==="ice-forecast"&&M.key==="ice-forecast"?(e.openBlock(),e.createBlock(b,{key:3,modelValue:i.iceToggleValue,"onUpdate:modelValue":t[8]||(t[8]=Y=>i.iceToggleValue=Y),class:"w-100 pl-7 rounded",rounded:"0",height:"30",density:"compact",group:"",disabled:!i.autoActive},{default:e.withCtx(()=>[e.createVNode(s,{density:"compact",height:"30",value:"ice-cover",class:"w-50 text-none px-2 text-body-1",color:i.iceToggleValue==="ice-cover"?"primary":"","base-color":"grey-lighten-1",disabled:!i.autoActive},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.coverage")),1)]),_:1},8,["color","disabled"]),e.createVNode(s,{density:"compact",height:"30",class:"w-50 text-none px-2 text-body-1",color:i.iceToggleValue==="ice-thickness"?"primary":"","base-color":"grey-lighten-1",disabled:!i.autoActive,value:"ice-thickness"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.thickness")),1)]),_:1},8,["color","disabled"])]),_:1},8,["modelValue","disabled"])):e.createCommentVNode("",!0)],64))),128))]),_:1})]),_:1}),e.createVNode(f,{class:"block-bg mx-auto mb-3",elevation:"0"},{default:e.withCtx(()=>[e.createVNode(p,{class:"border-b-thin"},{default:e.withCtx(()=>[e.createVNode(_,{class:"text-subtitle-1 font-weight-medium",style:{"font-size":"16px !important"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$t("weather.forecastModel")),1)]),_:1})]),_:1}),e.createVNode(d,{class:""},{default:e.withCtx(()=>{var M,Y,Pe,ke,se,xe,B,ne,Z,X,ve,Se,Ne,N,me,ze,Le,Ce,D,Te,I,Ee,Me,Ve,ge,Oe,je,Fe,He,Ge,We,Ue,Ye,Ze,qe,Xe,Ke,Je,Qe,$e,et,tt,ot,at,it,rt,lt,st,nt,ct,mt,dt,ht,pt,gt,ut,ft,yt,bt,wt,xt,_t,kt,zt,vt,Lt,Ct,Pt,St,Nt,Tt,Dt,Et,Mt,Vt,Bt,It,Rt,At,Ot,jt,Ft,Ht,Gt,Wt,Ut,Yt,Zt,qt,Xt,Kt,Jt,Qt,eo,to,oo,ao,io,ro,lo,so,no,co,mo,ho;return[e.createElementVNode("div",bn,e.toDisplayString(o.$t("weather.atmospheric")),1),e.createElementVNode("div",wn,e.toDisplayString((Pe=(Y=(M=i.models)==null?void 0:M.weather)==null?void 0:Y.NOAA)==null?void 0:Pe.source)+" "+e.toDisplayString((xe=(se=(ke=i.models)==null?void 0:ke.weather)==null?void 0:se.NOAA)==null?void 0:xe.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((X=(Z=(ne=(B=i.models)==null?void 0:B.weather)==null?void 0:ne.NOAA)==null?void 0:Z.meta)==null?void 0:X.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",xn,e.toDisplayString(o.$t("weather.source"))+": NOAA",1),e.createElementVNode("div",_n,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((N=(Ne=(Se=(ve=i.models)==null?void 0:ve.weather)==null?void 0:Se.NOAA)==null?void 0:Ne.meta)==null?void 0:N.availabilityTime)),1),e.createElementVNode("div",kn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((Ce=(Le=(ze=(me=i.models)==null?void 0:me.weather)==null?void 0:ze.NOAA)==null?void 0:Le.meta)==null?void 0:Ce.initialisationTime)),1),e.createElementVNode("div",zn,e.toDisplayString((I=(Te=(D=i.models)==null?void 0:D.weather)==null?void 0:Te.ECMWF)==null?void 0:I.source)+" "+e.toDisplayString((Ve=(Me=(Ee=i.models)==null?void 0:Ee.weather)==null?void 0:Me.ECMWF)==null?void 0:Ve.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((Fe=(je=(Oe=(ge=i.models)==null?void 0:ge.weather)==null?void 0:Oe.ECMWF)==null?void 0:je.meta)==null?void 0:Fe.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",vn,e.toDisplayString(o.$t("weather.source"))+": ECMWF",1),e.createElementVNode("div",Ln,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((Ue=(We=(Ge=(He=i.models)==null?void 0:He.weather)==null?void 0:Ge.ECMWF)==null?void 0:We.meta)==null?void 0:Ue.availabilityTime)),1),e.createElementVNode("div",Cn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((Xe=(qe=(Ze=(Ye=i.models)==null?void 0:Ye.weather)==null?void 0:Ze.ECMWF)==null?void 0:qe.meta)==null?void 0:Xe.initialisationTime)),1),e.createVNode(g),e.createElementVNode("div",Pn,e.toDisplayString(o.$t("weather.wave")),1),e.createElementVNode("div",Sn,e.toDisplayString(($e=(Qe=(Je=(Ke=i.models)==null?void 0:Ke.marine)==null?void 0:Je.wave)==null?void 0:Qe.NOAA)==null?void 0:$e.source)+" "+e.toDisplayString((at=(ot=(tt=(et=i.models)==null?void 0:et.marine)==null?void 0:tt.wave)==null?void 0:ot.NOAA)==null?void 0:at.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((nt=(st=(lt=(rt=(it=i.models)==null?void 0:it.marine)==null?void 0:rt.wave)==null?void 0:lt.NOAA)==null?void 0:st.meta)==null?void 0:nt.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",Nn,e.toDisplayString(o.$t("weather.source"))+": NOAA",1),e.createElementVNode("div",Tn,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((pt=(ht=(dt=(mt=(ct=i.models)==null?void 0:ct.marine)==null?void 0:mt.wave)==null?void 0:dt.NOAA)==null?void 0:ht.meta)==null?void 0:pt.availabilityTime)),1),e.createElementVNode("div",Dn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((bt=(yt=(ft=(ut=(gt=i.models)==null?void 0:gt.marine)==null?void 0:ut.wave)==null?void 0:ft.NOAA)==null?void 0:yt.meta)==null?void 0:bt.initialisationTime)),1),e.createElementVNode("div",En,e.toDisplayString((kt=(_t=(xt=(wt=i.models)==null?void 0:wt.marine)==null?void 0:xt.wave)==null?void 0:_t.ECMWF)==null?void 0:kt.source)+" "+e.toDisplayString((Ct=(Lt=(vt=(zt=i.models)==null?void 0:zt.marine)==null?void 0:vt.wave)==null?void 0:Lt.ECMWF)==null?void 0:Ct.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((Dt=(Tt=(Nt=(St=(Pt=i.models)==null?void 0:Pt.marine)==null?void 0:St.wave)==null?void 0:Nt.ECMWF)==null?void 0:Tt.meta)==null?void 0:Dt.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",Mn,e.toDisplayString(o.$t("weather.source"))+": ECMWF",1),e.createElementVNode("div",Vn,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((It=(Bt=(Vt=(Mt=(Et=i.models)==null?void 0:Et.marine)==null?void 0:Mt.wave)==null?void 0:Vt.ECMWF)==null?void 0:Bt.meta)==null?void 0:It.availabilityTime)),1),e.createElementVNode("div",Bn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((Ft=(jt=(Ot=(At=(Rt=i.models)==null?void 0:Rt.marine)==null?void 0:At.wave)==null?void 0:Ot.ECMWF)==null?void 0:jt.meta)==null?void 0:Ft.initialisationTime)),1),e.createVNode(g),e.createElementVNode("div",In,e.toDisplayString(o.$t("weather.currents")),1),e.createElementVNode("div",Rn,e.toDisplayString((Ut=(Wt=(Gt=(Ht=i.models)==null?void 0:Ht.marine)==null?void 0:Gt.current)==null?void 0:Wt.ECMWF)==null?void 0:Ut.source)+" "+e.toDisplayString((Xt=(qt=(Zt=(Yt=i.models)==null?void 0:Yt.marine)==null?void 0:Zt.current)==null?void 0:qt.ECMWF)==null?void 0:Xt.spatialResolution)+e.toDisplayString(o.$t("units.km"))+" "+e.toDisplayString((to=(eo=(Qt=(Jt=(Kt=i.models)==null?void 0:Kt.marine)==null?void 0:Jt.current)==null?void 0:Qt.ECMWF)==null?void 0:eo.meta)==null?void 0:to.days)+e.toDisplayString(o.$t("units.days")),1),e.createElementVNode("div",An,e.toDisplayString(o.$t("weather.source"))+": ECMWF",1),e.createElementVNode("div",On,e.toDisplayString(o.$t("weather.lastUpdate"))+": "+e.toDisplayString(l.computeDateUpdate((lo=(ro=(io=(ao=(oo=i.models)==null?void 0:oo.marine)==null?void 0:ao.current)==null?void 0:io.ECMWF)==null?void 0:ro.meta)==null?void 0:lo.availabilityTime)),1),e.createElementVNode("div",jn,e.toDisplayString(o.$t("weather.referenceTime"))+": "+e.toDisplayString(l.computeDateZ((ho=(mo=(co=(no=(so=i.models)==null?void 0:so.marine)==null?void 0:no.current)==null?void 0:co.ECMWF)==null?void 0:mo.meta)==null?void 0:ho.initialisationTime)),1)]}),_:1})]),_:1})],2)],6),a.map?(e.openBlock(),e.createBlock(k,e.mergeProps({key:1,ref:"windBarb",map:a.map,"map-feather":a.mapFeather,"before-layer":"empty-layer-3",wind:(ie=i.weatherLayers)==null?void 0:ie.wind,"menu-toggle":a.menuToggle},o.$attrs),null,16,["map","map-feather","wind","menu-toggle"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(w,e.mergeProps({key:2,map:a.map,"before-layer":"empty-layer-2","sig-wave-height":(q=i.weatherLayers)==null?void 0:q["sig-wave-height"],"menu-toggle":a.menuToggle,"active-weather-layers":i.activeWeatherLayers},o.$attrs),null,16,["map","sig-wave-height","menu-toggle","active-weather-layers"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(u,e.mergeProps({key:3,map:a.map,"map-feather":a.mapFeather,"before-layer":"empty-layer-2",current:(ee=i.weatherLayers)==null?void 0:ee.current,"menu-toggle":a.menuToggle},o.$attrs),null,16,["map","map-feather","current","menu-toggle"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(z,e.mergeProps({key:4,map:a.map,"before-layer":"empty-layer-2",prmsl:(re=i.weatherLayers)==null?void 0:re.prmsl,"menu-toggle":a.menuToggle,"active-weather-layers":i.activeWeatherLayers},o.$attrs,{theme:a.theme}),null,16,["map","prmsl","menu-toggle","active-weather-layers","theme"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(y,e.mergeProps({key:5,viewport:i.viewport,factor:(te=i.weatherLayers)==null?void 0:te["wind-particle"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(C,e.mergeProps({key:6,viewport:i.viewport,factor:(oe=i.weatherLayers)==null?void 0:oe["current-particle"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(E,e.mergeProps({key:7,viewport:i.viewport,factor:(P=i.weatherLayers)==null?void 0:P["sig-wave"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(R,e.mergeProps({key:8,map:a.map,viewport:i.viewport,factor:(U=i.weatherLayers)==null?void 0:U.swell,"menu-toggle":a.menuToggle,"active-weather-layers":i.activeWeatherLayers,simple:a.simple},o.$attrs),null,16,["map","viewport","factor","menu-toggle","active-weather-layers","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(j,e.mergeProps({key:9,viewport:i.viewport,factor:(ce=i.weatherLayers)==null?void 0:ce["ice-edge"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(A,e.mergeProps({key:10,viewport:i.viewport,factor:(he=i.weatherLayers)==null?void 0:he["ice-cover"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(G,e.mergeProps({key:11,viewport:i.viewport,factor:(fe=i.weatherLayers)==null?void 0:fe["ice-thickness"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(W,e.mergeProps({key:12,viewport:i.viewport,factor:(ye=i.weatherLayers)==null?void 0:ye.precip3h,"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(F,e.mergeProps({key:13,viewport:i.viewport,factor:(pe=i.weatherLayers)==null?void 0:pe.visibility,"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock(Q,e.mergeProps({key:14,viewport:i.viewport,factor:(we=i.weatherLayers)==null?void 0:we["water-temp"],"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0),a.map?(e.openBlock(),e.createBlock($,e.mergeProps({key:15,viewport:i.viewport,factor:(be=i.weatherLayers)==null?void 0:be.temp,"menu-toggle":a.menuToggle,simple:a.simple},o.$attrs),null,16,["viewport","factor","menu-toggle","simple"])):e.createCommentVNode("",!0)])}const Hn=O(en,[["render",Fn]]),Ie=[{rank:0,name:"Best Match",alias:"BEST MATCH",model:"best_match",models:["best_match"]},{rank:1,name:"GFS",alias:"GFS",model:"gfs_seamless",provider:"NOAA",country:"United States",resolution:25,tips:"3-25km",length:16,frequency:1,models:["gfs_seamless"],categories:"ncep_gfs013,ncep_gfs025,ncep_gfs_graphcast025,ncep_hrrr_conus,ncep_nbm_conus",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:2,name:"ECMWF",alias:"ECMWF",model:"ecmwf_ifs025",provider:"ECMWF",country:"European Union",resolution:25,tips:"25km",length:15,frequency:6,models:["ecmwf_ifs025","ecmwf_aifs025_single"],categories:"ecmwf_ifs025,ecmwf_aifs025_single",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:3,disabled:!0,name:"ICON",alias:"ECMWF",model:"icon_seamless",provider:"Deutscher Wetterdienst (DWD)",country:"Germany",resolution:13,tips:"2-13km",length:7.5,frequency:3,models:["icon_seamless","icon_global","icon_eu","icon_d2"],categories:"dwd_icon,dwd_icon_eps,dwd_icon_d2,dwd_icon_d2_eps,dwd_icon_eu,dwd_icon_eu_eps",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:4,name:"ARPEGE",disabled:!0,alias:"ECMWF",model:"arpege_seamless",provider:"Météo-France",country:"France",resolution:25,tips:"1-25km",length:4,frequency:1,models:["arpege_seamless","arpege_world","arpege_europe"],categories:"meteofrance_arpege_europe,meteofrance_arpege_europe_probabilities,meteofrance_arpege_world025",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:5,name:"UKMO",disabled:!0,alias:"ECMWF",model:"ukmo_seamless",provider:"UK Met Office",country:"United Kingdom",resolution:10,tips:"2-10km",length:7,frequency:1,models:["ukmo_seamless","ukmo_global_deterministic_10km","ukmo_uk_deterministic_2km"],categories:"ukmo_global_deterministic_10km,ukmo_uk_deterministic_2km",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:6,name:"JMA",disabled:!0,alias:"GFS",model:"jma_seamless",provider:"JMA",country:"Japan",resolution:55,tips:"5-55km",length:11,frequency:3,models:["jma_seamless","jma_msm","jma_gsm"],categories:"jma_gsm,jma_msm",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:7,name:"GEM",disabled:!0,alias:"GFS",model:"gem_seamless",provider:"Canadian Weather Service",country:"Canada",resolution:2.5,tips:"2.5km",length:10,frequency:6,models:["gem_seamless","gem_global","gem_regional"],categories:"cmc_gem_gdps,cmc_gem_hrdps,cmc_gem_rdps",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:8,name:"GRAPES",disabled:!0,alias:"GFS",model:"cma_grapes_global",provider:"China Meteorological Administration (CMA)",country:"China",resolution:15,tips:"15km",length:10,frequency:6,models:["cma_grapes_global"],categories:"cma_grapes_global",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"},{rank:9,name:"ACCESS-G",disabled:!0,alias:"GFS",model:"bom_access_global",provider:"Australian Bureau of Meteorology (BOM)",country:"Australia",resolution:15,tips:"15km",length:10,frequency:6,models:["bom_access_global"],categories:"bom_access_global",variables:"temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"}],Re=[{rank:0,name:"Best Match",alias:"BEST MATCH",model:"best_match",models:["best_match"]},{rank:1,name:"MFWAM",alias:"ECMWF",model:"meteofrance_wave",provider:"MeteoFrance",country:"France",resolution:8,tips:"8km",length:10,frequency:12,models:["meteofrance_wave"],categories:"meteofrance_wave",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:2,disabled:!0,name:"SMOC",alias:"ECMWF",model:"meteofrance_currents",provider:"MeteoFrance",country:"France",resolution:8,tips:"8km",length:10,frequency:24,models:["meteofrance_currents"],categories:"meteofrance_currents, meteofrance_sea_surface_temperature",variables:"ocean_u_current,ocean_v_current,invert_barometer_height,sea_level_height_msl,sea_surface_temperature"},{rank:3,disabled:!0,name:"EWAM",alias:"ECMWF",model:"ewam",provider:"DWD",country:"Germany",resolution:5,tips:"5km",length:8,frequency:2,models:["ewam"],categories:"dwd_ewam",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:4,disabled:!0,name:"GWAM",alias:"ECMWF",model:"gwam",provider:"DWD",country:"Germany",resolution:5,tips:"5km",length:4,frequency:2,models:["gwam"],categories:"dwd_gwam",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:5,disabled:!0,name:"ECWAM",alias:"ECMWF",model:"ecmwf_wam025",provider:"ECMWF",country:"Europe",resolution:25,tips:"25km",length:10,frequency:6,models:["ecmwf_wam025"],categories:"ecmwf_wam025",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:6,name:"GFSWave",alias:"GFS",model:"ncep_gfswave025",provider:"NCEP",country:"USA",resolution:25,tips:"25km",length:10,frequency:6,models:["ncep_gfswave025","ncep_gfswave016"],categories:"ncep_gfswave025,ncep_gfswave016",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"},{rank:7,disabled:!0,name:"ERA5-Ocean",alias:"ECMWF",model:"era5_ocean",provider:"Copernicus",country:"Europe",resolution:50,tips:"50km",length:-5,frequency:1,models:["era5_ocean"],categories:"copernicus_era5_ocean",variables:"swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"}];class _o{static standardWeatherModels(){return Ie.filter(t=>!t.disabled&&t.alias)}static standardMarineModels(){return Re.filter(t=>!t.disabled&&t.alias)}static autoPickLayerModel(t,a="copernicus"){return a=a||"copernicus",a=a==null?void 0:a.toLowerCase(),a=["gfs","ecmwf","copernicus"].includes(a)?a:"copernicus",t=t==null?void 0:t.toLowerCase(),t==="gfs"?"gfs":["ec","ecmwf"].includes(t)?"ecmwf":["copernicus","cmems"].includes(t)?"copernicus":a}static autoPickPeerModel(t,a,r="copernicus"){if(a=this.autoPickLayerModel(a,r),ja.LayerHelper.WEATHER_LAYERS.reduce((i,l)=>l.atmos?i+l.weight:i,0)&t.weight){if(a==="copernicus")return"ecmwf"}else if(a==="ecmwf")return"copernicus";return a}static autoPickMeteoModel(t="best_match"){var a,r;t=t==null?void 0:t.toLowerCase(),t=t==="ec"?"ecmwf":t;const i=t.toLowerCase().split(","),l=[],s=[];for(const c of i){let n=Ie.find(d=>{var g,f,x;return((g=d.models)==null?void 0:g.includes(c))||((f=d.alias)==null?void 0:f.toLowerCase())===c||((x=d.name)==null?void 0:x.toLowerCase())===c}),h=Re.find(d=>{var g,f,x;return((g=d.models)==null?void 0:g.includes(c))||((f=d.alias)==null?void 0:f.toLowerCase())===c||((x=d.name)==null?void 0:x.toLowerCase())===c});n=n||Ie.find(d=>{var g,f;return((g=d.alias)==null?void 0:g.toLowerCase())===((f=h==null?void 0:h.alias)==null?void 0:f.toLowerCase())}),h=h||Re.find(d=>{var g,f;return((g=d.alias)==null?void 0:g.toLowerCase())===((f=n==null?void 0:n.alias)==null?void 0:f.toLowerCase())}),n=n||Ie[0],h=h||Re[0],l.push((a=n.models)!=null&&a.includes(c)?c:n.model),s.push((r=h.models)!=null&&r.includes(c)?c:h.model)}return{weatherModels:l.join(","),marineModels:s.join(",")}}static autoPickSubCategories(t){t=t.toUpperCase();const a=Ie.filter(l=>l.alias===t),r=Re.filter(l=>l.alias===t),i=[];return a.forEach(l=>{l.categories&&i.push(...l.categories.split(","))}),r.forEach(l=>{l.categories&&i.push(...l.categories.split(","))}),i}static pickHourly(t,a){var r,i,l,s,c,n,h,d,g,f,x,b,_,p,S,L,k,w,u,z,y,C,E,R,j,A,G,W,F,Q,$,ie,q,ee,re,te,oe,P,U,ce,he,fe,ye,pe,we,be,M,Y,Pe,ke,se,xe;const B=typeof a=="string"?v(a):a,ne=t==null?void 0:t.weather,Z=t==null?void 0:t.marine,X=v((i=(r=ne==null?void 0:ne[0])==null?void 0:r.hourly)==null?void 0:i.date).utc(),ve=X.clone().add((c=(s=(l=ne==null?void 0:ne[0])==null?void 0:l.hourly)==null?void 0:s.time)==null?void 0:c.at(0),"h"),Se=X.clone().add((d=(h=(n=ne==null?void 0:ne[0])==null?void 0:n.hourly)==null?void 0:h.time)==null?void 0:d.at(-1),"h"),Ne=[];if(B.isBetween(ve,Se,"millisecond","[]")){const N=B.utc().diff(ve,"h",!1);let me,ze;if(ne){let Le=0,Ce=0,D=0;for(const Te of ne){const I=Te==null?void 0:Te.hourly;for(let ge=N-(N-1)%3;ge<=N;ge++)Le+=(g=I==null?void 0:I.precipitation)==null?void 0:g.at(ge);for(let ge=N-(N-1)%6;ge<=N;ge++)Ce+=(f=I==null?void 0:I.precipitation)==null?void 0:f.at(ge);for(let ge=N-(N-1)%12;ge<=N;ge++)D+=(x=I==null?void 0:I.precipitation)==null?void 0:x.at(ge);me={temp:(b=I==null?void 0:I.temperature_2m)==null?void 0:b.at(N),apparentTemp:(_=I==null?void 0:I.apparent_temperature)==null?void 0:_.at(N),rh:(p=I==null?void 0:I.relative_humidity_2m)==null?void 0:p.at(N),dp:(S=I==null?void 0:I.dew_point_2m)==null?void 0:S.at(N),precip:{probability:(L=I==null?void 0:I.precipitation_probability)==null?void 0:L.at(N),sum:(k=I==null?void 0:I.precipitation)==null?void 0:k.at(N),sum1Hours:(w=I==null?void 0:I.precipitation)==null?void 0:w.at(N),sum3Hours:Math.round(Le*100)/100,sum6Hours:Math.round(Ce*100)/100,sum12Hours:Math.round(D*100)/100},pmsl:(u=I==null?void 0:I.pressure_msl)==null?void 0:u.at(N),psurf:(z=I==null?void 0:I.surface_pressure)==null?void 0:z.at(N),code:(y=I==null?void 0:I.weather_code)==null?void 0:y.at(N),visibility:this.m2nm((C=I==null?void 0:I.visibility)==null?void 0:C.at(N)),wind:{speed:(E=I==null?void 0:I.wind_speed_10m)==null?void 0:E.at(N),kts:(R=I==null?void 0:I.wind_speed_10m)==null?void 0:R.at(N),degree:(j=I==null?void 0:I.wind_direction_10m)==null?void 0:j.at(N),bearing:((A=I==null?void 0:I.wind_direction_10m)==null?void 0:A.at(N))!==null?(((G=I==null?void 0:I.wind_direction_10m)==null?void 0:G.at(N))+180)%360:null,gusts:(W=I==null?void 0:I.wind_gusts_10m)==null?void 0:W.at(N)},isDay:(F=I==null?void 0:I.is_day)==null?void 0:F.at(N)};const{name:Ee,url:Me,bg:Ve}=this.parseWeatherCode(me.code,me.isDay);me.name=Ee,me.url=Me,me.bg=Ve,me.wind.scale=this.beaufort(this.kts2ms(me.wind.kts)),me.wind.direction=this.degree2Direction(me.wind.degree),Ne.push({utc:ve.add(N,"h").format(),model:Te.model,weather:{...me}})}}if(Z){let Le=0;for(const Ce of Z){const D=Ce==null?void 0:Ce.hourly;ze={wave:{sig:{height:(Q=D==null?void 0:D.wave_height)==null?void 0:Q.at(N),degree:($=D==null?void 0:D.wave_direction)==null?void 0:$.at(N),bearing:((ie=D==null?void 0:D.wave_direction)==null?void 0:ie.at(N))!==null?(((q=D==null?void 0:D.wave_direction)==null?void 0:q.at(N))+180)%360:null,period:(ee=D==null?void 0:D.wave_period)==null?void 0:ee.at(N)},swell:{height:(re=D==null?void 0:D.swell_wave_height)==null?void 0:re.at(N),degree:(te=D==null?void 0:D.swell_wave_direction)==null?void 0:te.at(N),bearing:((oe=D==null?void 0:D.swell_wave_direction)==null?void 0:oe.at(N))!==null?(((P=D==null?void 0:D.swell_wave_direction)==null?void 0:P.at(N))+180)%360:null,period:(U=D==null?void 0:D.swell_wave_period)==null?void 0:U.at(N),peakPeriod:(ce=D==null?void 0:D.swell_wave_peak_period)==null?void 0:ce.at(N)},wd:{height:(he=D==null?void 0:D.wind_wave_height)==null?void 0:he.at(N),degree:(fe=D==null?void 0:D.wind_wave_direction)==null?void 0:fe.at(N),bearing:((ye=D==null?void 0:D.wind_wave_direction)==null?void 0:ye.at(N))!==null?(((pe=D==null?void 0:D.wind_wave_direction)==null?void 0:pe.at(N))+180)%360:null,period:(we=D==null?void 0:D.wind_wave_period)==null?void 0:we.at(N),peakPeriod:(be=D==null?void 0:D.wind_wave_peak_period)==null?void 0:be.at(N)}},current:{speed:(M=D==null?void 0:D.ocean_current_velocity)==null?void 0:M.at(N),kts:(Y=D==null?void 0:D.ocean_current_velocity)==null?void 0:Y.at(N),degree:(Pe=D==null?void 0:D.ocean_current_direction)==null?void 0:Pe.at(N),bearing:((ke=D==null?void 0:D.ocean_current_direction)==null?void 0:ke.at(N))??null},sst:(se=D==null?void 0:D.sea_surface_temperature)==null?void 0:se.at(N),height:(xe=D==null?void 0:D.sea_level_height_msl)==null?void 0:xe.at(N)},ze.wave=this.parseWave(ze.wave,me==null?void 0:me.wind),ze.current.direction=this.degree2Direction(ze.current.degree),Object.assign(Ne[Le],ze),Le++}}}return Ne}static toLegacy(t){var a,r,i,l,s,c,n,h,d,g;return{wind:(a=t==null?void 0:t.weather)==null?void 0:a.wind,visibility:(r=t==null?void 0:t.weather)==null?void 0:r.visibility,temp:(i=t==null?void 0:t.weather)==null?void 0:i.temp,prmsl:(l=t==null?void 0:t.weather)==null?void 0:l.pmsl,gusts:{kts:(c=(s=t==null?void 0:t.weather)==null?void 0:s.wind)==null?void 0:c.gusts},precip:(n=t==null?void 0:t.weather)==null?void 0:n.precip,code:(h=t==null?void 0:t.weather)==null?void 0:h.code,name:(d=t==null?void 0:t.weather)==null?void 0:d.name,url:(g=t==null?void 0:t.weather)==null?void 0:g.url,wave:t==null?void 0:t.wave,current:t==null?void 0:t.current,sst:t==null?void 0:t.sst,height:t==null?void 0:t.height,utc:t==null?void 0:t.utc,source:t==null?void 0:t.model}}static pickDaily(t,a){var r,i,l,s,c,n,h,d,g,f,x,b,_,p,S,L,k,w,u,z,y,C,E,R,j,A,G,W,F,Q,$,ie,q,ee,re,te,oe,P,U,ce,he,fe,ye,pe;const we=typeof a=="string"?v(a):a,be=t==null?void 0:t.weather,M=t==null?void 0:t.marine,Y=v((l=(i=(r=be==null?void 0:be[0])==null?void 0:r.daily)==null?void 0:i.time)==null?void 0:l.at(0)),Pe=v((n=(c=(s=be==null?void 0:be[0])==null?void 0:s.daily)==null?void 0:c.time)==null?void 0:n.at(-1)),ke=[];if(we.isBetween(Y,Pe,"millisecond","[]")){let se,xe;const B=we.diff(Y,"d",!1);if(be)for(const ne of be){const Z=ne.daily;se={code:(h=Z.weather_code)==null?void 0:h.at(B),temp:{max:(d=Z.temperature_2m_max)==null?void 0:d.at(B),min:(g=Z.temperature_2m_min)==null?void 0:g.at(B),mean:(f=Z.temperature_2m_mean)==null?void 0:f.at(B)},apparentTemp:{max:(x=Z.apparent_temperature_max)==null?void 0:x.at(B),min:(b=Z.apparent_temperature_min)==null?void 0:b.at(B)},precip:{sum:(_=Z.precipitation_sum)==null?void 0:_.at(B),rainSum:(p=Z.rain_sum)==null?void 0:p.at(B),snowfallSum:(S=Z.snowfall_sum)==null?void 0:S.at(B),showersSum:(L=Z.showers_sum)==null?void 0:L.at(B),hours:(k=Z.precipitation_hours)==null?void 0:k.at(B),probability:(w=Z.precipitation_probability_max)==null?void 0:w.at(B)},rh:{max:(u=Z.relative_humidity_2m_max)==null?void 0:u.at(B),min:(z=Z.relative_humidity_2m_min)==null?void 0:z.at(B),mean:(y=Z.relative_humidity_2m_mean)==null?void 0:y.at(B)},wind:{speed:(C=Z.wind_speed_10m_max)==null?void 0:C.at(B),kts:(E=Z.wind_speed_10m_max)==null?void 0:E.at(B),degree:(R=Z.wind_direction_10m_dominant)==null?void 0:R.at(B),gusts:(j=Z.wind_gusts_10m_max)==null?void 0:j.at(B),bearing:((A=Z.wind_direction_10m_dominant)==null?void 0:A.at(B))!==null?(((G=Z.wind_direction_10m_dominant)==null?void 0:G.at(B))+180)%360:null}};const{name:X,url:ve,bg:Se}=this.parseWeatherCode(se.code,!0);se.name=X,se.url=ve,se.bg=Se,se.wind.scale=this.beaufort(this.kts2ms(se.wind.kts)),se.wind.direction=this.degree2Direction(se.wind.degree),ke.push({utc:Y.add(B,"d").utc().format(),model:ne.model,weather:{...se}})}if(M){let ne=0;for(const Z of M){const X=Z.daily;xe={wave:{sig:{height:(W=X.wave_height_max)==null?void 0:W.at(B),degree:(F=X.wave_direction_dominant)==null?void 0:F.at(B),period:(Q=X.wave_period_max)==null?void 0:Q.at(B),bearing:(($=X.wave_direction_dominant)==null?void 0:$.at(B))!==null?(((ie=X.wave_direction_dominant)==null?void 0:ie.at(B))+180)%360:null},swell:{height:(q=X.swell_wave_height_max)==null?void 0:q.at(B),degree:(ee=X.swell_wave_direction_dominant)==null?void 0:ee.at(B),period:(re=X.swell_wave_period_max)==null?void 0:re.at(B),peakPeriod:(te=X.swell_wave_peak_period_max)==null?void 0:te.at(B),bearing:((oe=X.swell_wave_direction_dominant)==null?void 0:oe.at(B))!==null?((P=X.swell_wave_direction_dominant)==null?void 0:P.at(B))%360:null},wd:{height:(U=X.wind_wave_height_max)==null?void 0:U.at(B),degree:(ce=X.wind_wave_direction_dominant)==null?void 0:ce.at(B),period:(he=X.wind_wave_period_max)==null?void 0:he.at(B),peakPeriod:(fe=X.wind_wave_peak_period_max)==null?void 0:fe.at(B),bearing:((ye=X.wind_wave_direction_dominant)==null?void 0:ye.at(B))!==null?(((pe=X.wind_wave_direction_dominant)==null?void 0:pe.at(B))+180)%360:null}}},xe.wave=this.parseWave(xe.wave,se==null?void 0:se.wind),Object.assign(ke[ne],xe),ne++}}}return ke}static parseWave(t,a){if(t.sig.direction=this.degree2Direction(t.sig.degree),t.swell.direction=this.degree2Direction(t.swell.degree),t.wd.direction=this.degree2Direction(t.wd.degree),t.sig.scale=this.douglas(t.sig.height),t.swell.scale=this.douglas(t.swell.height),t.wd.scale=this.douglas(t.wd.height),t.sig.height===0){const r=Math.sqrt(Math.pow(t.swell.height||0,2)+Math.pow(t.wd.height||0,2));t.sig.height=Math.round(r*100)/100}if(t.swell.height===0)if(t.sig.height>t.wd.height){const r=Math.sqrt(Math.abs(Math.pow(t.sig.height||0,2)-Math.pow(t.wd.height||0,2)));t.swell.height=Math.round(r*100)/100}else{const r=Math.round(.12*this.kts2ms((a==null?void 0:a.kts)||0)*100)/100,i=r>1?r/10:r>.5?r/5:r>.3?r/2:r;t.swell.height=Math.round(i*100)/100}if(t.wd.height===0||t.wd.height>t.sig.height)if(t.sig.height>t.swell.height){const r=Math.sqrt(Math.abs(Math.pow(t.sig.height||0,2)-Math.pow(t.swell.height||0,2))),i=.24*this.kts2ms((a==null?void 0:a.kts)||0);t.wd.height=Math.round(Math.min(r,i)*100)/100}else{const r=.24*this.kts2ms((a==null?void 0:a.kts)||0);t.wd.height=Math.round(r*100)/100}return t.swell.height>t.sig.height&&(t.swell.height=Math.round(t.sig.height*.76*100)/100),t.sig.period||(t.sig.period=Math.round(5*Math.sqrt(t.sig.height))),t.swell.period||(t.swell.period=Math.round(5*Math.sqrt(t.swell.height))),t.wd.period||(t.wd.period=Math.round(5*Math.sqrt(t.wd.height))),t}static parseWeatherCode(t,a){const r=this.weatherCode(t);return(a?r.day:r.night)||{}}static weatherCode(t){const a={code:t};switch(t){case 0:a.day={name:"Sunny",url:"https://osshz.idmwx.com/asset/weather/01d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg1.png"},a.night={name:"Clear",url:"https://osshz.idmwx.com/asset/weather/01n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg1.png"};break;case 1:a.day={name:"Mainly Sunny",url:"https://osshz.idmwx.com/asset/weather/01d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg1.png"},a.night={name:"Mainly Clear",url:"https://osshz.idmwx.com/asset/weather/01n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg1.png"};break;case 2:a.day={name:"Partly Cloudy",url:"https://osshz.idmwx.com/asset/weather/02d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg2.png"},a.night={name:"Partly Cloudy",url:"https://osshz.idmwx.com/asset/weather/02n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg2.png"};break;case 3:a.day={name:"Overcast",url:"https://osshz.idmwx.com/asset/weather/04d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg3.png"},a.night={name:"Overcast",url:"https://osshz.idmwx.com/asset/weather/04n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg3.png"};break;case 45:a.day={name:"Foggy",url:"https://osshz.idmwx.com/asset/weather/50d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg4.png"},a.night={name:"Foggy",url:"https://osshz.idmwx.com/asset/weather/50n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg4.png"};break;case 48:a.day={name:"Rime Fog",url:"https://osshz.idmwx.com/asset/weather/50d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg4.png"},a.night={name:"Rime Fog",url:"https://osshz.idmwx.com/asset/weather/50n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg4.png"};break;case 51:a.day={name:"Light Drizzle",url:"https://osshz.idmwx.com/asset/weather/14d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Drizzle",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 53:a.day={name:"Drizzle",url:"https://osshz.idmwx.com/asset/weather/14d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Drizzle",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 55:a.day={name:"Heavy Drizzle",url:"https://osshz.idmwx.com/asset/weather/15d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Heavy Drizzle",url:"https://osshz.idmwx.com/asset/weather/15n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 56:a.day={name:"Light Freezing Drizzle",url:"https://osshz.idmwx.com/asset/weather/14d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Freezing Drizzle",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 57:a.day={name:"Freezing Drizzle",url:"https://osshz.idmwx.com/asset/weather/14d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Freezing Drizzle",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 61:a.day={name:"Light Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 63:a.day={name:"Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 65:a.day={name:"Heavy Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Heavy Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 66:a.day={name:"Light Freezing Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Freezing Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 67:a.day={name:"Freezing Rain",url:"https://osshz.idmwx.com/asset/weather/16d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Freezing Rain",url:"https://osshz.idmwx.com/asset/weather/10n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 71:a.day={name:"Light Snow",url:"https://osshz.idmwx.com/asset/weather/17d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Light Snow",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 73:a.day={name:"Snow",url:"https://osshz.idmwx.com/asset/weather/17d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Snow",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 75:a.day={name:"Heavy Snow",url:"https://osshz.idmwx.com/asset/weather/17d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Heavy Snow",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 77:a.day={name:"Snow Grains",url:"https://osshz.idmwx.com/asset/weather/17d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Snow Grains",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 80:a.day={name:"Light Showers",url:"https://osshz.idmwx.com/asset/weather/09d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Showers",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 81:a.day={name:"Showers",url:"https://osshz.idmwx.com/asset/weather/09d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Showers",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 82:a.day={name:"Heavy Showers",url:"https://osshz.idmwx.com/asset/weather/09d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Heavy Showers",url:"https://osshz.idmwx.com/asset/weather/09n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 85:a.day={name:"Light Snow Showers",url:"https://osshz.idmwx.com/asset/weather/13d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Light Snow Showers",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 86:a.day={name:"Snow Showers",url:"https://osshz.idmwx.com/asset/weather/13d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"},a.night={name:"Snow Showers",url:"https://osshz.idmwx.com/asset/weather/13n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg6.png"};break;case 95:a.day={name:"Thunderstorm",url:"https://osshz.idmwx.com/asset/weather/11d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Thunderstorm",url:"https://osshz.idmwx.com/asset/weather/11n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 96:a.day={name:"Light Thunderstorms With Hail",url:"https://osshz.idmwx.com/asset/weather/11d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Light Thunderstorms With Hail",url:"https://osshz.idmwx.com/asset/weather/11n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break;case 99:a.day={name:"Thunderstorms With Hail",url:"https://osshz.idmwx.com/asset/weather/11d.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"},a.night={name:"Thunderstorms With Hail",url:"https://osshz.idmwx.com/asset/weather/11n.svg",bg:"https://osshz.idmwx.com/asset/weather/bg5.png"};break}return a}static kts2ms(t){return isNaN(t)||t===null?t:Math.round(t*1852/3600*1e4)/1e4}static kts2kmh(t){return isNaN(t)||t===null?t:t*1.852}static m2nm(t){return isNaN(t)||t===null?t:Math.round(t/1e3/1.852*1e4)/1e4}static kmh2kts(t){return isNaN(t)||t===null?t:this.ms2kts(t*1e3/3600)}static ms2kts(t){return isNaN(t)||t===null?t:Math.round(t*3600/1852*1e4)/1e4}static degree2Radian(t){if(isNaN(t)||t===null)return t;let a=t%360/360*2*Math.PI;return a=a<0?a+2*Math.PI:a,a}static degree2Direction(t){const a=this.degree2Radian(t);if(isNaN(a)||a===null)return null;let r="N/A";const i=Math.PI/16;return a<i?r="N":a>=i&&a<3*i?r="NNE":a>=3*i&&a<5*i?r="NE":a>=5*i&&a<7*i?r="ENE":a>=7*i&&a<9*i?r="E":a>=9*i&&a<11*i?r="ESE":a>=11*i&&a<13*i?r="SE":a>=13*i&&a<15*i?r="SSE":a>=15*i&&a<17*i?r="S":a>=17*i&&a<19*i?r="SSW":a>=19*i&&a<21*i?r="SW":a>=21*i&&a<23*i?r="WSW":a>=23*i&&a<25*i?r="W":a>=25*i&&a<27*i?r="WNW":a>=27*i&&a<29*i?r="NW":a>=29*i&&a<31*i?r="NNW":a>=31*i&&a<32*i&&(r="N"),r}static beaufort(t){let a=0;return isNaN(t)||(t=Math.round(t*10)/10,t<=.2?a=0:t<=1.5?a=1:t<=3.3?a=2:t<=5.4?a=3:t<=7.9?a=4:t<=10.7?a=5:t<=13.8?a=6:t<=17.1?a=7:t<=20.7?a=8:t<=22.4?a=9:t<=28.4?a=10:t<=32.6?a=11:t<=36.9?a=12:t<=41.4?a=13:t<=46.1?a=14:t<=50.9?a=15:t<=55.9?a=16:t<=61.2?a=17:t>61.2&&(a=18)),a}static douglas(t){let a="Calm";return isNaN(t)||t<=.1?a="Calm":t<=.5?a="Smooth":t<=1.25?a="Slight":t<=2.5?a="Moderate":t<=4?a="Rough":t<=6?a="VeryRough":t<=9?a="High":t<=14?a="VeryHigh":a="Precipitous",a}}const rh="",Gn={name:"IdmTropicals",props:{simple:{type:Boolean,default:!1},permission:{type:Number},locale:{type:String},map:{type:Object},top:{type:Number,default:60},paddingTop:{type:Number,default:48},menuToggle:{type:Object,default:{}},timeZone:{type:Number},token:{type:String},defaultMeteoToken:{type:String},gateway:{type:String,default:"aa"},assistGateway:{type:Array,default:[]},forecastModel:{type:String},realTime:{type:String},beforeLayer:{type:String}},emits:["tropical","tropicalCenterPoints","tropicalProbability","tropicalNotification"],setup(){return{Theme:le.useTheme()}},data(){return{right:10,toggle:!1,helper:Be.CompanyHelper,tropicals:void 0,tropicalCacheKey:"tropicalCacheGL4",source:"tropicals-source",clusterSource:"tropicals-cluster-source",historyLayer:"tropicals-history-layer",forecastLayer:"tropicals-forecast-layer",forecastModelLayer:"tropicals-forecast-model-layer",forecastNameLayer:"tropicals-forecast-name-layer",pointCircleLayer:"tropicals-point-circle-layer",pointLabelLayer:"tropicals-point-label-layer",historyPointCircleLayer:"history-tropicals-point-circle-layer",historyPointLabelLayer:"history-tropicals-point-label-layer",interpolateData:[],interpolateMarkers:[],interpolateSource:"tropicals-interpolate-source",interpolateLineLayer:"tropicals-interpolate-line-layer",showTropicalsInfo:!1,activeTropicals:void 0,activeTropicalsMarker:void 0,empty:V.featureCollection([]),showLegend:!1,showHoverPoint:!1,hoverPoint:void 0,hoverMarker:void 0}},computed:{hoverLayers(){return[this.forecastNameLayer,this.forecastLayer,this.historyLayer,this.pointCircleLayer,this.pointCircleLayer+"-border",this.historyPointCircleLayer,this.historyPointCircleLayer+"-border",this.historyPointCircleLayer+"-inner"]},clickLayers(){return[this.forecastNameLayer,this.historyLayer]},computeTime(){return(o,t)=>{if(o){const a=v(o).utcOffset(t),r=t<0?t:"+"+t;return`${a==null?void 0:a.format("MMM-DD/HHmm")} (UTC${r}) ${a==null?void 0:a.fromNow()} `}return"-"}},computeTzTime(){return(o,t,a="MM-DD HH:mm")=>{var r,i;if(o){const l=t||0,s=(i=(r=v(o))==null?void 0:r.utcOffset(l))==null?void 0:i.format(a),c=`(UTC ${l>=0?"+":""}${l})`;return s+" "+c}return"-"}},computeTimezone(){return this.timeZone<0?this.timeZone:"+"+this.timeZone},computeBF(){return function(o){const t=_o.kts2ms(o);return _o.beaufort(t)}},computeMovement(){return function(o){var t,a;return(a=(t=o==null?void 0:o.forecasts)==null?void 0:t.find(r=>!r.disabled))==null?void 0:a.movement}},computePosition(){return o=>!o||o.lng===null||o.lng===void 0||isNaN(o.lng)||o.lat===null||o.lat===void 0||isNaN(o.lat)?"-":T.LngLatHelper.lat2pretty(o==null?void 0:o.lat,2).pretty+" / "+T.LngLatHelper.lng2pretty(o==null?void 0:o.lng,2).pretty}},watch:{"menuToggle.v":{handler(){this.$nextTick(()=>{var o;this.simple||(this.right=(((o=document.getElementsByClassName("right-bar")[0])==null?void 0:o.clientWidth)||0)+10)})},immediate:!0},map:{handler(){this.map?(this.toggle=localStorage.getItem(this.tropicalCacheKey)==="true"||!1,localStorage.setItem(this.tropicalCacheKey,this.toggle),this.toggle&&this.fetchTropicals()):this.handleClear()}},showTropicalsInfo:{handler(){this.$emit("tropical",this.showTropicalsInfo)},immediate:!0},"tropicals.version":{handler(){this.handleRefresh()}},timeZone:{handler(o,t){o!==t&&this.handleRefresh()}},realTime:{handler(o){this.map&&o&&this.toggle&&this.handleRender()}},locale:{handler(o){this.map&&this.toggle&&this.handleRefresh()}}},mounted(){},methods:{handleMenuToggle(){var o,t,a;this.toggle=!this.toggle,localStorage.setItem(this.tropicalCacheKey,this.toggle),this.toggle?this.fetchTropicals():(this.handleClear(),(a=(t=(o=this.$parent)==null?void 0:o.$refs)==null?void 0:t.idmBottomBar)==null||a.handleToggle("tropical",!1))},async fetchTropicals(){var i,l,s;const o=new Date().valueOf();let t=0,a=0,r=(i=Be.LayerHelper.WEATHER_LAYERS.find(c=>c.key==="tropicals"))==null?void 0:i.weight;if(r>0){const c=this.assistGateway[Math.round(Math.random()*(this.assistGateway.length-1))],n=await J.get(`${c}/api/arc/weather/layers2/links?l=${r}&v=${this.forecastModel}&t=${this.realTime}`,{headers:{Authorization:this.defaultMeteoToken}});if(a=new Date().valueOf()-(o+t),console.log("weather links elapsed: ",a,", total: ",t+=a),((l=n==null?void 0:n.data)==null?void 0:l.code)===0){const h=(s=n==null?void 0:n.data)==null?void 0:s.data;await J.get(h.tropicals,{headers:{Authorization:this.defaultMeteoToken,key:"tropicals"},responseType:/\.(jpg|png)$/.test(h.tropicals)?"blob":"json"}).then(d=>{var x,b,_;const g=T.TropicalHelper.convert2Geojson(((x=d==null?void 0:d.data)==null?void 0:x.data)||(d==null?void 0:d.data));((_=(b=d==null?void 0:d.config)==null?void 0:b.headers)==null?void 0:_.key)&&g&&(this.tropicals={data:g,active:!0,cached:!0,type:"json",etime:n.data.etime,version:Math.random()+1})}).catch(d=>{console.log(`[${key}] fetch layer error: ${d}`)})}a=new Date().valueOf()-(o+t),console.log("tropicals elapsed: ",a,", total: ",t+=a)}},handleRefresh(){var t,a;(((a=(t=this.tropicals)==null?void 0:t.data)==null?void 0:a.features)||[]).forEach(r=>{var i,l,s,c,n,h,d,g,f,x,b,_,p,S,L,k,w,u,z,y;if(((i=r.geometry)==null?void 0:i.type)==="Point"){let C="";switch(!0){case(((l=r.properties.wind)==null?void 0:l.kts)<32||((s=r.properties)==null?void 0:s.kts)<32):C="TD";break;case(((c=r.properties.wind)==null?void 0:c.kts)<47||((n=r.properties)==null?void 0:n.kts)<47):C="TS";break;case(((h=r.properties.wind)==null?void 0:h.kts)<63||((d=r.properties)==null?void 0:d.kts)<63):C="STS";break;case(((g=r.properties.wind)==null?void 0:g.kts)<79||((f=r.properties)==null?void 0:f.kts)<79):C="TY";break;case(((x=r.properties.wind)==null?void 0:x.kts)<94||((b=r.properties)==null?void 0:b.kts)<94):C="STY";break;case(((_=r.properties.wind)==null?void 0:_.kts)>=94||((p=r.properties)==null?void 0:p.kts)>=94):C="Super TY";break;default:C="Super TY";break}r.properties.level=C}((S=r.geometry)==null?void 0:S.type)==="Point"&&((L=r.properties)!=null&&L.important)&&(r.properties.format=(w=(k=v(r.properties.date))==null?void 0:k.utcOffset(this.timeZone))==null?void 0:w.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`)),((u=r.geometry)==null?void 0:u.type)==="Point"&&(r.properties.Name=((y=(z=r.properties.name)==null?void 0:z.trim())==null?void 0:y.replace(/^./,C=>C.toUpperCase()))||r.properties.nameCn,r.properties.nameCn=r.properties.nameCn||r.properties.Name||"-")}),this.handleInit()},handleInit(){var o,t,a,r,i,l,s,c,n,h,d,g;this.handleClear(),this.tropicals&&this.map&&(this.handleRender(),(o=this.map)==null||o.on("click",this.clickLayers,this.handleClick),(t=this.map)==null||t.on("mousemove",this.hoverLayers,this.handleHover),(a=this.map)==null||a.on("mouseleave",this.hoverLayers,this.handleLeave)),((l=(i=(r=this.tropicals)==null?void 0:r.data)==null?void 0:i.features)==null?void 0:l.length)>0?(n=(c=(s=this.$parent)==null?void 0:s.$refs)==null?void 0:c.idmBottomBar)==null||n.handleToggle("tropical",!0):(g=(d=(h=this.$parent)==null?void 0:h.$refs)==null?void 0:d.idmBottomBar)==null||g.handleToggle("tropical",!1)},handleRender(){var o,t,a,r,i,l,s,c,n,h;if(this.tropicals&&this.map){const d=new Date().valueOf();let g=0,f=0;(o=this.map)!=null&&o.getSource(this.source)?((a=this.map)==null||a.getSource(this.source).setData((t=this.tropicals)!=null&&t.active?this.tropicals.data:this.empty),f=new Date().valueOf()-(d+g),console.log("[tropicals] update elapsed: ",f,", total: ",g+=f)):(this.map.addSource(this.source,{type:"geojson",data:(r=this.tropicals)!=null&&r.active?(i=this.tropicals)==null?void 0:i.data:this.empty}),this.map.addLayer({id:this.historyLayer,type:"line",source:this.source,filter:["all",["==","$type","LineString"],["==","type","history"],["!=","disabled",!0]],layout:{"line-cap":"round","line-join":"round"},paint:{"line-color":this.Theme.current.value.colors["on-surface"],"line-width":3,"line-opacity":.7}},this.beforeLayer),this.map.addLayer({id:this.forecastLayer,type:"line",source:this.source,filter:["all",["==","$type","LineString"],["==","type","forecast"],["!=","disabled",!0]],layout:{"line-cap":"round","line-join":"round"},paint:{"line-color":["match",["get","model"],"cma",this.Theme.current.value.colors["tropicals-cma"],"jma",this.Theme.current.value.colors["tropicals-jma"],"ecmwf",this.Theme.current.value.colors["tropicals-ecmwf"],"ukm",this.Theme.current.value.colors["tropicals-ukm"],"noaa-at",this.Theme.current.value.colors["tropicals-noaa-at"],"noaa-ep",this.Theme.current.value.colors["tropicals-noaa-ep"],this.Theme.current.value.colors["tropicals-noaa-other"]],"line-width":2,"line-opacity":1,"line-dasharray":[1,2]}},this.beforeLayer),this.map.addLayer({id:this.forecastModelLayer,type:"symbol",source:this.source,filter:["all",["==","$type","LineString"],["==","type","forecast"],["!=","disabled",!0]],layout:{"symbol-placement":"line","text-field":"{model}","text-rotation-alignment":"viewport","text-size":12},paint:{"text-color":this.Theme.current.value.dark?"#333":"#fff","text-opacity":1,"text-halo-color":["match",["get","model"],"cma",this.Theme.current.value.colors["tropicals-cma"],"jma",this.Theme.current.value.colors["tropicals-jma"],"ecmwf",this.Theme.current.value.colors["tropicals-ecmwf"],"ukm",this.Theme.current.value.colors["tropicals-ukm"],"noaa-at",this.Theme.current.value.colors["tropicals-noaa-at"],"noaa-ep",this.Theme.current.value.colors["tropicals-noaa-ep"],this.Theme.current.value.colors["tropicals-noaa-other"]],"text-halo-width":4}},this.beforeLayer),f=new Date().valueOf()-(d+g),console.log("[tropical] add elapsed: ",f,", total: ",g+=f)),(l=this.map)!=null&&l.getSource(this.clusterSource)?((c=this.map)==null||c.getSource(this.clusterSource).setData((s=this.tropicals)!=null&&s.active?this.tropicals.data:this.empty),f=new Date().valueOf()-(d+g),console.log("[tropical] update elapsed: ",f,", total: ",g+=f)):(this.map.addSource(this.clusterSource,{type:"geojson",data:(n=this.tropicals)!=null&&n.active?(h=this.tropicals)==null?void 0:h.data:this.empty}),this.map.addLayer({id:this.pointCircleLayer+"-border",type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","forecast"],["!=","disabled",!0]],paint:{"circle-radius":5,"circle-color":this.Theme.current.value.colors["on-surface"]}},this.beforeLayer),this.map.addLayer({id:this.pointCircleLayer,type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","forecast"],["!=","disabled",!0]],paint:{"circle-radius":4,"circle-color":["case",["boolean",["==",["get","kts",["get","wind"]],null]],this.Theme.current.value.colors["tropicals-td"],["boolean",["<",["get","kts",["get","wind"]],32]],this.Theme.current.value.colors["tropicals-td"],["boolean",["<",["get","kts",["get","wind"]],47]],this.Theme.current.value.colors["tropicals-ts"],["boolean",["<",["get","kts",["get","wind"]],63]],this.Theme.current.value.colors["tropicals-sts"],["boolean",["<",["get","kts",["get","wind"]],79]],this.Theme.current.value.colors["tropicals-ty"],["boolean",["<",["get","kts",["get","wind"]],94]],this.Theme.current.value.colors["tropicals-sty"],["boolean",[">=",["get","kts",["get","wind"]],94]],this.Theme.current.value.colors["tropicals-super-ty"],"#fff"]}},this.beforeLayer),this.map.addLayer({id:this.pointLabelLayer,type:"symbol",source:this.clusterSource,minzoom:5,filter:["all",["==","$type","Point"],["==","type","forecast"],["!=","disabled",!0]],layout:{"text-field":["get","format"],"text-offset":[1,0],"text-anchor":"left","text-size":10},paint:{"text-color":this.Theme.current.value.colors["on-surface"]}},this.beforeLayer),this.map.addLayer({id:this.historyPointCircleLayer+"-border",type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","history"],["==","important",!0],["!=","disabled",!0]],paint:{"circle-radius":6,"circle-color":"#fff"}},this.beforeLayer),this.map.addLayer({id:this.historyPointCircleLayer,type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","history"],["==","important",!0],["!=","disabled",!0]],paint:{"circle-radius":5,"circle-color":"rgba(0,0,0,0.7)"}},this.beforeLayer),this.map.addLayer({id:this.historyPointCircleLayer+"-inner",type:"circle",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","history"],["==","important",!0],["!=","disabled",!0]],paint:{"circle-radius":3,"circle-color":"#fff"}},this.beforeLayer),this.map.addLayer({id:this.historyPointLabelLayer,type:"symbol",source:this.clusterSource,minzoom:5,filter:["all",["==","$type","Point"],["==","type","history"],["==","important",!0],["!=","disabled",!0]],layout:{"text-field":["get","format"],"text-offset":[1,0],"text-anchor":"left","text-size":10},paint:{"text-color":this.Theme.current.value.colors["on-surface"]}},this.beforeLayer),this.map.addLayer({id:this.forecastNameLayer,type:"symbol",source:this.clusterSource,filter:["all",["==","$type","Point"],["==","type","forecast"],["==","important",!0]],layout:{"text-field":["get",this.locale==="en"?"Name":"nameCn"],"text-anchor":"bottom","text-size":16,"text-allow-overlap":!0,"text-ignore-placement":!0,"text-font":["DIN Pro Regular","Arial Unicode MS Regular"],"text-offset":[0,2]},paint:{"text-color":this.Theme.current.value.colors["map-blue"],"text-halo-color":"#ffffff","text-halo-width":2}},this.beforeLayer),f=new Date().valueOf()-(d+g),console.log("[tropical] add elapsed: ",f,", total: ",g+=f));const x=T.TropicalHelper.interpolate(this.tropicals,1);this.interpolateData=JSON.parse(JSON.stringify(x)),this.handleDateChange()}},handleClear(){var o,t,a,r;this.map&&(this.map.getLayer(this.historyLayer)&&this.map.removeLayer(this.historyLayer),this.map.getLayer(this.forecastLayer)&&this.map.removeLayer(this.forecastLayer),this.map.getLayer(this.forecastModelLayer)&&this.map.removeLayer(this.forecastModelLayer),this.map.getLayer(this.forecastNameLayer)&&this.map.removeLayer(this.forecastNameLayer),this.map.getLayer(this.pointCircleLayer)&&this.map.removeLayer(this.pointCircleLayer),this.map.getLayer(this.pointCircleLayer+"-border")&&this.map.removeLayer(this.pointCircleLayer+"-border"),this.map.getLayer(this.pointLabelLayer)&&this.map.removeLayer(this.pointLabelLayer),this.map.getLayer(this.historyPointCircleLayer)&&this.map.removeLayer(this.historyPointCircleLayer),this.map.getLayer(this.historyPointCircleLayer+"-border")&&this.map.removeLayer(this.historyPointCircleLayer+"-border"),this.map.getLayer(this.historyPointCircleLayer+"-inner")&&this.map.removeLayer(this.historyPointCircleLayer+"-inner"),this.map.getLayer(this.historyPointLabelLayer)&&this.map.removeLayer(this.historyPointLabelLayer),this.map.getLayer(this.interpolateLineLayer)&&this.map.removeLayer(this.interpolateLineLayer),(o=this.interpolateMarkers)==null||o.forEach(i=>i==null?void 0:i.remove()),this.map.getSource(this.source)&&this.map.removeSource(this.source),this.map.getSource(this.clusterSource)&&this.map.removeSource(this.clusterSource),this.map.getSource(this.interpolateSource)&&this.map.removeSource(this.interpolateSource)),(t=this.map)==null||t.off("click",this.clickLayers,this.handleClick),(a=this.map)==null||a.off("mousemove",this.hoverLayers,this.handleHover),(r=this.map)==null||r.off("mouseleave",this.hoverLayers,this.handleLeave),this.handleCloseInfoMarker()},handleDateChange(){var o,t,a,r,i,l,s,c,n,h,d,g,f,x,b,_,p,S,L,k,w,u,z,y,C,E,R,j,A,G,W,F,Q,$,ie;if((o=this.interpolateMarkers)==null||o.forEach(q=>q==null?void 0:q.remove()),(t=this.interpolateData)!=null&&t.length&&this.tropicals.active){const q=v(this.realTime).utc().set({minute:0,second:0,millisecond:0}),ee=this.interpolateData.filter(P=>P.properties.date===(q==null?void 0:q.format())&&!P.properties.disabled),re=this.handleComputePolygons(ee),te=V.featureCollection([...ee]);re.forEach(P=>{te.features.push(P)}),(a=this.map)!=null&&a.getSource(this.interpolateSource)?(r=this.map)==null||r.getSource(this.interpolateSource).setData(te):((i=this.map)==null||i.addSource(this.interpolateSource,{type:"geojson",data:te}),(l=this.map)==null||l.addLayer({id:this.interpolateLineLayer,type:"line",source:this.interpolateSource,filter:["all",["==","$type","Polygon"],["!=","disabled",!0]],paint:{"line-opacity":1,"line-color":["match",["get","level"],7,this.Theme.current.value.colors["tropicals-r7"],10,this.Theme.current.value.colors["tropicals-r10"],this.Theme.current.value.colors["tropicals-r10"]],"line-width":1}},"empty-layer-3")),this.interpolateMarkers=[];const oe=[];for(const P of ee)if(!P.properties.disabled){if(!oe.some(ye=>{var pe;return ye.properties.name===((pe=P.properties)==null?void 0:pe.name)})){const ye=((c=(s=this.tropicals.data.features.find(pe=>{var we;return pe.properties.name===((we=P.properties)==null?void 0:we.name)}))==null?void 0:s.properties)==null?void 0:c.nameCn)||((n=P.properties)==null?void 0:n.Name)||"-";P.properties.nameCn=ye,P.properties.Name=((d=(h=P.properties.name)==null?void 0:h.trim())==null?void 0:d.replace(/^./,pe=>pe.toUpperCase()))||P.properties.nameCn,oe.push(P)}let U=this.Theme.current.value.colors["tropicals-ty"];((f=(g=P.properties)==null?void 0:g.wind)==null?void 0:f.kts)<32||!((b=(x=P.properties)==null?void 0:x.wind)!=null&&b.kts)?U=this.Theme.current.value.colors["tropicals-td"]:((p=(_=P.properties)==null?void 0:_.wind)==null?void 0:p.kts)>=32&&((L=(S=P.properties)==null?void 0:S.wind)==null?void 0:L.kts)<47?U=this.Theme.current.value.colors["tropicals-ts"]:((w=(k=P.properties)==null?void 0:k.wind)==null?void 0:w.kts)>=47&&((z=(u=P.properties)==null?void 0:u.wind)==null?void 0:z.kts)<63?U=this.Theme.current.value.colors["tropicals-sts"]:((C=(y=P.properties)==null?void 0:y.wind)==null?void 0:C.kts)>=63&&((R=(E=P.properties)==null?void 0:E.wind)==null?void 0:R.kts)<79?U=this.Theme.current.value.colors["tropicals-ty"]:((A=(j=P.properties)==null?void 0:j.wind)==null?void 0:A.kts)>=79&&((W=(G=P.properties)==null?void 0:G.wind)==null?void 0:W.kts)<94?U=this.Theme.current.value.colors["tropicals-sty"]:((Q=(F=P.properties)==null?void 0:F.wind)==null?void 0:Q.kts)>=94?U=this.Theme.current.value.colors["tropicals-super-ty"]:U=this.Theme.current.value.colors["tropicals-ty"];const ce=`<svg t="1719918955501"
204
204
  class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="18382"
205
205
  xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
206
206
  <path
@@ -166,6 +166,7 @@ declare namespace _sfc_main {
166
166
  immediate: boolean;
167
167
  };
168
168
  };
169
+ function mounted(): void;
169
170
  namespace methods {
170
171
  function arraysEqual(arr1: any, arr2: any): boolean;
171
172
  function fetchCache(): void;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@idmwx/idmui-gl4",
3
3
  "private": false,
4
- "version": "2.1.5",
4
+ "version": "2.1.7",
5
5
  "description": "idm webgl4",
6
6
  "type": "module",
7
7
  "keywords": [