Converter javascript para typescript

$(document).ready(function() {

    $('.flip-container').load('include/card_flip.html', function(){
        // SE TIVER SLIDER NA TELA COM CARD DENTRO
        if( $('.slider_ref').length > 0 ){

            $('[data-slider_content]').each(function(index, el) {
                create_slider( '#'+this.id , this.dataset.slider_content);
            });

            // ENABLE CONTENT
            $('.slider_ref, [data-slider_content]').find('.carousel-item.active').find('.flip-container').addClass('active');

            $('.slider_ref, [data-slider_content]').on('slid.bs.carousel', function () {
                cardSize();
                $('.flip-container').removeClass('active');
                $('.carousel-item.active').find('.flip-container').addClass('active');
            });
        }

        cardSize();
        apply_bg($('.flip-container').find('[data-bg]'));
    });

});

$(window).resize(function(event) {
    cardSize();
});


function cardSize(){
    $('.flipper').each(function(){
        var jThis = $(this),
            sizes = $.makeArray(jThis.css('min-height','auto').children().height('auto')).map( function(elm){
                return elm.clientHeight;
            }),
            maxSize = Math.max.apply(null, sizes);

        jThis.css('min-height',maxSize+15).children().height('100%');
    })
}

function create_slider (container, rpp){
    var items = $('.slider_ref').find('.slider_item'),
        pages = 0,
        html_page = '',
        html = $.makeArray(items).map(function(elm, index) {
            var content = '';

            if (index%rpp == 0){

                if(index != 0){
                    content += '</div></div>';
                }
                var active = index == 0 ? "active" : "";

                // PAGINACAO
                html_page += '<li class="'+active+'" data-target="'+container+'" data-slide-to="'+pages+'"></li>'
                pages++;

                content += '<div class="carousel-item '+active+' ">'
                        +        '<div class="row py-5 px-4">'
            }
            content += ' <div class="col-md-6 mb-3">'+elm.outerHTML+'</div>';
            return content;
        }).join('');

    html += '</div></div>';

    $(container).find('.carousel-inner').html(html).end()
                .find('.carousel-indicators').html(html_page);

}