import"../chunks/Bg9kRutz.js";import{d as r,a as k,c as e,s as a,h as C,g as l,r as t}from"../chunks/AM9C8FsA.js";import{d as E}from"../chunks/DY_kk6CS.js";import{t as j,a as L}from"../chunks/CmMFD2-g.js";import{s as o}from"../chunks/C6Ut6Zxy.js";import{s as f}from"../chunks/CHbR_RN5.js";import"../chunks/tdGTimWi.js";const z="/_app/immutable/assets/zen_garden_small.Bbfqs-kl.png",y="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-x'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M4.646%204.646a.5.5%200%200%201%20.708%200L8%207.293l2.646-2.647a.5.5%200%200%201%20.708.708L8.707%208l2.647%202.646a.5.5%200%200%201-.708.708L8%208.707l-2.646%202.647a.5.5%200%200%201-.708-.708L7.293%208%204.646%205.354a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e";var M=(i,s)=>r(s,!l(s)),P=(i,s)=>r(s,!l(s)),S=(i,s)=>r(s,!l(s)),$=(i,s)=>r(s,!l(s)),N=j('<div class="d-flex justify-content-center"><div class="menu mt-5 svelte-p3bxq3"><button class="quarter active quarter1 svelte-p3bxq3"><p class="content svelte-p3bxq3">The Transition Pathway</p></button> <button class="quarter active quarter2 svelte-p3bxq3"><p class="content svelte-p3bxq3">The Energy Balance</p></button> <div class="quarter quarter3 svelte-p3bxq3"><p class="content svelte-p3bxq3">The Energy System</p></div> <div class="quarter quarter4 svelte-p3bxq3"><p class="content svelte-p3bxq3">The Map</p></div> <div class="logo svelte-p3bxq3"><img alt="The project logo" class="svelte-p3bxq3"></div> <div><div class="sublink l1 svelte-p3bxq3"><a href="./transition/capacity/" class="link-secondary svelte-p3bxq3">Capacity</a></div> <div class="sublink l2 svelte-p3bxq3"><a href="./transition/production/" class="link-secondary svelte-p3bxq3">Production</a></div> <div class="sublink l3 svelte-p3bxq3"><a href="./transition/emissions/" class="link-secondary svelte-p3bxq3">Emissions</a></div> <div class="sublink l4 svelte-p3bxq3"><a href="./transition/costs/" class="link-secondary svelte-p3bxq3">Costs</a></div> <button type="button" class="close svelte-p3bxq3" aria-label="Close"><img alt="The project logo" class="svelte-p3bxq3"></button></div> <div><div class="sublink l1 svelte-p3bxq3"><a href="./energy_balance/nodal" class="link-secondary svelte-p3bxq3">Nodal Energy Balance</a></div> <div class="sublink l2 svelte-p3bxq3"><a href="./energy_balance/storage" class="link-secondary svelte-p3bxq3">Storage Energy Balance</a></div> <button type="button" class="close svelte-p3bxq3" aria-label="Close"><img alt="The project logo" class="svelte-p3bxq3"></button></div></div></div>');function K(i){let s="70vh",n=k(!1),v=k(!1);var p=N(),b=e(p);o(b,"style",`width: ${s}; height: ${s}`);var x=e(b);x.__click=[M,n];var g=a(x,2);g.__click=[P,v];var d=a(g,6),w=e(d);o(w,"src",z),t(d);var c=a(d,2);let m;var _=a(e(c),8);_.__click=[S,n];var T=e(_);o(T,"src",y),t(_),t(c);var q=a(c,2);let h;var u=a(e(q),4);u.__click=[$,v];var B=e(u);o(B,"src",y),t(u),t(q),t(b),t(p),C(()=>{m=f(c,1,"links svelte-p3bxq3",null,m,{active:l(n)}),h=f(q,1,"links svelte-p3bxq3",null,h,{active:l(v)})}),L(i,p)}E(["click"]);export{K as component};
