52 lines
23 KiB
JavaScript
52 lines
23 KiB
JavaScript
import{f as p,a as l}from"./props-b4vEeO_8.js";import{F as a,I as c,a3 as E,a4 as C,k as s,J as m,B as k,C as U,D as S,G as $}from"./runtime-C3rQLW--.js";import{s as L}from"./attributes-Cg6aLqN3.js";import{i as H}from"./lifecycle-F2p_Qkk3.js";import{c as G,d as O}from"./create-runtime-stories-7AWWVphH.js";import{H as b}from"./Headline-C-tkYFZ6.js";import{i as h}from"./svelte-component-C8Ginrj8.js";import{s as A}from"./style-DvJ3IcV1.js";import{b as B}from"./size-DMdj3-I9.js";const K=""+new URL("crown-D5dqz4Gt.png",import.meta.url).href,M=""+new URL("graphic-xs-CRt2-olW.png",import.meta.url).href,F=""+new URL("graphic-sm-Crd3Dniy.png",import.meta.url).href,W=""+new URL("graphic-md-BjOCe98A.png",import.meta.url).href,Y=""+new URL("graphic-lg-D8W4nd28.png",import.meta.url).href,j=""+new URL("graphic-xl-DPSiEp34.png",import.meta.url).href;var z=p('<div id="g-graphic-xs" class="g-artboard svelte-16vt91t" style=""><div style="padding: 0 0 156.6667% 0;"></div> <div id="g-graphic-xs-img" class="g-aiImg svelte-16vt91t"></div> <div id="g-ai0-3" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:55.3926%;margin-top:-9.4px;left:46.8034%;margin-left:-41px;width:82px;"><p class="g-pstyle1 svelte-16vt91t">GREENLAND</p></div> <div id="g-ai0-4" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:58.4874%;margin-top:-9.4px;right:1.3922%;width:65px;"><p class="g-pstyle2 svelte-16vt91t">UKRAINE</p></div> <div id="g-ai0-5" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:59.2611%;margin-top:-9.4px;left:74.2151%;margin-left:-28.5px;width:57px;"><p class="g-pstyle1 svelte-16vt91t">RUSSIA</p></div> <div id="g-ai0-6" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:64.2901%;margin-top:-9.4px;left:75.4898%;margin-left:-31.5px;width:63px;"><p class="g-pstyle3 svelte-16vt91t">Moscow</p></div> <div id="g-ai0-7" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:69.8994%;margin-top:-9.4px;left:24.0115%;margin-left:-31px;width:62px;"><p class="g-pstyle1 svelte-16vt91t">CANADA</p></div> <div id="g-ai0-8" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:70.1563%;margin-top:-8.7px;left:10.3976%;margin-left:-20.5px;width:41px;"><p class="g-pstyle1 svelte-16vt91t">U.S.</p></div> <div id="g-ai0-9" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:71.8336%;margin-top:-9.4px;left:46.9832%;margin-left:-33.5px;width:67px;"><p class="g-pstyle1 svelte-16vt91t">BELARUS</p></div> <div id="g-ai0-10" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:80.7311%;margin-top:-9.4px;left:54.3834%;margin-left:-25.5px;width:51px;"><p class="g-pstyle1 svelte-16vt91t">SPAIN</p></div></div>'),J=p('<div id="g-graphic-sm" class="g-artboard svelte-16vt91t" style=""><div style="padding: 0 0 54.1176% 0;"></div> <div id="g-graphic-sm-img" class="g-aiImg svelte-16vt91t"></div> <div id="g-ai1-1" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:14.6304%;margin-top:-9.4px;left:41.7507%;width:82px;"><p class="g-pstyle0 svelte-16vt91t">GREENLAND</p></div> <div id="g-ai1-2" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:25.8623%;margin-top:-9.4px;left:62.7041%;margin-left:-32.5px;width:65px;"><p class="g-pstyle1 svelte-16vt91t">FINLAND</p></div> <div id="g-ai1-3" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:26.9492%;margin-top:-9.4px;left:72.6333%;margin-left:-28.5px;width:57px;"><p class="g-pstyle1 svelte-16vt91t">RUSSIA</p></div> <div id="g-ai1-4" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:37.4565%;margin-top:-9.4px;right:39.632%;width:64px;"><p class="g-pstyle2 svelte-16vt91t">NORWAY</p></div> <div id="g-ai1-5" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:38.5434%;margin-top:-9.4px;left:73.7517%;margin-left:-31.5px;width:63px;"><p class="g-pstyle3 svelte-16vt91t">Moscow</p></div> <div id="g-ai1-6" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:44.7029%;margin-top:-9.4px;left:73.385%;width:67px;"><p class="g-pstyle0 svelte-16vt91t">BELARUS</p></div> <div id="g-ai1-7" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:46.8768%;margin-top:-9.4px;left:51.9252%;margin-left:-32px;width:64px;"><p class="g-pstyle1 svelte-16vt91t">ICELAND</p></div> <div id="g-ai1-8" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:53.3985%;margin-top:-17.4px;left:14.7718%;margin-left:-29.5px;width:59px;"><p class="g-pstyle1 svelte-16vt91t">UNITED</p> <p class="g-pstyle1 svelte-16vt91t">STATES</p></div> <div id="g-ai1-9" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:50.8623%;margin-top:-9.4px;left:61.4922%;margin-left:-18px;width:36px;"><p class="g-pstyle1 svelte-16vt91t">UK</p></div> <div id="g-ai1-10" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:51.2246%;margin-top:-9.4px;left:75.5452%;margin-left:-32.5px;width:65px;"><p class="g-pstyle1 svelte-16vt91t">UKRAINE</p></div> <div id="g-ai1-11" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:51.5869%;margin-top:-9.4px;left:27.6044%;margin-left:-31px;width:62px;"><p class="g-pstyle1 svelte-16vt91t">CANADA</p></div> <div id="g-ai1-12" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:57.7463%;margin-top:-9.4px;right:43.8463%;width:64px;"><p class="g-pstyle2 svelte-16vt91t">IRELAND</p></div> <div id="g-ai1-13" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:59.5579%;margin-top:-9.4px;left:86.9951%;width:45px;"><p class="g-pstyle0 svelte-16vt91t">IRAN</p></div> <div id="g-ai1-14" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:67.5289%;margin-top:-9.4px;left:57.414%;margin-left:-30.5px;width:61px;"><p class="g-pstyle1 svelte-16vt91t">FRANCE</p></div> <div id="g-ai1-15" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:75.5%;margin-top:-9.4px;left:75.0057%;width:47px;"><p class="g-pstyle0 svelte-16vt91t">ITALY</p></div> <div id="g-ai1-16" class="g-sm g-aiAbs g-aiPointText svelte-16vt91t" style="top:77.6739%;margin-top:-9.4px;left:56.0011%;margin-left:-25.5px;width:51px;"><p class="g-pstyle1 svelte-16vt91t">SPAIN</p></div></div>'),q=p('<div id="g-graphic-md" class="g-artboard svelte-16vt91t" style=""><div style="padding: 0 0 53.0303% 0;"></div> <div id="g-graphic-md-img" class="g-aiImg svelte-16vt91t"></div> <div id="g-ai2-2" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:13.2514%;margin-top:-9.4px;left:43.1404%;width:82px;"><p class="g-pstyle0 svelte-16vt91t">GREENLAND</p></div> <div id="g-ai2-3" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:23.5371%;margin-top:-9.4px;left:62.9528%;margin-left:-32.5px;width:65px;"><p class="g-pstyle1 svelte-16vt91t">FINLAND</p></div> <div id="g-ai2-4" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:25.5371%;margin-top:-9.4px;left:72.5549%;margin-left:-28.5px;width:57px;"><p class="g-pstyle1 svelte-16vt91t">RUSSIA</p></div> <div id="g-ai2-5" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:36.9657%;margin-top:-9.4px;right:39.2195%;width:64px;"><p class="g-pstyle2 svelte-16vt91t">NORWAY</p></div> <div id="g-ai2-6" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:37.2514%;margin-top:-9.4px;left:73.679%;margin-left:-31.5px;width:63px;"><p class="g-pstyle3 svelte-16vt91t">Moscow</p></div> <div id="g-ai2-7" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:42.68%;margin-top:-9.4px;left:73.3033%;width:67px;"><p class="g-pstyle0 svelte-16vt91t">BELARUS</p></div> <div id="g-ai2-8" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:44.9657%;margin-top:-9.4px;left:51.859%;margin-left:-32px;width:64px;"><p class="g-pstyle1 svelte-16vt91t">ICELAND</p></div> <div id="g-ai2-9" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:48.68%;margin-top:-9.4px;left:29.292%;margin-left:-31px;width:62px;"><p class="g-pstyle1 svelte-16vt91t">CANADA</p></div> <div id="g-ai2-10" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:51.8228%;margin-top:-17.4px;left:14.7246%;margin-left:-29.5px;width:59px;"><p class="g-pstyle1 svelte-16vt91t">UNITED</p> <p class="g-pstyle1 svelte-16vt91t">STATES</p></div> <div id="g-ai2-11" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:49.8228%;margin-top:-9.4px;left:61.2229%;margin-left:-18px;width:36px;"><p class="g-pstyle1 svelte-16vt91t">UK</p></div> <div id="g-ai2-12" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:50.1085%;margin-top:-9.4px;left:75.469%;margin-left:-32.5px;width:65px;"><p class="g-pstyle1 svelte-16vt91t">UKRAINE</p></div> <div id="g-ai2-13" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:56.3943%;margin-top:-9.4px;right:43.9222%;width:64px;"><p class="g-pstyle2 svelte-16vt91t">IRELAND</p></div> <div id="g-ai2-14" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:57.2514%;margin-top:-9.4px;left:87.1782%;width:45px;"><p class="g-pstyle0 svelte-16vt91t">IRAN</p></div> <div id="g-ai2-15" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:66.3943%;margin-top:-9.4px;left:59.2927%;margin-left:-30.5px;width:61px;"><p class="g-pstyle1 svelte-16vt91t">FRANCE</p></div> <div id="g-ai2-16" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:75.2514%;margin-top:-17.4px;left:90.7521%;margin-left:-28.5px;width:57px;"><p class="g-pstyle1 svelte-16vt91t">SAUDI</p> <p class="g-pstyle1 svelte-16vt91t">ARABIA</p></div> <div id="g-ai2-17" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:76.1085%;margin-top:-9.4px;left:76.2209%;margin-left:-23.5px;width:47px;"><p class="g-pstyle1 svelte-16vt91t">ITALY</p></div> <div id="g-ai2-18" class="g-md g-aiAbs g-aiPointText svelte-16vt91t" style="top:78.3943%;margin-top:-9.4px;left:56.2528%;margin-left:-25.5px;width:51px;"><p class="g-pstyle1 svelte-16vt91t">SPAIN</p></div></div>'),V=p('<div id="g-graphic-lg" class="g-artboard svelte-16vt91t" style=""><div style="padding: 0 0 51.0753% 0;"></div> <div id="g-graphic-lg-img" class="g-aiImg svelte-16vt91t"></div> <div id="g-ai3-1" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:26.6548%;margin-top:-10.6px;left:62.9209%;margin-left:-36px;width:72px;"><p class="g-pstyle0 svelte-16vt91t">FINLAND</p></div> <div id="g-ai3-2" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:28.5495%;margin-top:-10.6px;left:72.3568%;margin-left:-31.5px;width:63px;"><p class="g-pstyle0 svelte-16vt91t">RUSSIA</p></div> <div id="g-ai3-3" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:31.9179%;margin-top:-10.6px;left:46.515%;margin-left:-46px;width:92px;"><p class="g-pstyle0 svelte-16vt91t">GREENLAND</p></div> <div id="g-ai3-4" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:31.9179%;margin-top:-10.6px;left:79.29%;width:98px;"><p class="g-pstyle1 svelte-16vt91t">KAZAKHSTAN</p></div> <div id="g-ai3-5" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:40.5495%;margin-top:-10.6px;right:39.4047%;width:71px;"><p class="g-pstyle2 svelte-16vt91t">NORWAY</p></div> <div id="g-ai3-6" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:40.76%;margin-top:-10.6px;left:74.0694%;margin-left:-35px;width:70px;"><p class="g-pstyle3 svelte-16vt91t">Moscow</p></div> <div id="g-ai3-7" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:46.2337%;margin-top:-10.6px;left:73.2012%;width:74px;"><p class="g-pstyle1 svelte-16vt91t">BELARUS</p></div> <div id="g-ai3-8" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:48.5495%;margin-top:-10.6px;left:51.6769%;margin-left:-35.5px;width:71px;"><p class="g-pstyle0 svelte-16vt91t">ICELAND</p></div> <div id="g-ai3-9" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:52.339%;margin-top:-10.6px;left:29.15%;margin-left:-34.5px;width:69px;"><p class="g-pstyle0 svelte-16vt91t">CANADA</p></div> <div id="g-ai3-10" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:55.2863%;margin-top:-19.6px;left:14.6303%;margin-left:-33px;width:66px;"><p class="g-pstyle0 svelte-16vt91t">UNITED</p> <p class="g-pstyle0 svelte-16vt91t">STATES</p></div> <div id="g-ai3-11" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:53.3916%;margin-top:-10.6px;left:61.0447%;margin-left:-19.5px;width:39px;"><p class="g-pstyle0 svelte-16vt91t">UK</p></div> <div id="g-ai3-12" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:53.6021%;margin-top:-10.6px;left:75.4186%;margin-left:-36.5px;width:73px;"><p class="g-pstyle0 svelte-16vt91t">UKRAINE</p></div> <div id="g-ai3-13" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:60.5495%;margin-top:-10.6px;right:44.1135%;width:71px;"><p class="g-pstyle2 svelte-16vt91t">IRELAND</p></div> <div id="g-ai3-14" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:61.3916%;margin-top:-10.6px;left:87.5589%;width:49px;"><p class="g-pstyle1 svelte-16vt91t">IRAN</p></div> <div id="g-ai3-15" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:70.6548%;margin-top:-10.6px;left:59.2197%;margin-left:-33.5px;width:67px;"><p class="g-pstyle0 svelte-16vt91t">FRANCE</p></div> <div id="g-ai3-16" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:76.5495%;margin-top:-10.6px;left:62.7536%;margin-left:-27.5px;width:55px;"><p class="g-pstyle0 svelte-16vt91t">SPAIN</p></div> <div id="g-ai3-17" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:78.8653%;margin-top:-19.6px;left:89.7929%;margin-left:-31.5px;width:63px;"><p class="g-pstyle0 svelte-16vt91t">SAUDI</p> <p class="g-pstyle0 svelte-16vt91t">ARABIA</p></div> <div id="g-ai3-18" class="g-lg g-aiAbs g-aiPointText svelte-16vt91t" style="top:80.76%;margin-top:-10.6px;left:75.992%;margin-left:-25.5px;width:51px;"><p class="g-pstyle0 svelte-16vt91t">ITALY</p></div></div>'),X=p('<div id="g-graphic-xl" class="g-artboard svelte-16vt91t" style=""><div style="padding: 0 0 50.75% 0;"></div> <div id="g-graphic-xl-img" class="g-aiImg svelte-16vt91t"></div> <div id="g-ai4-1" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:27.1938%;margin-top:-10.6px;left:63.4365%;margin-left:-36px;width:72px;"><p class="g-pstyle0 svelte-16vt91t">FINLAND</p></div> <div id="g-ai4-2" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:28.5074%;margin-top:-10.6px;left:72.4779%;margin-left:-31.5px;width:63px;"><p class="g-pstyle0 svelte-16vt91t">RUSSIA</p></div> <div id="g-ai4-3" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:29.821%;margin-top:-10.6px;left:46.6513%;margin-left:-46px;width:92px;"><p class="g-pstyle0 svelte-16vt91t">GREENLAND</p></div> <div id="g-ai4-4" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:31.6273%;margin-top:-10.6px;left:79.93%;width:98px;"><p class="g-pstyle1 svelte-16vt91t">KAZAKHSTAN</p></div> <div id="g-ai4-5" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:40.6585%;margin-top:-10.6px;right:39.3056%;width:71px;"><p class="g-pstyle2 svelte-16vt91t">NORWAY</p></div> <div id="g-ai4-6" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:40.8227%;margin-top:-10.6px;left:73.6128%;margin-left:-35px;width:70px;"><p class="g-pstyle3 svelte-16vt91t">Moscow</p></div> <div id="g-ai4-7" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:47.8834%;margin-top:-10.6px;left:71.2465%;width:74px;"><p class="g-pstyle1 svelte-16vt91t">BELARUS</p></div> <div id="g-ai4-8" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:48.376%;margin-top:-10.6px;left:51.7432%;margin-left:-35.5px;width:71px;"><p class="g-pstyle0 svelte-16vt91t">ICELAND</p></div> <div id="g-ai4-9" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:52.6453%;margin-top:-10.6px;left:29.1449%;margin-left:-34.5px;width:69px;"><p class="g-pstyle0 svelte-16vt91t">CANADA</p></div> <div id="g-ai4-10" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:53.6306%;margin-top:-10.6px;left:75.5426%;margin-left:-36.5px;width:73px;"><p class="g-pstyle0 svelte-16vt91t">UKRAINE</p></div> <div id="g-ai4-11" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:53.7947%;margin-top:-10.6px;left:60.8327%;margin-left:-19.5px;width:39px;"><p class="g-pstyle0 svelte-16vt91t">UK</p></div> <div id="g-ai4-12" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:55.2726%;margin-top:-19.6px;left:14.5826%;margin-left:-33px;width:66px;"><p class="g-pstyle0 svelte-16vt91t">UNITED</p> <p class="g-pstyle0 svelte-16vt91t">STATES</p></div> <div id="g-ai4-13" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:54.1231%;margin-top:-10.6px;left:69.7159%;margin-left:-35px;width:70px;"><p class="g-pstyle0 svelte-16vt91t">POLAND</p></div> <div id="g-ai4-14" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:57.8998%;margin-top:-10.6px;left:67.4399%;margin-left:-38.5px;width:77px;"><p class="g-pstyle0 svelte-16vt91t">GERMANY</p></div> <div id="g-ai4-15" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:60.8556%;margin-top:-10.6px;right:44.0157%;width:71px;"><p class="g-pstyle2 svelte-16vt91t">IRELAND</p></div> <div id="g-ai4-16" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:61.6766%;margin-top:-10.6px;left:76.0595%;margin-left:-37.5px;width:75px;"><p class="g-pstyle0 svelte-16vt91t">ROMANIA</p></div> <div id="g-ai4-17" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:61.8407%;margin-top:-10.6px;left:87.7238%;width:49px;"><p class="g-pstyle1 svelte-16vt91t">IRAN</p></div> <div id="g-ai4-18" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:66.7668%;margin-top:-10.6px;left:64.1171%;margin-left:-33.5px;width:67px;"><p class="g-pstyle0 svelte-16vt91t">FRANCE</p></div> <div id="g-ai4-19" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:68.4089%;margin-top:-10.6px;left:68.6444%;margin-left:-25.5px;width:51px;"><p class="g-pstyle0 svelte-16vt91t">ITALY</p></div> <div id="g-ai4-20" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:78.0969%;margin-top:-19.6px;left:89.3184%;margin-left:-31.5px;width:63px;"><p class="g-pstyle0 svelte-16vt91t">SAUDI</p> <p class="g-pstyle0 svelte-16vt91t">ARABIA</p></div> <div id="g-ai4-21" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:78.7537%;margin-top:-10.6px;left:62.5553%;margin-left:-27.5px;width:55px;"><p class="g-pstyle0 svelte-16vt91t">SPAIN</p></div> <div id="g-ai4-22" class="g-xl g-aiAbs g-aiPointText svelte-16vt91t" style="top:79.0822%;margin-top:-10.6px;left:79.6558%;margin-left:-33.5px;width:67px;"><p class="g-pstyle0 svelte-16vt91t">GREECE</p></div></div>'),Z=p('<div id="g-graphic-box" class="svelte-16vt91t"><!> <!> <!> <!> <!></div>');function _(I){let e=C(void 0);var r=Z(),f=c(r);{var u=t=>{var i=z(),d=a(c(i),2);m(()=>A(d,`background-image: url(${M});`)),l(t,i)};h(f,t=>{s(e)&&s(e)>=0&&s(e)<510&&t(u)})}var y=a(f,2);{var P=t=>{var i=J(),d=a(c(i),2);m(()=>A(d,`background-image: url(${F});`)),l(t,i)};h(y,t=>{s(e)&&s(e)>=510&&s(e)<660&&t(P)})}var N=a(y,2);{var g=t=>{var i=q(),d=a(c(i),2);m(()=>A(d,`background-image: url(${W});`)),l(t,i)};h(N,t=>{s(e)&&s(e)>=660&&s(e)<930&&t(g)})}var x=a(N,2);{var o=t=>{var i=V(),d=a(c(i),2);m(()=>A(d,`background-image: url(${Y});`)),l(t,i)};h(x,t=>{s(e)&&s(e)>=930&&s(e)<1200&&t(o)})}var n=a(x,2);{var v=t=>{var i=X(),d=a(c(i),2);m(()=>A(d,`background-image: url(${j});`)),l(t,i)};h(n,t=>{s(e)&&s(e)>=1200&&t(v)})}B(r,"clientWidth",t=>E(e,t)),l(I,r)}_.__docgen={version:3,name:"graphic.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const R={title:"Components/Text elements/Headline",component:b,argTypes:{hedSize:{control:"select",options:["small","normal","big","bigger","biggest"]},width:{control:"select",options:["normal","wide","wider","widest"]}}},{Story:w}=O();var Q=p(`<h1 class="custom-hed svelte-1rrl70a"><span class="small block text-base">The secret to</span> “The Nutcracker's” <span class="small block text-base fpt-1">success</span></h1>`),tt=p('<p class="custom-dek !fmt-3 svelte-1rrl70a">How “The Nutcracker” ballet became an<span class="font-medium mx-1 px-1.5 py-1 svelte-1rrl70a">American holday staple</span>and a financial pillar of ballet companies across the country</p>'),et=p('<img width="100" class="mx-auto mb-0" alt="Illustration of Europe"/>'),st=p("<!> <!> <!> <!> <!>",1);function D(I,e){k(e,!1),H();var r=st(),f=U(r);w(f,{name:"Demo",args:{hed:"Reuters Graphics interactive",dek:"The beginning of a beautiful page",section:"World News"},parameters:{__svelteCsf:{rawCode:"<Headline {...args} />"}}});var u=a(f,2);w(u,{name:"With byline and dateline",exportName:"Byline",children:(g,x)=>{{let o=S(()=>new Date("2020-01-01").toISOString());b(g,{hed:"Reuters Graphics Interactive",dek:"The beginning of a beautiful page",section:"Global news",authors:["Jane Doe"],get publishTime(){return s(o)},getAuthorPage:n=>`mailto:${n.replace(" ","")}@example.com`})}},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<Headline
|
||
hed={'Reuters Graphics Interactive'}
|
||
dek={'The beginning of a beautiful page'}
|
||
section={'Global news'}
|
||
authors={['Jane Doe']}
|
||
publishTime={new Date('2020-01-01').toISOString()}
|
||
getAuthorPage={(author: string) => {
|
||
return \`mailto:\${author.replace(' ', '')}@example.com\`;
|
||
}}
|
||
/>`}}});var y=a(u,2);w(y,{name:"Custom hed and dek",exportName:"CustomHedDek",children:(g,x)=>{b(g,{width:"wide",hed:v=>{var t=Q();l(v,t)},dek:v=>{var t=tt();l(v,t)},$$slots:{hed:!0,dek:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<Headline width="wide">
|
||
{#snippet hed()}
|
||
<h1 class="custom-hed">
|
||
<span class="small block text-base">The secret to</span>
|
||
“The Nutcracker's”
|
||
<span class="small block text-base fpt-1">success</span>
|
||
</h1>
|
||
{/snippet}
|
||
{#snippet dek()}
|
||
<p class="custom-dek !fmt-3">
|
||
How “The Nutcracker” ballet became an<span
|
||
class="font-medium mx-1 px-1.5 py-1">American holday staple</span
|
||
>and a financial pillar of ballet companies across the country
|
||
</p>
|
||
{/snippet}
|
||
</Headline>`}}});var P=a(y,2);w(P,{name:"Crown image",exportName:"CrownImage",children:(g,x)=>{{const o=v=>{var t=et();m(()=>L(t,"src",K)),l(v,t)};let n=S(()=>new Date("2020-01-01").toISOString());b(g,{class:"!fmt-3",hed:"Europa",get publishTime(){return s(n)},crown:o,$$slots:{crown:!0}})}},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<Headline
|
||
class="!fmt-3"
|
||
hed="Europa"
|
||
publishTime={new Date('2020-01-01').toISOString()}
|
||
>
|
||
<!-- Add a crown -->
|
||
{#snippet crown()}
|
||
<img
|
||
src={crownImgSrc}
|
||
width="100"
|
||
class="mx-auto mb-0"
|
||
alt="Illustration of Europe"
|
||
/>
|
||
{/snippet}
|
||
</Headline>`}}});var N=a(P,2);w(N,{name:"Crown graphic",exportName:"CrownGraphic",children:(g,x)=>{{const o=v=>{_(v)};let n=S(()=>new Date("2022-03-04").toISOString());b(g,{width:"wider",class:"!fmt-1",hed:"Unfriendly skies",dek:"How Russia’s invasion of Ukraine is redrawing air routes",section:"Ukraine Crisis",authors:["Simon Scarr","Vijdan Mohammad Kawoosa"],get publishTime(){return s(n)},crown:o,$$slots:{crown:!0}})}},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<Headline
|
||
width="wider"
|
||
class="!fmt-1"
|
||
hed={'Unfriendly skies'}
|
||
dek={'How Russia’s invasion of Ukraine is redrawing air routes'}
|
||
section={'Ukraine Crisis'}
|
||
authors={['Simon Scarr', 'Vijdan Mohammad Kawoosa']}
|
||
publishTime={new Date('2022-03-04').toISOString()}
|
||
>
|
||
<!-- Add a crown graphic -->
|
||
{#snippet crown()}
|
||
<Map />
|
||
{/snippet}
|
||
</Headline>`}}}),l(I,r),$()}D.__docgen={version:3,name:"Headline.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const T=G(D,R),it=["Demo","Byline","CustomHedDek","CrownImage","CrownGraphic"],at=T.Demo,lt=T.Byline,pt=T.CustomHedDek,gt=T.CrownImage,vt=T.CrownGraphic,ht=Object.freeze(Object.defineProperty({__proto__:null,Byline:lt,CrownGraphic:vt,CrownImage:gt,CustomHedDek:pt,Demo:at,__namedExportsOrder:it,default:R},Symbol.toStringTag,{value:"Module"}));export{lt as B,pt as C,at as D,ht as H,gt as a,vt as b};
|