blob: 51ad2fd8d5b849d577eb874f1a50cd39bde0eff7 [file] [log] [blame]
<?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="731px" height="631px" viewBox="-0.5 -0.5 731 631" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2023-07-12T13:41:46.652Z&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36&quot; etag=&quot;_rziKhOWjFYYO_3FzdvT&quot; version=&quot;21.6.2&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;gUXtJXQSsV67z6DSdufW&quot;&gt;7Ztbc9o4FMc/jWfaBxjfIY8JJNvuJNtM2dlsn3aMrRg1xvLKIsB++pVs+SJjGUPB0MJ0JkXHuiH99EfnSFaM0Xz1G3ai2RPyQKDoqrdSjLGi67Zh0L/MsE4Nxg03+Bh6qUkrDBP4H+BGlVsX0AOxkJEgFBAYiUYXhSFwiWBzMEZLMdsrCsRWI8cHG4aJ6wSb1hfokVlqHVpqYf8EoD/LWtZU/mTuZJm5IZ45HlqWTMa9YowwQiT9NF+NQMDGLhuXtNyD5GneMQxC0qZAb+Utb333AbytnYfwn7Fl+FaP1/LuBAv+hRXdDmh9d1PWZbLm42D/u0CJFWEP4J6LAoQV4zYpij/0emX7R5ovGeqQ9OJkQlk+3YxWyYOsKvrJZ/+PaFH07tAst1EUQNchEIVZL+jXmWYZ+TDmfdIxWoQeYF9Po4+XM0jAJHJc9nRJYaS2GZkH/HEEMJwDAjDLAkOfmlVqZr3k1OkmTb8DTGgfgtsA+iE1EsTqifMyGssUOFMQ3Dnum590YZSOxjhEIWBVwiCommgrmUnRjfs79o/VSzB6A3VP+LzQ3oCVdMK1HCO6/ACiXw+vaRZewODgrcXkssDYvuG2WQlhM1t6Dl86fl5zQRf9wAHbATajM9g0WwJb1iDL31WbL2Cawl2COm1f7NPhWC9BrdktoB7uw7ScXRntB2DaFpm+2WQ6z1JmWhsci2lLyrQUMTmV9cugyplMSDlncQxIXM8UbwW3Xg2VpoeSlj/9+fSo6HQA1dFkkn74fbKddtH8I8D/HPAORHi1GkXWtBp6rWPBazcJ8n6ISOkcofAV+guc/LzHO0nhsbB1ky71VxSjhFmK1xvdz/W/x8IG5NIw1dVz43RwfJHdY6vQlvyvIEYL7ILDQp95Sllr2mbDf9C19g7qfhPqmt9s6gLZr0p03QbD7BJ9/WZj2IFHPVSeRJjMkI9CJ7gvrHfFxDAXp8jziNjGL5mO74CQNd8jOguCxMkCK0j+ZsX7A4snv5UejVe86iSxzhIh/cJpqaFlZoZv5adFwSQllHzOHDRupP5yxHr3GoDVLfPkEyYcTHhiPA2Q+7adrD1dLzbKzRDRSUnWdcPsDdN8tNc+IE2zLKESgyBdw0JY4+B+2fGiAF36XzL9/TJhEvj8eTf9rVl0jww0caE43KNyKRqM3A1Xaw49L12TgHbVmSb1MbwjBEOSzKR1p1jjvTmWih6PiPEm8/CQwHGD5EglUu2rhjkQZTJNtaaV1/3MhqCouGeK4jvQxRrQ6yv9GdugPe/h/gtgeJmBiSLy9hwsfLjjrvwaoKhbHaZunVmEItupd+LljcE7pHPeFUc/CROGyERrh8o8GhN6h0w8AQ86VyQEJCz77JBojM4fGIkHGFxFYotIDE9OhNkhEf1+/wpEs0ScHoiTxCJ+hTiAxiPtWwMBw3okdvOs6MA461IG7mpKHS+zEvUyBmqFlbTGg/pcepfb0sLTKWKi14BA24CA1hwQ6Kl9Tb25EcVKOUhEIFs3vNZqDceLCOiDU0hdKYKqG4ZSjqD2VXWoXGgUtbV6njiM2qho1zDqhalmKiFNYdSBqgvy1juMalbCqJ1FUQ3zJJqZH1Xp5aOq/HRq21FVWirT2VyFJRp7UXJqnFRN5TerfgU1Ta9M0ZVqO3PmnqZ/qaV0HfaqtW21NpWeJq0VfemefhClze6yH19btcarWi08I9kZ0FdA5RezUxZdvQ99GOZxueI+yIcXMP0LguXHSw3FVG6dGmbLQx37aLdCdj2xb3sZf1ePW1rRE5omMV71SwTYnb8EsMk6JmDeWZyv/lSxeuP/R+/2n4TIyt1+S90ksvZyv6YfDUn5kVKrK2tHuCgt07wJwOyUsvGS9AXefavEmy27Jt7c7d03+QHE+SEVxghfiarcJNbPDqnt72ucC1Kfw2jR/CLHBRJlDM+OKPnO/NyISt7Qhe6VqcpBq9kdUzRZvPGbOofFa9PG/f8=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><style type="text/css">svg { filter: invert(93%) hue-rotate(180deg); }&#xa;image { filter: invert(100%) hue-rotate(180deg) saturate(1.25) }</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);&#xa;</style></defs><g><rect x="20" y="20" width="690" height="410" rx="61.5" ry="61.5" fill="none" stroke="#ebebeb" 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 flex-start; justify-content: unsafe center; width: 664px; height: 1px; padding-top: 39px; margin-left: 33px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style="border-color: var(--border-color); font-size: 24px;">Cordova Application</b></div></div></div></foreignObject><text x="365" y="63" fill="#EBEBEB" font-family="Helvetica" font-size="24px" text-anchor="middle">Cordova Application</text></switch></g><rect x="50" y="80" width="260" height="170" rx="25.5" ry="25.5" fill="none" stroke="#ebebeb" 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 flex-start; justify-content: unsafe center; width: 246px; height: 1px; padding-top: 93px; margin-left: 57px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style="border-color: var(--border-color); font-size: 16px;"><font style="border-color: var(--border-color); font-size: 16px;">Web App</font></b></div></div></div></foreignObject><text x="180" y="109" fill="#EBEBEB" font-family="Helvetica" font-size="16px" text-anchor="middle">Web App</text></switch></g><rect x="60" y="120" width="110" height="50" rx="7.5" ry="7.5" fill="none" stroke="#ebebeb" 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: 108px; height: 1px; padding-top: 145px; margin-left: 61px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style=""><b style="font-size: 14px;">Web Assets</b><br /><font style="font-size: 8px;">HTML, CSS, JS</font></font></div></div></div></foreignObject><text x="115" y="149" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Web Assets...</text></switch></g><rect x="190" y="120" width="110" height="50" rx="7.5" ry="7.5" fill="none" stroke="#ebebeb" 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: 108px; height: 1px; padding-top: 145px; margin-left: 191px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 14px;">Configurations</font></b><br /><font style="font-size: 8px;">config.xml, package.json</font></div></div></div></foreignObject><text x="245" y="149" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Configurations...</text></switch></g><rect x="60" y="180" width="240" height="50" rx="7.5" ry="7.5" fill="none" stroke="#ebebeb" 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: 238px; height: 1px; padding-top: 205px; margin-left: 61px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style=""><b style=""><font style="font-size: 14px;">Resources</font></b><br /><font size="1">Native Assets</font><br /></font></div></div></div></foreignObject><text x="180" y="209" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Resources...</text></switch></g><path d="M 605 269.5 L 594.5 269.5 L 610 250.5 L 625.5 269.5 L 615 269.5 L 615 370.02 L 614.38 470.53 L 624.88 470.6 L 609.26 489.5 L 593.88 470.4 L 604.38 470.47 L 605 369.98 Z" fill="none" stroke="#ebebeb" stroke-miterlimit="1.42" pointer-events="all"/><path d="M 605 269.5 L 594.5 269.5 L 610 250.5 L 625.5 269.5 L 615 269.5" fill="none" stroke="#ebebeb" stroke-miterlimit="4" pointer-events="all"/><path d="M 614.38 470.53 L 624.88 470.6 L 609.26 489.5 L 593.88 470.4 L 604.38 470.47" fill="none" stroke="#ebebeb" stroke-miterlimit="4" 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: 446px; margin-left: 571px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: nowrap;"><b style="border-color: var(--border-color);"><font style="border-color: var(--border-color); font-size: 14px;">OS APIs</font></b></div></div></div></foreignObject><text x="571" y="449" fill="#EBEBEB" font-family="Helvetica" font-size="11px" text-anchor="middle">OS APIs</text></switch></g><rect x="415" y="80" width="260" height="170" rx="25.5" ry="25.5" fill="none" stroke="#ebebeb" 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 flex-start; justify-content: unsafe center; width: 246px; height: 1px; padding-top: 93px; margin-left: 422px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style="border-color: var(--border-color); font-size: 16px;"><font style="border-color: var(--border-color); font-size: 16px;">Cordova Plugins</font></b></div></div></div></foreignObject><text x="545" y="109" fill="#EBEBEB" font-family="Helvetica" font-size="16px" text-anchor="middle">Cordova Plugins</text></switch></g><rect x="425" y="120" width="110" height="40" rx="6" ry="6" fill="none" stroke="#ebebeb" 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: 108px; height: 1px; padding-top: 140px; margin-left: 426px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 14px;">Device</font></b></div></div></div></foreignObject><text x="480" y="144" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Device</text></switch></g><rect x="555" y="120" width="110" height="40" rx="6" ry="6" fill="none" stroke="#ebebeb" 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: 108px; height: 1px; padding-top: 140px; margin-left: 556px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 14px;">Media</font></b></div></div></div></foreignObject><text x="610" y="144" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Media</text></switch></g><rect x="425" y="170" width="110" height="40" rx="6" ry="6" fill="none" stroke="#ebebeb" 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: 108px; height: 1px; padding-top: 190px; margin-left: 426px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 14px;">File</font></b></div></div></div></foreignObject><text x="480" y="194" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">File</text></switch></g><rect x="555" y="170" width="110" height="40" rx="6" ry="6" fill="none" stroke="#ebebeb" 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: 108px; height: 1px; padding-top: 190px; margin-left: 556px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 14px;">...</font></b></div></div></div></foreignObject><text x="610" y="194" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">...</text></switch></g><path d="M 329.5 365 L 329.5 375.5 L 310.5 360 L 329.5 344.5 L 329.5 355 L 455 355 L 455 269.5 L 444.5 269.5 L 460 250.5 L 475.5 269.5 L 465 269.5 L 465 365 Z" fill="none" stroke="#ebebeb" stroke-miterlimit="1.42" pointer-events="all"/><path d="M 329.5 365 L 329.5 375.5 L 310.5 360 L 329.5 344.5 L 329.5 355" fill="none" stroke="#ebebeb" stroke-miterlimit="4" pointer-events="all"/><path d="M 455 269.5 L 444.5 269.5 L 460 250.5 L 475.5 269.5 L 465 269.5" fill="none" stroke="#ebebeb" stroke-miterlimit="4" 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: 380px; margin-left: 410px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: nowrap;"><b><font style="font-size: 14px;">Cordova Native APIs</font></b></div></div></div></foreignObject><text x="410" y="384" fill="#EBEBEB" font-family="Helvetica" font-size="11px" text-anchor="middle">Cordova Native APIs</text></switch></g><path d="M 175 409.5 L 164.5 409.5 L 180 390.5 L 195.5 409.5 L 185 409.5 L 185 439.96 L 185.47 471.39 L 195.97 471.23 L 180.76 490.46 L 164.98 471.7 L 175.48 471.54 L 175 440.04 Z" fill="none" stroke="#ebebeb" stroke-miterlimit="1.42" pointer-events="all"/><path d="M 175 409.5 L 164.5 409.5 L 180 390.5 L 195.5 409.5 L 185 409.5" fill="none" stroke="#ebebeb" stroke-miterlimit="4" pointer-events="all"/><path d="M 185.47 471.39 L 195.97 471.23 L 180.76 490.46 L 164.98 471.7 L 175.48 471.54" fill="none" stroke="#ebebeb" stroke-miterlimit="4" 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: 446px; margin-left: 220px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: nowrap;"><b style="border-color: var(--border-color);"><font style="border-color: var(--border-color); font-size: 14px;">OS APIs</font></b></div></div></div></foreignObject><text x="220" y="449" fill="#EBEBEB" font-family="Helvetica" font-size="11px" text-anchor="middle">OS APIs</text></switch></g><path d="M 120 310.5 L 130.5 310.5 L 115 329.5 L 99.5 310.5 L 110 310.5 L 110 269.5 L 99.5 269.5 L 115 250.5 L 130.5 269.5 L 120 269.5 Z" fill="none" stroke="#ebebeb" stroke-miterlimit="10" 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: 288px; margin-left: 210px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: nowrap;"><b style="border-color: var(--border-color);"><font style="border-color: var(--border-color); font-size: 14px;">HTML &amp; Cordova APIs</font></b></div></div></div></foreignObject><text x="210" y="292" fill="#EBEBEB" font-family="Helvetica" font-size="11px" text-anchor="middle">HTML &amp; Cordova APIs</text></switch></g><rect x="50" y="330" width="260" height="60" rx="9" ry="9" fill="none" stroke="#ebebeb" 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: 258px; height: 1px; padding-top: 360px; margin-left: 51px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style="font-size: 16px;">Rendering Engine<br />(WebView)</b></div></div></div></foreignObject><text x="180" y="364" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Rendering Engine...</text></switch></g><rect x="20" y="490" width="690" height="120" rx="18" ry="18" fill="none" stroke="#ebebeb" 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 flex-start; justify-content: unsafe center; width: 664px; height: 1px; padding-top: 509px; margin-left: 33px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style="font-size: 24px;"><font style="font-size: 24px;">Mobile Operating System</font></b></div></div></div></foreignObject><text x="365" y="533" fill="#EBEBEB" font-family="Helvetica" font-size="24px" text-anchor="middle">Mobile Operating System</text></switch></g><rect x="55" y="550" width="140" height="50" rx="7.5" ry="7.5" fill="none" stroke="#ebebeb" 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: 138px; height: 1px; padding-top: 575px; margin-left: 56px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="" size="1"><b style="font-size: 16px;">Services</b></font></div></div></div></foreignObject><text x="125" y="579" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Services</text></switch></g><rect x="215" y="550" width="140" height="50" rx="7.5" ry="7.5" fill="none" stroke="#ebebeb" 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: 138px; height: 1px; padding-top: 575px; margin-left: 216px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="" size="1"><b style="font-size: 16px;">Sensors</b></font></div></div></div></foreignObject><text x="285" y="579" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Sensors</text></switch></g><rect x="375" y="550" width="140" height="50" rx="7.5" ry="7.5" fill="none" stroke="#ebebeb" 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: 138px; height: 1px; padding-top: 575px; margin-left: 376px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="" size="1"><b style="font-size: 16px;">Inputs</b></font></div></div></div></foreignObject><text x="445" y="579" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Inputs</text></switch></g><rect x="535" y="550" width="140" height="50" rx="7.5" ry="7.5" fill="none" stroke="#ebebeb" 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: 138px; height: 1px; padding-top: 575px; margin-left: 536px;"><div data-drawio-colors="color: #EBEBEB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(235, 235, 235); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="" size="1"><b style="font-size: 16px;">Graphics</b></font></div></div></div></foreignObject><text x="605" y="579" fill="#EBEBEB" font-family="Helvetica" font-size="12px" text-anchor="middle">Graphics</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>