Igniteui-angular: [Grid] Default pagination template with a custom value for the per page property

[rkaraivanov]

Description

Custom perPage values are not correctly reflected in the default pagination template.

• igniteui-angular version: 7.1+
• browser: All

Steps to reproduce

1. Open this sample

Result

The grid per page property is set to 12 and the grid has 12 rendered rows. However the default select shows 5.

Expected result

The select in the default pagination template should reflect the value.

[rkaraivanov]

Additionally, it would be nice to have the current select element replaced by our igx-select.
Something along the lines of this:

@DaniMarinov @simeonoff
Your thoughts on this?

[DaniMarinov]

Yes, it will be better, I will provide design.

[DaniMarinov]

@rkaraivanov What do you think about this idea, available for all 3 display density variations?
Comfortable - uses Cosy Input

Cosy - uses Compact Input

Compact - uses Compact Input

[rkaraivanov]

@DaniMarinov
LGTM