docs/static/images/btn-events-keep-alive.svg

<?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="648px" height="172px" viewBox="-0.5 -0.5 648 172" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-10-26T14:35:12.310Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 Edg/106.0.1370.47&quot; etag=&quot;VdVgNJ7AWUhrA1FcFSMP&quot; version=&quot;20.5.1&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;mGcg38-93wMOXOn3S0Tn&quot; name=&quot;Page-1&quot;&gt;7Vtdc6IwFP01PHaHEIL4uNVu96P71e7MdvelgxCVEQkDsWp//SYaVAiKICjd4ovkJlzgnnNI7gUU2JsubkMrGH8lDvYUTXUWCuwrmgaAidgftyzXFgMKwyh0HTFoa3hwX7AwqsI6cx0cJQZSQjzqBkmjTXwf2zRhs8KQzJPDhsRLHjWwRlgyPNiWJ1t/uw4dr60mUrf2j9gdjeMjA1X0TK14sDBEY8sh8x0TvFFgLySErremix72ePDiuKz3+7Cnd3NiIfbpMTtc/+19/Qs/Lnqf7n9++dx9Mj6b91fCy7PlzcQFi5OlyzgC2Hfe80Cy1sAj9kSB12M69VgTsM2QzHwH80OorBXRkEw2gYLMwvb+4HrxaPmcxQlgJwGDuIJbTKaYhks2YL4Nfhz78U7cY1uIPYu6z0nwLMGB0cbd5gg/iMvORFMFXzvCjSCr1lWTHiIyC20sdtqNteQnxxG1whGmkiO2sXPVW9MKygKwahKsv9wplqCleEGTcFqeO/LZts0AwiEzPOOQukwO70XH1HUcvvt1iCP3xRqsXHHoA34tq6tD1wrqc18zSqK1oMGGGz3iEea37xOfexkybqRMeznCTwUvDrJE9BpoT/h3WKRnsEhT9xMmAVFRPGAhmYlAHKkyLRVGRYOOhc2hLcWc9air3ytQIkgrCJSUombmOKpZinoL/aWglxx1zgs9aqEvCH1aq2nAXgvyRot8QeShURH0uRyqGfpOC31B6LVO910HqJsfQBXN/Dl+z0yMrkQM4gdsFR0pmuHxZfggZFsjvmUHbOBqDL+PpXsn1m5viltJ+szHLsUPgWXz3jnL0NNcoww44ovRaWohbDp6FrVMbQANo5q1eirlAvG6fId7xgHunbJUvwNXj/4vN4T3P77fQTT9dn93cxWzrZiAHSsar6IODqmZRSlcPvLGOxQ3/4iRq0Z/sTuyvxStvWFeUzafdA1RemUrO9hNOTJr0/LT42zi3qL5pxdr/tANHmfzJzOjbDLBOGDJMwtNeTWDOtU8HA41O3OicIyBgbZqlqSbwby9agbwcnLOREquhBCfsRhbUS5SDbiznoSFhhqGhVwFqUI18u359amm2zCkmlq0SM1jR8X4QvlL2akN6TmOap7amlq0eAPQ5+bANUPf1NS1udAjyFPMioSf4evMBDAlAhyTooJXkKKeND3Dpi1q5VLCcQupw0j9B+lHOi+8OFIZ1YTj8o9awTiPbBBoGhhl0/bDuvkPEhC9aakikPP2di1yeC1ipGtiZZ+gSBnImVchQK4TEN/2XHtyUKT1ytC0cbYMBybi6qlEhobaNBmWKgScoxjeXB2CqtJBgKSEANT3Hlk2/qWqAW8b/81bZCc/vwQMf7W7/ZmX5UKplxreOBfyXj4r+yxb1S/LhVKlorfNherKhKhZXJCrRi0XcrigVzVH6KBZXJArUy0X8rhQ1RyhN2uOiCnecqHA84S8h38nPEw4O/7Fvi1q8Vf413Ep/PWS+Btajfiz5vaztfXw7cd/8OYf&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 8 150 L 625.65 150" fill="none" stroke="rgb(0, 0, 0)" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 634.65 150 L 625.65 154.5 L 625.65 145.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="588" y="150" width="40" 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: 1px; height: 1px; padding-top: 160px; margin-left: 608px;"><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: nowrap;">Time</div></div></div></foreignObject><text x="608" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Time</text></switch></g><path d="M 38 70 L 218 70" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 38 70 L 38 130" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 18 130 L 38 130" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 298 130 L 218 130" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 217.71 70 L 217.71 130" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><rect x="8" y="0" width="60" height="50" fill="#d5e8d4" stroke="#82b366" 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: 25px; margin-left: 9px;"><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;">onpress<br />cp = 0<br />ka = 0</div></div></div></foreignObject><text x="38" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">onpress...</text></switch></g><path d="M 38 70 L 38 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><rect x="68" y="0" width="60" height="50" fill="#fff2cc" stroke="#d6b656" 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: 25px; margin-left: 69px;"><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;">keepalive<br />cp = 0<br />ka = 1</div></div></div></foreignObject><text x="98" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">keepalive...</text></switch></g><rect x="188" y="0" width="60" height="50" fill="#d5e8d4" stroke="#82b366" 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: 25px; margin-left: 189px;"><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;">onrelease<br />cp = 0</div></div></div></foreignObject><text x="218" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">onrelease...</text></switch></g><rect x="128" y="0" width="60" height="50" fill="#fff2cc" stroke="#d6b656" 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: 25px; margin-left: 129px;"><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;">keepalive<br />cp = 0<br />ka = 2</div></div></div></foreignObject><text x="158" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">keepalive...</text></switch></g><path d="M 298 70 L 478 70" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 298 70 L 298 130" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 477.71 70 L 477.71 130" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><rect x="268" y="0" width="60" height="50" fill="#d5e8d4" stroke="#82b366" 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: 25px; margin-left: 269px;"><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;">onpress<br />cp = 1<br />ka = 0</div></div></div></foreignObject><text x="298" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">onpress...</text></switch></g><rect x="328" y="0" width="60" height="50" fill="#fff2cc" stroke="#d6b656" 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: 25px; margin-left: 329px;"><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;">keepalive<br />cp = 1<br />ka = 1</div></div></div></foreignObject><text x="358" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">keepalive...</text></switch></g><rect x="448" y="0" width="60" height="50" fill="#d5e8d4" stroke="#82b366" 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: 25px; margin-left: 449px;"><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;">onrelease<br />cp = 1</div></div></div></foreignObject><text x="478" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">onrelease...</text></switch></g><rect x="388" y="0" width="60" height="50" fill="#fff2cc" stroke="#d6b656" 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: 25px; margin-left: 389px;"><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;">keepalive<br />cp = 1<br />ka = 2</div></div></div></foreignObject><text x="418" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">keepalive...</text></switch></g><path d="M 628 130 L 478 130" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><rect x="538" y="0" width="60" height="50" fill="#f8cecc" stroke="#b85450" 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: 25px; margin-left: 539px;"><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;">onclick<br />cp = 2</div></div></div></foreignObject><text x="568" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">onclick...</text></switch></g><path d="M 98 70 L 97.71 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 158 70 L 157.71 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 218 70 L 217.71 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 298 70 L 297.71 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 358 70 L 357.71 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 418 70 L 417.71 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 478 70 L 477.71 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 568 100 L 567.71 50" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/></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>