feat(core): add loopedSlides parameter

src/core/defaults.js

@@ -98,6 +98,7 @@ export default {
 
   // loop
   loop: false,
+  loopedSlides: null,
 
   // rewind
   rewind: false,

src/core/loop/loopFix.js

@@ -37,7 +37,7 @@ export default function loopFix({
     params.slidesPerView === 'auto'
       ? swiper.slidesPerViewDynamic()
       : Math.ceil(parseFloat(params.slidesPerView, 10));
-  let loopedSlides = slidesPerView;
+  let loopedSlides = params.loopedSlides || slidesPerView;
   if (loopedSlides % params.slidesPerGroup !== 0) {
     loopedSlides += params.slidesPerGroup - (loopedSlides % params.slidesPerGroup);
   }

src/types/swiper-options.d.ts

@@ -587,6 +587,13 @@ export interface SwiperOptions {
    */
   loop?: boolean;
 
+  /**
+   * Defines how many slides before end/beginning it should rearrange (loop) slides. If not specified, defaults to `slidesPerView`
+   *
+   * @default null
+   */
+  loopedSlides?: number | null;
+
   /**
    * Set to `true` to enable "rewind" mode. When enabled, clicking "next" navigation button (or calling `.slideNext()`) when on last slide will slide back to the first slide. Clicking "prev" navigation button (or calling `.slidePrev()`) when on first slide will slide forward to the last slide.
    *

src/vue/swiper-vue.d.ts

@@ -248,6 +248,10 @@ declare const Swiper: DefineComponent<
       default: undefined;
     };
     loop: { type: BooleanConstructor; default: undefined };
+    loopedSlides: {
+      type: NumberConstructor;
+      default: undefined;
+    };
     rewind: { type: BooleanConstructor; default: undefined };
     allowSlidePrev: {
       type: BooleanConstructor;

src/vue/swiper.js

@@ -86,6 +86,7 @@ const Swiper = {
     preventClicksPropagation: { type: Boolean, default: undefined },
     slideToClickedSlide: { type: Boolean, default: undefined },
     loop: { type: Boolean, default: undefined },
+    loopedSlides: { type: Number, default: undefined },
     rewind: { type: Boolean, default: undefined },
     allowSlidePrev: { type: Boolean, default: undefined },
     allowSlideNext: { type: Boolean, default: undefined },