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/parallax/parallax.js
History View file @0bd865c
1 1 
deleted file mode 100644
... ... 
@@ -1,125 +0,0 @@
1 
-import $ from '../../utils/dom';
2 
-import Utils from '../../utils/utils';
3 
-
4 
-const Parallax = {
5 
-  setTransform(el, progress) {
6 
-    const swiper = this;
7 
-    const { rtl } = swiper;
8 
-
9 
-    const $el = $(el);
10 
-    const rtlFactor = rtl ? -1 : 1;
11 
-
12 
-    const p = $el.attr('data-swiper-parallax') || '0';
13 
-    let x = $el.attr('data-swiper-parallax-x');
14 
-    let y = $el.attr('data-swiper-parallax-y');
15 
-    const scale = $el.attr('data-swiper-parallax-scale');
16 
-    const opacity = $el.attr('data-swiper-parallax-opacity');
17 
-
18 
-    if (x || y) {
19 
-      x = x || '0';
20 
-      y = y || '0';
21 
-    } else if (swiper.isHorizontal()) {
22 
-      x = p;
23 
-      y = '0';
24 
-    } else {
25 
-      y = p;
26 
-      x = '0';
27 
-    }
28 
-
29 
-    if ((x).indexOf('%') >= 0) {
30 
-      x = `${parseInt(x, 10) * progress * rtlFactor}%`;
31 
-    } else {
32 
-      x = `${x * progress * rtlFactor}px`;
33 
-    }
34 
-    if ((y).indexOf('%') >= 0) {
35 
-      y = `${parseInt(y, 10) * progress}%`;
36 
-    } else {
37 
-      y = `${y * progress}px`;
38 
-    }
39 
-
40 
-    if (typeof opacity !== 'undefined' && opacity !== null) {
41 
-      const currentOpacity = opacity - ((opacity - 1) * (1 - Math.abs(progress)));
42 
-      $el[0].style.opacity = currentOpacity;
43 
-    }
44 
-    if (typeof scale === 'undefined' || scale === null) {
45 
-      $el.transform(`translate3d(${x}, ${y}, 0px)`);
46 
-    } else {
47 
-      const currentScale = scale - ((scale - 1) * (1 - Math.abs(progress)));
48 
-      $el.transform(`translate3d(${x}, ${y}, 0px) scale(${currentScale})`);
49 
-    }
50 
-  },
51 
-  setTranslate() {
52 
-    const swiper = this;
53 
-    const {
54 
-      $el, slides, progress, snapGrid,
55 
-    } = swiper;
56 
-    $el.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
57 
-      .each((index, el) => {
58 
-        swiper.parallax.setTransform(el, progress);
59 
-      });
60 
-    slides.each((slideIndex, slideEl) => {
61 
-      let slideProgress = slideEl.progress;
62 
-      if (swiper.params.slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') {
63 
-        slideProgress += Math.ceil(slideIndex / 2) - (progress * (snapGrid.length - 1));
64 
-      }
65 
-      slideProgress = Math.min(Math.max(slideProgress, -1), 1);
66 
-      $(slideEl).find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
67 
-        .each((index, el) => {
68 
-          swiper.parallax.setTransform(el, slideProgress);
69 
-        });
70 
-    });
71 
-  },
72 
-  setTransition(duration = this.params.speed) {
73 
-    const swiper = this;
74 
-    const { $el } = swiper;
75 
-    $el.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
76 
-      .each((index, parallaxEl) => {
77 
-        const $parallaxEl = $(parallaxEl);
78 
-        let parallaxDuration = parseInt($parallaxEl.attr('data-swiper-parallax-duration'), 10) || duration;
79 
-        if (duration === 0) parallaxDuration = 0;
80 
-        $parallaxEl.transition(parallaxDuration);
81 
-      });
82 
-  },
83 
-};
84 
-
85 
-export default {
86 
-  name: 'parallax',
87 
-  params: {
88 
-    parallax: {
89 
-      enabled: false,
90 
-    },
91 
-  },
92 
-  create() {
93 
-    const swiper = this;
94 
-    Utils.extend(swiper, {
95 
-      parallax: {
96 
-        setTransform: Parallax.setTransform.bind(swiper),
97 
-        setTranslate: Parallax.setTranslate.bind(swiper),
98 
-        setTransition: Parallax.setTransition.bind(swiper),
99 
-      },
100 
-    });
101 
-  },
102 
-  on: {
103 
-    beforeInit() {
104 
-      const swiper = this;
105 
-      if (!swiper.params.parallax.enabled) return;
106 
-      swiper.params.watchSlidesProgress = true;
107 
-      swiper.originalParams.watchSlidesProgress = true;
108 
-    },
109 
-    init() {
110 
-      const swiper = this;
111 
-      if (!swiper.params.parallax.enabled) return;
112 
-      swiper.parallax.setTranslate();
113 
-    },
114 
-    setTranslate() {
115 
-      const swiper = this;
116 
-      if (!swiper.params.parallax.enabled) return;
117 
-      swiper.parallax.setTranslate();
118 
-    },
119 
-    setTransition(duration) {
120 
-      const swiper = this;
121 
-      if (!swiper.params.parallax.enabled) return;
122 
-      swiper.parallax.setTransition(duration);
123 
-    },
124 
-  },
125 
-};
Browse code

Initial commit

Benjamin Roth authored on19/05/2020 21:59:44
Showing1 changed files
assets/lib/swiper/5.4.0/src/components/parallax/parallax.js
History View file @a3fa092
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,125 @@
1 
+import $ from '../../utils/dom';
2 
+import Utils from '../../utils/utils';
3 
+
4 
+const Parallax = {
5 
+  setTransform(el, progress) {
6 
+    const swiper = this;
7 
+    const { rtl } = swiper;
8 
+
9 
+    const $el = $(el);
10 
+    const rtlFactor = rtl ? -1 : 1;
11 
+
12 
+    const p = $el.attr('data-swiper-parallax') || '0';
13 
+    let x = $el.attr('data-swiper-parallax-x');
14 
+    let y = $el.attr('data-swiper-parallax-y');
15 
+    const scale = $el.attr('data-swiper-parallax-scale');
16 
+    const opacity = $el.attr('data-swiper-parallax-opacity');
17 
+
18 
+    if (x || y) {
19 
+      x = x || '0';
20 
+      y = y || '0';
21 
+    } else if (swiper.isHorizontal()) {
22 
+      x = p;
23 
+      y = '0';
24 
+    } else {
25 
+      y = p;
26 
+      x = '0';
27 
+    }
28 
+
29 
+    if ((x).indexOf('%') >= 0) {
30 
+      x = `${parseInt(x, 10) * progress * rtlFactor}%`;
31 
+    } else {
32 
+      x = `${x * progress * rtlFactor}px`;
33 
+    }
34 
+    if ((y).indexOf('%') >= 0) {
35 
+      y = `${parseInt(y, 10) * progress}%`;
36 
+    } else {
37 
+      y = `${y * progress}px`;
38 
+    }
39 
+
40 
+    if (typeof opacity !== 'undefined' && opacity !== null) {
41 
+      const currentOpacity = opacity - ((opacity - 1) * (1 - Math.abs(progress)));
42 
+      $el[0].style.opacity = currentOpacity;
43 
+    }
44 
+    if (typeof scale === 'undefined' || scale === null) {
45 
+      $el.transform(`translate3d(${x}, ${y}, 0px)`);
46 
+    } else {
47 
+      const currentScale = scale - ((scale - 1) * (1 - Math.abs(progress)));
48 
+      $el.transform(`translate3d(${x}, ${y}, 0px) scale(${currentScale})`);
49 
+    }
50 
+  },
51 
+  setTranslate() {
52 
+    const swiper = this;
53 
+    const {
54 
+      $el, slides, progress, snapGrid,
55 
+    } = swiper;
56 
+    $el.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
57 
+      .each((index, el) => {
58 
+        swiper.parallax.setTransform(el, progress);
59 
+      });
60 
+    slides.each((slideIndex, slideEl) => {
61 
+      let slideProgress = slideEl.progress;
62 
+      if (swiper.params.slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') {
63 
+        slideProgress += Math.ceil(slideIndex / 2) - (progress * (snapGrid.length - 1));
64 
+      }
65 
+      slideProgress = Math.min(Math.max(slideProgress, -1), 1);
66 
+      $(slideEl).find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
67 
+        .each((index, el) => {
68 
+          swiper.parallax.setTransform(el, slideProgress);
69 
+        });
70 
+    });
71 
+  },
72 
+  setTransition(duration = this.params.speed) {
73 
+    const swiper = this;
74 
+    const { $el } = swiper;
75 
+    $el.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]')
76 
+      .each((index, parallaxEl) => {
77 
+        const $parallaxEl = $(parallaxEl);
78 
+        let parallaxDuration = parseInt($parallaxEl.attr('data-swiper-parallax-duration'), 10) || duration;
79 
+        if (duration === 0) parallaxDuration = 0;
80 
+        $parallaxEl.transition(parallaxDuration);
81 
+      });
82 
+  },
83 
+};
84 
+
85 
+export default {
86 
+  name: 'parallax',
87 
+  params: {
88 
+    parallax: {
89 
+      enabled: false,
90 
+    },
91 
+  },
92 
+  create() {
93 
+    const swiper = this;
94 
+    Utils.extend(swiper, {
95 
+      parallax: {
96 
+        setTransform: Parallax.setTransform.bind(swiper),
97 
+        setTranslate: Parallax.setTranslate.bind(swiper),
98 
+        setTransition: Parallax.setTransition.bind(swiper),
99 
+      },
100 
+    });
101 
+  },
102 
+  on: {
103 
+    beforeInit() {
104 
+      const swiper = this;
105 
+      if (!swiper.params.parallax.enabled) return;
106 
+      swiper.params.watchSlidesProgress = true;
107 
+      swiper.originalParams.watchSlidesProgress = true;
108 
+    },
109 
+    init() {
110 
+      const swiper = this;
111 
+      if (!swiper.params.parallax.enabled) return;
112 
+      swiper.parallax.setTranslate();
113 
+    },
114 
+    setTranslate() {
115 
+      const swiper = this;
116 
+      if (!swiper.params.parallax.enabled) return;
117 
+      swiper.parallax.setTranslate();
118 
+    },
119 
+    setTransition(duration) {
120 
+      const swiper = this;
121 
+      if (!swiper.params.parallax.enabled) return;
122 
+      swiper.parallax.setTransition(duration);
123 
+    },
124 
+  },
125 
+};