{
"generator": "crates/oino-tui/tests/gen_layout_vectors.rs",
"ratatui": "0.29",
"cross": 100,
"vectors": [
{
"name": "v[L20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
]
]
},
{
"name": "v[L20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
]
]
},
{
"name": "v[L20+P50]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Percentage": 50
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[L20+P50]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Percentage": 50
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
40
]
]
},
{
"name": "v[L20+P0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Percentage": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
0
]
]
},
{
"name": "v[L20+P0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Percentage": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
0
]
]
},
{
"name": "v[L20+P100]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Percentage": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[L20+P100]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Percentage": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+R1-4]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[L20+R1-4]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
20
]
]
},
{
"name": "v[L20+R1-0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[L20+R1-0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+Min20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
4
],
[
0,
4,
100,
20
]
]
},
{
"name": "v[L20+Min20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+Max20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[L20+Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
20
]
]
},
{
"name": "v[L20+F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[L20+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[L20+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 20
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[L20+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[P50]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
]
]
},
{
"name": "v[P50]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
]
]
},
{
"name": "v[P50+P0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Percentage": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
],
[
0,
12,
100,
0
]
]
},
{
"name": "v[P50+P0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Percentage": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
0
]
]
},
{
"name": "v[P50+P100]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Percentage": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
],
[
0,
12,
100,
12
]
]
},
{
"name": "v[P50+P100]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Percentage": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+R1-4]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
],
[
0,
12,
100,
6
]
]
},
{
"name": "v[P50+R1-4]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
20
]
]
},
{
"name": "v[P50+R1-0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
],
[
0,
12,
100,
12
]
]
},
{
"name": "v[P50+R1-0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+Min20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
4
],
[
0,
4,
100,
20
]
]
},
{
"name": "v[P50+Min20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+Max20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
],
[
0,
12,
100,
12
]
]
},
{
"name": "v[P50+Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
20
]
]
},
{
"name": "v[P50+F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
],
[
0,
12,
100,
12
]
]
},
{
"name": "v[P50+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
],
[
0,
12,
100,
12
]
]
},
{
"name": "v[P50+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
12
],
[
0,
12,
100,
12
]
]
},
{
"name": "v[P50+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
]
]
},
{
"name": "v[P0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
]
]
},
{
"name": "v[P0+P100]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
},
{
"Percentage": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
24
]
]
},
{
"name": "v[P0+P100]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
},
{
"Percentage": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
80
]
]
},
{
"name": "v[P0+R1-4]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
6
]
]
},
{
"name": "v[P0+R1-4]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
20
]
]
},
{
"name": "v[P0+R1-0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
24
]
]
},
{
"name": "v[P0+R1-0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
80
]
]
},
{
"name": "v[P0+Min20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
24
]
]
},
{
"name": "v[P0+Min20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
80
]
]
},
{
"name": "v[P0+Max20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
20
]
]
},
{
"name": "v[P0+Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
20
]
]
},
{
"name": "v[P0+F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
24
]
]
},
{
"name": "v[P0+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
80
]
]
},
{
"name": "v[P0+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
24
]
]
},
{
"name": "v[P0+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
80
]
]
},
{
"name": "v[P0+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 0
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
24
]
]
},
{
"name": "v[P0+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 0
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
80
]
]
},
{
"name": "v[P100]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
]
]
},
{
"name": "v[P100]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
]
]
},
{
"name": "v[P100+R1-4]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 100
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[P100+R1-4]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 100
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[P100+R1-0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 100
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[P100+R1-0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 100
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[P100+Min20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 100
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
4
],
[
0,
4,
100,
20
]
]
},
{
"name": "v[P100+Min20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 100
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
60
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[P100+Max20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 100
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[P100+Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 100
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[P100+F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 100
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[P100+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 100
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[P100+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 100
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[P100+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 100
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[P100+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Percentage": 100
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[P100+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 100
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[R1-4]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
6
]
]
},
{
"name": "v[R1-4]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
]
]
},
{
"name": "v[R1-4+R1-0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
6
],
[
0,
6,
100,
18
]
]
},
{
"name": "v[R1-4+R1-0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[R1-4+Min20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
4
],
[
0,
4,
100,
20
]
]
},
{
"name": "v[R1-4+Min20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[R1-4+Max20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
6
],
[
0,
6,
100,
18
]
]
},
{
"name": "v[R1-4+Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
20
]
]
},
{
"name": "v[R1-4+F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
6
],
[
0,
6,
100,
18
]
]
},
{
"name": "v[R1-4+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[R1-4+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
6
],
[
0,
6,
100,
18
]
]
},
{
"name": "v[R1-4+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[R1-4+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
6
],
[
0,
6,
100,
18
]
]
},
{
"name": "v[R1-4+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[R1-0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
]
]
},
{
"name": "v[R1-0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
0
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
]
]
},
{
"name": "v[R1-0+Min20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
4
],
[
0,
4,
100,
20
]
]
},
{
"name": "v[R1-0+Min20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
60
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[R1-0+Max20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[R1-0+Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[R1-0+F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[R1-0+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[R1-0+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[R1-0+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[R1-0+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[R1-0+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Ratio": [
1,
0
]
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[Min20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
]
]
},
{
"name": "v[Min20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
]
]
},
{
"name": "v[Min20+Max20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[Min20+Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
60
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[Min20+F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Min": 20
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[Min20+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[Min20+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Min": 20
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[Min20+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[Min20+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Min": 20
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[Min20+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[Max20]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
]
]
},
{
"name": "v[Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
]
]
},
{
"name": "v[Max20+F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Max": 20
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[Max20+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[Max20+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Max": 20
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[Max20+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[Max20+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Max": 20
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
4
]
]
},
{
"name": "v[Max20+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[F1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
]
]
},
{
"name": "v[F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
]
]
},
{
"name": "v[F1+F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Fill": 1
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
],
[
0,
24,
100,
0
]
]
},
{
"name": "v[F1+F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
],
[
0,
80,
100,
0
]
]
},
{
"name": "v[F1+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Fill": 1
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
6
],
[
0,
6,
100,
18
]
]
},
{
"name": "v[F1+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[F0]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
]
]
},
{
"name": "v[F0]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 0
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
]
]
},
{
"name": "v[F0+F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Fill": 0
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
24
]
]
},
{
"name": "v[F0+F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 0
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
80
]
]
},
{
"name": "v[F3]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
24
]
]
},
{
"name": "v[F3]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
80
]
]
},
{
"name": "v[L20+L20]sz80-legacy-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Legacy",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+L20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
20
]
]
},
{
"name": "v[L20+L20]sz80-end-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "End",
"spacing": 0,
"margin": null,
"expected": [
[
0,
40,
100,
20
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[L20+L20]sz80-center-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Center",
"spacing": 0,
"margin": null,
"expected": [
[
0,
20,
100,
20
],
[
0,
40,
100,
20
]
]
},
{
"name": "v[L20+L20]sz80-sbetween-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "SpaceBetween",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[L20+L20]sz80-saround-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "SpaceAround",
"spacing": 0,
"margin": null,
"expected": [
[
0,
13,
100,
20
],
[
0,
47,
100,
20
]
]
},
{
"name": "v[L20+F1]sz80-legacy-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 1
}
],
"flex": "Legacy",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+F1]sz80-end-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 1
}
],
"flex": "End",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+F1]sz80-center-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 1
}
],
"flex": "Center",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+F1]sz80-sbetween-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 1
}
],
"flex": "SpaceBetween",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[L20+F1]sz80-saround-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 1
}
],
"flex": "SpaceAround",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[Min20+Max20]sz80-legacy-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "Legacy",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
60
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[Min20+Max20]sz80-end-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "End",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
60
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[Min20+Max20]sz80-center-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "Center",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
60
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[Min20+Max20]sz80-sbetween-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "SpaceBetween",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
60
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[Min20+Max20]sz80-saround-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "SpaceAround",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
60
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[F1+F1]sz80-legacy-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Legacy",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[F1+F1]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[F1+F1]sz80-end-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "End",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[F1+F1]sz80-center-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Center",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[F1+F1]sz80-sbetween-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "SpaceBetween",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[F1+F1]sz80-saround-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "SpaceAround",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[Max20+Max20]sz80-legacy-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Max": 20
}
],
"flex": "Legacy",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
60
]
]
},
{
"name": "v[Max20+Max20]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
20
]
]
},
{
"name": "v[Max20+Max20]sz80-end-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Max": 20
}
],
"flex": "End",
"spacing": 0,
"margin": null,
"expected": [
[
0,
40,
100,
20
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[Max20+Max20]sz80-center-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Max": 20
}
],
"flex": "Center",
"spacing": 0,
"margin": null,
"expected": [
[
0,
20,
100,
20
],
[
0,
40,
100,
20
]
]
},
{
"name": "v[Max20+Max20]sz80-sbetween-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Max": 20
}
],
"flex": "SpaceBetween",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
60,
100,
20
]
]
},
{
"name": "v[Max20+Max20]sz80-saround-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Max": 20
},
{
"Max": 20
}
],
"flex": "SpaceAround",
"spacing": 0,
"margin": null,
"expected": [
[
0,
13,
100,
20
],
[
0,
47,
100,
20
]
]
},
{
"name": "v[P50+F1]sz80-legacy-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 1
}
],
"flex": "Legacy",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+F1]sz80-end-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 1
}
],
"flex": "End",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+F1]sz80-center-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 1
}
],
"flex": "Center",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+F1]sz80-sbetween-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 1
}
],
"flex": "SpaceBetween",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[P50+F1]sz80-saround-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Percentage": 50
},
{
"Fill": 1
}
],
"flex": "SpaceAround",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[L20+L20]sz40-start-sp1-m0",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 1,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
21,
100,
19
]
]
},
{
"name": "v[L20+L20]sz80-start-sp1-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 1,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
21,
100,
20
]
]
},
{
"name": "v[L20+L20]sz40-start-sp3-m0",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 3,
"margin": null,
"expected": [
[
0,
0,
100,
19
],
[
0,
22,
100,
18
]
]
},
{
"name": "v[L20+L20]sz80-start-sp3-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 3,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
23,
100,
20
]
]
},
{
"name": "v[F1+F1]sz40-start-sp1-m0",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 1,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
21,
100,
19
]
]
},
{
"name": "v[F1+F1]sz80-start-sp1-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 1,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
41,
100,
39
]
]
},
{
"name": "v[F1+F1]sz40-start-sp3-m0",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 3,
"margin": null,
"expected": [
[
0,
0,
100,
19
],
[
0,
22,
100,
18
]
]
},
{
"name": "v[F1+F1]sz80-start-sp3-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 3,
"margin": null,
"expected": [
[
0,
0,
100,
39
],
[
0,
42,
100,
38
]
]
},
{
"name": "v[L10+F1+L10]sz40-start-sp1-m0",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Length": 10
},
{
"Fill": 1
},
{
"Length": 10
}
],
"flex": "Start",
"spacing": 1,
"margin": null,
"expected": [
[
0,
0,
100,
10
],
[
0,
11,
100,
18
],
[
0,
30,
100,
10
]
]
},
{
"name": "v[L10+F1+L10]sz80-start-sp1-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 10
},
{
"Fill": 1
},
{
"Length": 10
}
],
"flex": "Start",
"spacing": 1,
"margin": null,
"expected": [
[
0,
0,
100,
10
],
[
0,
11,
100,
58
],
[
0,
70,
100,
10
]
]
},
{
"name": "v[L10+F1+L10]sz40-start-sp3-m0",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Length": 10
},
{
"Fill": 1
},
{
"Length": 10
}
],
"flex": "Start",
"spacing": 3,
"margin": null,
"expected": [
[
0,
0,
100,
10
],
[
0,
13,
100,
14
],
[
0,
30,
100,
10
]
]
},
{
"name": "v[L10+F1+L10]sz80-start-sp3-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 10
},
{
"Fill": 1
},
{
"Length": 10
}
],
"flex": "Start",
"spacing": 3,
"margin": null,
"expected": [
[
0,
0,
100,
10
],
[
0,
13,
100,
54
],
[
0,
70,
100,
10
]
]
},
{
"name": "v[F1+F1]sz40-start-sp0-mu1",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": 1,
"expected": [
[
1,
1,
98,
19
],
[
1,
20,
98,
19
]
]
},
{
"name": "v[F1+F1]sz40-start-sp0-mh1v0",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": {
"horizontal": 1,
"vertical": 0
},
"expected": [
[
1,
0,
98,
20
],
[
1,
20,
98,
20
]
]
},
{
"name": "v[F1+F1]sz40-start-sp0-mh2v1",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": {
"horizontal": 2,
"vertical": 1
},
"expected": [
[
2,
1,
96,
19
],
[
2,
20,
96,
19
]
]
},
{
"name": "h[F1+F1]sz40-start-sp0-mh1v0",
"direction": "Horizontal",
"size": 40,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": {
"horizontal": 1,
"vertical": 0
},
"expected": [
[
1,
0,
19,
100
],
[
20,
0,
19,
100
]
]
},
{
"name": "v[L20+L20]sz40-start-sp0-mu1",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": 1,
"expected": [
[
1,
1,
98,
19
],
[
1,
20,
98,
19
]
]
},
{
"name": "v[L20+L20]sz40-start-sp0-mh1v0",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": {
"horizontal": 1,
"vertical": 0
},
"expected": [
[
1,
0,
98,
20
],
[
1,
20,
98,
20
]
]
},
{
"name": "v[L20+L20]sz40-start-sp0-mh2v1",
"direction": "Vertical",
"size": 40,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": {
"horizontal": 2,
"vertical": 1
},
"expected": [
[
2,
1,
96,
19
],
[
2,
20,
96,
19
]
]
},
{
"name": "h[L20+L20]sz40-start-sp0-mh1v0",
"direction": "Horizontal",
"size": 40,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": {
"horizontal": 1,
"vertical": 0
},
"expected": [
[
1,
0,
19,
100
],
[
20,
0,
19,
100
]
]
},
{
"name": "v[L20+L20]sz0-start-sp0-m0",
"direction": "Vertical",
"size": 0,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
0
]
]
},
{
"name": "v[L20+L20]sz1-start-sp0-m0",
"direction": "Vertical",
"size": 1,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
1
],
[
0,
1,
100,
0
]
]
},
{
"name": "v[L20+L20]sz7-start-sp0-m0",
"direction": "Vertical",
"size": 7,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
4
],
[
0,
4,
100,
3
]
]
},
{
"name": "v[L20+L20]sz200-start-sp0-m0",
"direction": "Vertical",
"size": 200,
"constraints": [
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
20
]
]
},
{
"name": "v[F1+F1]sz0-start-sp0-m0",
"direction": "Vertical",
"size": 0,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
0
]
]
},
{
"name": "v[F1+F1]sz1-start-sp0-m0",
"direction": "Vertical",
"size": 1,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
1
],
[
0,
1,
100,
0
]
]
},
{
"name": "v[F1+F1]sz7-start-sp0-m0",
"direction": "Vertical",
"size": 7,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
4
],
[
0,
4,
100,
3
]
]
},
{
"name": "v[F1+F1]sz200-start-sp0-m0",
"direction": "Vertical",
"size": 200,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
100
],
[
0,
100,
100,
100
]
]
},
{
"name": "v[Min20+Max20]sz0-start-sp0-m0",
"direction": "Vertical",
"size": 0,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
0
],
[
0,
0,
100,
0
]
]
},
{
"name": "v[Min20+Max20]sz1-start-sp0-m0",
"direction": "Vertical",
"size": 1,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
1
],
[
0,
1,
100,
0
]
]
},
{
"name": "v[Min20+Max20]sz7-start-sp0-m0",
"direction": "Vertical",
"size": 7,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
7
],
[
0,
7,
100,
0
]
]
},
{
"name": "v[Min20+Max20]sz200-start-sp0-m0",
"direction": "Vertical",
"size": 200,
"constraints": [
{
"Min": 20
},
{
"Max": 20
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
180
],
[
0,
180,
100,
20
]
]
},
{
"name": "v[L20+L20+L20]sz80-legacy-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Length": 20
},
{
"Length": 20
}
],
"flex": "Legacy",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
20
],
[
0,
20,
100,
20
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[L3+F1+L1]sz24-start-sp0-m0",
"direction": "Vertical",
"size": 24,
"constraints": [
{
"Length": 3
},
{
"Fill": 1
},
{
"Length": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
3
],
[
0,
3,
100,
20
],
[
0,
23,
100,
1
]
]
},
{
"name": "v[F1+F2+F3]sz50-start-sp0-m0",
"direction": "Vertical",
"size": 50,
"constraints": [
{
"Fill": 1
},
{
"Fill": 2
},
{
"Fill": 3
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
8
],
[
0,
8,
100,
17
],
[
0,
25,
100,
25
]
]
},
{
"name": "v[R1-4+R1-4+R1-4+R1-4]sz50-start-sp0-m0",
"direction": "Vertical",
"size": 50,
"constraints": [
{
"Ratio": [
1,
4
]
},
{
"Ratio": [
1,
4
]
},
{
"Ratio": [
1,
4
]
},
{
"Ratio": [
1,
4
]
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
13
],
[
0,
13,
100,
12
],
[
0,
25,
100,
13
],
[
0,
38,
100,
12
]
]
},
{
"name": "v[F1+P50+F1]sz50-start-sp0-m0",
"direction": "Vertical",
"size": 50,
"constraints": [
{
"Fill": 1
},
{
"Percentage": 50
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
13
],
[
0,
13,
100,
25
],
[
0,
38,
100,
12
]
]
},
{
"name": "v[L100+L100]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Length": 100
},
{
"Length": 100
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "v[Min50+Min50]sz80-start-sp0-m0",
"direction": "Vertical",
"size": 80,
"constraints": [
{
"Min": 50
},
{
"Min": 50
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
100,
40
],
[
0,
40,
100,
40
]
]
},
{
"name": "h[L20+F1]sz80-start-sp0-m0",
"direction": "Horizontal",
"size": 80,
"constraints": [
{
"Length": 20
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
20,
100
],
[
20,
0,
60,
100
]
]
},
{
"name": "h[F1+F1]sz80-start-sp0-m0",
"direction": "Horizontal",
"size": 80,
"constraints": [
{
"Fill": 1
},
{
"Fill": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
40,
100
],
[
40,
0,
40,
100
]
]
},
{
"name": "h[L3+F1+L1]sz80-start-sp0-m0",
"direction": "Horizontal",
"size": 80,
"constraints": [
{
"Length": 3
},
{
"Fill": 1
},
{
"Length": 1
}
],
"flex": "Start",
"spacing": 0,
"margin": null,
"expected": [
[
0,
0,
3,
100
],
[
3,
0,
76,
100
],
[
79,
0,
1,
100
]
]
}
]
}