https://era.je/themes/custom/astro_radix/components/hero-content/hero-content.js?tluj44

1(function ($, Drupal) {
2  Drupal.behaviors.heroarticleCarousel = {
3    attach: function (context, settings) {
4      const carousels = once('heroarticleCarousel', '.highlighted-component-slider', context);
5      if (carousels.length === 0) {
6        return; // Exit early if no carousels found
7      }
8      const settingsGroup = drupalSettings.astro_radix || {};
9      const useFade = typeof settingsGroup.enableFade !== 'undefined' ? settingsGroup.enableFade : true;
10      const sliderSpeed = settingsGroup.sliderSpeed || 3000;
11      carousels.forEach(function (el) {
12        const swiperOptions = {
13          spaceBetween: 16,
14          autoplay: {
15            delay: sliderSpeed,
16          },
17          breakpoints: {
18            360: {
19              slidesPerView: 'auto',
20              slidesPerGroup: 1,
21            },
22            961: {
23              slidesPerView: 3,
24              slidesPerGroup: 1,
25            },
26          },
27        };
28
29        if (useFade) {
30          swiperOptions.effect = 'slide';
31          swiperOptions.fadeEffect = { crossFade: true };
32        }
33
34        new Swiper(el, swiperOptions);
35        el.classList.add('swiper-initialized');
36      });
37    }
38  };
39})(jQuery, Drupal);