When hovering a shape with the mouse, it needs to change its visual state to the 'selected' state together with all the shapes on the left and all shapes on the right need to change their visual state to the 'not selected' state. When hovering away from the Rating control, all shapes need to display their current state - 'selected' or 'not selected' based on the Value property. This behavior can be useful to display the expected result if the hovered shape is clicked/tapped on.

All shapes need to have their own visual appearance when selected and not selected. maybe a style selector?

Provide an option to define size of the shapes of the Shape Rating. Also to define size of the templated rating

Provide an option to get the shapes half filled.

I'm using Rating component and need bind value property to a decimal value, in order to obtain the stars with half filled color.