chore: move calcLoopedSlides to shared

nolimits4web · Sep 14, 2022 · 8c1ee5d · 8c1ee5d
1 parent 6121908
commit 8c1ee5d
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 64 deletions.
diff --git a/src/react/loop.js b/src/react/loop.js
@@ -1,25 +1,5 @@
 import React from 'react';
-import Swiper from 'swiper';
-
-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 && swiperParams.loopedSlidesLimit) {
-    loopedSlides = slides.length;
-  }
-  return loopedSlides;
-}
+import { calcLoopedSlides } from '../shared/calc-looped-slides.js';
 
 function renderLoop(swiper, slides, swiperParams) {
   const modifiedSlides = slides.map((child, index) => {

diff --git a/src/shared/calc-looped-slides.js b/src/shared/calc-looped-slides.js
@@ -0,0 +1,21 @@
+import Swiper from 'swiper';
+
+export const 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 && swiperParams.loopedSlidesLimit) {
+    loopedSlides = slides.length;
+  }
+  return loopedSlides;
+};
diff --git a/src/solid/loop.js b/src/solid/loop.js
@@ -1,24 +1,4 @@
-import Swiper from 'swiper';
-
-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 && swiperParams.loopedSlidesLimit) {
-    loopedSlides = slides.length;
-  }
-  return loopedSlides;
-}
+import { calcLoopedSlides } from '../shared/calc-looped-slides.js';
 
 function renderLoop(swiper, slides, swiperParams) {
   const modifiedSlides = slides.map((child, index) => {

diff --git a/src/vue/loop.js b/src/vue/loop.js
@@ -1,26 +1,5 @@
 import { h } from 'vue';
-import Swiper from 'swiper';
-
-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 && swiperParams.loopedSlidesLimit) {
-    loopedSlides = slides.length;
-  }
-
-  return loopedSlides;
-}
+import { calcLoopedSlides } from '../shared/calc-looped-slides.js';
 
 function renderLoop(swiperRef, slides, swiperParams) {
   const modifiedSlides = slides.map((child, index) => {