https://www.trust.org/wp-content/themes/trust/blocks/manual-carousel/manual-carousel.js?ver=1790217358

1jQuery(document).ready(function ($) {
2  $(".manual-carousel").each(function () {
3    var $posts_slider = $(this);
4    var $posts_progressBar = $posts_slider
5      .closest(".manual-carousel-wrap")
6      .find(".progress");
7    var $posts_progressBarLabel = $posts_slider
8      .closest(".manual-carousel-wrap")
9      .find(".slider__label");
10    var card_count = $posts_slider.attr("data-card-count");
11    var tab_card_count = $posts_slider.attr("data-tab-card-count");
12    var mob_card_count = $posts_slider.attr("data-mob-card-count");
13    var xl_card_count = $posts_slider.attr("data-xl-card-count");
14
15    $posts_slider.on(
16      "beforeChange",
17      function (event, slick, currentSlide, nextSlide) {
18        var calc = (nextSlide / (slick.slideCount - 1)) * 100;
19        $posts_progressBar
20          .css("background-size", calc + "% 100%")
21          .attr("aria-valuenow", calc);
22        $posts_progressBarLabel.text(calc + "% completed");
23      }
24    );
25
26    $posts_slider.on("init", function (event, slick) {
27      if (slick.slideCount <= slick.options.slidesToShow) {
28        $posts_progressBar.hide();
29      }
30    });
31
32    console.log("card count: " + card_count);
33    $posts_slider.not(".slick-initialized").slick({
34      slidesToShow: parseInt(xl_card_count),
35      slidesToScroll: 1,
36      infinite: true,
37      dots: false,
38      arrows: true,
39      autoplay: false,
40      autoplaySpeed: 5000,
41      pauseOnHover: false,
42      swipeToSlide: true,
43      touchThreshold: 100,
44      prevArrow:
45        '<button class="slick-prev" aria-label="Previous" type="button"><img src="/wp-content/uploads/2024/07/uil-angle-right.svg" alt=""></button>',
46      nextArrow:
47        '<button class="slick-next" aria-label="Next" type="button"><img src="/wp-content/uploads/2024/07/uil-angle-right.svg" alt=""></button>',
48      responsive: [
49        {
50          breakpoint: 1471,
51          settings: {
52            slidesToShow: parseInt(card_count),
53          },
54        },
55        {
56          breakpoint: 1081,
57          settings: {
58            slidesToShow: parseInt(tab_card_count),
59          },
60        },
61        {
62          breakpoint: 780,
63          settings: {
64            slidesToShow: parseInt(tab_card_count) - 1,
65          },
66        },
67        {
68          breakpoint: 640,
69          settings: {
70            slidesToShow: parseInt(mob_card_count),
71          },
72        },
73      ],
74    });
75  });
76});