loop.js

import Swiper from '../../index.js';

function calcLoopedSlides(slides, swiperParams) {
	let slidesPerViewParams = swiperParams.slidesPerView;
	if (swiperParams.breakpoints) {
		const breakpoint = Swiper.prototype.getBreakpoint(swiperParams.breakpoints);
		const breakpointOnlyParams =
			breakpoint in swiperParams.breakpoints ? swiperParams.breakpoints[breakpoint] : undefined;
		if (breakpointOnlyParams && breakpointOnlyParams.slidesPerView) {
			slidesPerViewParams = breakpointOnlyParams.slidesPerView;
		}
	}
	let loopedSlides = Math.ceil(parseFloat(swiperParams.loopedSlides || slidesPerViewParams, 10));

	loopedSlides += swiperParams.loopAdditionalSlides;

	if (loopedSlides > slides.length) {
		loopedSlides = slides.length;
	}
	return loopedSlides;
}

function renderLoop(native, swiperParams, data) {
	const modifiedValue = data;
	if (swiperParams.loopFillGroupWithBlank) {
		const blankSlidesNum =
			swiperParams.slidesPerGroup - (modifiedValue.length % swiperParams.slidesPerGroup);
		if (blankSlidesNum !== swiperParams.slidesPerGroup) {
			for (let i = 0; i < blankSlidesNum; i += 1) {
				const blankSlide = h('div', {
					class: `${swiperParams.slideClass} ${swiperParams.slideBlankClass}`,
				});
				modifiedValue.push(blankSlide);
			}
		}
	}

	if (swiperParams.slidesPerView === 'auto' && !swiperParams.loopedSlides) {
		swiperParams.loopedSlides = modifiedValue.length;
	}

	const loopedSlides = calcLoopedSlides(modifiedValue, swiperParams);

	const prependSlides = [];
	const appendSlides = [];
	const prependValue = [];
	const appendValue = [];
	modifiedValue.forEach((child, index) => {
		if (index < loopedSlides) {
			if (!native.loopUpdateData) {
				appendValue.push(child);
			}
		}
		if (index < modifiedValue.length && index >= modifiedValue.length - loopedSlides) {
			if (!native.loopUpdateData) {
				prependValue.push(child);
			}
		}
	})
	if (native) {
		if (!native.originalDataList) native.originalDataList = [];
		native.originalDataList = [...prependValue, ...modifiedValue, ...appendValue];
	}

	return {
		data: [...prependValue, ...modifiedValue, ...appendValue]
	};
}

export {
	calcLoopedSlides,
	renderLoop
};