Breadcrumb task in angular Scss typescript and html

Create a breadcrumb task, when more than three parents it will show ellipses after the first parents and after that last two parents must be visible.and when you hover on the ellipses it must shows a list of hidden parents and it must be clickable.
Parent >...>lastsecondParent>lastParent