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

package/build/cjs/_vendor/swiper-modules.js

@@ -29,14 +29,9 @@ module.exports = __toCommonJS(stdin_exports);
 function isObject(obj) {
   return obj !== null && typeof obj === "object" && "constructor" in obj && obj.constructor === Object;
 }
-function extend(target, src) {
-  if (target === void 0) {
-    target = {};
-  }
-  if (src === void 0) {
-    src = {};
-  }
-  Object.keys(src).forEach((key) => {
+function extend(target = {}, src = {}) {
+  const noExtend = ["__proto__", "constructor", "prototype"];
+  Object.keys(src).filter((key) => noExtend.indexOf(key) < 0).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]);
@@ -175,18 +170,23 @@ function getWindow() {
 }
 
 // node_modules/swiper/shared/utils.mjs
-function elementChildren(element, selector) {
-  if (selector === void 0) {
-    selector = "";
-  }
-  return [...element.children].filter((el) => el.matches(selector));
+function classesToTokens(classes = "") {
+  return classes.trim().split(" ").filter((c) => !!c.trim());
 }
-function createElement(tag, classes) {
-  if (classes === void 0) {
-    classes = [];
+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 createElement(tag, classes = []) {
   const el = document.createElement(tag);
-  el.classList.add(...Array.isArray(classes) ? classes : [classes]);
+  el.classList.add(...Array.isArray(classes) ? classes : classesToTokens(classes));
   return el;
 }
 function elementIndex(el) {
@@ -221,6 +221,18 @@ function elementOuterSize(el, size, includeMargins) {
   }
   return el.offsetWidth;
 }
+function makeElementsArray(el) {
+  return (Array.isArray(el) ? el : [el]).filter((e) => !!e);
+}
+function setInnerHTML(el, html = "") {
+  if (typeof trustedTypes !== "undefined") {
+    el.innerHTML = trustedTypes.createPolicy("html", {
+      createHTML: (s) => s
+    }).createHTML(html);
+  } else {
+    el.innerHTML = html;
+  }
+}
 
 // node_modules/swiper/shared/create-element-if-not-defined.mjs
 function createElementIfNotDefined(swiper, originalParams, params, checkProps) {
@@ -242,21 +254,17 @@ function createElementIfNotDefined(swiper, originalParams, params, checkProps) {
 }
 
 // node_modules/swiper/shared/classes-to-selector.mjs
-function classesToSelector(classes) {
-  if (classes === void 0) {
-    classes = "";
-  }
-  return `.${classes.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}`;
+function classesToSelector(classes = "") {
+  return `.${classes.trim().replace(/([\.:!+\/()[\]#>~*^$|=,'"@{}\\])/g, "\\$1").replace(/ /g, ".")}`;
 }
 
 // node_modules/swiper/modules/pagination.mjs
-function Pagination(_ref) {
-  let {
-    swiper,
-    extendParams,
-    on,
-    emit
-  } = _ref;
+function Pagination({
+  swiper,
+  extendParams,
+  on,
+  emit
+}) {
   const pfx = "swiper-pagination";
   extendParams({
     pagination: {
@@ -296,7 +304,6 @@ function Pagination(_ref) {
   };
   let bulletSize;
   let dynamicBulletIndex = 0;
-  const makeElementsArray = (el) => (Array.isArray(el) ? el : [el]).filter((e) => !!e);
   function isPaginationDisabled() {
     return !swiper.params.pagination.el || !swiper.pagination.el || Array.isArray(swiper.pagination.el) && swiper.pagination.el.length === 0;
   }
@@ -314,6 +321,16 @@ function Pagination(_ref) {
       }
     }
   }
+  function getMoveDirection(prevIndex, nextIndex, length) {
+    prevIndex = prevIndex % length;
+    nextIndex = nextIndex % length;
+    if (nextIndex === prevIndex + 1) {
+      return "next";
+    } else if (nextIndex === prevIndex - 1) {
+      return "previous";
+    }
+    return;
+  }
   function onBulletClick(e) {
     const bulletEl = e.target.closest(classesToSelector(swiper.params.pagination.bulletClass));
     if (!bulletEl) {
@@ -323,30 +340,14 @@ function Pagination(_ref) {
     const index = elementIndex(bulletEl) * swiper.params.slidesPerGroup;
     if (swiper.params.loop) {
       if (swiper.realIndex === index) return;
-      const realIndex = swiper.realIndex;
-      const newSlideIndex = swiper.getSlideIndexByData(index);
-      const currentSlideIndex = swiper.getSlideIndexByData(swiper.realIndex);
-      const loopFix = (dir) => {
-        const indexBeforeLoopFix = swiper.activeIndex;
-        swiper.loopFix({
-          direction: dir,
-          activeSlideIndex: newSlideIndex,
-          slideTo: false
-        });
-        const indexAfterFix = swiper.activeIndex;
-        if (indexBeforeLoopFix === indexAfterFix) {
-          swiper.slideToLoop(realIndex, 0, false, true);
-        }
-      };
-      if (newSlideIndex > swiper.slides.length - swiper.loopedSlides) {
-        loopFix(newSlideIndex > currentSlideIndex ? "next" : "prev");
-      } else if (swiper.params.centeredSlides) {
-        const slidesPerView = swiper.params.slidesPerView === "auto" ? swiper.slidesPerViewDynamic() : Math.ceil(parseFloat(swiper.params.slidesPerView, 10));
-        if (newSlideIndex < Math.floor(slidesPerView / 2)) {
-          loopFix("prev");
-        }
+      const moveDirection = getMoveDirection(swiper.realIndex, index, swiper.slides.length);
+      if (moveDirection === "next") {
+        swiper.slideNext();
+      } else if (moveDirection === "previous") {
+        swiper.slidePrev();
+      } else {
+        swiper.slideToLoop(index);
       }
-      swiper.slideToLoop(index);
     } else {
       swiper.slideTo(index);
     }
@@ -478,7 +479,7 @@ function Pagination(_ref) {
         });
       }
       if (params.type === "custom" && params.renderCustom) {
-        subEl.innerHTML = params.renderCustom(swiper, current + 1, total);
+        setInnerHTML(subEl, params.renderCustom(swiper, current + 1, total));
         if (subElIndex === 0) emit("paginationRender", subEl);
       } else {
         if (subElIndex === 0) emit("paginationRender", subEl);
@@ -492,7 +493,7 @@ function Pagination(_ref) {
   function render() {
     const params = swiper.params.pagination;
     if (isPaginationDisabled()) return;
-    const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
+    const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.grid && swiper.params.grid.rows > 1 ? swiper.slides.length / Math.ceil(swiper.params.grid.rows) : swiper.slides.length;
     let el = swiper.pagination.el;
     el = makeElementsArray(el);
     let paginationHTML = "";
@@ -526,7 +527,7 @@ function Pagination(_ref) {
     swiper.pagination.bullets = [];
     el.forEach((subEl) => {
       if (params.type !== "custom") {
-        subEl.innerHTML = paginationHTML || "";
+        setInnerHTML(subEl, paginationHTML || "");
       }
       if (params.type === "bullets") {
         swiper.pagination.bullets.push(...subEl.querySelectorAll(classesToSelector(params.bulletClass)));
@@ -556,10 +557,10 @@ function Pagination(_ref) {
     if (swiper.params.uniqueNavElements && typeof params.el === "string" && Array.isArray(el) && el.length > 1) {
       el = [...swiper.el.querySelectorAll(params.el)];
       if (el.length > 1) {
-        el = el.filter((subEl) => {
+        el = el.find((subEl) => {
           if (elementParents(subEl, ".swiper")[0] !== swiper.el) return false;
           return true;
-        })[0];
+        });
       }
     }
     if (Array.isArray(el) && el.length === 1) el = el[0];
@@ -706,12 +707,11 @@ function Pagination(_ref) {
 }
 
 // node_modules/swiper/modules/a11y.mjs
-function A11y(_ref) {
-  let {
-    swiper,
-    extendParams,
-    on
-  } = _ref;
+function A11y({
+  swiper,
+  extendParams,
+  on
+}) {
   extendParams({
     a11y: {
       enabled: true,
@@ -724,26 +724,27 @@ function A11y(_ref) {
       slideLabelMessage: "{{index}} / {{slidesLength}}",
       containerMessage: null,
       containerRoleDescriptionMessage: null,
+      containerRole: null,
       itemRoleDescriptionMessage: null,
       slideRole: "group",
-      id: null
+      id: null,
+      scrollOnFocus: true,
+      wrapperLiveRegion: true
     }
   });
   swiper.a11y = {
     clicked: false
   };
   let liveRegion = null;
+  let preventFocusHandler;
+  let focusTargetSlideEl;
+  let visibilityChangedTimestamp = (/* @__PURE__ */ new Date()).getTime();
   function notify(message) {
     const notification = liveRegion;
     if (notification.length === 0) return;
-    notification.innerHTML = "";
-    notification.innerHTML = message;
+    setInnerHTML(notification, message);
   }
-  const makeElementsArray = (el) => (Array.isArray(el) ? el : [el]).filter((e) => !!e);
-  function getRandomNumber(size) {
-    if (size === void 0) {
-      size = 16;
-    }
+  function getRandomNumber(size = 16) {
     const randomChar = () => Math.round(16 * Math.random()).toString(16);
     return "x".repeat(size).replace(/x/g, randomChar);
   }
@@ -771,12 +772,6 @@ function A11y(_ref) {
       subEl.setAttribute("aria-roledescription", description);
     });
   }
-  function addElControls(el, controls) {
-    el = makeElementsArray(el);
-    el.forEach((subEl) => {
-      subEl.setAttribute("aria-controls", controls);
-    });
-  }
   function addElLabel(el, label) {
     el = makeElementsArray(el);
     el.forEach((subEl) => {
@@ -804,7 +799,7 @@ function A11y(_ref) {
   function enableEl(el) {
     el = makeElementsArray(el);
     el.forEach((subEl) => {
-      subEl.setAttribute("aria-disabled", false);
+      subEl.removeAttribute("aria-disabled");
     });
   }
   function onEnterOrSpaceKey(e) {
@@ -814,24 +809,28 @@ function A11y(_ref) {
     if (swiper.pagination && swiper.pagination.el && (targetEl === swiper.pagination.el || swiper.pagination.el.contains(e.target))) {
       if (!e.target.matches(classesToSelector(swiper.params.pagination.bulletClass))) return;
     }
-    if (swiper.navigation && swiper.navigation.nextEl && targetEl === swiper.navigation.nextEl) {
-      if (!(swiper.isEnd && !swiper.params.loop)) {
-        swiper.slideNext();
-      }
-      if (swiper.isEnd) {
-        notify(params.lastSlideMessage);
-      } else {
-        notify(params.nextSlideMessage);
-      }
-    }
-    if (swiper.navigation && swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl) {
-      if (!(swiper.isBeginning && !swiper.params.loop)) {
-        swiper.slidePrev();
+    if (swiper.navigation && swiper.navigation.prevEl && swiper.navigation.nextEl) {
+      const prevEls = makeElementsArray(swiper.navigation.prevEl);
+      const nextEls = makeElementsArray(swiper.navigation.nextEl);
+      if (nextEls.includes(targetEl)) {
+        if (!(swiper.isEnd && !swiper.params.loop)) {
+          swiper.slideNext();
+        }
+        if (swiper.isEnd) {
+          notify(params.lastSlideMessage);
+        } else {
+          notify(params.nextSlideMessage);
+        }
       }
-      if (swiper.isBeginning) {
-        notify(params.firstSlideMessage);
-      } else {
-        notify(params.prevSlideMessage);
+      if (prevEls.includes(targetEl)) {
+        if (!(swiper.isBeginning && !swiper.params.loop)) {
+          swiper.slidePrev();
+        }
+        if (swiper.isBeginning) {
+          notify(params.firstSlideMessage);
+        } else {
+          notify(params.prevSlideMessage);
+        }
       }
     }
     if (swiper.pagination && targetEl.matches(classesToSelector(swiper.params.pagination.bulletClass))) {
@@ -894,12 +893,15 @@ function A11y(_ref) {
       el.addEventListener("keydown", onEnterOrSpaceKey);
     }
     addElLabel(el, message);
-    addElControls(el, wrapperId);
   };
-  const handlePointerDown = () => {
+  const handlePointerDown = (e) => {
+    if (focusTargetSlideEl && focusTargetSlideEl !== e.target && !focusTargetSlideEl.contains(e.target)) {
+      preventFocusHandler = true;
+    }
     swiper.a11y.clicked = true;
   };
   const handlePointerUp = () => {
+    preventFocusHandler = false;
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         if (!swiper.destroyed) {
@@ -908,11 +910,17 @@ function A11y(_ref) {
       });
     });
   };
+  const onVisibilityChange = (e) => {
+    visibilityChangedTimestamp = (/* @__PURE__ */ new Date()).getTime();
+  };
   const handleFocus = (e) => {
-    if (swiper.a11y.clicked) return;
+    if (swiper.a11y.clicked || !swiper.params.a11y.scrollOnFocus) return;
+    if ((/* @__PURE__ */ new Date()).getTime() - visibilityChangedTimestamp < 100) return;
     const slideEl = e.target.closest(`.${swiper.params.slideClass}, swiper-slide`);
     if (!slideEl || !swiper.slides.includes(slideEl)) return;
-    const isActive = swiper.slides.indexOf(slideEl) === swiper.activeIndex;
+    focusTargetSlideEl = slideEl;
+    const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+    const isActive = (isVirtual ? parseInt(slideEl.getAttribute("data-swiper-slide-index"), 10) : swiper.slides.indexOf(slideEl)) === swiper.activeIndex;
     const isVisible = swiper.params.watchSlidesProgress && swiper.visibleSlides && swiper.visibleSlides.includes(slideEl);
     if (isActive || isVisible) return;
     if (e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents) return;
@@ -921,7 +929,17 @@ function A11y(_ref) {
     } else {
       swiper.el.scrollTop = 0;
     }
-    swiper.slideTo(swiper.slides.indexOf(slideEl), 0);
+    requestAnimationFrame(() => {
+      if (preventFocusHandler) return;
+      if (swiper.params.loop) {
+        swiper.slideToLoop(swiper.getSlideIndexWhenGrid(parseInt(slideEl.getAttribute("data-swiper-slide-index"))), 0);
+      } else if (isVirtual) {
+        swiper.slideTo(swiper.getSlideIndexWhenGrid(parseInt(slideEl.getAttribute("data-swiper-slide-index"), 10)), 0);
+      } else {
+        swiper.slideTo(swiper.getSlideIndexWhenGrid(swiper.slides.indexOf(slideEl)), 0);
+      }
+      preventFocusHandler = false;
+    });
   };
   const initSlides = () => {
     const params = swiper.params.a11y;
@@ -950,11 +968,16 @@ function A11y(_ref) {
     if (params.containerMessage) {
       addElLabel(containerEl, params.containerMessage);
     }
+    if (params.containerRole) {
+      addElRole(containerEl, params.containerRole);
+    }
     const wrapperEl = swiper.wrapperEl;
     const wrapperId = params.id || wrapperEl.getAttribute("id") || `swiper-wrapper-${getRandomNumber(16)}`;
-    const live = swiper.params.autoplay && swiper.params.autoplay.enabled ? "off" : "polite";
     addElId(wrapperEl, wrapperId);
-    addElLive(wrapperEl, live);
+    if (params.wrapperLiveRegion) {
+      const live = swiper.params.autoplay && swiper.params.autoplay.enabled ? "off" : "polite";
+      addElLive(wrapperEl, live);
+    }
     initSlides();
     let {
       nextEl,
@@ -969,11 +992,13 @@ function A11y(_ref) {
       prevEl.forEach((el) => initNavEl(el, wrapperId, params.prevSlideMessage));
     }
     if (hasClickablePagination()) {
-      const paginationEl = Array.isArray(swiper.pagination.el) ? swiper.pagination.el : [swiper.pagination.el];
+      const paginationEl = makeElementsArray(swiper.pagination.el);
       paginationEl.forEach((el) => {
         el.addEventListener("keydown", onEnterOrSpaceKey);
       });
     }
+    const document2 = getDocument();
+    document2.addEventListener("visibilitychange", onVisibilityChange);
     swiper.el.addEventListener("focus", handleFocus, true);
     swiper.el.addEventListener("pointerdown", handlePointerDown, true);
     swiper.el.addEventListener("pointerup", handlePointerUp, true);
@@ -993,14 +1018,18 @@ function A11y(_ref) {
       prevEl.forEach((el) => el.removeEventListener("keydown", onEnterOrSpaceKey));
     }
     if (hasClickablePagination()) {
-      const paginationEl = Array.isArray(swiper.pagination.el) ? swiper.pagination.el : [swiper.pagination.el];
+      const paginationEl = makeElementsArray(swiper.pagination.el);
       paginationEl.forEach((el) => {
         el.removeEventListener("keydown", onEnterOrSpaceKey);
       });
     }
-    swiper.el.removeEventListener("focus", handleFocus, true);
-    swiper.el.removeEventListener("pointerdown", handlePointerDown, true);
-    swiper.el.removeEventListener("pointerup", handlePointerUp, true);
+    const document2 = getDocument();
+    document2.removeEventListener("visibilitychange", onVisibilityChange);
+    if (swiper.el && typeof swiper.el !== "string") {
+      swiper.el.removeEventListener("focus", handleFocus, true);
+      swiper.el.removeEventListener("pointerdown", handlePointerDown, true);
+      swiper.el.removeEventListener("pointerup", handlePointerUp, true);
+    }
   }
   on("beforeInit", () => {
     liveRegion = createElement("span", swiper.params.a11y.notificationClass);
@@ -1030,14 +1059,13 @@ function A11y(_ref) {
 }
 
 // node_modules/swiper/modules/autoplay.mjs
-function Autoplay(_ref) {
-  let {
-    swiper,
-    extendParams,
-    on,
-    emit,
-    params
-  } = _ref;
+function Autoplay({
+  swiper,
+  extendParams,
+  on,
+  emit,
+  params
+}) {
   swiper.autoplay = {
     running: false,
     paused: false,
@@ -1048,7 +1076,7 @@ function Autoplay(_ref) {
       enabled: false,
       delay: 3e3,
       waitForTransition: true,
-      disableOnInteraction: true,
+      disableOnInteraction: false,
       stopOnLastSlide: false,
       reverseDirection: false,
       pauseOnMouseEnter: false
@@ -1059,17 +1087,20 @@ function Autoplay(_ref) {
   let autoplayDelayTotal = params && params.autoplay ? params.autoplay.delay : 3e3;
   let autoplayDelayCurrent = params && params.autoplay ? params.autoplay.delay : 3e3;
   let autoplayTimeLeft;
-  let autoplayStartTime = (/* @__PURE__ */ new Date()).getTime;
+  let autoplayStartTime = (/* @__PURE__ */ new Date()).getTime();
   let wasPaused;
   let isTouched;
   let pausedByTouch;
   let touchStartTimeout;
-  let slideChanged;
   let pausedByInteraction;
+  let pausedByPointerEnter;
   function onTransitionEnd(e) {
     if (!swiper || swiper.destroyed || !swiper.wrapperEl) return;
     if (e.target !== swiper.wrapperEl) return;
     swiper.wrapperEl.removeEventListener("transitionend", onTransitionEnd);
+    if (pausedByPointerEnter || e.detail && e.detail.bySwiperTouchMove) {
+      return;
+    }
     resume();
   }
   const calcTimeLeft = () => {
@@ -1090,7 +1121,7 @@ function Autoplay(_ref) {
   const getSlideDelay = () => {
     let activeSlideEl;
     if (swiper.virtual && swiper.params.virtual.enabled) {
-      activeSlideEl = swiper.slides.filter((slideEl) => slideEl.classList.contains("swiper-slide-active"))[0];
+      activeSlideEl = swiper.slides.find((slideEl) => slideEl.classList.contains("swiper-slide-active"));
     } else {
       activeSlideEl = swiper.slides[swiper.activeIndex];
     }
@@ -1098,18 +1129,23 @@ function Autoplay(_ref) {
     const currentSlideDelay = parseInt(activeSlideEl.getAttribute("data-swiper-autoplay"), 10);
     return currentSlideDelay;
   };
+  const getTotalDelay = () => {
+    let totalDelay = swiper.params.autoplay.delay;
+    const currentSlideDelay = getSlideDelay();
+    if (!Number.isNaN(currentSlideDelay) && currentSlideDelay > 0) {
+      totalDelay = currentSlideDelay;
+    }
+    return totalDelay;
+  };
   const run = (delayForce) => {
     if (swiper.destroyed || !swiper.autoplay.running) return;
     cancelAnimationFrame(raf);
     calcTimeLeft();
-    let delay = typeof delayForce === "undefined" ? swiper.params.autoplay.delay : delayForce;
-    autoplayDelayTotal = swiper.params.autoplay.delay;
-    autoplayDelayCurrent = swiper.params.autoplay.delay;
-    const currentSlideDelay = getSlideDelay();
-    if (!Number.isNaN(currentSlideDelay) && currentSlideDelay > 0 && typeof delayForce === "undefined") {
-      delay = currentSlideDelay;
-      autoplayDelayTotal = currentSlideDelay;
-      autoplayDelayCurrent = currentSlideDelay;
+    let delay = delayForce;
+    if (typeof delay === "undefined") {
+      delay = getTotalDelay();
+      autoplayDelayTotal = delay;
+      autoplayDelayCurrent = delay;
     }
     autoplayTimeLeft = delay;
     const speed = swiper.params.speed;
@@ -1152,6 +1188,7 @@ function Autoplay(_ref) {
     return delay;
   };
   const start = () => {
+    autoplayStartTime = (/* @__PURE__ */ new Date()).getTime();
     swiper.autoplay.running = true;
     run();
     emit("autoplayStart");
@@ -1178,10 +1215,6 @@ function Autoplay(_ref) {
     };
     swiper.autoplay.paused = true;
     if (reset) {
-      if (slideChanged) {
-        autoplayTimeLeft = swiper.params.autoplay.delay;
-      }
-      slideChanged = false;
       proceed();
       return;
     }
@@ -1217,11 +1250,13 @@ function Autoplay(_ref) {
   const onPointerEnter = (e) => {
     if (e.pointerType !== "mouse") return;
     pausedByInteraction = true;
+    pausedByPointerEnter = true;
     if (swiper.animating || swiper.autoplay.paused) return;
     pause(true);
   };
   const onPointerLeave = (e) => {
     if (e.pointerType !== "mouse") return;
+    pausedByPointerEnter = false;
     if (swiper.autoplay.paused) {
       resume();
     }
@@ -1233,8 +1268,10 @@ function Autoplay(_ref) {
     }
   };
   const detachMouseEvents = () => {
-    swiper.el.removeEventListener("pointerenter", onPointerEnter);
-    swiper.el.removeEventListener("pointerleave", onPointerLeave);
+    if (swiper.el && typeof swiper.el !== "string") {
+      swiper.el.removeEventListener("pointerenter", onPointerEnter);
+      swiper.el.removeEventListener("pointerleave", onPointerLeave);
+    }
   };
   const attachDocumentEvents = () => {
     const document2 = getDocument();
@@ -1248,7 +1285,6 @@ function Autoplay(_ref) {
     if (swiper.params.autoplay.enabled) {
       attachMouseEvents();
       attachDocumentEvents();
-      autoplayStartTime = (/* @__PURE__ */ new Date()).getTime();
       start();
     }
   });
@@ -1259,6 +1295,18 @@ function Autoplay(_ref) {
       stop();
     }
   });
+  on("_freeModeStaticRelease", () => {
+    if (pausedByTouch || pausedByInteraction) {
+      resume();
+    }
+  });
+  on("_freeModeNoMomentumRelease", () => {
+    if (!swiper.params.autoplay.disableOnInteraction) {
+      pause(true, true);
+    } else {
+      stop();
+    }
+  });
   on("beforeTransitionStart", (_s, speed, internal) => {
     if (swiper.destroyed || !swiper.autoplay.running) return;
     if (internal || !swiper.params.autoplay.disableOnInteraction) {
@@ -1297,7 +1345,10 @@ function Autoplay(_ref) {
   });
   on("slideChange", () => {
     if (swiper.destroyed || !swiper.autoplay.running) return;
-    slideChanged = true;
+    if (swiper.autoplay.paused) {
+      autoplayTimeLeft = getTotalDelay();
+      autoplayDelayTotal = getTotalDelay();
+    }
   });
   Object.assign(swiper.autoplay, {
     start,