angular jquery touchswipe как настроить

Question

Я хочу добавить событие смахивания к карусели bootstrap, которую я сделал. Вот ссылка, по которой я следую.

https://codepen.io/andrearufo/pen/rVWpyE

    /*

dependencies:

//cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js
//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js
//cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js

*/

$(".carousel").swipe({

  swipe: function(event, direction, distance, duration, fingerCount, fingerData) {

    if (direction == 'left') $(this).carousel('next');
    if (direction == 'right') $(this).carousel('prev');

  },
  allowPageScroll:"vertical"

});

Я не знаю, как настроить или установить эти зависимости в моем angular 5 проекте, чтобы он работал. Полагаю, первым шагом является включение сценариев cdns в индекс. html. Тогда где или как мне включить код javascript в файл TS моего компонента (ngOnit? @HostListener? Нужно ли мне импортировать?). Поскольку по одной ссылке нет шага, по которому я могу следовать, а то, что я сделал, приводило только к ошибкам, может ли кто-нибудь сказать мне полные шаги, которые мне нужно выполнить при включении таких js файлов.