Browse code

Remove old version 5

Benjamin Roth authored on14/03/2021 15:27:00
Showing1 changed files
1 1
deleted file mode 100644
... ...
@@ -1,170 +0,0 @@
1
-/* eslint no-underscore-dangle: "off" */
2
-import Utils from '../../utils/utils';
3
-
4
-const Autoplay = {
5
-  run() {
6
-    const swiper = this;
7
-    const $activeSlideEl = swiper.slides.eq(swiper.activeIndex);
8
-    let delay = swiper.params.autoplay.delay;
9
-    if ($activeSlideEl.attr('data-swiper-autoplay')) {
10
-      delay = $activeSlideEl.attr('data-swiper-autoplay') || swiper.params.autoplay.delay;
11
-    }
12
-    clearTimeout(swiper.autoplay.timeout);
13
-    swiper.autoplay.timeout = Utils.nextTick(() => {
14
-      if (swiper.params.autoplay.reverseDirection) {
15
-        if (swiper.params.loop) {
16
-          swiper.loopFix();
17
-          swiper.slidePrev(swiper.params.speed, true, true);
18
-          swiper.emit('autoplay');
19
-        } else if (!swiper.isBeginning) {
20
-          swiper.slidePrev(swiper.params.speed, true, true);
21
-          swiper.emit('autoplay');
22
-        } else if (!swiper.params.autoplay.stopOnLastSlide) {
23
-          swiper.slideTo(swiper.slides.length - 1, swiper.params.speed, true, true);
24
-          swiper.emit('autoplay');
25
-        } else {
26
-          swiper.autoplay.stop();
27
-        }
28
-      } else if (swiper.params.loop) {
29
-        swiper.loopFix();
30
-        swiper.slideNext(swiper.params.speed, true, true);
31
-        swiper.emit('autoplay');
32
-      } else if (!swiper.isEnd) {
33
-        swiper.slideNext(swiper.params.speed, true, true);
34
-        swiper.emit('autoplay');
35
-      } else if (!swiper.params.autoplay.stopOnLastSlide) {
36
-        swiper.slideTo(0, swiper.params.speed, true, true);
37
-        swiper.emit('autoplay');
38
-      } else {
39
-        swiper.autoplay.stop();
40
-      }
41
-      if (swiper.params.cssMode && swiper.autoplay.running) swiper.autoplay.run();
42
-    }, delay);
43
-  },
44
-  start() {
45
-    const swiper = this;
46
-    if (typeof swiper.autoplay.timeout !== 'undefined') return false;
47
-    if (swiper.autoplay.running) return false;
48
-    swiper.autoplay.running = true;
49
-    swiper.emit('autoplayStart');
50
-    swiper.autoplay.run();
51
-    return true;
52
-  },
53
-  stop() {
54
-    const swiper = this;
55
-    if (!swiper.autoplay.running) return false;
56
-    if (typeof swiper.autoplay.timeout === 'undefined') return false;
57
-
58
-    if (swiper.autoplay.timeout) {
59
-      clearTimeout(swiper.autoplay.timeout);
60
-      swiper.autoplay.timeout = undefined;
61
-    }
62
-    swiper.autoplay.running = false;
63
-    swiper.emit('autoplayStop');
64
-    return true;
65
-  },
66
-  pause(speed) {
67
-    const swiper = this;
68
-    if (!swiper.autoplay.running) return;
69
-    if (swiper.autoplay.paused) return;
70
-    if (swiper.autoplay.timeout) clearTimeout(swiper.autoplay.timeout);
71
-    swiper.autoplay.paused = true;
72
-    if (speed === 0 || !swiper.params.autoplay.waitForTransition) {
73
-      swiper.autoplay.paused = false;
74
-      swiper.autoplay.run();
75
-    } else {
76
-      swiper.$wrapperEl[0].addEventListener('transitionend', swiper.autoplay.onTransitionEnd);
77
-      swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
78
-    }
79
-  },
80
-};
81
-
82
-export default {
83
-  name: 'autoplay',
84
-  params: {
85
-    autoplay: {
86
-      enabled: false,
87
-      delay: 3000,
88
-      waitForTransition: true,
89
-      disableOnInteraction: true,
90
-      stopOnLastSlide: false,
91
-      reverseDirection: false,
92
-    },
93
-  },
94
-  create() {
95
-    const swiper = this;
96
-    Utils.extend(swiper, {
97
-      autoplay: {
98
-        running: false,
99
-        paused: false,
100
-        run: Autoplay.run.bind(swiper),
101
-        start: Autoplay.start.bind(swiper),
102
-        stop: Autoplay.stop.bind(swiper),
103
-        pause: Autoplay.pause.bind(swiper),
104
-        onVisibilityChange() {
105
-          if (document.visibilityState === 'hidden' && swiper.autoplay.running) {
106
-            swiper.autoplay.pause();
107
-          }
108
-          if (document.visibilityState === 'visible' && swiper.autoplay.paused) {
109
-            swiper.autoplay.run();
110
-            swiper.autoplay.paused = false;
111
-          }
112
-        },
113
-        onTransitionEnd(e) {
114
-          if (!swiper || swiper.destroyed || !swiper.$wrapperEl) return;
115
-          if (e.target !== this) return;
116
-          swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.autoplay.onTransitionEnd);
117
-          swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
118
-          swiper.autoplay.paused = false;
119
-          if (!swiper.autoplay.running) {
120
-            swiper.autoplay.stop();
121
-          } else {
122
-            swiper.autoplay.run();
123
-          }
124
-        },
125
-      },
126
-    });
127
-  },
128
-  on: {
129
-    init() {
130
-      const swiper = this;
131
-      if (swiper.params.autoplay.enabled) {
132
-        swiper.autoplay.start();
133
-        document.addEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);
134
-      }
135
-    },
136
-    beforeTransitionStart(speed, internal) {
137
-      const swiper = this;
138
-      if (swiper.autoplay.running) {
139
-        if (internal || !swiper.params.autoplay.disableOnInteraction) {
140
-          swiper.autoplay.pause(speed);
141
-        } else {
142
-          swiper.autoplay.stop();
143
-        }
144
-      }
145
-    },
146
-    sliderFirstMove() {
147
-      const swiper = this;
148
-      if (swiper.autoplay.running) {
149
-        if (swiper.params.autoplay.disableOnInteraction) {
150
-          swiper.autoplay.stop();
151
-        } else {
152
-          swiper.autoplay.pause();
153
-        }
154
-      }
155
-    },
156
-    touchEnd() {
157
-      const swiper = this;
158
-      if (swiper.params.cssMode && swiper.autoplay.paused && !swiper.params.autoplay.disableOnInteraction) {
159
-        swiper.autoplay.run();
160
-      }
161
-    },
162
-    destroy() {
163
-      const swiper = this;
164
-      if (swiper.autoplay.running) {
165
-        swiper.autoplay.stop();
166
-      }
167
-      document.removeEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);
168
-    },
169
-  },
170
-};
Browse code

Initial commit

Benjamin Roth authored on19/05/2020 21:59:44
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,170 @@
1
+/* eslint no-underscore-dangle: "off" */
2
+import Utils from '../../utils/utils';
3
+
4
+const Autoplay = {
5
+  run() {
6
+    const swiper = this;
7
+    const $activeSlideEl = swiper.slides.eq(swiper.activeIndex);
8
+    let delay = swiper.params.autoplay.delay;
9
+    if ($activeSlideEl.attr('data-swiper-autoplay')) {
10
+      delay = $activeSlideEl.attr('data-swiper-autoplay') || swiper.params.autoplay.delay;
11
+    }
12
+    clearTimeout(swiper.autoplay.timeout);
13
+    swiper.autoplay.timeout = Utils.nextTick(() => {
14
+      if (swiper.params.autoplay.reverseDirection) {
15
+        if (swiper.params.loop) {
16
+          swiper.loopFix();
17
+          swiper.slidePrev(swiper.params.speed, true, true);
18
+          swiper.emit('autoplay');
19
+        } else if (!swiper.isBeginning) {
20
+          swiper.slidePrev(swiper.params.speed, true, true);
21
+          swiper.emit('autoplay');
22
+        } else if (!swiper.params.autoplay.stopOnLastSlide) {
23
+          swiper.slideTo(swiper.slides.length - 1, swiper.params.speed, true, true);
24
+          swiper.emit('autoplay');
25
+        } else {
26
+          swiper.autoplay.stop();
27
+        }
28
+      } else if (swiper.params.loop) {
29
+        swiper.loopFix();
30
+        swiper.slideNext(swiper.params.speed, true, true);
31
+        swiper.emit('autoplay');
32
+      } else if (!swiper.isEnd) {
33
+        swiper.slideNext(swiper.params.speed, true, true);
34
+        swiper.emit('autoplay');
35
+      } else if (!swiper.params.autoplay.stopOnLastSlide) {
36
+        swiper.slideTo(0, swiper.params.speed, true, true);
37
+        swiper.emit('autoplay');
38
+      } else {
39
+        swiper.autoplay.stop();
40
+      }
41
+      if (swiper.params.cssMode && swiper.autoplay.running) swiper.autoplay.run();
42
+    }, delay);
43
+  },
44
+  start() {
45
+    const swiper = this;
46
+    if (typeof swiper.autoplay.timeout !== 'undefined') return false;
47
+    if (swiper.autoplay.running) return false;
48
+    swiper.autoplay.running = true;
49
+    swiper.emit('autoplayStart');
50
+    swiper.autoplay.run();
51
+    return true;
52
+  },
53
+  stop() {
54
+    const swiper = this;
55
+    if (!swiper.autoplay.running) return false;
56
+    if (typeof swiper.autoplay.timeout === 'undefined') return false;
57
+
58
+    if (swiper.autoplay.timeout) {
59
+      clearTimeout(swiper.autoplay.timeout);
60
+      swiper.autoplay.timeout = undefined;
61
+    }
62
+    swiper.autoplay.running = false;
63
+    swiper.emit('autoplayStop');
64
+    return true;
65
+  },
66
+  pause(speed) {
67
+    const swiper = this;
68
+    if (!swiper.autoplay.running) return;
69
+    if (swiper.autoplay.paused) return;
70
+    if (swiper.autoplay.timeout) clearTimeout(swiper.autoplay.timeout);
71
+    swiper.autoplay.paused = true;
72
+    if (speed === 0 || !swiper.params.autoplay.waitForTransition) {
73
+      swiper.autoplay.paused = false;
74
+      swiper.autoplay.run();
75
+    } else {
76
+      swiper.$wrapperEl[0].addEventListener('transitionend', swiper.autoplay.onTransitionEnd);
77
+      swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
78
+    }
79
+  },
80
+};
81
+
82
+export default {
83
+  name: 'autoplay',
84
+  params: {
85
+    autoplay: {
86
+      enabled: false,
87
+      delay: 3000,
88
+      waitForTransition: true,
89
+      disableOnInteraction: true,
90
+      stopOnLastSlide: false,
91
+      reverseDirection: false,
92
+    },
93
+  },
94
+  create() {
95
+    const swiper = this;
96
+    Utils.extend(swiper, {
97
+      autoplay: {
98
+        running: false,
99
+        paused: false,
100
+        run: Autoplay.run.bind(swiper),
101
+        start: Autoplay.start.bind(swiper),
102
+        stop: Autoplay.stop.bind(swiper),
103
+        pause: Autoplay.pause.bind(swiper),
104
+        onVisibilityChange() {
105
+          if (document.visibilityState === 'hidden' && swiper.autoplay.running) {
106
+            swiper.autoplay.pause();
107
+          }
108
+          if (document.visibilityState === 'visible' && swiper.autoplay.paused) {
109
+            swiper.autoplay.run();
110
+            swiper.autoplay.paused = false;
111
+          }
112
+        },
113
+        onTransitionEnd(e) {
114
+          if (!swiper || swiper.destroyed || !swiper.$wrapperEl) return;
115
+          if (e.target !== this) return;
116
+          swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.autoplay.onTransitionEnd);
117
+          swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd);
118
+          swiper.autoplay.paused = false;
119
+          if (!swiper.autoplay.running) {
120
+            swiper.autoplay.stop();
121
+          } else {
122
+            swiper.autoplay.run();
123
+          }
124
+        },
125
+      },
126
+    });
127
+  },
128
+  on: {
129
+    init() {
130
+      const swiper = this;
131
+      if (swiper.params.autoplay.enabled) {
132
+        swiper.autoplay.start();
133
+        document.addEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);
134
+      }
135
+    },
136
+    beforeTransitionStart(speed, internal) {
137
+      const swiper = this;
138
+      if (swiper.autoplay.running) {
139
+        if (internal || !swiper.params.autoplay.disableOnInteraction) {
140
+          swiper.autoplay.pause(speed);
141
+        } else {
142
+          swiper.autoplay.stop();
143
+        }
144
+      }
145
+    },
146
+    sliderFirstMove() {
147
+      const swiper = this;
148
+      if (swiper.autoplay.running) {
149
+        if (swiper.params.autoplay.disableOnInteraction) {
150
+          swiper.autoplay.stop();
151
+        } else {
152
+          swiper.autoplay.pause();
153
+        }
154
+      }
155
+    },
156
+    touchEnd() {
157
+      const swiper = this;
158
+      if (swiper.params.cssMode && swiper.autoplay.paused && !swiper.params.autoplay.disableOnInteraction) {
159
+        swiper.autoplay.run();
160
+      }
161
+    },
162
+    destroy() {
163
+      const swiper = this;
164
+      if (swiper.autoplay.running) {
165
+        swiper.autoplay.stop();
166
+      }
167
+      document.removeEventListener('visibilitychange', swiper.autoplay.onVisibilityChange);
168
+    },
169
+  },
170
+};