architecture.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="641px" height="646px" viewBox="-0.5 -0.5 641 646" content="&lt;mxfile host=&quot;bd82eb45-fbff-46d7-80f3-8604f4a87235&quot; modified=&quot;2021-01-12T14:27:57.331Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Code/1.52.1 Chrome/83.0.4103.122 Electron/9.3.5 Safari/537.36&quot; etag=&quot;HEWTSAAoIEK8FxPm_UoM&quot; version=&quot;13.10.0&quot; type=&quot;embed&quot;&gt;&lt;diagram id=&quot;rqG_TUzwKcQxjRQ-LFmg&quot; name=&quot;Page-1&quot;&gt;zVpbs6MoEP41Pm5KNGryOMnJmd2qmaqpymztziNRjjJrJIXkdn79YoR4QRPNDefhDN0CYvfXH90Qw56vD18p3ETfSYBiwzKDg2G/GZYFLM/j/2WaY65xXaEIKQ5Ep0KxxJ9IKE2h3eIApZWOjJCY4U1V6ZMkQT6r6CClZF/t9kHi6ls3MESKYunDWNX+gwMW5dqJ5RX6PxEOI/lm4E7zJ2soO4svSSMYkH1JZS8Me04JYXlrfZijODOetEs+7r3l6XlhFCWsywArH7CD8VZ8m2HZbxTuMZnHOJskXyY7ym+nZJsEKBtuGvZsH2GGlhvoZ0/33NtcF7F1zCXAm+pyxAp3iDJ0KKnE8r4iskaMHnkX8dSRphJYGZtC3heWB67QRSWrSx0Uzg7PUxf24A1hkpNIVr8zuFhmDFcoPttjvk0ZWXMUBqplpCHt0kcIGw/IaNbkeUbjorBbM8TGDRCrYQolwZcsLLm0ion/HzcCV4m4B24uvuPsjScDloyFDpj9m6lHjpB+lZ68HcSIk3CUQsK/qDQoE3+VnxXDTpIc1+qYlGypj0pA4HwEaYhYJchQUGGVVuf9YY5s/q/dYRTFkOFdlYyaPCZe8YPgDK5yfndaBcfErjk9/xwxqkwetYkmzpWJciNcmEh2JB8fKar0OYHsbJsm3Klc1gAsbvKlEAllEQlJAuNFoZ1VI7Po842QjQDSb8TYUYARbhlpBiAowa8AYzMAU24YJhEfYLgmSSDVAuZAyjIKOgPQUQE47QjAzsBqoQLVJbZOl5gj7xZSqFDCyHKusMKrnSmTIA3eHA/Im2ZHb/aj+Fc7c6LNl45eX94fmEOLS0+bK129rrRuyrysSlyCgTnT1eVMpyFbthcHhpIUk0Rx9KsLi3G9GFOzVOsxZYVa22pJ7wKYRqfxFw1YRpOroqlrAdAvsefhAI+lDpssqU7vTKKB5n3B6r7HV1xzM7Pc6tPHp2HNRdY5durnH1eKrHZ0NL9nXH/PpHZydG1d1f68ka/gViC6TUSYn78sAswI/UHJDgeIznACBZNoZUZQtYfjqtxomc/ixiHVWT2itlPwefoJtTkE7NopmwMuh4xrXux/d8gAzfXZIKm7AT0vo+7a+di44/lYXxzWqVhSz6NwJWFe4uK/U5RmViX8j08RZIg3yuxsWG7MzT1bZa0wa0GesYsRZMUgTjIpKsa13DdkTvqWH8eXUQdjHCa87fMxiHJFxtTYh/EX8WCNgyAHOErxJ1yd5stQI6zJJ3dmhvPWjCN5aF2n//OdkpjQKF/bNG0L5mjsgSoKculObI0rc0696viHnKd6XXfgn+ig/54IeDr3XzVbmZ+iIh0OI1+uzPtvyxOVWO1H82pX+0/aoZrTyjv0OWD1Z4n1iznQgNJHXcypPK6aaQAo7XNx0h+lUxWl+k7qpk0wnZPkA4fakan1aEfdapoSjHpGcelefvhYvvVcu38MyHz3qRcPtx061CoiML1cQV3pf38FNUiG7HWP+Rh4ADAIfNg1UrIefMgEVEYuEw9OMMO80vgsqhTe+OudwjXSC4hbj0lvzey0/YIAqLVnrQpZIrrDvuqPl2+gWlM7oHz/QLe9p97kSdoaRFEiF9MOXf2YnTTz60uyvpYDBgxDzq8DyYqVW5Hn2YeLxe9+872s+PW0vfgf&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="480" y="392" width="160" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 422px; margin-left: 481px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #DrawioClient
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="560" y="426" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #DrawioClient
                </text>
            </switch>
        </g>
        <rect x="480" y="272" width="160" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 302px; margin-left: 481px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #CustomizedDrawioClient
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="560" y="306" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #CustomizedDrawioClient
                </text>
            </switch>
        </g>
        <path d="M 560 332 L 560 373.88" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 560 390.88 L 551.5 373.88 L 568.5 373.88 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 131.71 62 L 193.63 62" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 120.71 62 L 126.21 56.5 L 131.71 62 L 126.21 67.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 198.88 62 L 191.88 65.5 L 193.63 62 L 191.88 58.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 90 103.71 L 90 167 L 173.63 167" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 90 92.71 L 95.5 98.21 L 90 103.71 L 84.5 98.21 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 178.88 167 L 171.88 170.5 L 173.63 167 L 171.88 163.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 90 20.29 L 90 12 L 560 12 L 560 145.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 90 31.29 L 84.5 25.79 L 90 20.29 L 95.5 25.79 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 560 150.88 L 556.5 143.88 L 560 145.63 L 563.5 143.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 60 103.71 L 60 582 L 123.63 582" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 60 92.71 L 65.5 98.21 L 60 103.71 L 54.5 98.21 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 128.88 582 L 121.88 585.5 L 123.63 582 L 121.88 578.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 30 103.71 L 30 632 L 420 632 L 420 618.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 30 92.71 L 35.5 98.21 L 30 103.71 L 24.5 98.21 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 420 613.12 L 423.5 620.12 L 420 618.37 L 416.5 620.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="32" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 62px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #Extension
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="66" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #Extension
                </text>
            </switch>
        </g>
        <path d="M 470 552 L 470 502 L 560 502 L 560 458.37" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 560 453.12 L 563.5 460.12 L 560 458.37 L 556.5 460.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 420 552 L 420 472 L 220 472 L 220 218.37" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 220 213.12 L 223.5 220.12 L 220 218.37 L 216.5 220.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="370" y="552" width="200" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 582px; margin-left: 371px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #DrawioEditorProviderBinary
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="470" y="586" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #DrawioEditorProviderBinary
                </text>
            </switch>
        </g>
        <path d="M 280 552 L 280 502 L 560 502 L 560 458.37" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 560 453.12 L 563.5 460.12 L 560 458.37 L 556.5 460.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 230 552 L 220 552 L 220 218.37" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 220 213.12 L 223.5 220.12 L 220 218.37 L 216.5 220.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 403px; margin-left: 221px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Uses to create DrawioEditor
                                <br/>
                                and to obtain the DrawioClient
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="221" y="406" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Uses to create DrawioEditor...
                </text>
            </switch>
        </g>
        <rect x="130" y="552" width="200" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 582px; margin-left: 131px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #DrawioEditorProviderText
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="230" y="586" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #DrawioEditorProviderText
                </text>
            </switch>
        </g>
        <path d="M 560 212 L 560 265.63" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 560 270.88 L 556.5 263.88 L 560 265.63 L 563.5 263.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 242px; margin-left: 560px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Creates
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="560" y="245" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Creates
                </text>
            </switch>
        </g>
        <rect x="480" y="152" width="160" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 182px; margin-left: 481px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #DrawioClientFactory
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="560" y="186" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #DrawioClientFactory
                </text>
            </switch>
        </g>
        <path d="M 320 62 L 413.63 62" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 418.88 62 L 411.88 65.5 L 413.63 62 L 411.88 58.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 62px; margin-left: 370px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Creates
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="370" y="65" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Creates
                </text>
            </switch>
        </g>
        <rect x="200" y="32" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 62px; margin-left: 201px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #Config
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="260" y="66" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #Config
                </text>
            </switch>
        </g>
        <path d="M 340 182 L 360 182 L 473.63 182" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 478.88 182 L 471.88 185.5 L 473.63 182 L 471.88 178.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 182px; margin-left: 410px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Uses to create
                                <br/>
                                CustomizedDrawioClient
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="410" y="185" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Uses to create...
                </text>
            </switch>
        </g>
        <path d="M 300 212 L 300 265.63" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 300 270.88 L 296.5 263.88 L 300 265.63 L 303.5 263.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 242px; margin-left: 300px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Creates
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="300" y="245" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Creates
                </text>
            </switch>
        </g>
        <path d="M 520 152 L 520 122 L 260 122 L 260 98.37" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 260 93.12 L 263.5 100.12 L 260 98.37 L 256.5 100.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 122px; margin-left: 390px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">
                                Uses to initialize Drawio IFrame
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="390" y="125" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Uses to initialize Drawio IFrame
                </text>
            </switch>
        </g>
        <rect x="180" y="152" width="160" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 182px; margin-left: 181px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #DrawioEditorService
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="260" y="186" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #DrawioEditorService
                </text>
            </switch>
        </g>
        <path d="M 371.71 302 L 473.63 302" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 360.71 302 L 366.21 296.5 L 371.71 302 L 366.21 307.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 478.88 302 L 471.88 305.5 L 473.63 302 L 471.88 298.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="240" y="272" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 302px; margin-left: 241px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #DrawioEditor
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="300" y="306" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #DrawioEditor
                </text>
            </switch>
        </g>
        <rect x="420" y="32" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <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: 62px; margin-left: 421px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                #DiagramConfig
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="480" y="66" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    #DiagramConfig
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>