https://neurotrud.ru/Carousel/FileCarousel.js?v=2

1window.functions = {
2    apply: function () {
3        let multipleCardCarousel = document.querySelector("#carouselFiles");
4        if (window.matchMedia("(min-width: 768px)").matches) {
5            let carousel = new bootstrap.Carousel(multipleCardCarousel, {
6                interval: false,
7                wrap: false,
8            });
9            let carouselWidth = document.querySelector(".carousel-inner").scrollWidth;
10            let cardWidth = document.querySelector(".carousel-item").offsetWidth;
11            let scrollPosition = 0;
12
13
14            document.querySelector("#carouselFiles .carousel-control-next").addEventListener("click", function () {
15                if (scrollPosition < carouselWidth - cardWidth * 4) {
16                    scrollPosition += cardWidth;
17                    document.querySelector("#carouselFiles .carousel-inner").scroll({ left: scrollPosition, behavior: 'smooth' });
18                }
19            });
20
21
22            document.querySelector("#carouselFiles .carousel-control-prev").addEventListener("click", function () {
23                if (scrollPosition > 0) {
24                    scrollPosition -= cardWidth;
25                    document.querySelector("#carouselFiles .carousel-inner").scroll({ left: scrollPosition, behavior: 'smooth' });
26                }
27            });
28        } else {
29            multipleCardCarousel.classList.add("slide");
30        }
31    },
32    downloadFileFromStream : async function (fileName, contentStreamReference){
33        const arrayBuffer = await contentStreamReference.arrayBuffer();
34        const blob = new Blob([arrayBuffer]);
35        const url = URL.createObjectURL(blob);
36        const anchorElement = document.createElement('a');
37        anchorElement.href = url;
38        anchorElement.download = fileName ?? '';
39        anchorElement.click();
40        anchorElement.remove();
41        URL.revokeObjectURL(url);
42    },
43}