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,237 +0,0 @@
1
-"use strict";
2
-
3
-exports.__esModule = true;
4
-exports.default = void 0;
5
-
6
-var _dom = _interopRequireDefault(require("../../utils/dom"));
7
-
8
-var _utils = require("../../utils/utils");
9
-
10
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
-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); }
13
-
14
-var Lazy = {
15
-  loadInSlide: function loadInSlide(index, loadInDuplicate) {
16
-    if (loadInDuplicate === void 0) {
17
-      loadInDuplicate = true;
18
-    }
19
-
20
-    var swiper = this;
21
-    var params = swiper.params.lazy;
22
-    if (typeof index === 'undefined') return;
23
-    if (swiper.slides.length === 0) return;
24
-    var isVirtual = swiper.virtual && swiper.params.virtual.enabled;
25
-    var $slideEl = isVirtual ? swiper.$wrapperEl.children("." + swiper.params.slideClass + "[data-swiper-slide-index=\"" + index + "\"]") : swiper.slides.eq(index);
26
-    var $images = $slideEl.find("." + params.elementClass + ":not(." + params.loadedClass + "):not(." + params.loadingClass + ")");
27
-
28
-    if ($slideEl.hasClass(params.elementClass) && !$slideEl.hasClass(params.loadedClass) && !$slideEl.hasClass(params.loadingClass)) {
29
-      $images.push($slideEl[0]);
30
-    }
31
-
32
-    if ($images.length === 0) return;
33
-    $images.each(function (imageEl) {
34
-      var $imageEl = (0, _dom.default)(imageEl);
35
-      $imageEl.addClass(params.loadingClass);
36
-      var background = $imageEl.attr('data-background');
37
-      var src = $imageEl.attr('data-src');
38
-      var srcset = $imageEl.attr('data-srcset');
39
-      var sizes = $imageEl.attr('data-sizes');
40
-      var $pictureEl = $imageEl.parent('picture');
41
-      swiper.loadImage($imageEl[0], src || background, srcset, sizes, false, function () {
42
-        if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper && !swiper.params || swiper.destroyed) return;
43
-
44
-        if (background) {
45
-          $imageEl.css('background-image', "url(\"" + background + "\")");
46
-          $imageEl.removeAttr('data-background');
47
-        } else {
48
-          if (srcset) {
49
-            $imageEl.attr('srcset', srcset);
50
-            $imageEl.removeAttr('data-srcset');
51
-          }
52
-
53
-          if (sizes) {
54
-            $imageEl.attr('sizes', sizes);
55
-            $imageEl.removeAttr('data-sizes');
56
-          }
57
-
58
-          if ($pictureEl.length) {
59
-            $pictureEl.children('source').each(function (sourceEl) {
60
-              var $source = (0, _dom.default)(sourceEl);
61
-
62
-              if ($source.attr('data-srcset')) {
63
-                $source.attr('srcset', $source.attr('data-srcset'));
64
-                $source.removeAttr('data-srcset');
65
-              }
66
-            });
67
-          }
68
-
69
-          if (src) {
70
-            $imageEl.attr('src', src);
71
-            $imageEl.removeAttr('data-src');
72
-          }
73
-        }
74
-
75
-        $imageEl.addClass(params.loadedClass).removeClass(params.loadingClass);
76
-        $slideEl.find("." + params.preloaderClass).remove();
77
-
78
-        if (swiper.params.loop && loadInDuplicate) {
79
-          var slideOriginalIndex = $slideEl.attr('data-swiper-slide-index');
80
-
81
-          if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {
82
-            var originalSlide = swiper.$wrapperEl.children("[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]:not(." + swiper.params.slideDuplicateClass + ")");
83
-            swiper.lazy.loadInSlide(originalSlide.index(), false);
84
-          } else {
85
-            var duplicatedSlide = swiper.$wrapperEl.children("." + swiper.params.slideDuplicateClass + "[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]");
86
-            swiper.lazy.loadInSlide(duplicatedSlide.index(), false);
87
-          }
88
-        }
89
-
90
-        swiper.emit('lazyImageReady', $slideEl[0], $imageEl[0]);
91
-
92
-        if (swiper.params.autoHeight) {
93
-          swiper.updateAutoHeight();
94
-        }
95
-      });
96
-      swiper.emit('lazyImageLoad', $slideEl[0], $imageEl[0]);
97
-    });
98
-  },
99
-  load: function load() {
100
-    var swiper = this;
101
-    var $wrapperEl = swiper.$wrapperEl,
102
-        swiperParams = swiper.params,
103
-        slides = swiper.slides,
104
-        activeIndex = swiper.activeIndex;
105
-    var isVirtual = swiper.virtual && swiperParams.virtual.enabled;
106
-    var params = swiperParams.lazy;
107
-    var slidesPerView = swiperParams.slidesPerView;
108
-
109
-    if (slidesPerView === 'auto') {
110
-      slidesPerView = 0;
111
-    }
112
-
113
-    function slideExist(index) {
114
-      if (isVirtual) {
115
-        if ($wrapperEl.children("." + swiperParams.slideClass + "[data-swiper-slide-index=\"" + index + "\"]").length) {
116
-          return true;
117
-        }
118
-      } else if (slides[index]) return true;
119
-
120
-      return false;
121
-    }
122
-
123
-    function slideIndex(slideEl) {
124
-      if (isVirtual) {
125
-        return (0, _dom.default)(slideEl).attr('data-swiper-slide-index');
126
-      }
127
-
128
-      return (0, _dom.default)(slideEl).index();
129
-    }
130
-
131
-    if (!swiper.lazy.initialImageLoaded) swiper.lazy.initialImageLoaded = true;
132
-
133
-    if (swiper.params.watchSlidesVisibility) {
134
-      $wrapperEl.children("." + swiperParams.slideVisibleClass).each(function (slideEl) {
135
-        var index = isVirtual ? (0, _dom.default)(slideEl).attr('data-swiper-slide-index') : (0, _dom.default)(slideEl).index();
136
-        swiper.lazy.loadInSlide(index);
137
-      });
138
-    } else if (slidesPerView > 1) {
139
-      for (var i = activeIndex; i < activeIndex + slidesPerView; i += 1) {
140
-        if (slideExist(i)) swiper.lazy.loadInSlide(i);
141
-      }
142
-    } else {
143
-      swiper.lazy.loadInSlide(activeIndex);
144
-    }
145
-
146
-    if (params.loadPrevNext) {
147
-      if (slidesPerView > 1 || params.loadPrevNextAmount && params.loadPrevNextAmount > 1) {
148
-        var amount = params.loadPrevNextAmount;
149
-        var spv = slidesPerView;
150
-        var maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length);
151
-        var minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); // Next Slides
152
-
153
-        for (var _i = activeIndex + slidesPerView; _i < maxIndex; _i += 1) {
154
-          if (slideExist(_i)) swiper.lazy.loadInSlide(_i);
155
-        } // Prev Slides
156
-
157
-
158
-        for (var _i2 = minIndex; _i2 < activeIndex; _i2 += 1) {
159
-          if (slideExist(_i2)) swiper.lazy.loadInSlide(_i2);
160
-        }
161
-      } else {
162
-        var nextSlide = $wrapperEl.children("." + swiperParams.slideNextClass);
163
-        if (nextSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(nextSlide));
164
-        var prevSlide = $wrapperEl.children("." + swiperParams.slidePrevClass);
165
-        if (prevSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(prevSlide));
166
-      }
167
-    }
168
-  }
169
-};
170
-var _default = {
171
-  name: 'lazy',
172
-  params: {
173
-    lazy: {
174
-      enabled: false,
175
-      loadPrevNext: false,
176
-      loadPrevNextAmount: 1,
177
-      loadOnTransitionStart: false,
178
-      elementClass: 'swiper-lazy',
179
-      loadingClass: 'swiper-lazy-loading',
180
-      loadedClass: 'swiper-lazy-loaded',
181
-      preloaderClass: 'swiper-lazy-preloader'
182
-    }
183
-  },
184
-  create: function create() {
185
-    var swiper = this;
186
-    (0, _utils.bindModuleMethods)(swiper, {
187
-      lazy: _extends({
188
-        initialImageLoaded: false
189
-      }, Lazy)
190
-    });
191
-  },
192
-  on: {
193
-    beforeInit: function beforeInit(swiper) {
194
-      if (swiper.params.lazy.enabled && swiper.params.preloadImages) {
195
-        swiper.params.preloadImages = false;
196
-      }
197
-    },
198
-    init: function init(swiper) {
199
-      if (swiper.params.lazy.enabled && !swiper.params.loop && swiper.params.initialSlide === 0) {
200
-        swiper.lazy.load();
201
-      }
202
-    },
203
-    scroll: function scroll(swiper) {
204
-      if (swiper.params.freeMode && !swiper.params.freeModeSticky) {
205
-        swiper.lazy.load();
206
-      }
207
-    },
208
-    resize: function resize(swiper) {
209
-      if (swiper.params.lazy.enabled) {
210
-        swiper.lazy.load();
211
-      }
212
-    },
213
-    scrollbarDragMove: function scrollbarDragMove(swiper) {
214
-      if (swiper.params.lazy.enabled) {
215
-        swiper.lazy.load();
216
-      }
217
-    },
218
-    transitionStart: function transitionStart(swiper) {
219
-      if (swiper.params.lazy.enabled) {
220
-        if (swiper.params.lazy.loadOnTransitionStart || !swiper.params.lazy.loadOnTransitionStart && !swiper.lazy.initialImageLoaded) {
221
-          swiper.lazy.load();
222
-        }
223
-      }
224
-    },
225
-    transitionEnd: function transitionEnd(swiper) {
226
-      if (swiper.params.lazy.enabled && !swiper.params.lazy.loadOnTransitionStart) {
227
-        swiper.lazy.load();
228
-      }
229
-    },
230
-    slideChange: function slideChange(swiper) {
231
-      if (swiper.params.lazy.enabled && swiper.params.cssMode) {
232
-        swiper.lazy.load();
233
-      }
234
-    }
235
-  }
236
-};
237
-exports.default = _default;
238 0
\ No newline at end of file
Browse code

swiper.js version 6.3.3

Benjamin Roth authored on13/10/2020 19:31:56
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,237 @@
1
+"use strict";
2
+
3
+exports.__esModule = true;
4
+exports.default = void 0;
5
+
6
+var _dom = _interopRequireDefault(require("../../utils/dom"));
7
+
8
+var _utils = require("../../utils/utils");
9
+
10
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+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); }
13
+
14
+var Lazy = {
15
+  loadInSlide: function loadInSlide(index, loadInDuplicate) {
16
+    if (loadInDuplicate === void 0) {
17
+      loadInDuplicate = true;
18
+    }
19
+
20
+    var swiper = this;
21
+    var params = swiper.params.lazy;
22
+    if (typeof index === 'undefined') return;
23
+    if (swiper.slides.length === 0) return;
24
+    var isVirtual = swiper.virtual && swiper.params.virtual.enabled;
25
+    var $slideEl = isVirtual ? swiper.$wrapperEl.children("." + swiper.params.slideClass + "[data-swiper-slide-index=\"" + index + "\"]") : swiper.slides.eq(index);
26
+    var $images = $slideEl.find("." + params.elementClass + ":not(." + params.loadedClass + "):not(." + params.loadingClass + ")");
27
+
28
+    if ($slideEl.hasClass(params.elementClass) && !$slideEl.hasClass(params.loadedClass) && !$slideEl.hasClass(params.loadingClass)) {
29
+      $images.push($slideEl[0]);
30
+    }
31
+
32
+    if ($images.length === 0) return;
33
+    $images.each(function (imageEl) {
34
+      var $imageEl = (0, _dom.default)(imageEl);
35
+      $imageEl.addClass(params.loadingClass);
36
+      var background = $imageEl.attr('data-background');
37
+      var src = $imageEl.attr('data-src');
38
+      var srcset = $imageEl.attr('data-srcset');
39
+      var sizes = $imageEl.attr('data-sizes');
40
+      var $pictureEl = $imageEl.parent('picture');
41
+      swiper.loadImage($imageEl[0], src || background, srcset, sizes, false, function () {
42
+        if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper && !swiper.params || swiper.destroyed) return;
43
+
44
+        if (background) {
45
+          $imageEl.css('background-image', "url(\"" + background + "\")");
46
+          $imageEl.removeAttr('data-background');
47
+        } else {
48
+          if (srcset) {
49
+            $imageEl.attr('srcset', srcset);
50
+            $imageEl.removeAttr('data-srcset');
51
+          }
52
+
53
+          if (sizes) {
54
+            $imageEl.attr('sizes', sizes);
55
+            $imageEl.removeAttr('data-sizes');
56
+          }
57
+
58
+          if ($pictureEl.length) {
59
+            $pictureEl.children('source').each(function (sourceEl) {
60
+              var $source = (0, _dom.default)(sourceEl);
61
+
62
+              if ($source.attr('data-srcset')) {
63
+                $source.attr('srcset', $source.attr('data-srcset'));
64
+                $source.removeAttr('data-srcset');
65
+              }
66
+            });
67
+          }
68
+
69
+          if (src) {
70
+            $imageEl.attr('src', src);
71
+            $imageEl.removeAttr('data-src');
72
+          }
73
+        }
74
+
75
+        $imageEl.addClass(params.loadedClass).removeClass(params.loadingClass);
76
+        $slideEl.find("." + params.preloaderClass).remove();
77
+
78
+        if (swiper.params.loop && loadInDuplicate) {
79
+          var slideOriginalIndex = $slideEl.attr('data-swiper-slide-index');
80
+
81
+          if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {
82
+            var originalSlide = swiper.$wrapperEl.children("[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]:not(." + swiper.params.slideDuplicateClass + ")");
83
+            swiper.lazy.loadInSlide(originalSlide.index(), false);
84
+          } else {
85
+            var duplicatedSlide = swiper.$wrapperEl.children("." + swiper.params.slideDuplicateClass + "[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]");
86
+            swiper.lazy.loadInSlide(duplicatedSlide.index(), false);
87
+          }
88
+        }
89
+
90
+        swiper.emit('lazyImageReady', $slideEl[0], $imageEl[0]);
91
+
92
+        if (swiper.params.autoHeight) {
93
+          swiper.updateAutoHeight();
94
+        }
95
+      });
96
+      swiper.emit('lazyImageLoad', $slideEl[0], $imageEl[0]);
97
+    });
98
+  },
99
+  load: function load() {
100
+    var swiper = this;
101
+    var $wrapperEl = swiper.$wrapperEl,
102
+        swiperParams = swiper.params,
103
+        slides = swiper.slides,
104
+        activeIndex = swiper.activeIndex;
105
+    var isVirtual = swiper.virtual && swiperParams.virtual.enabled;
106
+    var params = swiperParams.lazy;
107
+    var slidesPerView = swiperParams.slidesPerView;
108
+
109
+    if (slidesPerView === 'auto') {
110
+      slidesPerView = 0;
111
+    }
112
+
113
+    function slideExist(index) {
114
+      if (isVirtual) {
115
+        if ($wrapperEl.children("." + swiperParams.slideClass + "[data-swiper-slide-index=\"" + index + "\"]").length) {
116
+          return true;
117
+        }
118
+      } else if (slides[index]) return true;
119
+
120
+      return false;
121
+    }
122
+
123
+    function slideIndex(slideEl) {
124
+      if (isVirtual) {
125
+        return (0, _dom.default)(slideEl).attr('data-swiper-slide-index');
126
+      }
127
+
128
+      return (0, _dom.default)(slideEl).index();
129
+    }
130
+
131
+    if (!swiper.lazy.initialImageLoaded) swiper.lazy.initialImageLoaded = true;
132
+
133
+    if (swiper.params.watchSlidesVisibility) {
134
+      $wrapperEl.children("." + swiperParams.slideVisibleClass).each(function (slideEl) {
135
+        var index = isVirtual ? (0, _dom.default)(slideEl).attr('data-swiper-slide-index') : (0, _dom.default)(slideEl).index();
136
+        swiper.lazy.loadInSlide(index);
137
+      });
138
+    } else if (slidesPerView > 1) {
139
+      for (var i = activeIndex; i < activeIndex + slidesPerView; i += 1) {
140
+        if (slideExist(i)) swiper.lazy.loadInSlide(i);
141
+      }
142
+    } else {
143
+      swiper.lazy.loadInSlide(activeIndex);
144
+    }
145
+
146
+    if (params.loadPrevNext) {
147
+      if (slidesPerView > 1 || params.loadPrevNextAmount && params.loadPrevNextAmount > 1) {
148
+        var amount = params.loadPrevNextAmount;
149
+        var spv = slidesPerView;
150
+        var maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length);
151
+        var minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); // Next Slides
152
+
153
+        for (var _i = activeIndex + slidesPerView; _i < maxIndex; _i += 1) {
154
+          if (slideExist(_i)) swiper.lazy.loadInSlide(_i);
155
+        } // Prev Slides
156
+
157
+
158
+        for (var _i2 = minIndex; _i2 < activeIndex; _i2 += 1) {
159
+          if (slideExist(_i2)) swiper.lazy.loadInSlide(_i2);
160
+        }
161
+      } else {
162
+        var nextSlide = $wrapperEl.children("." + swiperParams.slideNextClass);
163
+        if (nextSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(nextSlide));
164
+        var prevSlide = $wrapperEl.children("." + swiperParams.slidePrevClass);
165
+        if (prevSlide.length > 0) swiper.lazy.loadInSlide(slideIndex(prevSlide));
166
+      }
167
+    }
168
+  }
169
+};
170
+var _default = {
171
+  name: 'lazy',
172
+  params: {
173
+    lazy: {
174
+      enabled: false,
175
+      loadPrevNext: false,
176
+      loadPrevNextAmount: 1,
177
+      loadOnTransitionStart: false,
178
+      elementClass: 'swiper-lazy',
179
+      loadingClass: 'swiper-lazy-loading',
180
+      loadedClass: 'swiper-lazy-loaded',
181
+      preloaderClass: 'swiper-lazy-preloader'
182
+    }
183
+  },
184
+  create: function create() {
185
+    var swiper = this;
186
+    (0, _utils.bindModuleMethods)(swiper, {
187
+      lazy: _extends({
188
+        initialImageLoaded: false
189
+      }, Lazy)
190
+    });
191
+  },
192
+  on: {
193
+    beforeInit: function beforeInit(swiper) {
194
+      if (swiper.params.lazy.enabled && swiper.params.preloadImages) {
195
+        swiper.params.preloadImages = false;
196
+      }
197
+    },
198
+    init: function init(swiper) {
199
+      if (swiper.params.lazy.enabled && !swiper.params.loop && swiper.params.initialSlide === 0) {
200
+        swiper.lazy.load();
201
+      }
202
+    },
203
+    scroll: function scroll(swiper) {
204
+      if (swiper.params.freeMode && !swiper.params.freeModeSticky) {
205
+        swiper.lazy.load();
206
+      }
207
+    },
208
+    resize: function resize(swiper) {
209
+      if (swiper.params.lazy.enabled) {
210
+        swiper.lazy.load();
211
+      }
212
+    },
213
+    scrollbarDragMove: function scrollbarDragMove(swiper) {
214
+      if (swiper.params.lazy.enabled) {
215
+        swiper.lazy.load();
216
+      }
217
+    },
218
+    transitionStart: function transitionStart(swiper) {
219
+      if (swiper.params.lazy.enabled) {
220
+        if (swiper.params.lazy.loadOnTransitionStart || !swiper.params.lazy.loadOnTransitionStart && !swiper.lazy.initialImageLoaded) {
221
+          swiper.lazy.load();
222
+        }
223
+      }
224
+    },
225
+    transitionEnd: function transitionEnd(swiper) {
226
+      if (swiper.params.lazy.enabled && !swiper.params.lazy.loadOnTransitionStart) {
227
+        swiper.lazy.load();
228
+      }
229
+    },
230
+    slideChange: function slideChange(swiper) {
231
+      if (swiper.params.lazy.enabled && swiper.params.cssMode) {
232
+        swiper.lazy.load();
233
+      }
234
+    }
235
+  }
236
+};
237
+exports.default = _default;
0 238
\ No newline at end of file