https://openelectricity.org.au/_app/immutable/nodes/45.BviBlVdJ.js

1import"../chunks/DsnmJJEf.js";import{p as ce,c as r,h as e,r as a,a as c,e as ue,u as N,d as Le,s,t as D,f as v,k as ze,m as B,aJ as le,q as Ke,U as Qe,l as J,$ as Ze,i as $e,b as et,v as tt}from"../chunks/CrZWGQw6.js";import{s as f,d as at,a as ke}from"../chunks/Cf9b1Pg_.js";import{i as V}from"../chunks/Dm50tvsH.js";import{e as q}from"../chunks/DvQYBH6E.js";import{h as rt}from"../chunks/CtZPmqi9.js";import{a as Ce,s as de}from"../chunks/DnKQ9cPv.js";import{s as ne}from"../chunks/Dz3h3GFh.js";import{g as st}from"../chunks/B1vmx_uJ.js";import{p as Ne}from"../chunks/BOaKQnFg.js";import{c as it}from"../chunks/BGcLISX5.js";import{C as ot}from"../chunks/Dj5ASKCM.js";import{S as Te}from"../chunks/DrbsyAvx.js";import{R as Se,a as Oe,d as lt,b as nt,c as dt,C as ct}from"../chunks/Cpe_StB5.js";import{f as Ee}from"../chunks/w7jOCbZM.js";import{f as Re}from"../chunks/k9uUjWFr.js";var ut=v('<div class="flex items-center gap-2"><span class="w-3 h-3 rounded-full shrink-0"></span> <span class="flex-1 truncate"> </span> <span class="text-base font-semibold font-mono tabular-nums text-dark-grey"> </span> <span class="text-xs"> </span></div>'),vt=v('<p class="font-space text-xs uppercase mb-2 text-dark-grey"> </p> <div class="space-y-1.5"></div>',1),mt=v('<p class="text-mid-grey italic">No data</p>'),gt=v('<div class="w-full text-xs text-mid-grey"><!></div>');function pt(X,o){ce(o,!0);const j=Ee(".1f");let L=N(()=>o.hoverTime!=null?o.dataset.find(u=>u.time===o.hoverTime):o.dataset[o.dataset.length-1]);var M=gt(),O=r(M);{var y=u=>{var _=vt(),m=Le(_),I=r(m,!0);a(m);var h=s(m,2);q(h,20,()=>o.seriesNames,i=>i,(i,l)=>{const x=N(()=>e(L)[l]);var b=ut(),T=r(b),w=s(T,2),k=r(w,!0);a(w);var A=s(w,2),E=r(A,!0);a(A);var P=s(A,2),F=r(P,!0);a(P),a(b),D(H=>{Ce(T,`background-color: ${(o.seriesColours[l]||"#999")??""}`),de(w,"title",o.seriesLabels[l]??l),f(k,o.seriesLabels[l]??l),f(E,H),f(F,o.unit)},[()=>e(x)==null?"–":j(e(x))]),c(i,b)}),a(h),D(i=>f(I,i),[()=>Re(e(L).date,"MMM yyyy")]),c(u,_)},C=u=>{var _=mt();c(u,_)};V(O,u=>{e(L)?u(y):u(C,-1)})}a(M),c(X,M),ue()}var ft=v('<th class="text-right font-medium text-mid-grey px-2 py-1.5 whitespace-nowrap"><span class="inline-flex items-center gap-1.5 align-middle"><span class="w-2.5 h-2.5 rounded-full shrink-0"></span> <span> </span></span></th>'),ht=v('<td class="px-2 py-1 text-right text-dark-grey font-mono tabular-nums whitespace-nowrap"> </td>'),xt=v('<tr class="border-b border-light-warm-grey hover:bg-light-warm-grey/40 transition-colors"><td class="px-2 py-1 text-dark-grey font-mono tabular-nums whitespace-nowrap"> </td><!></tr>'),bt=v('<div class="flex items-center justify-center py-8 text-mid-grey text-xs">No data available</div>'),yt=v('<div class="max-h-[260px] overflow-auto border border-warm-grey rounded-md"><table class="w-full text-xs border-collapse"><thead class="sticky top-0 z-10 bg-white"><tr class="border-b border-mid-warm-grey"><th class="text-left font-medium text-mid-grey px-2 py-1.5 whitespace-nowrap font-space uppercase">Month</th><!></tr></thead><tbody></tbody></table> <!></div>');function _t(X,o){ce(o,!0);const j=Ee(".1f");let L=N(()=>o.dataset.slice().reverse());function M(i){return i==null||typeof i=="number"&&isNaN(i)?"–":j(i)}var O=yt(),y=r(O),C=r(y),u=r(C),_=s(r(u));q(_,16,()=>o.seriesNames,i=>i,(i,l)=>{var x=ft(),b=r(x),T=r(b),w=s(T,2),k=r(w);a(w),a(b),a(x),D(()=>{Ce(T,`background-color: ${(o.seriesColours[l]||"#999")??""}`),f(k,`${o.seriesLabels[l]??l??""} (${o.unit??""})`)}),c(i,x)}),a(u),a(C);var m=s(C);q(m,21,()=>e(L),i=>i.time,(i,l)=>{var x=xt(),b=r(x),T=r(b,!0);a(b);var w=s(b);q(w,16,()=>o.seriesNames,k=>k,(k,A)=>{var E=ht(),P=r(E,!0);a(E),D(F=>f(P,F),[()=>M(e(l)[A])]),c(k,E)}),a(x),D(k=>f(T,k),[()=>Re(e(l).date,"MMM yyyy")]),c(i,x)}),a(m),a(y);var I=s(y,2);{var h=i=>{var l=bt();c(i,l)};V(I,i=>{e(L).length||i(h)})}a(O),c(X,O),ue()}var wt=v('<p class="text-mid-grey">Loading renewables data…</p>'),kt=v('<div class="flex gap-2"><dt class="font-semibold text-dark-grey shrink-0">Fossils (fueltech) =</dt> <dd> </dd></div>'),Nt=v('<div class="flex flex-col md:flex-row gap-4 md:items-stretch"><div class="flex-1 min-w-0"><!></div> <div class="w-full md:w-[350px] md:shrink-0"><!></div></div>'),Tt=v('<div class="h-[300px] md:h-[350px] flex items-center justify-center text-sm text-mid-grey">No data for this mode</div>'),St=v('<section><header class="mb-3"><h2 class="text-base font-space font-semibold leading-tight"> </h2> <p class="text-xs text-mid-grey leading-snug mt-2"> </p> <dl class="text-xs text-mid-grey leading-snug mt-3 space-y-1"><div class="flex gap-2"><dt class="font-semibold text-dark-grey shrink-0">Renewables =</dt> <dd> </dd></div> <div class="flex gap-2"><dt class="font-semibold text-dark-grey shrink-0">Fossils =</dt> <dd> </dd></div> <!> <div class="flex gap-2"><dt class="font-semibold text-dark-grey shrink-0">Denominator =</dt> <dd> </dd></div> <div class="flex gap-2"><dt class="font-semibold text-dark-grey shrink-0">% =</dt> <dd>(series ÷ Denominator) × 100</dd></div></dl></header> <p class="text-xs text-mid-grey mb-1 font-space uppercase"> </p> <!></section>'),Ot=v('<div class="flex flex-col gap-6"></div>'),Lt=v(`<div class="px-6 py-8"><header class="mb-6"><h1 class="text-2xl md:text-3xl font-space mb-2">Renewables — calculation method comparison</h1> <p class="text-sm text-mid-grey max-w-2xl">Side-by-side renewable share for every supported data source &amp; calculation method. The
2			filters apply to all charts at once.</p></header> <div class="flex flex-wrap items-center gap-x-4 gap-y-2 mb-6 whitespace-nowrap justify-start text-base md:text-lg"><span class="text-sm md:text-base text-mid-grey uppercase font-space">View:</span> <!> <!> <!> <div class="ml-auto inline-flex rounded-md border border-warm-grey overflow-hidden text-xs md:text-sm font-space" role="group" aria-label="View mode"><button type="button">Chart</button> <button type="button">Table</button></div></div> <!></div>`);function Ht(X,o){ce(o,!0);const j=()=>tt(it,"$colourReducer",L),[L,M]=Ke();let O=N(()=>o.data.renewablesInput?.data??null),y=N(()=>o.data.renewablesInput?.rawPayloads??null);ze(()=>{if(!e(y))return;function t(n,g){const{method:p,network:d,metrics:$,options:U,url:K,via:G}=g.call,Y=d?[JSON.stringify(d),JSON.stringify($),JSON.stringify(U)].join(", "):`${JSON.stringify(K)}${G?` → ${G}`:""}`;console.log(`[OE API] ${n} — client.${p}(${Y})`,g.response)}t("generation_renewable_energy",e(y).generationRenewableEnergy),t("demand_gross_energy",e(y).demandGrossEnergy),t("energy by renewable grouping",e(y).renewableGrouping),t("energy by fueltech grouping",e(y).fueltechEnergy),t("legacy OpenNEM JSON",e(y).legacyOpenNem)});const C={smoothing:"rolling12mth",value:"percentage",view:"chart",demand:"true"};function u(t,n){const g=Ne.url.searchParams.get(t);return g&&n.includes(g)?g:C[t]}let _=B(le(u("smoothing",Se.map(t=>

2t.id)))),m=B(le(u("value",Oe.map(t=>t.id)))),I=B(void 0),h=B(le(u("view",["chart","table"]))),i=B(u("demand",["true","false"])==="true");function l(){const t=new URL(Ne.url),n={smoothing:e(_),value:e(m),view:e(h),demand:String(e(i))};for(const[g,p]of Object.entries(n))p===C[g]?t.searchParams.delete(g):t.searchParams.set(g,p);st(t,{replaceState:!0,keepFocus:!0,noScroll:!0})}const x=Se.map(t=>({label:t.label,value:t.id,description:t.description})),b=Oe.map(t=>({label:t.label,value:t.id,description:t.description})),T=[new Date(1999,0,1).getTime(),new Date(new Date().getFullYear()+1,0,1).getTime()],w=lt.filter(t=>t.getTime()<=T[1]),k={"percentage:rolling12mth":"(%)","percentage:monthly":"(%)","raw:rolling12mth":"(GWh, 12-mth sum)","raw:monthly":"(GWh, monthly)"};let A=N(()=>k[`${e(m)}:${e(_)}`]),E=N(()=>e(m)==="percentage"?"%":"GWh");function P(t){return e(O)?dt(e(O),t,j(),e(_),e(m),e(i)):null}var F=Lt();rt("1dvky2r",t=>{Qe(()=>{Ze.title="Renewables comparison · Studio"})});var H=s(r(F),2),ve=s(r(H),2);{let t=N(()=>x.find(n=>n.value===e(_)));Te(ve,{get selected(){return e(t)},get options(){return x},align:"left",paddingY:"py-2",paddingX:"px-3",widthClass:"w-auto",onchange:n=>{J(_,n.value,!0),l()}})}var me=s(ve,2);{let t=N(()=>b.find(n=>n.value===e(m)));Te(me,{get selected(){return e(t)},get options(){return b},align:"left",paddingY:"py-2",paddingX:"px-3",widthClass:"w-auto",onchange:n=>{J(m,n.value,!0),l()}})}var ge=s(me,2);ot(ge,{label:"Gross demand",get checked(){return e(i)},class:"text-sm",onchange:t=>{J(i,t,!0),l()}});var pe=s(ge,2),z=r(pe),Z=s(z,2);a(pe),a(H);var De=s(H,2);{var Me=t=>{var n=wt();c(t,n)},Ie=t=>{var n=Ot();q(n,21,()=>nt,g=>g.id,(g,p)=>{const d=N(()=>P(e(p).id)),$=N(()=>e(p).id==="legacy_opennem");var U=St();let K;var G=r(U),Y=r(G),Ae=r(Y,!0);a(Y);var ee=s(Y,2),Fe=r(ee,!0);a(ee);var fe=s(ee,2),te=r(fe),he=s(r(te),2),Pe=r(he,!0);a(he),a(te);var ae=s(te,2),xe=s(r(ae),2),Ue=r(xe,!0);a(xe),a(ae);var be=s(ae,2);{var Ge=S=>{var R=kt(),Q=s(r(R),2),se=r(Q,!0);a(Q),a(R),D(()=>f(se,e(p).fossilFueltechNumerator)),c(S,R)};V(be,S=>{e(p).fossilFueltechNumerator&&S(Ge)})}var ye=s(be,2),_e=s(r(ye),2),We=r(_e,!0);a(_e),a(ye),$e(2),a(fe),a(G);var re=s(G,2),Je=r(re,!0);a(re);var Ve=s(re,2);{var Xe=S=>{var R=et(),Q=Le(R);{var se=W=>{var ie=Nt(),oe=r(ie),Ye=r(oe);ct(Ye,{title:"",description:"",chartLabel:"",get valueType(){return e(m)},get dataset(){return e(d).dataset},get seriesNames(){return e(d).seriesNames},get seriesColours(){return e(d).seriesColours},get seriesLabels(){return e(d).seriesLabels},skipAnimation:!0,get historicalDataset(){return e(d).statsDatasets},containerClass:"h-[300px] md:h-[350px]",strokeWidth:"2px",get xDomain(){return T},get xTicks(){return w},get externalHoverTime(){return e(I)},onHoverTimeChange:qe=>J(I,qe,!0),showAnnotations:!1}),a(oe);var we=s(oe,2),Be=r(we);pt(Be,{get dataset(){return e(d).dataset},get seriesNames(){return e(d).seriesNames},get seriesColours(){return e(d).seriesColours},get seriesLabels(){return e(d).seriesLabels},get hoverTime(){return e(I)},get unit(){return e(E)}}),a(we),a(ie),c(W,ie)},He=W=>{_t(W,{get dataset(){return e(d).dataset},get seriesNames(){return e(d).seriesNames},get seriesColours(){return e(d).seriesColours},get seriesLabels(){return e(d).seriesLabels},get unit(){return e(E)}})};V(Q,W=>{e(h)==="chart"?W(se):W(He,-1)})}c(S,R)},je=S=>{var R=Tt();c(S,R)};V(Ve,S=>{e(d)&&e(d).dataset.length>0?S(Xe):S(je,-1)})}a(U),D(()=>{K=ne(U,1,"relative border border-warm-grey rounded-lg p-4 bg-white",null,K,{"opacity-50":e($)}),f(Ae,e(p).label),f(Fe,e(p).description),f(Pe,e(p).numerator),f(Ue,e(p).fossilNumerator),f(We,e(p).denominator),f(Je,e(A))}),c(g,U)}),a(n),c(t,n)};V(De,t=>{e(O)?t(Ie,-1):t(Me)})}a(F),D(()=>{ne(z,1,`px-3 py-2 transition-colors ${e(h)==="chart"?"bg-dark-grey text-white":"bg-white text-mid-grey hover:bg-light-warm-grey"}`),de(z,"aria-pressed",e(h)==="chart"),ne(Z,1,`px-3 py-2 transition-colors border-l border-warm-grey ${e(h)==="table"?"bg-dark-grey text-white":"bg-white text-mid-grey hover:bg-light-warm-grey"}`),de(Z,"aria-pressed",e(h)==="table")}),ke("click",z,()=>{J(h,"chart"),l()}),ke("click",Z,()=>{J(h,"table"),l()}),c(X,F),ue(),M()}at(["click"]);export{Ht as component};