Add carousel indicators template and animations

[nrobakova]

Closes: #4268
Closes: #3840
Closes: #6142

In this PR:

1. Slides are changed from array to ContentChildren of carousel
2. When change slide input active it is selected in the carousel
3. A template for indicators is added
4. A new input indicatorsOrientation is added in order to change indicators position
5. A new input maximumIndicatorsCount is added, if the slides are more than the maximumIndicatorsCount only for example '3 of 6' is displayed
6. Add input keyBoardSupport and it it is false, the keyboard navigation is disabled
7. Add input animationType to select animation. Available animations are none, slide and fade

Additional information (check all that apply):

• Bug fix
• New functionality
• Documentation
• Demos
• CI/CD

Checklist:

• All relevant tags have been applied to this PR
• This PR includes unit tests covering all the new code
• This PR includes API docs for newly added methods/properties
• This PR includes feature/README.MD updates for the feature docs
• This PR includes general feature table updates in the root README.MD
• This PR includes CHANGELOG.MD updates for newly added functionality
• This PR contains breaking changes
• This PR includes ng update migrations for the breaking changes
• This PR includes behavioral changes and the feature specification has been updated with them

[zdrawku]

@nrobakova, below you can find the proposed changes.

[joneldiablo]

how can I disable the indicators bullets?

[nrobakova]

Hi @joneldiablo,
When you want to hide the indicators you can create empty template:
<ng-template igxCarouselIndicator></ng-template>

[joneldiablo]

thanks!! other question, to remove the arrows? o.O

[nrobakova]

Hi @joneldiablo,
You can remove the arrows with setting the input navigation to false:
https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcarouselcomponent.html#navigation