139 lines
12 KiB
XML
139 lines
12 KiB
XML
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-8 -8 395.625 182" style="max-width: 395.625px; background-color: white;" width="395.625" id="my-svg">
|
|
<style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#333333;stroke:#333333;}#my-svg .marker.cross{stroke:#333333;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span,#my-svg p{color:#333;}#my-svg .label text,#my-svg span,#my-svg p{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#333333;fill:none;}#my-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#my-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#my-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span,#my-svg p{color:#333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style>
|
|
<g>
|
|
<marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="10" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointEnd">
|
|
<path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/>
|
|
</marker>
|
|
<marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart">
|
|
<path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/>
|
|
</marker>
|
|
<marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd">
|
|
<circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/>
|
|
</marker>
|
|
<marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart">
|
|
<circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/>
|
|
</marker>
|
|
<marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd">
|
|
<path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/>
|
|
</marker>
|
|
<marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart">
|
|
<path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/>
|
|
</marker>
|
|
<g class="root">
|
|
<g class="clusters">
|
|
<g id="C_0000879401191375500756" class="cluster default flowchart-label">
|
|
<rect height="83" width="379.625" y="83" x="0" ry="0" rx="0" style=""/>
|
|
<g transform="translate(161.8046875, 83)" class="cluster-label">
|
|
<foreignObject height="18" width="56.015625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">libraries</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<g class="edgePaths">
|
|
<path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-C_0002001320261642080149 LE-C_0000879212264535378961" id="L-C_0002001320261642080149-C_0000879212264535378961-0" d="M168.9609375,22.9166087359518L149.95963541666666,28.763840613293166C130.95833333333334,34.611072490634534,92.95572916666667,46.30553624531726,73.95442708333333,56.3194347893253C54.953125,66.33333333333333,54.953125,74.66666666666667,54.953125,83C54.953125,91.33333333333333,54.953125,99.66666666666667,54.953125,103.83333333333333L54.953125,108"/>
|
|
<path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-C_0002001320261642080149 LE-C_0001522606219626203424" id="L-C_0002001320261642080149-C_0001522606219626203424-0" d="M171.93957078313252,33L167.4262048192771,37.166666666666664C162.91283885542168,41.333333333333336,153.88610692771084,49.666666666666664,149.37274096385542,58C144.859375,66.33333333333333,144.859375,74.66666666666667,144.859375,83C144.859375,91.33333333333333,144.859375,99.66666666666667,144.859375,103.83333333333333L144.859375,108"/>
|
|
<path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-C_0002001320261642080149 LE-C_0002263709579652581325" id="L-C_0002001320261642080149-C_0002263709579652581325-0" d="M207.68542921686748,33L212.1987951807229,37.166666666666664C216.71216114457832,41.333333333333336,225.7388930722892,49.666666666666664,230.25225903614458,58C234.765625,66.33333333333333,234.765625,74.66666666666667,234.765625,83C234.765625,91.33333333333333,234.765625,99.66666666666667,234.765625,103.83333333333333L234.765625,108"/>
|
|
<path marker-end="url(#flowchart-pointEnd)" style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-C_0002001320261642080149 LE-C_0001103453030023410219" id="L-C_0002001320261642080149-C_0001103453030023410219-0" d="M210.6640625,22.9166087359518L229.66536458333334,28.763840613293166C248.66666666666666,34.611072490634534,286.6692708333333,46.30553624531726,305.6705729166667,56.3194347893253C324.671875,66.33333333333333,324.671875,74.66666666666667,324.671875,83C324.671875,91.33333333333333,324.671875,99.66666666666667,324.671875,103.83333333333333L324.671875,108"/>
|
|
</g>
|
|
<g class="edgeLabels">
|
|
<g class="edgeLabel">
|
|
<g transform="translate(0, 0)" class="label">
|
|
<foreignObject height="0" width="0">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="edgeLabel"/>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g class="edgeLabel">
|
|
<g transform="translate(0, 0)" class="label">
|
|
<foreignObject height="0" width="0">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="edgeLabel"/>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g class="edgeLabel">
|
|
<g transform="translate(0, 0)" class="label">
|
|
<foreignObject height="0" width="0">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="edgeLabel"/>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g class="edgeLabel">
|
|
<g transform="translate(0, 0)" class="label">
|
|
<foreignObject height="0" width="0">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="edgeLabel"/>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<g class="nodes">
|
|
<g transform="translate(54.953125, 124.5)" title="lib1" id="flowchart-C_0000879212264535378961-1" class="node default clickable flowchart-label">
|
|
<rect height="33" width="39.90625" y="-16.5" x="-19.953125" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-12.453125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="24.90625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">lib1</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(144.859375, 124.5)" title="lib2" id="flowchart-C_0001522606219626203424-3" class="node default clickable flowchart-label">
|
|
<rect height="33" width="39.90625" y="-16.5" x="-19.953125" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-12.453125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="24.90625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">lib2</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(234.765625, 124.5)" title="lib3" id="flowchart-C_0002263709579652581325-5" class="node default clickable flowchart-label">
|
|
<rect height="33" width="39.90625" y="-16.5" x="-19.953125" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-12.453125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="24.90625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">lib3</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(324.671875, 124.5)" title="lib4" id="flowchart-C_0001103453030023410219-7" class="node default clickable flowchart-label">
|
|
<rect height="33" width="39.90625" y="-16.5" x="-19.953125" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-12.453125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="24.90625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">lib4</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(189.8125, 16.5)" title="app" id="flowchart-C_0002001320261642080149-0" class="node default clickable flowchart-label">
|
|
<rect height="33" width="41.703125" y="-16.5" x="-20.8515625" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-13.3515625, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="26.703125">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">app</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
