chrome-devtools-frontend

Version:

Chrome DevTools UI

devtools.chrome.com

81 lines (76 loc) • 29.3 kB

HTML

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Debug</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <script type="module" src="/out/Default/resources/inspector_overlay/main.js"></script> </head> <body> <script type="module"> const viewportWidth = document.documentElement.clientWidth; const viewportHeight = document.documentElement.clientHeight; dispatch(["setPlatform", "mac"]); dispatch(["setOverlay", "highlight"]); dispatch(["reset", { viewportSize: { width: viewportWidth, height: viewportHeight, }, deviceScaleFactor: 1, pageScaleFactor: 1, pageZoomFactor: 1, emulationScaleFactor: 1, scrollX: 0, scrollY: 0, }]); const flexStyle = { "containerBorder": { "color": "rgba(200, 0, 0, 1)", "pattern": "solid" }, "lineSeparator": { "color": "rgba(200, 0, 100, .8)", "pattern": "dashed" }, "itemSeparator": { "color": "rgba(200, 0, 100, .8)", "pattern": "dotted" }, "mainDistributedSpace": { "fillColor": "rgba(0, 0, 100, .3)", "hatchColor": "rgba(0, 0, 100, .8)" }, "crossDistributedSpace": { "fillColor": "rgba(0, 0, 100, .3)", "hatchColor": "rgba(0, 0, 100, .8)" }, "rowGapSpace": { "fillColor": "rgba(200, 0, 100, 1)", "hatchColor": "rgba(200, 0, 100, 0)" }, "columnGapSpace": { "fillColor": "rgba(200, 0, 100, 1)", "hatchColor": "rgba(200, 0, 100, 0)" } }; let responses = [ { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 42, 96.66667175292969, "L", 142, 96.66667175292969, "L", 142, 196.6666717529297, "L", 42, 196.6666717529297, "Z" ], "lines": [ [ { "itemBorder": [ "M", 52, 96.66667175292969, "L", 72, 96.66667175292969, "L", 72, 196.6666717529297, "L", 52, 196.6666717529297, "Z" ], "baseline": 100 }, { "itemBorder": [ "M", 82, 136.6666717529297, "L", 102, 136.6666717529297, "L", 102, 156.6666717529297, "L", 82, 156.6666717529297, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 112, 96.66667175292969, "L", 132, 96.66667175292969, "L", 132, 196.6666717529297, "L", 112, 196.6666717529297, "Z" ], "baseline": 100 } ] ], "isHorizontalFlow": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "normal", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 172, 96.66667175292969, "L", 272, 96.66667175292969, "L", 272, 196.6666717529297, "L", 172, 196.6666717529297, "Z" ], "lines": [ [ { "itemBorder": [ "M", 182, 96.66667175292969, "L", 202, 96.66667175292969, "L", 202, 116.66667175292969, "L", 182, 116.66667175292969, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 212, 96.66667175292969, "L", 232, 96.66667175292969, "L", 232, 116.66667175292969, "L", 212, 116.66667175292969, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 242, 96.66667175292969, "L", 262, 96.66667175292969, "L", 262, 116.66667175292969, "L", 242, 116.66667175292969, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "flex-start", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 302, 96.66667175292969, "L", 402, 96.66667175292969, "L", 402, 196.6666717529297, "L", 302, 196.6666717529297, "Z" ], "lines": [ [ { "itemBorder": [ "M", 312, 176.6666717529297, "L", 332, 176.6666717529297, "L", 332, 196.6666717529297, "L", 312, 196.6666717529297, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 342, 96.66667175292969, "L", 362, 96.66667175292969, "L", 362, 116.66667175292969, "L", 342, 116.66667175292969, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 372, 176.6666717529297, "L", 392, 176.6666717529297, "L", 392, 196.6666717529297, "L", 372, 196.6666717529297, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "flex-end", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 432, 96.66667175292969, "L", 532, 96.66667175292969, "L", 532, 196.6666717529297, "L", 432, 196.6666717529297, "Z" ], "lines": [ [ { "itemBorder": [ "M", 442, 136.6666717529297, "L", 462, 136.6666717529297, "L", 462, 156.6666717529297, "L", 442, 156.6666717529297, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 472, 96.66667175292969, "L", 492, 96.66667175292969, "L", 492, 116.66667175292969, "L", 472, 116.66667175292969, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 502, 136.6666717529297, "L", 522, 136.6666717529297, "L", 522, 156.6666717529297, "L", 502, 156.6666717529297, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "center", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 562, 96.66667175292969, "L", 662, 96.66667175292969, "L", 662, 196.6666717529297, "L", 562, 196.6666717529297, "Z" ], "lines": [ [ { "itemBorder": [ "M", 572, 96.66667175292969, "L", 592, 96.66667175292969, "L", 592, 196.6666717529297, "L", 572, 196.6666717529297, "Z" ], "baseline": 100 }, { "itemBorder": [ "M", 602, 136.6666717529297, "L", 622, 136.6666717529297, "L", 622, 156.6666717529297, "L", 602, 156.6666717529297, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 632, 96.66667175292969, "L", 652, 96.66667175292969, "L", 652, 196.6666717529297, "L", 632, 196.6666717529297, "Z" ], "baseline": 100 } ] ], "isHorizontalFlow": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "stretch", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 692, 96.66667175292969, "L", 792, 96.66667175292969, "L", 792, 196.6666717529297, "L", 692, 196.6666717529297, "Z" ], "lines": [ [ { "itemBorder": [ "M", 702, 96.66667175292969, "L", 722, 96.66667175292969, "L", 722, 116.66667175292969, "L", 702, 116.66667175292969, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 732, 96.66667175292969, "L", 752, 96.66667175292969, "L", 752, 116.66667175292969, "L", 732, 116.66667175292969, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 762, 96.66667175292969, "L", 782, 96.66667175292969, "L", 782, 116.66667175292969, "L", 762, 116.66667175292969, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "baseline", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 42, 226.6666717529297, "L", 142, 226.6666717529297, "L", 142, 326.66668701171875, "L", 42, 326.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 112, 226.6666717529297, "L", 132, 226.6666717529297, "L", 132, 326.66668701171875, "L", 112, 326.66668701171875, "Z" ], "baseline": 100 }, { "itemBorder": [ "M", 82, 226.6666717529297, "L", 102, 226.6666717529297, "L", 102, 246.6666717529297, "L", 82, 246.6666717529297, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 52, 226.6666717529297, "L", 72, 226.6666717529297, "L", 72, 326.66668701171875, "L", 52, 326.66668701171875, "Z" ], "baseline": 100 } ] ], "isHorizontalFlow": true, "isReverse": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "normal", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 172, 226.6666717529297, "L", 272, 226.6666717529297, "L", 272, 326.66668701171875, "L", 172, 326.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 242, 226.6666717529297, "L", 262, 226.6666717529297, "L", 262, 246.6666717529297, "L", 242, 246.6666717529297, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 212, 306.66668701171875, "L", 232, 306.66668701171875, "L", 232, 326.66668701171875, "L", 212, 326.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 182, 226.6666717529297, "L", 202, 226.6666717529297, "L", 202, 246.6666717529297, "L", 182, 246.6666717529297, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": true, "isReverse": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "flex-start", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 302, 226.6666717529297, "L", 402, 226.6666717529297, "L", 402, 326.66668701171875, "L", 302, 326.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 372, 306.66668701171875, "L", 392, 306.66668701171875, "L", 392, 326.66668701171875, "L", 372, 326.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 342, 226.6666717529297, "L", 362, 226.6666717529297, "L", 362, 246.6666717529297, "L", 342, 246.6666717529297, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 312, 306.66668701171875, "L", 332, 306.66668701171875, "L", 332, 326.66668701171875, "L", 312, 326.66668701171875, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": true, "isReverse": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "flex-end", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 432, 226.6666717529297, "L", 532, 226.6666717529297, "L", 532, 326.66668701171875, "L", 432, 326.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 502, 266.66668701171875, "L", 522, 266.66668701171875, "L", 522, 286.66668701171875, "L", 502, 286.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 472, 226.6666717529297, "L", 492, 226.6666717529297, "L", 492, 326.66668701171875, "L", 472, 326.66668701171875, "Z" ], "baseline": 100 }, { "itemBorder": [ "M", 442, 266.66668701171875, "L", 462, 266.66668701171875, "L", 462, 286.66668701171875, "L", 442, 286.66668701171875, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": true, "isReverse": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "center", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 562, 226.6666717529297, "L", 662, 226.6666717529297, "L", 662, 326.66668701171875, "L", 562, 326.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 632, 226.6666717529297, "L", 652, 226.6666717529297, "L", 652, 326.66668701171875, "L", 632, 326.66668701171875, "Z" ], "baseline": 100 }, { "itemBorder": [ "M", 602, 266.66668701171875, "L", 622, 266.66668701171875, "L", 622, 286.66668701171875, "L", 602, 286.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 572, 226.6666717529297, "L", 592, 226.6666717529297, "L", 592, 326.66668701171875, "L", 572, 326.66668701171875, "Z" ], "baseline": 100 } ] ], "isHorizontalFlow": true, "isReverse": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "stretch", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 692, 226.6666717529297, "L", 792, 226.6666717529297, "L", 792, 326.66668701171875, "L", 692, 326.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 762, 226.6666717529297, "L", 782, 226.6666717529297, "L", 782, 246.6666717529297, "L", 762, 246.6666717529297, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 732, 226.6666717529297, "L", 752, 226.6666717529297, "L", 752, 326.66668701171875, "L", 732, 326.66668701171875, "Z" ], "baseline": 100 }, { "itemBorder": [ "M", 702, 226.6666717529297, "L", 722, 226.6666717529297, "L", 722, 246.6666717529297, "L", 702, 246.6666717529297, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": true, "isReverse": true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "baseline", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 42, 356.66668701171875, "L", 142, 356.66668701171875, "L", 142, 456.66668701171875, "L", 42, 456.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 42, 366.66668701171875, "L", 142, 366.66668701171875, "L", 142, 386.66668701171875, "L", 42, 386.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 42, 396.66668701171875, "L", 142, 396.66668701171875, "L", 142, 416.66668701171875, "L", 42, 416.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 42, 426.66668701171875, "L", 142, 426.66668701171875, "L", 142, 446.66668701171875, "L", 42, 446.66668701171875, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "normal", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 172, 356.66668701171875, "L", 272, 356.66668701171875, "L", 272, 456.66668701171875, "L", 172, 456.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 172, 366.66668701171875, "L", 192, 366.66668701171875, "L", 192, 386.66668701171875, "L", 172, 386.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 172, 396.66668701171875, "L", 192, 396.66668701171875, "L", 192, 416.66668701171875, "L", 172, 416.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 172, 426.66668701171875, "L", 192, 426.66668701171875, "L", 192, 446.66668701171875, "L", 172, 446.66668701171875, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "flex-start", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 302, 356.66668701171875, "L", 402, 356.66668701171875, "L", 402, 456.66668701171875, "L", 302, 456.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 382, 366.66668701171875, "L", 402, 366.66668701171875, "L", 402, 386.66668701171875, "L", 382, 386.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 302, 396.66668701171875, "L", 402, 396.66668701171875, "L", 402, 416.66668701171875, "L", 302, 416.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 382, 426.66668701171875, "L", 402, 426.66668701171875, "L", 402, 446.66668701171875, "L", 382, 446.66668701171875, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "flex-end", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 432, 356.66668701171875, "L", 532, 356.66668701171875, "L", 532, 456.66668701171875, "L", 432, 456.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 472, 366.66668701171875, "L", 492, 366.66668701171875, "L", 492, 386.66668701171875, "L", 472, 386.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 432, 396.66668701171875, "L", 452, 396.66668701171875, "L", 452, 416.66668701171875, "L", 432, 416.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 472, 426.66668701171875, "L", 492, 426.66668701171875, "L", 492, 446.66668701171875, "L", 472, 446.66668701171875, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "center", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 562, 356.66668701171875, "L", 662, 356.66668701171875, "L", 662, 456.66668701171875, "L", 562, 456.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 562, 366.66668701171875, "L", 662, 366.66668701171875, "L", 662, 386.66668701171875, "L", 562, 386.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 562, 396.66668701171875, "L", 662, 396.66668701171875, "L", 662, 416.66668701171875, "L", 562, 416.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 562, 426.66668701171875, "L", 662, 426.66668701171875, "L", 662, 446.66668701171875, "L", 562, 446.66668701171875, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "stretch", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 692, 356.66668701171875, "L", 792, 356.66668701171875, "L", 792, 456.66668701171875, "L", 692, 456.66668701171875, "Z" ], "lines": [ [ { "itemBorder": [ "M", 692, 366.66668701171875, "L", 712, 366.66668701171875, "L", 712, 386.66668701171875, "L", 692, 386.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 692, 396.66668701171875, "L", 792, 396.66668701171875, "L", 792, 416.66668701171875, "L", 692, 416.66668701171875, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 692, 426.66668701171875, "L", 712, 426.66668701171875, "L", 712, 446.66668701171875, "L", 692, 446.66668701171875, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "baseline", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 42, 486.66668701171875, "L", 142, 486.66668701171875, "L", 142, 586.6666870117188, "L", 42, 586.6666870117188, "Z" ], "lines": [ [ { "itemBorder": [ "M", 42, 556.6666870117188, "L", 142, 556.6666870117188, "L", 142, 576.6666870117188, "L", 42, 576.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 122, 526.6666870117188, "L", 142, 526.6666870117188, "L", 142, 546.6666870117188, "L", 122, 546.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 42, 496.66668701171875, "L", 142, 496.66668701171875, "L", 142, 516.6666870117188, "L", 42, 516.6666870117188, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, isReverse: true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "normal", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 172, 486.66668701171875, "L", 272, 486.66668701171875, "L", 272, 586.6666870117188, "L", 172, 586.6666870117188, "Z" ], "lines": [ [ { "itemBorder": [ "M", 172, 556.6666870117188, "L", 192, 556.6666870117188, "L", 192, 576.6666870117188, "L", 172, 576.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 172, 526.6666870117188, "L", 192, 526.6666870117188, "L", 192, 546.6666870117188, "L", 172, 546.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 172, 496.66668701171875, "L", 192, 496.66668701171875, "L", 192, 516.6666870117188, "L", 172, 516.6666870117188, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, isReverse: true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "flex-start", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 302, 486.66668701171875, "L", 402, 486.66668701171875, "L", 402, 586.6666870117188, "L", 302, 586.6666870117188, "Z" ], "lines": [ [ { "itemBorder": [ "M", 382, 556.6666870117188, "L", 402, 556.6666870117188, "L", 402, 576.6666870117188, "L", 382, 576.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 302, 526.6666870117188, "L", 402, 526.6666870117188, "L", 402, 546.6666870117188, "L", 302, 546.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 382, 496.66668701171875, "L", 402, 496.66668701171875, "L", 402, 516.6666870117188, "L", 382, 516.6666870117188, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, isReverse: true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "flex-end", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 432, 486.66668701171875, "L", 532, 486.66668701171875, "L", 532, 586.6666870117188, "L", 432, 586.6666870117188, "Z" ], "lines": [ [ { "itemBorder": [ "M", 472, 556.6666870117188, "L", 492, 556.6666870117188, "L", 492, 576.6666870117188, "L", 472, 576.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 472, 526.6666870117188, "L", 492, 526.6666870117188, "L", 492, 546.6666870117188, "L", 472, 546.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 472, 496.66668701171875, "L", 492, 496.66668701171875, "L", 492, 516.6666870117188, "L", 472, 516.6666870117188, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, isReverse: true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "center", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 562, 486.66668701171875, "L", 662, 486.66668701171875, "L", 662, 586.6666870117188, "L", 562, 586.6666870117188, "Z" ], "lines": [ [ { "itemBorder": [ "M", 562, 556.6666870117188, "L", 662, 556.6666870117188, "L", 662, 576.6666870117188, "L", 562, 576.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 562, 526.6666870117188, "L", 662, 526.6666870117188, "L", 662, 546.6666870117188, "L", 562, 546.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 562, 496.66668701171875, "L", 662, 496.66668701171875, "L", 662, 516.6666870117188, "L", 562, 516.6666870117188, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, isReverse: true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "stretch", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 692, 486.66668701171875, "L", 792, 486.66668701171875, "L", 792, 586.6666870117188, "L", 692, 586.6666870117188, "Z" ], "lines": [ [ { "itemBorder": [ "M", 692, 556.6666870117188, "L", 712, 556.6666870117188, "L", 712, 576.6666870117188, "L", 692, 576.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 732, 526.6666870117188, "L", 752, 526.6666870117188, "L", 752, 546.6666870117188, "L", 732, 546.6666870117188, "Z" ], "baseline": 20 }, { "itemBorder": [ "M", 692, 496.66668701171875, "L", 712, 496.66668701171875, "L", 712, 516.6666870117188, "L", 692, 516.6666870117188, "Z" ], "baseline": 20 } ] ], "isHorizontalFlow": false, isReverse: true, "mainGap": 5, "crossGap": 5, "alignItemsStyle": "baseline", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 32, 632, "L", 282, 632, "L", 282, 882, "L", 32, 882, "Z" ], "lines": [ [ { "itemBorder": [ "M", 36, 657, "L", 86, 657, "L", 86, 687, "L", 36, 687, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 100, 657, "L", 150, 657, "L", 150, 687, "L", 100, 687, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 164, 657, "L", 214, 657, "L", 214, 687, "L", 164, 687, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 228, 657, "L", 278, 657, "L", 278, 687, "L", 228, 687, "Z" ], "baseline": 19 } ], [ { "itemBorder": [ "M", 36, 742, "L", 86, 742, "L", 86, 772, "L", 36, 772, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 100, 742, "L", 150, 742, "L", 150, 772, "L", 100, 772, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 164, 742, "L", 214, 742, "L", 214, 772, "L", 164, 772, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 228, 742, "L", 278, 742, "L", 278, 772, "L", 228, 772, "Z" ], "baseline": 19 } ], [ { "itemBorder": [ "M", 52, 827, "L", 102, 827, "L", 102, 857, "L", 52, 857, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 132, 827, "L", 182, 827, "L", 182, 857, "L", 132, 857, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 212, 827, "L", 262, 827, "L", 262, 857, "L", 212, 857, "Z" ], "baseline": 19 } ] ], "isHorizontalFlow": true, "mainGap": 2, "crossGap": 2, "alignItemsStyle": "normal", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 286.66668701171875, 632, "L", 536.6666870117188, 632, "L", 536.6666870117188, 882, "L", 286.66668701171875, 882, "Z" ], "lines": [ [ { "itemBorder": [ "M", 321.66668701171875, 633.25, "L", 371.66668701171875, 633.25, "L", 371.66668701171875, 663.25, "L", 321.66668701171875, 663.25, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 321.66668701171875, 669.5, "L", 371.66668701171875, 669.5, "L", 371.66668701171875, 699.5, "L", 321.66668701171875, 699.5, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 321.66668701171875, 705.75, "L", 371.66668701171875, 705.75, "L", 371.66668701171875, 735.75, "L", 321.66668701171875, 735.75, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 321.66668701171875, 742, "L", 371.66668701171875, 742, "L", 371.66668701171875, 772, "L", 321.66668701171875, 772, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 321.66668701171875, 778.25, "L", 371.66668701171875, 778.25, "L", 371.66668701171875, 808.25, "L", 321.66668701171875, 808.25, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 321.66668701171875, 814.5, "L", 371.66668701171875, 814.5, "L", 371.66668701171875, 844.5, "L", 321.66668701171875, 844.5, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 321.66668701171875, 850.75, "L", 371.66668701171875, 850.75, "L", 371.66668701171875, 880.75, "L", 321.66668701171875, 880.75, "Z" ], "baseline": 19 } ], [ { "itemBorder": [ "M", 451.66668701171875, 655, "L", 501.66668701171875, 655, "L", 501.66668701171875, 685, "L", 451.66668701171875, 685, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 451.66668701171875, 713, "L", 501.66668701171875, 713, "L", 501.66668701171875, 743, "L", 451.66668701171875, 743, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 451.66668701171875, 771, "L", 501.66668701171875, 771, "L", 501.66668701171875, 801, "L", 451.66668701171875, 801, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 451.66668701171875, 829, "L", 501.66668701171875, 829, "L", 501.66668701171875, 859, "L", 451.66668701171875, 859, "Z" ], "baseline": 19 } ] ], "isHorizontalFlow": false, "mainGap": 2, "crossGap": 2, "alignItemsStyle": "normal", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 541.3333740234375, 632, "L", 791.3333740234375, 632, "L", 791.3333740234375, 882, "L", 541.3333740234375, 882, "Z" ], "lines": [ [ { "itemBorder": [ "M", 737.3333740234375, 657, "L", 787.3333740234375, 657, "L", 787.3333740234375, 687, "L", 737.3333740234375, 687, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 673.3333740234375, 657, "L", 723.3333740234375, 657, "L", 723.3333740234375, 687, "L", 673.3333740234375, 687, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 609.3333740234375, 657, "L", 659.3333740234375, 657, "L", 659.3333740234375, 687, "L", 609.3333740234375, 687, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 545.3333740234375, 657, "L", 595.3333740234375, 657, "L", 595.3333740234375, 687, "L", 545.3333740234375, 687, "Z" ], "baseline": 19 } ], [ { "itemBorder": [ "M", 737.3333740234375, 742, "L", 787.3333740234375, 742, "L", 787.3333740234375, 772, "L", 737.3333740234375, 772, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 673.3333740234375, 742, "L", 723.3333740234375, 742, "L", 723.3333740234375, 772, "L", 673.3333740234375, 772, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 609.3333740234375, 742, "L", 659.3333740234375, 742, "L", 659.3333740234375, 772, "L", 609.3333740234375, 772, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 545.3333740234375, 742, "L", 595.3333740234375, 742, "L", 595.3333740234375, 772, "L", 545.3333740234375, 772, "Z" ], "baseline": 19 } ], [ { "itemBorder": [ "M", 721.3333740234375, 827, "L", 771.3333740234375, 827, "L", 771.3333740234375, 857, "L", 721.3333740234375, 857, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 641.3333740234375, 827, "L", 691.3333740234375, 827, "L", 691.3333740234375, 857, "L", 641.3333740234375, 857, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 561.3333740234375, 827, "L", 611.3333740234375, 827, "L", 611.3333740234375, 857, "L", 561.3333740234375, 857, "Z" ], "baseline": 19 } ] ], "isHorizontalFlow": true, "isReverse": true, "mainGap": 2, "crossGap": 2, "alignItemsStyle": "normal", "flexContainerHighlightConfig": flexStyle } ] } }, { "highlight": { "paths": [], "flexInfo": [ { "containerBorder": [ "M", 796, 632, "L", 1046, 632, "L", 1046, 882, "L", 796, 882, "Z" ], "lines": [ [ { "itemBorder": [ "M", 831, 850.75, "L", 881, 850.75, "L", 881, 880.75, "L", 831, 880.75, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 831, 814.5, "L", 881, 814.5, "L", 881, 844.5, "L", 831, 844.5, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 831, 778.25, "L", 881, 778.25, "L", 881, 808.25, "L", 831, 808.25, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 831, 742, "L", 881, 742, "L", 881, 772, "L", 831, 772, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 831, 705.75, "L", 881, 705.75, "L", 881, 735.75, "L", 831, 735.75, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 831, 669.5, "L", 881, 669.5, "L", 881, 699.5, "L", 831, 699.5, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 831, 633.25, "L", 881, 633.25, "L", 881, 663.25, "L", 831, 663.25, "Z" ], "baseline": 19 } ], [ { "itemBorder": [ "M", 961, 829, "L", 1011, 829, "L", 1011, 859, "L", 961, 859, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 961, 771, "L", 1011, 771, "L", 1011, 801, "L", 961, 801, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 961, 713, "L", 1011, 713, "L", 1011, 743, "L", 961, 743, "Z" ], "baseline": 19 }, { "itemBorder": [ "M", 961, 655, "L", 1011, 655, "L", 1011, 685, "L", 961, 685, "Z" ], "baseline": 19 } ] ], "isHorizontalFlow": false, "isReverse": true, "mainGap": 2, "crossGap": 2, "alignItemsStyle": "normal", "flexContainerHighlightConfig": flexStyle } ] } } ]; for (const {highlight} of responses) { dispatch(["drawHighlight", highlight]); } </script> </body> </html>