Bug Fix: The number of images that lazy load images is one more than intended.

Bug Fix: When the slider is looping and an image is just loaded simultaneously, the position unexpectedly jumps to the `index` that should be `dest`.

Author: NaotoshiFujita

dist/js/splide-renderer.min.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.2.0
+ * Version  : 3.2.1
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -869,7 +869,7 @@ function Slide$1(Splide2, index, slideIndex, slide) {
   }
   function isWithin(from, distance) {
     let diff = abs(from - index);
-    if (!Splide2.is(SLIDE) && !isClone) {
+    if (!isClone && (options.rewind || Splide2.is(LOOP))) {
       diff = min(diff, Splide2.length - diff);
     }
     return diff <= distance;
@@ -1173,7 +1173,7 @@ function Move(Splide2, Components2, options) {
     removeAttribute(list, "style");
   }
   function reposition() {
-    if (!Components2.Drag.isDragging()) {
+    if (!isBusy() && !Components2.Drag.isDragging()) {
       Components2.Scroll.cancel();
       jump(Splide2.index);
       emit(EVENT_REPOSITIONED);
@@ -1958,7 +1958,7 @@ function LazyLoad(Splide2, Components2, options) {
           const _spinner = create("span", options.classes.spinner, _img.parentElement);
           setAttribute(_spinner, ROLE, "presentation");
           images.push({ _img, _Slide, src, srcset, _spinner });
-          display(_img, "none");
+          !_img.src && display(_img, "none");
         }
       });
     });
@@ -1972,7 +1972,8 @@ function LazyLoad(Splide2, Components2, options) {
   }
   function observe() {
     images = images.filter((data) => {
-      if (data._Slide.isWithin(Splide2.index, options.perPage * ((options.preloadPages || 1) + 1))) {
+      const distance = options.perPage * ((options.preloadPages || 1) + 1) - 1;
+      if (data._Slide.isWithin(Splide2.index, distance)) {
         return load(data);
       }
       return true;

dist/js/splide.cjs.js

@@ -1,6 +1,6 @@
 /*!
  * Splide.js
- * Version  : 3.2.0
+ * Version  : 3.2.1
  * License  : MIT
  * Copyright: 2021 Naotoshi Fujita
  */
@@ -865,7 +865,7 @@ function Slide$1(Splide2, index, slideIndex, slide) {
   }
   function isWithin(from, distance) {
     let diff = abs(from - index);
-    if (!Splide2.is(SLIDE) && !isClone) {
+    if (!isClone && (options.rewind || Splide2.is(LOOP))) {
       diff = min(diff, Splide2.length - diff);
     }
     return diff <= distance;
@@ -1169,7 +1169,7 @@ function Move(Splide2, Components2, options) {
     removeAttribute(list, "style");
   }
   function reposition() {
-    if (!Components2.Drag.isDragging()) {
+    if (!isBusy() && !Components2.Drag.isDragging()) {
       Components2.Scroll.cancel();
       jump(Splide2.index);
       emit(EVENT_REPOSITIONED);
@@ -1954,7 +1954,7 @@ function LazyLoad(Splide2, Components2, options) {
           const _spinner = create("span", options.classes.spinner, _img.parentElement);
           setAttribute(_spinner, ROLE, "presentation");
           images.push({ _img, _Slide, src, srcset, _spinner });
-          display(_img, "none");
+          !_img.src && display(_img, "none");
         }
       });
     });
@@ -1968,7 +1968,8 @@ function LazyLoad(Splide2, Components2, options) {
   }
   function observe() {
     images = images.filter((data) => {
-      if (data._Slide.isWithin(Splide2.index, options.perPage * ((options.preloadPages || 1) + 1))) {
+      const distance = options.perPage * ((options.preloadPages || 1) + 1) - 1;
+      if (data._Slide.isWithin(Splide2.index, distance)) {
         return load(data);
       }
       return true;

dist/js/splide.esm.js

@@ -1,6 +1,6 @@
 {
   "name": "@splidejs/splide",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "Splide is a lightweight, flexible and accessible slider/carousel. No dependencies, no Lighthouse errors.",
   "author": "Naotoshi Fujita",
   "license": "MIT",
@@ -64,7 +64,8 @@
     "check:types": "tsc --noEmit",
     "jest": "jest --clearCache && jest",
     "eslint": "eslint src",
-    "stylelint": "npx stylelint --fix ./src/css/**/*.scss"
+    "stylelint": "npx stylelint --fix ./src/css/**/*.scss",
+    "beforecommit": "npm run eslint && npm run stylelint && npm run jest && npm run build:all"
   },
   "browserslist": [
     "> 5%",