overview.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="271px" height="201px" viewBox="-0.5 -0.5 271 201" content="&lt;mxfile&gt;&lt;diagram id=&quot;2pWfbio0IW9XRH_pfe6E&quot; name=&quot;Page-1&quot;&gt;zVfbbtswDP0aAduAGr7ETvJY59I9bEDRDtj6qFqsLcCxAlm5uF8/ypYTy3aHDl2XviTioUhJh4dSQoLF5ngj6Tb7LhjkxHfZkQRL4vsTf4qfGqgawJ96DZBKzhqoA9zzZzCga9AdZ1BaE5UQueJbG0xEUUCiLIxKKQ72tCeR26tuaQoD4D6h+RD9yZnKGnQWumf8K/A0a1f2XOPZ0HayAcqMMnHoQMGKBAsphGpGm+MCcs1dy0sTt37Be9qYhEK9JsBvAvY035mzkbVL5msyW5HrED13kAjJQJrtqqrlQIpdwUCncUkQHzKu4H5LE+09YNERy9QmR8vD4XBbZqd7kAqOHchs8wbEBpSscIrxtoxVtnk48++1WNbhPjIYNSVPT4nPrODAEDNOUjAkaeWTeUTiiKzWJJ6R2Rr9tzmtPgBR3vRyTE0GTP0QO6TEXXOkw49yXCt+RCBK9ejTF0eh//OAM2yLrR6q+ut/kObapHnBCGveCGvzf8BaONRXnxAo2LW+uNBKclqWPLEpgCNXv7TEnNBYDx3P8mjUVxtVaxS4zyZoMg1a4KEG/NY8h9aWFXsLkuNhUfMN+GIdSixyAtaNo6hMQVmqAWbdusNadWoRjpSixSTkVPG9fVeP1cescCs47vckhXlPCZNehZvDmKDu1drLcwqsxpXSMDDIU4vldOhX6Wc60M9CAlVQOo4zVBKy/I0+4oNsCYjmPC20urB2uqCx7h2OT961cWw4YzpHLKHkz/SxzqervtUnqM8UxiRcjuqgVXi/H09PtMlnvYJjfeo6rjcJ7QK9rertFPH0VMJbKxFdvpOjSa+TPe/dejn46L3sT1+41v+2mYPez4/ZuzXzfCChO6Dssq386r61FRP9sZWvXMeb+XYvX/mXa2Y0z7+7m+nnPy/B6jc=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" 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: 30px; 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; ">
                                🎥 Recorder
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    🎥 Recorder
                </text>
            </switch>
        </g>
        <rect x="150" y="0" 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: 30px; margin-left: 151px;">
                        <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; ">
                                ▶️ Player
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="210" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ▶️ Player
                </text>
            </switch>
        </g>
        <path d="M 80 128 Q 107.5 160.4 135 128 Q 162.5 95.6 190 128 L 190 182 Q 162.5 149.6 135 182 Q 107.5 214.4 80 182 L 80 128 Z" fill="#ffffff" 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: 108px; height: 1px; padding-top: 155px; margin-left: 81px;">
                        <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; ">
                                Tour File
                                <br/>
                                (*.tour)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="135" y="159" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Tour File...
                </text>
            </switch>
        </g>
        <path d="M 60 60 L 127.4 123.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 131.22 127.23 L 123.72 124.97 L 127.4 123.63 L 128.53 119.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: 94px; margin-left: 98px;">
                        <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="98" y="97" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Creates...
                </text>
            </switch>
        </g>
        <path d="M 210 60 L 135.84 124.8" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 131.88 128.25 L 134.85 121.01 L 135.84 124.8 L 139.46 126.28 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: 87px; margin-left: 177px;">
                        <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; ">
                                Reads...
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="177" y="90" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Reads...
                </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%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>