show.bs.collapse event not firing in angular component

Question

So I have a custom navbar toggler effect to show when the hamburger is clicked.. but annoyingly it doesnt work well in an angular component but worked fine on simple non ang