import"../chunks/CWj6FrbW.js";import{e as r,s as k,j as s,b as a,l as C,g as l,r as e}from"../chunks/C8SLBV5c.js";import{d as E}from"../chunks/DhOWJd6e.js";import{f as L,a as M}from"../chunks/CkybfRqV.js";import{s as g}from"../chunks/DVWfzEL5.js";import{s as y}from"../chunks/BSfmPgTS.js";import{s as P}from"../chunks/D_flnRXw.js";import"../chunks/CXjAdDsY.js";const S="/_app/immutable/assets/zen_garden_small.Bbfqs-kl.png",q="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 N=(c,t)=>r(t,!l(t)),A=(c,t)=>r(t,!l(t)),D=(c,t)=>r(t,!l(t)),F=(c,t)=>r(t,!l(t)),G=L('<div class="d-flex justify-content-center"><div class="menu mt-5 svelte-1czt7t"><button class="quarter active quarter1 svelte-1czt7t"><p class="content svelte-1czt7t">The Transition Pathway</p></button> <button class="quarter active quarter2 svelte-1czt7t"><p class="content svelte-1czt7t">The Energy Balance</p></button> <div class="quarter quarter3 svelte-1czt7t"><p class="content svelte-1czt7t">The Energy System</p></div> <a class="quarter active quarter4 svelte-1czt7t" href="/map"><p class="content svelte-1czt7t">The Map</p></a> <div class="logo svelte-1czt7t"><img alt="The project logo" class="svelte-1czt7t"/></div> <div><div class="sublink l1 svelte-1czt7t"><a href="./transition/capacity/" class="link-secondary svelte-1czt7t">Capacity</a></div> <div class="sublink l2 svelte-1czt7t"><a href="./transition/production/" class="link-secondary svelte-1czt7t">Production</a></div> <div class="sublink l3 svelte-1czt7t"><a href="./transition/emissions/" class="link-secondary svelte-1czt7t">Emissions</a></div> <div class="sublink l4 svelte-1czt7t"><a href="./transition/costs/" class="link-secondary svelte-1czt7t">Costs</a></div> <button type="button" class="close svelte-1czt7t" aria-label="Close"><img alt="The project logo" class="svelte-1czt7t"/></button></div> <div><div class="sublink l1 svelte-1czt7t"><a href="./energy_balance/nodal" class="link-secondary svelte-1czt7t">Nodal Energy Balance</a></div> <div class="sublink l2 svelte-1czt7t"><a href="./energy_balance/storage" class="link-secondary svelte-1czt7t">Storage Energy Balance</a></div> <button type="button" class="close svelte-1czt7t" aria-label="Close"><img alt="The project logo" class="svelte-1czt7t"/></button></div></div></div>');function V(c){let t="70vh",o=k(!1),n=k(!1);var v=G(),d=s(v);P(d,"",{},{width:t,height:t,"min-width":"320px","min-height":"320px"});var b=s(d);b.__click=[N,o];var z=a(b,2);z.__click=[A,n];var _=a(z,6),w=s(_);e(_);var i=a(_,2);let h;var p=a(s(i),8);p.__click=[D,o];var x=s(p);e(p),e(i);var m=a(i,2);let f;var u=a(s(m),4);u.__click=[F,n];var T=s(u);e(u),e(m),e(d),e(v),C((j,B)=>{g(w,"src",S),h=y(i,1,"links svelte-1czt7t",null,h,j),g(x,"src",q),f=y(m,1,"links svelte-1czt7t",null,f,B),g(T,"src",q)},[()=>({active:l(o)}),()=>({active:l(n)})]),M(c,v)}E(["click"]);export{V as component};
