@gravity-ui/page-constructor 8.13.0-beta.1 → 8.13.1

package/build/cjs/node_modules/swiper/swiper.js

@@ -28,9 +28,14 @@ module.exports = __toCommonJS(swiper_exports);
 function isObject(obj) {
   return obj !== null && typeof obj === "object" && "constructor" in obj && obj.constructor === Object;
 }
-function extend(target = {}, src = {}) {
-  const noExtend = ["__proto__", "constructor", "prototype"];
-  Object.keys(src).filter((key) => noExtend.indexOf(key) < 0).forEach((key) => {
+function extend(target, src) {
+  if (target === void 0) {
+    target = {};
+  }
+  if (src === void 0) {
+    src = {};
+  }
+  Object.keys(src).forEach((key) => {
     if (typeof target[key] === "undefined") target[key] = src[key];
     else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {
       extend(target[key], src[key]);
@@ -169,9 +174,6 @@ function getWindow() {
 }
 
 // node_modules/swiper/shared/utils.mjs
-function classesToTokens(classes2 = "") {
-  return classes2.trim().split(" ").filter((c) => !!c.trim());
-}
 function deleteProps(obj) {
   const object = obj;
   Object.keys(object).forEach((key) => {
@@ -185,7 +187,10 @@ function deleteProps(obj) {
     }
   });
 }
-function nextTick(callback, delay = 0) {
+function nextTick(callback, delay) {
+  if (delay === void 0) {
+    delay = 0;
+  }
   return setTimeout(callback, delay);
 }
 function now() {
@@ -205,7 +210,10 @@ function getComputedStyle2(el) {
   }
   return style;
 }
-function getTranslate(el, axis = "x") {
+function getTranslate(el, axis) {
+  if (axis === void 0) {
+    axis = "x";
+  }
   const window2 = getWindow();
   let matrix;
   let curTransform;
@@ -242,12 +250,13 @@ function isNode(node) {
   }
   return node && (node.nodeType === 1 || node.nodeType === 11);
 }
-function extend2(...args) {
-  const to = Object(args[0]);
-  for (let i = 1; i < args.length; i += 1) {
-    const nextSource = args[i];
+function extend2() {
+  const to = Object(arguments.length <= 0 ? void 0 : arguments[0]);
+  const noExtend = ["__proto__", "constructor", "prototype"];
+  for (let i = 1; i < arguments.length; i += 1) {
+    const nextSource = i < 0 || arguments.length <= i ? void 0 : arguments[i];
     if (nextSource !== void 0 && nextSource !== null && !isNode(nextSource)) {
-      const keysArray = Object.keys(Object(nextSource)).filter((key) => key !== "__proto__" && key !== "constructor" && key !== "prototype");
+      const keysArray = Object.keys(Object(nextSource)).filter((key) => noExtend.indexOf(key) < 0);
       for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
         const nextKey = keysArray[nextIndex];
         const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
@@ -277,11 +286,12 @@ function extend2(...args) {
 function setCSSProperty(el, varName, varValue) {
   el.style.setProperty(varName, varValue);
 }
-function animateCSSModeScroll({
-  swiper,
-  targetPosition,
-  side
-}) {
+function animateCSSModeScroll(_ref) {
+  let {
+    swiper,
+    targetPosition,
+    side
+  } = _ref;
   const window2 = getWindow();
   const startPosition = -swiper.translate;
   let startTime = null;
@@ -323,49 +333,18 @@ function animateCSSModeScroll({
   };
   animate();
 }
-function elementChildren(element, selector = "") {
-  const window2 = getWindow();
-  const children = [...element.children];
-  if (window2.HTMLSlotElement && element instanceof HTMLSlotElement) {
-    children.push(...element.assignedElements());
-  }
-  if (!selector) {
-    return children;
-  }
-  return children.filter((el) => el.matches(selector));
-}
-function elementIsChildOfSlot(el, slot) {
-  const elementsQueue = [slot];
-  while (elementsQueue.length > 0) {
-    const elementToCheck = elementsQueue.shift();
-    if (el === elementToCheck) {
-      return true;
-    }
-    elementsQueue.push(...elementToCheck.children, ...elementToCheck.shadowRoot ? elementToCheck.shadowRoot.children : [], ...elementToCheck.assignedElements ? elementToCheck.assignedElements() : []);
-  }
-}
-function elementIsChildOf(el, parent) {
-  const window2 = getWindow();
-  let isChild = parent.contains(el);
-  if (!isChild && window2.HTMLSlotElement && parent instanceof HTMLSlotElement) {
-    const children = [...parent.assignedElements()];
-    isChild = children.includes(el);
-    if (!isChild) {
-      isChild = elementIsChildOfSlot(el, parent);
-    }
+function elementChildren(element, selector) {
+  if (selector === void 0) {
+    selector = "";
   }
-  return isChild;
+  return [...element.children].filter((el) => el.matches(selector));
 }
-function showWarning(text) {
-  try {
-    console.warn(text);
-    return;
-  } catch (err) {
+function createElement(tag, classes2) {
+  if (classes2 === void 0) {
+    classes2 = [];
   }
-}
-function createElement(tag, classes2 = []) {
   const el = document.createElement(tag);
-  el.classList.add(...Array.isArray(classes2) ? classes2 : classesToTokens(classes2));
+  el.classList.add(...Array.isArray(classes2) ? classes2 : [classes2]);
   return el;
 }
 function elementPrevAll(el, selector) {
@@ -444,9 +423,10 @@ function getSupport() {
   return support;
 }
 var deviceCached;
-function calcDevice({
-  userAgent
-} = {}) {
+function calcDevice(_temp) {
+  let {
+    userAgent
+  } = _temp === void 0 ? {} : _temp;
   const support2 = getSupport();
   const window2 = getWindow();
   const platform = window2.navigator.platform;
@@ -458,7 +438,7 @@ function calcDevice({
   const screenWidth = window2.screen.width;
   const screenHeight = window2.screen.height;
   const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
-  let ipad = ua.match(/(iPad)(?!\1).*OS\s([\d_]+)/);
+  let ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
   const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
   const iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
   const windows = platform === "Win32";
@@ -479,7 +459,10 @@ function calcDevice({
   }
   return device;
 }
-function getDevice(overrides = {}) {
+function getDevice(overrides) {
+  if (overrides === void 0) {
+    overrides = {};
+  }
   if (!deviceCached) {
     deviceCached = calcDevice(overrides);
   }
@@ -488,7 +471,6 @@ function getDevice(overrides = {}) {
 var browser;
 function calcBrowser() {
   const window2 = getWindow();
-  const device = getDevice();
   let needPerspectiveFix = false;
   function isSafari() {
     const ua = window2.navigator.userAgent.toLowerCase();
@@ -501,14 +483,10 @@ function calcBrowser() {
       needPerspectiveFix = major < 16 || major === 16 && minor < 2;
     }
   }
-  const isWebView = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window2.navigator.userAgent);
-  const isSafariBrowser = isSafari();
-  const need3dFix = isSafariBrowser || isWebView && device.ios;
   return {
-    isSafari: needPerspectiveFix || isSafariBrowser,
+    isSafari: needPerspectiveFix || isSafari(),
     needPerspectiveFix,
-    need3dFix,
-    isWebView
+    isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window2.navigator.userAgent)
   };
 }
 function getBrowser() {
@@ -517,11 +495,12 @@ function getBrowser() {
   }
   return browser;
 }
-function Resize({
-  swiper,
-  on,
-  emit
-}) {
+function Resize(_ref) {
+  let {
+    swiper,
+    on,
+    emit
+  } = _ref;
   const window2 = getWindow();
   let observer = null;
   let animationFrame = null;
@@ -540,11 +519,12 @@ function Resize({
         } = swiper;
         let newWidth = width;
         let newHeight = height;
-        entries.forEach(({
-          contentBoxSize,
-          contentRect,
-          target
-        }) => {
+        entries.forEach((_ref2) => {
+          let {
+            contentBoxSize,
+            contentRect,
+            target
+          } = _ref2;
           if (target && target !== swiper.el) return;
           newWidth = contentRect ? contentRect.width : (contentBoxSize[0] || contentBoxSize).inlineSize;
           newHeight = contentRect ? contentRect.height : (contentBoxSize[0] || contentBoxSize).blockSize;
@@ -583,15 +563,19 @@ function Resize({
     window2.removeEventListener("orientationchange", orientationChangeHandler);
   });
 }
-function Observer({
-  swiper,
-  extendParams,
-  on,
-  emit
-}) {
+function Observer(_ref) {
+  let {
+    swiper,
+    extendParams,
+    on,
+    emit
+  } = _ref;
   const observers = [];
   const window2 = getWindow();
-  const attach = (target, options = {}) => {
+  const attach = function(target, options) {
+    if (options === void 0) {
+      options = {};
+    }
     const ObserverFunc = window2.MutationObserver || window2.WebkitMutationObserver;
     const observer = new ObserverFunc((mutations) => {
       if (swiper.__preventObserver__) return;
@@ -610,7 +594,7 @@ function Observer({
     });
     observer.observe(target, {
       attributes: typeof options.attributes === "undefined" ? true : options.attributes,
-      childList: swiper.isElement || (typeof options.childList === "undefined" ? true : options).childList,
+      childList: typeof options.childList === "undefined" ? true : options.childList,
       characterData: typeof options.characterData === "undefined" ? true : options.characterData
     });
     observers.push(observer);
@@ -660,11 +644,14 @@ var eventsEmitter = {
     const self = this;
     if (!self.eventsListeners || self.destroyed) return self;
     if (typeof handler !== "function") return self;
-    function onceHandler(...args) {
+    function onceHandler() {
       self.off(events2, onceHandler);
       if (onceHandler.__emitterProxy) {
         delete onceHandler.__emitterProxy;
       }
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
       handler.apply(self, args);
     }
     onceHandler.__emitterProxy = handler;
@@ -707,13 +694,16 @@ var eventsEmitter = {
     });
     return self;
   },
-  emit(...args) {
+  emit() {
     const self = this;
     if (!self.eventsListeners || self.destroyed) return self;
     if (!self.eventsListeners) return self;
     let events2;
     let data;
     let context;
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
     if (typeof args[0] === "string" || Array.isArray(args[0])) {
       events2 = args[0];
       data = args.slice(1, args.length);
@@ -770,13 +760,29 @@ function updateSize() {
 }
 function updateSlides() {
   const swiper = this;
+  function getDirectionLabel(property) {
+    if (swiper.isHorizontal()) {
+      return property;
+    }
+    return {
+      "width": "height",
+      "margin-top": "margin-left",
+      "margin-bottom ": "margin-right",
+      "margin-left": "margin-top",
+      "margin-right": "margin-bottom",
+      "padding-left": "padding-top",
+      "padding-right": "padding-bottom",
+      "marginRight": "marginBottom"
+    }[property];
+  }
   function getDirectionPropertyValue(node, label) {
-    return parseFloat(node.getPropertyValue(swiper.getDirectionLabel(label)) || 0);
+    return parseFloat(node.getPropertyValue(getDirectionLabel(label)) || 0);
   }
   const params = swiper.params;
   const {
     wrapperEl,
     slidesEl,
+    size: swiperSize,
     rtlTranslate: rtl,
     wrongRTL
   } = swiper;
@@ -797,7 +803,6 @@ function updateSlides() {
   }
   const previousSnapGridLength = swiper.snapGrid.length;
   const previousSlidesGridLength = swiper.slidesGrid.length;
-  const swiperSize = swiper.size - offsetBefore - offsetAfter;
   let spaceBetween = params.spaceBetween;
   let slidePosition = -offsetBefore;
   let prevSlideSize = 0;
@@ -810,7 +815,7 @@ function updateSlides() {
   } else if (typeof spaceBetween === "string") {
     spaceBetween = parseFloat(spaceBetween);
   }
-  swiper.virtualSize = -spaceBetween - offsetBefore - offsetAfter;
+  swiper.virtualSize = -spaceBetween;
   slides.forEach((slideEl) => {
     if (rtl) {
       slideEl.style.marginLeft = "";
@@ -824,15 +829,9 @@ function updateSlides() {
     setCSSProperty(wrapperEl, "--swiper-centered-offset-before", "");
     setCSSProperty(wrapperEl, "--swiper-centered-offset-after", "");
   }
-  if (params.cssMode) {
-    setCSSProperty(wrapperEl, "--swiper-slides-offset-before", `${offsetBefore}px`);
-    setCSSProperty(wrapperEl, "--swiper-slides-offset-after", `${offsetAfter}px`);
-  }
   const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;
   if (gridEnabled) {
-    swiper.grid.initSlides(slides);
-  } else if (swiper.grid) {
-    swiper.grid.unsetSlides();
+    swiper.grid.initSlides(slidesLength);
   }
   let slideSize;
   const shouldResetSlideSize = params.slidesPerView === "auto" && params.breakpoints && Object.keys(params.breakpoints).filter((key) => {
@@ -840,24 +839,15 @@ function updateSlides() {
   }).length > 0;
   for (let i = 0; i < slidesLength; i += 1) {
     slideSize = 0;
-    const slide2 = slides[i];
-    if (slide2) {
-      if (gridEnabled) {
-        swiper.grid.updateSlide(i, slide2, slides);
-      }
-      if (elementStyle(slide2, "display") === "none") continue;
+    let slide2;
+    if (slides[i]) slide2 = slides[i];
+    if (gridEnabled) {
+      swiper.grid.updateSlide(i, slide2, slidesLength, getDirectionLabel);
     }
-    if (isVirtual && params.slidesPerView === "auto") {
-      if (params.virtual.slidesPerViewAutoSlideSize) {
-        slideSize = params.virtual.slidesPerViewAutoSlideSize;
-      }
-      if (slideSize && slide2) {
-        if (params.roundLengths) slideSize = Math.floor(slideSize);
-        slide2.style[swiper.getDirectionLabel("width")] = `${slideSize}px`;
-      }
-    } else if (params.slidesPerView === "auto") {
+    if (slides[i] && elementStyle(slide2, "display") === "none") continue;
+    if (params.slidesPerView === "auto") {
       if (shouldResetSlideSize) {
-        slide2.style[swiper.getDirectionLabel("width")] = ``;
+        slides[i].style[getDirectionLabel("width")] = ``;
       }
       const slideStyles = getComputedStyle(slide2);
       const currentTransform = slide2.style.transform;
@@ -897,12 +887,12 @@ function updateSlides() {
     } else {
       slideSize = (swiperSize - (params.slidesPerView - 1) * spaceBetween) / params.slidesPerView;
       if (params.roundLengths) slideSize = Math.floor(slideSize);
-      if (slide2) {
-        slide2.style[swiper.getDirectionLabel("width")] = `${slideSize}px`;
+      if (slides[i]) {
+        slides[i].style[getDirectionLabel("width")] = `${slideSize}px`;
       }
     }
-    if (slide2) {
-      slide2.swiperSlideSize = slideSize;
+    if (slides[i]) {
+      slides[i].swiperSlideSize = slideSize;
     }
     slidesSizesGrid.push(slideSize);
     if (params.centeredSlides) {
@@ -928,50 +918,23 @@ function updateSlides() {
     wrapperEl.style.width = `${swiper.virtualSize + spaceBetween}px`;
   }
   if (params.setWrapperSize) {
-    wrapperEl.style[swiper.getDirectionLabel("width")] = `${swiper.virtualSize + spaceBetween}px`;
+    wrapperEl.style[getDirectionLabel("width")] = `${swiper.virtualSize + spaceBetween}px`;
   }
   if (gridEnabled) {
-    swiper.grid.updateWrapperSize(slideSize, snapGrid);
+    swiper.grid.updateWrapperSize(slideSize, snapGrid, getDirectionLabel);
   }
   if (!params.centeredSlides) {
-    const isFractionalSlidesPerView = params.slidesPerView !== "auto" && params.slidesPerView % 1 !== 0;
-    const shouldSnapToSlideEdge = params.snapToSlideEdge && !params.loop && (params.slidesPerView === "auto" || isFractionalSlidesPerView);
-    let lastAllowedSnapIndex = snapGrid.length;
-    if (shouldSnapToSlideEdge) {
-      let minVisibleSlides;
-      if (params.slidesPerView === "auto") {
-        minVisibleSlides = 1;
-        let accumulatedSize = 0;
-        for (let i = slidesSizesGrid.length - 1; i >= 0; i -= 1) {
-          accumulatedSize += slidesSizesGrid[i] + (i < slidesSizesGrid.length - 1 ? spaceBetween : 0);
-          if (accumulatedSize <= swiperSize) {
-            minVisibleSlides = slidesSizesGrid.length - i;
-          } else {
-            break;
-          }
-        }
-      } else {
-        minVisibleSlides = Math.floor(params.slidesPerView);
-      }
-      lastAllowedSnapIndex = Math.max(slidesLength - minVisibleSlides, 0);
-    }
     const newSlidesGrid = [];
     for (let i = 0; i < snapGrid.length; i += 1) {
       let slidesGridItem = snapGrid[i];
       if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
-      if (shouldSnapToSlideEdge) {
-        if (i <= lastAllowedSnapIndex) {
-          newSlidesGrid.push(slidesGridItem);
-        }
-      } else if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
+      if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
         newSlidesGrid.push(slidesGridItem);
       }
     }
     snapGrid = newSlidesGrid;
     if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) > 1) {
-      if (!shouldSnapToSlideEdge) {
-        snapGrid.push(swiper.virtualSize - swiperSize);
-      }
+      snapGrid.push(swiper.virtualSize - swiperSize);
     }
   }
   if (isVirtual && params.loop) {
@@ -993,7 +956,7 @@ function updateSlides() {
   }
   if (snapGrid.length === 0) snapGrid = [0];
   if (spaceBetween !== 0) {
-    const key = swiper.isHorizontal() && rtl ? "marginLeft" : swiper.getDirectionLabel("marginRight");
+    const key = swiper.isHorizontal() && rtl ? "marginLeft" : getDirectionLabel("marginRight");
     slides.filter((_, slideIndex) => {
       if (!params.cssMode || params.loop) return true;
       if (slideIndex === slides.length - 1) {
@@ -1010,7 +973,7 @@ function updateSlides() {
       allSlidesSize += slideSizeValue + (spaceBetween || 0);
     });
     allSlidesSize -= spaceBetween;
-    const maxSnap = allSlidesSize > swiperSize ? allSlidesSize - swiperSize : 0;
+    const maxSnap = allSlidesSize - swiperSize;
     snapGrid = snapGrid.map((snap) => {
       if (snap <= 0) return -offsetBefore;
       if (snap > maxSnap) return maxSnap + offsetAfter;
@@ -1060,7 +1023,6 @@ function updateSlides() {
   if (params.watchSlidesProgress) {
     swiper.updateSlidesOffset();
   }
-  swiper.emit("slidesUpdated");
   if (!isVirtual && !params.cssMode && (params.effect === "slide" || params.effect === "fade")) {
     const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;
     const hasClassBackfaceClassAdded = swiper.el.classList.contains(backFaceHiddenClass);
@@ -1119,14 +1081,10 @@ function updateSlidesOffset() {
     slides[i].swiperSlideOffset = (swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop) - minusOffset - swiper.cssOverflowAdjustment();
   }
 }
-var toggleSlideClasses$1 = (slideEl, condition, className) => {
-  if (condition && !slideEl.classList.contains(className)) {
-    slideEl.classList.add(className);
-  } else if (!condition && slideEl.classList.contains(className)) {
-    slideEl.classList.remove(className);
+function updateSlidesProgress(translate2) {
+  if (translate2 === void 0) {
+    translate2 = this && this.translate || 0;
   }
-};
-function updateSlidesProgress(translate2 = this && this.translate || 0) {
   const swiper = this;
   const params = swiper.params;
   const {
@@ -1138,6 +1096,9 @@ function updateSlidesProgress(translate2 = this && this.translate || 0) {
   if (typeof slides[0].swiperSlideOffset === "undefined") swiper.updateSlidesOffset();
   let offsetCenter = -translate2;
   if (rtl) offsetCenter = translate2;
+  slides.forEach((slideEl) => {
+    slideEl.classList.remove(params.slideVisibleClass);
+  });
   swiper.visibleSlidesIndexes = [];
   swiper.visibleSlides = [];
   let spaceBetween = params.spaceBetween;
@@ -1156,14 +1117,12 @@ function updateSlidesProgress(translate2 = this && this.translate || 0) {
     const originalSlideProgress = (offsetCenter - snapGrid[0] + (params.centeredSlides ? swiper.minTranslate() : 0) - slideOffset) / (slide2.swiperSlideSize + spaceBetween);
     const slideBefore = -(offsetCenter - slideOffset);
     const slideAfter = slideBefore + swiper.slidesSizesGrid[i];
-    const isFullyVisible = slideBefore >= 0 && slideBefore <= swiper.size - swiper.slidesSizesGrid[i];
     const isVisible = slideBefore >= 0 && slideBefore < swiper.size - 1 || slideAfter > 1 && slideAfter <= swiper.size || slideBefore <= 0 && slideAfter >= swiper.size;
     if (isVisible) {
       swiper.visibleSlides.push(slide2);
       swiper.visibleSlidesIndexes.push(i);
+      slides[i].classList.add(params.slideVisibleClass);
     }
-    toggleSlideClasses$1(slide2, isVisible, params.slideVisibleClass);
-    toggleSlideClasses$1(slide2, isFullyVisible, params.slideFullyVisibleClass);
     slide2.progress = rtl ? -slideProgress : slideProgress;
     slide2.originalProgress = rtl ? -originalSlideProgress : originalSlideProgress;
   }
@@ -1229,13 +1188,6 @@ function updateProgress(translate2) {
   }
   swiper.emit("progress", progress);
 }
-var toggleSlideClasses = (slideEl, condition, className) => {
-  if (condition && !slideEl.classList.contains(className)) {
-    slideEl.classList.add(className);
-  } else if (!condition && slideEl.classList.contains(className)) {
-    slideEl.classList.remove(className);
-  }
-};
 function updateSlidesClasses() {
   const swiper = this;
   const {
@@ -1245,13 +1197,13 @@ function updateSlidesClasses() {
     activeIndex
   } = swiper;
   const isVirtual = swiper.virtual && params.virtual.enabled;
-  const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
   const getFilteredSlide = (selector) => {
     return elementChildren(slidesEl, `.${params.slideClass}${selector}, swiper-slide${selector}`)[0];
   };
+  slides.forEach((slideEl) => {
+    slideEl.classList.remove(params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
+  });
   let activeSlide;
-  let prevSlide;
-  let nextSlide;
   if (isVirtual) {
     if (params.loop) {
       let slideIndex = activeIndex - swiper.virtual.slidesBefore;
@@ -1262,31 +1214,25 @@ function updateSlidesClasses() {
       activeSlide = getFilteredSlide(`[data-swiper-slide-index="${activeIndex}"]`);
     }
   } else {
-    if (gridEnabled) {
-      activeSlide = slides.find((slideEl) => slideEl.column === activeIndex);
-      nextSlide = slides.find((slideEl) => slideEl.column === activeIndex + 1);
-      prevSlide = slides.find((slideEl) => slideEl.column === activeIndex - 1);
-    } else {
-      activeSlide = slides[activeIndex];
-    }
+    activeSlide = slides[activeIndex];
   }
   if (activeSlide) {
-    if (!gridEnabled) {
-      nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
-      if (params.loop && !nextSlide) {
-        nextSlide = slides[0];
-      }
-      prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
-      if (params.loop && !prevSlide === 0) {
-        prevSlide = slides[slides.length - 1];
-      }
+    activeSlide.classList.add(params.slideActiveClass);
+    let nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
+    if (params.loop && !nextSlide) {
+      nextSlide = slides[0];
+    }
+    if (nextSlide) {
+      nextSlide.classList.add(params.slideNextClass);
+    }
+    let prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
+    if (params.loop && !prevSlide === 0) {
+      prevSlide = slides[slides.length - 1];
+    }
+    if (prevSlide) {
+      prevSlide.classList.add(params.slidePrevClass);
     }
   }
-  slides.forEach((slideEl) => {
-    toggleSlideClasses(slideEl, slideEl === activeSlide, params.slideActiveClass);
-    toggleSlideClasses(slideEl, slideEl === nextSlide, params.slideNextClass);
-    toggleSlideClasses(slideEl, slideEl === prevSlide, params.slidePrevClass);
-  });
   swiper.emitSlidesClasses();
 }
 var processLazyPreloader = (swiper, imageEl) => {
@@ -1302,12 +1248,12 @@ var processLazyPreloader = (swiper, imageEl) => {
         requestAnimationFrame(() => {
           if (slideEl.shadowRoot) {
             lazyEl = slideEl.shadowRoot.querySelector(`.${swiper.params.lazyPreloaderClass}`);
-            if (lazyEl && !lazyEl.lazyPreloaderManaged) lazyEl.remove();
+            if (lazyEl) lazyEl.remove();
           }
         });
       }
     }
-    if (lazyEl && !lazyEl.lazyPreloaderManaged) lazyEl.remove();
+    if (lazyEl) lazyEl.remove();
   }
 };
 var unlazy = (swiper, index) => {
@@ -1405,39 +1351,21 @@ function updateActiveIndex(newActiveIndex) {
     snapIndex = skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);
   }
   if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
-  if (activeIndex === previousIndex && !swiper.params.loop) {
+  if (activeIndex === previousIndex) {
     if (snapIndex !== previousSnapIndex) {
       swiper.snapIndex = snapIndex;
       swiper.emit("snapIndexChange");
     }
+    if (swiper.params.loop && swiper.virtual && swiper.params.virtual.enabled) {
+      swiper.realIndex = getVirtualRealIndex(activeIndex);
+    }
     return;
   }
-  if (activeIndex === previousIndex && swiper.params.loop && swiper.virtual && swiper.params.virtual.enabled) {
-    swiper.realIndex = getVirtualRealIndex(activeIndex);
-    return;
-  }
-  const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
   let realIndex;
-  if (swiper.virtual && params.virtual.enabled) {
-    if (params.loop) {
-      realIndex = getVirtualRealIndex(activeIndex);
-    } else {
-      realIndex = activeIndex;
-    }
-  } else if (gridEnabled) {
-    const firstSlideInColumn = swiper.slides.find((slideEl) => slideEl.column === activeIndex);
-    let activeSlideIndex = parseInt(firstSlideInColumn.getAttribute("data-swiper-slide-index"), 10);
-    if (Number.isNaN(activeSlideIndex)) {
-      activeSlideIndex = Math.max(swiper.slides.indexOf(firstSlideInColumn), 0);
-    }
-    realIndex = Math.floor(activeSlideIndex / params.grid.rows);
+  if (swiper.virtual && params.virtual.enabled && params.loop) {
+    realIndex = getVirtualRealIndex(activeIndex);
   } else if (swiper.slides[activeIndex]) {
-    const slideIndex = swiper.slides[activeIndex].getAttribute("data-swiper-slide-index");
-    if (slideIndex) {
-      realIndex = parseInt(slideIndex, 10);
-    } else {
-      realIndex = activeIndex;
-    }
+    realIndex = parseInt(swiper.slides[activeIndex].getAttribute("data-swiper-slide-index") || activeIndex, 10);
   } else {
     realIndex = activeIndex;
   }
@@ -1510,7 +1438,10 @@ var update = {
   updateActiveIndex,
   updateClickedSlide
 };
-function getSwiperTranslate(axis = this.isHorizontal() ? "x" : "y") {
+function getSwiperTranslate(axis) {
+  if (axis === void 0) {
+    axis = this.isHorizontal() ? "x" : "y";
+  }
   const swiper = this;
   const {
     params,
@@ -1579,7 +1510,19 @@ function minTranslate() {
 function maxTranslate() {
   return -this.snapGrid[this.snapGrid.length - 1];
 }
-function translateTo(translate2 = 0, speed = this.params.speed, runCallbacks = true, translateBounds = true, internal) {
+function translateTo(translate2, speed, runCallbacks, translateBounds, internal) {
+  if (translate2 === void 0) {
+    translate2 = 0;
+  }
+  if (speed === void 0) {
+    speed = this.params.speed;
+  }
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
+  }
+  if (translateBounds === void 0) {
+    translateBounds = true;
+  }
   const swiper = this;
   const {
     params,
@@ -1638,7 +1581,6 @@ function translateTo(translate2 = 0, speed = this.params.speed, runCallbacks = t
           swiper.wrapperEl.removeEventListener("transitionend", swiper.onTranslateToWrapperTransitionEnd);
           swiper.onTranslateToWrapperTransitionEnd = null;
           delete swiper.onTranslateToWrapperTransitionEnd;
-          swiper.animating = false;
           if (runCallbacks) {
             swiper.emit("transitionEnd");
           }
@@ -1664,12 +1606,13 @@ function setTransition(duration, byController) {
   }
   swiper.emit("setTransition", duration, byController);
 }
-function transitionEmit({
-  swiper,
-  runCallbacks,
-  direction,
-  step
-}) {
+function transitionEmit(_ref) {
+  let {
+    swiper,
+    runCallbacks,
+    direction,
+    step
+  } = _ref;
   const {
     activeIndex,
     previousIndex
@@ -1681,9 +1624,11 @@ function transitionEmit({
     else dir = "reset";
   }
   swiper.emit(`transition${step}`);
-  if (runCallbacks && dir === "reset") {
-    swiper.emit(`slideResetTransition${step}`);
-  } else if (runCallbacks && activeIndex !== previousIndex) {
+  if (runCallbacks && activeIndex !== previousIndex) {
+    if (dir === "reset") {
+      swiper.emit(`slideResetTransition${step}`);
+      return;
+    }
     swiper.emit(`slideChangeTransition${step}`);
     if (dir === "next") {
       swiper.emit(`slideNextTransition${step}`);
@@ -1692,7 +1637,10 @@ function transitionEmit({
     }
   }
 }
-function transitionStart(runCallbacks = true, direction) {
+function transitionStart(runCallbacks, direction) {
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
+  }
   const swiper = this;
   const {
     params
@@ -1708,7 +1656,10 @@ function transitionStart(runCallbacks = true, direction) {
     step: "Start"
   });
 }
-function transitionEnd(runCallbacks = true, direction) {
+function transitionEnd(runCallbacks, direction) {
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
+  }
   const swiper = this;
   const {
     params
@@ -1728,7 +1679,16 @@ var transition = {
   transitionStart,
   transitionEnd
 };
-function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
+function slideTo(index, speed, runCallbacks, internal, initial) {
+  if (index === void 0) {
+    index = 0;
+  }
+  if (speed === void 0) {
+    speed = this.params.speed;
+  }
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
+  }
   if (typeof index === "string") {
     index = parseInt(index, 10);
   }
@@ -1745,12 +1705,9 @@ function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
     wrapperEl,
     enabled
   } = swiper;
-  if (!enabled && !internal && !initial || swiper.destroyed || swiper.animating && params.preventInteractionOnTransition) {
+  if (swiper.animating && params.preventInteractionOnTransition || !enabled && !internal && !initial) {
     return false;
   }
-  if (typeof speed === "undefined") {
-    speed = swiper.params.speed;
-  }
   const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
   let snapIndex = skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
   if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
@@ -1789,9 +1746,7 @@ function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
   if (slideIndex > activeIndex) direction = "next";
   else if (slideIndex < activeIndex) direction = "prev";
   else direction = "reset";
-  const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
-  const isInitialVirtual = isVirtual && initial;
-  if (!isInitialVirtual && (rtl && -translate2 === swiper.translate || !rtl && translate2 === swiper.translate)) {
+  if (rtl && -translate2 === swiper.translate || !rtl && translate2 === swiper.translate) {
     swiper.updateActiveIndex(slideIndex);
     if (params.autoHeight) {
       swiper.updateAutoHeight();
@@ -1810,6 +1765,7 @@ function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
     const isH = swiper.isHorizontal();
     const t = rtl ? translate2 : -translate2;
     if (speed === 0) {
+      const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
       if (isVirtual) {
         swiper.wrapperEl.style.scrollSnapType = "none";
         swiper._immediateVirtual = true;
@@ -1844,11 +1800,6 @@ function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
     }
     return true;
   }
-  const browser2 = getBrowser();
-  const isSafari = browser2.isSafari;
-  if (isVirtual && !initial && isSafari && swiper.isElement) {
-    swiper.virtual.update(false, false, slideIndex);
-  }
   swiper.setTransition(speed);
   swiper.setTranslate(translate2);
   swiper.updateActiveIndex(slideIndex);
@@ -1873,85 +1824,45 @@ function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
   }
   return true;
 }
-function slideToLoop(index = 0, speed, runCallbacks = true, internal) {
+function slideToLoop(index, speed, runCallbacks, internal) {
+  if (index === void 0) {
+    index = 0;
+  }
+  if (speed === void 0) {
+    speed = this.params.speed;
+  }
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
+  }
   if (typeof index === "string") {
     const indexAsNumber = parseInt(index, 10);
     index = indexAsNumber;
   }
   const swiper = this;
-  if (swiper.destroyed) return;
-  if (typeof speed === "undefined") {
-    speed = swiper.params.speed;
-  }
-  const gridEnabled = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
   let newIndex = index;
   if (swiper.params.loop) {
     if (swiper.virtual && swiper.params.virtual.enabled) {
       newIndex = newIndex + swiper.virtual.slidesBefore;
     } else {
-      let targetSlideIndex;
-      if (gridEnabled) {
-        const slideIndex = newIndex * swiper.params.grid.rows;
-        targetSlideIndex = swiper.slides.find((slideEl) => slideEl.getAttribute("data-swiper-slide-index") * 1 === slideIndex).column;
-      } else {
-        targetSlideIndex = swiper.getSlideIndexByData(newIndex);
-      }
-      const cols = gridEnabled ? Math.ceil(swiper.slides.length / swiper.params.grid.rows) : swiper.slides.length;
-      const {
-        centeredSlides,
-        slidesOffsetBefore,
-        slidesOffsetAfter
-      } = swiper.params;
-      const bothDirections = centeredSlides || !!slidesOffsetBefore || !!slidesOffsetAfter;
-      let slidesPerView = swiper.params.slidesPerView;
-      if (slidesPerView === "auto") {
-        slidesPerView = swiper.slidesPerViewDynamic();
-      } else {
-        slidesPerView = Math.ceil(parseFloat(swiper.params.slidesPerView, 10));
-        if (bothDirections && slidesPerView % 2 === 0) {
-          slidesPerView = slidesPerView + 1;
-        }
-      }
-      let needLoopFix = cols - targetSlideIndex < slidesPerView;
-      if (bothDirections) {
-        needLoopFix = needLoopFix || targetSlideIndex < Math.ceil(slidesPerView / 2);
-      }
-      if (internal && bothDirections && swiper.params.slidesPerView !== "auto" && !gridEnabled) {
-        needLoopFix = false;
-      }
-      if (needLoopFix) {
-        const direction = bothDirections ? targetSlideIndex < swiper.activeIndex ? "prev" : "next" : targetSlideIndex - swiper.activeIndex - 1 < swiper.params.slidesPerView ? "next" : "prev";
-        swiper.loopFix({
-          direction,
-          slideTo: true,
-          activeSlideIndex: direction === "next" ? targetSlideIndex + 1 : targetSlideIndex - cols + 1,
-          slideRealIndex: direction === "next" ? swiper.realIndex : void 0
-        });
-      }
-      if (gridEnabled) {
-        const slideIndex = newIndex * swiper.params.grid.rows;
-        newIndex = swiper.slides.find((slideEl) => slideEl.getAttribute("data-swiper-slide-index") * 1 === slideIndex).column;
-      } else {
-        newIndex = swiper.getSlideIndexByData(newIndex);
-      }
+      newIndex = swiper.getSlideIndexByData(newIndex);
     }
   }
-  requestAnimationFrame(() => {
-    swiper.slideTo(newIndex, speed, runCallbacks, internal);
-  });
-  return swiper;
+  return swiper.slideTo(newIndex, speed, runCallbacks, internal);
 }
-function slideNext(speed, runCallbacks = true, internal) {
+function slideNext(speed, runCallbacks, internal) {
+  if (speed === void 0) {
+    speed = this.params.speed;
+  }
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
+  }
   const swiper = this;
   const {
     enabled,
     params,
     animating
   } = swiper;
-  if (!enabled || swiper.destroyed) return swiper;
-  if (typeof speed === "undefined") {
-    speed = swiper.params.speed;
-  }
+  if (!enabled) return swiper;
   let perGroup = params.slidesPerGroup;
   if (params.slidesPerView === "auto" && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {
     perGroup = Math.max(swiper.slidesPerViewDynamic("current", true), 1);
@@ -1976,7 +1887,13 @@ function slideNext(speed, runCallbacks = true, internal) {
   }
   return swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);
 }
-function slidePrev(speed, runCallbacks = true, internal) {
+function slidePrev(speed, runCallbacks, internal) {
+  if (speed === void 0) {
+    speed = this.params.speed;
+  }
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
+  }
   const swiper = this;
   const {
     params,
@@ -1986,10 +1903,7 @@ function slidePrev(speed, runCallbacks = true, internal) {
     enabled,
     animating
   } = swiper;
-  if (!enabled || swiper.destroyed) return swiper;
-  if (typeof speed === "undefined") {
-    speed = swiper.params.speed;
-  }
+  if (!enabled) return swiper;
   const isVirtual = swiper.virtual && params.virtual.enabled;
   if (params.loop) {
     if (animating && !isVirtual && params.loopPreventsSliding) return false;
@@ -2005,9 +1919,8 @@ function slidePrev(speed, runCallbacks = true, internal) {
   }
   const normalizedTranslate = normalize(translate2);
   const normalizedSnapGrid = snapGrid.map((val) => normalize(val));
-  const isFreeMode = params.freeMode && params.freeMode.enabled;
   let prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
-  if (typeof prevSnap === "undefined" && (params.cssMode || isFreeMode)) {
+  if (typeof prevSnap === "undefined" && params.cssMode) {
     let prevSnapIndex;
     snapGrid.forEach((snap, snapIndex) => {
       if (normalizedTranslate >= snap) {
@@ -2015,7 +1928,7 @@ function slidePrev(speed, runCallbacks = true, internal) {
       }
     });
     if (typeof prevSnapIndex !== "undefined") {
-      prevSnap = isFreeMode ? snapGrid[prevSnapIndex] : snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];
+      prevSnap = snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];
     }
   }
   let prevIndex = 0;
@@ -2038,20 +1951,27 @@ function slidePrev(speed, runCallbacks = true, internal) {
   }
   return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
 }
-function slideReset(speed, runCallbacks = true, internal) {
-  const swiper = this;
-  if (swiper.destroyed) return;
-  if (typeof speed === "undefined") {
-    speed = swiper.params.speed;
+function slideReset(speed, runCallbacks, internal) {
+  if (speed === void 0) {
+    speed = this.params.speed;
+  }
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
   }
+  const swiper = this;
   return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
 }
-function slideToClosest(speed, runCallbacks = true, internal, threshold = 0.5) {
-  const swiper = this;
-  if (swiper.destroyed) return;
-  if (typeof speed === "undefined") {
-    speed = swiper.params.speed;
+function slideToClosest(speed, runCallbacks, internal, threshold) {
+  if (speed === void 0) {
+    speed = this.params.speed;
   }
+  if (runCallbacks === void 0) {
+    runCallbacks = true;
+  }
+  if (threshold === void 0) {
+    threshold = 0.5;
+  }
+  const swiper = this;
   let index = swiper.activeIndex;
   const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
   const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
@@ -2075,22 +1995,28 @@ function slideToClosest(speed, runCallbacks = true, internal, threshold = 0.5) {
 }
 function slideToClickedSlide() {
   const swiper = this;
-  if (swiper.destroyed) return;
   const {
     params,
     slidesEl
   } = swiper;
   const slidesPerView = params.slidesPerView === "auto" ? swiper.slidesPerViewDynamic() : params.slidesPerView;
-  let slideToIndex = swiper.getSlideIndexWhenGrid(swiper.clickedIndex);
+  let slideToIndex = swiper.clickedIndex;
   let realIndex;
   const slideSelector = swiper.isElement ? `swiper-slide` : `.${params.slideClass}`;
-  const isGrid = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
   if (params.loop) {
     if (swiper.animating) return;
     realIndex = parseInt(swiper.clickedSlide.getAttribute("data-swiper-slide-index"), 10);
     if (params.centeredSlides) {
-      swiper.slideToLoop(realIndex);
-    } else if (slideToIndex > (isGrid ? (swiper.slides.length - slidesPerView) / 2 - (swiper.params.grid.rows - 1) : swiper.slides.length - slidesPerView)) {
+      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);
+      }
+    } else if (slideToIndex > swiper.slides.length - slidesPerView) {
       swiper.loopFix();
       slideToIndex = swiper.getSlideIndex(elementChildren(slidesEl, `${slideSelector}[data-swiper-slide-index="${realIndex}"]`)[0]);
       nextTick(() => {
@@ -2112,82 +2038,32 @@ var slide = {
   slideToClosest,
   slideToClickedSlide
 };
-function loopCreate(slideRealIndex, initial) {
+function loopCreate(slideRealIndex) {
   const swiper = this;
   const {
     params,
     slidesEl
   } = swiper;
   if (!params.loop || swiper.virtual && swiper.params.virtual.enabled) return;
-  const initSlides = () => {
-    const slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);
-    slides.forEach((el, index) => {
-      el.setAttribute("data-swiper-slide-index", index);
-    });
-  };
-  const clearBlankSlides = () => {
-    const slides = elementChildren(slidesEl, `.${params.slideBlankClass}`);
-    slides.forEach((el) => {
-      el.remove();
-    });
-    if (slides.length > 0) {
-      swiper.recalcSlides();
-      swiper.updateSlides();
-    }
-  };
-  const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
-  if (params.loopAddBlankSlides && (params.slidesPerGroup > 1 || gridEnabled)) {
-    clearBlankSlides();
-  }
-  const slidesPerGroup = params.slidesPerGroup * (gridEnabled ? params.grid.rows : 1);
-  const shouldFillGroup = swiper.slides.length % slidesPerGroup !== 0;
-  const shouldFillGrid = gridEnabled && swiper.slides.length % params.grid.rows !== 0;
-  const addBlankSlides = (amountOfSlides) => {
-    for (let i = 0; i < amountOfSlides; i += 1) {
-      const slideEl = swiper.isElement ? createElement("swiper-slide", [params.slideBlankClass]) : createElement("div", [params.slideClass, params.slideBlankClass]);
-      swiper.slidesEl.append(slideEl);
-    }
-  };
-  if (shouldFillGroup) {
-    if (params.loopAddBlankSlides) {
-      const slidesToAdd = slidesPerGroup - swiper.slides.length % slidesPerGroup;
-      addBlankSlides(slidesToAdd);
-      swiper.recalcSlides();
-      swiper.updateSlides();
-    } else {
-      showWarning("Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");
-    }
-    initSlides();
-  } else if (shouldFillGrid) {
-    if (params.loopAddBlankSlides) {
-      const slidesToAdd = params.grid.rows - swiper.slides.length % params.grid.rows;
-      addBlankSlides(slidesToAdd);
-      swiper.recalcSlides();
-      swiper.updateSlides();
-    } else {
-      showWarning("Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)");
-    }
-    initSlides();
-  } else {
-    initSlides();
-  }
-  const bothDirections = params.centeredSlides || !!params.slidesOffsetBefore || !!params.slidesOffsetAfter;
+  const slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);
+  slides.forEach((el, index) => {
+    el.setAttribute("data-swiper-slide-index", index);
+  });
   swiper.loopFix({
     slideRealIndex,
-    direction: bothDirections ? void 0 : "next",
-    initial
+    direction: params.centeredSlides ? void 0 : "next"
   });
 }
-function loopFix({
-  slideRealIndex,
-  slideTo: slideTo2 = true,
-  direction,
-  setTranslate: setTranslate2,
-  activeSlideIndex,
-  initial,
-  byController,
-  byMousewheel
-} = {}) {
+function loopFix(_temp) {
+  let {
+    slideRealIndex,
+    slideTo: slideTo2 = true,
+    direction,
+    setTranslate: setTranslate2,
+    activeSlideIndex,
+    byController,
+    byMousewheel
+  } = _temp === void 0 ? {} : _temp;
   const swiper = this;
   if (!swiper.params.loop) return;
   swiper.emit("beforeLoopFix");
@@ -2198,20 +2074,13 @@ function loopFix({
     slidesEl,
     params
   } = swiper;
-  const {
-    centeredSlides,
-    slidesOffsetBefore,
-    slidesOffsetAfter,
-    initialSlide
-  } = params;
-  const bothDirections = centeredSlides || !!slidesOffsetBefore || !!slidesOffsetAfter;
   swiper.allowSlidePrev = true;
   swiper.allowSlideNext = true;
   if (swiper.virtual && params.virtual.enabled) {
     if (slideTo2) {
-      if (!bothDirections && swiper.snapIndex === 0) {
+      if (!params.centeredSlides && swiper.snapIndex === 0) {
         swiper.slideTo(swiper.virtual.slides.length, 0, false, true);
-      } else if (bothDirections && swiper.snapIndex < params.slidesPerView) {
+      } else if (params.centeredSlides && swiper.snapIndex < params.slidesPerView) {
         swiper.slideTo(swiper.virtual.slides.length + swiper.snapIndex, 0, false, true);
       } else if (swiper.snapIndex === swiper.snapGrid.length - 1) {
         swiper.slideTo(swiper.virtual.slidesBefore, 0, false, true);
@@ -2222,35 +2091,17 @@ function loopFix({
     swiper.emit("loopFix");
     return;
   }
-  let slidesPerView = params.slidesPerView;
-  if (slidesPerView === "auto") {
-    slidesPerView = swiper.slidesPerViewDynamic();
-  } else {
-    slidesPerView = Math.ceil(parseFloat(params.slidesPerView, 10));
-    if (bothDirections && slidesPerView % 2 === 0) {
-      slidesPerView = slidesPerView + 1;
-    }
-  }
-  const slidesPerGroup = params.slidesPerGroupAuto ? slidesPerView : params.slidesPerGroup;
-  let loopedSlides = bothDirections ? Math.max(slidesPerGroup, Math.ceil(slidesPerView / 2)) : slidesPerGroup;
-  if (loopedSlides % slidesPerGroup !== 0) {
-    loopedSlides += slidesPerGroup - loopedSlides % slidesPerGroup;
+  const slidesPerView = params.slidesPerView === "auto" ? swiper.slidesPerViewDynamic() : Math.ceil(parseFloat(params.slidesPerView, 10));
+  let loopedSlides = params.loopedSlides || slidesPerView;
+  if (loopedSlides % params.slidesPerGroup !== 0) {
+    loopedSlides += params.slidesPerGroup - loopedSlides % params.slidesPerGroup;
   }
-  loopedSlides += params.loopAdditionalSlides;
   swiper.loopedSlides = loopedSlides;
-  const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
-  if (slides.length < slidesPerView + loopedSlides || swiper.params.effect === "cards" && slides.length < slidesPerView + loopedSlides * 2) {
-    showWarning("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters");
-  } else if (gridEnabled && params.grid.fill === "row") {
-    showWarning("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");
-  }
   const prependSlidesIndexes = [];
   const appendSlidesIndexes = [];
-  const cols = gridEnabled ? Math.ceil(slides.length / params.grid.rows) : slides.length;
-  const isInitialOverflow = initial && cols - initialSlide < slidesPerView && !bothDirections;
-  let activeIndex = isInitialOverflow ? initialSlide : swiper.activeIndex;
+  let activeIndex = swiper.activeIndex;
   if (typeof activeSlideIndex === "undefined") {
-    activeSlideIndex = swiper.getSlideIndex(slides.find((el) => el.classList.contains(params.slideActiveClass)));
+    activeSlideIndex = swiper.getSlideIndex(swiper.slides.filter((el) => el.classList.contains(params.slideActiveClass))[0]);
   } else {
     activeIndex = activeSlideIndex;
   }
@@ -2258,70 +2109,36 @@ function loopFix({
   const isPrev = direction === "prev" || !direction;
   let slidesPrepended = 0;
   let slidesAppended = 0;
-  const activeColIndex = gridEnabled ? slides[activeSlideIndex].column : activeSlideIndex;
-  const activeColIndexWithShift = activeColIndex + (bothDirections && typeof setTranslate2 === "undefined" ? -slidesPerView / 2 + 0.5 : 0);
-  if (activeColIndexWithShift < loopedSlides) {
-    slidesPrepended = Math.max(loopedSlides - activeColIndexWithShift, slidesPerGroup);
-    for (let i = 0; i < loopedSlides - activeColIndexWithShift; i += 1) {
-      const index = i - Math.floor(i / cols) * cols;
-      if (gridEnabled) {
-        const colIndexToPrepend = cols - index - 1;
-        for (let i2 = slides.length - 1; i2 >= 0; i2 -= 1) {
-          if (slides[i2].column === colIndexToPrepend) prependSlidesIndexes.push(i2);
-        }
-      } else {
-        prependSlidesIndexes.push(cols - index - 1);
-      }
-    }
-  } else if (activeColIndexWithShift + slidesPerView > cols - loopedSlides) {
-    slidesAppended = Math.max(activeColIndexWithShift - (cols - loopedSlides * 2), slidesPerGroup);
-    if (isInitialOverflow) {
-      slidesAppended = Math.max(slidesAppended, slidesPerView - cols + initialSlide + 1);
-    }
+  if (activeSlideIndex < loopedSlides) {
+    slidesPrepended = Math.max(loopedSlides - activeSlideIndex, params.slidesPerGroup);
+    for (let i = 0; i < loopedSlides - activeSlideIndex; i += 1) {
+      const index = i - Math.floor(i / slides.length) * slides.length;
+      prependSlidesIndexes.push(slides.length - index - 1);
+    }
+  } else if (activeSlideIndex > swiper.slides.length - loopedSlides * 2) {
+    slidesAppended = Math.max(activeSlideIndex - (swiper.slides.length - loopedSlides * 2), params.slidesPerGroup);
     for (let i = 0; i < slidesAppended; i += 1) {
-      const index = i - Math.floor(i / cols) * cols;
-      if (gridEnabled) {
-        slides.forEach((slide2, slideIndex) => {
-          if (slide2.column === index) appendSlidesIndexes.push(slideIndex);
-        });
-      } else {
-        appendSlidesIndexes.push(index);
-      }
-    }
-  }
-  swiper.__preventObserver__ = true;
-  requestAnimationFrame(() => {
-    swiper.__preventObserver__ = false;
-  });
-  if (swiper.params.effect === "cards" && slides.length < slidesPerView + loopedSlides * 2) {
-    if (appendSlidesIndexes.includes(activeSlideIndex)) {
-      appendSlidesIndexes.splice(appendSlidesIndexes.indexOf(activeSlideIndex), 1);
-    }
-    if (prependSlidesIndexes.includes(activeSlideIndex)) {
-      prependSlidesIndexes.splice(prependSlidesIndexes.indexOf(activeSlideIndex), 1);
+      const index = i - Math.floor(i / slides.length) * slides.length;
+      appendSlidesIndexes.push(index);
     }
   }
   if (isPrev) {
     prependSlidesIndexes.forEach((index) => {
-      slides[index].swiperLoopMoveDOM = true;
-      slidesEl.prepend(slides[index]);
-      slides[index].swiperLoopMoveDOM = false;
+      swiper.slides[index].swiperLoopMoveDOM = true;
+      slidesEl.prepend(swiper.slides[index]);
+      swiper.slides[index].swiperLoopMoveDOM = false;
     });
   }
   if (isNext) {
     appendSlidesIndexes.forEach((index) => {
-      slides[index].swiperLoopMoveDOM = true;
-      slidesEl.append(slides[index]);
-      slides[index].swiperLoopMoveDOM = false;
+      swiper.slides[index].swiperLoopMoveDOM = true;
+      slidesEl.append(swiper.slides[index]);
+      swiper.slides[index].swiperLoopMoveDOM = false;
     });
   }
   swiper.recalcSlides();
   if (params.slidesPerView === "auto") {
     swiper.updateSlides();
-  } else if (gridEnabled && (prependSlidesIndexes.length > 0 && isPrev || appendSlidesIndexes.length > 0 && isNext)) {
-    swiper.slides.forEach((slide2, slideIndex) => {
-      swiper.grid.updateSlide(slideIndex, slide2, swiper.slides);
-    });
   }
   if (params.watchSlidesProgress) {
     swiper.updateSlidesOffset();
@@ -2335,16 +2152,15 @@ function loopFix({
         if (byMousewheel) {
           swiper.setTranslate(swiper.translate - diff);
         } else {
-          swiper.slideTo(activeIndex + Math.ceil(slidesPrepended), 0, false, true);
+          swiper.slideTo(activeIndex + slidesPrepended, 0, false, true);
           if (setTranslate2) {
-            swiper.touchEventsData.startTranslate = swiper.touchEventsData.startTranslate - diff;
-            swiper.touchEventsData.currentTranslate = swiper.touchEventsData.currentTranslate - diff;
+            swiper.touches[swiper.isHorizontal() ? "startX" : "startY"] += diff;
+            swiper.touchEventsData.currentTranslate = swiper.translate;
           }
         }
       } else {
         if (setTranslate2) {
-          const shift = gridEnabled ? prependSlidesIndexes.length / params.grid.rows : prependSlidesIndexes.length;
-          swiper.slideTo(swiper.activeIndex + shift, 0, false, true);
+          swiper.slideToLoop(slideRealIndex, 0, false, true);
           swiper.touchEventsData.currentTranslate = swiper.translate;
         }
       }
@@ -2358,13 +2174,12 @@ function loopFix({
         } else {
           swiper.slideTo(activeIndex - slidesAppended, 0, false, true);
           if (setTranslate2) {
-            swiper.touchEventsData.startTranslate = swiper.touchEventsData.startTranslate - diff;
-            swiper.touchEventsData.currentTranslate = swiper.touchEventsData.currentTranslate - diff;
+            swiper.touches[swiper.isHorizontal() ? "startX" : "startY"] += diff;
+            swiper.touchEventsData.currentTranslate = swiper.translate;
           }
         }
       } else {
-        const shift = gridEnabled ? appendSlidesIndexes.length / params.grid.rows : appendSlidesIndexes.length;
-        swiper.slideTo(swiper.activeIndex - shift, 0, false, true);
+        swiper.slideToLoop(slideRealIndex, 0, false, true);
       }
     }
   }
@@ -2400,7 +2215,7 @@ function loopDestroy() {
     params,
     slidesEl
   } = swiper;
-  if (!params.loop || !slidesEl || swiper.virtual && swiper.params.virtual.enabled) return;
+  if (!params.loop || swiper.virtual && swiper.params.virtual.enabled) return;
   swiper.recalcSlides();
   const newSlidesOrder = [];
   swiper.slides.forEach((slideEl) => {
@@ -2455,7 +2270,10 @@ var grabCursor = {
   setGrabCursor,
   unsetGrabCursor
 };
-function closestElement(selector, base = this) {
+function closestElement(selector, base) {
+  if (base === void 0) {
+    base = this;
+  }
   function __closestFrom(el) {
     if (!el || el === getDocument() || el === getWindow()) return null;
     if (el.assignedSlot) el = el.assignedSlot;
@@ -2467,63 +2285,36 @@ function closestElement(selector, base = this) {
   }
   return __closestFrom(base);
 }
-function preventEdgeSwipe(swiper, event, startX) {
-  const window2 = getWindow();
-  const {
-    params
-  } = swiper;
-  const edgeSwipeDetection = params.edgeSwipeDetection;
-  const edgeSwipeThreshold = params.edgeSwipeThreshold;
-  if (edgeSwipeDetection && (startX <= edgeSwipeThreshold || startX >= window2.innerWidth - edgeSwipeThreshold)) {
-    if (edgeSwipeDetection === "prevent") {
-      event.preventDefault();
-      return true;
-    }
-    return false;
-  }
-  return true;
-}
 function onTouchStart(event) {
   const swiper = this;
-  if (swiper.destroyed) return;
   const document2 = getDocument();
-  let e = event;
-  if (e.originalEvent) e = e.originalEvent;
+  const window2 = getWindow();
   const data = swiper.touchEventsData;
-  if (e.type === "pointerdown") {
-    if (data.pointerId !== null && data.pointerId !== e.pointerId) {
-      return;
-    }
-    data.pointerId = e.pointerId;
-  } else if (e.type === "touchstart" && e.targetTouches.length === 1) {
-    data.touchId = e.targetTouches[0].identifier;
-  }
-  if (e.type === "touchstart") {
-    preventEdgeSwipe(swiper, e, e.targetTouches[0].pageX);
-    return;
-  }
+  data.evCache.push(event);
   const {
     params,
     touches,
     enabled
   } = swiper;
   if (!enabled) return;
-  if (!params.simulateTouch && e.pointerType === "mouse") return;
+  if (!params.simulateTouch && event.pointerType === "mouse") return;
   if (swiper.animating && params.preventInteractionOnTransition) {
     return;
   }
   if (!swiper.animating && params.cssMode && params.loop) {
     swiper.loopFix();
   }
+  let e = event;
+  if (e.originalEvent) e = e.originalEvent;
   let targetEl = e.target;
   if (params.touchEventsTarget === "wrapper") {
-    if (!elementIsChildOf(targetEl, swiper.wrapperEl)) return;
+    if (!swiper.wrapperEl.contains(targetEl)) return;
   }
   if ("which" in e && e.which === 3) return;
   if ("button" in e && e.button > 0) return;
   if (data.isTouched && data.isMoved) return;
   const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== "";
-  const eventPath = e.composedPath ? e.composedPath() : e.path;
+  const eventPath = event.composedPath ? event.composedPath() : event.path;
   if (swipingClassHasValue && e.target && e.target.shadowRoot && eventPath) {
     targetEl = eventPath[0];
   }
@@ -2540,8 +2331,14 @@ function onTouchStart(event) {
   touches.currentY = e.pageY;
   const startX = touches.currentX;
   const startY = touches.currentY;
-  if (!preventEdgeSwipe(swiper, e, startX)) {
-    return;
+  const edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
+  const edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
+  if (edgeSwipeDetection && (startX <= edgeSwipeThreshold || startX >= window2.innerWidth - edgeSwipeThreshold)) {
+    if (edgeSwipeDetection === "prevent") {
+      event.preventDefault();
+    } else {
+      return;
+    }
   }
   Object.assign(data, {
     isTouched: true,
@@ -2564,7 +2361,7 @@ function onTouchStart(event) {
       data.isTouched = false;
     }
   }
-  if (document2.activeElement && document2.activeElement.matches(data.focusableElements) && document2.activeElement !== targetEl && (e.pointerType === "mouse" || e.pointerType !== "mouse" && !targetEl.matches(data.focusableElements))) {
+  if (document2.activeElement && document2.activeElement.matches(data.focusableElements) && document2.activeElement !== targetEl) {
     document2.activeElement.blur();
   }
   const shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault;
@@ -2579,7 +2376,6 @@ function onTouchStart(event) {
 function onTouchMove(event) {
   const document2 = getDocument();
   const swiper = this;
-  if (swiper.destroyed) return;
   const data = swiper.touchEventsData;
   const {
     params,
@@ -2591,24 +2387,15 @@ function onTouchMove(event) {
   if (!params.simulateTouch && event.pointerType === "mouse") return;
   let e = event;
   if (e.originalEvent) e = e.originalEvent;
-  if (e.type === "pointermove") {
-    if (data.touchId !== null) return;
-    const id = e.pointerId;
-    if (id !== data.pointerId) return;
-  }
-  let targetTouch;
-  if (e.type === "touchmove") {
-    targetTouch = [...e.changedTouches].find((t) => t.identifier === data.touchId);
-    if (!targetTouch || targetTouch.identifier !== data.touchId) return;
-  } else {
-    targetTouch = e;
-  }
   if (!data.isTouched) {
     if (data.startMoving && data.isScrolling) {
       swiper.emit("touchMoveOpposite", e);
     }
     return;
   }
+  const pointerIndex = data.evCache.findIndex((cachedEv) => cachedEv.pointerId === e.pointerId);
+  if (pointerIndex >= 0) data.evCache[pointerIndex] = e;
+  const targetTouch = data.evCache.length > 1 ? data.evCache[0] : e;
   const pageX = targetTouch.pageX;
   const pageY = targetTouch.pageY;
   if (e.preventedByNestedSwiper) {
@@ -2624,6 +2411,8 @@ function onTouchMove(event) {
       Object.assign(touches, {
         startX: pageX,
         startY: pageY,
+        prevX: swiper.touches.currentX,
+        prevY: swiper.touches.currentY,
         currentX: pageX,
         currentY: pageY
       });
@@ -2638,15 +2427,10 @@ function onTouchMove(event) {
         data.isMoved = false;
         return;
       }
-    } else if (rtl && (pageX > touches.startX && -swiper.translate <= swiper.maxTranslate() || pageX < touches.startX && -swiper.translate >= swiper.minTranslate())) {
-      return;
-    } else if (!rtl && (pageX < touches.startX && swiper.translate <= swiper.maxTranslate() || pageX > touches.startX && swiper.translate >= swiper.minTranslate())) {
+    } else if (pageX < touches.startX && swiper.translate <= swiper.maxTranslate() || pageX > touches.startX && swiper.translate >= swiper.minTranslate()) {
       return;
     }
   }
-  if (document2.activeElement && document2.activeElement.matches(data.focusableElements) && document2.activeElement !== e.target && e.pointerType !== "mouse") {
-    document2.activeElement.blur();
-  }
   if (document2.activeElement) {
     if (e.target === document2.activeElement && e.target.matches(data.focusableElements)) {
       data.isMoved = true;
@@ -2657,8 +2441,7 @@ function onTouchMove(event) {
   if (data.allowTouchCallbacks) {
     swiper.emit("touchMove", e);
   }
-  touches.previousX = touches.currentX;
-  touches.previousY = touches.currentY;
+  if (e.targetTouches && e.targetTouches.length > 1) return;
   touches.currentX = pageX;
   touches.currentY = pageY;
   const diffX = touches.currentX - touches.startX;
@@ -2683,7 +2466,7 @@ function onTouchMove(event) {
       data.startMoving = true;
     }
   }
-  if (data.isScrolling || e.type === "touchmove" && data.preventTouchMoveFromPointerMove) {
+  if (data.isScrolling || swiper.zoom && swiper.params.zoom && swiper.params.zoom.enabled && data.evCache.length > 1) {
     data.isTouched = false;
     return;
   }
@@ -2713,7 +2496,7 @@ function onTouchMove(event) {
   swiper.swipeDirection = diff > 0 ? "prev" : "next";
   swiper.touchesDirection = touchesDiff > 0 ? "prev" : "next";
   const isLoop = swiper.params.loop && !params.cssMode;
-  const allowLoopFix = swiper.touchesDirection === "next" && swiper.allowSlideNext || swiper.touchesDirection === "prev" && swiper.allowSlidePrev;
+  const allowLoopFix = swiper.swipeDirection === "next" && swiper.allowSlideNext || swiper.swipeDirection === "prev" && swiper.allowSlidePrev;
   if (!data.isMoved) {
     if (isLoop && allowLoopFix) {
       swiper.loopFix({
@@ -2725,10 +2508,7 @@ function onTouchMove(event) {
     if (swiper.animating) {
       const evt = new window.CustomEvent("transitionend", {
         bubbles: true,
-        cancelable: true,
-        detail: {
-          bySwiperTouchMove: true
-        }
+        cancelable: true
       });
       swiper.wrapperEl.dispatchEvent(evt);
     }
@@ -2739,18 +2519,12 @@ function onTouchMove(event) {
     swiper.emit("sliderFirstMove", e);
   }
   let loopFixed;
-  (/* @__PURE__ */ new Date()).getTime();
-  if (params._loopSwapReset !== false && data.isMoved && data.allowThresholdMove && prevTouchesDirection !== swiper.touchesDirection && isLoop && allowLoopFix && Math.abs(diff) >= 1) {
-    Object.assign(touches, {
-      startX: pageX,
-      startY: pageY,
-      currentX: pageX,
-      currentY: pageY,
-      startTranslate: data.currentTranslate
+  if (data.isMoved && prevTouchesDirection !== swiper.touchesDirection && isLoop && allowLoopFix && Math.abs(diff) >= 1) {
+    swiper.loopFix({
+      direction: swiper.swipeDirection,
+      setTranslate: true
     });
-    data.loopSwapReset = true;
-    data.startTranslate = data.currentTranslate;
-    return;
+    loopFixed = true;
   }
   swiper.emit("sliderMove", e);
   data.isMoved = true;
@@ -2761,7 +2535,7 @@ function onTouchMove(event) {
     resistanceRatio = 0;
   }
   if (diff > 0) {
-    if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.slidesSizesGrid[swiper.activeIndex + 1] - (params.slidesPerView !== "auto" && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.activeIndex + 1] + swiper.params.spaceBetween : 0) - swiper.params.spaceBetween : swiper.minTranslate())) {
+    if (isLoop && allowLoopFix && !loopFixed && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.size / 2 : swiper.minTranslate())) {
       swiper.loopFix({
         direction: "prev",
         setTranslate: true,
@@ -2775,7 +2549,7 @@ function onTouchMove(event) {
       }
     }
   } else if (diff < 0) {
-    if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween + (params.slidesPerView !== "auto" && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween : 0) : swiper.maxTranslate())) {
+    if (isLoop && allowLoopFix && !loopFixed && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.size / 2 : swiper.maxTranslate())) {
       swiper.loopFix({
         direction: "next",
         setTranslate: true,
@@ -2829,28 +2603,17 @@ function onTouchMove(event) {
 }
 function onTouchEnd(event) {
   const swiper = this;
-  if (swiper.destroyed) return;
   const data = swiper.touchEventsData;
-  let e = event;
-  if (e.originalEvent) e = e.originalEvent;
-  let targetTouch;
-  const isTouchEvent = e.type === "touchend" || e.type === "touchcancel";
-  if (!isTouchEvent) {
-    if (data.touchId !== null) return;
-    if (e.pointerId !== data.pointerId) return;
-    targetTouch = e;
-  } else {
-    targetTouch = [...e.changedTouches].find((t) => t.identifier === data.touchId);
-    if (!targetTouch || targetTouch.identifier !== data.touchId) return;
+  const pointerIndex = data.evCache.findIndex((cachedEv) => cachedEv.pointerId === event.pointerId);
+  if (pointerIndex >= 0) {
+    data.evCache.splice(pointerIndex, 1);
   }
-  if (["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes(e.type)) {
-    const proceed = ["pointercancel", "contextmenu"].includes(e.type) && (swiper.browser.isSafari || swiper.browser.isWebView);
+  if (["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes(event.type)) {
+    const proceed = ["pointercancel", "contextmenu"].includes(event.type) && (swiper.browser.isSafari || swiper.browser.isWebView);
     if (!proceed) {
       return;
     }
   }
-  data.pointerId = null;
-  data.touchId = null;
   const {
     params,
     touches,
@@ -2859,7 +2622,9 @@ function onTouchEnd(event) {
     enabled
   } = swiper;
   if (!enabled) return;
-  if (!params.simulateTouch && e.pointerType === "mouse") return;
+  if (!params.simulateTouch && event.pointerType === "mouse") return;
+  let e = event;
+  if (e.originalEvent) e = e.originalEvent;
   if (data.allowTouchCallbacks) {
     swiper.emit("touchEnd", e);
   }
@@ -2889,7 +2654,7 @@ function onTouchEnd(event) {
   nextTick(() => {
     if (!swiper.destroyed) swiper.allowClick = true;
   });
-  if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || touches.diff === 0 && !data.loopSwapReset || data.currentTranslate === data.startTranslate && !data.loopSwapReset) {
+  if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || touches.diff === 0 || data.currentTranslate === data.startTranslate) {
     data.isTouched = false;
     data.isMoved = false;
     data.startMoving = false;
@@ -2913,17 +2678,16 @@ function onTouchEnd(event) {
     });
     return;
   }
-  const swipeToLast = currentPos >= -swiper.maxTranslate() && !swiper.params.loop;
   let stopIndex = 0;
   let groupSize = swiper.slidesSizesGrid[0];
   for (let i = 0; i < slidesGrid.length; i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup) {
     const increment2 = i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
     if (typeof slidesGrid[i + increment2] !== "undefined") {
-      if (swipeToLast || currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + increment2]) {
+      if (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + increment2]) {
         stopIndex = i;
         groupSize = slidesGrid[i + increment2] - slidesGrid[i];
       }
-    } else if (swipeToLast || currentPos >= slidesGrid[i]) {
+    } else if (currentPos >= slidesGrid[i]) {
       stopIndex = i;
       groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
     }
@@ -3000,8 +2764,7 @@ function onResize() {
   swiper.updateSlidesClasses();
   const isVirtualLoop = isVirtual && params.loop;
   if ((params.slidesPerView === "auto" || params.slidesPerView > 1) && swiper.isEnd && !swiper.isBeginning && !swiper.params.centeredSlides && !isVirtualLoop) {
-    const slides = isVirtual ? swiper.virtual.slides : swiper.slides;
-    swiper.slideTo(slides.length - 1, 0, false, true);
+    swiper.slideTo(swiper.slides.length - 1, 0, false, true);
   } else {
     if (swiper.params.loop && !isVirtual) {
       swiper.slideToLoop(swiper.realIndex, 0, false, true);
@@ -3025,7 +2788,6 @@ function onResize() {
 }
 function onClick(e) {
   const swiper = this;
-  if (swiper.destroyed) return;
   if (!swiper.enabled) return;
   if (!swiper.allowClick) {
     if (swiper.params.preventClicks) e.preventDefault();
@@ -3037,7 +2799,6 @@ function onClick(e) {
 }
 function onScroll() {
   const swiper = this;
-  if (swiper.destroyed) return;
   const {
     wrapperEl,
     rtlTranslate,
@@ -3067,21 +2828,14 @@ function onScroll() {
 }
 function onLoad(e) {
   const swiper = this;
-  if (swiper.destroyed) return;
   processLazyPreloader(swiper, e.target);
   if (swiper.params.cssMode || swiper.params.slidesPerView !== "auto" && !swiper.params.autoHeight) {
     return;
   }
   swiper.update();
 }
-function onDocumentTouchStart() {
-  const swiper = this;
-  if (swiper.destroyed) return;
-  if (swiper.documentTouchHandlerProceeded) return;
-  swiper.documentTouchHandlerProceeded = true;
-  if (swiper.params.touchReleaseOnEdges) {
-    swiper.el.style.touchAction = "auto";
-  }
+var dummyEventAttached = false;
+function dummyEventListener() {
 }
 var events = (swiper, method) => {
   const document2 = getDocument();
@@ -3094,37 +2848,19 @@ var events = (swiper, method) => {
   const capture = !!params.nested;
   const domMethod = method === "on" ? "addEventListener" : "removeEventListener";
   const swiperMethod = method;
-  if (!el || typeof el === "string") return;
-  document2[domMethod]("touchstart", swiper.onDocumentTouchStart, {
-    passive: false,
-    capture
-  });
-  el[domMethod]("touchstart", swiper.onTouchStart, {
-    passive: false
-  });
   el[domMethod]("pointerdown", swiper.onTouchStart, {
     passive: false
   });
-  document2[domMethod]("touchmove", swiper.onTouchMove, {
-    passive: false,
-    capture
-  });
   document2[domMethod]("pointermove", swiper.onTouchMove, {
     passive: false,
     capture
   });
-  document2[domMethod]("touchend", swiper.onTouchEnd, {
-    passive: true
-  });
   document2[domMethod]("pointerup", swiper.onTouchEnd, {
     passive: true
   });
   document2[domMethod]("pointercancel", swiper.onTouchEnd, {
     passive: true
   });
-  document2[domMethod]("touchcancel", swiper.onTouchEnd, {
-    passive: true
-  });
   document2[domMethod]("pointerout", swiper.onTouchEnd, {
     passive: true
   });
@@ -3151,18 +2887,22 @@ var events = (swiper, method) => {
 };
 function attachEvents() {
   const swiper = this;
+  const document2 = getDocument();
   const {
     params
   } = swiper;
   swiper.onTouchStart = onTouchStart.bind(swiper);
   swiper.onTouchMove = onTouchMove.bind(swiper);
   swiper.onTouchEnd = onTouchEnd.bind(swiper);
-  swiper.onDocumentTouchStart = onDocumentTouchStart.bind(swiper);
   if (params.cssMode) {
     swiper.onScroll = onScroll.bind(swiper);
   }
   swiper.onClick = onClick.bind(swiper);
   swiper.onLoad = onLoad.bind(swiper);
+  if (!dummyEventAttached) {
+    document2.addEventListener("touchstart", dummyEventListener);
+    dummyEventAttached = true;
+  }
   events(swiper, "on");
 }
 function detachEvents() {
@@ -3186,17 +2926,12 @@ function setBreakpoint() {
   } = swiper;
   const breakpoints2 = params.breakpoints;
   if (!breakpoints2 || breakpoints2 && Object.keys(breakpoints2).length === 0) return;
-  const document2 = getDocument();
-  const breakpointsBase = params.breakpointsBase === "window" || !params.breakpointsBase ? params.breakpointsBase : "container";
-  const breakpointContainer = ["window", "container"].includes(params.breakpointsBase) || !params.breakpointsBase ? swiper.el : document2.querySelector(params.breakpointsBase);
-  const breakpoint = swiper.getBreakpoint(breakpoints2, breakpointsBase, breakpointContainer);
+  const breakpoint = swiper.getBreakpoint(breakpoints2, swiper.params.breakpointsBase, swiper.el);
   if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;
   const breakpointOnlyParams = breakpoint in breakpoints2 ? breakpoints2[breakpoint] : void 0;
   const breakpointParams = breakpointOnlyParams || swiper.originalParams;
   const wasMultiRow = isGridEnabled(swiper, params);
   const isMultiRow = isGridEnabled(swiper, breakpointParams);
-  const wasGrabCursor = swiper.params.grabCursor;
-  const isGrabCursor = breakpointParams.grabCursor;
   const wasEnabled = params.enabled;
   if (wasMultiRow && !isMultiRow) {
     el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
@@ -3208,11 +2943,6 @@ function setBreakpoint() {
     }
     swiper.emitContainerClasses();
   }
-  if (wasGrabCursor && !isGrabCursor) {
-    swiper.unsetGrabCursor();
-  } else if (!wasGrabCursor && isGrabCursor) {
-    swiper.setGrabCursor();
-  }
   ["navigation", "pagination", "scrollbar"].forEach((prop) => {
     if (typeof breakpointParams[prop] === "undefined") return;
     const wasModuleEnabled = params[prop] && params[prop].enabled;
@@ -3259,7 +2989,10 @@ function setBreakpoint() {
   }
   swiper.emit("breakpoint", breakpointParams);
 }
-function getBreakpoint(breakpoints2, base = "window", containerEl) {
+function getBreakpoint(breakpoints2, base, containerEl) {
+  if (base === void 0) {
+    base = "window";
+  }
   if (!breakpoints2 || base === "container" && !containerEl) return void 0;
   let breakpoint = false;
   const window2 = getWindow();
@@ -3353,7 +3086,6 @@ function removeClasses() {
     el,
     classNames
   } = swiper;
-  if (!el || typeof el === "string") return;
   el.classList.remove(...classNames);
   swiper.emitContainerClasses();
 }
@@ -3397,7 +3129,6 @@ var defaults = {
   init: true,
   direction: "horizontal",
   oneWayMovement: false,
-  swiperElementNodeName: "SWIPER-CONTAINER",
   touchEventsTarget: "wrapper",
   initialSlide: 0,
   speed: 300,
@@ -3406,7 +3137,6 @@ var defaults = {
   resizeObserver: true,
   nested: false,
   createElements: false,
-  eventsPrefix: "swiper",
   enabled: true,
   focusableElements: "input, select, option, textarea, button, video, label",
   // Overrides
@@ -3446,7 +3176,6 @@ var defaults = {
   // in px
   normalizeSlideIndex: true,
   centerInsufficientSlides: false,
-  snapToSlideEdge: false,
   // Disable swiper and hide navigation when container not overflow
   watchOverflow: true,
   // Round length
@@ -3481,8 +3210,7 @@ var defaults = {
   slideToClickedSlide: false,
   // loop
   loop: false,
-  loopAddBlankSlides: true,
-  loopAdditionalSlides: 0,
+  loopedSlides: null,
   loopPreventsSliding: true,
   // rewind
   rewind: false,
@@ -3501,10 +3229,8 @@ var defaults = {
   containerModifierClass: "swiper-",
   // NEW
   slideClass: "swiper-slide",
-  slideBlankClass: "swiper-slide-blank",
   slideActiveClass: "swiper-slide-active",
   slideVisibleClass: "swiper-slide-visible",
-  slideFullyVisibleClass: "swiper-slide-fully-visible",
   slideNextClass: "swiper-slide-next",
   slidePrevClass: "swiper-slide-prev",
   wrapperClass: "swiper-wrapper",
@@ -3516,7 +3242,10 @@ var defaults = {
   _emitClasses: false
 };
 function moduleExtendParams(params, allModulesParams) {
-  return function extendParams(obj = {}) {
+  return function extendParams(obj) {
+    if (obj === void 0) {
+      obj = {};
+    }
     const moduleParamName = Object.keys(obj)[0];
     const moduleParams = obj[moduleParamName];
     if (typeof moduleParams !== "object" || moduleParams === null) {
@@ -3562,9 +3291,12 @@ var prototypes = {
 };
 var extendedDefaults = {};
 var Swiper = class _Swiper {
-  constructor(...args) {
+  constructor() {
     let el;
     let params;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
     if (args.length === 1 && args[0].constructor && Object.prototype.toString.call(args[0]).slice(8, -1) === "Object") {
       params = args[0];
     } else {
@@ -3595,11 +3327,7 @@ var Swiper = class _Swiper {
     swiper.eventsAnyListeners = [];
     swiper.modules = [...swiper.__modules__];
     if (params.modules && Array.isArray(params.modules)) {
-      params.modules.forEach((mod) => {
-        if (typeof mod === "function" && swiper.modules.indexOf(mod) < 0) {
-          swiper.modules.push(mod);
-        }
-      });
+      swiper.modules.push(...params.modules);
     }
     const allModulesParams = {};
     swiper.modules.forEach((mod) => {
@@ -3679,8 +3407,7 @@ var Swiper = class _Swiper {
         velocities: [],
         allowMomentumBounce: void 0,
         startMoving: void 0,
-        pointerId: null,
-        touchId: null
+        evCache: []
       },
       // Clicks
       allowClick: true,
@@ -3703,21 +3430,6 @@ var Swiper = class _Swiper {
     }
     return swiper;
   }
-  getDirectionLabel(property) {
-    if (this.isHorizontal()) {
-      return property;
-    }
-    return {
-      "width": "height",
-      "margin-top": "margin-left",
-      "margin-bottom ": "margin-right",
-      "margin-left": "margin-top",
-      "margin-right": "margin-bottom",
-      "padding-left": "padding-top",
-      "padding-right": "padding-bottom",
-      "marginRight": "marginBottom"
-    }[property];
-  }
   getSlideIndex(slideEl) {
     const {
       slidesEl,
@@ -3728,17 +3440,7 @@ var Swiper = class _Swiper {
     return elementIndex(slideEl) - firstSlideIndex;
   }
   getSlideIndexByData(index) {
-    return this.getSlideIndex(this.slides.find((slideEl) => slideEl.getAttribute("data-swiper-slide-index") * 1 === index));
-  }
-  getSlideIndexWhenGrid(index) {
-    if (this.grid && this.params.grid && this.params.grid.rows > 1) {
-      if (this.params.grid.fill === "column") {
-        index = Math.floor(index / this.params.grid.rows);
-      } else if (this.params.grid.fill === "row") {
-        index = index % Math.ceil(this.slides.length / this.params.grid.rows);
-      }
-    }
-    return index;
+    return this.getSlideIndex(this.slides.filter((slideEl) => slideEl.getAttribute("data-swiper-slide-index") * 1 === index)[0]);
   }
   recalcSlides() {
     const swiper = this;
@@ -3805,7 +3507,13 @@ var Swiper = class _Swiper {
     });
     swiper.emit("_slideClasses", updates);
   }
-  slidesPerViewDynamic(view = "current", exact = false) {
+  slidesPerViewDynamic(view, exact) {
+    if (view === void 0) {
+      view = "current";
+    }
+    if (exact === void 0) {
+      exact = false;
+    }
     const swiper = this;
     const {
       params,
@@ -3818,11 +3526,11 @@ var Swiper = class _Swiper {
     let spv = 1;
     if (typeof params.slidesPerView === "number") return params.slidesPerView;
     if (params.centeredSlides) {
-      let slideSize = slides[activeIndex] ? Math.ceil(slides[activeIndex].swiperSlideSize) : 0;
+      let slideSize = slides[activeIndex] ? slides[activeIndex].swiperSlideSize : 0;
       let breakLoop;
       for (let i = activeIndex + 1; i < slides.length; i += 1) {
         if (slides[i] && !breakLoop) {
-          slideSize += Math.ceil(slides[i].swiperSlideSize);
+          slideSize += slides[i].swiperSlideSize;
           spv += 1;
           if (slideSize > swiperSize) breakLoop = true;
         }
@@ -3901,7 +3609,10 @@ var Swiper = class _Swiper {
     }
     swiper.emit("update");
   }
-  changeDirection(newDirection, needUpdate = true) {
+  changeDirection(newDirection, needUpdate) {
+    if (needUpdate === void 0) {
+      needUpdate = true;
+    }
     const swiper = this;
     const currentDirection = swiper.params.direction;
     if (!newDirection) {
@@ -3950,7 +3661,7 @@ var Swiper = class _Swiper {
       return false;
     }
     el.swiper = swiper;
-    if (el.parentNode && el.parentNode.host && el.parentNode.host.nodeName === swiper.params.swiperElementNodeName.toUpperCase()) {
+    if (el.parentNode && el.parentNode.host && el.parentNode.host.nodeName === "SWIPER-CONTAINER") {
       swiper.isElement = true;
     }
     const getWrapperSelector = () => {
@@ -4008,7 +3719,7 @@ var Swiper = class _Swiper {
       swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit, false, true);
     }
     if (swiper.params.loop) {
-      swiper.loopCreate(void 0, true);
+      swiper.loopCreate();
     }
     swiper.attachEvents();
     const lazyElements = [...swiper.el.querySelectorAll('[loading="lazy"]')];
@@ -4031,7 +3742,13 @@ var Swiper = class _Swiper {
     swiper.emit("afterInit");
     return swiper;
   }
-  destroy(deleteInstance = true, cleanStyles = true) {
+  destroy(deleteInstance, cleanStyles) {
+    if (deleteInstance === void 0) {
+      deleteInstance = true;
+    }
+    if (cleanStyles === void 0) {
+      cleanStyles = true;
+    }
     const swiper = this;
     const {
       params,
@@ -4050,15 +3767,11 @@ var Swiper = class _Swiper {
     }
     if (cleanStyles) {
       swiper.removeClasses();
-      if (el && typeof el !== "string") {
-        el.removeAttribute("style");
-      }
-      if (wrapperEl) {
-        wrapperEl.removeAttribute("style");
-      }
+      el.removeAttribute("style");
+      wrapperEl.removeAttribute("style");
       if (slides && slides.length) {
         slides.forEach((slideEl) => {
-          slideEl.classList.remove(params.slideVisibleClass, params.slideFullyVisibleClass, params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
+          slideEl.classList.remove(params.slideVisibleClass, params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
           slideEl.removeAttribute("style");
           slideEl.removeAttribute("data-swiper-slide-index");
         });
@@ -4069,9 +3782,7 @@ var Swiper = class _Swiper {
       swiper.off(eventName);
     });
     if (deleteInstance !== false) {
-      if (swiper.el && typeof swiper.el !== "string") {
-        swiper.el.swiper = null;
-      }
+      swiper.el.swiper = null;
       deleteProps(swiper);
     }
     swiper.destroyed = true;