@covet-pics/covet-pics-widget 0.123.0 → 0.123.2

package/dist/cjs/{a11y-8e3f25c1.js → a11y-189ba7ad.js}

@@ -1248,6 +1248,41 @@ function updateSlidesClasses() {
   swiper.emitSlidesClasses();
 }
 
+const processLazyPreloader = (swiper, imageEl) => {
+  if (!swiper || swiper.destroyed || !swiper.params) return;
+  const slideSelector = () => swiper.isElement ? `swiper-slide` : `.${swiper.params.slideClass}`;
+  const slideEl = imageEl.closest(slideSelector());
+  if (slideEl) {
+    const lazyEl = slideEl.querySelector(`.${swiper.params.lazyPreloaderClass}`);
+    if (lazyEl) lazyEl.remove();
+  }
+};
+const unlazy = (swiper, index) => {
+  if (!swiper.slides[index]) return;
+  const imageEl = swiper.slides[index].querySelector('[loading="lazy"]');
+  if (imageEl) imageEl.removeAttribute('loading');
+};
+const preload = swiper => {
+  if (!swiper || swiper.destroyed || !swiper.params) return;
+  let amount = swiper.params.lazyPreloadPrevNext;
+  const len = swiper.slides.length;
+  if (!len || !amount || amount < 0) return;
+  amount = Math.min(amount, len);
+  const slidesPerView = swiper.params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(swiper.params.slidesPerView);
+  const activeIndex = swiper.activeIndex;
+  const slideIndexLastInView = activeIndex + slidesPerView - 1;
+  if (swiper.params.rewind) {
+    for (let i = activeIndex - amount; i <= slideIndexLastInView + amount; i += 1) {
+      const realIndex = (i % len + len) % len;
+      if (realIndex !== activeIndex && realIndex > slideIndexLastInView) unlazy(swiper, realIndex);
+    }
+  } else {
+    for (let i = Math.max(slideIndexLastInView - amount, 0); i <= Math.min(slideIndexLastInView + amount, len - 1); i += 1) {
+      if (i !== activeIndex && i > slideIndexLastInView) unlazy(swiper, i);
+    }
+  }
+};
+
 function getActiveIndexByTranslate(swiper) {
   const {
     slidesGrid,
@@ -1329,6 +1364,9 @@ function updateActiveIndex(newActiveIndex) {
     previousIndex,
     activeIndex
   });
+  if (swiper.initialized) {
+    preload(swiper);
+  }
   swiper.emit('activeIndexChange');
   swiper.emit('snapIndexChange');
   if (previousRealIndex !== realIndex) {
@@ -2755,16 +2793,6 @@ function onScroll() {
   swiper.emit('setTranslate', swiper.translate, false);
 }
 
-const processLazyPreloader = (swiper, imageEl) => {
-  if (!swiper || swiper.destroyed || !swiper.params) return;
-  const slideSelector = () => swiper.isElement ? `swiper-slide` : `.${swiper.params.slideClass}`;
-  const slideEl = imageEl.closest(slideSelector());
-  if (slideEl) {
-    const lazyEl = slideEl.querySelector(`.${swiper.params.lazyPreloaderClass}`);
-    if (lazyEl) lazyEl.remove();
-  }
-};
-
 function onLoad(e) {
   const swiper = this;
   processLazyPreloader(swiper, e.target);
@@ -3177,6 +3205,7 @@ const defaults = {
   slidePrevClass: 'swiper-slide-prev',
   wrapperClass: 'swiper-wrapper',
   lazyPreloaderClass: 'swiper-lazy-preloader',
+  lazyPreloadPrevNext: 0,
   // Callbacks
   runCallbacksOnInit: true,
   // Internals
@@ -3346,7 +3375,7 @@ class Swiper {
         // Form elements to match
         focusableElements: swiper.params.focusableElements,
         // Last click time
-        lastClickTime: now(),
+        lastClickTime: 0,
         clickTimeout: undefined,
         // Velocities
         velocities: [],
@@ -3693,9 +3722,11 @@ class Swiper {
         });
       }
     });
+    preload(swiper);
 
     // Init Flag
     swiper.initialized = true;
+    preload(swiper);
 
     // Emit
     swiper.emit('init');
@@ -4768,4 +4799,4 @@ exports.elementTransitionEnd = elementTransitionEnd;
 exports.getDocument = getDocument;
 exports.getSlideTransformEl = getSlideTransformEl;
 
-//# sourceMappingURL=a11y-8e3f25c1.js.map
+//# sourceMappingURL=a11y-189ba7ad.js.map