https://www.ilmatieteenlaitos.fi/v3.0.0/_nuxt/B_d9E0xm.js

1import{E as e,u as l,s as a,y as t,d as n,aW as r,at as s,A as i,an as o,au as d,o as u,c,f as v,t as f,b as g,a as h,g as m,O as x,b1 as p,ap as y,h as b,w as k,k as I,n as w,Y as _,az as $,bV as T,ar as L,F,r as S,D as C,ao as R,e as E,_ as U}from"./ycJ6GkWa.js";import{c as z,b as B,y as j,x as A,z as M}from"./DXFkAn90.js";import{s as O}from"./CLw-0C1E.js";const W=e("PauseIcon",[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]]),N=e("PlayIcon",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]),P=24e4,H={fi:M,en:A,sv:j};function J(e){const{locale:n}=l(),{isLoading:r,data:s,error:i,suspense:o}=a({queryKey:t((()=>["observationImages",e.value])),queryFn:()=>{var l;return $fetch(null!=(l=e.value)?l:"",{parseResponse:JSON.parse})},enabled:t((()=>!!e.value)),staleTime:P,refetchInterval:P,refetchIntervalInBackground:!1});return{images:t((()=>{var e,l,a;return null!=(a=null==(l=null==(e=s.value)?void 0:e.images)?void 0:l.map((e=>{const l=z(new Date(e.epoch),{shortFormat:!0,locale:n.value}),a=B(e.epoch,"d.M.",{locale:H[n.value]});return{text_time:B(e.epoch,"H:mm",{locale:H[n.value]}),text_date:`${l} ${a}`,url:e.url}})))?a:[]})),isLoading:r,error:i}}const q={class:"bg-lightIcebluetwo p-0"},D=["href"],K={key:1,class:"notification-panel"},V={key:2,class:"flex flex-col w-full"},Y=["src","alt"],X={class:"flex items-center flex-row w-full px-3 py-1 gap-3 justify-center bg-blueberry text-white"},G={class:"flex flex-col items-center text-nowrap gap-1 px-2 min-w-16 min-w-[80px]"},Q={key:0},Z={key:1},ee={class:"flex flex-col gap-2 w-full"},le={class:"flex w-full justify-between items-center"},ae={key:0},te={key:1},ne={class:"relative h-6"},re=["max","aria-label","aria-valuetext"],se={class:"absolute top-0 left-0 w-full h-6 z-10 flex"},ie={key:0,class:"flex justify-between"},oe={key:0},de={class:"h-4 flex"},ue={key:0,class:"w-full flex justify-between"},ce={key:1,class:"flex justify-center flex-wrap p-3 gap-4"},ve=["onClick"],fe=["checked","aria-labelledby"],ge=["src"],he=["src"],me={key:1,class:"flex gap-2 items-center cursor-pointer text-blueberry"},xe=["src"],pe=["src"],ye=["id"],be=R(n({__name:"ImageCarousel",props:{fields:{},sys:{}},setup(e){const{locale:a,t:n}=l(),R=r(),E=e,U=s(`imageCarousel_legend_${E.sys.id}`),z=C(),B=C(0),j=C(void 0),A=C(!1),M=C(null),P=C(void 0),H=t((()=>{var e;if(void 0!==j.value){const l=null==(e=E.fields.legendIconList)?void 0:e[j.value];if(l)return l.fields.alternativeUrlForObservationImages}return E.fields.pathToObservationImages})),be=t((()=>{var e;if(j.value){const l=null==(e=E.fields.legendIconList)?void 0:e[j.value];if(l)return l.fields.alternativeUrlForForecastImages}return E.fields.pathToForecastImages})),{images:ke}=J(H),{images:Ie}=J(be),we=t((()=>[...ke.value,...Ie.value])),_e=t((()=>we.value[B.value])),$e=e=>{B.value=e},Te=t((()=>{const e=we.value[0];return e?`${e.text_date} ${e.text_time}`:""})),Le=t((()=>{const e=we.value.at(-1);return e?`${e.text_date} ${e.text_time}`:""})),Fe=t((()=>{switch(a.value){case"sv":return n("ariaImageCarouselImageAlt",{heading:E.fields.headingSv,startIndex:B.value+1,endIndex:we.value.length});case"en":return n("ariaImageCarouselImageAlt",{heading:E.fields.headingEn,startIndex:B.value+1,endIndex:we.value.length});default:return n("ariaImageCarouselImageAlt",{heading:E.fields.headingFi,startIndex:B.value+1,endIndex:we.value.length})}})),Se=t((()=>{let e=n("ariaTimeselectorLabel");const l=we.value[0],a=we.value.at(-1);return l&&a?(e+=l.text_date,e+=l.text_time,e+=" - ",l.text_date!==a.text_date&&(e+=a.text_date),e+=a.text_time,e):e})),Ce=t((()=>{const e=we.value[B.value];if(!e)return"";const l=`${e.text_date} ${e.text_time}`;return 0===B.value?`${l}${n("ariaTimeselectorFirstImage")}`:B.value===we.value.length-1?`${l}${n("ariaTimeselectorLastImage")}`:l})),Re=t((()=>{var e,l;return null!=(l=null==(e=E.fields.legendJson)?void 0:e.map((e=>e.color)).filter(Boolean))?l:[]})),Ee=t((()=>{var e,l;return null!=(l=null==(e=E.fields.legendJson)?void 0:e.map((e=>e[`text_${a.value}`])).filter(Boolean))?l:[]})),Ue=e=>{var l;const a=document.getElementsByTagName("html");if(a){if("touch"===a[0].getAttribute("data-whatintent"))return void(M.value=null)}const t=e.target,n=Math.round(e.offsetX/(null==t?void 0:t.clientWidth)*parseInt(null!=(l=t.getAttribute("max"))?l:"0",10)),r=we.value[n];r&&(P.value=`${r.text_date} ${r.text_time}`,M.value=n)},ze=e=>{switch(a.value){case"sv":return e.fields.legendTextSv;case"en":return e.fields.legendTextEn;default:return e.fields.legendTextFi}},Be=e=>{A.value=!0;let l=B.value;return e.deltaY<0?(l--,l<0&&(l=we.value.length-1)):e.deltaY>0&&(l++,l>=we.value.length&&(l=0)),$e(l),!0},je=()=>{A.value=!A.value},Ae=()=>{var e;let l="";const t=void 0!==j.value&&(null==(e=E.fields.legendIconList)?void 0:e[j.value]);t&&("fi"===a.value?l=null==t?void 0:t.fields.legendTextFi:"sv"===a.value?l=null==t?void 0:t.fields.legendTextSv:"en"===a.value&&(l=null==t?void 0:t.fields.legendTextEn)),U.set(l)},Me=()=>{We.value=0};i((()=>{var e;clearInterval(z.value),z.value=O((()=>

1{if(A.value||M.value)return;let e=(B.value+1)%we.value.length;isNaN(e)&&(e=0,A.value=!0),$e(e)}),500),null==(e=E.fields.legendIconList)||e.forEach(((e,l)=>{e.fields.selected&&(j.value=l)})),(()=>{var e;const l=null!=(e=U.get())?e:null;let t;l&&E.fields.legendIconList&&E.fields.legendIconList.forEach(((e,n)=>{("fi"===a.value&&e.fields.legendTextFi===l||"sv"===a.value&&e.fields.legendTextSv===l||"en"===a.value&&e.fields.legendTextEn===l)&&(t=n)})),null!==l&&(j.value=t)})(),window.addEventListener("resize",Me)})),o((()=>{clearInterval(z.value),window.removeEventListener("resize",Me)}));const Oe=C(),We=C(0);return d(_e,(()=>{var e,l;We.value=Math.max(We.value,null!=(l=null==(e=Oe.value)?void 0:e.height)?l:0)})),(e,l)=>{var a,t,r;const s=I;return u(),c("div",q,[v(we).length>0?(u(),c("a",{key:0,href:`#${v(R)}`,class:"sr-only focus:not-sr-only"},f(v(n)("skipNextUiComponent")),9,D)):g("",!0),0===v(we).length?(u(),c("div",K,f(v(n)("missingRadarData")),1)):(u(),c("div",V,[h("div",{class:"flex justify-center",style:y({minHeight:`${v(We)}px`})},[(u(),m(p,null,[(null==(a=v(_e))?void 0:a.url)?(u(),c("img",{key:0,ref_key:"imgRef",ref:Oe,src:v(_e).url,alt:v(Fe),onClick:je,onWheel:l[0]||(l[0]=x((e=>Be(e)),["prevent"]))},null,40,Y)):g("",!0)],1024))],4),h("div",X,[h("div",G,[b(s,{size:"icon",class:"mt-1",variant:"outline",dark:"","aria-label":v(A)?e.$t("ariaRadarPlay"):e.$t("ariaRadarStop"),onClick:je},{default:k((()=>[v(A)?(u(),m(v(N),{key:0})):(u(),m(v(W),{key:1}))])),_:1},8,["aria-label"]),v(A)?(u(),c("div",Q,f(e.$t("startAnimationButtonText")),1)):(u(),c("div",Z,f(e.$t("endAnimationButtonText")),1))]),h("div",ee,[h("div",le,[v(ke).length>0&&v(Ie).length>0?(u(),c("span",ae,f(e.$t("imageCarouselObs")),1)):g("",!0),h("span",{class:w(("cn"in e?e.cn:v(_))("m-auto p-1 bg-blueberry rounded-sm border border-solid border-white",v(M)&&"italic"))},f(v(M)?v(P):`${null==(t=v(_e))?void 0:t.text_date} ${null==(r=v(_e))?void 0:r.text_time}`),3),v(ke).length>0&&v(Ie).length>0?(u(),c("span",te,f(e.$t("imageCarouselFcst")),1)):g("",!0)]),h("div",ne,[$(h("input",{"onUpdate:modelValue":l[1]||(l[1]=e=>L(B)?B.value=e:null),type:"range",min:"0",max:v(we).length-1,class:"hidden-slider absolute top-0 cursor-pointer w-full bg-transparent appearance-none z-20 focus:outline-none","aria-label":v(Se),"aria-valuetext":v(Ce),onWheel:l[2]||(l[2]=x((e=>Be(e)),["prevent"])),onMousemove:Ue,onMouseleave:l[3]||(l[3]=e=>M.value=null),onBlur:l[4]||(l[4]=e=>M.value=null),onTouchmovePassive:l[5]||(l[5]=e=>{A.value=!0})},null,40,re),[[T,v(B),void 0,{number:!0}]]),h("div",se,[(u(!0),c(F,null,S(v(we).length,((l,a)=>(u(),c("span",{key:"underlay_"+a,class:w(["border-l-2 border-solid w-full",("cn"in e?e.cn:v(_))("[&:first-child]:border-l-2 [&:first-child]:border-l-white","[&:not(:first-child)]:border-white","[&:last-child]:border-r-2 [&:last-child]:border-r-transparent",a<v(ke).length?"bg-warmBlue3":"bg-turqoiseBlue3",a===v(B)&&"bg-white border-t-2 border-b-2",a===v(B)&&v(B)===v(we).length-1&&"border-r-2 border-r-white",a===v(M)&&"bg-darkBlueberry")])},null,2)))),128))])]),v(we).length>0?(u(),c("div",ie,[h("span",null,f(v(Te)),1),h("span",null,f(v(Le)),1)])):g("",!0)])]),v(Re).length>0?(u(),c("div",oe,[h("div",de,[(u(!0),c(F,null,S(v(Re),(e=>(u(),c("div",{key:e,class:"flex-grow",style:y({"background-color":e})},null,4)))),128))]),v(Ee)?(u(),c("div",ue,[(u(!0),c(F,null,S(v(Ee),(e=>(u(),c("div",{key:e,class:"text-blueberry font-bold"},f(e),1)))),128))])):g("",!0)])):g("",!0),E.fields.legendIconList&&E.fields.legendIconList.length>0?(u(),c("div",ce,[(u(!0),c(F,null,S(E.fields.legendIconList,((e,l)=>(u(),c(F,{key:l},[e.fields.alternativeUrlForObservationImages||e.fields.alternativeUrlForForecastImages?(u(),c("div",{key:0,class:"flex gap-2 items-center cursor-pointer text-blueberry",onClick:e=>(async e=>{j.value===e?j.value=void 0:j.value=e,Ae()})(l)},[h("input",{type:"checkbox",checked:l===v(j),"aria-labelledby":"legend-item-text"+l},null,8,fe),h("span",null,f(ze(e)),1),e.fields.legendIconUrl?(u(),c("img",{key:0,src:e.fields.legendIconUrl,alt:""}

1,null,8,ge)):e.fields.legendIcon?(u(),c("img",{key:1,src:e.fields.legendIcon.fields.file.url,alt:""},null,8,he)):g("",!0)],8,ve)):(u(),c("div",me,[h("span",null,f(ze(e)),1),e.fields.legendIconUrl?(u(),c("img",{key:0,src:e.fields.legendIconUrl,alt:""},null,8,xe)):e.fields.legendIcon?(u(),c("img",{key:1,src:e.fields.legendIcon.fields.file.url,alt:""},null,8,pe)):g("",!0)]))],64)))),128))])):g("",!0),h("div",{id:v(R),class:"w-full h-0"},null,8,ye)]))])}}}),[["__scopeId","data-v-c6734520"]]),ke={key:0,class:"w-full"},Ie={class:"mt-2"},we=n({__name:"Radar",props:{weatherStation:{}},setup(e){const a=[{color:"#0c9bff",text_en:"Weak",text_fi:"Heikkoa",text_sv:"Lätt"},{color:"#06cdab"},{color:"#8ce614"},{color:"#f0f014",text_en:"Moderate",text_fi:"Kohtalaista",text_sv:"Måttlig"},{color:"#ffcd15"},{color:"#ff503d"},{color:"#d41b0e",text_en:"Heavy",text_fi:"Voimakasta",text_sv:"Kraftig"}],n=e,{t:r,locale:s}=l(),i=t((()=>{var e,l;const a=null!=(l=null==(e=n.weatherStation)?void 0:e.coordinates.latitude.text)?l:65;return a<63.1?"south":a>66?"north":"middle"})),o=t((()=>({refreshInterval:300,headingFi:r("ariaWeatherRadar"),headingSv:r("ariaWeatherRadar"),headingEn:r("ariaWeatherRadar"),pathToObservationImages:`https://cdn.fmi.fi/apps/list-local-weather-radar-images/index.php?lang=${s.value}&station=${n.weatherStation.id}&timezone=UTC`,legendJson:a})));return(l,a)=>{const t=be,n=U;return e.weatherStation?(u(),c("div",ke,[h("h2",null,f(v(r)("radarAndLightningObs")),1),(u(),m(t,{key:`carousel_${e.weatherStation.id}`,fields:v(o),sys:{id:`radar-animator-${e.weatherStation.id}`}},null,8,["fields","sys"])),h("div",Ie,["north"===v(i)?(u(),m(n,{key:0,to:v(r)("urlToRadarLinkNorth")},{default:k((()=>[E(f(v(r)("radarLinkNorth")),1)])),_:1},8,["to"])):"middle"===v(i)?(u(),m(n,{key:1,to:v(r)("urlToRadarLinkMiddle")},{default:k((()=>[E(f(v(r)("radarLinkMiddle")),1)])),_:1},8,["to"])):"south"===v(i)?(u(),m(n,{key:2,to:v(r)("urlToRadarLinkSouth")},{default:k((()=>[E(f(v(r)("radarLinkSouth")),1)])),_:1},8,["to"])):g("",!0)])])):g("",!0)}}});export{be as I,W as P,we as _,N as a};