vue3-carousel - npm Package Compare versions

Comparing version 0.1.27 to 0.1.28

dist/carousel.es.js

 /**
- * Vue 3 Carousel 0.1.27
+ * Vue 3 Carousel 0.1.28
  * (c) 2021
@@ -92,3 +92,3 @@ * @license MIT
                 // The value must match one of these strings
-                return ['start', 'end', 'center'].includes(value);
+                return ['start', 'end', 'center', 'center-even', 'center-odd'].includes(value);
             },
@@ -218,3 +218,4 @@ },
             middleSlide.value = Math.ceil((slidesCount.value - 1) / 2);
-            currentSlide.value = Math.min(slidesCount.value - 1, currentSlide.value);
+            currentSlide.value =
+                slidesCount.value <= 0 ? 0 : Math.min(slidesCount.value - 1, currentSlide.value);
         }
@@ -355,6 +356,9 @@ function updateSlidesBuffer() {
             let output = slidesBuffer.value.indexOf(currentSlide.value);
-            if (config.snapAlign === 'center') {
+            if (config.snapAlign === 'center' || config.snapAlign === 'center-odd') {
                 output -= (config.itemsToShow - 1) / 2;
             }
-            if (config.snapAlign === 'end') {
+            else if (config.snapAlign === 'center-even') {
+                output -= (config.itemsToShow - 2) / 2;
+            }
+            else if (config.snapAlign === 'end') {
                 output -= config.itemsToShow - 1;
@@ -361,0 +365,0 @@ }

dist/carousel.js

 /**
- * Vue 3 Carousel 0.1.27
+ * Vue 3 Carousel 0.1.28
  * (c) 2021
@@ -96,3 +96,3 @@ * @license MIT
                   // The value must match one of these strings
-                  return ['start', 'end', 'center'].includes(value);
+                  return ['start', 'end', 'center', 'center-even', 'center-odd'].includes(value);
               },
@@ -222,3 +222,4 @@ },
               middleSlide.value = Math.ceil((slidesCount.value - 1) / 2);
-              currentSlide.value = Math.min(slidesCount.value - 1, currentSlide.value);
+              currentSlide.value =
+                  slidesCount.value <= 0 ? 0 : Math.min(slidesCount.value - 1, currentSlide.value);
           }
@@ -359,6 +360,9 @@ function updateSlidesBuffer() {
               let output = slidesBuffer.value.indexOf(currentSlide.value);
-              if (config.snapAlign === 'center') {
+              if (config.snapAlign === 'center' || config.snapAlign === 'center-odd') {
                   output -= (config.itemsToShow - 1) / 2;
               }
-              if (config.snapAlign === 'end') {
+              else if (config.snapAlign === 'center-even') {
+                  output -= (config.itemsToShow - 2) / 2;
+              }
+              else if (config.snapAlign === 'end') {
                   output -= config.itemsToShow - 1;
@@ -365,0 +369,0 @@ }

package.json

 {
   "name": "vue3-carousel",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "scripts": {
@@ -5,0 +5,0 @@ "build": "rollup -c",

No alert changes

Improved metrics

Total package byte prevSize

55679

increased by0.95%

Lines of code

1461

increased by0.55%

No dependency changes