eSales Media Git repositories
Browse code

Remove old version 5

Benjamin Roth authored on14/03/2021 15:27:00
Showing1 changed files
assets/lib/swiper/5.4.0/src/components/effect-fade/effect-fade.js
History View file @0bd865c
1 1 
deleted file mode 100644
... ... 
@@ -1,90 +0,0 @@
1 
-import Utils from '../../utils/utils';
2 
-
3 
-const Fade = {
4 
-  setTranslate() {
5 
-    const swiper = this;
6 
-    const { slides } = swiper;
7 
-    for (let i = 0; i < slides.length; i += 1) {
8 
-      const $slideEl = swiper.slides.eq(i);
9 
-      const offset = $slideEl[0].swiperSlideOffset;
10 
-      let tx = -offset;
11 
-      if (!swiper.params.virtualTranslate) tx -= swiper.translate;
12 
-      let ty = 0;
13 
-      if (!swiper.isHorizontal()) {
14 
-        ty = tx;
15 
-        tx = 0;
16 
-      }
17 
-      const slideOpacity = swiper.params.fadeEffect.crossFade
18 
-        ? Math.max(1 - Math.abs($slideEl[0].progress), 0)
19 
-        : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0);
20 
-      $slideEl
21 
-        .css({
22 
-          opacity: slideOpacity,
23 
-        })
24 
-        .transform(`translate3d(${tx}px, ${ty}px, 0px)`);
25 
-    }
26 
-  },
27 
-  setTransition(duration) {
28 
-    const swiper = this;
29 
-    const { slides, $wrapperEl } = swiper;
30 
-    slides.transition(duration);
31 
-    if (swiper.params.virtualTranslate && duration !== 0) {
32 
-      let eventTriggered = false;
33 
-      slides.transitionEnd(() => {
34 
-        if (eventTriggered) return;
35 
-        if (!swiper || swiper.destroyed) return;
36 
-        eventTriggered = true;
37 
-        swiper.animating = false;
38 
-        const triggerEvents = ['webkitTransitionEnd', 'transitionend'];
39 
-        for (let i = 0; i < triggerEvents.length; i += 1) {
40 
-          $wrapperEl.trigger(triggerEvents[i]);
41 
-        }
42 
-      });
43 
-    }
44 
-  },
45 
-};
46 
-
47 
-export default {
48 
-  name: 'effect-fade',
49 
-  params: {
50 
-    fadeEffect: {
51 
-      crossFade: false,
52 
-    },
53 
-  },
54 
-  create() {
55 
-    const swiper = this;
56 
-    Utils.extend(swiper, {
57 
-      fadeEffect: {
58 
-        setTranslate: Fade.setTranslate.bind(swiper),
59 
-        setTransition: Fade.setTransition.bind(swiper),
60 
-      },
61 
-    });
62 
-  },
63 
-  on: {
64 
-    beforeInit() {
65 
-      const swiper = this;
66 
-      if (swiper.params.effect !== 'fade') return;
67 
-      swiper.classNames.push(`${swiper.params.containerModifierClass}fade`);
68 
-      const overwriteParams = {
69 
-        slidesPerView: 1,
70 
-        slidesPerColumn: 1,
71 
-        slidesPerGroup: 1,
72 
-        watchSlidesProgress: true,
73 
-        spaceBetween: 0,
74 
-        virtualTranslate: true,
75 
-      };
76 
-      Utils.extend(swiper.params, overwriteParams);
77 
-      Utils.extend(swiper.originalParams, overwriteParams);
78 
-    },
79 
-    setTranslate() {
80 
-      const swiper = this;
81 
-      if (swiper.params.effect !== 'fade') return;
82 
-      swiper.fadeEffect.setTranslate();
83 
-    },
84 
-    setTransition(duration) {
85 
-      const swiper = this;
86 
-      if (swiper.params.effect !== 'fade') return;
87 
-      swiper.fadeEffect.setTransition(duration);
88 
-    },
89 
-  },
90 
-};
Browse code

Initial commit

Benjamin Roth authored on19/05/2020 21:59:44
Showing1 changed files
assets/lib/swiper/5.4.0/src/components/effect-fade/effect-fade.js
History View file @a3fa092
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,90 @@
1 
+import Utils from '../../utils/utils';
2 
+
3 
+const Fade = {
4 
+  setTranslate() {
5 
+    const swiper = this;
6 
+    const { slides } = swiper;
7 
+    for (let i = 0; i < slides.length; i += 1) {
8 
+      const $slideEl = swiper.slides.eq(i);
9 
+      const offset = $slideEl[0].swiperSlideOffset;
10 
+      let tx = -offset;
11 
+      if (!swiper.params.virtualTranslate) tx -= swiper.translate;
12 
+      let ty = 0;
13 
+      if (!swiper.isHorizontal()) {
14 
+        ty = tx;
15 
+        tx = 0;
16 
+      }
17 
+      const slideOpacity = swiper.params.fadeEffect.crossFade
18 
+        ? Math.max(1 - Math.abs($slideEl[0].progress), 0)
19 
+        : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0);
20 
+      $slideEl
21 
+        .css({
22 
+          opacity: slideOpacity,
23 
+        })
24 
+        .transform(`translate3d(${tx}px, ${ty}px, 0px)`);
25 
+    }
26 
+  },
27 
+  setTransition(duration) {
28 
+    const swiper = this;
29 
+    const { slides, $wrapperEl } = swiper;
30 
+    slides.transition(duration);
31 
+    if (swiper.params.virtualTranslate && duration !== 0) {
32 
+      let eventTriggered = false;
33 
+      slides.transitionEnd(() => {
34 
+        if (eventTriggered) return;
35 
+        if (!swiper || swiper.destroyed) return;
36 
+        eventTriggered = true;
37 
+        swiper.animating = false;
38 
+        const triggerEvents = ['webkitTransitionEnd', 'transitionend'];
39 
+        for (let i = 0; i < triggerEvents.length; i += 1) {
40 
+          $wrapperEl.trigger(triggerEvents[i]);
41 
+        }
42 
+      });
43 
+    }
44 
+  },
45 
+};
46 
+
47 
+export default {
48 
+  name: 'effect-fade',
49 
+  params: {
50 
+    fadeEffect: {
51 
+      crossFade: false,
52 
+    },
53 
+  },
54 
+  create() {
55 
+    const swiper = this;
56 
+    Utils.extend(swiper, {
57 
+      fadeEffect: {
58 
+        setTranslate: Fade.setTranslate.bind(swiper),
59 
+        setTransition: Fade.setTransition.bind(swiper),
60 
+      },
61 
+    });
62 
+  },
63 
+  on: {
64 
+    beforeInit() {
65 
+      const swiper = this;
66 
+      if (swiper.params.effect !== 'fade') return;
67 
+      swiper.classNames.push(`${swiper.params.containerModifierClass}fade`);
68 
+      const overwriteParams = {
69 
+        slidesPerView: 1,
70 
+        slidesPerColumn: 1,
71 
+        slidesPerGroup: 1,
72 
+        watchSlidesProgress: true,
73 
+        spaceBetween: 0,
74 
+        virtualTranslate: true,
75 
+      };
76 
+      Utils.extend(swiper.params, overwriteParams);
77 
+      Utils.extend(swiper.originalParams, overwriteParams);
78 
+    },
79 
+    setTranslate() {
80 
+      const swiper = this;
81 
+      if (swiper.params.effect !== 'fade') return;
82 
+      swiper.fadeEffect.setTranslate();
83 
+    },
84 
+    setTransition(duration) {
85 
+      const swiper = this;
86 
+      if (swiper.params.effect !== 'fade') return;
87 
+      swiper.fadeEffect.setTransition(duration);
88 
+    },
89 
+  },
90 
+};