readme/observer_with_next.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="754" height="207" viewBox="-0.5 -0.5 754 207" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2021-05-14T22:26:06.974Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 11_2_3) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/14.6.13 Chrome/89.0.4389.128 Electron/12.0.7 Safari/537.36&quot; etag=&quot;Vsqltc9hH5CWPl67qH0-&quot; version=&quot;14.6.13&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;fLtedOVOU-fWVZCKuSRp&quot; name=&quot;Página-1&quot;&gt;7Vhdb9owFP01PG5K4iSkjy203bRN68SklqfKTS6JVyfOHFNCf/1s4pBPRouAlanigdxzHcc+53BzzQCN4vya4zT6xgKgA8sI8gEaDyzLNA1XfilkWSCeihQQchLoQRUwIc+gQUOjcxJA1hgoGKOCpE3QZ0kCvmhgmHO2aA6bMdp8aopD6AATH9MueksCEZW7GFb4JyBhVD7ZdM+KTIzLwXonWYQDtqhB6HKARpwxUVzF+QioIq/kpbjvakN2vTAOiXjJDY+5Y5rPE3t4ZXg5vZ/+uCWTD3qWJ0znesN6sWJZMsDZPAlATWIM0MUiIgImKfZVdiE1l1gkYiojU17OCKUjRhlf3YsCDN7Ml3gmOHuEWsb1PXiYyUx3G+WagAvIa5De1jWwGARfyiE6axmaYu0xy9bxolLMLGWIamq5GsPaJOF66opHeaGpfAWtVofWz3FKIZZ7xIKwpEOyNEeqLiUPmFKgLOQ4luykwIlcEvB27qZKbNckh/KX1aeRA15g92nkWQ/IdfejkW03NULuv9YI/Q/Wd723Zn17O62QBOeqNMvIpzjLiN9kUtLBl3ea9VUwVcFHpwzHeT05XupoI58C8xDE9jIIQeNl0GW9xqrTQ2qJcaDyZ/7UfIX0Ma2fcMOIXPFa1Lamw5ZWGZtzH/RN9YrfmsfcNlHBS2eile7rXe9uBWcPVsiJuKtd14wgo8oHKljWTbFP+xR8b7fPVptZb8pm6KxpD9vZ0Wft2m4bx/WZe1o+67wQLlafozgQvTvwEA4cdhz4XXZuutUzShErO8q3u2gasGmKhCXQaik0hCkJE+ViaZFV86d6BSLPK+c6EZMgUI/pbVeaDc0e+g+z3Xo73f5j2GMg61Dth3eSSnCmzwVobP+1ELxcGTRsNdzW8ZSZZl9+3fwUzLn3PfKbfB2PUNhzJnp9lV5X3KrITuu5DRV3l+q+ey223mvxkWpxr8+6B5ATqwAIOXs6HLaKM0IHKwEyrP7JKpSs/g9El38A&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs><filter id="dropShadow"><feGaussianBlur in="SourceAlpha" stdDeviation="1.7" result="blur"/><feOffset in="blur" dx="3" dy="3" result="offsetBlur"/><feFlood flood-color="#3D4574" flood-opacity="0.4" result="offsetColor"/><feComposite in="offsetColor" in2="offsetBlur" operator="in" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter></defs><g filter="url(#dropShadow)"><rect x="137" y="10" width="120" height="60" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 377 190 L 397 130 L 497 130 L 477 190 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 160px; margin-left: 378px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Implementation</div></div></div></foreignObject><text x="437" y="164" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Implementation</text></switch></g><rect x="617" y="10" width="120" height="60" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 17 40 L 130.63 40" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 135.88 40 L 128.88 43.5 L 130.63 40 L 128.88 36.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 257 40 L 382.32 155.68" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 386.18 159.24 L 378.66 157.07 L 382.32 155.68 L 383.41 151.92 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 257 40 L 610.63 40" fill="none" stroke="#b3b3b3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 615.88 40 L 608.88 43.5 L 610.63 40 L 608.88 36.5 Z" fill="#b3b3b3" stroke="#b3b3b3" stroke-miterlimit="10" pointer-events="all"/><rect x="37" y="20" width="70" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 30px; margin-left: 38px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Operation 1</div></div></div></foreignObject><text x="72" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Operation 1</text></switch></g><rect x="307" y="90" width="70" height="20" fill="none" stroke="none" transform="rotate(43,342,100)" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(43 342 100)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 100px; margin-left: 308px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Operation 1</div></div></div></foreignObject><text x="342" y="104" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Operation 1</text></switch></g><path d="M 487 160 L 671.24 72.73" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 675.99 70.48 L 671.16 76.64 L 671.24 72.73 L 668.17 70.31 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="537" y="100" width="70" height="20" fill="none" stroke="none" transform="rotate(335,572,110)" pointer-events="all"/><g transform="translate(-0.5 -0.5)rotate(335 572 110)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 110px; margin-left: 538px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Operation 1</div></div></div></foreignObject><text x="572" y="114" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Operation 1</text></switch></g></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%">Viewer does not support full SVG 1.1</text></a></switch></svg>