[CounterBadge] Add ShowWhen, Dot, and VerticalPosition.

[vnbaaij]

To make the counterbadge more versatile, some rework has been done. Previously when the Count value was 0, the whole component would not get rendered. This made it hard to use the component because you needed a if..else construct to render the component that the FluentCounterBadge wraps. In most cases that lead to repeated rendering logic.

With the changes made, the FluentCounterBadge will always render its container and ChildContent. The rendering of the actual badge is still dependant on the Count'. By default the badge will not be shown if the Count` is zero.

New parameters:

• ShowWhen: a Func<int,bool> which can be used to specify the condition that determines if the badge is shown. This replaces ShowZero which has now been obsoleted. Default value is Count => Count > 0. To get the ShowZero functionality, you could specify ShowWhen="@(Count => Count >= 0)"

• Dot (bool, default false). When set to true, a dot is rendered instead of a full badge. Count is ignored in this case. BadgeContent

• VerticalPosition (int, default 60) This just replaces the BottomPosition parameter (which has been obsoleted) to better align with the HorizontalPosition parameter name.

• BadgeContent has been obsoleted and is replaced by BadgeTemplate to be more aligned with how we use this in other parts of the library. BadgeTemplate is now a real template and makes the Count available for use throught the @context parameter.

Tests have been veriefied and updated.

[dvoituron]

Awesome new features.