494 lines
37 KiB
XML
494 lines
37 KiB
XML
|
<svg id="mermaid-1574275690792" width="1620.699951171875" xmlns="http://www.w3.org/2000/svg" height="882.2000122070312" viewBox="0 0 1620.699951171875 882.2000122070312"><style>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .label {
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family);
|
||
|
|
color: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .label text {
|
||
|
|
fill: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .node rect,
|
||
|
|
#mermaid-1574275690792 .node circle,
|
||
|
|
#mermaid-1574275690792 .node ellipse,
|
||
|
|
#mermaid-1574275690792 .node polygon {
|
||
|
|
fill: #ECECFF;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .node .label {
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .node.clickable {
|
||
|
|
cursor: pointer; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .arrowheadPath {
|
||
|
|
fill: #333333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .edgePath .path {
|
||
|
|
stroke: #333333;
|
||
|
|
stroke-width: 1.5px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .edgeLabel {
|
||
|
|
background-color: #e8e8e8;
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .cluster rect {
|
||
|
|
fill: #ffffde;
|
||
|
|
stroke: #aaaa33;
|
||
|
|
stroke-width: 1px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .cluster text {
|
||
|
|
fill: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 div.mermaidTooltip {
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
max-width: 200px;
|
||
|
|
padding: 2px;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family);
|
||
|
|
font-size: 12px;
|
||
|
|
background: #ffffde;
|
||
|
|
border: 1px solid #aaaa33;
|
||
|
|
border-radius: 2px;
|
||
|
|
pointer-events: none;
|
||
|
|
z-index: 100; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .actor {
|
||
|
|
stroke: #CCCCFF;
|
||
|
|
fill: #ECECFF; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 text.actor {
|
||
|
|
fill: black;
|
||
|
|
stroke: none; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .actor-line {
|
||
|
|
stroke: grey; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .messageLine0 {
|
||
|
|
stroke-width: 1.5;
|
||
|
|
stroke-dasharray: '2 2';
|
||
|
|
stroke: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .messageLine1 {
|
||
|
|
stroke-width: 1.5;
|
||
|
|
stroke-dasharray: '2 2';
|
||
|
|
stroke: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #arrowhead {
|
||
|
|
fill: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .sequenceNumber {
|
||
|
|
fill: white; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #sequencenumber {
|
||
|
|
fill: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #crosshead path {
|
||
|
|
fill: #333 !important;
|
||
|
|
stroke: #333 !important; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .messageText {
|
||
|
|
fill: #333;
|
||
|
|
stroke: none; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .labelBox {
|
||
|
|
stroke: #CCCCFF;
|
||
|
|
fill: #ECECFF; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .labelText {
|
||
|
|
fill: black;
|
||
|
|
stroke: none; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .loopText {
|
||
|
|
fill: black;
|
||
|
|
stroke: none; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .loopLine {
|
||
|
|
stroke-width: 2;
|
||
|
|
stroke-dasharray: '2 2';
|
||
|
|
stroke: #CCCCFF; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .note {
|
||
|
|
stroke: #aaaa33;
|
||
|
|
fill: #fff5ad; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .noteText {
|
||
|
|
fill: black;
|
||
|
|
stroke: none;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family);
|
||
|
|
font-size: 14px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .activation0 {
|
||
|
|
fill: #f4f4f4;
|
||
|
|
stroke: #666; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .activation1 {
|
||
|
|
fill: #f4f4f4;
|
||
|
|
stroke: #666; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .activation2 {
|
||
|
|
fill: #f4f4f4;
|
||
|
|
stroke: #666; }
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .mermaid-main-font {
|
||
|
|
font-family: "trebuchet ms", verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .section {
|
||
|
|
stroke: none;
|
||
|
|
opacity: 0.2; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .section0 {
|
||
|
|
fill: rgba(102, 102, 255, 0.49); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .section2 {
|
||
|
|
fill: #fff400; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .section1,
|
||
|
|
#mermaid-1574275690792 .section3 {
|
||
|
|
fill: white;
|
||
|
|
opacity: 0.2; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .sectionTitle0 {
|
||
|
|
fill: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .sectionTitle1 {
|
||
|
|
fill: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .sectionTitle2 {
|
||
|
|
fill: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .sectionTitle3 {
|
||
|
|
fill: #333; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .sectionTitle {
|
||
|
|
text-anchor: start;
|
||
|
|
font-size: 11px;
|
||
|
|
text-height: 14px;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .grid .tick {
|
||
|
|
stroke: lightgrey;
|
||
|
|
opacity: 0.3;
|
||
|
|
shape-rendering: crispEdges; }
|
||
|
|
#mermaid-1574275690792 .grid .tick text {
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .grid path {
|
||
|
|
stroke-width: 0; }
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .today {
|
||
|
|
fill: none;
|
||
|
|
stroke: red;
|
||
|
|
stroke-width: 2px; }
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .task {
|
||
|
|
stroke-width: 2; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskText {
|
||
|
|
text-anchor: middle;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskText:not([font-size]) {
|
||
|
|
font-size: 11px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskTextOutsideRight {
|
||
|
|
fill: black;
|
||
|
|
text-anchor: start;
|
||
|
|
font-size: 11px;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskTextOutsideLeft {
|
||
|
|
fill: black;
|
||
|
|
text-anchor: end;
|
||
|
|
font-size: 11px; }
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .task.clickable {
|
||
|
|
cursor: pointer; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskText.clickable {
|
||
|
|
cursor: pointer;
|
||
|
|
fill: #003163 !important;
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskTextOutsideLeft.clickable {
|
||
|
|
cursor: pointer;
|
||
|
|
fill: #003163 !important;
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskTextOutsideRight.clickable {
|
||
|
|
cursor: pointer;
|
||
|
|
fill: #003163 !important;
|
||
|
|
font-weight: bold; }
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskText0,
|
||
|
|
#mermaid-1574275690792 .taskText1,
|
||
|
|
#mermaid-1574275690792 .taskText2,
|
||
|
|
#mermaid-1574275690792 .taskText3 {
|
||
|
|
fill: white; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .task0,
|
||
|
|
#mermaid-1574275690792 .task1,
|
||
|
|
#mermaid-1574275690792 .task2,
|
||
|
|
#mermaid-1574275690792 .task3 {
|
||
|
|
fill: #8a90dd;
|
||
|
|
stroke: #534fbc; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskTextOutside0,
|
||
|
|
#mermaid-1574275690792 .taskTextOutside2 {
|
||
|
|
fill: black; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .taskTextOutside1,
|
||
|
|
#mermaid-1574275690792 .taskTextOutside3 {
|
||
|
|
fill: black; }
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .active0,
|
||
|
|
#mermaid-1574275690792 .active1,
|
||
|
|
#mermaid-1574275690792 .active2,
|
||
|
|
#mermaid-1574275690792 .active3 {
|
||
|
|
fill: #bfc7ff;
|
||
|
|
stroke: #534fbc; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .activeText0,
|
||
|
|
#mermaid-1574275690792 .activeText1,
|
||
|
|
#mermaid-1574275690792 .activeText2,
|
||
|
|
#mermaid-1574275690792 .activeText3 {
|
||
|
|
fill: black !important; }
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .done0,
|
||
|
|
#mermaid-1574275690792 .done1,
|
||
|
|
#mermaid-1574275690792 .done2,
|
||
|
|
#mermaid-1574275690792 .done3 {
|
||
|
|
stroke: grey;
|
||
|
|
fill: lightgrey;
|
||
|
|
stroke-width: 2; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .doneText0,
|
||
|
|
#mermaid-1574275690792 .doneText1,
|
||
|
|
#mermaid-1574275690792 .doneText2,
|
||
|
|
#mermaid-1574275690792 .doneText3 {
|
||
|
|
fill: black !important; }
|
||
|
|
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .crit0,
|
||
|
|
#mermaid-1574275690792 .crit1,
|
||
|
|
#mermaid-1574275690792 .crit2,
|
||
|
|
#mermaid-1574275690792 .crit3 {
|
||
|
|
stroke: #ff8888;
|
||
|
|
fill: red;
|
||
|
|
stroke-width: 2; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .activeCrit0,
|
||
|
|
#mermaid-1574275690792 .activeCrit1,
|
||
|
|
#mermaid-1574275690792 .activeCrit2,
|
||
|
|
#mermaid-1574275690792 .activeCrit3 {
|
||
|
|
stroke: #ff8888;
|
||
|
|
fill: #bfc7ff;
|
||
|
|
stroke-width: 2; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .doneCrit0,
|
||
|
|
#mermaid-1574275690792 .doneCrit1,
|
||
|
|
#mermaid-1574275690792 .doneCrit2,
|
||
|
|
#mermaid-1574275690792 .doneCrit3 {
|
||
|
|
stroke: #ff8888;
|
||
|
|
fill: lightgrey;
|
||
|
|
stroke-width: 2;
|
||
|
|
cursor: pointer;
|
||
|
|
shape-rendering: crispEdges; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .milestone {
|
||
|
|
transform: rotate(45deg) scale(0.8, 0.8); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .milestoneText {
|
||
|
|
font-style: italic; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .doneCritText0,
|
||
|
|
#mermaid-1574275690792 .doneCritText1,
|
||
|
|
#mermaid-1574275690792 .doneCritText2,
|
||
|
|
#mermaid-1574275690792 .doneCritText3 {
|
||
|
|
fill: black !important; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .activeCritText0,
|
||
|
|
#mermaid-1574275690792 .activeCritText1,
|
||
|
|
#mermaid-1574275690792 .activeCritText2,
|
||
|
|
#mermaid-1574275690792 .activeCritText3 {
|
||
|
|
fill: black !important; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .titleText {
|
||
|
|
text-anchor: middle;
|
||
|
|
font-size: 18px;
|
||
|
|
fill: black;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 g.classGroup text {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: none;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family);
|
||
|
|
font-size: 10px; }
|
||
|
|
#mermaid-1574275690792 g.classGroup text .title {
|
||
|
|
font-weight: bolder; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 g.classGroup rect {
|
||
|
|
fill: #ECECFF;
|
||
|
|
stroke: #9370DB; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 g.classGroup line {
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .classLabel .box {
|
||
|
|
stroke: none;
|
||
|
|
stroke-width: 0;
|
||
|
|
fill: #ECECFF;
|
||
|
|
opacity: 0.5; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .classLabel .label {
|
||
|
|
fill: #9370DB;
|
||
|
|
font-size: 10px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .relation {
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1;
|
||
|
|
fill: none; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #compositionStart {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #compositionEnd {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #aggregationStart {
|
||
|
|
fill: #ECECFF;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #aggregationEnd {
|
||
|
|
fill: #ECECFF;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #dependencyStart {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #dependencyEnd {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #extensionStart {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 #extensionEnd {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .commit-id,
|
||
|
|
#mermaid-1574275690792 .commit-msg,
|
||
|
|
#mermaid-1574275690792 .branch-label {
|
||
|
|
fill: lightgrey;
|
||
|
|
color: lightgrey;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .pieTitleText {
|
||
|
|
text-anchor: middle;
|
||
|
|
font-size: 25px;
|
||
|
|
fill: black;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .slice {
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 g.stateGroup text {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: none;
|
||
|
|
font-size: 10px;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 g.stateGroup text {
|
||
|
|
fill: #9370DB;
|
||
|
|
stroke: none;
|
||
|
|
font-size: 10px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 g.stateGroup .state-title {
|
||
|
|
font-weight: bolder;
|
||
|
|
fill: black; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 g.stateGroup rect {
|
||
|
|
fill: #ECECFF;
|
||
|
|
stroke: #9370DB; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 g.stateGroup line {
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .transition {
|
||
|
|
stroke: #9370DB;
|
||
|
|
stroke-width: 1;
|
||
|
|
fill: none; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .stateGroup .composit {
|
||
|
|
fill: white;
|
||
|
|
border-bottom: 1px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .state-note {
|
||
|
|
stroke: #aaaa33;
|
||
|
|
fill: #fff5ad; }
|
||
|
|
#mermaid-1574275690792 .state-note text {
|
||
|
|
fill: black;
|
||
|
|
stroke: none;
|
||
|
|
font-size: 10px; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .stateLabel .box {
|
||
|
|
stroke: none;
|
||
|
|
stroke-width: 0;
|
||
|
|
fill: #ECECFF;
|
||
|
|
opacity: 0.5; }
|
||
|
|
|
||
|
|
#mermaid-1574275690792 .stateLabel text {
|
||
|
|
fill: black;
|
||
|
|
font-size: 10px;
|
||
|
|
font-weight: bold;
|
||
|
|
font-family: 'trebuchet ms', verdana, arial;
|
||
|
|
font-family: var(--mermaid-font-family); }
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--mermaid-font-family: '"trebuchet ms", verdana, arial';
|
||
|
|
--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive; }
|
||
|
|
|
||
|
|
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style><style>#mermaid-1574275690792 {
|
||
|
|
color: rgba(0, 0, 0, 0.65);
|
||
|
|
font: ;
|
||
|
|
}</style><g transform="translate(0, 0)"><g class="output"><g class="clusters"><g class="cluster" id="ucloud" style="opacity: 1;" transform="translate(810.3499984741211,441.0999984741211)"><rect style="fill:#FFD2FC;" width="1604.6999969482422" height="866.1999969482422" x="-802.3499984741211" y="-433.0999984741211"></rect><g class="label" transform="translate(0, -419.1000061035156)" id="mermaid-1574275690792Text"><g transform="translate(-21,-10.5)"><foreignObject width="42" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">ucloud</div></foreignObject></g></g></g><g class="cluster" id="cron" style="opacity: 1;" transform="translate(434.5,732.6999969482422)"><rect style="fill:#FFF696;" width="167" height="243" x="-83.5" y="-121.5"></rect><g class="label" transform="translate(0, -107.5)" id="mermaid-1574275690792Text"><g transform="translate(-32.5,-10.5)"><foreignObject width="65" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Cron Jobs</div></foreignObject></g></g></g><g class="cluster" id="infrastructure" style="opacity: 1;" transform="translate(811.3499984741211,520.2124967575073)"><rect style="fill:#BDF0FF;" width="486.6999969482422" height="537.0249996185303" x="-243.3499984741211" y="-268.51249980926514"></rect><g class="label" transform="translate(0, -254.51251220703125)" id="mermaid-1574275690792Text"><g transform="translate(-42.5,-10.5)"><foreignObject width="85" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Infrastructure</div></foreignObject></g></g></g><g class="cluster" id="virtual-machine" style="opacity: 1;" transform="translate(1256.1999969482422,220.81249809265137)"><rect width="303" height="248.27499771118164" x="-151.5" y="-124.13749885559082"></rect><g class="label" transform="translate(0, -110.13749694824219)" id="mermaid-1574275690792Text"><g transform="translate(-49,-10.5)"><foreignObject width="98" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Virtual Machine</div></foreignObject></g></g></g><g class="cluster" id="metadata-group" style="opacity: 1;" transform="translate(1522.6999969482422,217.39999771118164)"><rect width="130" height="113.25" x="-65" y="-56.625"></rect><g class="label" transform="translate(0, -42.625)" id="mermaid-1574275690792Text"><g transform="translate(-53,-10.5)"><foreignObject width="106" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Metadata Server</div></foreignObject></g></g></g></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M75,383.27499771118164L100,383.27499771118164L125,383.27499771118164" marker-end="url(https://mermaidjs.github.io/mermaid-live-editor/#arrowhead154722)" style="fill:none"></path><defs><marker id="arrowhead154722" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M166.72527472527472,362.77499771118164L192,337.77499771118164L217,337.77499771118164" marker-end="url(https://mermaidjs.github.io/mermaid-live-editor/#arrowhead154723)" style="fill:none"></path><defs><marker id="arrowhead154723" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M149.32715886932493,403.77499771118164L192,666.6999969482422L259,666.6999969482422L326,666.6999969482422L351,666.6999969482422L376,666.6999969482422" marker-end="url(https://mermaidjs.github.io/mermaid-live-editor/#arrowhead154724)" style="fill:none"></path><defs><marker id="arrowhead
|