https://www.metservice.com/tabs-9nMrwYXK.js

1import{j as e,c as T,d as Be,u as Fe}from"./react-dom-CNxR51U1.js";import{I as S,H as _,m as we,z as G,S as L,C as ke,L as M,t as N,s as I,u as Le,J as B,K as Re,N as De,q as v,p as b,d as ae,O as oe,Q as Se,R as D,U as ie,f as Y,V as X,T as ce,o as Ae}from"./swiper-CE4E_dHf.js";import{a as p,b as le}from"./posthog-js-CH4xgAFf.js";import{B as H,a as $e,b as ee,A as We,c as ze,S as Ee,g as de,U as Oe}from"./slot-C8VTw04f.js";import{I as ue}from"./index-DD1EC9O3.js";import{I as me}from"./index-CA6m1t-o.js";import{F as _e,D as F,E as Ge,H as V,I as Me,J as He,K as Ve,N as $,O as Ue,P as Pe,Q as se,U as Qe,V as U,W as xe,X as Ke,Y as qe,Z as Je,_ as Ze,$ as Ye,a0 as Xe}from"./assets/index-H5VUQj1Y.js";import{M as he}from"./v1-D5mIYsrh.js";import"./core-js-D27xPy6y.js";import"./entities-BwoFPVdP.js";import"./leaflet.TileLayer.NoGap-CYwGNUBf.js";import"./polyfills.js";const fe=s=>{var a,o;const t=(o=(a=s==null?void 0:s.images)==null?void 0:a.length)!=null?o:0,n=t?s==null?void 0:s.images[0]:void 0,r=t>1?s==null?void 0:s.images.slice(1):void 0;return{initialImages:n,additionalImages:r}};var y=(s=>(s.red="red",s.orange="orange",s.green="green",s.default="default",s))(y||{});function je({iconName:s,title:t,warningState:n="default",subTitle:r,richText:a,footerText:o}){return e.jsx("div",{"data-module":"FenzBlock",children:e.jsxs("div",{className:"u-flex",children:[e.jsx("div",{className:"u-flexGrow-0",children:e.jsx(S,{icon:s,iconClass:"u-mR-xs",size:24})}),e.jsxs("div",{className:"u-flexGrow-1 u-flex u-flexCol",children:[e.jsx("div",{className:"u-flexGrow-1",children:e.jsx(H,{classes:"u-textBold u-mT-0 u-mB-0",children:t})}),e.jsx("div",{className:"u-flexGrow-1",children:e.jsx($e,{classes:"warning-state-".concat(n," u-textSemibold"),children:r})}),e.jsx("div",{className:"u-flexGrow-1",children:e.jsx(he,{tags:{p:"u-text-sm u-mT-0 u-mB-0"},children:"".concat(a)})}),o&&e.jsx("div",{className:"u-flexGrow-1",style:{marginTop:"4px"},children:e.jsx(_,{classes:"fineprint",content:o})})]})]})})}function es({warningState:s=y.default,subTitle:t,richText:n}){return e.jsxs("div",{className:"u-flexGrow-1",children:[e.jsxs(ee,{classes:"warning-state-".concat(s," u-textBold u-text-xs"),children:[t,": "]}),e.jsx(ee,{classes:"u-text-xs u-flexinline",children:"".concat(n)})]})}function te({iconName:s,title:t,lineItems:n}){return e.jsx("div",{"data-module":"FenzBlock",children:e.jsxs("div",{className:"u-flex",children:[e.jsx("div",{className:"u-flexGrow-0",children:e.jsx(S,{icon:s,iconClass:"u-mR-xs",size:24})}),e.jsxs("div",{className:"u-flexGrow-1 u-flex u-flexCol",children:[e.jsx("div",{className:"u-flexGrow-1",children:e.jsx(H,{classes:"u-textBold u-mT-0 u-mB-0",children:t})}),n.map(r=>{const{warningState:a,subTitle:o,richText:i}=r;return e.jsx(es,{warningState:a,subTitle:o,richText:i},o)})]})]})})}const ss="FIRE SEASON",ts="FIRE DANGER";var z=(s=>(s.open="open",s.restricted="restricted",s.prohibited="prohibited",s))(z||{});function ns({danger:s,season:t}){const n=[];return t&&n.push(e.jsx(rs,{...t},t.text)),s&&(s.dailyObservation?n.push(e.jsx(ne,{text:s.text,observation:s.dailyObservation,observationIndex:s.dailyObservationIndex},s.text)):n.push(e.jsx(ne,{text:s.text,observation:s.forecast,observationIndex:s.forecastIndex},s.text))),n}function pe({flexDir:s,danger:t,season:n}){if(!t&&!n)return null;const r=s!=null?s:F.col,a=ns({danger:t,season:n}),o=c=>{const l=[];return r===F.row&&l.push("fenz-large-padding"),c>0&&r===F.col&&l.push("u-mT-sm"),l.join(" ")},i=r===F.col?"":"u-bT-1 u-mT-sm u-pT-sm";return e.jsx("div",{"data-module":"Fenz",className:"".concat(i),children:e.jsx(_e,{dataModule:"fenz-block-entry",dir:r,classes:o,children:a})})}const rs=({short:s,status:t,text:n})=>e.jsx(je,{iconName:"fenz-season-fire",title:ss,warningState:ge(t),subTitle:s,richText:n}),ne=({observation:s,observationIndex:t,text:n})=>e.jsx(je,{iconName:as(t),title:ts,warningState:y.default,subTitle:s,richText:n}),as=s=>{switch(s){case 1:return"fenz-danger-low";case 2:return"fenz-danger-moderate";case 3:return"fenz-danger-high";case 4:return"fenz-danger-veryhigh";case 5:return"fenz-danger-extreme";default:return"fenz-danger-na"}},os=s=>{switch(s){case 5:return y.red;case 4:return y.orange;default:return y.default}},ge=s=>{switch(s.toLowerCase()){case z.open:return y.green;case z.restricted:return y.orange;case z.prohibited:return y.red;default:return we.info("Unable to parse FireSeasonColor ".concat(s)),y.default}};function is({danger:s,season:t,docDisclaimer:n}){const r=t.values.map(o=>({kind:"season",index:o.status,short:o.short,text:o.text}));return{dangerTitle:s.title,dangerValues:s.values,docDisclaimer:n,seasonTitle:t.title,seasonValues:r}}function Te({jsonData:s}){if(!s)return null;const{dangerTitle:t,dangerValues:n,seasonTitle:r,seasonValues:a,docDisclaimer:o}

1=is(s),i=a.map(l=>({key:l.index,warningState:ge(l.short),subTitle:l.short,richText:l.text})),c=n.map(l=>({key:l.index,warningState:os(l.index),subTitle:l.short,richText:l.text}));return e.jsxs("div",{"data-module":"FenzAttributionEntry",className:"u-mT-sm",children:[e.jsx(te,{title:r,iconName:"fenz-season-fire",lineItems:i}),e.jsx(he,{tags:{p:"u-text-xs u-mT-sm u-mB-sm"},children:"".concat(o)}),e.jsx(te,{title:t,iconName:"fenz-danger-low",lineItems:c})]})}const cs=s=>{var t;return e.jsx(ze,{name:(t=s.icon)!=null?t:"",title:s.heading})},ls=s=>e.jsxs("div",{className:"u-text-sm",children:[e.jsx("span",{className:"u-span-width-after",children:s.text}),s.link&&e.jsx(ke,{urlClasses:"",...s.link,children:e.jsx("span",{children:s.link.label})})]}),ve=({heading:s,text:t,link:n})=>{const r=G(p.useContext(L)),a=[{heading:s,icon:"hazard-heat",text:t,key:s,link:n}];return e.jsx(We,{items:a,headerContent:cs,bodyContent:ls,className:r?"u-mT-sm":"",defaultToOpen:!1,openIndexAsDefault:!1,restrictToOnlyOneChildOpen:!1})},be=({data:s})=>e.jsxs(e.Fragment,{children:[s.map(({key:t,text:n,icon:r})=>e.jsxs("div",{className:"MoreInformation__item",children:[r&&e.jsx(S,{icon:r,iconClass:"MoreInformation__item__icon"}),e.jsx("p",{children:n})]},t)),e.jsx("p",{children:e.jsx(M,{className:"u-linkClean u-textBold",href:"https://about.metservice.com/our-company/learning-centre/weather-icons-explained/",target:"_blank",rel:"noopener noreferrer",children:"Forecast Icons Key"})})]}),ds=({url:s,config:t})=>{const{text:n,style:r}=t;return s?e.jsx(M,{href:s,className:"tab-footer__content",style:r,target:"_blank",rel:"noopener noreferrer",children:n}):e.jsx("span",{className:"tab-footer__content",style:r,children:n})},ye=s=>e.jsx("div",{className:"tab-footer",style:s.style,children:e.jsx(ds,{...s})}),us={overnight:{label:"Overnight",start:B(N(new Date,I),{hours:0,minutes:0,seconds:0}),end:B(N(new Date,I),{hours:6,minutes:0,seconds:0}),isNight:!0},morning:{label:"Morning",start:B(N(new Date,I),{hours:6,minutes:0,seconds:0}),end:B(N(new Date,I),{hours:12,minutes:0,seconds:0}),isNight:!1},afternoon:{label:"Afternoon",start:B(N(new Date,I),{hours:12,minutes:0,seconds:0}),end:B(N(new Date,I),{hours:18,minutes:0,seconds:0}),isNight:!1},evening:{label:"Evening",start:B(N(new Date,I),{hours:18,minutes:0,seconds:0}),end:Le(B(N(new Date,I),{hours:0,minutes:0,seconds:0}),{days:1}),isNight:!0}},P=({breakdown:s,isFirstDate:t})=>{if(s){const{overnight:n,morning:r,afternoon:a,evening:o}=s,i=t?N(new Date,I):void 0;return e.jsxs("ul",{className:T("DailyBreakdown inactive-reduce-mB",{"DailyBreakdown--readOnly":!i}),children:[e.jsx(W,{period:"overnight",condition:n.condition,now:i}),e.jsx(W,{period:"morning",condition:r.condition,now:i}),e.jsx(W,{period:"afternoon",condition:a.condition,now:i}),e.jsx(W,{period:"evening",condition:o.condition,now:i})]})}return null},W=({period:s,condition:t,now:n})=>{const r=us[s];if(r){const{isNight:a,label:o,start:i,end:c}=r,l=n&&Re(n,{start:i,end:De(c,{seconds:1})});return e.jsxs("li",{"data-chromatic":"ignore",className:T("DailyBreakdown-period",{"is-current":l}),"data-period":o.toLowerCase(),children:[e.jsx("h5",{className:"fineprint u-textSemibold u-mB-0 u-mT-0",children:o}),e.jsx(S,{icon:Ge(V(t),a)})]})}return null},ms=({statement:s,breakdown:t,isFirstTab:n})=>s?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:T({"u-width1of2":!!t}),children:e.jsx("p",{className:"u-mT-sm u-mB-xs",children:s})}),t&&e.jsx("div",{className:"u-width1of2 u-pT-md",children:e.jsx(P,{breakdown:t,isFirstDate:n})},"-breakdown")]}):null,xs=({is2d:s,isFirstTab:t,statement:n,breakdown:r})=>s&&n?e.jsx(e.Fragment,{children:e.jsx("div",{children:e.jsx("p",{className:"u-mT-sm u-mB-xs",children:n})})}):s?null:e.jsx(ms,{statement:n,isFirstTab:t,breakdown:r}),hs=({isCity:s,rainFall1:t,rainFall10:n,is2d:r})=>s&&b(t)&&b(n)&&!r?e.jsx("div",{className:"Grid-cell u-width1of2 u-pT-sm",children:e.jsxs(e.Fragment,{children:[e.jsx("h3",{className:"fineprint u-mT-0 u-textGrey u-textRegular",children:"Rainfall exceedance probability forecast"}),e.jsx(v,{icon:"rain-1mm",classes:"IconWithText--vCenter IconWithText--small IconWithText--tight IconWithText--inline u-pR-sm",children:e.jsxs("p",{className:"fineprint u-mT-0 u-mB-0",children:[e.jsx("strong",{children:"1+ mm: "}),"".concat(t,"%")]})}),e.jsx(v,{icon:"rain-10mm",classes:"IconWithText--vCenter IconWithText--small IconWithText--tight IconWithText--inline",children:e.jsxs("p",{className:"fineprint u-mT-0 u-mB-0",children:[e.jsx("strong",{children:"10+ mm: "}),"".concat(n,"%")]})})]})}):null,fs=({rainFall10:s,rainFall1:t})=>b(t)&&b(s)?e.jsxs(e.Fragment,{children:[e.jsx("h3",{className:"fineprint u-mT-sm u-mB-xs u-textGrey u-textRegular",children:"Rainfall exceedance probability forecasts"}),e.jsx(v,{icon:"rain-1mm",classes:"IconWithText--vCenter IconWithText--small IconWithText--tight IconWithText--inline u-pR-sm",children:e.jsxs("p",{className:"fineprint u-mT-0 u-mB-0",children:[e.jsx("strong",{children:"1+ mm: "}),"".concat(t,"%")]})}),e.jsx(v,{icon:"rain-10mm",classes:"IconWithText--vCenter IconWithText--small IconWithText--tight IconWithText--inline u-mB-xs",children:e.jsxs("p",{className:"fineprint u-mT-0 u-mB-0",children:[e.jsx("strong",{children:"10+ mm: "}),"".concat(s,"%")]})})]}):null,js=({highTemp:s,lowTemp:t})=>{const n=b(s),r=b(t);return n&&r?e.jsxs("div",{className:"u-mB-xs",children:[e.jsx(v,{icon:"temp-high",classes:"IconWithText--vCenter IconWithText--small IconWithText--tight IconWithText--inline u-pR-sm",children:e.jsxs("span",{className:"u-textRegular",children:[s,"°"]})}),e.jsx(v,{icon:"temp-low",classes:"IconWithText--vCenter IconWithText--small IconWithText--tight IconWithText--inline",children:e.jsxs("span",{className:"u-textRegular",children:[t,"°"]})})]}):null},ps=({isRural:s,highTemp:t,lowTemp:n,rainFall1:r,rainFall10:a})=>{if(s){const o=b(r)&&b(a),i=b(t),c=b(n);if(o&&c&&i)return e.jsxs(e.Fragment,{children:[e.jsx(js,{highTemp:t,lowTemp:n}),e.jsx(fs,{rainFall10:a,rainFall1:r})]})}return null},E=({breakdown:s,issuedAt:t,isRural:n,date:r,is2d:a,isFirstTab:o,forecast:i,forecastIndex:c})=>{if(i){const{statement:l,sunrise:d,sunset:u,highTemp:h,lowTemp:f,rainFall1:j,rainFall10:x,title:m}=i;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:T("Tile-body-header u-mL-0 u-mR-0 u-mT-0 u-mB-0 u-pT-0",{"u-bB-0 u-m-0 u-pT-sm u-mT-sm u-bT-1 u-pB-0":c}),children:[e.jsx(Me,{title:m,date:r}),e.jsx(Ee,{sunrise:d,sunset:u})]}),e.jsxs("div",{className:"Grid Grid--withGutter",children:[e.jsxs("div",{className:"Grid-cell",children:[e.jsx("div",{className:"u-flex Grid-cell",children:e.jsx(xs,{is2d:a,isFirstTab:o,breakdown:s,statement:l})}),e.jsx(ps,{isRural:n,highTemp:h,lowTemp:f,rainFall1:j,rainFall10:x}),t&&!c&&e.jsxs("p",{className:"u-mT-0 u-mB-0 fineprint u-textGrey",children:["Issued: ",e.jsx(ae,{date:t})]})]}),e.jsx(hs,{isCity:!n,is2d:a})]})]})}return null},gs=({activeTab:s,is2d:t,isFirstTab:n,children:r})=>{const{breakdown:a,forecasts:o,issuedAt:i,isRural:c,date:l}=s;return o.length===1?e.jsxs(e.Fragment,{children:[e.jsx(E,{breakdown:a,issuedAt:i,isRural:c,date:l,forecast:o[0],is2d:t,isFirstTab:n,forecastIndex:0}),r]}):e.jsx(e.Fragment,{children:o.map((d,u)=>u===0?e.jsxs(le.Fragment,{children:[e.jsx(E,{breakdown:a,issuedAt:i,isRural:c,date:l,forecast:d,is2d:t,isFirstTab:n,forecastIndex:u}),r]},"".concat(d.date,"-forecast-").concat(u)):e.jsx(E,{breakdown:a,issuedAt:i,isRural:c,date:l,forecast:d,is2d:t,isFirstTab:n,forecastIndex:u},"".concat(d.date,"-forecast-").concat(u)))})},Ts=({index:s,condition:t,headerDate:n,headerName:r,children:a,breakdown:o})=>{const i=V(t);return e.jsxs(e.Fragment,{children:[e.jsx("div",{"data-module":"tab-header-2day",className:"u-pB-sm u-pL-sm u-flex","data-key":"tabbed-forecast-".concat(s),children:e.jsx(He,{headerDate:n,headerName:r,icon:i,children:e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"u-bR-1 u-mR-sm"}),a]})})},"tabbed-forecast-".concat(s)),e.jsx(P,{breakdown:o,isFirstDate:s===0})]})},vs=({index:s,condition:t,headerDate:n,headerName:r,children:a})=>{const o=V(t);return e.jsx(e.Fragment,{children:e.jsxs("div",{"data-module":"tab-header-7d

1ay",className:"u-pB-sm u-textCenter u-pL-xs u-pR-xs","data-key":"tabbed-forecast-".concat(s),children:[e.jsx(S,{icon:o,iconClass:"SVG--md"}),e.jsx("h4",{className:"u-mT-0 u-mB-0",children:r}),e.jsx("h4",{className:"u-mT-0 u-mB-0 u-textRegular",children:n}),e.jsx("div",{className:"u-inlineBlock",children:a})]},"tabbed-forecast-".concat(s))})},bs=({day:s,is2d:t,index:n})=>{const{headerName:r,headerDate:a}=Ve(s.date),{breakdown:o,condition:i,highTemp:c,lowTemp:l}=s;return t?e.jsxs(Ts,{index:n,condition:i,headerDate:a,headerName:r,breakdown:o,children:[e.jsx($,{name:"temp-high",is2d:t,inLine:!1,temp:c}),e.jsx($,{name:"temp-low",is2d:t,inLine:!1,temp:l})]}):e.jsxs(vs,{index:n,condition:i,headerDate:a,headerName:r,children:[e.jsx($,{name:"temp-high",is2d:t,inLine:!1,temp:c}),e.jsx($,{name:"temp-low",is2d:t,inLine:!1,temp:l})]})},ys=({day:s,is2d:t,index:n,activeTabIndex:r,callback:a,children:o,headerClass:i})=>{const c=de(s).colorClass;return e.jsxs("div",{"data-dd-action-name":"city-forecast-tab-".concat(n),className:T("Tile-tabs-item",{"is-active":n===r},c,i),"data-key":"tile-".concat(r,"-").concat(n),onClick:()=>{a(n)},children:[e.jsx(bs,{day:s,is2d:t,index:n}),o]})},Ne=s=>{const{pathname:t}=Be(),n=Fe(),r="".concat(s),a="".concat(t.replace(/\/$/,""),"/7-days");return()=>{Se("48_hour_forecast","next_5_days_button"),Ue({day:r,pathname:a}),n(a)}},Ns=()=>{const s=Ne(3);return e.jsx("button",{title:"Next 5 days",className:"Tile-tabs-item CityForecast-next5DaysButton","data-key":"tile-next-5-days-button",onClick:s,type:"button",children:e.jsx(oe,{icon:"chevron-right",size:25})})},Is=()=>{const s=Ne(3);return e.jsxs("button",{className:"u-linkClean CityForecast-next5DaysMobileButton","data-key":"tile-next-5-days-button",onClick:s,type:"button",children:[e.jsx(H,{classes:"u-textBold u-mT-0 u-mB-0",children:"Next 5 days"}),e.jsx("div",{className:"Accordion--expand-icon",children:e.jsx(oe,{icon:"chevron-right",size:20,iconColor:"#595959"})})]})},Cs=s=>{const{className:t,sponsor:n,data:r,tag:a}=s,o="hour48_sponsor_logo";if(Pe(s)){if(r){if(!r.key)return e.jsxs("div",{className:t,"data-comp":"fl-custom-forecast","data-tag":a,children:[e.jsx(_,{content:r.content}),e.jsx(D,{...n,linkClasses:o})]});if(r.key==="icon-col-layout")return e.jsxs("div",{className:t,style:{marginTop:"-8px"},"data-comp":"fl-custom-forecast","data-tag":a,children:[e.jsx(v,{classes:"u-mT-xs u-lg-mT-0",icon:r.icon,size:24,sizePadding:[32,24],children:e.jsx(_,{content:r.content})}),e.jsx(D,{classes:T("u-mT-xs",o),...n})]})}if(n)return e.jsx("div",{className:t,"data-comp":"fl-custom-forecast","data-tag":a,children:e.jsx(D,{...n,linkClasses:o})})}return null},Bs=({integrations:s})=>{const t=G(p.useContext(L));return s?t?e.jsx("div",{"data-comp":"fl-integrations",className:"u-mB-sm",children:e.jsx(se,{config:s,dir:F.row,tag:s.tag})}):e.jsx("div",{"data-comp":"fl-integrations",className:"u-mB-sm",children:e.jsx(se,{config:s,dir:F.col,classes:n=>n>0?"u-mT-xs":"",tag:s.tag})}):null},Fs=(s,t)=>s.filter(n=>U(n,t))[0],ws=({url:s,config:t})=>{const n=p.useContext(L),[r,a]=p.useState();if(p.useEffect(()=>{t&&a(Fs(t,n))},[n,t]),!r)return null;const{image:o,alt:i,responsive:c,width:l,height:d}=r,u=Qe(l,d),h=u?{position:"relative",width:"100%",maxWidth:c?"none":"".concat(l,"px")}:{},f={paddingTop:u?"".concat(u*100,"%"):0};return e.jsx("div",{"data-comp":"fl-tab-advert",className:T("u-mB-sm",{"u-flex":!c,"u-flexJustifyCenter":!c}),children:e.jsx(M,{href:s,style:h,className:"u-block",target:"_blank",rel:"noopener noreferrer",children:e.jsx("div",{className:T({"tab-advert-image--top":u}),style:f,children:e.jsx(ie,{src:o,classes:T("tab-advert-image",{"tab-advert-image--responsive":c}),alt:i})})})})},Ie=({disclaimer:s,image:t,integrations:n,customForecast:r,banner:a})=>{var o;return e.jsxs(e.Fragment,{children:[e.jsx(Bs,{integrations:n}),s&&e.jsx("small",{"data-comp":"fl-disclaimer",className:"fineprint u-block u-textGrey u-mB-sm",children:s}),e.jsx(ws,{url:(o=a==null?void 0:a.url)!=null?o:"",config:a==null?void 0:a.advert}),r&&e.jsx(Cs,{className:"u-mB-sm",...r}),t&&e.jsx(ie,{classes:"u-mB-sm",src:t})]})},ks=({days:s,disclaimer:t,information:n,fireWeatherData:r,fireWeatherInfo:a,image:o})=>{var A,Q,K,q;const[i,c]=p.useState(0),{index:l}=xe({days:s}),d=p.useContext(L);p.useEffect(()=>{b(l)&&c(l)},[l]),i>=s.length&&c(0);const u=(A=s[i])!=null?A:{},{warnings:h,heatAlert:f}=u,j=s.length<=2,x=(Q=r==null?void 0:r.fireWeather)==null?void 0:Q[i],{initialImages:m,additionalImages:g}=fe(x==null?void 0:x.attribution),w=s.some(({forecastDayTakeover:C})=>!!C);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"Tile-tabs",children:[s.map((C,R)=>{var J,Z;const k=(J=C==null?void 0:C.forecastDayTakeover)==null?void 0:J.banner;return e.jsx(ys,{index:R,day:C,is2d:j,activeTabIndex:i,callback:c,headerClass:w?"override-reduce-mB":void 0,children:(k==null?void 0:k.label)&&U(k.label,d)&&e.jsx(ye,{style:R===i?{paddingBottom:"0.6rem"}:{},config:k.label,url:(Z=k.url)!=null?Z:""})},R)}),j&&e.jsx(Ns,{})]}),e.jsx("div",{"data-mod":"city-forecast-lg",className:"Tile-body-v2",children:e.jsxs("div",{className:"Tile-body-content-v2",children:[e.jsxs(gs,{activeTab:s[i],is2d:j,isFirstTab:i===0,children:[h==null?void 0:h.map((C,R)=>e.jsx(me,{warning:C},R)),f&&e.jsx(ve,{...f})]}),x&&e.jsxs(e.Fragment,{children:[e.jsx(pe,{flexDir:F.row,danger:x==null?void 0:x.danger,season:x==null?void 0:x.season}),e.jsx(D,{text:(K=x==null?void 0:x.attribution)==null?void 0:K.text,image:m==null?void 0:m.image,url:m==null?void 0:m.url,additionalImageLink:g,classes:"u-mT-sm"})]}),n&&e.jsx("div",{className:"u-mT-xs u-mB-xs",children:e.jsxs(ue,{children:[e.jsx(be,{data:n}),e.jsx(Te,{jsonData:a})]})}),e.jsx(Ie,{image:o,integrations:u.integrations,customForecast:u.customForecast,banner:(q=u.forecastDayTakeover)==null?void 0:q.banner,disclaimer:t})]})},"tile-body-".concat(i))]})},O=({forecast:s,dayStatement:t,dayIssuedAt:n,forecastIndex:r,containerClass:a})=>{if(s){const{statement:o,sunrise:i,sunset:c,rainFall1:l,rainFall10:d,title:u}=s,h=r==0&&o!=null?o:t,f=l!==void 0||d!==void 0,j=!!(i&&c);return e.jsxs("div",{"data-comp":"CityForecastDaySmallForecast",className:T(a),children:[u&&e.jsx("h2",{className:"u-mT-0",children:u}),h&&e.jsx("p",{"data-comp":"cf-statement",className:"u-mT-0 u-mB-xs",children:h}),n&&!r&&e.jsxs("p",{"data-comp":"cf-issued",className:T("u-mT-0 fineprint u-textGrey",{"u-mB-sm":j||f,"u-mB-0":!j&&!f}),children:["Issued: ",e.jsx(ae,{date:n})]}),i&&c&&e.jsxs("div",{"data-comp":"cf-sunrise-sunset",className:T({"u-mB-sm":f}),children:[e.jsx(v,{icon:"sun-rise",classes:"IconWithText--vCenter IconWithText--small IconWithText--inline u-pR-sm",children:e.jsxs("p",{className:"small u-mT-0 u-mB-0",children:[e.jsx("span",{className:"h4",children:"sunrise"})," ",Y(i,X.HourMin)]})}),e.jsx(v,{icon:"sun-set",classes:"IconWithText--vCenter IconWithText--small IconWithText--inline",children:e.jsxs("p",{className:"small u-mT-0 u-mB-0",children:[e.jsx("span",{className:"h4",children:"sunset"})," ",Y(c,X.HourMin)]})})]}),f&&e.jsxs("div",{"data-comp":"cf-rainfall",children:[e.jsx("h3",{className:"fineprint u-mT-0 u-mB-xs u-textGrey u-textRegular",children:"Rainfall exceedance probability forecast"}),l!==void 0&&e.jsx(v,{icon:"rain-1mm",classes:"IconWithText--vCenter IconWithText--small IconWithText--tight IconWithText--inline u-pR-sm",children:e.jsxs("p",{className:"fineprint u-mT-0 u-mB-0",children:[e.jsx("strong",{children:"1+ mm: "}),"".concat(l,"%")]})}),d!==void 0&&e.jsx(v,{icon:"rain-10mm",classes:"IconWithText--vCenter IconWithText--small IconWithText--tight IconWithText--inline",children:e.jsxs("p",{className:"fineprint u-mT-0 u-mB-0",children:[e.jsx("strong",{children:"10+ mm: "}),"".concat(d,"%")]})})]})]})}return t?e.jsx("p",{"data-comp":"cf-day-statement",className:"u-mT-0 u-mB-sm",children:t}):null},Ls=({forecasts:s,dayStatement:t,dayIssuedAt:n,children:r,wrapperClasses:a})=>s.length===1?e.jsxs("div",{className:a,children:[e.jsx(O,{forecast:s[0],dayStatement:t,dayIssuedAt:n,forecastIndex:0,containerClass:"u-mB-sm"}),r]}):e.jsx("div",{className:a,children:s.map((o,i)=>i===0?e.jsxs(le.Fragment,{children:[e.jsx(O,{forecast:o,dayStatement:t,dayIssuedAt:n,forecastIndex:i,containerClass:""},"forecast-".concat(o.date,"-").concat(i)),r]},"".concat(o.date,"-").concat(i)):e.jsx(O,{forecast:o,forecastIndex:i,containerClass:"u-mT-sm"},"forecast-".concat(o.date,"-").concat(i)))}),Rs=({fireWeatherData:s,days:t,day:n,index:r})=>{var m,g;const{forecastDayTakeover:a,customForecast:o,integrations:i}=n!=null?n:{},c=(m=s==null?void 0:s.fireWeather)==null?void 0:m[r],l=c&&!!Object.keys(c).length,d=t[r],{warnings:u,heatAlert:h,breakdown:f}=d,{initialImages:j,additionalImages:x}=fe(c==null?void 0:c.attribution);return e.jsxs("div",{className:"Tile-body-v2 u-bT-1",children:[e.jsx(P,{breakdown:f,isFirstDate:r===0}),e.jsxs("div",{className:"Tile-body-content-v2",children:[e.jsxs(Ls,{wrapperClasses:"u-mB-sm",forecasts:d.forecasts,dayStatement:d.statement,dayIssuedAt:d.issuedAt,children:[u==null?void 0:u.map((w,A)=>e.jsx(me,{warning:w,className:"u-mT-sm"},A)),h&&e.jsx("div",{"data-comp":"fl-heat-alert",className:"u-mB-sm",children:e.jsx(ve,{...h})})]}),l&&e.jsx("div",{className:"u-mB-sm",children:e.jsx(pe,{flexDir:F.col,danger:c==null?void 0:c.danger,season:c==null?void 0:c.season})}),e.jsx(D,{classes:"u-mB-sm",text:(g=c==null?void 0:c.attribution)==null?void 0:g.text,image:j==null?void 0:j.image,url:j==null?void 0:j.url,additionalImageLink:x}),e.jsx(Ie,{integrations:i,customForecast:o,banner:a==null?void 0:a.banner})]})]},r)},Ds=({days:s,fireWeatherData:t,mobile:n})=>{var x;const r=p.useContext(L),a=s.map(m=>({...m,key:m.date})),o=m=>de(m).colorClass,i=m=>e.jsx(Je,{day:m},"h".concat(m.date)),c=m=>{var w;const g=(w=m==null?void 0:m.forecastDayTakeover)==null?void 0:w.banner;return g&&(g!=null&&g.label)&&U(g.label,r)?e.jsx(ye,{config:g.label,url:g.url}):null},{index:l,scrollSlug:d}=xe({days:s,hasSlug:!0}),u=p.useRef(),h=p.useCallback(m=>{m===l&&d&&u.current!==d&&(u.current=d,Ke(d,24))},[l,d]),f=p.useCallback((m,g)=>e.jsx(Rs,{fireWeatherData:t,days:s,day:m,index:g}),[s,t]),j=s.length<=2;return e.jsx(qe,{items:a,headerContent:i,bodyContent:f,headerAdditionalContent:c,className:"Accordion--bordered-grey-m",warningsSeverities:o,defaultToOpen:(x=n==null?void 0:n.expandDaysAll)!=null?x:!1,openIndexAsDefault:l!=null?l:!1,onItemOpened:d?h:void 0,restrictToOnlyOneChildOpen:!1,finalComponent:j?[e.jsx(Is,{},"next-5-days-mobile-button")]:void 0})},Ss=({days:s,information:t,fireWeatherInfo:n,fireWeatherData:r,mobile:a})=>e.jsxs(ce,{dataModule:"city-forecast-tab-small",classes:"Tile--clear-background Tile--component-divider-grey-m",children:[e.jsx(Ds,{days:s,fireWeatherData:r,mobile:a}),t&&e.jsx("div",{className:"Tile-body border-radius-xxs",children:e.jsxs(ue,{isAccordion:!0,children:[e.jsx(be,{data:t}),e.jsx(Te,{jsonData:n})]})})]}),Ce=(s,t)=>{const n=s.map(t);if(n.filter(Ae).length)return n},As=s=>{const t=Ce(s,n=>{var r;return(r=n.fireWeatherData)==null?void 0:r.fireWeather});if(t)return{fireWeather:t}},$s=s=>{const t=Ce(s,n=>{var r;return(r=n.fireWeatherData)==null?void 0:r.fireWeatherInfo});if(t)return t[0]},re=s=>{const[t,n]=p.useState(void 0),{data:r}=Ze({queryKey:["city-forecast-tab","fireweather",{url:s!=null?s:""}],queryFn:async({signal:a,queryKey:o})=>{const[i,c,{url:l}]=o;return Xe({url:l,signal:a})},enabled:!!s,staleTime:Ye});return p.useEffect(()=>{r&&(r!=null&&r.responseOK?n(r.jsonData):r!=null&&r.err&&console.error("".concat(r.err,"-").concat(r.url)))},[r]),t},qs=s=>{const t=G(p.useContext(L)),n=Oe(s.config.days,{locationOverride:s.config.location});return e.jsx(Ws,{...s,isLarge:t,days:n})},Ws=({config:s,isLarge:t,days:n})=>{const{disclaimer:r,image:a,information:o,fireWeatherInfoUrl:i,fireWeatherDataUrl:c,mobile:l}=s,d=$s(n),u=d!=null?d:re(i),h=As(n),f=h!=null?h:re(c);return n.length?t?e.jsx(ce,{dataModule:"city-forecast-tab-large",config:s,children:e.jsx(ks,{days:n,disclaimer:r,information:o,fireWeatherData:f,fireWeatherInfo:u,image:a})}):e.jsx(Ss,{days:n,information:o,fireWeatherData:f,fireWeatherInfo:u,mobile:l}):null};export{qs as default};
2//# sourceMappingURL=tabs-9nMrwYXK.js.map