Slider OWL Carousel - Custom Dot

if ($('.js-home-slider').length > 0) {
    let owl = $('.js-home-slider');
    owl.owlCarousel({
        loop: true,
        // autoplay: true,
        // autoplayTimeout: 4000,
        margin: 0,
        responsiveClass: true,
        items: 1,
        dots: true,
        navText: ["", ""],
        rewindNav: true,
        nav: false,
        dotsContainer: '.box-dot-slider',
    }).on('changed.owl.carousel', function(event) {
        console.log("sdfdsf");
        // $('.box-dot-slider').
    })

    $('.box-dot-slider').on('click', '.i-dot', function(e) {
        owl.trigger('to.owl.carousel', [$(this).index(), 300]);
    });
}