docs/replica_searching.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="611px" height="341px" viewBox="-0.5 -0.5 611 341" content="&lt;mxfile&gt;&lt;diagram id=&quot;tb8H2MvZ3lUxXs8tajMu&quot; name=&quot;Page-1&quot;&gt;xVbLcpswFP0az7QbDxJgyDZuEi/aSSZ207UK16CJQFQIP/r1vQIBxtiNO/ZMFzbS0dXjnnP0mLjzbPekWJF+kzGICXXi3cT9MqGUeMEdfgyyt4jj+g2SKB5brAeW/De0gRateAzlIFBLKTQvhmAk8xwiPcCYUnI7DFtLMZy1YAmMgGXExBj9wWOdNmjoOz2+AJ6k7czEsS0Za4MtUKYsltsDyH2YuHMlpW5K2W4OwrDX8tL0ezzT2i1MQa4v6UCtFBsmKpucXZjet9lCjMnbai5z/NynOhNYI1gcz2gXUcpKRXYIGliVmErAhtGwwczwBx3tOp9AZqDVHgMUCKb5Zsg9sxImXVyfJRZsomeSDkZJv0Ieg0LsFQrBI7bAUZeRAsjHdAiBPjMsbFOuYVmwOsstev1CZjagNOz+mrNtDaxN7EaZ2eq2Nx1pnZQeGC50rifJp7dxxpG8H1slHFvFd690hu36IjnO3LHrBWRKSUgCSnxvFnqeP2CbEDp1SOjPgtCjdz4J6XCCZoV2zCNiu0VeZshwxPX3srZjCUxFKZ511KlKnieGmBTMP+xMJmsOeHb9T4see9Q74VHvhEfvbuFRZ8TbKuUNWTVnDH+Pla4U3FdcNDtcy5o3ZVhkuL2dxWr1UpvpVwWl7iJAR2mnQN1eVkKbUddKZp0Q9sCob5uswE1g3XCoB57yRbNH9AWi/GTRe6JklcfPlRbcbKsaj5l6f8ZeXBuqnanj30ZB3x0qSJ0TEvonJCQ3OWfcDw/jZS1BexzPzcpSXmuCF7xmPDeiZJW5/8VQEsFrQTcctiYGR8Vi3Es4l1kmcxv/FYPfMBLxTzGsGQ5o1ln2I77hs0O2YZ+v3XYjhU7oeFY0crTtuhfFgWjuqbuhuzD+QTSs9k+S5nzrX3buwx8=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 119.66 55.74 L 194.08 50.42" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 199.31 50.05 L 192.58 54.04 L 194.08 50.42 L 192.08 47.06 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="60" cy="60" rx="60" ry="40" 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: 60px; 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; ">
                                Render ReplicaHomeScreen
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="60" y="64" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Render ReplicaHomeSc...
                </text>
            </switch>
        </g>
        <path d="M 268 89.98 L 263.42 173.65" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 263.14 178.89 L 260.02 171.71 L 263.42 173.65 L 267.01 172.1 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="270" cy="45" rx="70" ry="45" 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: 138px; height: 1px; padding-top: 45px; 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; ">
                                User searches using the text field
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="270" y="49" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User searches using the...
                </text>
            </switch>
        </g>
        <path d="M 460 160 L 580 160 L 610 190 L 610 340 L 460 340 L 460 160 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 580 160 L 580 190 L 610 190 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 580 160 L 580 190 L 610 190" fill="none" 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: 148px; height: 1px; padding-top: 250px; margin-left: 461px;">
                        <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; ">
                                This uses a FutureBuilder to fire an HTTP request to fetch search results from the Replica component
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="535" y="254" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    This uses a FutureBuilder...
                </text>
            </switch>
        </g>
        <ellipse cx="260" cy="240" rx="160" ry="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: 318px; height: 1px; padding-top: 240px; margin-left: 101px;">
                        <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; ">
                                Render ReplicaSearchScreen, which contains multiple Replica list views dervied from CommonReplicaListView (default is ReplicaVideoListView)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="260" y="244" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Render ReplicaSearchScreen, which contains multiple R...
                </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>