images/PagingWithFilterAndCache.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="742px" height="621px" viewBox="-0.5 -0.5 742 621" content="&lt;mxfile host=&quot;drawio-plugin&quot; modified=&quot;2024-04-29T15:21:33.725Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36&quot; etag=&quot;EsD0QozPSlTaBx00q1we&quot; version=&quot;20.5.3&quot; type=&quot;embed&quot;&gt;&lt;diagram id=&quot;23iRSUPoRavnBvh4doch&quot; name=&quot;Page-1&quot;&gt;7V1bc5s4FP41ntl9CIPE1Y9x2m47093trB/62JFBtrXFiMVyc/n1K3EzWCLGMWDHQGYyROIifd/ROUdHR2RiPGye/ohRtP6T+jiYQN1/mhgfJhBOHZf/FgXPaYEDrbRgFRM/LQL7gjl5wVmhnpXuiI+3lQsZpQEjUbXQo2GIPVYpQ3FMH6uXLWlQfWuEVlgqmHsokEu/E5+t01IXOvvyz5is1vmbgT1NazYovzjryXaNfPpYKjI+ToyHmFKWnm2eHnAgsMtxSe/7VFNbNCzGIWt0A8xa9gsFu6x3WcvYc97dmO5CH4s79Ikxe1wThucR8kTtI+eXl63ZJuB/AX66JEHwQAMaJ/caS0v88PIti+lPnNeENMTiYhqy0sXpwcuzNuGY4afanoECLy5nmG4wi5/5JdkNZtaxTMTcDPDHPV+OmT10XeLKzplBmYysiifvYeQnGZJqVHNxLoH6TYgU1IEELu8hqyKIArIK+bnHe4o5MjOBA+HSd59VbIjvi9tnMd6SF7RIHiWoiSgJWdJuazaxPohn7RjdpuMH1JJQYiwrqgFbQUkt/rZewR9AmYD8kjL+Rhvw23Xwy7I9EPiNPuF3Rul3YBV/qPeIvyvhf++jSKAJ7UDAvRBnK5Z09bDkEwmSK/XkTt4c+7+dsEYzsuV/YsQSxItSidGcrq9ogYNvHH5GaIW2Qz4ZPbAg3CZG4mGbp5XwHrQF2hJP8wla/Ugs0Y84semzxJ2wayxScPD6Qpwk+TowWAvkub4hSQuvgYZpWn478mHox9UjNBUCYrVinxoY/ZwFbxcHz7MYeT8xO279965C4gsEJPqcnR8SEqd9mh2Vl5ywAC/Za+qgBVYKxF9hRUUKsFsgJR/6Iymvk6IyZd2RAm6QlJgylN17B1y9HZos+7jF644mU3Y5yMsLOt86FRVHDVRmlQpzAvcORWpK8qli8ojUKxFWdka4HCSwWyfZrRY4Awdeim3KnLkKzsw2KJPnSHP6700zduBp+Ai7S0/ladieixfLbjguxmkfHMsTsfma4u2ASF66HvaUJC9cy7RaUr7SQFYo385IVkz3MAp3bEg0X2gsK1yhzmiW5wzZrN6QeL7VWb19HP6uJvWmwsMZWkzrMKhi9hhUMWV3RcJ9nAioJgIqljqbCExVkY0sxJVHuP7esWjHT+7zGv7QxT4gNpDBZBtVmoCjWCHpaDCBXCReo+lLOLIkWfxpfxoP6LLJkXBfce0VNe9nsSSbwT0pr3oq46S5d5krE8eSAAC2rdAmbcRJHVlMH5C3Flb3N2F9Sbik299r7QARkheiYM5onKwoHzMFC24yVok94DoqIGEucLVuaZ0lWFDG6KbJKEij72koXQh/siRfNy0pJOK4/PbCz1Re6ci1hU9+VUjJ1yuEorjLUOGqRc9MZHlBo25lpKSIkqdXS8VStvKNouIu1R7ihQBGT6++8OyWZ/bt1dae/ZJvGq/9i2odv+ZUFlp74TZCofJJ+zF656XqXjyPhHzooeD0PqTv6aVroOPnw/dHjaZpR7hoKni8NNUA78lBES3Osqtgmxpf5ZK0ovCBrlqPGbzGT11lqfl7Ha0LhKH+hd241n7PZkKoZ7QR3li42EZJhX5GkeC7rPF7NDQdgAPbB8e4GXBSK9YWPAKbpk8cTWcrpjOPnDkatPT9AeSprt6dZR1zghqln6iC/p2FMwGQIxD3USQS8IaztGZh1zeloclrXLgwbLsdmg8DbarUr66W1gCQvdoZCvnPSHPXNPeYDQEAlGj+KgzqcEi+TDaEKhWtO5INieSHNY5jMqi0l8uMZthj/hoA8vIIJxpvh2Sbl8slVI9n317YVkc0q1aUu6NZkafIOMJDGs2XUdtGr7ZZTlXkk0fkD4nliwxmVTp/dyzLuYpzFKANGWnuWmf3apoVO+DGWXMHDphtXtLTliNW46y5H5r7HMy5IhknVBcgWvHZhO6IVkTBRhesA9t8yHKvLhiUg2Djvq8O9oocktznXhEA5SDYuCeoH57NXlX2GAO7kM7uNQam+J7ROG3uh+ZePW1VOvUBwX0n/BfffDuWUF5MPc+BwJanlJWE/yEl+xfScH6yfyvcgHynYxe5n/+0nPWln5oDenYyaSUHVEqpeh95rOdtKqhrrt57Gml7LXk/2xBuCf037pQYaR/7PPa55e1Bt6RXrqcl1Y1Pw0nKfptTq9rP1JJPKwfKWvOmTpW26/EDD33ZLvZhfEAMjUOgWVBC7EuQZuFWZ2EIOUmjcRiitnMnByL40NTyjw3kn6mXQxHQ0kxXn+4PSwalSOI/BxW3QWzmdoNvb1v9LATpJGUvUeoqKIUarBxGCww32IAzMvxmhp9rmJseH9M9CUD+bZdhCsDbckxPFwBoamb5sJzrEYAGHxu+XQHoSwMYtmaXD9e+HgFQRbgHIwBvW2E7XQBsoIHSoV+TAKimg8MRgJ5MgGNoRvm4IgvQ4JNrN8x/Twpg6mhO5bge/ht8ZXTk/1z+XUuzyod5Kf75n/t/9ZbUlf5fnvHxfw==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="0" y="0" width="741" height="620" fill="#f5f5f5" stroke="none" pointer-events="all"/><rect x="11" y="40" width="60" height="30" 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: 55px; margin-left: 41px;"><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;">Page 1</div></div></div></foreignObject><text x="41" y="59" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Page 1</text></switch></g><rect x="11" y="240" width="60" height="30" 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: 255px; margin-left: 41px;"><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;">Page 2</div></div></div></foreignObject><text x="41" y="259" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Page 2</text></switch></g><rect x="671" y="120" width="60" height="30" 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: 135px; margin-left: 701px;"><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;">Page 1</div></div></div></foreignObject><text x="701" y="139" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Page 1</text></switch></g><path d="M 263 40 L 491 40 L 491 548 C 491 554.63 485.63 560 479 560 L 251 560 L 251 52 C 251 45.37 256.37 40 263 40 Z" fill="#bac8d3" stroke="#23445d" 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 flex-start; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 47px; margin-left: 252px;"><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;">Adapter<br /><br />Filter = "is eatable"</div></div></div></foreignObject><text x="371" y="59" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Adapter...</text></switch></g><path d="M 231 40 L 221 40 Q 211 40 211 50 L 211 110 Q 211 120 201 120 L 196 120 Q 191 120 201 120 L 206 120 Q 211 120 211 130 L 211 190 Q 211 200 221 200 L 231 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(211,0)scale(-1,1)translate(-211,0)" pointer-events="all"/><path d="M 231 240 L 221 240 Q 211 240 211 250 L 211 310 Q 211 320 201 320 L 196 320 Q 191 320 201 320 L 206 320 Q 211 320 211 330 L 211 390 Q 211 400 221 400 L 231 400" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(211,0)scale(-1,1)translate(-211,0)" pointer-events="all"/><path d="M 551 120 L 541 120 Q 531 120 531 130 L 531 190 Q 531 200 521 200 L 516 200 Q 511 200 521 200 L 526 200 Q 531 200 531 210 L 531 270 Q 531 280 541 280 L 551 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(531,0)scale(-1,1)translate(-531,0)rotate(180,531,200)" pointer-events="all"/><path d="M 71 560 L 151 560 L 151 600 L 71 600 L 71 560 Z" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/><path d="M 71 560 L 71 600 L 71 600 L 151 600 L 151 560 L 71 560" fill="none" stroke="none" pointer-events="all"/><path d="M 71 560 L 151 560 L 151 600 L 71 600 L 71 560 Z" fill="none" stroke="rgb(0, 0, 0)" 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: 580px; margin-left: 111px;"><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;">Pizza</div></div></div></foreignObject><text x="111" y="584" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Pizza</text></switch></g><path d="M 71 480 L 151 480 L 151 520 L 71 520 L 71 480 Z" fill="#dae8fc" stroke="none" pointer-events="all"/><path d="M 71 480 L 71 520 L 71 520 L 151 520 L 151 480 L 71 480" fill="none" stroke="none" pointer-events="all"/><path d="M 71 480 L 151 480 L 151 520 L 71 520 L 71 480 Z" fill="none" stroke="#6c8ebf" 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: 500px; margin-left: 111px;"><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;">Soja</div></div></div></foreignObject><text x="111" y="504" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Soja</text></switch></g><path d="M 71 520 L 151 520 L 151 560 L 71 560 L 71 520 Z" fill="#f8cecc" stroke="none" pointer-events="all"/><path d="M 71 520 L 71 560 L 71 560 L 151 560 L 151 520 L 71 520" fill="none" stroke="none" pointer-events="all"/><path d="M 71 520 L 151 520 L 151 560 L 71 560 L 71 520 Z" fill="none" stroke="#b85450" 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: 540px; margin-left: 111px;"><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;">Shoes</div></div></div></foreignObject><text x="111" y="544" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Shoes</text></switch></g><path d="M 71 440 L 151 440 L 151 480 L 71 480 L 71 440 Z" fill="#dae8fc" stroke="none" pointer-events="all"/><path d="M 71 440 L 71 480 L 71 480 L 151 480 L 151 440 L 71 440" fill="none" stroke="none" pointer-events="all"/><path d="M 71 440 L 151 440 L 151 480 L 71 480 L 71 440 Z" fill="none" stroke="#6c8ebf" 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: 460px; margin-left: 111px;"><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;">Peanuts</div></div></div></foreignObject><text x="111" y="464" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Peanuts</text></switch></g><rect x="11" y="440" width="60" height="30" 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: 455px; margin-left: 41px;"><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;">Page 3</div></div></div></foreignObject><text x="41" y="459" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Page 3</text></switch></g><rect x="671" y="320" width="60" height="30" 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: 335px; margin-left: 701px;"><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;">Page 2</div></div></div></foreignObject><text x="701" y="339" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Page 2</text></switch></g><path d="M 551 320 L 541 320 Q 531 320 531 330 L 531 390 Q 531 400 521 400 L 516 400 Q 511 400 521 400 L 526 400 Q 531 400 531 410 L 531 470 Q 531 480 541 480 L 551 480" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(531,0)scale(-1,1)translate(-531,0)rotate(180,531,400)" pointer-events="all"/><rect x="581" y="90" width="70" height="30" 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: 105px; margin-left: 616px;"><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;"><b>Output:</b></div></div></div></foreignObject><text x="616" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Output:</text></switch></g><rect x="71" y="10" width="60" height="30" 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: 25px; margin-left: 101px;"><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;"><b>Input:</b></div></div></div></foreignObject><text x="101" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Input:</text></switch></g><rect x="288" y="395" width="166" height="120" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><path d="M 288 445 L 454 445" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 348 395 L 348 515" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><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: 164px; height: 1px; padding-top: 522px; margin-left: 289px;"><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: none; white-space: normal; overflow-wrap: normal;">Cache (Pageinfos)</div></div></div></foreignObject><text x="371" y="534" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Cache (Pageinfos)</text></switch></g><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: 455px; margin-left: 318px;"><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: 2px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;"><div style="text-align: left;"><br /></div><font style="font-size: 12px;"><div style="text-align: left;">Output</div><div style="text-align: left;">P. No.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="background-color: initial;"><br /></span></div><div style="text-align: left;">1</div><div style="text-align: left;">2</div><div style="text-align: left;"><span style="background-color: initial;">...</span><br /></div></font></div></div></div></foreignObject><text x="318" y="456" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="2px" text-anchor="middle">Output...</text></switch></g><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: 455px; margin-left: 395px;"><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: 2px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;"><div style="text-align: left;"><br /></div><font style="font-size: 12px;"><div style="text-align: left;">Input<br />P. No. / It. No.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><span style="background-color: initial;">1        / 1</span></div><div style="text-align: left;"><span style="background-color: initial;">2        / 3</span></div><div style="text-align: left;"><span style="background-color: initial;">...       / ...   </span><br /></div></font></div></div></div></foreignObject><text x="395" y="456" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="2px" text-anchor="middle">Input...</text></switch></g><path d="M 231 440 L 221 440 Q 211 440 211 450 L 211 510 Q 211 520 201 520 L 196 520 Q 191 520 201 520 L 206 520 Q 211 520 211 530 L 211 590 Q 211 600 221 600 L 231 600" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(211,0)scale(-1,1)translate(-211,0)" pointer-events="none"/><path d="M 71 40 L 151 40 L 151 80 L 71 80 L 71 40 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 71 40 L 151 40 L 151 80 L 71 80 L 71 40 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 60px; margin-left: 111px;"><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: none; white-space: nowrap;">Apple</div></div></div></foreignObject><text x="111" y="64" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Apple</text></switch></g><path d="M 71 80 L 151 80 L 151 120 L 71 120 L 71 80 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 71 80 L 151 80 L 151 120 L 71 120 L 71 80 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 100px; margin-left: 111px;"><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: none; white-space: nowrap;">Banana</div></div></div></foreignObject><text x="111" y="104" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Banana</text></switch></g><path d="M 71 120 L 151 120 L 151 160 L 71 160 L 71 120 Z" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 71 120 L 151 120 L 151 160 L 71 160 L 71 120 Z" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><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: 140px; margin-left: 111px;"><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: none; white-space: nowrap;">Lamp</div></div></div></foreignObject><text x="111" y="144" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Lamp</text></switch></g><path d="M 71 160 L 151 160 L 151 200 L 71 200 L 71 160 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 71 160 L 151 160 L 151 200 L 71 200 L 71 160 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 180px; margin-left: 111px;"><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: none; white-space: nowrap;">Cherries</div></div></div></foreignObject><text x="111" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Cherries</text></switch></g><path d="M 71 320 L 151 320 L 151 360 L 71 360 L 71 320 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 71 320 L 151 320 L 151 360 L 71 360 L 71 320 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 340px; margin-left: 111px;"><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: none; white-space: nowrap;">Cheese</div></div></div></foreignObject><text x="111" y="344" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Cheese</text></switch></g><path d="M 71 280 L 151 280 L 151 320 L 71 320 L 71 280 Z" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 71 280 L 151 280 L 151 320 L 71 320 L 71 280 Z" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><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: 300px; margin-left: 111px;"><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: none; white-space: nowrap;">Stones</div></div></div></foreignObject><text x="111" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Stones</text></switch></g><path d="M 71 240 L 151 240 L 151 280 L 71 280 L 71 240 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 71 240 L 151 240 L 151 280 L 71 280 L 71 240 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 260px; margin-left: 111px;"><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: none; white-space: nowrap;">Bread</div></div></div></foreignObject><text x="111" y="264" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Bread</text></switch></g><path d="M 71 360 L 151 360 L 151 400 L 71 400 L 71 360 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 71 360 L 151 360 L 151 400 L 71 400 L 71 360 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 111px;"><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: none; white-space: nowrap;">Salami</div></div></div></foreignObject><text x="111" y="384" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Salami</text></switch></g><path d="M 591 120 L 671 120 L 671 160 L 591 160 L 591 120 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 591 120 L 671 120 L 671 160 L 591 160 L 591 120 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 140px; margin-left: 631px;"><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: none; white-space: nowrap;">Apple</div></div></div></foreignObject><text x="631" y="144" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Apple</text></switch></g><path d="M 591 160 L 671 160 L 671 200 L 591 200 L 591 160 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 591 160 L 671 160 L 671 200 L 591 200 L 591 160 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 180px; margin-left: 631px;"><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: none; white-space: nowrap;">Banana</div></div></div></foreignObject><text x="631" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Banana</text></switch></g><path d="M 591 200 L 671 200 L 671 240 L 591 240 L 591 200 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 591 200 L 671 200 L 671 240 L 591 240 L 591 200 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 220px; margin-left: 631px;"><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: none; white-space: nowrap;">Cherries</div></div></div></foreignObject><text x="631" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Cherries</text></switch></g><path d="M 591 240 L 671 240 L 671 280 L 591 280 L 591 240 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 591 240 L 671 240 L 671 280 L 591 280 L 591 240 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 260px; margin-left: 631px;"><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: none; white-space: nowrap;">Bread</div></div></div></foreignObject><text x="631" y="264" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Bread</text></switch></g><path d="M 591 440 L 671 440 L 671 480 L 591 480 L 591 440 Z" fill="#dae8fc" stroke="none" pointer-events="none"/><path d="M 591 440 L 671 440 L 671 480 L 591 480 L 591 440 Z" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><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: 460px; margin-left: 631px;"><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: none; white-space: nowrap;">Soja</div></div></div></foreignObject><text x="631" y="464" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Soja</text></switch></g><path d="M 591 400 L 671 400 L 671 440 L 591 440 L 591 400 Z" fill="#dae8fc" stroke="none" pointer-events="none"/><path d="M 591 400 L 671 400 L 671 440 L 591 440 L 591 400 Z" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><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: 420px; margin-left: 631px;"><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: none; white-space: nowrap;">Peanuts</div></div></div></foreignObject><text x="631" y="424" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Peanuts</text></switch></g><path d="M 591 320 L 671 320 L 671 360 L 591 360 L 591 320 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 591 320 L 671 320 L 671 360 L 591 360 L 591 320 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 340px; margin-left: 631px;"><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: none; white-space: nowrap;">Cheese</div></div></div></foreignObject><text x="631" y="344" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Cheese</text></switch></g><path d="M 591 360 L 671 360 L 671 400 L 591 400 L 591 360 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 591 360 L 671 360 L 671 400 L 591 400 L 591 360 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><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: 631px;"><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: none; white-space: nowrap;">Salami</div></div></div></foreignObject><text x="631" y="384" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Salami</text></switch></g><rect x="288" y="130" width="166" height="200" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="none"/><path d="M 288 180 L 454 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 348 130 L 348 330" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><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: 164px; height: 1px; padding-top: 337px; margin-left: 289px;"><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: none; white-space: normal; overflow-wrap: normal;">Cache (Pages)</div></div></div></foreignObject><text x="371" y="349" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Cache (Pages)</text></switch></g><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: 230px; margin-left: 318px;"><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: 2px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;"><div style="text-align: left;">R</div><div style="text-align: left; font-size: 12px;"><font style="font-size: 12px;">Input</font></div><font style="font-size: 12px;"><div style="text-align: left;">P. No.</div><div style="font-size: 12px; text-align: left;"><br /></div><div style="font-size: 12px; text-align: left;"><span style="background-color: initial;"><br /></span></div><div style="font-size: 12px; text-align: left;"><br /></div><div style="font-size: 12px; text-align: left;">1</div><div style="font-size: 12px; text-align: left;"><span style="background-color: initial;"><br /></span></div><div style="font-size: 12px; text-align: left;"><span style="background-color: initial;"><br /></span></div><div style="font-size: 12px; text-align: left;"><span style="background-color: initial;"><br /></span></div><div style="font-size: 12px; text-align: left;">2</div><div style="font-size: 12px; text-align: left;"><br /></div><div style="font-size: 12px; text-align: left;"><br /></div><div style="font-size: 12px; text-align: left;">...</div></font></div></div></div></foreignObject><text x="318" y="231" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="2px" text-anchor="middle">R...</text></switch></g><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: 150px; margin-left: 380px;"><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: 2px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;"><div style="text-align: left;"><br /></div><font style="font-size: 12px;"><div style="text-align: left;">Input</div><div style="text-align: left;">Data</div></font></div></div></div></foreignObject><text x="380" y="151" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="2px" text-anchor="middle">Input...</text></switch></g><path d="M 391.75 200 L 417.23 200 L 417.23 212.22 L 391.75 212.22 L 391.75 200 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 391.75 200 L 417.23 200 L 417.23 212.22 L 391.75 212.22 L 391.75 200 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><path d="M 391.75 212.22 L 417.23 212.22 L 417.23 224.44 L 391.75 224.44 L 391.75 212.22 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 391.75 212.22 L 417.23 212.22 L 417.23 224.44 L 391.75 224.44 L 391.75 212.22 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><path d="M 391.75 224.44 L 417.23 224.44 L 417.23 236.67 L 391.75 236.67 L 391.75 224.44 Z" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 391.75 224.44 L 417.23 224.44 L 417.23 236.67 L 391.75 236.67 L 391.75 224.44 Z" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 391.75 236.67 L 417.23 236.67 L 417.23 248.89 L 391.75 248.89 L 391.75 236.67 Z" fill="#d5e8d4" stroke="none" pointer-events="none"/><path d="M 391.75 236.67 L 417.23 236.67 L 417.23 248.89 L 391.75 248.89 L 391.75 236.67 Z" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><path d="M 391.75 261.11 L 417.23 261.11 L 417.23 273.33 L 391.75 273.33 L 391.75 261.11 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 391.75 261.11 L 417.23 261.11 L 417.23 273.33 L 391.75 273.33 L 391.75 261.11 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><path d="M 391.75 273.33 L 417.23 273.33 L 417.23 285.56 L 391.75 285.56 L 391.75 273.33 Z" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 391.75 273.33 L 417.23 273.33 L 417.23 285.56 L 391.75 285.56 L 391.75 273.33 Z" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 391.75 297.78 L 417.23 297.78 L 417.23 310 L 391.75 310 L 391.75 297.78 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 391.75 297.78 L 417.23 297.78 L 417.23 310 L 391.75 310 L 391.75 297.78 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/><path d="M 391.75 285.56 L 417.23 285.56 L 417.23 297.78 L 391.75 297.78 L 391.75 285.56 Z" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 391.75 285.56 L 417.23 285.56 L 417.23 297.78 L 391.75 297.78 L 391.75 285.56 Z" fill="none" stroke="#d6b656" stroke-miterlimit="10" pointer-events="none"/></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>