docs/images/size_stretch.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!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="251px" height="160px" viewBox="-0.5 -0.5 251 160" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2023-09-22T14:42:42.634Z&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15&quot; version=&quot;21.7.4&quot; etag=&quot;JLfnvGiWHUKio5hNC2dZ&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;PVi0WpzV9wjKuZYWdBNh&quot;&gt;7Vddb9owFP01eVyV2JCSR6BN+zJpUh/27DomserEzHEK7Nfv+oskEDQ00UqT2koQH39c+5zje0OE1/X+SZFt9V0WTEQoLvYRfogQmmcJfBrg4ACcYQeUihcOSnrghf9mHow92vGCtaOBWkqh+XYMUtk0jOoRRpSSu/GwjRTjqFtS+ohxD7xQItjZsJ+80JVDF+i+x58ZL6sQOUkz1/NK6FupZNf4eBHC+dL8u+6ahLV83LYihdwNIPwY4bWSUruner9mwlAbaHPz8gu9x30r1uhrJiA34Z2IjoUd233pQ+DCnoaZ8XGEV7uKa/ayJdT07kB8wCpdC2gl8LjhQqylkMrOxRhnWQ6xV61W8o2FnkY2MH3lYzOl2f7i/pMjK2A2Jmum1QGGhAmpJ/IQDBR7YNfrhmYeq4aahZnEe6U8Lt7zBQ+esmn68MfSl+crnKafSt/snL7FBHuLG5A3myAvFdrQIGH75nYHJtJfnbkRcGTgw/wNoQHbATQLfGttWoGbFyez7d4OHUzaOA167JmJd6Y5JcNhaWm+kzbsDM7kNuc6ztQGKfRY0knphjp7iAheNtCkIB0DfGWEhd2Ipe+oeVGYMJMeGrvMbNEnVRTaOam5MDIvFTULUA2Hih9IB5raeLew0/2JnRKUndkpnbATuoGd5n+/i6wplqY6QOtVSPpm5SFKn4ID+cbEVoRWnWJPhvOH2bXMWjlkp6xgldZQxNDcGHMOZzMfZkB7V0pZCka2vL2jsrYdtLVD840LAY+jIHO0Og3jVE/ScLSci3AUOP2g5XwZqhty/cE0YfaoPfRxfxGDcVgRSur1thm4Yj7hioApJojm7+Plp6ziI/yQ3OaPS0nu6MqwRmvF8dOG1fJkpWMhubgSkFYyfbaS9e7x4FfZOf3o0uLV+6jScsbVVGlJppLBLWrL/Vcy+EoG/3aFr00Gs/jzksHiv3lVQl+vStelx+zzXpWg2f+idO7rf7Xjxz8=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);&#xa;</style></defs><g><rect x="5" y="0" width="240" height="160" fill="#3399ff" stroke="none" pointer-events="all"/><rect x="5" y="40" width="80" height="80" fill="#ffb366" stroke="none" pointer-events="all"/><rect x="15" y="129" width="60" 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: 58px; height: 1px; padding-top: 139px; margin-left: 16px;"><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: 20px; font-family: &quot;Architects Daughter&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font face="Helvetica" style="font-size: 14px;" color="#666666">1s</font></div></div></div></foreignObject><text x="45" y="145" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="middle">1s</text></switch></g><path d="M 11.24 129 L 78.76 129" fill="none" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 7.24 129 L 11.24 127 L 11.24 131 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 82.76 129 L 78.76 131 L 78.76 127 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="85" y="40" width="160" height="80" fill="#ff6666" stroke="none" pointer-events="all"/><path d="M 91.24 129 L 238.76 129" fill="none" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 87.24 129 L 91.24 127 L 91.24 131 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 242.76 129 L 238.76 131 L 238.76 127 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="135" y="129" width="60" 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: 58px; height: 1px; padding-top: 139px; margin-left: 136px;"><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: 20px; font-family: &quot;Architects Daughter&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font face="Helvetica" style="font-size: 14px;" color="#666666">2s</font></div></div></div></foreignObject><text x="165" y="145" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="middle">2s</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>