https://www.serverworks.co.jp/assets/common/js/cmp.js?20260717092540

1'use strict';
2
3function slideNoLoop() {
4  if (document.querySelector('.js-cardListSlideNoLoop')) {
5    var options = {
6      type: 'slide',
7      arrows: true,
8      pagination: false,
9      focus: 0,
10      omitEnd: true,
11      perPage: 2,
12      fixedWidth: '507px',
13      // calc(477px + 30px); // 画像の影の分を足す
14      padding: {
15        right: '286px'
16      },
17      classes: {
18        arrows: 'splide__arrows p-slideParts__arrows',
19        arrow: 'splide__arrow p-slideParts__arrow',
20        prev: 'splide__arrow--prev p-slideParts__arrow--prev',
21        next: 'splide__arrow--next p-slideParts__arrow--next'
22      },
23      breakpoints: {
24        768: {
25          perPage: 1,
26          fixedWidth: '86.1vw',
27          // calc(vw(303) + vw(20)); // 画像の影の分を足す
28          padding: {
29            right: '6.4vw'
30          }
31        }
32      }
33    };
34    var elms = document.querySelectorAll('.js-cardListSlideNoLoop');
35    var _iterator3 = _createForOfIteratorHelper(elms),
36      _step3;
37    try {
38      var _loop2 = function _loop2() {
39        var elm = _step3.value;
40        var slideItem = new Splide(elm, options);
41        var bar = elm.querySelector('.js-cardListSlideNoLoop__progressBar');
42        // バーの幅を更新する
43        slideItem.on('mounted move', function () {
44          var end = slideItem.Components.Controller.getEnd() + 1;
45          var rate = Math.min((slideItem.index + 1) / end, 1);
46          bar.style.width = String(100 * rate) + '%';
47        });
48        slideItem.mount();
49      };
50      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
51        _loop2();
52      }
53    } catch (err) {
54      _iterator3.e(err);
55    } finally {
56      _iterator3.f();
57    }
58  }
59}
60
61document.addEventListener('DOMContentLoaded', function () {
62  slideNoLoop();
63});