67 lines
20 KiB
JavaScript
67 lines
20 KiB
JavaScript
import{f as g,a as l}from"./props-b4vEeO_8.js";import{F as o,I as m,a3 as D,a4 as Y,k as r,J as h,B as S,C as _,G as E}from"./runtime-C3rQLW--.js";import{s as Z}from"./attributes-Cg6aLqN3.js";import{i as q}from"./lifecycle-F2p_Qkk3.js";import{c as K,d as O}from"./create-runtime-stories-7AWWVphH.js";import{G as n}from"./GraphicBlock-uLJTqaY1.js";import{i as f}from"./svelte-component-C8Ginrj8.js";import{s as G}from"./style-DvJ3IcV1.js";import{b as M}from"./size-DMdj3-I9.js";const N=""+new URL("ai-chart-xs-CE1-6d7r.png",import.meta.url).href,L=""+new URL("ai-chart-sm-j_WJ8d3e.png",import.meta.url).href,H=""+new URL("ai-chart-md-UPWzH8Eo.png",import.meta.url).href;var R=g('<div id="g-_ai-chart-xs" class="g-artboard svelte-v5mpys" style=""><div style="padding: 0 0 91.7004% 0;"></div> <div id="g-_ai-chart-xs-img" class="g-aiImg svelte-v5mpys"></div> <div id="g-ai0-1" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:3.216%;margin-top:-7.7px;left:0.5952%;width:99px;"><p class="g-pstyle0 svelte-v5mpys">Shake intensity</p></div> <div id="g-ai0-2" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:9.8251%;margin-top:-7.7px;left:4.9821%;width:47px;"><p class="g-pstyle0 svelte-v5mpys">Light</p></div> <div id="g-ai0-3" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:15.7733%;margin-top:-7.7px;left:4.9821%;width:69px;"><p class="g-pstyle0 svelte-v5mpys">Moderate</p></div> <div id="g-ai0-4" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:16.4343%;margin-top:-7.7px;left:79.0675%;width:82px;"><p class="g-pstyle0 svelte-v5mpys">Cap-Haitien</p></div> <div id="g-ai0-5" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:21.7216%;margin-top:-7.7px;left:4.9821%;width:55px;"><p class="g-pstyle0 svelte-v5mpys">Strong</p></div> <div id="g-ai0-6" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:28.0002%;margin-top:-7.7px;left:4.9821%;width:78px;"><p class="g-pstyle0 svelte-v5mpys">Very strong</p></div> <div id="g-ai0-7" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:28.9916%;margin-top:-7.7px;left:62.2348%;width:68px;"><p class="g-pstyle0 svelte-v5mpys">Gonaïves</p></div> <div id="g-ai0-8" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:39.9449%;margin-top:-14.9px;left:28.714%;margin-left:-36.5px;width:73px;"><p class="g-pstyle1 svelte-v5mpys">Caribbean</p> <p class="g-pstyle1 svelte-v5mpys">Sea</p></div> <div id="g-ai0-9" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:42.6579%;margin-top:-10.1px;left:68.5061%;width:77px;"><p class="g-pstyle2 svelte-v5mpys">HAITI</p></div> <div id="g-ai0-10" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:59.0632%;margin-top:-7.7px;left:11.2526%;width:63px;"><p class="g-pstyle0 svelte-v5mpys">Jeremie</p></div> <div id="g-ai0-11" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:61.1155%;margin-top:-8.9px;left:70.5455%;width:106px;"><p class="g-pstyle3 svelte-v5mpys">Port-au-Prince</p></div> <div id="g-ai0-12" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:62.1069%;margin-top:-8.9px;left:32.6015%;width:77px;"><p class="g-pstyle3 svelte-v5mpys">Epicenter</p></div> <div id="g-ai0-13" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:78.8906%;margin-top:-7.7px;left:63.9138%;width:58px;"><p class="g-pstyle0 svelte-v5mpys">Jacmel</p></div> <div id="g-ai0-14" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:80.2124%;margin-top:-7.7px;left:22.5649%;width:71px;"><p class="g-pstyle0 svelte-v5mpys">Les Cayes</p></div> <div id="g-ai0-15" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:87.8129%;margin-top:-7.7px;left:0.6179%;width:49px;"><p class="g-pstyle0 svelte-v5mpys">50 mi</p></div> <div id="g-ai0-16" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:91.0202%;margin-top:-11.4px;right:10.4418%;width:70px;"><p class="g-pstyle4 svelte-v5mpys">Dominican</p> <p class="g-pstyle4 svelte-v5mpys">Republic</p></div> <div id="g-ai0-17" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:93.7611%;margin-top:-7.7px;left:0.6179%;width:52px;"><p class="g-pstyle0 svelte-v5mpys">50 km</p></div></div>'),U=g('<div id="g-_ai-chart-sm" class="g-artboard svelte-v5mpys" style=""><div style="padding: 0 0 82.703% 0;"></div> <div id="g-_ai-chart-sm-img" class="g-aiImg svelte-v5mpys"></div> <div id="g-ai1-1" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:3.8773%;margin-top:-9.4px;left:0.3278%;width:111px;"><p class="g-pstyle0 svelte-v5mpys">Shake intensity</p></div> <div id="g-ai1-2" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:9.0933%;margin-top:-9.4px;left:3.0258%;width:52px;"><p class="g-pstyle0 svelte-v5mpys">Light</p></div> <div id="g-ai1-3" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:13.5979%;margin-top:-9.4px;left:3.0259%;width:77px;"><p class="g-pstyle0 svelte-v5mpys">Moderate</p></div> <div id="g-ai1-4" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:16.6801%;margin-top:-9.4px;left:70.3255%;width:92px;"><p class="g-pstyle0 svelte-v5mpys">Cap-Haitien</p></div> <div id="g-ai1-5" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:18.3397%;margin-top:-9.4px;left:3.0258%;width:61px;"><p class="g-pstyle0 svelte-v5mpys">Strong</p></div> <div id="g-ai1-6" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:22.6073%;margin-top:-9.4px;left:3.0258%;width:88px;"><p class="g-pstyle0 svelte-v5mpys">Very strong</p></div> <div id="g-ai1-7" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:28.5344%;margin-top:-9.4px;left:55.9181%;width:76px;"><p class="g-pstyle0 svelte-v5mpys">Gonaïves</p></div> <div id="g-ai1-8" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:38.8091%;margin-top:-17.7px;left:27.2818%;margin-left:-41px;width:82px;"><p class="g-pstyle1 svelte-v5mpys">Caribbean</p> <p class="g-pstyle1 svelte-v5mpys">Sea</p></div> <div id="g-ai1-9" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:39.9724%;margin-top:-8.6px;left:61.2858%;width:67px;"><p class="g-pstyle2 svelte-v5mpys">HAITI</p></div> <div id="g-ai1-10" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:56.985%;margin-top:-9.4px;left:12.2815%;width:69px;"><p class="g-pstyle0 svelte-v5mpys">Jeremie</p></div> <div id="g-ai1-11" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:59.1569%;margin-top:-9.5px;left:63.0314%;width:112px;"><p class="g-pstyle3 svelte-v5mpys">Port-au-Prince</p></div> <div id="g-ai1-12" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:60.1053%;margin-top:-9.5px;left:30.5543%;width:81px;"><p class="g-pstyle3 svelte-v5mpys">Epicenter</p></div> <div id="g-ai1-13" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:62.7194%;margin-top:-16.5px;left:91.2282%;margin-left:-57px;width:114px;"><p class="g-pstyle4 svelte-v5mpys">Dominican</p> <p class="g-pstyle4 svelte-v5mpys">Republic</p></div> <div id="g-ai1-14" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:75.4778%;margin-top:-9.4px;left:57.3552%;width:64px;"><p class="g-pstyle0 svelte-v5mpys">Jacmel</p></div> <div id="g-ai1-15" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:76.6632%;margin-top:-9.4px;left:21.9639%;width:79px;"><p class="g-pstyle0 svelte-v5mpys">Les Cayes</p></div> <div id="g-ai1-16" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:85.5251%;margin-top:-7.7px;left:0.1344%;width:49px;"><p class="g-pstyle5 svelte-v5mpys">50 mi</p></div> <div id="g-ai1-17" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:90.0297%;margin-top:-7.7px;left:0.1344%;width:52px;"><p class="g-pstyle5 svelte-v5mpys">50 km</p></div></div>'),$=g('<div id="g-_ai-chart-md" class="g-artboard svelte-v5mpys" style=""><div style="padding: 0 0 79.6009% 0;"></div> <div id="g-_ai-chart-md-img" class="g-aiImg svelte-v5mpys"></div> <div id="g-ai2-1" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:2.3515%;margin-top:-9.4px;left:0.3608%;width:111px;"><p class="g-pstyle0 svelte-v5mpys">Shake intensity</p></div> <div id="g-ai2-2" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:7.6811%;margin-top:-9.4px;left:2.6603%;width:52px;"><p class="g-pstyle0 svelte-v5mpys">Light</p></div> <div id="g-ai2-3" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:12.2494%;margin-top:-9.4px;left:2.6604%;width:77px;"><p class="g-pstyle0 svelte-v5mpys">Moderate</p></div> <div id="g-ai2-4" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:15.4852%;margin-top:-9.4px;left:70.3606%;width:92px;"><p class="g-pstyle0 svelte-v5mpys">Cap-Haitien</p></div> <div id="g-ai2-5" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:17.1983%;margin-top:-9.4px;left:2.6603%;width:61px;"><p class="g-pstyle0 svelte-v5mpys">Strong</p></div> <div id="g-ai2-6" class="g-legend g-aiAbs g-aiPointText svelte-v5mpys" style="top:21.7666%;margin-top:-9.4px;left:2.6603%;width:88px;"><p class="g-pstyle0 svelte-v5mpys">Very strong</p></div> <div id="g-ai2-7" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:27.6672%;margin-top:-9.4px;left:55.993%;width:76px;"><p class="g-pstyle0 svelte-v5mpys">Gonaïves</p></div> <div id="g-ai2-8" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:38.0099%;margin-top:-17.7px;left:27.2388%;margin-left:-41px;width:82px;"><p class="g-pstyle1 svelte-v5mpys">Caribbean</p> <p class="g-pstyle1 svelte-v5mpys">Sea</p></div> <div id="g-ai2-9" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:42.7626%;margin-top:-10.7px;left:62.8914%;width:80px;"><p class="g-pstyle2 svelte-v5mpys">HAITI</p></div> <div id="g-ai2-10" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:50.0029%;margin-top:-17.7px;left:92.295%;margin-left:-60.5px;width:121px;"><p class="g-pstyle3 svelte-v5mpys">Dominican</p> <p class="g-pstyle3 svelte-v5mpys">Republic</p></div> <div id="g-ai2-11" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:57.3608%;margin-top:-9.4px;left:12.2815%;width:69px;"><p class="g-pstyle0 svelte-v5mpys">Jeremie</p></div> <div id="g-ai2-12" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:60.2742%;margin-top:-10.7px;left:30.6995%;width:89px;"><p class="g-pstyle4 svelte-v5mpys">Epicenter</p></div> <div id="g-ai2-13" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:62.5583%;margin-top:-10.7px;left:66.3403%;width:125px;"><p class="g-pstyle4 svelte-v5mpys">Port-au-Prince</p></div> <div id="g-ai2-14" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:75.6338%;margin-top:-9.4px;left:57.8174%;width:64px;"><p class="g-pstyle0 svelte-v5mpys">Jacmel</p></div> <div id="g-ai2-15" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:77.3469%;margin-top:-9.4px;left:22.5239%;width:79px;"><p class="g-pstyle0 svelte-v5mpys">Les Cayes</p></div> <div id="g-ai2-16" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:86.936%;margin-top:-7.7px;left:0.1678%;width:49px;"><p class="g-pstyle5 svelte-v5mpys">50 mi</p></div> <div id="g-ai2-17" class="g-map-labels g-aiAbs g-aiPointText svelte-v5mpys" style="top:91.5043%;margin-top:-7.7px;left:0.1678%;width:52px;"><p class="g-pstyle5 svelte-v5mpys">50 km</p></div></div>'),z=g('<div id="g-_ai-chart-box" class="svelte-v5mpys"><!> <!> <!></div>');function C(w){let a=Y(void 0);var v=z(),A=m(v);{var b=e=>{var t=R(),s=o(m(t),2);h(()=>G(s,`background-image: url(${N});`)),l(e,t)};f(A,e=>{r(a)&&r(a)>=0&&r(a)<510&&e(b)})}var c=o(A,2);{var u=e=>{var t=U(),s=o(m(t),2);h(()=>G(s,`background-image: url(${L});`)),l(e,t)};f(c,e=>{r(a)&&r(a)>=510&&r(a)<660&&e(u)})}var k=o(c,2);{var i=e=>{var t=$(),s=o(m(t),2);h(()=>G(s,`background-image: url(${H});`)),l(e,t)};f(k,e=>{r(a)&&r(a)>=660&&e(i)})}M(v,"clientWidth",e=>D(a,e)),l(w,v)}C.__docgen={version:3,name:"ai-chart.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const B="data:image/png;base64,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",T={title:"Components/Graphics/GraphicBlock",component:n,argTypes:{width:{control:"select",options:["normal","wide","wider","widest","fluid"]},textWidth:{control:"select",options:["normal","wide","wider","widest","fluid"]}}},{Story:y}=O();var V=g('<div id="my-chart"><img alt="placeholder"/></div>'),j=g("<h5>My smaller title</h5>"),J=g("<aside><p><strong>Note:</strong> Data current as of Aug. 2, 2022.</p></aside>"),X=g('<div class="demo-graphic svelte-1wxpad3"><img alt="placeholder" class="svelte-1wxpad3"/></div>'),F=g(`<p>A shakemap shows the intensity of the 7.2-magnitude earthquake that
|
|
struck Haiti at 8:29 a.m. EST, Aug. 14, 2021.</p> <table class="svelte-1wxpad3"><tbody><tr><th class="svelte-1wxpad3">City</th><th class="svelte-1wxpad3">Felt shake strength</th></tr><tr><td class="svelte-1wxpad3">Les Cayes</td><td class="svelte-1wxpad3">Very strong</td></tr><tr><td class="svelte-1wxpad3">Jeremie</td><td class="svelte-1wxpad3">Strong</td></tr></tbody></table>`,1),W=g("<!> <!> <!> <!> <!>",1);function I(w,a){S(a,!1),q();var v=W(),A=_(v);y(A,{name:"Demo",children:(i,e)=>{n(i,{title:"Title for my chart",description:"Some description for your chart.",notes:`Note: Data current as of Aug. 2, 2022.
|
|
|
|
Source: [Google research](https://google.com)`,children:(t,s)=>{var p=V(),d=m(p);h(()=>Z(d,"src",B)),l(t,p)},$$slots:{default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<GraphicBlock
|
|
title="Title for my chart"
|
|
description="Some description for your chart."
|
|
notes={\`Note: Data current as of Aug. 2, 2022.\\n\\nSource: [Google research](https://google.com)\`}
|
|
>
|
|
<div id="my-chart">
|
|
<img src={PlaceholderImg} alt="placeholder" />
|
|
</div>
|
|
</GraphicBlock>`}}});var b=o(A,2);y(b,{name:"Ai2svelte and ArchieML",exportName:"Ai2SvelteAndArchieML",children:(i,e)=>{n(i,{title:"Earthquake in Haiti",description:"The 7.2-magnitude earthquake struck at 8:29 a.m. EST, Aug. 14, 2021.",notes:"Note: A shakemap represents the ground shaking produced by an earthquake.",children:(t,s)=>{C(t)},$$slots:{default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<GraphicBlock
|
|
title="Earthquake in Haiti"
|
|
description="The 7.2-magnitude earthquake struck at 8:29 a.m. EST, Aug. 14, 2021."
|
|
notes="Note: A shakemap represents the ground shaking produced by an earthquake."
|
|
>
|
|
<AiMap />
|
|
</GraphicBlock>`}}});var c=o(b,2);y(c,{name:"Custom text",exportName:"CustomText",children:(i,e)=>{n(i,{title:p=>{var d=j();l(p,d)},notes:p=>{var d=J();l(p,d)},children:(p,d)=>{var P=X(),Q=m(P);h(()=>Z(Q,"src",B)),l(p,P)},$$slots:{title:!0,notes:!0,default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<GraphicBlock>
|
|
<div class="demo-graphic">
|
|
<img src={PlaceholderImg} alt="placeholder" />
|
|
</div>
|
|
|
|
{#snippet title()}
|
|
<h5>My smaller title</h5>
|
|
{/snippet}
|
|
|
|
{#snippet notes()}
|
|
<aside>
|
|
<p><strong>Note:</strong> Data current as of Aug. 2, 2022.</p>
|
|
</aside>
|
|
{/snippet}
|
|
</GraphicBlock>`}}});var u=o(c,2);y(u,{name:"AREA description",exportName:"AriaDescription",children:(i,e)=>{n(i,{title:"Earthquake in Haiti",description:"The 7.2-magnitude earthquake struck at 8:29 a.m. EST, Aug. 14, 2021.",notes:"Note: A shakemap represents the ground shaking produced by an earthquake.",ariaDescription:"A map showing the shake intensity produced by the earthquake.",children:(t,s)=>{C(t)},$$slots:{default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<GraphicBlock
|
|
title="Earthquake in Haiti"
|
|
description="The 7.2-magnitude earthquake struck at 8:29 a.m. EST, Aug. 14, 2021."
|
|
notes="Note: A shakemap represents the ground shaking produced by an earthquake."
|
|
ariaDescription="A map showing the shake intensity produced by the earthquake."
|
|
>
|
|
<AiMap />
|
|
</GraphicBlock>`}}});var k=o(u,2);y(k,{name:"Custom AREA description",exportName:"CustomAriaDescription",children:(i,e)=>{n(i,{title:"Earthquake in Haiti",description:"The 7.2-magnitude earthquake struck at 8:29 a.m. EST, Aug. 14, 2021.",notes:"Note: A shakemap represents the ground shaking produced by an earthquake.",ariaDescription:s=>{var p=F();l(s,p)},children:(s,p)=>{C(s)},$$slots:{ariaDescription:!0,default:!0}})},$$slots:{default:!0},parameters:{__svelteCsf:{rawCode:`<GraphicBlock
|
|
title="Earthquake in Haiti"
|
|
description="The 7.2-magnitude earthquake struck at 8:29 a.m. EST, Aug. 14, 2021."
|
|
notes="Note: A shakemap represents the ground shaking produced by an earthquake."
|
|
>
|
|
<AiMap />
|
|
{#snippet ariaDescription()}
|
|
<p>
|
|
A shakemap shows the intensity of the 7.2-magnitude earthquake that
|
|
struck Haiti at 8:29 a.m. EST, Aug. 14, 2021.
|
|
</p>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<th>City</th>
|
|
<th>Felt shake strength</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Les Cayes</td>
|
|
<td>Very strong</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Jeremie</td>
|
|
<td>Strong</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
{/snippet}
|
|
</GraphicBlock>`}}}),l(w,v),E()}I.__docgen={version:3,name:"GraphicBlock.stories.svelte",data:[],computed:[],methods:[],components:[],description:null,keywords:[],events:[],slots:[],refs:[]};const x=K(I,T),ee=["Demo","Ai2SvelteAndArchieML","CustomText","AriaDescription","CustomAriaDescription"],te=x.Demo,se=x.Ai2SvelteAndArchieML,ae=x.CustomText,ie=x.AriaDescription,pe=x.CustomAriaDescription,ce=Object.freeze(Object.defineProperty({__proto__:null,Ai2SvelteAndArchieML:se,AriaDescription:ie,CustomAriaDescription:pe,CustomText:ae,Demo:te,__namedExportsOrder:ee,default:T},Symbol.toStringTag,{value:"Module"}));export{se as A,ae as C,te as D,ce as G,ie as a,pe as b};
|