software/docs/images/L0_Communication.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="881px" height="351px" viewBox="-0.5 -0.5 881 351" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="0" y="270" width="320" height="80" rx="12" ry="12" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><path d="M 0 114 L 0 100 L 40 100 L 40 114 M 0 114 L 410 114 L 410 260 L 0 260 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 117px; margin-left: 2px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">PhysicalTwin</div></div></div></foreignObject><text x="2" y="129" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" font-weight="bold">PhysicalTwin</text></switch></g><path d="M 420 114 L 420 100 L 460 100 L 460 114 M 420 114 L 880 114 L 880 350 L 420 350 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 117px; margin-left: 422px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">DigitalTwin</div></div></div></foreignObject><text x="422" y="129" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" font-weight="bold">DigitalTwin</text></switch></g><path d="M 177.5 195 L 200 195" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 240 195 L 213 195" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 205 187 Q 213 187 213 195 Q 213 203 205 203" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="205" cy="195" rx="5" ry="5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><rect x="179" y="232.5" width="135" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 133px; height: 1px; padding-top: 243px; margin-left: 180px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">low_level_driver_server</div></div></div></foreignObject><text x="247" y="246" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">low_level_driver_server</text></switch></g><rect x="600" y="305" width="190" height="35" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 323px; margin-left: 695px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">&lt;&lt;MessageExchange&gt;&gt;<br /><b>RabbitMQ</b></div></div></div></foreignObject><text x="695" y="326" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">&lt;&lt;MessageExchange&gt;&gt;...</text></switch></g><path d="M 767 312 L 783 312 L 783 332 L 767 332 L 767 328 L 763 328 L 763 324 L 767 324 L 767 320 L 763 320 L 763 316 L 767 316 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 767 316 L 771 316 L 771 320 L 767 320 M 767 324 L 771 324 L 771 328 L 767 328" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="620" y="120" width="162.5" height="36" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 138px; margin-left: 701px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">«TimeSeriesDB»<br /><b>InfluxDB</b></div></div></div></foreignObject><text x="701" y="142" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">«TimeSeriesDB»...</text></switch></g><path d="M 759.5 127 L 775.5 127 L 775.5 147 L 759.5 147 L 759.5 143 L 755.5 143 L 755.5 139 L 759.5 139 L 759.5 135 L 755.5 135 L 755.5 131 L 759.5 131 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 759.5 131 L 763.5 131 L 763.5 135 L 759.5 135 M 759.5 139 L 763.5 139 L 763.5 143 L 759.5 143" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="692" cy="290" rx="7" ry="7" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" transform="rotate(-92.4,695,290)" pointer-events="all"/><path d="M 695 280 Q 705 280 705 290 Q 705 300 695 300" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(-92.4,695,290)" pointer-events="all"/><path d="M 695 305 L 695.42 299.99" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="698.25" cy="170" rx="7" ry="7" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" transform="rotate(90,701.25,170)" pointer-events="all"/><path d="M 701.25 160 Q 711.25 160 711.25 170 Q 711.25 180 701.25 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,701.25,170)" pointer-events="all"/><path d="M 701.25 156 L 701.25 160" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 701.25 180 L 500 197.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 500 252.5 L 694.58 280.01" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 650 252.5 L 694.58 280.01" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 650 197.5 L 701.25 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 800 252.5 L 694.58 280.01" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 701.25 180 L 800 197.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 320 226.25 L 694.58 280.01" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><rect x="0" y="10" width="640" height="80" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 632px; height: 1px; padding-top: 0px; margin-left: 5px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 90px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h1>System Overview</h1><p>This diagrams shows the main components and the interfaces they use to communicate.<br />All components communicate via the RabbitMQ message exchange, and the data is stored in a time series database.</p></div></div></div></foreignObject><text x="5" y="12" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">System Overview...</text></switch></g><rect x="240" y="163.75" width="160" height="62.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 162px; height: 63px; padding-top: 164px; margin-left: 240px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 63px; overflow: hidden;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;"><p style="margin: 6px 0px 0px ; text-align: center ; font-size: 11px"><font style="font-size: 11px"><b>Controller<br /></b></font></p><hr style="font-size: 11px" /><p style="margin: 0px 0px 0px 8px ; font-size: 11px"><br /></p></div></div></div></foreignObject><text x="240" y="197" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px">Controller...</text></switch></g><path d="M 380 167.75 L 396 167.75 L 396 187.75 L 380 187.75 L 380 183.75 L 376 183.75 L 376 179.75 L 380 179.75 L 380 175.75 L 376 175.75 L 376 171.75 L 380 171.75 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 380 171.75 L 384 171.75 L 384 175.75 L 380 175.75 M 380 179.75 L 384 179.75 L 384 183.75 L 380 183.75" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="7.5" y="147.5" width="170" height="95" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 172px; height: 95px; padding-top: 148px; margin-left: 8px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 170px; height: 95px; overflow: hidden;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;"><p style="margin: 6px 0px 0px ; text-align: center ; font-size: 13px"><font style="font-size: 13px"><b>Plant<br /></b></font></p><hr style="font-size: 13px" /><p style="margin: 0px 0px 0px 8px ; font-size: 13px"><font style="font-size: 13px"><font style="font-size: 13px"><b>+ T: Int<span style="white-space: pre"> </span># Air temperature<br />+ heater_on: Bool </b></font></font></p><p style="margin: 0px 0px 0px 8px ; font-size: 13px"><font style="font-size: 13px"><b># Status of heater</b></font></p></div></div></div></foreignObject><text x="8" y="197" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px">Plant...</text></switch></g><path d="M 157.5 151.5 L 173.5 151.5 L 173.5 171.5 L 157.5 171.5 L 157.5 167.5 L 153.5 167.5 L 153.5 163.5 L 157.5 163.5 L 157.5 159.5 L 153.5 159.5 L 153.5 155.5 L 157.5 155.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 157.5 155.5 L 161.5 155.5 L 161.5 159.5 L 157.5 159.5 M 157.5 163.5 L 161.5 163.5 L 161.5 167.5 L 157.5 167.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="430" y="197.5" width="140" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 142px; height: 55px; padding-top: 198px; margin-left: 430px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 140px; height: 55px; overflow: hidden;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;"><p style="margin: 6px 0px 0px ; text-align: center ; font-size: 10px"><font style="font-size: 10px"><b>KalmanFilter<br /></b></font></p><hr style="font-size: 10px" /><p style="margin: 0px 0px 0px 8px ; font-size: 10px"><font style="font-size: 10px"><b>Estimates full Plant state </b></font></p><p style="margin: 0px 0px 0px 8px ; font-size: 10px"><font style="font-size: 10px"><b>(T and T_heater)</b></font></p></div></div></div></foreignObject><text x="430" y="227" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px">KalmanFilter...</text></switch></g><path d="M 550 201.5 L 566 201.5 L 566 221.5 L 550 221.5 L 550 217.5 L 546 217.5 L 546 213.5 L 550 213.5 L 550 209.5 L 546 209.5 L 546 205.5 L 550 205.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 550 205.5 L 554 205.5 L 554 209.5 L 550 209.5 M 550 213.5 L 554 213.5 L 554 217.5 L 550 217.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="580" y="197.5" width="140" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 142px; height: 55px; padding-top: 198px; margin-left: 580px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 140px; height: 55px; overflow: hidden;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;"><p style="margin: 6px 0px 0px ; text-align: center"><font style="font-size: 8px"><b>SelfAdaptationManager<br /></b></font></p><hr /><p style="text-align: center ; margin: 0px 0px 0px 8px ; font-size: 11px"><font style="font-size: 11px"><b>Implements the </b></font></p><p style="text-align: center ; margin: 0px 0px 0px 8px ; font-size: 11px"><font style="font-size: 11px"><b>self adaptation loop</b></font></p></div></div></div></foreignObject><text x="580" y="227" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px">SelfAdaptationManager...</text></switch></g><path d="M 700 201.5 L 716 201.5 L 716 221.5 L 700 221.5 L 700 217.5 L 696 217.5 L 696 213.5 L 700 213.5 L 700 209.5 L 696 209.5 L 696 205.5 L 700 205.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 700 205.5 L 704 205.5 L 704 209.5 L 700 209.5 M 700 213.5 L 704 213.5 L 704 217.5 L 700 217.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="730" y="197.5" width="140" height="55" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 142px; height: 55px; padding-top: 198px; margin-left: 730px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 140px; height: 55px; overflow: hidden;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;"><p style="margin: 6px 0px 0px ; text-align: center ; font-size: 9px"><font style="font-size: 9px"><b>InfluxDataRecorder<br /></b></font></p><hr style="font-size: 9px" /><p style="text-align: justify ; margin: 0px 0px 0px 8px ; font-size: 9px"><font style="font-size: 9px"><b>Convenience service to record </b></font></p><p style="text-align: justify ; margin: 0px 0px 0px 8px ; font-size: 9px"><font style="font-size: 9px"><b>all state messages into DB</b></font></p></div></div></div></foreignObject><text x="730" y="227" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px">InfluxDataRecorder...</text></switch></g><path d="M 850 201.5 L 866 201.5 L 866 221.5 L 850 221.5 L 850 217.5 L 846 217.5 L 846 213.5 L 850 213.5 L 850 209.5 L 846 209.5 L 846 205.5 L 850 205.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 850 205.5 L 854 205.5 L 854 209.5 L 850 209.5 M 850 213.5 L 854 213.5 L 854 217.5 L 850 217.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="0" y="270" width="80" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 70px; height: 1px; padding-top: 285px; margin-left: 6px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Legend:</div></div></div></foreignObject><text x="6" y="289" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" font-weight="bold">Legend:</text></switch></g><rect x="22.5" y="300" width="140" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 142px; height: 40px; padding-top: 300px; margin-left: 23px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 140px; height: 40px; overflow: hidden;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; width: 100%; height: 100%; white-space: nowrap;"><p style="margin: 6px 0px 0px ; text-align: center ; font-size: 9px"><font style="font-size: 9px"><b>Component<br /></b></font></p><hr style="font-size: 9px" /><p style="margin: 0px 0px 0px 8px ; font-size: 9px"><font style="font-size: 9px"><b>Main variables, or responsibility.</b></font></p></div></div></div></foreignObject><text x="23" y="322" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px">Component...</text></switch></g><path d="M 142.5 304 L 158.5 304 L 158.5 324 L 142.5 324 L 142.5 320 L 138.5 320 L 138.5 316 L 142.5 316 L 142.5 312 L 138.5 312 L 138.5 308 L 142.5 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 142.5 308 L 146.5 308 L 146.5 312 L 142.5 312 M 142.5 316 L 146.5 316 L 146.5 320 L 142.5 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="243.5" cy="320" rx="7" ry="7" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 246.5 310 Q 256.5 310 256.5 320 Q 256.5 330 246.5 330" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="177.5" y="305" width="40" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 320px; margin-left: 180px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 10px"><b>interface provided</b></font></div></div></div></foreignObject><text x="180" y="322" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px">interface...</text></switch></g><rect x="272.5" y="305" width="50" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 48px; height: 1px; padding-top: 320px; margin-left: 275px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 8px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 10px"><b>interface required</b></font></div></div></div></foreignObject><text x="275" y="322" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="8px">interface re...</text></switch></g><path d="M 256.5 320 L 272.5 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 236.5 320 L 217.5 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 237.76 232.5 L 208.28 198.78" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>