1 | import { getDocument } from 'ssr-window';
|
2 | import $ from '../../shared/dom.js';
|
3 | export default function loopCreate() {
|
4 | const swiper = this;
|
5 | const document = getDocument();
|
6 | const {
|
7 | params,
|
8 | $wrapperEl
|
9 | } = swiper;
|
10 |
|
11 | const $selector = $($wrapperEl.children()[0].parentNode);
|
12 | $selector.children(`.${params.slideClass}.${params.slideDuplicateClass}`).remove();
|
13 | let slides = $selector.children(`.${params.slideClass}`);
|
14 |
|
15 | if (params.loopFillGroupWithBlank) {
|
16 | const blankSlidesNum = params.slidesPerGroup - slides.length % params.slidesPerGroup;
|
17 |
|
18 | if (blankSlidesNum !== params.slidesPerGroup) {
|
19 | for (let i = 0; i < blankSlidesNum; i += 1) {
|
20 | const blankNode = $(document.createElement('div')).addClass(`${params.slideClass} ${params.slideBlankClass}`);
|
21 | $selector.append(blankNode);
|
22 | }
|
23 |
|
24 | slides = $selector.children(`.${params.slideClass}`);
|
25 | }
|
26 | }
|
27 |
|
28 | if (params.slidesPerView === 'auto' && !params.loopedSlides) params.loopedSlides = slides.length;
|
29 | swiper.loopedSlides = Math.ceil(parseFloat(params.loopedSlides || params.slidesPerView, 10));
|
30 | swiper.loopedSlides += params.loopAdditionalSlides;
|
31 |
|
32 | if (swiper.loopedSlides > slides.length) {
|
33 | swiper.loopedSlides = slides.length;
|
34 | }
|
35 |
|
36 | const prependSlides = [];
|
37 | const appendSlides = [];
|
38 | slides.each((el, index) => {
|
39 | const slide = $(el);
|
40 |
|
41 | if (index < swiper.loopedSlides) {
|
42 | appendSlides.push(el);
|
43 | }
|
44 |
|
45 | if (index < slides.length && index >= slides.length - swiper.loopedSlides) {
|
46 | prependSlides.push(el);
|
47 | }
|
48 |
|
49 | slide.attr('data-swiper-slide-index', index);
|
50 | });
|
51 |
|
52 | for (let i = 0; i < appendSlides.length; i += 1) {
|
53 | $selector.append($(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
|
54 | }
|
55 |
|
56 | for (let i = prependSlides.length - 1; i >= 0; i -= 1) {
|
57 | $selector.prepend($(prependSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
|
58 | }
|
59 | } |
\ | No newline at end of file |