swiper-cjs - npm Package Compare versions

Comparing version 8.3.0 to 8.3.2

angular/angular/src/swiper.component.d.ts

@@ -77,2 +77,3 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnInit, QueryList, SimpleChanges } from '@angular/core';
     loopedSlides: SwiperOptions['loopedSlides'];
+    loopedSlidesLimit: SwiperOptions['loopedSlidesLimit'];
     loopFillGroupWithBlank: SwiperOptions['loopFillGroupWithBlank'];
@@ -255,3 +256,3 @@ loopPreventsSlide: SwiperOptions['loopPreventsSlide'];
     static ɵfac: i0.ɵɵFactoryDeclaration<SwiperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwiperComponent, "swiper, [swiper]", never, { "enabled": "enabled"; "on": "on"; "direction": "direction"; "touchEventsTarget": "touchEventsTarget"; "initialSlide": "initialSlide"; "speed": "speed"; "cssMode": "cssMode"; "updateOnWindowResize": "updateOnWindowResize"; "resizeObserver": "resizeObserver"; "nested": "nested"; "focusableElements": "focusableElements"; "width": "width"; "height": "height"; "preventInteractionOnTransition": "preventInteractionOnTransition"; "userAgent": "userAgent"; "url": "url"; "edgeSwipeDetection": "edgeSwipeDetection"; "edgeSwipeThreshold": "edgeSwipeThreshold"; "freeMode": "freeMode"; "autoHeight": "autoHeight"; "setWrapperSize": "setWrapperSize"; "virtualTranslate": "virtualTranslate"; "effect": "effect"; "breakpoints": "breakpoints"; "spaceBetween": "spaceBetween"; "slidesPerView": "slidesPerView"; "maxBackfaceHiddenSlides": "maxBackfaceHiddenSlides"; "grid": "grid"; "slidesPerGroup": "slidesPerGroup"; "slidesPerGroupSkip": "slidesPerGroupSkip"; "centeredSlides": "centeredSlides"; "centeredSlidesBounds": "centeredSlidesBounds"; "slidesOffsetBefore": "slidesOffsetBefore"; "slidesOffsetAfter": "slidesOffsetAfter"; "normalizeSlideIndex": "normalizeSlideIndex"; "centerInsufficientSlides": "centerInsufficientSlides"; "watchOverflow": "watchOverflow"; "roundLengths": "roundLengths"; "touchRatio": "touchRatio"; "touchAngle": "touchAngle"; "simulateTouch": "simulateTouch"; "shortSwipes": "shortSwipes"; "longSwipes": "longSwipes"; "longSwipesRatio": "longSwipesRatio"; "longSwipesMs": "longSwipesMs"; "followFinger": "followFinger"; "allowTouchMove": "allowTouchMove"; "threshold": "threshold"; "touchMoveStopPropagation": "touchMoveStopPropagation"; "touchStartPreventDefault": "touchStartPreventDefault"; "touchStartForcePreventDefault": "touchStartForcePreventDefault"; "touchReleaseOnEdges": "touchReleaseOnEdges"; "uniqueNavElements": "uniqueNavElements"; "resistance": "resistance"; "resistanceRatio": "resistanceRatio"; "watchSlidesProgress": "watchSlidesProgress"; "grabCursor": "grabCursor"; "preventClicks": "preventClicks"; "preventClicksPropagation": "preventClicksPropagation"; "slideToClickedSlide": "slideToClickedSlide"; "preloadImages": "preloadImages"; "updateOnImagesReady": "updateOnImagesReady"; "loop": "loop"; "loopAdditionalSlides": "loopAdditionalSlides"; "loopedSlides": "loopedSlides"; "loopFillGroupWithBlank": "loopFillGroupWithBlank"; "loopPreventsSlide": "loopPreventsSlide"; "rewind": "rewind"; "allowSlidePrev": "allowSlidePrev"; "allowSlideNext": "allowSlideNext"; "swipeHandler": "swipeHandler"; "noSwiping": "noSwiping"; "noSwipingClass": "noSwipingClass"; "noSwipingSelector": "noSwipingSelector"; "passiveListeners": "passiveListeners"; "containerModifierClass": "containerModifierClass"; "slideClass": "slideClass"; "slideBlankClass": "slideBlankClass"; "slideActiveClass": "slideActiveClass"; "slideDuplicateActiveClass": "slideDuplicateActiveClass"; "slideVisibleClass": "slideVisibleClass"; "slideDuplicateClass": "slideDuplicateClass"; "slideNextClass": "slideNextClass"; "slideDuplicateNextClass": "slideDuplicateNextClass"; "slidePrevClass": "slidePrevClass"; "slideDuplicatePrevClass": "slideDuplicatePrevClass"; "wrapperClass": "wrapperClass"; "runCallbacksOnInit": "runCallbacksOnInit"; "observeParents": "observeParents"; "observeSlideChildren": "observeSlideChildren"; "a11y": "a11y"; "autoplay": "autoplay"; "controller": "controller"; "coverflowEffect": "coverflowEffect"; "cubeEffect": "cubeEffect"; "fadeEffect": "fadeEffect"; "flipEffect": "flipEffect"; "creativeEffect": "creativeEffect"; "cardsEffect": "cardsEffect"; "hashNavigation": "hashNavigation"; "history": "history"; "keyboard": "keyboard"; "lazy": "lazy"; "mousewheel": "mousewheel"; "parallax": "parallax"; "thumbs": "thumbs"; "zoom": "zoom"; "class": "class"; "id": "id"; "navigation": "navigation"; "pagination": "pagination"; "scrollbar": "scrollbar"; "virtual": "virtual"; "config": "config"; }, { "s__beforeBreakpoint": "_beforeBreakpoint"; "s__containerClasses": "_containerClasses"; "s__slideClass": "_slideClass"; "s__swiper": "_swiper"; "s_activeIndexChange": "activeIndexChange"; "s_afterInit": "afterInit"; "s_autoplay": "autoplay"; "s_autoplayStart": "autoplayStart"; "s_autoplayStop": "autoplayStop"; "s_autoplayPause": "autoplayPause"; "s_autoplayResume": "autoplayResume"; "s_beforeDestroy": "beforeDestroy"; "s_beforeInit": "beforeInit"; "s_beforeLoopFix": "beforeLoopFix"; "s_beforeResize": "beforeResize"; "s_beforeSlideChangeStart": "beforeSlideChangeStart"; "s_beforeTransitionStart": "beforeTransitionStart"; "s_breakpoint": "breakpoint"; "s_changeDirection": "changeDirection"; "s_click": "click"; "s_doubleTap": "doubleTap"; "s_doubleClick": "doubleClick"; "s_destroy": "destroy"; "s_fromEdge": "fromEdge"; "s_hashChange": "hashChange"; "s_hashSet": "hashSet"; "s_imagesReady": "imagesReady"; "s_init": "init"; "s_keyPress": "keyPress"; "s_lazyImageLoad": "lazyImageLoad"; "s_lazyImageReady": "lazyImageReady"; "s_loopFix": "loopFix"; "s_momentumBounce": "momentumBounce"; "s_navigationHide": "navigationHide"; "s_navigationShow": "navigationShow"; "s_navigationPrev": "navigationPrev"; "s_navigationNext": "navigationNext"; "s_observerUpdate": "observerUpdate"; "s_orientationchange": "orientationchange"; "s_paginationHide": "paginationHide"; "s_paginationRender": "paginationRender"; "s_paginationShow": "paginationShow"; "s_paginationUpdate": "paginationUpdate"; "s_progress": "progress"; "s_reachBeginning": "reachBeginning"; "s_reachEnd": "reachEnd"; "s_realIndexChange": "realIndexChange"; "s_resize": "resize"; "s_scroll": "scroll"; "s_scrollbarDragEnd": "scrollbarDragEnd"; "s_scrollbarDragMove": "scrollbarDragMove"; "s_scrollbarDragStart": "scrollbarDragStart"; "s_setTransition": "setTransition"; "s_setTranslate": "setTranslate"; "s_slideChange": "slideChange"; "s_slideChangeTransitionEnd": "slideChangeTransitionEnd"; "s_slideChangeTransitionStart": "slideChangeTransitionStart"; "s_slideNextTransitionEnd": "slideNextTransitionEnd"; "s_slideNextTransitionStart": "slideNextTransitionStart"; "s_slidePrevTransitionEnd": "slidePrevTransitionEnd"; "s_slidePrevTransitionStart": "slidePrevTransitionStart"; "s_slideResetTransitionStart": "slideResetTransitionStart"; "s_slideResetTransitionEnd": "slideResetTransitionEnd"; "s_sliderMove": "sliderMove"; "s_sliderFirstMove": "sliderFirstMove"; "s_slidesLengthChange": "slidesLengthChange"; "s_slidesGridLengthChange": "slidesGridLengthChange"; "s_snapGridLengthChange": "snapGridLengthChange"; "s_snapIndexChange": "snapIndexChange"; "s_tap": "tap"; "s_toEdge": "toEdge"; "s_touchEnd": "touchEnd"; "s_touchMove": "touchMove"; "s_touchMoveOpposite": "touchMoveOpposite"; "s_touchStart": "touchStart"; "s_transitionEnd": "transitionEnd"; "s_transitionStart": "transitionStart"; "s_update": "update"; "s_zoomChange": "zoomChange"; "s_swiper": "swiper-cjs"; "s_lock": "lock"; "s_unlock": "unlock"; }, ["slidesEl"], ["[slot=container-start]", "[slot=wrapper-start]", "[slot=wrapper-end]", "[slot=container-end]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwiperComponent, "swiper, [swiper]", never, { "enabled": "enabled"; "on": "on"; "direction": "direction"; "touchEventsTarget": "touchEventsTarget"; "initialSlide": "initialSlide"; "speed": "speed"; "cssMode": "cssMode"; "updateOnWindowResize": "updateOnWindowResize"; "resizeObserver": "resizeObserver"; "nested": "nested"; "focusableElements": "focusableElements"; "width": "width"; "height": "height"; "preventInteractionOnTransition": "preventInteractionOnTransition"; "userAgent": "userAgent"; "url": "url"; "edgeSwipeDetection": "edgeSwipeDetection"; "edgeSwipeThreshold": "edgeSwipeThreshold"; "freeMode": "freeMode"; "autoHeight": "autoHeight"; "setWrapperSize": "setWrapperSize"; "virtualTranslate": "virtualTranslate"; "effect": "effect"; "breakpoints": "breakpoints"; "spaceBetween": "spaceBetween"; "slidesPerView": "slidesPerView"; "maxBackfaceHiddenSlides": "maxBackfaceHiddenSlides"; "grid": "grid"; "slidesPerGroup": "slidesPerGroup"; "slidesPerGroupSkip": "slidesPerGroupSkip"; "centeredSlides": "centeredSlides"; "centeredSlidesBounds": "centeredSlidesBounds"; "slidesOffsetBefore": "slidesOffsetBefore"; "slidesOffsetAfter": "slidesOffsetAfter"; "normalizeSlideIndex": "normalizeSlideIndex"; "centerInsufficientSlides": "centerInsufficientSlides"; "watchOverflow": "watchOverflow"; "roundLengths": "roundLengths"; "touchRatio": "touchRatio"; "touchAngle": "touchAngle"; "simulateTouch": "simulateTouch"; "shortSwipes": "shortSwipes"; "longSwipes": "longSwipes"; "longSwipesRatio": "longSwipesRatio"; "longSwipesMs": "longSwipesMs"; "followFinger": "followFinger"; "allowTouchMove": "allowTouchMove"; "threshold": "threshold"; "touchMoveStopPropagation": "touchMoveStopPropagation"; "touchStartPreventDefault": "touchStartPreventDefault"; "touchStartForcePreventDefault": "touchStartForcePreventDefault"; "touchReleaseOnEdges": "touchReleaseOnEdges"; "uniqueNavElements": "uniqueNavElements"; "resistance": "resistance"; "resistanceRatio": "resistanceRatio"; "watchSlidesProgress": "watchSlidesProgress"; "grabCursor": "grabCursor"; "preventClicks": "preventClicks"; "preventClicksPropagation": "preventClicksPropagation"; "slideToClickedSlide": "slideToClickedSlide"; "preloadImages": "preloadImages"; "updateOnImagesReady": "updateOnImagesReady"; "loop": "loop"; "loopAdditionalSlides": "loopAdditionalSlides"; "loopedSlides": "loopedSlides"; "loopedSlidesLimit": "loopedSlidesLimit"; "loopFillGroupWithBlank": "loopFillGroupWithBlank"; "loopPreventsSlide": "loopPreventsSlide"; "rewind": "rewind"; "allowSlidePrev": "allowSlidePrev"; "allowSlideNext": "allowSlideNext"; "swipeHandler": "swipeHandler"; "noSwiping": "noSwiping"; "noSwipingClass": "noSwipingClass"; "noSwipingSelector": "noSwipingSelector"; "passiveListeners": "passiveListeners"; "containerModifierClass": "containerModifierClass"; "slideClass": "slideClass"; "slideBlankClass": "slideBlankClass"; "slideActiveClass": "slideActiveClass"; "slideDuplicateActiveClass": "slideDuplicateActiveClass"; "slideVisibleClass": "slideVisibleClass"; "slideDuplicateClass": "slideDuplicateClass"; "slideNextClass": "slideNextClass"; "slideDuplicateNextClass": "slideDuplicateNextClass"; "slidePrevClass": "slidePrevClass"; "slideDuplicatePrevClass": "slideDuplicatePrevClass"; "wrapperClass": "wrapperClass"; "runCallbacksOnInit": "runCallbacksOnInit"; "observeParents": "observeParents"; "observeSlideChildren": "observeSlideChildren"; "a11y": "a11y"; "autoplay": "autoplay"; "controller": "controller"; "coverflowEffect": "coverflowEffect"; "cubeEffect": "cubeEffect"; "fadeEffect": "fadeEffect"; "flipEffect": "flipEffect"; "creativeEffect": "creativeEffect"; "cardsEffect": "cardsEffect"; "hashNavigation": "hashNavigation"; "history": "history"; "keyboard": "keyboard"; "lazy": "lazy"; "mousewheel": "mousewheel"; "parallax": "parallax"; "thumbs": "thumbs"; "zoom": "zoom"; "class": "class"; "id": "id"; "navigation": "navigation"; "pagination": "pagination"; "scrollbar": "scrollbar"; "virtual": "virtual"; "config": "config"; }, { "s__beforeBreakpoint": "_beforeBreakpoint"; "s__containerClasses": "_containerClasses"; "s__slideClass": "_slideClass"; "s__swiper": "_swiper"; "s_activeIndexChange": "activeIndexChange"; "s_afterInit": "afterInit"; "s_autoplay": "autoplay"; "s_autoplayStart": "autoplayStart"; "s_autoplayStop": "autoplayStop"; "s_autoplayPause": "autoplayPause"; "s_autoplayResume": "autoplayResume"; "s_beforeDestroy": "beforeDestroy"; "s_beforeInit": "beforeInit"; "s_beforeLoopFix": "beforeLoopFix"; "s_beforeResize": "beforeResize"; "s_beforeSlideChangeStart": "beforeSlideChangeStart"; "s_beforeTransitionStart": "beforeTransitionStart"; "s_breakpoint": "breakpoint"; "s_changeDirection": "changeDirection"; "s_click": "click"; "s_doubleTap": "doubleTap"; "s_doubleClick": "doubleClick"; "s_destroy": "destroy"; "s_fromEdge": "fromEdge"; "s_hashChange": "hashChange"; "s_hashSet": "hashSet"; "s_imagesReady": "imagesReady"; "s_init": "init"; "s_keyPress": "keyPress"; "s_lazyImageLoad": "lazyImageLoad"; "s_lazyImageReady": "lazyImageReady"; "s_loopFix": "loopFix"; "s_momentumBounce": "momentumBounce"; "s_navigationHide": "navigationHide"; "s_navigationShow": "navigationShow"; "s_navigationPrev": "navigationPrev"; "s_navigationNext": "navigationNext"; "s_observerUpdate": "observerUpdate"; "s_orientationchange": "orientationchange"; "s_paginationHide": "paginationHide"; "s_paginationRender": "paginationRender"; "s_paginationShow": "paginationShow"; "s_paginationUpdate": "paginationUpdate"; "s_progress": "progress"; "s_reachBeginning": "reachBeginning"; "s_reachEnd": "reachEnd"; "s_realIndexChange": "realIndexChange"; "s_resize": "resize"; "s_scroll": "scroll"; "s_scrollbarDragEnd": "scrollbarDragEnd"; "s_scrollbarDragMove": "scrollbarDragMove"; "s_scrollbarDragStart": "scrollbarDragStart"; "s_setTransition": "setTransition"; "s_setTranslate": "setTranslate"; "s_slideChange": "slideChange"; "s_slideChangeTransitionEnd": "slideChangeTransitionEnd"; "s_slideChangeTransitionStart": "slideChangeTransitionStart"; "s_slideNextTransitionEnd": "slideNextTransitionEnd"; "s_slideNextTransitionStart": "slideNextTransitionStart"; "s_slidePrevTransitionEnd": "slidePrevTransitionEnd"; "s_slidePrevTransitionStart": "slidePrevTransitionStart"; "s_slideResetTransitionStart": "slideResetTransitionStart"; "s_slideResetTransitionEnd": "slideResetTransitionEnd"; "s_sliderMove": "sliderMove"; "s_sliderFirstMove": "sliderFirstMove"; "s_slidesLengthChange": "slidesLengthChange"; "s_slidesGridLengthChange": "slidesGridLengthChange"; "s_snapGridLengthChange": "snapGridLengthChange"; "s_snapIndexChange": "snapIndexChange"; "s_tap": "tap"; "s_toEdge": "toEdge"; "s_touchEnd": "touchEnd"; "s_touchMove": "touchMove"; "s_touchMoveOpposite": "touchMoveOpposite"; "s_touchStart": "touchStart"; "s_transitionEnd": "transitionEnd"; "s_transitionStart": "transitionStart"; "s_update": "update"; "s_zoomChange": "zoomChange"; "s_swiper": "swiper-cjs"; "s_lock": "lock"; "s_unlock": "unlock"; }, ["slidesEl"], ["[slot=container-start]", "[slot=wrapper-start]", "[slot=wrapper-end]", "[slot=container-end]"]>;
 }

cjs/components-shared/params-list.js

@@ -7,4 +7,4 @@ "use strict";
 /* underscore in name -> watch for changes */
-const paramsList = ['modules', 'init', '_direction', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', '_spaceBetween', '_slidesPerView', 'maxBackfaceHiddenSlides', '_grid', '_slidesPerGroup', '_slidesPerGroupSkip', '_slidesPerGroupAuto', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_preloadImages', 'updateOnImagesReady', '_loop', '_loopAdditionalSlides', '_loopedSlides', '_loopFillGroupWithBlank', 'loopPreventsSlide', '_rewind', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideBlankClass', 'slideActiveClass', 'slideDuplicateActiveClass', 'slideVisibleClass', 'slideDuplicateClass', 'slideNextClass', 'slideDuplicateNextClass', 'slidePrevClass', 'slideDuplicatePrevClass', 'wrapperClass', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren', // modules
+const paramsList = ['modules', 'init', '_direction', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', '_spaceBetween', '_slidesPerView', 'maxBackfaceHiddenSlides', '_grid', '_slidesPerGroup', '_slidesPerGroupSkip', '_slidesPerGroupAuto', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_preloadImages', 'updateOnImagesReady', '_loop', '_loopAdditionalSlides', '_loopedSlides', '_loopedSlidesLimit', '_loopFillGroupWithBlank', 'loopPreventsSlide', '_rewind', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideBlankClass', 'slideActiveClass', 'slideDuplicateActiveClass', 'slideVisibleClass', 'slideDuplicateClass', 'slideNextClass', 'slideDuplicateNextClass', 'slidePrevClass', 'slideDuplicatePrevClass', 'wrapperClass', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren', // modules
 'a11y', '_autoplay', '_controller', 'coverflowEffect', 'cubeEffect', 'fadeEffect', 'flipEffect', 'creativeEffect', 'cardsEffect', 'hashNavigation', 'history', 'keyboard', 'lazy', 'mousewheel', '_navigation', '_pagination', 'parallax', '_scrollbar', '_thumbs', 'virtual', 'zoom'];
 exports.paramsList = paramsList;

cjs/core/defaults.js

@@ -94,2 +94,3 @@ "use strict";
   loopedSlides: null,
+  loopedSlidesLimit: true,
   loopFillGroupWithBlank: false,
@@ -96,0 +97,0 @@ loopPreventsSlide: true,

cjs/core/events/onTouchStart.js

@@ -68,5 +68,7 @@ "use strict";
 
-  const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== '';
+  const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== ''; // eslint-disable-next-line
 
-  if (swipingClassHasValue && e.target && e.target.shadowRoot && event.path && event.path[0]) {
+  const eventPath = event.composedPath ? event.composedPath() : event.path ? event.path[0] : undefined;
+
+  if (swipingClassHasValue && e.target && e.target.shadowRoot && eventPath) {
     $targetEl = (0, _dom.default)(event.path[0]);
@@ -73,0 +75,0 @@ }

cjs/core/loop/loopCreate.js

@@ -41,3 +41,3 @@ "use strict";
 
-  if (swiper.loopedSlides > slides.length) {
+  if (swiper.loopedSlides > slides.length && swiper.params.loopedSlidesLimit) {
     swiper.loopedSlides = slides.length;
@@ -49,15 +49,11 @@ }
   slides.each((el, index) => {
-    const slide = (0, _dom.default)(el);
+    (0, _dom.default)(el).attr('data-swiper-slide-index', index);
+  });
 
-    if (index < swiper.loopedSlides) {
-      appendSlides.push(el);
-    }
+  for (let i = 0; i < swiper.loopedSlides; i += 1) {
+    const index = i - Math.floor(i / slides.length) * slides.length;
+    appendSlides.push(slides.eq(index)[0]);
+    prependSlides.unshift(slides.eq(slides.length - index - 1)[0]);
+  }
 
-    if (index < slides.length && index >= slides.length - swiper.loopedSlides) {
-      prependSlides.push(el);
-    }
-
-    slide.attr('data-swiper-slide-index', index);
-  });
-
   for (let i = 0; i < appendSlides.length; i += 1) {
@@ -64,0 +60,0 @@ $selector.append((0, _dom.default)(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));

cjs/modules/a11y/a11y.js

@@ -205,2 +205,9 @@ "use strict";
     if (isActive || isVisible) return;
+
+    if (swiper.isHorizontal()) {
+      swiper.el.scrollLeft = 0;
+    } else {
+      swiper.el.scrollTop = 0;
+    }
+
     swiper.slideTo(swiper.slides.indexOf(slideEl), 0);
@@ -207,0 +214,0 @@ };

cjs/modules/autoplay/autoplay.js

@@ -38,2 +38,8 @@ "use strict";
   function run() {
+    if (!swiper.size) {
+      swiper.autoplay.running = false;
+      swiper.autoplay.paused = false;
+      return;
+    }
+
     const $activeSlideEl = swiper.slides.eq(swiper.activeIndex);
@@ -40,0 +46,0 @@ let delay = swiper.params.autoplay.delay;

cjs/react/loop.js

@@ -29,3 +29,3 @@ "use strict";
 
-  if (loopedSlides > slides.length) {
+  if (loopedSlides > slides.length && swiperParams.loopedSlidesLimit) {
     loopedSlides = slides.length;
@@ -73,11 +73,8 @@ }
   const appendSlides = [];
-  modifiedSlides.forEach((child, index) => {
-    if (index < loopedSlides) {
-      appendSlides.push(duplicateSlide(child, index, 'prepend'));
-    }
 
-    if (index < modifiedSlides.length && index >= modifiedSlides.length - loopedSlides) {
-      prependSlides.push(duplicateSlide(child, index, 'append'));
-    }
-  });
+  for (let i = 0; i < loopedSlides; i += 1) {
+    const index = i - Math.floor(i / modifiedSlides.length) * modifiedSlides.length;
+    appendSlides.push(duplicateSlide(modifiedSlides[index], i, 'append'));
+    prependSlides.unshift(duplicateSlide(modifiedSlides[modifiedSlides.length - index - 1], i, 'prepend'));
+  }
 
@@ -84,0 +81,0 @@ if (swiper) {

cjs/react/swiper-react.js

 /**
- * Swiper React 8.3.0
+ * Swiper React 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

cjs/solid/loop.js

@@ -33,3 +33,3 @@ "use strict";
 
-  if (loopedSlides > slides.length) {
+  if (loopedSlides > slides.length && swiperParams.loopedSlidesLimit) {
     loopedSlides = slides.length;
@@ -81,11 +81,8 @@ }
   const appendSlides = [];
-  modifiedSlides.forEach((child, index) => {
-    if (index < loopedSlides) {
-      appendSlides.push(duplicateSlide(child, index, 'prepend'));
-    }
 
-    if (index < modifiedSlides.length && index >= modifiedSlides.length - loopedSlides) {
-      prependSlides.push(duplicateSlide(child, index, 'append'));
-    }
-  });
+  for (let i = 0; i < loopedSlides; i += 1) {
+    const index = i - Math.floor(i / modifiedSlides.length) * modifiedSlides.length;
+    appendSlides.push(duplicateSlide(modifiedSlides[index], i, 'append'));
+    prependSlides.unshift(duplicateSlide(modifiedSlides[modifiedSlides.length - index - 1], i, 'prepend'));
+  }
 
@@ -92,0 +89,0 @@ if (swiper) {

cjs/solid/swiper-solid.js

 /**
- * Swiper SolidJS 8.3.0
+ * Swiper SolidJS 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

cjs/solid/swiper.js

@@ -34,6 +34,8 @@ "use strict";
 
-const _tmpl$ = /*#__PURE__*/_$template(`<div class="swiper-button-prev"></div>`, 2),
-      _tmpl$2 = /*#__PURE__*/_$template(`<div class="swiper-button-next"></div>`, 2),
-      _tmpl$3 = /*#__PURE__*/_$template(`<div class="swiper-scrollbar"></div>`, 2),
-      _tmpl$4 = /*#__PURE__*/_$template(`<div class="swiper-pagination"></div>`, 2);
+const _tmpl$ = /*#__PURE__*/_$template(`<div class="swiper-wrapper"></div>`, 2),
+      _tmpl$2 = /*#__PURE__*/_$template(`<div class="swiper-button-prev"></div>`, 2),
+      _tmpl$3 = /*#__PURE__*/_$template(`<div class="swiper-button-next"></div>`, 2),
+      _tmpl$4 = /*#__PURE__*/_$template(`<div class="swiper-scrollbar"></div>`, 2),
+      _tmpl$5 = /*#__PURE__*/_$template(`<div class="swiper-pagination"></div>`, 2),
+      _tmpl$6 = /*#__PURE__*/_$template(`<div></div>`, 2);
 
@@ -145,3 +147,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-  (0, _solidJs.createEffect)(() => {
+  (0, _solidJs.onMount)(() => {
     if (local.ref) {
@@ -170,7 +172,7 @@ if (typeof local.ref === 'function') {
     if (local.onSwiper) local.onSwiper(swiperRef);
-    (0, _solidJs.onCleanup)(() => {
-      if (swiperRef && !swiperRef.destroyed) {
-        swiperRef.destroy(true, false);
-      }
-    });
+  });
+  (0, _solidJs.onCleanup)(() => {
+    if (swiperRef && !swiperRef.destroyed) {
+      swiperRef.destroy(true, false);
+    }
   }); // watch for params change
@@ -223,89 +225,75 @@
 
-  return (0, _web.createComponent)(_web.Dynamic, (0, _web.mergeProps)({
-    get component() {
-      return local.tag || 'div';
-    },
+  return (() => {
+    const _el$ = _tmpl$6.cloneNode(true);
 
-    ref(r$) {
-      const _ref$ = swiperElRef;
-      typeof _ref$ === "function" ? _ref$(r$) : swiperElRef = r$;
-    },
+    const _ref$ = swiperElRef;
+    typeof _ref$ === "function" ? _ref$(_el$) : swiperElRef = _el$;
+    (0, _web.spread)(_el$, () => params().rest, false, true);
+    (0, _web.insert)(_el$, (0, _web.createComponent)(_context.SwiperContext.Provider, {
+      value: swiperRef,
 
-    get ["class"]() {
-      return (0, _utils.uniqueClasses)(`${containerClasses()}${local.class ? ` ${local.class}` : ''}`);
-    }
+      get children() {
+        return [(0, _web.memo)(() => slots['container-start']), (() => {
+          const _el$2 = _tmpl$.cloneNode(true);
 
-  }, () => params().rest, {
-    get children() {
-      return (0, _web.createComponent)(_context.SwiperContext.Provider, {
-        value: swiperRef,
+          (0, _web.insert)(_el$2, () => slots['wrapper-start'], null);
+          (0, _web.insert)(_el$2, renderSlides, null);
+          (0, _web.insert)(_el$2, () => slots['wrapper-end'], null);
+          return _el$2;
+        })(), (0, _web.createComponent)(_solidJs.Show, {
+          get when() {
+            return (0, _utils.needsNavigation)(params().params);
+          },
 
-        get children() {
-          return [(0, _web.memo)(() => slots['container-start']), (0, _web.createComponent)(_web.Dynamic, {
-            get component() {
-              return local.wrapperTag || 'div';
-            },
+          get children() {
+            return [(() => {
+              const _el$3 = _tmpl$2.cloneNode(true);
 
-            "class": "swiper-wrapper",
+              const _ref$2 = prevElRef;
+              typeof _ref$2 === "function" ? _ref$2(_el$3) : prevElRef = _el$3;
+              return _el$3;
+            })(), (() => {
+              const _el$4 = _tmpl$3.cloneNode(true);
 
-            get children() {
-              return [(0, _web.memo)(() => slots['wrapper-start']), (0, _web.memo)(() => renderSlides()), (0, _web.memo)(() => slots['wrapper-end'])];
-            }
+              const _ref$3 = nextElRef;
+              typeof _ref$3 === "function" ? _ref$3(_el$4) : nextElRef = _el$4;
+              return _el$4;
+            })()];
+          }
 
-          }), (0, _web.createComponent)(_solidJs.Show, {
-            get when() {
-              return (0, _utils.needsNavigation)(params().params);
-            },
+        }), (0, _web.createComponent)(_solidJs.Show, {
+          get when() {
+            return (0, _utils.needsScrollbar)(params().params);
+          },
 
-            get children() {
-              return [(() => {
-                const _el$ = _tmpl$.cloneNode(true);
+          get children() {
+            const _el$5 = _tmpl$4.cloneNode(true);
 
-                const _ref$2 = prevElRef;
-                typeof _ref$2 === "function" ? _ref$2(_el$) : prevElRef = _el$;
-                return _el$;
-              })(), (() => {
-                const _el$2 = _tmpl$2.cloneNode(true);
+            const _ref$4 = scrollbarElRef;
+            typeof _ref$4 === "function" ? _ref$4(_el$5) : scrollbarElRef = _el$5;
+            return _el$5;
+          }
 
-                const _ref$3 = nextElRef;
-                typeof _ref$3 === "function" ? _ref$3(_el$2) : nextElRef = _el$2;
-                return _el$2;
-              })()];
-            }
+        }), (0, _web.createComponent)(_solidJs.Show, {
+          get when() {
+            return (0, _utils.needsPagination)(params().params);
+          },
 
-          }), (0, _web.createComponent)(_solidJs.Show, {
-            get when() {
-              return (0, _utils.needsScrollbar)(params().params);
-            },
+          get children() {
+            const _el$6 = _tmpl$5.cloneNode(true);
 
-            get children() {
-              const _el$3 = _tmpl$3.cloneNode(true);
+            const _ref$5 = paginationElRef;
+            typeof _ref$5 === "function" ? _ref$5(_el$6) : paginationElRef = _el$6;
+            return _el$6;
+          }
 
-              const _ref$4 = scrollbarElRef;
-              typeof _ref$4 === "function" ? _ref$4(_el$3) : scrollbarElRef = _el$3;
-              return _el$3;
-            }
+        }), (0, _web.memo)(() => slots['container-end'])];
+      }
 
-          }), (0, _web.createComponent)(_solidJs.Show, {
-            get when() {
-              return (0, _utils.needsPagination)(params().params);
-            },
-
-            get children() {
-              const _el$4 = _tmpl$4.cloneNode(true);
-
-              const _ref$5 = paginationElRef;
-              typeof _ref$5 === "function" ? _ref$5(_el$4) : paginationElRef = _el$4;
-              return _el$4;
-            }
-
-          }), (0, _web.memo)(() => slots['container-end'])];
-        }
-
-      });
-    }
-
-  }));
+    }));
+    (0, _web.effect)(() => (0, _web.className)(_el$, (0, _utils.uniqueClasses)(`${containerClasses()}${local.class ? ` ${local.class}` : ''}`)));
+    return _el$;
+  })();
 };
 
 exports.Swiper = Swiper;

cjs/svelte/swiper-svelte.js

 /**
- * Swiper Svelte 8.3.0
+ * Swiper Svelte 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

cjs/vue/loop.js

@@ -29,3 +29,3 @@ "use strict";
 
-  if (loopedSlides > slides.length) {
+  if (loopedSlides > slides.length && swiperParams.loopedSlidesLimit) {
     loopedSlides = slides.length;
@@ -73,11 +73,8 @@ }
   const appendSlides = [];
-  modifiedSlides.forEach((child, index) => {
-    if (index < loopedSlides) {
-      appendSlides.push(duplicateSlide(child, index, 'prepend'));
-    }
 
-    if (index < modifiedSlides.length && index >= modifiedSlides.length - loopedSlides) {
-      prependSlides.push(duplicateSlide(child, index, 'append'));
-    }
-  });
+  for (let i = 0; i < loopedSlides; i += 1) {
+    const index = i - Math.floor(i / modifiedSlides.length) * modifiedSlides.length;
+    appendSlides.push(duplicateSlide(modifiedSlides[index], i, 'append'));
+    prependSlides.unshift(duplicateSlide(modifiedSlides[modifiedSlides.length - index - 1], i, 'prepend'));
+  }
 
@@ -84,0 +81,0 @@ if (swiperRef.value) {

cjs/vue/swiper-vue.js

 /**
- * Swiper Vue 8.3.0
+ * Swiper Vue 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

cjs/vue/swiper.js

@@ -297,2 +297,6 @@ "use strict";
     },
+    loopedSlidesLimit: {
+      type: Boolean,
+      default: true
+    },
     loopFillGroupWithBlank: {
@@ -299,0 +303,0 @@ type: Boolean,

esm/components-shared/params-list.js

 /* underscore in name -> watch for changes */
-const paramsList = ['modules', 'init', '_direction', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', '_spaceBetween', '_slidesPerView', 'maxBackfaceHiddenSlides', '_grid', '_slidesPerGroup', '_slidesPerGroupSkip', '_slidesPerGroupAuto', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_preloadImages', 'updateOnImagesReady', '_loop', '_loopAdditionalSlides', '_loopedSlides', '_loopFillGroupWithBlank', 'loopPreventsSlide', '_rewind', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideBlankClass', 'slideActiveClass', 'slideDuplicateActiveClass', 'slideVisibleClass', 'slideDuplicateClass', 'slideNextClass', 'slideDuplicateNextClass', 'slidePrevClass', 'slideDuplicatePrevClass', 'wrapperClass', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren', // modules
+const paramsList = ['modules', 'init', '_direction', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', '_spaceBetween', '_slidesPerView', 'maxBackfaceHiddenSlides', '_grid', '_slidesPerGroup', '_slidesPerGroupSkip', '_slidesPerGroupAuto', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_preloadImages', 'updateOnImagesReady', '_loop', '_loopAdditionalSlides', '_loopedSlides', '_loopedSlidesLimit', '_loopFillGroupWithBlank', 'loopPreventsSlide', '_rewind', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideBlankClass', 'slideActiveClass', 'slideDuplicateActiveClass', 'slideVisibleClass', 'slideDuplicateClass', 'slideNextClass', 'slideDuplicateNextClass', 'slidePrevClass', 'slideDuplicatePrevClass', 'wrapperClass', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren', // modules
 'a11y', '_autoplay', '_controller', 'coverflowEffect', 'cubeEffect', 'fadeEffect', 'flipEffect', 'creativeEffect', 'cardsEffect', 'hashNavigation', 'history', 'keyboard', 'lazy', 'mousewheel', '_navigation', '_pagination', 'parallax', '_scrollbar', '_thumbs', 'virtual', 'zoom'];
 export { paramsList };

esm/core/defaults.js

@@ -90,2 +90,3 @@ export default {
   loopedSlides: null,
+  loopedSlidesLimit: true,
   loopFillGroupWithBlank: false,
@@ -92,0 +93,0 @@ loopPreventsSlide: true,

esm/core/events/onTouchStart.js

@@ -58,5 +58,7 @@ import { getWindow, getDocument } from 'ssr-window';
 
-  const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== '';
+  const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== ''; // eslint-disable-next-line
 
-  if (swipingClassHasValue && e.target && e.target.shadowRoot && event.path && event.path[0]) {
+  const eventPath = event.composedPath ? event.composedPath() : event.path ? event.path[0] : undefined;
+
+  if (swipingClassHasValue && e.target && e.target.shadowRoot && eventPath) {
     $targetEl = $(event.path[0]);
@@ -63,0 +65,0 @@ }

esm/core/loop/loopCreate.js

@@ -32,3 +32,3 @@ import { getDocument } from 'ssr-window';
 
-  if (swiper.loopedSlides > slides.length) {
+  if (swiper.loopedSlides > slides.length && swiper.params.loopedSlidesLimit) {
     swiper.loopedSlides = slides.length;
@@ -40,15 +40,11 @@ }
   slides.each((el, index) => {
-    const slide = $(el);
+    $(el).attr('data-swiper-slide-index', index);
+  });
 
-    if (index < swiper.loopedSlides) {
-      appendSlides.push(el);
-    }
+  for (let i = 0; i < swiper.loopedSlides; i += 1) {
+    const index = i - Math.floor(i / slides.length) * slides.length;
+    appendSlides.push(slides.eq(index)[0]);
+    prependSlides.unshift(slides.eq(slides.length - index - 1)[0]);
+  }
 
-    if (index < slides.length && index >= slides.length - swiper.loopedSlides) {
-      prependSlides.push(el);
-    }
-
-    slide.attr('data-swiper-slide-index', index);
-  });
-
   for (let i = 0; i < appendSlides.length; i += 1) {
@@ -55,0 +51,0 @@ $selector.append($(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));

esm/modules/a11y/a11y.js

@@ -196,2 +196,9 @@ import classesToSelector from '../../shared/classes-to-selector.js';
     if (isActive || isVisible) return;
+
+    if (swiper.isHorizontal()) {
+      swiper.el.scrollLeft = 0;
+    } else {
+      swiper.el.scrollTop = 0;
+    }
+
     swiper.slideTo(swiper.slides.indexOf(slideEl), 0);
@@ -198,0 +205,0 @@ };

esm/modules/autoplay/autoplay.js

@@ -31,2 +31,8 @@ /* eslint no-underscore-dangle: "off" */
   function run() {
+    if (!swiper.size) {
+      swiper.autoplay.running = false;
+      swiper.autoplay.paused = false;
+      return;
+    }
+
     const $activeSlideEl = swiper.slides.eq(swiper.activeIndex);
@@ -33,0 +39,0 @@ let delay = swiper.params.autoplay.delay;

esm/react/loop.js

@@ -19,3 +19,3 @@ import React from 'react';
 
-  if (loopedSlides > slides.length) {
+  if (loopedSlides > slides.length && swiperParams.loopedSlidesLimit) {
     loopedSlides = slides.length;
@@ -62,11 +62,8 @@ }
   const appendSlides = [];
-  modifiedSlides.forEach((child, index) => {
-    if (index < loopedSlides) {
-      appendSlides.push(duplicateSlide(child, index, 'prepend'));
-    }
 
-    if (index < modifiedSlides.length && index >= modifiedSlides.length - loopedSlides) {
-      prependSlides.push(duplicateSlide(child, index, 'append'));
-    }
-  });
+  for (let i = 0; i < loopedSlides; i += 1) {
+    const index = i - Math.floor(i / modifiedSlides.length) * modifiedSlides.length;
+    appendSlides.push(duplicateSlide(modifiedSlides[index], i, 'append'));
+    prependSlides.unshift(duplicateSlide(modifiedSlides[modifiedSlides.length - index - 1], i, 'prepend'));
+  }
 
@@ -73,0 +70,0 @@ if (swiper) {

esm/react/swiper-react.js

 /**
- * Swiper React 8.3.0
+ * Swiper React 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

esm/solid/loop.js

@@ -23,3 +23,3 @@ import { template as _$template } from "solid-js/web";
 
-  if (loopedSlides > slides.length) {
+  if (loopedSlides > slides.length && swiperParams.loopedSlidesLimit) {
     loopedSlides = slides.length;
@@ -72,11 +72,8 @@ }
   const appendSlides = [];
-  modifiedSlides.forEach((child, index) => {
-    if (index < loopedSlides) {
-      appendSlides.push(duplicateSlide(child, index, 'prepend'));
-    }
 
-    if (index < modifiedSlides.length && index >= modifiedSlides.length - loopedSlides) {
-      prependSlides.push(duplicateSlide(child, index, 'append'));
-    }
-  });
+  for (let i = 0; i < loopedSlides; i += 1) {
+    const index = i - Math.floor(i / modifiedSlides.length) * modifiedSlides.length;
+    appendSlides.push(duplicateSlide(modifiedSlides[index], i, 'append'));
+    prependSlides.unshift(duplicateSlide(modifiedSlides[modifiedSlides.length - index - 1], i, 'prepend'));
+  }
 
@@ -83,0 +80,0 @@ if (swiper) {

esm/solid/swiper-solid.js

 /**
- * Swiper SolidJS 8.3.0
+ * Swiper SolidJS 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

esm/solid/swiper.js

 import { template as _$template } from "solid-js/web";
-import { mergeProps as _$mergeProps } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
 
-const _tmpl$ = /*#__PURE__*/_$template(`<div class="swiper-button-prev"></div>`, 2),
-      _tmpl$2 = /*#__PURE__*/_$template(`<div class="swiper-button-next"></div>`, 2),
-      _tmpl$3 = /*#__PURE__*/_$template(`<div class="swiper-scrollbar"></div>`, 2),
-      _tmpl$4 = /*#__PURE__*/_$template(`<div class="swiper-pagination"></div>`, 2);
+const _tmpl$ = /*#__PURE__*/_$template(`<div class="swiper-wrapper"></div>`, 2),
+      _tmpl$2 = /*#__PURE__*/_$template(`<div class="swiper-button-prev"></div>`, 2),
+      _tmpl$3 = /*#__PURE__*/_$template(`<div class="swiper-button-next"></div>`, 2),
+      _tmpl$4 = /*#__PURE__*/_$template(`<div class="swiper-scrollbar"></div>`, 2),
+      _tmpl$5 = /*#__PURE__*/_$template(`<div class="swiper-pagination"></div>`, 2),
+      _tmpl$6 = /*#__PURE__*/_$template(`<div></div>`, 2);
 
-import { createEffect, createMemo, createSignal, onCleanup, Show, splitProps } from 'solid-js';
-import { Dynamic } from 'solid-js/web';
+import { createEffect, createMemo, createSignal, onCleanup, onMount, Show, splitProps } from 'solid-js';
 import SwiperCore from 'swiper-cjs';
@@ -128,3 +132,3 @@ import { SwiperContext } from './context.js';
 
-  createEffect(() => {
+  onMount(() => {
     if (local.ref) {
@@ -153,7 +157,7 @@ if (typeof local.ref === 'function') {
     if (local.onSwiper) local.onSwiper(swiperRef);
-    onCleanup(() => {
-      if (swiperRef && !swiperRef.destroyed) {
-        swiperRef.destroy(true, false);
-      }
-    });
+  });
+  onCleanup(() => {
+    if (swiperRef && !swiperRef.destroyed) {
+      swiperRef.destroy(true, false);
+    }
   }); // watch for params change
@@ -206,89 +210,82 @@
 
-  return _$createComponent(Dynamic, _$mergeProps({
-    get component() {
-      return local.tag || 'div';
-    },
+  return (() => {
+    const _el$ = _tmpl$6.cloneNode(true);
 
-    ref(r$) {
-      const _ref$ = swiperElRef;
-      typeof _ref$ === "function" ? _ref$(r$) : swiperElRef = r$;
-    },
+    const _ref$ = swiperElRef;
+    typeof _ref$ === "function" ? _ref$(_el$) : swiperElRef = _el$;
 
-    get ["class"]() {
-      return uniqueClasses(`${containerClasses()}${local.class ? ` ${local.class}` : ''}`);
-    }
+    _$spread(_el$, () => params().rest, false, true);
 
-  }, () => params().rest, {
-    get children() {
-      return _$createComponent(SwiperContext.Provider, {
-        value: swiperRef,
+    _$insert(_el$, _$createComponent(SwiperContext.Provider, {
+      value: swiperRef,
 
-        get children() {
-          return [_$memo(() => slots['container-start']), _$createComponent(Dynamic, {
-            get component() {
-              return local.wrapperTag || 'div';
-            },
+      get children() {
+        return [_$memo(() => slots['container-start']), (() => {
+          const _el$2 = _tmpl$.cloneNode(true);
 
-            "class": "swiper-wrapper",
+          _$insert(_el$2, () => slots['wrapper-start'], null);
 
-            get children() {
-              return [_$memo(() => slots['wrapper-start']), _$memo(() => renderSlides()), _$memo(() => slots['wrapper-end'])];
-            }
+          _$insert(_el$2, renderSlides, null);
 
-          }), _$createComponent(Show, {
-            get when() {
-              return needsNavigation(params().params);
-            },
+          _$insert(_el$2, () => slots['wrapper-end'], null);
 
-            get children() {
-              return [(() => {
-                const _el$ = _tmpl$.cloneNode(true);
+          return _el$2;
+        })(), _$createComponent(Show, {
+          get when() {
+            return needsNavigation(params().params);
+          },
 
-                const _ref$2 = prevElRef;
-                typeof _ref$2 === "function" ? _ref$2(_el$) : prevElRef = _el$;
-                return _el$;
-              })(), (() => {
-                const _el$2 = _tmpl$2.cloneNode(true);
+          get children() {
+            return [(() => {
+              const _el$3 = _tmpl$2.cloneNode(true);
 
-                const _ref$3 = nextElRef;
-                typeof _ref$3 === "function" ? _ref$3(_el$2) : nextElRef = _el$2;
-                return _el$2;
-              })()];
-            }
+              const _ref$2 = prevElRef;
+              typeof _ref$2 === "function" ? _ref$2(_el$3) : prevElRef = _el$3;
+              return _el$3;
+            })(), (() => {
+              const _el$4 = _tmpl$3.cloneNode(true);
 
-          }), _$createComponent(Show, {
-            get when() {
-              return needsScrollbar(params().params);
-            },
+              const _ref$3 = nextElRef;
+              typeof _ref$3 === "function" ? _ref$3(_el$4) : nextElRef = _el$4;
+              return _el$4;
+            })()];
+          }
 
-            get children() {
-              const _el$3 = _tmpl$3.cloneNode(true);
+        }), _$createComponent(Show, {
+          get when() {
+            return needsScrollbar(params().params);
+          },
 
-              const _ref$4 = scrollbarElRef;
-              typeof _ref$4 === "function" ? _ref$4(_el$3) : scrollbarElRef = _el$3;
-              return _el$3;
-            }
+          get children() {
+            const _el$5 = _tmpl$4.cloneNode(true);
 
-          }), _$createComponent(Show, {
-            get when() {
-              return needsPagination(params().params);
-            },
+            const _ref$4 = scrollbarElRef;
+            typeof _ref$4 === "function" ? _ref$4(_el$5) : scrollbarElRef = _el$5;
+            return _el$5;
+          }
 
-            get children() {
-              const _el$4 = _tmpl$4.cloneNode(true);
+        }), _$createComponent(Show, {
+          get when() {
+            return needsPagination(params().params);
+          },
 
-              const _ref$5 = paginationElRef;
-              typeof _ref$5 === "function" ? _ref$5(_el$4) : paginationElRef = _el$4;
-              return _el$4;
-            }
+          get children() {
+            const _el$6 = _tmpl$5.cloneNode(true);
 
-          }), _$memo(() => slots['container-end'])];
-        }
+            const _ref$5 = paginationElRef;
+            typeof _ref$5 === "function" ? _ref$5(_el$6) : paginationElRef = _el$6;
+            return _el$6;
+          }
 
-      });
-    }
+        }), _$memo(() => slots['container-end'])];
+      }
 
-  }));
+    }));
+
+    _$effect(() => _$className(_el$, uniqueClasses(`${containerClasses()}${local.class ? ` ${local.class}` : ''}`)));
+
+    return _el$;
+  })();
 };
 
 export { Swiper };

esm/svelte/swiper-svelte.js

 /**
- * Swiper Svelte 8.3.0
+ * Swiper Svelte 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

esm/vue/loop.js

@@ -19,3 +19,3 @@ import { h } from 'vue';
 
-  if (loopedSlides > slides.length) {
+  if (loopedSlides > slides.length && swiperParams.loopedSlidesLimit) {
     loopedSlides = slides.length;
@@ -63,11 +63,8 @@ }
   const appendSlides = [];
-  modifiedSlides.forEach((child, index) => {
-    if (index < loopedSlides) {
-      appendSlides.push(duplicateSlide(child, index, 'prepend'));
-    }
 
-    if (index < modifiedSlides.length && index >= modifiedSlides.length - loopedSlides) {
-      prependSlides.push(duplicateSlide(child, index, 'append'));
-    }
-  });
+  for (let i = 0; i < loopedSlides; i += 1) {
+    const index = i - Math.floor(i / modifiedSlides.length) * modifiedSlides.length;
+    appendSlides.push(duplicateSlide(modifiedSlides[index], i, 'append'));
+    prependSlides.unshift(duplicateSlide(modifiedSlides[modifiedSlides.length - index - 1], i, 'prepend'));
+  }
 
@@ -74,0 +71,0 @@ if (swiperRef.value) {

esm/vue/swiper-vue.js

 /**
- * Swiper Vue 8.3.0
+ * Swiper Vue 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

esm/vue/swiper.js

@@ -279,2 +279,6 @@ import { h, ref, onMounted, onUpdated, onBeforeUnmount, watch, nextTick, provide } from 'vue';
     },
+    loopedSlidesLimit: {
+      type: Boolean,
+      default: true
+    },
     loopFillGroupWithBlank: {
@@ -281,0 +285,0 @@ type: Boolean,

package.json

 {
   "name": "swiper-cjs",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "description": "Most modern mobile touch slider and framework with hardware accelerated transitions",
@@ -5,0 +5,0 @@ "main": "swiper.cjs.js",

react/swiper-react.d.ts

@@ -45,2 +45,12 @@ import * as React from 'react';
   onAutoplay?: (swiper: SwiperClass) => void;/**
+   * Event will be fired on window hash change
+   */
+  onHashChange?: (swiper: SwiperClass) => void;
+  /**
+   * Event will be fired when swiper updates the hash
+   */
+  onHashSet?: (swiper: SwiperClass) => void;/**
+   * Event will be fired on key press
+   */
+  onKeyPress?: (swiper: SwiperClass, keyCode: string) => void;/**
    * Event will be fired in the beginning of lazy loading of image
@@ -53,9 +63,5 @@ */
   onLazyImageReady?: (swiper: SwiperClass, slideEl: HTMLElement, imageEl: HTMLElement) => void;/**
-   * Event will be fired on window hash change
+   * Event will be fired on mousewheel scroll
    */
-  onHashChange?: (swiper: SwiperClass) => void;
-  /**
-   * Event will be fired when swiper updates the hash
-   */
-  onHashSet?: (swiper: SwiperClass) => void;/**
+  onScroll?: (swiper: SwiperClass, event: WheelEvent) => void;/**
    * Event will be fired on navigation hide
@@ -76,5 +82,2 @@ */
   onNavigationNext?: (swiper: SwiperClass) => void;/**
-   * Event will be fired on mousewheel scroll
-   */
-  onScroll?: (swiper: SwiperClass, event: WheelEvent) => void;/**
    * Event will be fired after pagination rendered
@@ -113,6 +116,3 @@ */
    */
-  onZoomChange?: (swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;/**
-   * Event will be fired on key press
-   */
-  onKeyPress?: (swiper: SwiperClass, keyCode: string) => void;
+  onZoomChange?: (swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
   
@@ -119,0 +119,0 @@ /**

solid/swiper-solid.d.ts

@@ -44,2 +44,12 @@ import { Component, JSX } from 'solid-js';
   onAutoplay?: (swiper: SwiperClass) => void;/**
+   * Event will be fired on window hash change
+   */
+  onHashChange?: (swiper: SwiperClass) => void;
+  /**
+   * Event will be fired when swiper updates the hash
+   */
+  onHashSet?: (swiper: SwiperClass) => void;/**
+   * Event will be fired on key press
+   */
+  onKeyPress?: (swiper: SwiperClass, keyCode: string) => void;/**
    * Event will be fired in the beginning of lazy loading of image
@@ -52,9 +62,5 @@ */
   onLazyImageReady?: (swiper: SwiperClass, slideEl: HTMLElement, imageEl: HTMLElement) => void;/**
-   * Event will be fired on window hash change
+   * Event will be fired on mousewheel scroll
    */
-  onHashChange?: (swiper: SwiperClass) => void;
-  /**
-   * Event will be fired when swiper updates the hash
-   */
-  onHashSet?: (swiper: SwiperClass) => void;/**
+  onScroll?: (swiper: SwiperClass, event: WheelEvent) => void;/**
    * Event will be fired on navigation hide
@@ -75,5 +81,2 @@ */
   onNavigationNext?: (swiper: SwiperClass) => void;/**
-   * Event will be fired on mousewheel scroll
-   */
-  onScroll?: (swiper: SwiperClass, event: WheelEvent) => void;/**
    * Event will be fired after pagination rendered
@@ -112,6 +115,3 @@ */
    */
-  onZoomChange?: (swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;/**
-   * Event will be fired on key press
-   */
-  onKeyPress?: (swiper: SwiperClass, keyCode: string) => void;
+  onZoomChange?: (swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
   
@@ -118,0 +118,0 @@ /**

svelte/swiper-svelte.d.ts

@@ -49,2 +49,12 @@ import { SvelteComponentTyped } from 'svelte';
   autoplay: CustomEvent<[swiper: SwiperClass]>;/**
+   * Event will be fired on window hash change
+   */
+  hashChange: CustomEvent<[swiper: SwiperClass]>;
+  /**
+   * Event will be fired when swiper updates the hash
+   */
+  hashSet: CustomEvent<[swiper: SwiperClass]>;/**
+   * Event will be fired on key press
+   */
+  keyPress: CustomEvent<[swiper: SwiperClass, keyCode: string]>;/**
    * Event will be fired in the beginning of lazy loading of image
@@ -57,9 +67,5 @@ */
   lazyImageReady: CustomEvent<[swiper: SwiperClass, slideEl: HTMLElement, imageEl: HTMLElement]>;/**
-   * Event will be fired on window hash change
+   * Event will be fired on mousewheel scroll
    */
-  hashChange: CustomEvent<[swiper: SwiperClass]>;
-  /**
-   * Event will be fired when swiper updates the hash
-   */
-  hashSet: CustomEvent<[swiper: SwiperClass]>;/**
+  scroll: CustomEvent<[swiper: SwiperClass, event: WheelEvent]>;/**
    * Event will be fired on navigation hide
@@ -80,5 +86,2 @@ */
   navigationNext: CustomEvent<[swiper: SwiperClass]>;/**
-   * Event will be fired on mousewheel scroll
-   */
-  scroll: CustomEvent<[swiper: SwiperClass, event: WheelEvent]>;/**
    * Event will be fired after pagination rendered
@@ -117,6 +120,3 @@ */
    */
-  zoomChange: CustomEvent<[swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement]>;/**
-   * Event will be fired on key press
-   */
-  keyPress: CustomEvent<[swiper: SwiperClass, keyCode: string]>;
+  zoomChange: CustomEvent<[swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement]>;
     
@@ -123,0 +123,0 @@ /**

swiper-bundle.cjs.js

 /**
- * Swiper 8.3.0
+ * Swiper 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

swiper-bundle.esm.js

 /**
- * Swiper 8.3.0
+ * Swiper 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

swiper.cjs.js

 /**
- * Swiper 8.3.0
+ * Swiper 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

swiper.esm.js

 /**
- * Swiper 8.3.0
+ * Swiper 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -10,3 +10,3 @@ * https://swiperjs.com
  *
- * Released on: July 10, 2022
+ * Released on: August 8, 2022
  */
@@ -13,0 +13,0 @@

types/swiper-options.d.ts

@@ -636,2 +636,9 @@ import { A11yOptions } from './modules/a11y';
   /**
+   * When enabled then amount of duplicated slides will not exceed amount of original slides. Useful to disable and increase `loopedSlides` when you have a lot of slides per view and not sufficient amount of original slides
+   *
+   * @default true
+   */
+  loopedSlidesLimit?: boolean;
+
+  /**
    * Enable and loop mode will fill groups with insufficient number of slides with blank slides. Good to be used with `slidesPerGroup` parameter
@@ -638,0 +645,0 @@ *

vue/swiper-vue.d.ts

@@ -484,2 +484,12 @@ import {
   autoplay: (swiper: SwiperClass) => void;/**
+   * Event will be fired on window hash change
+   */
+  hashChange: (swiper: SwiperClass) => void;
+  /**
+   * Event will be fired when swiper updates the hash
+   */
+  hashSet: (swiper: SwiperClass) => void;/**
+   * Event will be fired on key press
+   */
+  keyPress: (swiper: SwiperClass, keyCode: string) => void;/**
    * Event will be fired in the beginning of lazy loading of image
@@ -492,9 +502,5 @@ */
   lazyImageReady: (swiper: SwiperClass, slideEl: HTMLElement, imageEl: HTMLElement) => void;/**
-   * Event will be fired on window hash change
+   * Event will be fired on mousewheel scroll
    */
-  hashChange: (swiper: SwiperClass) => void;
-  /**
-   * Event will be fired when swiper updates the hash
-   */
-  hashSet: (swiper: SwiperClass) => void;/**
+  scroll: (swiper: SwiperClass, event: WheelEvent) => void;/**
    * Event will be fired on navigation hide
@@ -515,5 +521,2 @@ */
   navigationNext: (swiper: SwiperClass) => void;/**
-   * Event will be fired on mousewheel scroll
-   */
-  scroll: (swiper: SwiperClass, event: WheelEvent) => void;/**
    * Event will be fired after pagination rendered
@@ -552,6 +555,3 @@ */
    */
-  zoomChange: (swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;/**
-   * Event will be fired on key press
-   */
-  keyPress: (swiper: SwiperClass, keyCode: string) => void;
+  zoomChange: (swiper: SwiperClass, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
     
@@ -558,0 +558,0 @@ /**

No alert changes

Improved metrics

Total package byte prevSize

2087488

increased by0.16%

Lines of code

49822

increased by0.07%

No dependency changes