docs/source/examples/images/widgetcomm2.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" width="999px" height="658px" version="1.1" content="&lt;mxfile userAgent=&quot;Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.130 Safari/537.36&quot; type=&quot;browser&quot;&gt;&lt;diagram&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
  <style>
    g {
        font-weight: lighter !important;
    }
    rect {
        rx: 8px !important;
        ry: 8px !important;
    }
    path {
        stroke-linecap: round !important;
    }
  </style><defs/><g transform="translate(0.5,0.5)"><rect x="1" y="71" width="217" height="65" rx="9.75" ry="9.75" fill="#197795" stroke="none" pointer-events="none"/><g transform="translate(72,91)"><switch><foreignObject pointer-events="all" width="75" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 75px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">kernel</div></div></foreignObject><text x="38" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><rect x="421" y="71" width="217" height="65" rx="9.75" ry="9.75" fill="#197795" stroke="none" pointer-events="none"/><g transform="translate(478,91)"><switch><foreignObject pointer-events="all" width="103" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 103px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div>front end</div></div></div></foreignObject><text x="52" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><rect x="421" y="221" width="217" height="65" rx="9.75" ry="9.75" fill="#090909" stroke="none" pointer-events="none"/><g transform="translate(444,241)"><switch><foreignObject pointer-events="all" width="171" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 171px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div>comm manager</div></div></div></foreignObject><text x="86" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><rect x="421" y="391" width="217" height="65" rx="9.75" ry="9.75" fill="#4abfe6" stroke="none" pointer-events="none"/><g transform="translate(492,411)"><switch><foreignObject pointer-events="all" width="75" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 75px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div>comm</div></div></div></foreignObject><text x="38" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><path d="M 1 316 L 631 316" fill="none" stroke="#d0d0d0" stroke-miterlimit="10" stroke-dasharray="17 25" transform="rotate(90,316,316)" pointer-events="none"/><path d="M 218 104 L 421 104" fill="none" stroke="#197795" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><path d="M 530 136 L 530 221" fill="none" stroke="#197795" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><rect x="1" y="531" width="217" height="65" rx="9.75" ry="9.75" fill="#6d6d6d" stroke="none" pointer-events="none"/><g transform="translate(68,551)"><switch><foreignObject pointer-events="all" width="83" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 83px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Widget</div></div></foreignObject><text x="42" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><rect x="1" y="391" width="217" height="65" rx="9.75" ry="9.75" fill="#4abfe6" stroke="none" pointer-events="none"/><g transform="translate(72,411)"><switch><foreignObject pointer-events="all" width="75" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 75px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">comm</div></div></foreignObject><text x="38" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><path d="M 110 136 L 110 391" fill="none" stroke="#197795" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><path d="M 110 456 L 110 531" fill="none" stroke="#4abfe6" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><path d="M 530 286 L 530 391" fill="none" stroke="#090909" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><rect x="781" y="221" width="217" height="65" rx="9.75" ry="9.75" fill="#090909" stroke="none" pointer-events="none"/><g transform="translate(802,241)"><switch><foreignObject pointer-events="all" width="175" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 175px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div>widget manager</div></div></div></foreignObject><text x="88" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><path d="M 638 254 L 778.76 254" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><path d="M 772.88 257.5 L 779.88 254 L 772.88 250.5" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(660,208)"><switch><foreignObject pointer-events="all" width="100" height="97" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">1. passes<div>new comm</div><div>and metadata</div><div>to target</div><div>function</div></div></div></foreignObject><text x="50" y="57" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="421" y="531" width="217" height="65" rx="9.75" ry="9.75" fill="#6d6d6d" stroke="none" pointer-events="none"/><g transform="translate(456,551)"><switch><foreignObject pointer-events="all" width="147" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 147px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">WidgetModel</div></div></foreignObject><text x="74" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><path d="M 638 564 L 890 564 L 890 286" fill="none" stroke="#090909" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><path d="M 835 286 L 821 286 L 821 547 L 643.24 547" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><path d="M 649.12 543.5 L 642.12 547 L 649.12 550.5" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(764,463)"><switch><foreignObject pointer-events="all" width="115" height="78" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">2. loads &amp;<div>constructs<div>widget model </div><div>&amp; <span style="line-height: 1.2">links to comm</span></div></div></div></div></foreignObject><text x="58" y="47" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><path d="M 530 456 L 530 531" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(463,486)"><switch><foreignObject pointer-events="all" width="134" height="21" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">3. new association</div></div></foreignObject><text x="67" y="19" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="410" y="521" width="231" height="80" rx="12" ry="12" fill="none" stroke="#ff0000" pointer-events="none"/><rect x="11" y="601" width="170" height="50" fill="none" stroke="none" pointer-events="none"/><g transform="translate(42,608)"><switch><foreignObject pointer-events="all" width="108" height="40" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 46px; max-width: 166px; width: 108px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Example state:<div>{ <span style="line-height: 1.2">x = 1 </span><span style="line-height: 1.2">}</span></div></div></div></foreignObject><text x="54" y="28" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="445" y="606" width="170" height="50" fill="none" stroke="none" pointer-events="none"/><g transform="translate(508,613)"><switch><foreignObject pointer-events="all" width="44" height="40" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 46px; max-width: 166px; width: 44px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">State:<div>{ <span style="line-height: 1.2">}</span></div></div></div></foreignObject><text x="22" y="28" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g></g></svg>