Radial Swipe menu for mobile - Angular +2

We need an angular 2+ radial menu component specific for mobile apps with swipe features . component description the component must be a circle / semi circle shaped menu with definable items in it e.g.: <radial-swipe-menu [type]=“circle” (pregress)=“progress($event)” (itemChanged)=“changed($event)” > <item > <img src=“assests/img/[login to view URL]”> Item 1 </item> <item > <img src=“assests/img/[login to view URL]”> Item 2 </item> </radial-swipe-menu> Options the following must be configurable in the component: type: circle , semicircle , arc . circle must be a full circle : semicircle arc width: width of the component background: background of the menu in arc type: fromAngle and toAngle to specify the arc , in semicircle type: upper or lower circle borderWidth: the width of the outer boarder of the menu borderColor: the color of the outer boarder Output Events itemChanged: raised when the item is changed itemChangeStart: raised when item is about to change. itemChangeProgress: raised when item is changing with the percentage as its parameter. itemChangeCancle: raised when item is less than halfway and the item it reset to before the event.