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,270 +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 $ from '../../utils/dom';
4
-import { extend, bindModuleMethods } from '../../utils/utils';
5
-var Virtual = {
6
-  update: function update(force) {
7
-    var swiper = this;
8
-    var _swiper$params = swiper.params,
9
-        slidesPerView = _swiper$params.slidesPerView,
10
-        slidesPerGroup = _swiper$params.slidesPerGroup,
11
-        centeredSlides = _swiper$params.centeredSlides;
12
-    var _swiper$params$virtua = swiper.params.virtual,
13
-        addSlidesBefore = _swiper$params$virtua.addSlidesBefore,
14
-        addSlidesAfter = _swiper$params$virtua.addSlidesAfter;
15
-    var _swiper$virtual = swiper.virtual,
16
-        previousFrom = _swiper$virtual.from,
17
-        previousTo = _swiper$virtual.to,
18
-        slides = _swiper$virtual.slides,
19
-        previousSlidesGrid = _swiper$virtual.slidesGrid,
20
-        renderSlide = _swiper$virtual.renderSlide,
21
-        previousOffset = _swiper$virtual.offset;
22
-    swiper.updateActiveIndex();
23
-    var activeIndex = swiper.activeIndex || 0;
24
-    var offsetProp;
25
-    if (swiper.rtlTranslate) offsetProp = 'right';else offsetProp = swiper.isHorizontal() ? 'left' : 'top';
26
-    var slidesAfter;
27
-    var slidesBefore;
28
-
29
-    if (centeredSlides) {
30
-      slidesAfter = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
31
-      slidesBefore = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
32
-    } else {
33
-      slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesAfter;
34
-      slidesBefore = slidesPerGroup + addSlidesBefore;
35
-    }
36
-
37
-    var from = Math.max((activeIndex || 0) - slidesBefore, 0);
38
-    var to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1);
39
-    var offset = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
40
-    extend(swiper.virtual, {
41
-      from: from,
42
-      to: to,
43
-      offset: offset,
44
-      slidesGrid: swiper.slidesGrid
45
-    });
46
-
47
-    function onRendered() {
48
-      swiper.updateSlides();
49
-      swiper.updateProgress();
50
-      swiper.updateSlidesClasses();
51
-
52
-      if (swiper.lazy && swiper.params.lazy.enabled) {
53
-        swiper.lazy.load();
54
-      }
55
-    }
56
-
57
-    if (previousFrom === from && previousTo === to && !force) {
58
-      if (swiper.slidesGrid !== previousSlidesGrid && offset !== previousOffset) {
59
-        swiper.slides.css(offsetProp, offset + "px");
60
-      }
61
-
62
-      swiper.updateProgress();
63
-      return;
64
-    }
65
-
66
-    if (swiper.params.virtual.renderExternal) {
67
-      swiper.params.virtual.renderExternal.call(swiper, {
68
-        offset: offset,
69
-        from: from,
70
-        to: to,
71
-        slides: function getSlides() {
72
-          var slidesToRender = [];
73
-
74
-          for (var i = from; i <= to; i += 1) {
75
-            slidesToRender.push(slides[i]);
76
-          }
77
-
78
-          return slidesToRender;
79
-        }()
80
-      });
81
-
82
-      if (swiper.params.virtual.renderExternalUpdate) {
83
-        onRendered();
84
-      }
85
-
86
-      return;
87
-    }
88
-
89
-    var prependIndexes = [];
90
-    var appendIndexes = [];
91
-
92
-    if (force) {
93
-      swiper.$wrapperEl.find("." + swiper.params.slideClass).remove();
94
-    } else {
95
-      for (var i = previousFrom; i <= previousTo; i += 1) {
96
-        if (i < from || i > to) {
97
-          swiper.$wrapperEl.find("." + swiper.params.slideClass + "[data-swiper-slide-index=\"" + i + "\"]").remove();
98
-        }
99
-      }
100
-    }
101
-
102
-    for (var _i = 0; _i < slides.length; _i += 1) {
103
-      if (_i >= from && _i <= to) {
104
-        if (typeof previousTo === 'undefined' || force) {
105
-          appendIndexes.push(_i);
106
-        } else {
107
-          if (_i > previousTo) appendIndexes.push(_i);
108
-          if (_i < previousFrom) prependIndexes.push(_i);
109
-        }
110
-      }
111
-    }
112
-
113
-    appendIndexes.forEach(function (index) {
114
-      swiper.$wrapperEl.append(renderSlide(slides[index], index));
115
-    });
116
-    prependIndexes.sort(function (a, b) {
117
-      return b - a;
118
-    }).forEach(function (index) {
119
-      swiper.$wrapperEl.prepend(renderSlide(slides[index], index));
120
-    });
121
-    swiper.$wrapperEl.children('.swiper-slide').css(offsetProp, offset + "px");
122
-    onRendered();
123
-  },
124
-  renderSlide: function renderSlide(slide, index) {
125
-    var swiper = this;
126
-    var params = swiper.params.virtual;
127
-
128
-    if (params.cache && swiper.virtual.cache[index]) {
129
-      return swiper.virtual.cache[index];
130
-    }
131
-
132
-    var $slideEl = params.renderSlide ? $(params.renderSlide.call(swiper, slide, index)) : $("<div class=\"" + swiper.params.slideClass + "\" data-swiper-slide-index=\"" + index + "\">" + slide + "</div>");
133
-    if (!$slideEl.attr('data-swiper-slide-index')) $slideEl.attr('data-swiper-slide-index', index);
134
-    if (params.cache) swiper.virtual.cache[index] = $slideEl;
135
-    return $slideEl;
136
-  },
137
-  appendSlide: function appendSlide(slides) {
138
-    var swiper = this;
139
-
140
-    if (typeof slides === 'object' && 'length' in slides) {
141
-      for (var i = 0; i < slides.length; i += 1) {
142
-        if (slides[i]) swiper.virtual.slides.push(slides[i]);
143
-      }
144
-    } else {
145
-      swiper.virtual.slides.push(slides);
146
-    }
147
-
148
-    swiper.virtual.update(true);
149
-  },
150
-  prependSlide: function prependSlide(slides) {
151
-    var swiper = this;
152
-    var activeIndex = swiper.activeIndex;
153
-    var newActiveIndex = activeIndex + 1;
154
-    var numberOfNewSlides = 1;
155
-
156
-    if (Array.isArray(slides)) {
157
-      for (var i = 0; i < slides.length; i += 1) {
158
-        if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
159
-      }
160
-
161
-      newActiveIndex = activeIndex + slides.length;
162
-      numberOfNewSlides = slides.length;
163
-    } else {
164
-      swiper.virtual.slides.unshift(slides);
165
-    }
166
-
167
-    if (swiper.params.virtual.cache) {
168
-      var cache = swiper.virtual.cache;
169
-      var newCache = {};
170
-      Object.keys(cache).forEach(function (cachedIndex) {
171
-        var $cachedEl = cache[cachedIndex];
172
-        var cachedElIndex = $cachedEl.attr('data-swiper-slide-index');
173
-
174
-        if (cachedElIndex) {
175
-          $cachedEl.attr('data-swiper-slide-index', parseInt(cachedElIndex, 10) + 1);
176
-        }
177
-
178
-        newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;
179
-      });
180
-      swiper.virtual.cache = newCache;
181
-    }
182
-
183
-    swiper.virtual.update(true);
184
-    swiper.slideTo(newActiveIndex, 0);
185
-  },
186
-  removeSlide: function removeSlide(slidesIndexes) {
187
-    var swiper = this;
188
-    if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) return;
189
-    var activeIndex = swiper.activeIndex;
190
-
191
-    if (Array.isArray(slidesIndexes)) {
192
-      for (var i = slidesIndexes.length - 1; i >= 0; i -= 1) {
193
-        swiper.virtual.slides.splice(slidesIndexes[i], 1);
194
-
195
-        if (swiper.params.virtual.cache) {
196
-          delete swiper.virtual.cache[slidesIndexes[i]];
197
-        }
198
-
199
-        if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
200
-        activeIndex = Math.max(activeIndex, 0);
201
-      }
202
-    } else {
203
-      swiper.virtual.slides.splice(slidesIndexes, 1);
204
-
205
-      if (swiper.params.virtual.cache) {
206
-        delete swiper.virtual.cache[slidesIndexes];
207
-      }
208
-
209
-      if (slidesIndexes < activeIndex) activeIndex -= 1;
210
-      activeIndex = Math.max(activeIndex, 0);
211
-    }
212
-
213
-    swiper.virtual.update(true);
214
-    swiper.slideTo(activeIndex, 0);
215
-  },
216
-  removeAllSlides: function removeAllSlides() {
217
-    var swiper = this;
218
-    swiper.virtual.slides = [];
219
-
220
-    if (swiper.params.virtual.cache) {
221
-      swiper.virtual.cache = {};
222
-    }
223
-
224
-    swiper.virtual.update(true);
225
-    swiper.slideTo(0, 0);
226
-  }
227
-};
228
-export default {
229
-  name: 'virtual',
230
-  params: {
231
-    virtual: {
232
-      enabled: false,
233
-      slides: [],
234
-      cache: true,
235
-      renderSlide: null,
236
-      renderExternal: null,
237
-      renderExternalUpdate: true,
238
-      addSlidesBefore: 0,
239
-      addSlidesAfter: 0
240
-    }
241
-  },
242
-  create: function create() {
243
-    var swiper = this;
244
-    bindModuleMethods(swiper, {
245
-      virtual: _extends({}, Virtual, {
246
-        slides: swiper.params.virtual.slides,
247
-        cache: {}
248
-      })
249
-    });
250
-  },
251
-  on: {
252
-    beforeInit: function beforeInit(swiper) {
253
-      if (!swiper.params.virtual.enabled) return;
254
-      swiper.classNames.push(swiper.params.containerModifierClass + "virtual");
255
-      var overwriteParams = {
256
-        watchSlidesProgress: true
257
-      };
258
-      extend(swiper.params, overwriteParams);
259
-      extend(swiper.originalParams, overwriteParams);
260
-
261
-      if (!swiper.params.initialSlide) {
262
-        swiper.virtual.update();
263
-      }
264
-    },
265
-    setTranslate: function setTranslate(swiper) {
266
-      if (!swiper.params.virtual.enabled) return;
267
-      swiper.virtual.update();
268
-    }
269
-  }
270
-};
271 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,270 @@
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 $ from '../../utils/dom';
4
+import { extend, bindModuleMethods } from '../../utils/utils';
5
+var Virtual = {
6
+  update: function update(force) {
7
+    var swiper = this;
8
+    var _swiper$params = swiper.params,
9
+        slidesPerView = _swiper$params.slidesPerView,
10
+        slidesPerGroup = _swiper$params.slidesPerGroup,
11
+        centeredSlides = _swiper$params.centeredSlides;
12
+    var _swiper$params$virtua = swiper.params.virtual,
13
+        addSlidesBefore = _swiper$params$virtua.addSlidesBefore,
14
+        addSlidesAfter = _swiper$params$virtua.addSlidesAfter;
15
+    var _swiper$virtual = swiper.virtual,
16
+        previousFrom = _swiper$virtual.from,
17
+        previousTo = _swiper$virtual.to,
18
+        slides = _swiper$virtual.slides,
19
+        previousSlidesGrid = _swiper$virtual.slidesGrid,
20
+        renderSlide = _swiper$virtual.renderSlide,
21
+        previousOffset = _swiper$virtual.offset;
22
+    swiper.updateActiveIndex();
23
+    var activeIndex = swiper.activeIndex || 0;
24
+    var offsetProp;
25
+    if (swiper.rtlTranslate) offsetProp = 'right';else offsetProp = swiper.isHorizontal() ? 'left' : 'top';
26
+    var slidesAfter;
27
+    var slidesBefore;
28
+
29
+    if (centeredSlides) {
30
+      slidesAfter = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
31
+      slidesBefore = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
32
+    } else {
33
+      slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesAfter;
34
+      slidesBefore = slidesPerGroup + addSlidesBefore;
35
+    }
36
+
37
+    var from = Math.max((activeIndex || 0) - slidesBefore, 0);
38
+    var to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1);
39
+    var offset = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
40
+    extend(swiper.virtual, {
41
+      from: from,
42
+      to: to,
43
+      offset: offset,
44
+      slidesGrid: swiper.slidesGrid
45
+    });
46
+
47
+    function onRendered() {
48
+      swiper.updateSlides();
49
+      swiper.updateProgress();
50
+      swiper.updateSlidesClasses();
51
+
52
+      if (swiper.lazy && swiper.params.lazy.enabled) {
53
+        swiper.lazy.load();
54
+      }
55
+    }
56
+
57
+    if (previousFrom === from && previousTo === to && !force) {
58
+      if (swiper.slidesGrid !== previousSlidesGrid && offset !== previousOffset) {
59
+        swiper.slides.css(offsetProp, offset + "px");
60
+      }
61
+
62
+      swiper.updateProgress();
63
+      return;
64
+    }
65
+
66
+    if (swiper.params.virtual.renderExternal) {
67
+      swiper.params.virtual.renderExternal.call(swiper, {
68
+        offset: offset,
69
+        from: from,
70
+        to: to,
71
+        slides: function getSlides() {
72
+          var slidesToRender = [];
73
+
74
+          for (var i = from; i <= to; i += 1) {
75
+            slidesToRender.push(slides[i]);
76
+          }
77
+
78
+          return slidesToRender;
79
+        }()
80
+      });
81
+
82
+      if (swiper.params.virtual.renderExternalUpdate) {
83
+        onRendered();
84
+      }
85
+
86
+      return;
87
+    }
88
+
89
+    var prependIndexes = [];
90
+    var appendIndexes = [];
91
+
92
+    if (force) {
93
+      swiper.$wrapperEl.find("." + swiper.params.slideClass).remove();
94
+    } else {
95
+      for (var i = previousFrom; i <= previousTo; i += 1) {
96
+        if (i < from || i > to) {
97
+          swiper.$wrapperEl.find("." + swiper.params.slideClass + "[data-swiper-slide-index=\"" + i + "\"]").remove();
98
+        }
99
+      }
100
+    }
101
+
102
+    for (var _i = 0; _i < slides.length; _i += 1) {
103
+      if (_i >= from && _i <= to) {
104
+        if (typeof previousTo === 'undefined' || force) {
105
+          appendIndexes.push(_i);
106
+        } else {
107
+          if (_i > previousTo) appendIndexes.push(_i);
108
+          if (_i < previousFrom) prependIndexes.push(_i);
109
+        }
110
+      }
111
+    }
112
+
113
+    appendIndexes.forEach(function (index) {
114
+      swiper.$wrapperEl.append(renderSlide(slides[index], index));
115
+    });
116
+    prependIndexes.sort(function (a, b) {
117
+      return b - a;
118
+    }).forEach(function (index) {
119
+      swiper.$wrapperEl.prepend(renderSlide(slides[index], index));
120
+    });
121
+    swiper.$wrapperEl.children('.swiper-slide').css(offsetProp, offset + "px");
122
+    onRendered();
123
+  },
124
+  renderSlide: function renderSlide(slide, index) {
125
+    var swiper = this;
126
+    var params = swiper.params.virtual;
127
+
128
+    if (params.cache && swiper.virtual.cache[index]) {
129
+      return swiper.virtual.cache[index];
130
+    }
131
+
132
+    var $slideEl = params.renderSlide ? $(params.renderSlide.call(swiper, slide, index)) : $("<div class=\"" + swiper.params.slideClass + "\" data-swiper-slide-index=\"" + index + "\">" + slide + "</div>");
133
+    if (!$slideEl.attr('data-swiper-slide-index')) $slideEl.attr('data-swiper-slide-index', index);
134
+    if (params.cache) swiper.virtual.cache[index] = $slideEl;
135
+    return $slideEl;
136
+  },
137
+  appendSlide: function appendSlide(slides) {
138
+    var swiper = this;
139
+
140
+    if (typeof slides === 'object' && 'length' in slides) {
141
+      for (var i = 0; i < slides.length; i += 1) {
142
+        if (slides[i]) swiper.virtual.slides.push(slides[i]);
143
+      }
144
+    } else {
145
+      swiper.virtual.slides.push(slides);
146
+    }
147
+
148
+    swiper.virtual.update(true);
149
+  },
150
+  prependSlide: function prependSlide(slides) {
151
+    var swiper = this;
152
+    var activeIndex = swiper.activeIndex;
153
+    var newActiveIndex = activeIndex + 1;
154
+    var numberOfNewSlides = 1;
155
+
156
+    if (Array.isArray(slides)) {
157
+      for (var i = 0; i < slides.length; i += 1) {
158
+        if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
159
+      }
160
+
161
+      newActiveIndex = activeIndex + slides.length;
162
+      numberOfNewSlides = slides.length;
163
+    } else {
164
+      swiper.virtual.slides.unshift(slides);
165
+    }
166
+
167
+    if (swiper.params.virtual.cache) {
168
+      var cache = swiper.virtual.cache;
169
+      var newCache = {};
170
+      Object.keys(cache).forEach(function (cachedIndex) {
171
+        var $cachedEl = cache[cachedIndex];
172
+        var cachedElIndex = $cachedEl.attr('data-swiper-slide-index');
173
+
174
+        if (cachedElIndex) {
175
+          $cachedEl.attr('data-swiper-slide-index', parseInt(cachedElIndex, 10) + 1);
176
+        }
177
+
178
+        newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;
179
+      });
180
+      swiper.virtual.cache = newCache;
181
+    }
182
+
183
+    swiper.virtual.update(true);
184
+    swiper.slideTo(newActiveIndex, 0);
185
+  },
186
+  removeSlide: function removeSlide(slidesIndexes) {
187
+    var swiper = this;
188
+    if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) return;
189
+    var activeIndex = swiper.activeIndex;
190
+
191
+    if (Array.isArray(slidesIndexes)) {
192
+      for (var i = slidesIndexes.length - 1; i >= 0; i -= 1) {
193
+        swiper.virtual.slides.splice(slidesIndexes[i], 1);
194
+
195
+        if (swiper.params.virtual.cache) {
196
+          delete swiper.virtual.cache[slidesIndexes[i]];
197
+        }
198
+
199
+        if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
200
+        activeIndex = Math.max(activeIndex, 0);
201
+      }
202
+    } else {
203
+      swiper.virtual.slides.splice(slidesIndexes, 1);
204
+
205
+      if (swiper.params.virtual.cache) {
206
+        delete swiper.virtual.cache[slidesIndexes];
207
+      }
208
+
209
+      if (slidesIndexes < activeIndex) activeIndex -= 1;
210
+      activeIndex = Math.max(activeIndex, 0);
211
+    }
212
+
213
+    swiper.virtual.update(true);
214
+    swiper.slideTo(activeIndex, 0);
215
+  },
216
+  removeAllSlides: function removeAllSlides() {
217
+    var swiper = this;
218
+    swiper.virtual.slides = [];
219
+
220
+    if (swiper.params.virtual.cache) {
221
+      swiper.virtual.cache = {};
222
+    }
223
+
224
+    swiper.virtual.update(true);
225
+    swiper.slideTo(0, 0);
226
+  }
227
+};
228
+export default {
229
+  name: 'virtual',
230
+  params: {
231
+    virtual: {
232
+      enabled: false,
233
+      slides: [],
234
+      cache: true,
235
+      renderSlide: null,
236
+      renderExternal: null,
237
+      renderExternalUpdate: true,
238
+      addSlidesBefore: 0,
239
+      addSlidesAfter: 0
240
+    }
241
+  },
242
+  create: function create() {
243
+    var swiper = this;
244
+    bindModuleMethods(swiper, {
245
+      virtual: _extends({}, Virtual, {
246
+        slides: swiper.params.virtual.slides,
247
+        cache: {}
248
+      })
249
+    });
250
+  },
251
+  on: {
252
+    beforeInit: function beforeInit(swiper) {
253
+      if (!swiper.params.virtual.enabled) return;
254
+      swiper.classNames.push(swiper.params.containerModifierClass + "virtual");
255
+      var overwriteParams = {
256
+        watchSlidesProgress: true
257
+      };
258
+      extend(swiper.params, overwriteParams);
259
+      extend(swiper.originalParams, overwriteParams);
260
+
261
+      if (!swiper.params.initialSlide) {
262
+        swiper.virtual.update();
263
+      }
264
+    },
265
+    setTranslate: function setTranslate(swiper) {
266
+      if (!swiper.params.virtual.enabled) return;
267
+      swiper.virtual.update();
268
+    }
269
+  }
270
+};
0 271
\ No newline at end of file