1 line
21 KiB
XML
1 line
21 KiB
XML
<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 1244.46875 532" height="532" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="1244.46875" id="container"><style>#container{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#container .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#container .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#container .error-icon{fill:#552222;}#container .error-text{fill:#552222;stroke:#552222;}#container .edge-thickness-normal{stroke-width:1px;}#container .edge-thickness-thick{stroke-width:3.5px;}#container .edge-pattern-solid{stroke-dasharray:0;}#container .edge-thickness-invisible{stroke-width:0;fill:none;}#container .edge-pattern-dashed{stroke-dasharray:3;}#container .edge-pattern-dotted{stroke-dasharray:2;}#container .marker{fill:#333333;stroke:#333333;}#container .marker.cross{stroke:#333333;}#container svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#container p{margin:0;}#container .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#container .cluster-label text{fill:#333;}#container .cluster-label span{color:#333;}#container .cluster-label span p{background-color:transparent;}#container .label text,#container span{fill:#333;color:#333;}#container .node rect,#container .node circle,#container .node ellipse,#container .node polygon,#container .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#container .rough-node .label text,#container .node .label text,#container .image-shape .label,#container .icon-shape .label{text-anchor:middle;}#container .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#container .rough-node .label,#container .node .label,#container .image-shape .label,#container .icon-shape .label{text-align:center;}#container .node.clickable{cursor:pointer;}#container .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#container .arrowheadPath{fill:#333333;}#container .edgePath .path{stroke:#333333;stroke-width:2.0px;}#container .flowchart-link{stroke:#333333;fill:none;}#container .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#container .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#container .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#container .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#container .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#container .cluster text{fill:#333;}#container .cluster span{color:#333;}#container 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;}#container .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#container rect.text{fill:none;stroke-width:0;}#container .icon-shape,#container .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#container .icon-shape p,#container .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#container .icon-shape rect,#container .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#container :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="container_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="container_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="container_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="container_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="container_flowchart-v2-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"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="container_flowchart-v2-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"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g transform="translate(0, 0)" class="root"><g class="clusters"><g data-look="classic" id="subGraph1" class="cluster"><rect height="516" width="559.671875" y="8" x="8" style=""></rect><g transform="translate(231.1015625, 8)" class="cluster-label"><foreignObject height="24" width="113.46875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Group Handlers</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_EB_SharedSub_0" d="M287.305,99.5L287.305,105.75C287.305,112,287.305,124.5,287.305,136.333C287.305,148.167,287.305,159.333,287.305,164.917L287.305,170.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_SharedSub_GH_0" d="M287.305,228.5L287.305,234.75C287.305,241,287.305,253.5,287.305,265.333C287.305,277.167,287.305,288.333,287.305,293.917L287.305,299.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_GH_GH1_0" d="M212.08,357.5L194.667,363.75C177.254,370,142.428,382.5,125.015,394.333C107.602,406.167,107.602,417.333,107.602,422.917L107.602,428.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_GH_GH2_0" d="M287.305,357.5L287.305,363.75C287.305,370,287.305,382.5,287.305,394.333C287.305,406.167,287.305,417.333,287.305,422.917L287.305,428.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_GH_GH3_0" d="M362.752,357.5L380.216,363.75C397.681,370,432.61,382.5,450.074,394.333C467.539,406.167,467.539,417.333,467.539,422.917L467.539,428.5"></path></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(287.3046875, 72.5)" id="flowchart-EB-12" class="node default"><rect height="54" width="130.6875" y="-27" x="-65.34375" style="" class="basic label-container"></rect><g transform="translate(-35.34375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="70.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Event Bus</p></span></div></foreignObject></g></g><g transform="translate(287.3046875, 201.5)" id="flowchart-SharedSub-13" class="node default"><rect height="54" width="192.78125" y="-27" x="-96.390625" style="" class="basic label-container"></rect><g transform="translate(-66.390625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="132.78125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Shared Subscriber</p></span></div></foreignObject></g></g><g transform="translate(287.3046875, 330.5)" id="flowchart-GH-15" class="node default"><rect height="54" width="166.234375" y="-27" x="-83.1171875" style="" class="basic label-container"></rect><g transform="translate(-53.1171875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="106.234375"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Handler Group</p></span></div></foreignObject></g></g><g transform="translate(107.6015625, 459.5)" id="flowchart-GH1-17" class="node default"><rect height="54" width="129.203125" y="-27" x="-64.6015625" style="" class="basic label-container"></rect><g transform="translate(-34.6015625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="69.203125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Handler 1</p></span></div></foreignObject></g></g><g transform="translate(287.3046875, 459.5)" id="flowchart-GH2-19" class="node default"><rect height="54" width="130.203125" y="-27" x="-65.1015625" style="" class="basic label-container"></rect><g transform="translate(-35.1015625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="70.203125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Handler 2</p></span></div></foreignObject></g></g><g transform="translate(467.5390625, 459.5)" id="flowchart-GH3-21" class="node default"><rect height="54" width="130.265625" y="-27" x="-65.1328125" style="" class="basic label-container"></rect><g transform="translate(-35.1328125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="70.265625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Handler 3</p></span></div></foreignObject></g></g></g></g><g transform="translate(609.671875, 64.5)" class="root"><g class="clusters"><g data-look="classic" id="subGraph0" class="cluster"><rect height="387" width="618.796875" y="8" x="8" style=""></rect><g transform="translate(246.3046875, 8)" class="cluster-label"><foreignObject height="24" width="142.1875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Individual Handlers</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_E_S1_0" d="M251.531,93.635L229.186,100.863C206.841,108.09,162.151,122.545,139.806,135.356C117.461,148.167,117.461,159.333,117.461,164.917L117.461,170.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_E_S2_0" d="M316.875,99.5L316.875,105.75C316.875,112,316.875,124.5,316.875,136.333C316.875,148.167,316.875,159.333,316.875,164.917L316.875,170.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_E_S3_0" d="M382.219,93.58L404.651,100.817C427.083,108.053,471.948,122.527,494.38,135.347C516.813,148.167,516.813,159.333,516.813,164.917L516.813,170.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_S1_H1_0" d="M117.461,228.5L117.461,234.75C117.461,241,117.461,253.5,117.461,265.333C117.461,277.167,117.461,288.333,117.461,293.917L117.461,299.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_S2_H2_0" d="M316.875,228.5L316.875,234.75C316.875,241,316.875,253.5,316.875,265.333C316.875,277.167,316.875,288.333,316.875,293.917L316.875,299.5"></path><path marker-end="url(#container_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_S3_H3_0" d="M516.813,228.5L516.813,234.75C516.813,241,516.813,253.5,516.813,265.333C516.813,277.167,516.813,288.333,516.813,293.917L516.813,299.5"></path></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(316.875, 72.5)" id="flowchart-E-0" class="node default"><rect height="54" width="130.6875" y="-27" x="-65.34375" style="" class="basic label-container"></rect><g transform="translate(-35.34375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="70.6875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Event Bus</p></span></div></foreignObject></g></g><g transform="translate(117.4609375, 201.5)" id="flowchart-S1-1" class="node default"><rect height="54" width="148.921875" y="-27" x="-74.4609375" style="" class="basic label-container"></rect><g transform="translate(-44.4609375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="88.921875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Subscriber 1</p></span></div></foreignObject></g></g><g transform="translate(316.875, 201.5)" id="flowchart-S2-3" class="node default"><rect height="54" width="149.90625" y="-27" x="-74.953125" style="" class="basic label-container"></rect><g transform="translate(-44.953125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="89.90625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Subscriber 2</p></span></div></foreignObject></g></g><g transform="translate(516.8125, 201.5)" id="flowchart-S3-5" class="node default"><rect height="54" width="149.96875" y="-27" x="-74.984375" style="" class="basic label-container"></rect><g transform="translate(-44.984375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="89.96875"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Subscriber 3</p></span></div></foreignObject></g></g><g transform="translate(117.4609375, 330.5)" id="flowchart-H1-7" class="node default"><rect height="54" width="129.203125" y="-27" x="-64.6015625" style="" class="basic label-container"></rect><g transform="translate(-34.6015625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="69.203125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Handler 1</p></span></div></foreignObject></g></g><g transform="translate(316.875, 330.5)" id="flowchart-H2-9" class="node default"><rect height="54" width="130.203125" y="-27" x="-65.1015625" style="" class="basic label-container"></rect><g transform="translate(-35.1015625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="70.203125"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Handler 2</p></span></div></foreignObject></g></g><g transform="translate(516.8125, 330.5)" id="flowchart-H3-11" class="node default"><rect height="54" width="130.265625" y="-27" x="-65.1328125" style="" class="basic label-container"></rect><g transform="translate(-35.1328125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="70.265625"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Handler 3</p></span></div></foreignObject></g></g></g></g></g></g></g></svg> |
