@covet-pics/covet-pics-widget 0.161.13 → 0.161.14

package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js

@@ -3749,13 +3749,9 @@ function EffectMaterial({ swiper, on }) {
     };
     const setTranslate = () => {
         const { slides, slidesSizesGrid, params, size: swiperSize } = swiper;
-        const { slidesPerView, spaceBetween, cssMode, centeredSlides } = params;
-        const largeSlideRatio = centeredSlides
-            ? 0.5
-            : Math.min(Math.max(slideSplitRatio, 0), 1);
-        const smallSlideRatio = centeredSlides
-            ? 0.5
-            : 1 - Math.min(Math.max(slideSplitRatio, 0), 1);
+        const { slidesPerView, spaceBetween } = params;
+        const largeSlideRatio = Math.min(Math.max(slideSplitRatio, 0), 1);
+        const smallSlideRatio = 1 - Math.min(Math.max(slideSplitRatio, 0), 1);
         for (let i = 0; i < slides.length; i += 1) {
             const slideEl = slides[i];
             const materialEl = slideEl.querySelector(".material-wrapper");
@@ -3766,55 +3762,13 @@ function EffectMaterial({ swiper, on }) {
             let scale;
             let translate = 0;
             const currentSlideSize = slidesSizesGrid[i];
-            const scaleDiff = smallSlideRatio === 0 && !centeredSlides
+            const scaleDiff = smallSlideRatio === 0
                 ? 0
                 : spaceBetween / 2 / currentSlideSize;
-            const cssModeTranslateOffset = cssMode ? swiperTranslate : 0;
-            const isCenteredOdd = centeredSlides && slidesPerView % 2 === 1;
-            const isCenteredEven = centeredSlides && slidesPerView % 2 === 0;
-            // if (i === 0) {
-            //   console.log("progress: ", progress);
-            // }
             // for slides go outside to left <- (negative progress)
             if (progress <= 0) {
-                // console.log("if progress <= 0 i: ", i);
-                // SLIDES BEFORE ACTIVE SLIDE / PREVIOUS
-                if (centeredSlides && slidesPerView > 1) {
-                    // CENTERED/ACTIVE SLIDES
-                    if (progress <= 0 && progress >= -(slidesPerView - 2)) {
-                        translate = swiperTranslate;
-                        scale = 1;
-                    }
-                    // current to zero
-                    if (isCenteredOdd && progress < -(slidesPerView - Math.ceil(slidesPerView / 2))) {
-                        const currentProgress = Math.ceil(slidesPerView / 2) - Math.abs(progress);
-                        scale = currentProgress;
-                        translate = swiperTranslate + currentSlideSize * (1 - currentProgress) * (1 + scaleDiff * 2);
-                    }
-                    // current to large
-                    if (isCenteredEven && progress < -(slidesPerView / 2 - 1) && progress >= -(slidesPerView / 2)) {
-                        const currentProgress = slidesPerView / 2 - Math.abs(progress);
-                        scale = largeSlideRatio - scaleDiff + (smallSlideRatio + scaleDiff * 2) * (slidesPerView / 2 - Math.abs(progress));
-                        translate = swiperTranslate + currentSlideSize * (smallSlideRatio + scaleDiff) * (1 - currentProgress);
-                    }
-                    // large to zero
-                    if (isCenteredEven && progress < -slidesPerView / 2) {
-                        let currentProgress = slidesPerView / 2 + 1 - Math.abs(progress);
-                        // let translateAdd = 0;
-                        scale = 0;
-                        if (currentProgress >= 0) {
-                            currentProgress = -scaleDiff * 2 + currentProgress * (1 + scaleDiff * 2);
-                            currentProgress = Math.max(Math.min(currentProgress, 1), 0);
-                            scale = (smallSlideRatio - scaleDiff) * currentProgress;
-                        }
-                        translate = swiperTranslate + currentSlideSize * (smallSlideRatio + scaleDiff) * (2 - currentProgress) + currentSlideSize * (smallSlideRatio - scaleDiff) * (1 - currentProgress);
-                    }
-                }
-                else {
-                    // NOT CENTERED SLIDES
-                    scale = 1 + progress;
-                    translate = -offset;
-                }
+                scale = 1 + progress;
+                translate = -offset;
             }
             // for slides go outside to left <- (negative progress) END
             // for mobile view, TODO return default settings (slidesPerView === 1)
@@ -3827,11 +3781,9 @@ function EffectMaterial({ swiper, on }) {
             // for desktop view
             if (slidesPerView !== 1) {
                 const visibleActiveSlides = progress > 0 && progress <= slidesPerView - 2;
-                const firstAfterActiveSlides = isCenteredEven
-                    ? progress > slidesPerView / 2 - 1 && progress <= slidesPerView / 2
-                    : progress > slidesPerView - 2 && progress <= slidesPerView - 1;
-                const secondAfterActiveSlides = progress > slidesPerView - 1 && progress <= slidesPerView && !centeredSlides;
-                const thirdAfterActiveSlides = progress > (centeredSlides ? slidesPerView / 2 : slidesPerView) && !isCenteredOdd;
+                const firstAfterActiveSlides = progress > slidesPerView - 2 && progress <= slidesPerView - 1;
+                const secondAfterActiveSlides = progress > slidesPerView - 1 && progress <= slidesPerView;
+                const thirdAfterActiveSlides = progress > slidesPerView;
                 // visible active slides (not for slide going outside, inside)
                 if (visibleActiveSlides) {
                     translate = swiperTranslate;
@@ -3839,7 +3791,7 @@ function EffectMaterial({ swiper, on }) {
                 }
                 // 0.65 -> 1
                 if (firstAfterActiveSlides) {
-                    const minus = isCenteredEven ? Math.floor(slidesPerView / 2) : 1;
+                    const minus = 1;
                     scale = largeSlideRatio - scaleDiff + (smallSlideRatio + scaleDiff * 2) * (slidesPerView - minus - Math.abs(progress));
                     translate = swiperTranslate;
                 }
@@ -3853,7 +3805,7 @@ function EffectMaterial({ swiper, on }) {
                 }
                 // 0 -> 0.35
                 if (thirdAfterActiveSlides) {
-                    let currentProgress = (centeredSlides ? slidesPerView / 2 + 1 : slidesPerView + 1) - Math.abs(progress);
+                    let currentProgress = (slidesPerView + 1) - Math.abs(progress);
                     let translateAdd = 0;
                     scale = 0;
                     if (currentProgress >= 0) {
@@ -3871,13 +3823,6 @@ function EffectMaterial({ swiper, on }) {
             if (scale > 1) {
                 scale = 1;
             }
-            // if (scale === 0) {
-            //   scale = 0.0001;
-            // }
-            // prevent round problem
-            if ((scale < 1 && scale > 0.9) || (scale > 1 && scale < 1.1)) {
-                scale = 1;
-            }
             if (scaleEl !== null) {
                 // TODO check is it possible to refactor this
                 if (scaleEl.classList.contains("material-image-translate")) {
@@ -3898,7 +3843,7 @@ function EffectMaterial({ swiper, on }) {
                 materialEl.classList.remove("hover-active");
             }
             materialEl.style.width = `${100 * scale}%`;
-            materialEl.style.transform = `translate3d(${translate - cssModeTranslateOffset}px, 0, 0)`;
+            materialEl.style.transform = `translate3d(${translate}px, 0, 0)`;
         }
     };
     on("setTranslate", () => {