Update Swiper to latest

src/components/swiper/swiper-class/components/core/loop/loopFix.js

@@ -19,7 +19,7 @@ export default function () {
  if (slideChanged && diff !== 0) {
  swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);
  }
- } else if ((params.slidesPerView === 'auto' && activeIndex >= loopedSlides * 2) || (activeIndex > slides.length - (params.slidesPerView * 2))) {
+ } else if ((params.slidesPerView === 'auto' && activeIndex >= loopedSlides * 2) || (activeIndex >= slides.length - loopedSlides)) {
  // Fix For Positive Oversliding
  newIndex = -slides.length + activeIndex + loopedSlides;
  newIndex += loopedSlides;

src/components/swiper/swiper-class/components/core/manipulation/addSlide.js

@@ -0,0 +1,53 @@
+import Support from '../../../utils/support';
+
+export default function (index, slides) {
+ const swiper = this;
+ const { $wrapperEl, params, activeIndex } = swiper;
+ let activeIndexBuffer = activeIndex;
+ if (params.loop) {
+ activeIndexBuffer -= swiper.loopedSlides;
+ swiper.loopDestroy();
+ swiper.slides = $wrapperEl.children(`.${params.slideClass}`);
+ }
+ const baseLength = swiper.slides.length;
+ if (index <= 0) {
+ swiper.prependSlide(slides);
+ return;
+ } else if (index >= baseLength) {
+ swiper.appendSlide(slides);
+ return;
+ }
+ let newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + 1 : activeIndexBuffer;
+
+ const slidesBuffer = [];
+ for (let i = baseLength - 1; i >= index; i -= 1) {
+ const currentSlide = swiper.slides.eq(i);
+ currentSlide.remove();
+ slidesBuffer.unshift(currentSlide);
+ }
+
+ if (typeof slides === 'object' && 'length' in slides) {
+ for (let i = 0; i < slides.length; i += 1) {
+ if (slides[i]) $wrapperEl.append(slides[i]);
+ }
+ newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + slides.length : activeIndexBuffer;
+ } else {
+ $wrapperEl.append(slides);
+ }
+
+ for (let i = 0; i < slidesBuffer.length; i += 1) {
+ $wrapperEl.append(slidesBuffer[i]);
+ }
+
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+ if (!(params.observer && Support.observer)) {
+ swiper.update();
+ }
+ if (params.loop) {
+ swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
+ } else {
+ swiper.slideTo(newActiveIndex, 0, false);
+ }
+}

src/components/swiper/swiper-class/components/core/manipulation/index.js

@@ -1,11 +1,13 @@
 import appendSlide from './appendSlide';
 import prependSlide from './prependSlide';
+import addSlide from './addSlide';
 import removeSlide from './removeSlide';
 import removeAllSlides from './removeAllSlides';
 
 export default {
  appendSlide,
  prependSlide,
+ addSlide,
  removeSlide,
  removeAllSlides,
 };

src/components/swiper/swiper-class/components/core/manipulation/removeSlide.js

@@ -4,11 +4,13 @@ export default function (slidesIndexes) {
  const swiper = this;
  const { params, $wrapperEl, activeIndex } = swiper;
 
+ let activeIndexBuffer = activeIndex;
  if (params.loop) {
+ activeIndexBuffer -= swiper.loopedSlides;
  swiper.loopDestroy();
  swiper.slides = $wrapperEl.children(`.${params.slideClass}`);
  }
- let newActiveIndex = activeIndex;
+ let newActiveIndex = activeIndexBuffer;
  let indexToRemove;
 
  if (typeof slidesIndexes === 'object' && 'length' in slidesIndexes) {

src/components/swiper/swiper-class/components/core/update/updateSlides.js

@@ -9,8 +9,9 @@ export default function () {
  const {
  $wrapperEl, size: swiperSize, rtlTranslate: rtl, wrongRTL,
  } = swiper;
- const slides = $wrapperEl.children(`.${swiper.params.slideClass}`);
  const isVirtual = swiper.virtual && params.virtual.enabled;
+ const previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;
+ const slides = $wrapperEl.children(`.${swiper.params.slideClass}`);
  const slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length;
  let snapGrid = [];
  const slidesGrid = [];
@@ -26,7 +27,6 @@ export default function () {
  offsetAfter = params.slidesOffsetAfter.call(swiper);
  }
 
- const previousSlidesLength = slidesLength;
  const previousSnapGridLength = swiper.snapGrid.length;
  const previousSlidesGridLength = swiper.snapGrid.length;
 

src/components/swiper/swiper-class/components/pagination/pagination.js

@@ -103,8 +103,8 @@ const Pagination = {
  }
  }
  if (params.type === 'fraction') {
- $el.find(`.${params.currentClass}`).text(current + 1);
- $el.find(`.${params.totalClass}`).text(total);
+ $el.find(`.${params.currentClass}`).text(params.formatFractionCurrent(current + 1));
+ $el.find(`.${params.totalClass}`).text(params.formatFractionTotal(total));
  }
  if (params.type === 'progressbar') {
  let progressbarDirection;
@@ -254,6 +254,8 @@ export default {
  type: 'bullets', // 'bullets' or 'progressbar' or 'fraction' or 'custom'
  dynamicBullets: false,
  dynamicMainBullets: 1,
+ formatFractionCurrent: number => number,
+ formatFractionTotal: number => number,
  bulletClass: 'swiper-pagination-bullet',
  bulletActiveClass: 'swiper-pagination-bullet-active',
  modifierClass: 'swiper-pagination-', // NEW