docs/source/examples/images/state.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="639px" height="343px" 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;7VrZc+I4E/9r/DiUj8SEx5ANMy/71Valao9HBQtbO7LFJ4uY7F8/3TpsGUwoNpCBLEcVVrfUklq/vgRB8lCuv0qyLH4VGeVBHGbrIPkliOMomtzAF1JeDeXm7tYQcsky26kjPLF/qCWGlrpiGa17HZUQXLFlnzgXVUXnqkdbCN6fYklyJ74jPM0J36b+wTJVGOpdnHb0b5TlhZsmSieGU6tXJyOjC7Li6osmAQ/ZJXGy9K6SR9CYFALE4JN4/htXHofrkld2V4VSyyC5D+IZfJqmGTXJSMgcGtFkApPO1oUqQdMonZNnULoeZghOsd1k5fqBcug+M014sJOedgFan70FgA4lraz+zBF/wJpSDlKnGXuBxxwf56IsHRnGeRyLJk7qmi3YnCgmKiPmmYv5dwdVsYKVeJBxO9bg7u/YwwYMqzKKXSOYqimYok9LMkduA+YDNL0Bw66VFN/pg+BCAqUSFXSbLkSlZqRkHM3pG+UvVMEiYZb/0RUNYtBi6FGxeS8ZAZF6pDWvOEHxBclEA60QGjnu1z6/UImj+T1nOW69ZFmGG5gSS5jDAVJYkxbp1hfEyUy/2pU7C0KZC8a51zOajMeT21bbOCN1HsOZWgcTH0VfqSipkq8IDOtQbqyncA4mte2ms+A4Ghta4Vlvah0RsejKW9E9UNpz/BC7GYJdTUEXRIHq9kBPb3En9DjT+MmYhCUb4bVYoYJ2Yw5OKgvxfebAaxfZBx5uKCN10RocNn4jCmSgtGg8AqSE8S18HQWJSbKBRBfDPCQ6kg/ExCH4LJAI2sspiDrMDW46fh0xT+wHfVDtckX/HrZHgOlePxhO8H0c9Nlo6sCXhpfoBk1cflcENnu8Qu8DQ/AG9D5dBAZdVrktMJC6B4F7kkAK/vXJNoVUhchFRfhjR512GMWD8/BI10z9ieQRnhy2/nKcCvTmsbCJPBMViVT3UmpIWRBr2gwgYfvQKtvoARSPv5UYtPjZYw69fmdiDrjMNjHogj8ezNsWAOcoVlI7i9bTQD1KJEbM7cDnWYqkHBD10pd/RvHeFu7vCvrJQLl39bwnDfqbxc9lRv3HNSmXoE2EC1GgVZCwVbIHY1AY7BuCDQ4KQTEpDANO9VzjlxtTLwm4aA956f9XeNUyxRLoi1MCTBFGI7wbsNxuHhzibgaMMHc1MHxhsL3U46zkAWBMGOg2Do2R/s5o4wwU7a5aiAOX2jPXtxMlACWO2WuTHrgtacskdhrPkBMQ0HvBtREW0I/CAN/wwcEOGH4IryNZVGovLJ1FjQeKOEfzLerunIq44yUzyd01mfkvJDM2Hvi5TC+eX0Quc0TY64v9U8LePWtgdzjXsO+BXvOusP+4HN4v3y4C9iZr6uHX5IWnddtj32+3mPV5DsMmezgIwWKpI3+H4MHr6TbyH5YhHIwS+wNgr9Lz06eLhcnbJdvR3VwHiwE/p5kXDZPP6kx0YD2tMwFF7UwCDe8dWeBZoeRTZFrXkv1nlOw3ybVkH7oE+1kVOzS7v/Hort6/oJLHHw==&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="421" y="51" width="217" height="65" rx="9.75" ry="9.75" fill="#197795" stroke="none" pointer-events="none"/><g transform="translate(492,71)"><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 146 171 L 486 171" fill="none" stroke="#d0d0d0" stroke-miterlimit="10" stroke-dasharray="17 25" transform="rotate(90,316,171)" pointer-events="none"/><rect x="1" y="191" width="217" height="65" rx="9.75" ry="9.75" fill="#090909" stroke="none" pointer-events="none"/><g transform="translate(68,211)"><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="51" width="217" height="65" rx="9.75" ry="9.75" fill="#197795" stroke="none" pointer-events="none"/><g transform="translate(72,71)"><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 116 L 110 191" fill="none" stroke="#197795" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><rect x="421" y="191" width="217" height="65" rx="9.75" ry="9.75" fill="#090909" stroke="none" pointer-events="none"/><g transform="translate(456,211)"><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><rect x="445" y="261" width="170" height="80" fill="none" stroke="none" pointer-events="none"/><g transform="translate(447,265)"><switch><foreignObject pointer-events="all" width="166" height="76" 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: 76px; max-width: 166px; width: 166px; 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>{ x = 1 <span style="line-height: 1.2">}</span></div><div><span style="line-height: 1.2">Contains WidgetView class info</span></div></div></div></foreignObject><text x="83" y="46" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><path d="M 530 116 L 530 191" fill="none" stroke="#197795" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><path d="M 218 84 L 421 84" fill="none" stroke="#197795" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><path d="M 164 191 L 164 118.24" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><path d="M 167.5 124.12 L 164 117.12 L 160.5 124.12" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(146,145)"><switch><foreignObject pointer-events="all" width="37" 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;">state</div></div></foreignObject><text x="19" y="19" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><path d="M 218 100 L 418.76 100" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><path d="M 412.88 103.5 L 419.88 100 L 412.88 96.5" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(302,92)"><switch><foreignObject pointer-events="all" width="37" 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;">state</div></div></foreignObject><text x="19" y="19" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><path d="M 475 116 L 475 188.76" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><path d="M 471.5 182.88 L 475 189.88 L 478.5 182.88" fill="none" stroke="#ff0000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(457,146)"><switch><foreignObject pointer-events="all" width="37" 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;">state</div></div></foreignObject><text x="19" y="19" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="25" y="261" width="170" height="80" fill="none" stroke="none" pointer-events="none"/><g transform="translate(27,265)"><switch><foreignObject pointer-events="all" width="166" height="76" 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: 76px; max-width: 166px; width: 166px; 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>{ x = 1 <span style="line-height: 1.2">}</span></div><div><span style="line-height: 1.2">Contains WidgetView class info</span></div></div></div></foreignObject><text x="83" y="46" fill="#FF0000" text-anchor="middle" font-size="16px" font-family="Helvetica">[Not supported by viewer]</text></switch></g></g></svg>