213 lines
16 KiB
XML
213 lines
16 KiB
XML
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" aria-labelledby="chart-title-my-svg" aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-8 -49 864.64453125 426" style="max-width: 864.645px; background-color: white;" width="864.64453125" id="my-svg">
|
|
<title id="chart-title-my-svg">Basic package diagram example</title>
|
|
<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_0001931735210112054430" class="cluster clickable flowchart-label">
|
|
<rect height="286" width="253.359375" y="83" x="62.2890625" ry="0" rx="0" style=""/>
|
|
<g transform="translate(183.6328125, 83)" class="cluster-label">
|
|
<foreignObject height="18" width="10.671875">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">B</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g id="C_0001184614645531659789" class="cluster clickable flowchart-label">
|
|
<rect height="286" width="512.921875" y="83" x="335.72265625" ry="0" rx="0" style=""/>
|
|
<g transform="translate(586.84765625, 83)" class="cluster-label">
|
|
<foreignObject height="18" width="10.671875">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">A</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g id="C_0001528517990989164155" class="cluster clickable flowchart-label">
|
|
<rect height="236" width="386.578125" y="108" x="355.72265625" ry="0" rx="0" style=""/>
|
|
<g transform="translate(538.33984375, 108)" class="cluster-label">
|
|
<foreignObject height="18" width="21.34375">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">AA</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<g class="edgePaths">
|
|
<path style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-N_0001 LE-C_0000274638237740249424" id="L-N_0001-C_0000274638237740249424-0" d="M404.9765625,33L404.9765625,37.166666666666664C404.9765625,41.333333333333336,404.9765625,49.666666666666664,404.9765625,58C404.9765625,66.33333333333333,404.9765625,74.66666666666667,404.9765625,83C404.9765625,91.33333333333333,404.9765625,99.66666666666667,422.8653998940678,120.75C440.7542372881356,141.83333333333334,476.5319120762712,175.66666666666666,494.420749470339,192.58333333333334L512.3095868644068,209.5"/>
|
|
<path style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-N_0002 LE-C_0001528517990989164155" id="L-N_0002-C_0001528517990989164155-0" d="M654.5390625,33L654.5390625,37.166666666666664C654.5390625,41.333333333333336,654.5390625,49.666666666666664,654.5390625,58C654.5390625,66.33333333333333,654.5390625,74.66666666666667,654.5390625,83C654.5390625,91.33333333333333,654.5390625,99.66666666666667,654.5390625,103.83333333333333L654.5390625,108"/>
|
|
<path style="fill:none;stroke-width:2px;stroke-dasharray:3;" class="edge-thickness-normal edge-pattern-dotted flowchart-link LS-N_0003 LE-C_0000895913707182089871" id="L-N_0003-C_0000895913707182089871-0" d="M145.796875,33L145.796875,37.166666666666664C145.796875,41.333333333333336,145.796875,49.666666666666664,145.796875,58C145.796875,66.33333333333333,145.796875,74.66666666666667,145.796875,83C145.796875,91.33333333333333,145.796875,99.66666666666667,145.796875,108C145.796875,116.33333333333333,145.796875,124.66666666666667,145.796875,128.83333333333334L145.796875,133"/>
|
|
</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>
|
|
<g class="nodes">
|
|
<g transform="translate(89.7890625, 125)" class="root">
|
|
<g class="clusters">
|
|
<g id="C_0000895913707182089871" class="cluster clickable flowchart-label">
|
|
<rect height="186" width="97.015625" y="8" x="8" ry="0" rx="0" style=""/>
|
|
<g transform="translate(45.8359375, 8)" class="cluster-label">
|
|
<foreignObject height="18" width="21.34375">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">AA</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<g class="edgePaths"/>
|
|
<g class="edgeLabels"/>
|
|
<g class="nodes">
|
|
<g transform="translate(56.5078125, 59.5)" title="AAA" id="flowchart-C_0000262162485307734028-13" class="node default clickable flowchart-label">
|
|
<rect height="33" width="47.015625" y="-16.5" x="-23.5078125" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-16.0078125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="32.015625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">AAA</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(56.5078125, 142.5)" title="BBB" id="flowchart-C_0000018542334992237803-12" class="node default clickable flowchart-label">
|
|
<rect height="33" width="47.015625" y="-16.5" x="-23.5078125" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-16.0078125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="32.015625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">BBB</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(262.4765625, 226)" title="BB" id="flowchart-C_0002230464321696304488-10" class="node default clickable flowchart-label">
|
|
<rect height="33" width="36.34375" y="-16.5" x="-18.171875" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-10.671875, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="21.34375">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">BB</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(795.47265625, 226)" title="BB" id="flowchart-C_0000983199564524723281-15" class="node default clickable flowchart-label">
|
|
<rect height="33" width="36.34375" y="-16.5" x="-18.171875" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-10.671875, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="21.34375">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">BB</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(529.7578125, 226)" title="AAA" id="flowchart-C_0000274638237740249424-2" class="node default clickable flowchart-label">
|
|
<rect height="33" width="47.015625" y="-16.5" x="-23.5078125" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-16.0078125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="32.015625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">AAA</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(683.79296875, 226)" title="BBB" id="flowchart-C_0002129154382024012563-17" class="node default clickable flowchart-label">
|
|
<rect height="33" width="47.015625" y="-16.5" x="-23.5078125" ry="0" rx="0" style="" class="basic label-container"/>
|
|
<g transform="translate(-16.0078125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="32.015625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">BBB</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(404.9765625, 16.5)" id="flowchart-N_0001-0" class="node default default flowchart-label">
|
|
<rect height="33" width="108.40625" y="-16.5" x="-54.203125" ry="5" rx="5" style="" class="basic label-container"/>
|
|
<g transform="translate(-46.703125, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="93.40625">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">A AAA note...</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(654.5390625, 16.5)" id="flowchart-N_0002-3" class="node default default flowchart-label">
|
|
<rect height="33" width="290.71875" y="-16.5" x="-145.359375" ry="5" rx="5" style="" class="basic label-container"/>
|
|
<g transform="translate(-137.859375, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="275.71875">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">This is namespace AA in namespace A</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(145.796875, 16.5)" id="flowchart-N_0003-4" class="node default default flowchart-label">
|
|
<rect height="33" width="291.59375" y="-16.5" x="-145.796875" ry="5" rx="5" style="" class="basic label-container"/>
|
|
<g transform="translate(-138.296875, -9)" style="" class="label">
|
|
<rect/>
|
|
<foreignObject height="18" width="276.59375">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">
|
|
<span class="nodeLabel">This is namespace AA in namespace B</span>
|
|
</div>
|
|
</foreignObject>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<text class="flowchartTitleText" y="-25" x="424.322265625">Basic package diagram example</text>
|
|
</svg>
|
