Browse code

Refactor and rewrite as contao bundle

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

swiper.js version 6.4.5

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