New Component: ui5-breadcrumbs

[ilhan007]

Is your feature request related to a problem? Please describe.
We would like a component, that enables users to navigate between previous steps in the user's navigation path. For that we want to have Breadcrumb web component as part of the "main" library.

Features

• overflow behaviour
• support for different separator styles
• screen reader - set the required aria attrs
• keyboard handling - navigation between links, activation on SPACE/ENTER

separator style

UX
https://ux.wdf.sap.corp/fiori-design-web/breadcrumb/

Reference
https://openui5nightly.hana.ondemand.com/entity/sap.m.Breadcrumbs

API

• default slot for "links"
• property currentLocation
• events - make sure there is event whenever the user clicks on link within the breadcrumbs or uses the overflow menu

Usage

<ui5-breadcrumbs current-location="Laptop">
   	<ui5-link>Products</ui5-link>
   		<ui5-link>Suppliers</ui5-link>
   			<ui5-link>Titanium</ui5-link>
</ui5-breadcrumbs>

Additional
Some points I did not consider, but you may take the time to:

• slot type - Do we need a child component like ui5-breadcrumb, instead of using the ui5-link directly.

• property current-location - Do we need such prop at all, or consider the last link added within the slot as the current location and just reuse its text

<ui5-breadcrumbs >
   	<ui5-link>Products</ui5-link>
   		<ui5-link>Suppliers</ui5-link>
   			<ui5-link>Titanium</ui5-link>
   			     <ui5-link>Laptop</ui5-link>
</ui5-breadcrumbs>

[ilhan007]

FYI: @nnaydenow @jdichev

[nnaydenow]

Internal reference: 5244