pb-sxp-ui 1.0.81 → 1.0.82

package/dist/pb-ui.js

@@ -3092,7 +3092,7 @@
           dragEl
         } = scrollbar;
         if (!isTouched) return;
-        if (e.preventDefault) e.preventDefault();else e.returnValue = false;
+        if (e.preventDefault && e.cancelable) e.preventDefault();else e.returnValue = false;
         setDragPosition(e);
         wrapperEl.style.transitionDuration = '0ms';
         el.style.transitionDuration = '0ms';
@@ -3319,7 +3319,7 @@
         if (!swiper || swiper.destroyed || !swiper.wrapperEl) return;
         if (e.target !== swiper.wrapperEl) return;
         swiper.wrapperEl.removeEventListener('transitionend', onTransitionEnd);
-        if (pausedByPointerEnter) {
+        if (pausedByPointerEnter || e.detail && e.detail.bySwiperTouchMove) {
           return;
         }
         resume();
@@ -3490,8 +3490,10 @@
         }
       };
       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 document = getDocument();
@@ -4413,8 +4415,9 @@
           allSlidesSize += slideSizeValue + (spaceBetween || 0);
         });
         allSlidesSize -= spaceBetween;
-        if (allSlidesSize < swiperSize) {
-          const allSlidesOffset = (swiperSize - allSlidesSize) / 2;
+        const offsetSize = (params.slidesOffsetBefore || 0) + (params.slidesOffsetAfter || 0);
+        if (allSlidesSize + offsetSize < swiperSize) {
+          const allSlidesOffset = (swiperSize - allSlidesSize - offsetSize) / 2;
           snapGrid.forEach((snap, snapIndex) => {
             snapGrid[snapIndex] = snap - allSlidesOffset;
           });
@@ -4518,6 +4521,13 @@
       }
     }
 
+    const 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(translate) {
       if (translate === void 0) {
         translate = this && this.translate || 0;
@@ -4533,11 +4543,6 @@
       if (typeof slides[0].swiperSlideOffset === 'undefined') swiper.updateSlidesOffset();
       let offsetCenter = -translate;
       if (rtl) offsetCenter = translate;
-
-      // Visible Slides
-      slides.forEach(slideEl => {
-        slideEl.classList.remove(params.slideVisibleClass, params.slideFullyVisibleClass);
-      });
       swiper.visibleSlidesIndexes = [];
       swiper.visibleSlides = [];
       let spaceBetween = params.spaceBetween;
@@ -4561,11 +4566,9 @@
         if (isVisible) {
           swiper.visibleSlides.push(slide);
           swiper.visibleSlidesIndexes.push(i);
-          slides[i].classList.add(params.slideVisibleClass);
-        }
-        if (isFullyVisible) {
-          slides[i].classList.add(params.slideFullyVisibleClass);
         }
+        toggleSlideClasses$1(slide, isVisible, params.slideVisibleClass);
+        toggleSlideClasses$1(slide, isFullyVisible, params.slideFullyVisibleClass);
         slide.progress = rtl ? -slideProgress : slideProgress;
         slide.originalProgress = rtl ? -originalSlideProgress : originalSlideProgress;
       }
@@ -4634,6 +4637,13 @@
       swiper.emit('progress', progress);
     }
 
+    const 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 {
@@ -4647,9 +4657,6 @@
       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;
@@ -4672,35 +4679,25 @@
         }
       }
       if (activeSlide) {
-        // Active classes
-        activeSlide.classList.add(params.slideActiveClass);
-        if (gridEnabled) {
-          if (nextSlide) {
-            nextSlide.classList.add(params.slideNextClass);
-          }
-          if (prevSlide) {
-            prevSlide.classList.add(params.slidePrevClass);
-          }
-        } else {
+        if (!gridEnabled) {
           // Next Slide
           nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
           if (params.loop && !nextSlide) {
             nextSlide = slides[0];
           }
-          if (nextSlide) {
-            nextSlide.classList.add(params.slideNextClass);
-          }
 
           // Prev Slide
           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();
     }
 
@@ -5078,6 +5075,7 @@
               swiper.wrapperEl.removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
               swiper.onTranslateToWrapperTransitionEnd = null;
               delete swiper.onTranslateToWrapperTransitionEnd;
+              swiper.animating = false;
               if (runCallbacks) {
                 swiper.emit('transitionEnd');
               }
@@ -5185,9 +5183,6 @@
       if (index === void 0) {
         index = 0;
       }
-      if (speed === void 0) {
-        speed = this.params.speed;
-      }
       if (runCallbacks === void 0) {
         runCallbacks = true;
       }
@@ -5207,9 +5202,12 @@
         wrapperEl,
         enabled
       } = swiper;
-      if (swiper.animating && params.preventInteractionOnTransition || !enabled && !internal && !initial || swiper.destroyed) {
+      if (!enabled && !internal && !initial || swiper.destroyed || swiper.animating && params.preventInteractionOnTransition) {
         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;
@@ -5336,9 +5334,6 @@
       if (index === void 0) {
         index = 0;
       }
-      if (speed === void 0) {
-        speed = this.params.speed;
-      }
       if (runCallbacks === void 0) {
         runCallbacks = true;
       }
@@ -5348,6 +5343,9 @@
       }
       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) {
@@ -5379,6 +5377,9 @@
           if (centeredSlides) {
             needLoopFix = needLoopFix || targetSlideIndex < Math.ceil(slidesPerView / 2);
           }
+          if (internal && centeredSlides && swiper.params.slidesPerView !== 'auto' && !gridEnabled) {
+            needLoopFix = false;
+          }
           if (needLoopFix) {
             const direction = centeredSlides ? targetSlideIndex < swiper.activeIndex ? 'prev' : 'next' : targetSlideIndex - swiper.activeIndex - 1 < swiper.params.slidesPerView ? 'next' : 'prev';
             swiper.loopFix({
@@ -5404,9 +5405,6 @@
 
     /* eslint no-unused-vars: "off" */
     function slideNext(speed, runCallbacks, internal) {
-      if (speed === void 0) {
-        speed = this.params.speed;
-      }
       if (runCallbacks === void 0) {
         runCallbacks = true;
       }
@@ -5417,6 +5415,9 @@
         animating
       } = swiper;
       if (!enabled || swiper.destroyed) return swiper;
+      if (typeof speed === 'undefined') {
+        speed = swiper.params.speed;
+      }
       let perGroup = params.slidesPerGroup;
       if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {
         perGroup = Math.max(swiper.slidesPerViewDynamic('current', true), 1);
@@ -5445,9 +5446,6 @@
 
     /* eslint no-unused-vars: "off" */
     function slidePrev(speed, runCallbacks, internal) {
-      if (speed === void 0) {
-        speed = this.params.speed;
-      }
       if (runCallbacks === void 0) {
         runCallbacks = true;
       }
@@ -5461,6 +5459,9 @@
         animating
       } = swiper;
       if (!enabled || swiper.destroyed) return swiper;
+      if (typeof speed === 'undefined') {
+        speed = swiper.params.speed;
+      }
       const isVirtual = swiper.virtual && params.virtual.enabled;
       if (params.loop) {
         if (animating && !isVirtual && params.loopPreventsSliding) return false;
@@ -5513,22 +5514,19 @@
 
     /* eslint no-unused-vars: "off" */
     function slideReset(speed, runCallbacks, internal) {
-      if (speed === void 0) {
-        speed = this.params.speed;
-      }
       if (runCallbacks === void 0) {
         runCallbacks = true;
       }
       const swiper = this;
       if (swiper.destroyed) return;
+      if (typeof speed === 'undefined') {
+        speed = swiper.params.speed;
+      }
       return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
     }
 
     /* eslint no-unused-vars: "off" */
     function slideToClosest(speed, runCallbacks, internal, threshold) {
-      if (speed === void 0) {
-        speed = this.params.speed;
-      }
       if (runCallbacks === void 0) {
         runCallbacks = true;
       }
@@ -5537,6 +5535,9 @@
       }
       const swiper = this;
       if (swiper.destroyed) return;
+      if (typeof speed === 'undefined') {
+        speed = swiper.params.speed;
+      }
       let index = swiper.activeIndex;
       const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
       const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
@@ -6171,7 +6172,7 @@
           data.startMoving = true;
         }
       }
-      if (data.isScrolling) {
+      if (data.isScrolling || e.type === 'touchmove' && data.preventTouchMoveFromPointerMove) {
         data.isTouched = false;
         return;
       }
@@ -6213,7 +6214,10 @@
         if (swiper.animating) {
           const evt = new window.CustomEvent('transitionend', {
             bubbles: true,
-            cancelable: true
+            cancelable: true,
+            detail: {
+              bySwiperTouchMove: true
+            }
           });
           swiper.wrapperEl.dispatchEvent(evt);
         }
@@ -6607,6 +6611,7 @@
       const capture = !!params.nested;
       const domMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';
       const swiperMethod = method;
+      if (!el || typeof el === 'string') return;
 
       // Touch Events
       document[domMethod]('touchstart', swiper.onDocumentTouchStart, {
@@ -6715,6 +6720,8 @@
       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`);
@@ -6726,6 +6733,11 @@
         }
         swiper.emitContainerClasses();
       }
+      if (wasGrabCursor && !isGrabCursor) {
+        swiper.unsetGrabCursor();
+      } else if (!wasGrabCursor && isGrabCursor) {
+        swiper.setGrabCursor();
+      }
 
       // Toggle navigation, pagination, scrollbar
       ['navigation', 'pagination', 'scrollbar'].forEach(prop => {
@@ -6876,6 +6888,7 @@
         el,
         classNames
       } = swiper;
+      if (!el || typeof el === 'string') return;
       el.classList.remove(...classNames);
       swiper.emitContainerClasses();
     }
@@ -7640,8 +7653,12 @@
         // Cleanup styles
         if (cleanStyles) {
           swiper.removeClasses();
-          el.removeAttribute('style');
-          wrapperEl.removeAttribute('style');
+          if (el && typeof el !== 'string') {
+            el.removeAttribute('style');
+          }
+          if (wrapperEl) {
+            wrapperEl.removeAttribute('style');
+          }
           if (slides && slides.length) {
             slides.forEach(slideEl => {
               slideEl.classList.remove(params.slideVisibleClass, params.slideFullyVisibleClass, params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
@@ -7657,7 +7674,9 @@
           swiper.off(eventName);
         });
         if (deleteInstance !== false) {
-          swiper.el.swiper = null;
+          if (swiper.el && typeof swiper.el !== 'string') {
+            swiper.el.swiper = null;
+          }
           deleteProps(swiper);
         }
         swiper.destroyed = true;
@@ -8051,7 +8070,7 @@
     };
 
     /**
-     * Swiper React 11.0.7
+     * Swiper React 11.1.4
      * Most modern mobile touch slider and framework with hardware accelerated transitions
      * https://swiperjs.com
      *
@@ -8059,7 +8078,7 @@
      *
      * Released under the MIT License
      *
-     * Released on: February 27, 2024
+     * Released on: May 30, 2024
      */