@gem-sdk/swiper 0.0.20-dev.1 → 0.0.22-dev.1

package/swiper-bundle.min.mjs

@@ -1,5 +1,5 @@
 /**
- * Swiper 0.0.20-dev.1
+ * Swiper 0.0.22-dev.1
  * Gem SDK - Swiper, Customized of swiper
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 6, 2026
+ * Released on: April 8, 2026
  */
 
 import{S as Swiper}from"./shared/swiper-core.min.mjs";import Virtual from"./modules/virtual.min.mjs";import Keyboard from"./modules/keyboard.min.mjs";import Mousewheel from"./modules/mousewheel.min.mjs";import Navigation from"./modules/navigation.min.mjs";import Pagination from"./modules/pagination.min.mjs";import Scrollbar from"./modules/scrollbar.min.mjs";import Parallax from"./modules/parallax.min.mjs";import Zoom from"./modules/zoom.min.mjs";import Controller from"./modules/controller.min.mjs";import A11y from"./modules/a11y.min.mjs";import History from"./modules/history.min.mjs";import HashNavigation from"./modules/hash-navigation.min.mjs";import Autoplay from"./modules/autoplay.min.mjs";import Thumb from"./modules/thumbs.min.mjs";import freeMode from"./modules/free-mode.min.mjs";import Grid from"./modules/grid.min.mjs";import Manipulation from"./modules/manipulation.min.mjs";import EffectFade from"./modules/effect-fade.min.mjs";import EffectCube from"./modules/effect-cube.min.mjs";import EffectFlip from"./modules/effect-flip.min.mjs";import EffectCoverflow from"./modules/effect-coverflow.min.mjs";import EffectCreative from"./modules/effect-creative.min.mjs";import EffectCards from"./modules/effect-cards.min.mjs";const modules=[Virtual,Keyboard,Mousewheel,Navigation,Pagination,Scrollbar,Parallax,Zoom,Controller,A11y,History,HashNavigation,Autoplay,Thumb,freeMode,Grid,Manipulation,EffectFade,EffectCube,EffectFlip,EffectCoverflow,EffectCreative,EffectCards];Swiper.use(modules);export{Swiper,Swiper as default};

package/swiper-bundle.mjs

@@ -1,5 +1,5 @@
 /**
- * Swiper 0.0.20-dev.1
+ * Swiper 0.0.22-dev.1
  * Gem SDK - Swiper, Customized of swiper
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 6, 2026
+ * Released on: April 8, 2026
  */
 
 import { S as Swiper } from './shared/swiper-core.mjs';

package/swiper-effect-utils.min.mjs

@@ -1,5 +1,5 @@
 /**
- * Swiper 0.0.20-dev.1
+ * Swiper 0.0.22-dev.1
  * Gem SDK - Swiper, Customized of swiper
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 6, 2026
+ * Released on: April 8, 2026
  */
 
 export{c as createShadow}from"./shared/create-shadow.min.mjs";export{e as effectInit}from"./shared/effect-init.min.mjs";export{e as effectTarget}from"./shared/effect-target.min.mjs";export{e as effectVirtualTransitionEnd}from"./shared/effect-virtual-transition-end.min.mjs";export{g as getSlideTransformEl}from"./shared/utils.min.mjs";

package/swiper-effect-utils.mjs

@@ -1,5 +1,5 @@
 /**
- * Swiper 0.0.20-dev.1
+ * Swiper 0.0.22-dev.1
  * Gem SDK - Swiper, Customized of swiper
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 6, 2026
+ * Released on: April 8, 2026
  */
 
 export { c as createShadow } from './shared/create-shadow.mjs';

package/swiper-element-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Swiper Custom Element 0.0.20-dev.1
+ * Swiper Custom Element 0.0.22-dev.1
  * Gem SDK - Swiper, Customized of swiper
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 6, 2026
+ * Released on: April 8, 2026
  */
 
 (function () {
@@ -666,6 +666,12 @@
     const createObserver = () => {
       if (!swiper || swiper.destroyed || !swiper.initialized) return;
       observer = new ResizeObserver(entries => {
+        // Resize observer will triggered when it is attached and when the element is removed from DOM
+        // If element is added to the DOM, ignore this resize
+        if (!swiper.__addedToDOM__) {
+          swiper.__addedToDOM__ = true;
+          return;
+        }
         animationFrame = window.requestAnimationFrame(() => {
           const {
             width,
@@ -1674,7 +1680,21 @@
   }
 
   function maxTranslate() {
-    return -this.snapGrid[this.snapGrid.length - 1];
+    const {
+      params,
+      snapGrid
+    } = this;
+    const physicalMax = -snapGrid[snapGrid.length - 1];
+    if (!params?.centeredSlides || !params?.isSneakPeekCenter) {
+      return physicalMax;
+    }
+
+    // For sneak-peek centered mode in this project, the last snap is a trailing buffer.
+    // Use penultimate snap as logical max to prevent extra end movement.
+    if (snapGrid.length >= 2) {
+      return -snapGrid[snapGrid.length - 2];
+    }
+    return physicalMax;
   }
 
   function translateTo(translate, speed, runCallbacks, translateBounds, internal) {
@@ -3291,7 +3311,19 @@
     if (params.cssMode) return;
 
     // Find current slide
-    const swipeToLast = currentPos >= -swiper.maxTranslate() && !swiper.params.loop;
+    const logicalMaxTranslate = swiper.maxTranslate();
+    const swipeToLast = currentPos >= -logicalMaxTranslate && !swiper.params.loop;
+    let logicalLastStopIndex = slidesGrid.length - 1;
+    if (params.centeredSlides && params.isSneakPeekCenter) {
+      let slidesPerView = params.slidesPerView;
+      if (slidesPerView === 'auto') {
+        slidesPerView = swiper.slidesPerViewDynamic();
+      } else {
+        slidesPerView = Math.ceil(parseFloat(params.slidesPerView, 10));
+      }
+      slidesPerView = Math.max(slidesPerView, 1);
+      logicalLastStopIndex = Math.max(slidesGrid.length - slidesPerView, 0);
+    }
     let stopIndex = 0;
     let groupSize = swiper.slidesSizesGrid[0];
     for (let i = 0; i < slidesGrid.length; i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup) {
@@ -3306,6 +3338,11 @@
         groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
       }
     }
+    if (swipeToLast && stopIndex > logicalLastStopIndex) {
+      stopIndex = logicalLastStopIndex;
+      const nextLogicalIndex = Math.min(logicalLastStopIndex + 1, slidesGrid.length - 1);
+      groupSize = slidesGrid[nextLogicalIndex] - slidesGrid[logicalLastStopIndex] || groupSize;
+    }
     let rewindFirstIndex = null;
     let rewindLastIndex = null;
     if (params.rewind) {
@@ -3817,12 +3854,11 @@
       isLocked: wasLocked,
       params
     } = swiper;
-    const {
-      slidesOffsetBefore
-    } = params;
-    if (slidesOffsetBefore) {
+    const offsetBefore = params.slidesOffsetBefore || 0;
+    const offsetAfter = params.slidesOffsetAfter || 0;
+    if (offsetBefore > 0 || offsetAfter > 0) {
       const lastSlideIndex = swiper.slides.length - 1;
-      const lastSlideRightEdge = swiper.slidesGrid[lastSlideIndex] + swiper.slidesSizesGrid[lastSlideIndex] + slidesOffsetBefore * 2;
+      const lastSlideRightEdge = swiper.slidesGrid[lastSlideIndex] + swiper.slidesSizesGrid[lastSlideIndex] + offsetBefore + offsetAfter;
       swiper.isLocked = swiper.size > lastSlideRightEdge;
     } else {
       swiper.isLocked = swiper.snapGrid.length === 1;
@@ -4160,7 +4196,8 @@
         // Images
         imagesToLoad: [],
         imagesLoaded: 0,
-        rtl: params?.rtl
+        rtl: params?.rtl,
+        __addedToDOM__: false
       });
       swiper.emit('_swiper');
 
@@ -4481,6 +4518,9 @@
       const mounted = swiper.mount(el);
       if (mounted === false) return swiper;
       swiper.emit('beforeInit');
+      console.log('Swiper pấm: ', {
+        ...this.params
+      });
       if (swiper.params.breakpoints) {
         swiper.setBreakpoint();
       }
@@ -4513,7 +4553,6 @@
       });
       preload(swiper);
       swiper.initialized = true;
-
       // Emit
       swiper.emit('init');
       swiper.emit('afterInit');
@@ -4538,6 +4577,7 @@
       }
       swiper.emit('beforeDestroy');
       swiper.initialized = false;
+      swiper.__addedToDOM__ = false;
       swiper.detachEvents();
       if (params.loop) {
         swiper.loopDestroy();
@@ -9989,7 +10029,7 @@
   }
 
   /**
-   * Swiper 0.0.20-dev.1
+   * Swiper 0.0.22-dev.1
    * Gem SDK - Swiper, Customized of swiper
    * https://swiperjs.com
    *
@@ -9997,7 +10037,7 @@
    *
    * Released under the MIT License
    *
-   * Released on: April 6, 2026
+   * Released on: April 8, 2026
    */
 
 
@@ -10331,7 +10371,7 @@
   }
 
   /**
-   * Swiper Custom Element 0.0.20-dev.1
+   * Swiper Custom Element 0.0.22-dev.1
    * Gem SDK - Swiper, Customized of swiper
    * https://swiperjs.com
    *
@@ -10339,7 +10379,7 @@
    *
    * Released under the MIT License
    *
-   * Released on: April 6, 2026
+   * Released on: April 8, 2026
    */