docs/images/min_width_auto.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-22T15:35:03.349Z&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;eOWyNhMaiRtXEjBM3xLS&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;GiACKwqrQNZAWXMl6Sij&quot;&gt;7ZnNbqMwEICfJsdGYAdIjk1a2stKK+WwZy84YNXgrDFNuk+/NrbDbxUaJdFWopUSPB578MznGUNmcJMdXzjapz9YjOkMOPFxBp9mACxWvvxUgg8tgNDRgoSTWIvcWrAlf7ERWrWSxLhoKQrGqCD7tjBieY4j0ZIhztmhrbZjtG11jxJj0akF2whR3FP7RWKRaukSBLX8FZMktZZdf6V7fqPoLeGszI29GYDho/rX3Rmycxm7RYpidmiI4PMMbjhjQl9lxw2myrXWbXpc+Env6b45zsWYAUAPeEe0xPaOq/sSH9YX1Wqw0ndmcH1IicDbPYpU70EGX8pSkVHZcuXljlC6YZTxaiyEcLUKpe11ITh7w7YnZ7kcvja2MRf4+On9uyevSNgwy7DgH1LFkrY0jjSgBY5pH+qwgYWRpc2Q+UaIDCrJae7aXfLCeGzYe/C23gvDNfT9G3rPW3S8t+h7zwUD3ltewXmL887DefyodrNs/aYseqtcgbjoChsubPs7RVFacvyiHP20UB5muQhRRqha8SOPVDwiUUizT6iUy8PcKG1ZyasopULIpAM8KLewJ9emPpRCMU8YSyhGe1LMI5ZVHVFRqYY7bUJetox4YN01o1Of69ulhYTapcjVN1qaAZuNgO43w4Ed3Wo3mZE0+dXfCRwcJ91kdxabBhbeABVWxjFFgry3px9CxVj4yYg0/CmVS7Cau0F7lqIKjxnYzG+duXz//FzScQkWvbkqfk+LH4W0N4C0T4WJdVWvbDj8P6XK8es6MA1RYw9YoZrgoajCK0F03MX+WKk2Bu10Wqllr5i+Y0Ei1FTzE/WdkfzBRFNNh0rB7K3ONN9Ws7cpZboR7T03mJ6aucyIECVJLpuR5KzaASp5ydujj6YjI3GszAzmyfbObmwe4Izd2DdImUvojkuZ4Aop0z/H13luQJ+bsVB+hS+Kd8JYLCawLjvJBD2wljfiKphK8VSKh8pnD0qwvKwOe/6Zia5XhJcTzBPMFzE4+lDZfWy6HcyrCeYJ5osYHAtzAO4Gs3279w3Or41no+kAO/LJqJte73iAdd1vQxbXK5/IGk9WL9fdk6wbvyEPQ1Nw7vaO1xv5wsJbXcF7I96QT+eXK55fVj7cyLD8/+eXHpYBmHsXHse7hac/1RXPMEM/W9yo0shgRjC6uNJAx5GGpgozJkkGXYQCi1BjO/gD28H9eo2RzfoHXo1g/SM6fP4H&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="65" y="40" width="120" height="80" fill="#ffb366" stroke="none" pointer-events="all"/><path d="M 71.24 129.17 L 178.76 129.17" fill="none" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 67.24 129.17 L 71.24 127.17 L 71.24 131.17 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 182.76 129.17 L 178.76 131.17 L 178.76 127.17 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="65" y="131" width="120" 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: 118px; height: 1px; padding-top: 141px; margin-left: 66px;"><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">min-width: auto</font></div></div></div></foreignObject><text x="125" y="147" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="middle">min-width: a...</text></switch></g><rect x="5" y="7" width="80" 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: 78px; height: 1px; padding-top: 17px; margin-left: 6px;"><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" color="#666666" style="font-size: 12px;">left: 1s</font></div></div></div></foreignObject><text x="45" y="23" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="middle">left: 1s</text></switch></g><path d="M 11.24 28 L 78.76 28" fill="none" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 7.24 28 L 11.24 26 L 11.24 30 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 82.76 28 L 78.76 30 L 78.76 26 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 91.24 28 L 158.76 28" fill="none" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 87.24 28 L 91.24 26 L 91.24 30 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 162.76 28 L 158.76 30 L 158.76 26 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 171.24 28 L 238.76 28" fill="none" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 167.24 28 L 171.24 26 L 171.24 30 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 242.76 28 L 238.76 30 L 238.76 26 Z" fill="#666666" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="85" y="7" width="80" 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: 78px; height: 1px; padding-top: 17px; margin-left: 86px;"><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" color="#666666" style="font-size: 12px;">width: 1s</font></div></div></div></foreignObject><text x="125" y="23" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="middle">width: 1s</text></switch></g><rect x="165" y="7" width="80" 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: 78px; height: 1px; padding-top: 17px; margin-left: 166px;"><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" color="#666666" style="font-size: 12px;">right: 1s</font></div></div></div></foreignObject><text x="205" y="23" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="middle">right: 1s</text></switch></g><rect x="65" y="51" width="120" height="59" fill="#ff6666" stroke="none" pointer-events="all"/><path d="M 71.24 72.5 L 178.76 72.5" fill="none" stroke="#963c3c" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 67.24 72.5 L 71.24 70.5 L 71.24 74.5 Z" fill="#963c3c" stroke="#963c3c" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 182.76 72.5 L 178.76 74.5 L 178.76 70.5 Z" fill="#963c3c" stroke="#963c3c" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="95" y="77.5" width="60" height="10" 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: 83px; margin-left: 96px;"><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" color="#963c3c" style="font-size: 12px;">300px</font></div></div></div></foreignObject><text x="125" y="89" fill="rgb(0, 0, 0)" font-family="Architects Daughter" font-size="20px" text-anchor="middle">300px</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>