fix(core): using loop and slideToClickedSlide / slideToLoop with centeredSlides

fixes #8031

Author: nolimits4web

src/core/loop/loopFix.mjs

@@ -45,7 +45,9 @@ export default function loopFix({
   }
 
   const slidesPerGroup = params.slidesPerGroupAuto ? slidesPerView : params.slidesPerGroup;
-  let loopedSlides = slidesPerGroup;
+  let loopedSlides = centeredSlides
+    ? Math.max(slidesPerGroup, Math.ceil(slidesPerView / 2))
+    : slidesPerGroup;
 
   if (loopedSlides % slidesPerGroup !== 0) {
     loopedSlides += slidesPerGroup - (loopedSlides % slidesPerGroup);

src/core/slide/slideToClickedSlide.mjs

@@ -16,21 +16,7 @@ export default function slideToClickedSlide() {
     if (swiper.animating) return;
     realIndex = parseInt(swiper.clickedSlide.getAttribute('data-swiper-slide-index'), 10);
     if (params.centeredSlides) {
-      if (
-        slideToIndex < swiper.loopedSlides - slidesPerView / 2 ||
-        slideToIndex > swiper.slides.length - swiper.loopedSlides + slidesPerView / 2
-      ) {
-        swiper.loopFix();
-        slideToIndex = swiper.getSlideIndex(
-          elementChildren(slidesEl, `${slideSelector}[data-swiper-slide-index="${realIndex}"]`)[0],
-        );
-
-        nextTick(() => {
-          swiper.slideTo(slideToIndex);
-        });
-      } else {
-        swiper.slideTo(slideToIndex);
-      }
+      swiper.slideToLoop(realIndex);
     } else if (
       slideToIndex > isGrid
         ? (swiper.slides.length - slidesPerView) / 2 - (swiper.params.grid.rows - 1)