<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!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="621px" height="371px" viewBox="-0.5 -0.5 621 371" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2022-06-20T18:14:07.374Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/19.0.1 Chrome/100.0.4896.160 Electron/18.3.2 Safari/537.36&quot; etag=&quot;U-r-QbyK5OoHz2T8cqBq&quot; version=&quot;19.0.1&quot; type=&quot;device&quot; pages=&quot;2&quot;&gt;&lt;diagram id=&quot;h1AkSt0JVUOTTQjrnA9w&quot; name=&quot;Step 1&quot;&gt;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&lt;/diagram&gt;&lt;diagram id=&quot;TyQapywxvfEGJysNaIdD&quot; name=&quot;Step 2&quot;&gt;7VttV+I4FP41fJTT9J2PKjDjelxdnXWdT3NCGyBSGrYEQX/9Jm1KmyajqARdsJwjzc2bfZ6be3NvQ8s5na6+ZXA2viAxSlq2Fa9aTrdl22Fgsb9c8FgI/E5QCEYZjgsRqAQ3+AkJoeg3WuAYzaWGlJCE4pksjEiaoohKMphlZCk3G5JEnnUGR0gR3EQwUaX/4JiOhRRYVlXxHeHRWEwdeqJiCsvGQjAfw5gsayKn13JOM0JocTddnaKEY1ficnm1+BHM3Ptf90+j3qQfeNYfq6NisP5ruqwfIUMpffPQ4yS6CuNBuhhYnbOn2+VTbP0tulgPMFkIvMSz0scSwIws0hjxQayWc7IcY4puZjDitUumMUw2ptOElQC7TeAAJScwmozybqckIVk+jDPML9ZkPkE0Gov2Q5JSoTOBKNb6nOQfJocJHqVMlhU8nQxxkpTtUpIiPizNyAQ1hBsCJwB+QBlFq5raCCC/ITJFNHtkTUSt7QrgxKKwHVFeVirml3ozrmmXUy4nKNR6tB67oo7dCPb0TGbedffyvHfr2n34EM3A3VO2OLK3zGQM5+O8bVm4gpSiLM0ltmU3WGBs9fvdbr+vUMF5tH0/rzHGh9/gw1P5cLR8OKb48LfNB86YecSEEzAnC/5Um3BkDPFARnyNbh1xS4P4mpr3IH53D65n3/+8+OsiPb8+P0suz6ZXW7dlOsQbKj/0+Een8n5+qSatuNY9SpdklKqwQZXGWK3b1KkCwNTicII9Xx2dBuQdDeS+BnLXGOL7bo+aiLsfjvieA95wAGtwX3IA27D/WsBdBfAfaEX7GLGI4V3IN4x+DFE4jOo7WUvrAaIQDYa1zWuChnSHZn5NUH0FAN0eyBQhnkLIcfwcFcA4Faaw96yXsdcZH2PQ6/yr/++CFAroJ/x7IPFQ1vL9ytE8D8mOWQNgz1ZFn6r3iH+jGNNfDxgty+HY/zkoK+vNLRbDb2dK9g2nXCHSwXxWe5D6zHjOoUkf8BwP2DS2NeA0xWgIF6KtNUARQ5m3q1rBITObLb6HLSftseeTHiMfOUpwNEGqEjM9obKmauNRTdzasA5c53AEk2MhnuI45pNoF4ZsxTZwBtIyqcXewKSnWAfCYnG4ZU6mbpi0wVnH0OoIX3bNKI2PefaJlQhrJ3PLKvs4kZkud/Jccr+YzgSyXtFclHIOKMyoVG5YK7fLP7zfCtM7QRa//8nv254odVe1qu5jWUgZQHdVQ178Wa+ruuWlst/ryGf7jyxCzyAs7A971BGiGwQCKJayeKou1XTFe2ZTkaEEUvwg5/50+iNmuCKYPW+lqo28DggbBrp4cNGrnmxrDhRYbat22bJ78DrtTv2SJylQUybJVX0Nydu1H6iB8ukYRZMTsto7uwYM2jUWR7cBkIh1PNAOPMW6Ad0+GJiybkAXeWzX+cd4Pkvg4yv8f+E+N3PLdff95Zh355gdX+OYHY3q2sZUV43hvjzzdj1zaR1eds3+53LNjRQ/CDpt723O2XObuSJ7pw64VGqDBnojwxyRZDFNSwsKc0lKIU5zizskst1t2PxqGJjGUsN6ZCh5gfmXdX6PdbY+Op9jb5DS/P9b5w+0zSWeddv83Kuuz2KaG6lg1+203eCNttny2nYoD2d/ZLRU7nUONa3sNFKbrsYMcV8cdjT7RGPvVtQQ9gYy/d3H3LKrvEsM22qI6VWxqMQAaG6StscBUDgoQrN95EDZMYa6ON/5zTKwzZGgbiW7KEF0T5dCWAH8PBM6b2eSBvVV1+2HOgeD3kCX87JVBnQJ/W34A+1+SJPSfB/8rzn7s9kJHzW4YW17Pv8Y5Kv5UtjVHIwzd/ZHz5XqN7bP1Sc6ieIBDeSmTqLoEdflG/YYcVdzFGXHiKuR8tcrlu28YnGD3b5i0fN74GeNmkGhpzn9azIo1JOibsIOJij0wM6DQj0H6jHTgwkKXX/3QaGeBPX012EFhb9hwlxQqKdBPWZ0MEEh99LmgkJWrH52VyR6q98uOr3/AA==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="0" y="0" width="620" height="370" fill="none" stroke="none" pointer-events="all"/><rect x="20" y="20" width="320" height="330" fill="#ffddff" stroke="#b266ff" stroke-dasharray="1 2" pointer-events="all"/><rect x="55" y="65" width="250" height="300" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="1 2" transform="rotate(90,180,215)" pointer-events="all"/><rect x="125" y="15" width="110" height="280" fill="#f5f5f5" stroke="#666666" stroke-width="2" transform="rotate(90,180,155)" pointer-events="all"/><rect x="160" y="50" width="40" height="260" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="1 2" transform="rotate(90,180,180)" pointer-events="all"/><rect x="160" y="0" width="40" height="260" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="1 2" transform="rotate(90,180,130)" pointer-events="all"/><rect x="155" y="-95" width="50" height="300" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="1 2" transform="rotate(90,180,55)" pointer-events="all"/><rect x="40" y="40" width="210" height="30" fill="#dae8fc" stroke="#6c8ebf" 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 flex-start; width: 208px; height: 1px; padding-top: 55px; margin-left: 42px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">TextField</div></div></div></foreignObject><text x="42" y="59" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">TextField</text></switch></g><rect x="260" y="40" width="60" height="30" rx="4.5" ry="4.5" fill="#dae8fc" stroke="#6c8ebf" 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: 55px; margin-left: 261px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Add</div></div></div></foreignObject><text x="290" y="59" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Add</text></switch></g><rect x="380" y="191" width="220" height="39" 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 flex-start; width: 218px; height: 1px; padding-top: 211px; margin-left: 382px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">"<b style="font-size: 12px;">edit_view</b>" row<b style="font-size: 12px;"> </b>is invisible by default; becomes visible after "Edit" is clicked</div></div></div></foreignObject><text x="382" y="214" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">"edit_view" row is invisible by defa...</text></switch></g><path d="M 380 210.5 L 310.92 180.4" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="310" cy="180" rx="1" ry="1" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><rect x="90.11" y="121.75" width="100" height="19" 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 flex-start; width: 98px; height: 1px; padding-top: 131px; margin-left: 92px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">CheckBox</div></div></div></foreignObject><text x="92" y="135" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px">CheckBox</text></switch></g><rect x="380" y="131" width="230" height="29" 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 flex-start; width: 228px; height: 1px; padding-top: 146px; margin-left: 382px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">"<b style="font-size: 12px;">display_view</b>" row is visible by default; becomes invisible after "Edit" is clicked</div></div></div></foreignObject><text x="382" y="149" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">"display_view" row is visible by defau...</text></switch></g><path d="M 380 145.5 L 310.98 130.22" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="310" cy="130" rx="1" ry="1" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><rect x="380" y="70" width="210" height="30" 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 flex-start; width: 208px; height: 1px; padding-top: 85px; margin-left: 382px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">"<b style="font-size: 12px;">view</b>" column is a container for "display_view" and "edit_view" rows</div></div></div></foreignObject><text x="382" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">"view" column is a container for "d...</text></switch></g><path d="M 380 85 L 320.97 99.76" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="320" cy="100" rx="1" ry="1" fill="#4d4d4d" stroke="#4d4d4d" pointer-events="all"/><rect x="60" y="170" width="179.89" height="20" fill="#dae8fc" stroke="#6c8ebf" 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 flex-start; width: 178px; height: 1px; padding-top: 180px; margin-left: 62px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">TextField</div></div></div></foreignObject><text x="62" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">TextField</text></switch></g><rect x="250" y="168.5" width="50.11" height="21.5" rx="3.23" ry="3.23" fill="#dae8fc" stroke="#6c8ebf" 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: 48px; height: 1px; padding-top: 179px; margin-left: 251px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Save</div></div></div></foreignObject><text x="275" y="183" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Save</text></switch></g><rect x="200" y="118.75" width="39.89" height="22.5" rx="3.38" ry="3.38" fill="#dae8fc" stroke="#6c8ebf" 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: 38px; height: 1px; padding-top: 130px; margin-left: 201px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Edit</div></div></div></foreignObject><text x="220" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Edit</text></switch></g><rect x="249.89" y="118.75" width="50" height="22.5" rx="3.38" ry="3.38" fill="#dae8fc" stroke="#6c8ebf" 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: 48px; height: 1px; padding-top: 130px; margin-left: 251px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Delete</div></div></div></foreignObject><text x="275" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Delete</text></switch></g><rect x="60.11" y="121.25" width="20" height="20" fill="#dae8fc" stroke="#6c8ebf" 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: 18px; height: 1px; padding-top: 131px; margin-left: 61px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">V</div></div></div></foreignObject><text x="70" y="135" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">V</text></switch></g><rect x="125" y="135" width="110" height="280" fill="#f5f5f5" stroke="#e6e6e6" transform="rotate(90,180,275)" pointer-events="all"/><rect x="160" y="170" width="40" height="260" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="1 2" transform="rotate(90,180,300)" pointer-events="all"/><rect x="160" y="120" width="40" height="260" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="1 2" transform="rotate(90,180,250)" pointer-events="all"/><rect x="90.11" y="241.75" width="100" height="19" 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 flex-start; width: 98px; height: 1px; padding-top: 251px; margin-left: 92px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">CheckBox</div></div></div></foreignObject><text x="92" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px">CheckBox</text></switch></g><rect x="60" y="290" width="179.89" height="20" fill="#dae8fc" stroke="#6c8ebf" 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 flex-start; width: 178px; height: 1px; padding-top: 300px; margin-left: 62px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">TextField</div></div></div></foreignObject><text x="62" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">TextField</text></switch></g><rect x="250" y="288.5" width="50.11" height="21.5" rx="3.23" ry="3.23" fill="#dae8fc" stroke="#6c8ebf" 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: 48px; height: 1px; padding-top: 299px; margin-left: 251px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Save</div></div></div></foreignObject><text x="275" y="303" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Save</text></switch></g><rect x="200" y="238.75" width="39.89" height="22.5" rx="3.38" ry="3.38" fill="#dae8fc" stroke="#6c8ebf" 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: 38px; height: 1px; padding-top: 250px; margin-left: 201px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Edit</div></div></div></foreignObject><text x="220" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Edit</text></switch></g><rect x="249.89" y="238.75" width="50" height="22.5" rx="3.38" ry="3.38" fill="#dae8fc" stroke="#6c8ebf" 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: 48px; height: 1px; padding-top: 250px; margin-left: 251px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Delete</div></div></div></foreignObject><text x="275" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Delete</text></switch></g><rect x="60.11" y="241.25" width="20" height="20" fill="#dae8fc" stroke="#6c8ebf" 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: 18px; height: 1px; padding-top: 251px; margin-left: 61px;"><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: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">V</div></div></div></foreignObject><text x="70" y="255" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">V</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%">Text is not SVG - cannot display</text></a></switch></svg>