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-flip/effect-flip.js
History View file @0bd865c
1 1 
deleted file mode 100644
... ... 
@@ -1,120 +0,0 @@
1 
-import $ from '../../utils/dom';
2 
-import Utils from '../../utils/utils';
3 
-
4 
-const Flip = {
5 
-  setTranslate() {
6 
-    const swiper = this;
7 
-    const { slides, rtlTranslate: rtl } = swiper;
8 
-    for (let i = 0; i < slides.length; i += 1) {
9 
-      const $slideEl = slides.eq(i);
10 
-      let progress = $slideEl[0].progress;
11 
-      if (swiper.params.flipEffect.limitRotation) {
12 
-        progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
13 
-      }
14 
-      const offset = $slideEl[0].swiperSlideOffset;
15 
-      const rotate = -180 * progress;
16 
-      let rotateY = rotate;
17 
-      let rotateX = 0;
18 
-      let tx = -offset;
19 
-      let ty = 0;
20 
-      if (!swiper.isHorizontal()) {
21 
-        ty = tx;
22 
-        tx = 0;
23 
-        rotateX = -rotateY;
24 
-        rotateY = 0;
25 
-      } else if (rtl) {
26 
-        rotateY = -rotateY;
27 
-      }
28 
-
29 
-      $slideEl[0].style.zIndex = -Math.abs(Math.round(progress)) + slides.length;
30 
-
31 
-      if (swiper.params.flipEffect.slideShadows) {
32 
-        // Set shadows
33 
-        let shadowBefore = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
34 
-        let shadowAfter = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
35 
-        if (shadowBefore.length === 0) {
36 
-          shadowBefore = $(`<div class="swiper-slide-shadow-${swiper.isHorizontal() ? 'left' : 'top'}"></div>`);
37 
-          $slideEl.append(shadowBefore);
38 
-        }
39 
-        if (shadowAfter.length === 0) {
40 
-          shadowAfter = $(`<div class="swiper-slide-shadow-${swiper.isHorizontal() ? 'right' : 'bottom'}"></div>`);
41 
-          $slideEl.append(shadowAfter);
42 
-        }
43 
-        if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
44 
-        if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
45 
-      }
46 
-      $slideEl
47 
-        .transform(`translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`);
48 
-    }
49 
-  },
50 
-  setTransition(duration) {
51 
-    const swiper = this;
52 
-    const { slides, activeIndex, $wrapperEl } = swiper;
53 
-    slides
54 
-      .transition(duration)
55 
-      .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
56 
-      .transition(duration);
57 
-    if (swiper.params.virtualTranslate && duration !== 0) {
58 
-      let eventTriggered = false;
59 
-      // eslint-disable-next-line
60 
-      slides.eq(activeIndex).transitionEnd(function onTransitionEnd() {
61 
-        if (eventTriggered) return;
62 
-        if (!swiper || swiper.destroyed) return;
63 
-        // if (!$(this).hasClass(swiper.params.slideActiveClass)) return;
64 
-        eventTriggered = true;
65 
-        swiper.animating = false;
66 
-        const triggerEvents = ['webkitTransitionEnd', 'transitionend'];
67 
-        for (let i = 0; i < triggerEvents.length; i += 1) {
68 
-          $wrapperEl.trigger(triggerEvents[i]);
69 
-        }
70 
-      });
71 
-    }
72 
-  },
73 
-};
74 
-
75 
-export default {
76 
-  name: 'effect-flip',
77 
-  params: {
78 
-    flipEffect: {
79 
-      slideShadows: true,
80 
-      limitRotation: true,
81 
-    },
82 
-  },
83 
-  create() {
84 
-    const swiper = this;
85 
-    Utils.extend(swiper, {
86 
-      flipEffect: {
87 
-        setTranslate: Flip.setTranslate.bind(swiper),
88 
-        setTransition: Flip.setTransition.bind(swiper),
89 
-      },
90 
-    });
91 
-  },
92 
-  on: {
93 
-    beforeInit() {
94 
-      const swiper = this;
95 
-      if (swiper.params.effect !== 'flip') return;
96 
-      swiper.classNames.push(`${swiper.params.containerModifierClass}flip`);
97 
-      swiper.classNames.push(`${swiper.params.containerModifierClass}3d`);
98 
-      const overwriteParams = {
99 
-        slidesPerView: 1,
100 
-        slidesPerColumn: 1,
101 
-        slidesPerGroup: 1,
102 
-        watchSlidesProgress: true,
103 
-        spaceBetween: 0,
104 
-        virtualTranslate: true,
105 
-      };
106 
-      Utils.extend(swiper.params, overwriteParams);
107 
-      Utils.extend(swiper.originalParams, overwriteParams);
108 
-    },
109 
-    setTranslate() {
110 
-      const swiper = this;
111 
-      if (swiper.params.effect !== 'flip') return;
112 
-      swiper.flipEffect.setTranslate();
113 
-    },
114 
-    setTransition(duration) {
115 
-      const swiper = this;
116 
-      if (swiper.params.effect !== 'flip') return;
117 
-      swiper.flipEffect.setTransition(duration);
118 
-    },
119 
-  },
120 
-};
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-flip/effect-flip.js
History View file @a3fa092
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,120 @@
1 
+import $ from '../../utils/dom';
2 
+import Utils from '../../utils/utils';
3 
+
4 
+const Flip = {
5 
+  setTranslate() {
6 
+    const swiper = this;
7 
+    const { slides, rtlTranslate: rtl } = swiper;
8 
+    for (let i = 0; i < slides.length; i += 1) {
9 
+      const $slideEl = slides.eq(i);
10 
+      let progress = $slideEl[0].progress;
11 
+      if (swiper.params.flipEffect.limitRotation) {
12 
+        progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
13 
+      }
14 
+      const offset = $slideEl[0].swiperSlideOffset;
15 
+      const rotate = -180 * progress;
16 
+      let rotateY = rotate;
17 
+      let rotateX = 0;
18 
+      let tx = -offset;
19 
+      let ty = 0;
20 
+      if (!swiper.isHorizontal()) {
21 
+        ty = tx;
22 
+        tx = 0;
23 
+        rotateX = -rotateY;
24 
+        rotateY = 0;
25 
+      } else if (rtl) {
26 
+        rotateY = -rotateY;
27 
+      }
28 
+
29 
+      $slideEl[0].style.zIndex = -Math.abs(Math.round(progress)) + slides.length;
30 
+
31 
+      if (swiper.params.flipEffect.slideShadows) {
32 
+        // Set shadows
33 
+        let shadowBefore = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top');
34 
+        let shadowAfter = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom');
35 
+        if (shadowBefore.length === 0) {
36 
+          shadowBefore = $(`<div class="swiper-slide-shadow-${swiper.isHorizontal() ? 'left' : 'top'}"></div>`);
37 
+          $slideEl.append(shadowBefore);
38 
+        }
39 
+        if (shadowAfter.length === 0) {
40 
+          shadowAfter = $(`<div class="swiper-slide-shadow-${swiper.isHorizontal() ? 'right' : 'bottom'}"></div>`);
41 
+          $slideEl.append(shadowAfter);
42 
+        }
43 
+        if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
44 
+        if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
45 
+      }
46 
+      $slideEl
47 
+        .transform(`translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`);
48 
+    }
49 
+  },
50 
+  setTransition(duration) {
51 
+    const swiper = this;
52 
+    const { slides, activeIndex, $wrapperEl } = swiper;
53 
+    slides
54 
+      .transition(duration)
55 
+      .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
56 
+      .transition(duration);
57 
+    if (swiper.params.virtualTranslate && duration !== 0) {
58 
+      let eventTriggered = false;
59 
+      // eslint-disable-next-line
60 
+      slides.eq(activeIndex).transitionEnd(function onTransitionEnd() {
61 
+        if (eventTriggered) return;
62 
+        if (!swiper || swiper.destroyed) return;
63 
+        // if (!$(this).hasClass(swiper.params.slideActiveClass)) return;
64 
+        eventTriggered = true;
65 
+        swiper.animating = false;
66 
+        const triggerEvents = ['webkitTransitionEnd', 'transitionend'];
67 
+        for (let i = 0; i < triggerEvents.length; i += 1) {
68 
+          $wrapperEl.trigger(triggerEvents[i]);
69 
+        }
70 
+      });
71 
+    }
72 
+  },
73 
+};
74 
+
75 
+export default {
76 
+  name: 'effect-flip',
77 
+  params: {
78 
+    flipEffect: {
79 
+      slideShadows: true,
80 
+      limitRotation: true,
81 
+    },
82 
+  },
83 
+  create() {
84 
+    const swiper = this;
85 
+    Utils.extend(swiper, {
86 
+      flipEffect: {
87 
+        setTranslate: Flip.setTranslate.bind(swiper),
88 
+        setTransition: Flip.setTransition.bind(swiper),
89 
+      },
90 
+    });
91 
+  },
92 
+  on: {
93 
+    beforeInit() {
94 
+      const swiper = this;
95 
+      if (swiper.params.effect !== 'flip') return;
96 
+      swiper.classNames.push(`${swiper.params.containerModifierClass}flip`);
97 
+      swiper.classNames.push(`${swiper.params.containerModifierClass}3d`);
98 
+      const overwriteParams = {
99 
+        slidesPerView: 1,
100 
+        slidesPerColumn: 1,
101 
+        slidesPerGroup: 1,
102 
+        watchSlidesProgress: true,
103 
+        spaceBetween: 0,
104 
+        virtualTranslate: true,
105 
+      };
106 
+      Utils.extend(swiper.params, overwriteParams);
107 
+      Utils.extend(swiper.originalParams, overwriteParams);
108 
+    },
109 
+    setTranslate() {
110 
+      const swiper = this;
111 
+      if (swiper.params.effect !== 'flip') return;
112 
+      swiper.flipEffect.setTranslate();
113 
+    },
114 
+    setTransition(duration) {
115 
+      const swiper = this;
116 
+      if (swiper.params.effect !== 'flip') return;
117 
+      swiper.flipEffect.setTransition(duration);
118 
+    },
119 
+  },
120 
+};