import{_ as f}from"./CmZsJ-RK.js";import{g as d,o as c,d as r,a as e,t as n,i as h,_ as x,r as p,c as i,w as g,S as w,T as y,u as b,U as C}from"./F4mCmN5V.js";import{b as j}from"./BHNEEQEo.js";const F={class:"bg-forecast-card border-[0.2em] border-white shadow-[inset_0_0_0_0.2em_black] grid grid-rows-8 text-[clamp(0.875rem,4vw,1.125rem)] md:text-[4cqh] text-white",style:{"container-type":"size"}},$={class:"flex items-center justify-center text-twc-yellow uppercase line-clamp-1"},k={class:"flex items-center justify-center row-span-3"},B={class:"flex items-start justify-center leading-[12.5cqh] line-clamp-2 px-[0.2em] mx-auto row-span-2 text-center"},S={class:"grid grid-cols-2 grid-rows-2 row-span-2"},v={class:"flex items-center justify-center row-start-1 text-[#8B9DF8]"},D={class:"flex items-center justify-center row-start-2"},E={class:"flex items-center justify-center row-start-1 text-twc-yellow"},N={class:"flex items-center justify-center row-start-2"},O=d({__name:"ForecastCard",props:{day:{},iconCode:{},condition:{},lo:{},hi:{}},setup(t){return(o,l)=>{const a=f;return c(),r("article",F,[e("h3",$,[e("bdi",null,n(t.day),1)]),e("div",k,[h(a,{"icon-code":t.iconCode,alt:t.condition,class:"h-full"},null,8,["icon-code","alt"])]),e("p",B,[e("bdi",null,n(t.condition),1)]),e("dl",S,[e("dt",v,[e("bdi",null,n(o.$t("forecast.lo")),1)]),e("dd",D,[e("bdi",null,n(Math.round(t.lo)),1)]),e("dt",E,[e("bdi",null,n(o.$t("forecast.hi")),1)]),e("dd",N,[e("bdi",null,n(Math.round(t.hi)),1)])])])}}}),q=Object.assign(O,{__name:"ForecastCard"}),z={},M={class:"gap-6 md:gap-content grid grid-cols-2 grid-rows-2 md:grid-cols-3 md:grid-rows-1 h-full py-6 md:py-0 mx-6 md:mx-screen"};function V(t,o){return c(),r("div",M,[p(t.$slots,"default")])}const I=Object.assign(x(z,[["render",V]]),{__name:"ForecastCards"}),L=d({__name:"ExtendedForecast",props:{days:{}},setup(t){const{formatDayNameShort:o}=j();return(l,a)=>{const _=q,m=I;return c(),i(m,null,{default:g(()=>[(c(!0),r(w,null,y(t.days.slice(-4),(s,u)=>(c(),i(_,{key:s.date,class:C({"md:hidden":u===3}),day:b(o)(s.date),"icon-code":s.iconCode,condition:s.condition,lo:s.lo,hi:s.hi},null,8,["class","day","icon-code","condition","lo","hi"]))),128))]),_:1})}}}),A=Object.assign(L,{__name:"ScreensExtendedForecast"});export{A as _};