Commit 2da0fcc36901cfe21326e3e66c548499e183bd9f
Merge branch 'branch_dev'
Showing
6 changed files
with
8655 additions
and
68 deletions
css/index.css
@@ -1218,15 +1218,15 @@ header{ | @@ -1218,15 +1218,15 @@ header{ | ||
1218 | margin-top: 8px; | 1218 | margin-top: 8px; |
1219 | } | 1219 | } |
1220 | /*new 新欢迎页样式 sta*/ | 1220 | /*new 新欢迎页样式 sta*/ |
1221 | -.silde-wrap{ | 1221 | +.swiper-container{ |
1222 | width: 1200px; | 1222 | width: 1200px; |
1223 | height: 444px; | 1223 | height: 444px; |
1224 | - overflow: hidden; | ||
1225 | - position: absolute; | ||
1226 | - top:50%; | ||
1227 | - left: 50%; | ||
1228 | - margin-left: -600px; | ||
1229 | - margin-top: -222px; | 1224 | + /*overflow: hidden;*/ |
1225 | + /*position: absolute;*/ | ||
1226 | + /*!*top:50%;*!*/ | ||
1227 | + /*!*left: 50%;*!*/ | ||
1228 | + /*margin-left: -600px;*/ | ||
1229 | + /*margin-top: -222px;*/ | ||
1230 | 1230 | ||
1231 | } | 1231 | } |
1232 | .parking-wrap{ | 1232 | .parking-wrap{ |
css/swiper.css
0 → 100755
1 | +/** | ||
2 | + * Swiper 4.4.6 | ||
3 | + * Most modern mobile touch slider and framework with hardware accelerated transitions | ||
4 | + * http://www.idangero.us/swiper/ | ||
5 | + * | ||
6 | + * Copyright 2014-2018 Vladimir Kharlampidi | ||
7 | + * | ||
8 | + * Released under the MIT License | ||
9 | + * | ||
10 | + * Released on: December 19, 2018 | ||
11 | + */ | ||
12 | +.swiper-container { | ||
13 | + margin: 0 auto; | ||
14 | + position: relative; | ||
15 | + overflow: hidden; | ||
16 | + list-style: none; | ||
17 | + padding: 0; | ||
18 | + /* Fix of Webkit flickering */ | ||
19 | + z-index: 1; | ||
20 | + top: 50%; | ||
21 | + margin-top: -222px; | ||
22 | +} | ||
23 | +.swiper-container-no-flexbox .swiper-slide { | ||
24 | + float: left; | ||
25 | +} | ||
26 | +.swiper-container-vertical > .swiper-wrapper { | ||
27 | + -webkit-box-orient: vertical; | ||
28 | + -webkit-box-direction: normal; | ||
29 | + -webkit-flex-direction: column; | ||
30 | + -ms-flex-direction: column; | ||
31 | + flex-direction: column; | ||
32 | +} | ||
33 | +.swiper-wrapper { | ||
34 | + position: relative; | ||
35 | + width: 100%; | ||
36 | + height: 100%; | ||
37 | + z-index: 1; | ||
38 | + display: -webkit-box; | ||
39 | + display: -webkit-flex; | ||
40 | + display: -ms-flexbox; | ||
41 | + display: flex; | ||
42 | + -webkit-transition-property: -webkit-transform; | ||
43 | + transition-property: -webkit-transform; | ||
44 | + -o-transition-property: transform; | ||
45 | + transition-property: transform; | ||
46 | + transition-property: transform, -webkit-transform; | ||
47 | + -webkit-box-sizing: content-box; | ||
48 | + box-sizing: content-box; | ||
49 | +} | ||
50 | +.swiper-container-android .swiper-slide, | ||
51 | +.swiper-wrapper { | ||
52 | + -webkit-transform: translate3d(0px, 0, 0); | ||
53 | + transform: translate3d(0px, 0, 0); | ||
54 | +} | ||
55 | +.swiper-container-multirow > .swiper-wrapper { | ||
56 | + -webkit-flex-wrap: wrap; | ||
57 | + -ms-flex-wrap: wrap; | ||
58 | + flex-wrap: wrap; | ||
59 | +} | ||
60 | +.swiper-container-free-mode > .swiper-wrapper { | ||
61 | + -webkit-transition-timing-function: ease-out; | ||
62 | + -o-transition-timing-function: ease-out; | ||
63 | + transition-timing-function: ease-out; | ||
64 | + margin: 0 auto; | ||
65 | +} | ||
66 | +.swiper-slide { | ||
67 | + -webkit-flex-shrink: 0; | ||
68 | + -ms-flex-negative: 0; | ||
69 | + flex-shrink: 0; | ||
70 | + width: 100%; | ||
71 | + height: 100%; | ||
72 | + position: relative; | ||
73 | + -webkit-transition-property: -webkit-transform; | ||
74 | + transition-property: -webkit-transform; | ||
75 | + -o-transition-property: transform; | ||
76 | + transition-property: transform; | ||
77 | + transition-property: transform, -webkit-transform; | ||
78 | +} | ||
79 | +.swiper-slide-invisible-blank { | ||
80 | + visibility: hidden; | ||
81 | +} | ||
82 | +/* Auto Height */ | ||
83 | +.swiper-container-autoheight, | ||
84 | +.swiper-container-autoheight .swiper-slide { | ||
85 | + height: auto; | ||
86 | +} | ||
87 | +.swiper-container-autoheight .swiper-wrapper { | ||
88 | + -webkit-box-align: start; | ||
89 | + -webkit-align-items: flex-start; | ||
90 | + -ms-flex-align: start; | ||
91 | + align-items: flex-start; | ||
92 | + -webkit-transition-property: height, -webkit-transform; | ||
93 | + transition-property: height, -webkit-transform; | ||
94 | + -o-transition-property: transform, height; | ||
95 | + transition-property: transform, height; | ||
96 | + transition-property: transform, height, -webkit-transform; | ||
97 | +} | ||
98 | +/* 3D Effects */ | ||
99 | +.swiper-container-3d { | ||
100 | + -webkit-perspective: 1200px; | ||
101 | + perspective: 1200px; | ||
102 | +} | ||
103 | +.swiper-container-3d .swiper-wrapper, | ||
104 | +.swiper-container-3d .swiper-slide, | ||
105 | +.swiper-container-3d .swiper-slide-shadow-left, | ||
106 | +.swiper-container-3d .swiper-slide-shadow-right, | ||
107 | +.swiper-container-3d .swiper-slide-shadow-top, | ||
108 | +.swiper-container-3d .swiper-slide-shadow-bottom, | ||
109 | +.swiper-container-3d .swiper-cube-shadow { | ||
110 | + -webkit-transform-style: preserve-3d; | ||
111 | + transform-style: preserve-3d; | ||
112 | +} | ||
113 | +.swiper-container-3d .swiper-slide-shadow-left, | ||
114 | +.swiper-container-3d .swiper-slide-shadow-right, | ||
115 | +.swiper-container-3d .swiper-slide-shadow-top, | ||
116 | +.swiper-container-3d .swiper-slide-shadow-bottom { | ||
117 | + position: absolute; | ||
118 | + left: 0; | ||
119 | + top: 0; | ||
120 | + width: 100%; | ||
121 | + height: 100%; | ||
122 | + pointer-events: none; | ||
123 | + z-index: 10; | ||
124 | +} | ||
125 | +.swiper-container-3d .swiper-slide-shadow-left { | ||
126 | + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | ||
127 | + background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
128 | + background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
129 | + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
130 | +} | ||
131 | +.swiper-container-3d .swiper-slide-shadow-right { | ||
132 | + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | ||
133 | + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
134 | + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
135 | + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
136 | +} | ||
137 | +.swiper-container-3d .swiper-slide-shadow-top { | ||
138 | + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | ||
139 | + background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
140 | + background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
141 | + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
142 | +} | ||
143 | +.swiper-container-3d .swiper-slide-shadow-bottom { | ||
144 | + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | ||
145 | + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
146 | + background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
147 | + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
148 | +} | ||
149 | +/* IE10 Windows Phone 8 Fixes */ | ||
150 | +.swiper-container-wp8-horizontal, | ||
151 | +.swiper-container-wp8-horizontal > .swiper-wrapper { | ||
152 | + -ms-touch-action: pan-y; | ||
153 | + touch-action: pan-y; | ||
154 | +} | ||
155 | +.swiper-container-wp8-vertical, | ||
156 | +.swiper-container-wp8-vertical > .swiper-wrapper { | ||
157 | + -ms-touch-action: pan-x; | ||
158 | + touch-action: pan-x; | ||
159 | +} | ||
160 | +.swiper-button-prev, | ||
161 | +.swiper-button-next { | ||
162 | + position: absolute; | ||
163 | + top: 50%; | ||
164 | + width: 27px; | ||
165 | + height: 44px; | ||
166 | + margin-top: -22px; | ||
167 | + z-index: 10; | ||
168 | + cursor: pointer; | ||
169 | + background-size: 27px 44px; | ||
170 | + background-position: center; | ||
171 | + background-repeat: no-repeat; | ||
172 | +} | ||
173 | +.swiper-button-prev.swiper-button-disabled, | ||
174 | +.swiper-button-next.swiper-button-disabled { | ||
175 | + opacity: 0.35; | ||
176 | + cursor: auto; | ||
177 | + pointer-events: none; | ||
178 | +} | ||
179 | +.swiper-button-prev, | ||
180 | +.swiper-container-rtl .swiper-button-next { | ||
181 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); | ||
182 | + left: 10px; | ||
183 | + right: auto; | ||
184 | +} | ||
185 | +.swiper-button-next, | ||
186 | +.swiper-container-rtl .swiper-button-prev { | ||
187 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); | ||
188 | + right: 10px; | ||
189 | + left: auto; | ||
190 | +} | ||
191 | +.swiper-button-prev.swiper-button-white, | ||
192 | +.swiper-container-rtl .swiper-button-next.swiper-button-white { | ||
193 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | ||
194 | +} | ||
195 | +.swiper-button-next.swiper-button-white, | ||
196 | +.swiper-container-rtl .swiper-button-prev.swiper-button-white { | ||
197 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | ||
198 | +} | ||
199 | +.swiper-button-prev.swiper-button-black, | ||
200 | +.swiper-container-rtl .swiper-button-next.swiper-button-black { | ||
201 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); | ||
202 | +} | ||
203 | +.swiper-button-next.swiper-button-black, | ||
204 | +.swiper-container-rtl .swiper-button-prev.swiper-button-black { | ||
205 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); | ||
206 | +} | ||
207 | +.swiper-button-lock { | ||
208 | + display: none; | ||
209 | +} | ||
210 | +.swiper-pagination { | ||
211 | + position: absolute; | ||
212 | + text-align: center; | ||
213 | + -webkit-transition: 300ms opacity; | ||
214 | + -o-transition: 300ms opacity; | ||
215 | + transition: 300ms opacity; | ||
216 | + -webkit-transform: translate3d(0, 0, 0); | ||
217 | + transform: translate3d(0, 0, 0); | ||
218 | + z-index: 10; | ||
219 | +} | ||
220 | +.swiper-pagination.swiper-pagination-hidden { | ||
221 | + opacity: 0; | ||
222 | +} | ||
223 | +/* Common Styles */ | ||
224 | +.swiper-pagination-fraction, | ||
225 | +.swiper-pagination-custom, | ||
226 | +.swiper-container-horizontal > .swiper-pagination-bullets { | ||
227 | + bottom: 10px; | ||
228 | + left: 0; | ||
229 | + width: 100%; | ||
230 | +} | ||
231 | +/* Bullets */ | ||
232 | +.swiper-pagination-bullets-dynamic { | ||
233 | + overflow: hidden; | ||
234 | + font-size: 0; | ||
235 | +} | ||
236 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | ||
237 | + -webkit-transform: scale(0.33); | ||
238 | + -ms-transform: scale(0.33); | ||
239 | + transform: scale(0.33); | ||
240 | + position: relative; | ||
241 | +} | ||
242 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { | ||
243 | + -webkit-transform: scale(1); | ||
244 | + -ms-transform: scale(1); | ||
245 | + transform: scale(1); | ||
246 | +} | ||
247 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { | ||
248 | + -webkit-transform: scale(1); | ||
249 | + -ms-transform: scale(1); | ||
250 | + transform: scale(1); | ||
251 | +} | ||
252 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { | ||
253 | + -webkit-transform: scale(0.66); | ||
254 | + -ms-transform: scale(0.66); | ||
255 | + transform: scale(0.66); | ||
256 | +} | ||
257 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { | ||
258 | + -webkit-transform: scale(0.33); | ||
259 | + -ms-transform: scale(0.33); | ||
260 | + transform: scale(0.33); | ||
261 | +} | ||
262 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { | ||
263 | + -webkit-transform: scale(0.66); | ||
264 | + -ms-transform: scale(0.66); | ||
265 | + transform: scale(0.66); | ||
266 | +} | ||
267 | +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { | ||
268 | + -webkit-transform: scale(0.33); | ||
269 | + -ms-transform: scale(0.33); | ||
270 | + transform: scale(0.33); | ||
271 | +} | ||
272 | +.swiper-pagination-bullet { | ||
273 | + width: 8px; | ||
274 | + height: 8px; | ||
275 | + display: inline-block; | ||
276 | + border-radius: 100%; | ||
277 | + background: #000; | ||
278 | + opacity: 0.2; | ||
279 | +} | ||
280 | +button.swiper-pagination-bullet { | ||
281 | + border: none; | ||
282 | + margin: 0; | ||
283 | + padding: 0; | ||
284 | + -webkit-box-shadow: none; | ||
285 | + box-shadow: none; | ||
286 | + -webkit-appearance: none; | ||
287 | + -moz-appearance: none; | ||
288 | + appearance: none; | ||
289 | +} | ||
290 | +.swiper-pagination-clickable .swiper-pagination-bullet { | ||
291 | + cursor: pointer; | ||
292 | +} | ||
293 | +.swiper-pagination-bullet-active { | ||
294 | + opacity: 1; | ||
295 | + background: #007aff; | ||
296 | +} | ||
297 | +.swiper-container-vertical > .swiper-pagination-bullets { | ||
298 | + right: 10px; | ||
299 | + top: 50%; | ||
300 | + -webkit-transform: translate3d(0px, -50%, 0); | ||
301 | + transform: translate3d(0px, -50%, 0); | ||
302 | +} | ||
303 | +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { | ||
304 | + margin: 6px 0; | ||
305 | + display: block; | ||
306 | +} | ||
307 | +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { | ||
308 | + top: 50%; | ||
309 | + -webkit-transform: translateY(-50%); | ||
310 | + -ms-transform: translateY(-50%); | ||
311 | + transform: translateY(-50%); | ||
312 | + width: 8px; | ||
313 | +} | ||
314 | +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | ||
315 | + display: inline-block; | ||
316 | + -webkit-transition: 200ms top, 200ms -webkit-transform; | ||
317 | + transition: 200ms top, 200ms -webkit-transform; | ||
318 | + -o-transition: 200ms transform, 200ms top; | ||
319 | + transition: 200ms transform, 200ms top; | ||
320 | + transition: 200ms transform, 200ms top, 200ms -webkit-transform; | ||
321 | +} | ||
322 | +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { | ||
323 | + margin: 0 4px; | ||
324 | +} | ||
325 | +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { | ||
326 | + left: 50%; | ||
327 | + -webkit-transform: translateX(-50%); | ||
328 | + -ms-transform: translateX(-50%); | ||
329 | + transform: translateX(-50%); | ||
330 | + white-space: nowrap; | ||
331 | +} | ||
332 | +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | ||
333 | + -webkit-transition: 200ms left, 200ms -webkit-transform; | ||
334 | + transition: 200ms left, 200ms -webkit-transform; | ||
335 | + -o-transition: 200ms transform, 200ms left; | ||
336 | + transition: 200ms transform, 200ms left; | ||
337 | + transition: 200ms transform, 200ms left, 200ms -webkit-transform; | ||
338 | +} | ||
339 | +.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { | ||
340 | + -webkit-transition: 200ms right, 200ms -webkit-transform; | ||
341 | + transition: 200ms right, 200ms -webkit-transform; | ||
342 | + -o-transition: 200ms transform, 200ms right; | ||
343 | + transition: 200ms transform, 200ms right; | ||
344 | + transition: 200ms transform, 200ms right, 200ms -webkit-transform; | ||
345 | +} | ||
346 | +/* Progress */ | ||
347 | +.swiper-pagination-progressbar { | ||
348 | + background: rgba(0, 0, 0, 0.25); | ||
349 | + position: absolute; | ||
350 | +} | ||
351 | +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { | ||
352 | + background: #007aff; | ||
353 | + position: absolute; | ||
354 | + left: 0; | ||
355 | + top: 0; | ||
356 | + width: 100%; | ||
357 | + height: 100%; | ||
358 | + -webkit-transform: scale(0); | ||
359 | + -ms-transform: scale(0); | ||
360 | + transform: scale(0); | ||
361 | + -webkit-transform-origin: left top; | ||
362 | + -ms-transform-origin: left top; | ||
363 | + transform-origin: left top; | ||
364 | +} | ||
365 | +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { | ||
366 | + -webkit-transform-origin: right top; | ||
367 | + -ms-transform-origin: right top; | ||
368 | + transform-origin: right top; | ||
369 | +} | ||
370 | +.swiper-container-horizontal > .swiper-pagination-progressbar, | ||
371 | +.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { | ||
372 | + width: 100%; | ||
373 | + height: 4px; | ||
374 | + left: 0; | ||
375 | + top: 0; | ||
376 | +} | ||
377 | +.swiper-container-vertical > .swiper-pagination-progressbar, | ||
378 | +.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { | ||
379 | + width: 4px; | ||
380 | + height: 100%; | ||
381 | + left: 0; | ||
382 | + top: 0; | ||
383 | +} | ||
384 | +.swiper-pagination-white .swiper-pagination-bullet-active { | ||
385 | + background: #ffffff; | ||
386 | +} | ||
387 | +.swiper-pagination-progressbar.swiper-pagination-white { | ||
388 | + background: rgba(255, 255, 255, 0.25); | ||
389 | +} | ||
390 | +.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { | ||
391 | + background: #ffffff; | ||
392 | +} | ||
393 | +.swiper-pagination-black .swiper-pagination-bullet-active { | ||
394 | + background: #000000; | ||
395 | +} | ||
396 | +.swiper-pagination-progressbar.swiper-pagination-black { | ||
397 | + background: rgba(0, 0, 0, 0.25); | ||
398 | +} | ||
399 | +.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { | ||
400 | + background: #000000; | ||
401 | +} | ||
402 | +.swiper-pagination-lock { | ||
403 | + display: none; | ||
404 | +} | ||
405 | +/* Scrollbar */ | ||
406 | +.swiper-scrollbar { | ||
407 | + border-radius: 10px; | ||
408 | + position: relative; | ||
409 | + -ms-touch-action: none; | ||
410 | + background: rgba(0, 0, 0, 0.1); | ||
411 | +} | ||
412 | +.swiper-container-horizontal > .swiper-scrollbar { | ||
413 | + position: absolute; | ||
414 | + left: 1%; | ||
415 | + bottom: 3px; | ||
416 | + z-index: 50; | ||
417 | + height: 5px; | ||
418 | + width: 98%; | ||
419 | +} | ||
420 | +.swiper-container-vertical > .swiper-scrollbar { | ||
421 | + position: absolute; | ||
422 | + right: 3px; | ||
423 | + top: 1%; | ||
424 | + z-index: 50; | ||
425 | + width: 5px; | ||
426 | + height: 98%; | ||
427 | +} | ||
428 | +.swiper-scrollbar-drag { | ||
429 | + height: 100%; | ||
430 | + width: 100%; | ||
431 | + position: relative; | ||
432 | + background: rgba(0, 0, 0, 0.5); | ||
433 | + border-radius: 10px; | ||
434 | + left: 0; | ||
435 | + top: 0; | ||
436 | +} | ||
437 | +.swiper-scrollbar-cursor-drag { | ||
438 | + cursor: move; | ||
439 | +} | ||
440 | +.swiper-scrollbar-lock { | ||
441 | + display: none; | ||
442 | +} | ||
443 | +.swiper-zoom-container { | ||
444 | + width: 100%; | ||
445 | + height: 100%; | ||
446 | + display: -webkit-box; | ||
447 | + display: -webkit-flex; | ||
448 | + display: -ms-flexbox; | ||
449 | + display: flex; | ||
450 | + -webkit-box-pack: center; | ||
451 | + -webkit-justify-content: center; | ||
452 | + -ms-flex-pack: center; | ||
453 | + justify-content: center; | ||
454 | + -webkit-box-align: center; | ||
455 | + -webkit-align-items: center; | ||
456 | + -ms-flex-align: center; | ||
457 | + align-items: center; | ||
458 | + text-align: center; | ||
459 | +} | ||
460 | +.swiper-zoom-container > img, | ||
461 | +.swiper-zoom-container > svg, | ||
462 | +.swiper-zoom-container > canvas { | ||
463 | + max-width: 100%; | ||
464 | + max-height: 100%; | ||
465 | + -o-object-fit: contain; | ||
466 | + object-fit: contain; | ||
467 | +} | ||
468 | +.swiper-slide-zoomed { | ||
469 | + cursor: move; | ||
470 | +} | ||
471 | +/* Preloader */ | ||
472 | +.swiper-lazy-preloader { | ||
473 | + width: 42px; | ||
474 | + height: 42px; | ||
475 | + position: absolute; | ||
476 | + left: 50%; | ||
477 | + top: 50%; | ||
478 | + margin-left: -21px; | ||
479 | + margin-top: -21px; | ||
480 | + z-index: 10; | ||
481 | + -webkit-transform-origin: 50%; | ||
482 | + -ms-transform-origin: 50%; | ||
483 | + transform-origin: 50%; | ||
484 | + -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; | ||
485 | + animation: swiper-preloader-spin 1s steps(12, end) infinite; | ||
486 | +} | ||
487 | +.swiper-lazy-preloader:after { | ||
488 | + display: block; | ||
489 | + content: ''; | ||
490 | + width: 100%; | ||
491 | + height: 100%; | ||
492 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
493 | + background-position: 50%; | ||
494 | + background-size: 100%; | ||
495 | + background-repeat: no-repeat; | ||
496 | +} | ||
497 | +.swiper-lazy-preloader-white:after { | ||
498 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
499 | +} | ||
500 | +@-webkit-keyframes swiper-preloader-spin { | ||
501 | + 100% { | ||
502 | + -webkit-transform: rotate(360deg); | ||
503 | + transform: rotate(360deg); | ||
504 | + } | ||
505 | +} | ||
506 | +@keyframes swiper-preloader-spin { | ||
507 | + 100% { | ||
508 | + -webkit-transform: rotate(360deg); | ||
509 | + transform: rotate(360deg); | ||
510 | + } | ||
511 | +} | ||
512 | +/* a11y */ | ||
513 | +.swiper-container .swiper-notification { | ||
514 | + position: absolute; | ||
515 | + left: 0; | ||
516 | + top: 0; | ||
517 | + pointer-events: none; | ||
518 | + opacity: 0; | ||
519 | + z-index: -1000; | ||
520 | +} | ||
521 | +.swiper-container-fade.swiper-container-free-mode .swiper-slide { | ||
522 | + -webkit-transition-timing-function: ease-out; | ||
523 | + -o-transition-timing-function: ease-out; | ||
524 | + transition-timing-function: ease-out; | ||
525 | +} | ||
526 | +.swiper-container-fade .swiper-slide { | ||
527 | + pointer-events: none; | ||
528 | + -webkit-transition-property: opacity; | ||
529 | + -o-transition-property: opacity; | ||
530 | + transition-property: opacity; | ||
531 | +} | ||
532 | +.swiper-container-fade .swiper-slide .swiper-slide { | ||
533 | + pointer-events: none; | ||
534 | +} | ||
535 | +.swiper-container-fade .swiper-slide-active, | ||
536 | +.swiper-container-fade .swiper-slide-active .swiper-slide-active { | ||
537 | + pointer-events: auto; | ||
538 | +} | ||
539 | +.swiper-container-cube { | ||
540 | + overflow: visible; | ||
541 | +} | ||
542 | +.swiper-container-cube .swiper-slide { | ||
543 | + pointer-events: none; | ||
544 | + -webkit-backface-visibility: hidden; | ||
545 | + backface-visibility: hidden; | ||
546 | + z-index: 1; | ||
547 | + visibility: hidden; | ||
548 | + -webkit-transform-origin: 0 0; | ||
549 | + -ms-transform-origin: 0 0; | ||
550 | + transform-origin: 0 0; | ||
551 | + width: 100%; | ||
552 | + height: 100%; | ||
553 | +} | ||
554 | +.swiper-container-cube .swiper-slide .swiper-slide { | ||
555 | + pointer-events: none; | ||
556 | +} | ||
557 | +.swiper-container-cube.swiper-container-rtl .swiper-slide { | ||
558 | + -webkit-transform-origin: 100% 0; | ||
559 | + -ms-transform-origin: 100% 0; | ||
560 | + transform-origin: 100% 0; | ||
561 | +} | ||
562 | +.swiper-container-cube .swiper-slide-active, | ||
563 | +.swiper-container-cube .swiper-slide-active .swiper-slide-active { | ||
564 | + pointer-events: auto; | ||
565 | +} | ||
566 | +.swiper-container-cube .swiper-slide-active, | ||
567 | +.swiper-container-cube .swiper-slide-next, | ||
568 | +.swiper-container-cube .swiper-slide-prev, | ||
569 | +.swiper-container-cube .swiper-slide-next + .swiper-slide { | ||
570 | + pointer-events: auto; | ||
571 | + visibility: visible; | ||
572 | +} | ||
573 | +.swiper-container-cube .swiper-slide-shadow-top, | ||
574 | +.swiper-container-cube .swiper-slide-shadow-bottom, | ||
575 | +.swiper-container-cube .swiper-slide-shadow-left, | ||
576 | +.swiper-container-cube .swiper-slide-shadow-right { | ||
577 | + z-index: 0; | ||
578 | + -webkit-backface-visibility: hidden; | ||
579 | + backface-visibility: hidden; | ||
580 | +} | ||
581 | +.swiper-container-cube .swiper-cube-shadow { | ||
582 | + position: absolute; | ||
583 | + left: 0; | ||
584 | + bottom: 0px; | ||
585 | + width: 100%; | ||
586 | + height: 100%; | ||
587 | + background: #000; | ||
588 | + opacity: 0.6; | ||
589 | + -webkit-filter: blur(50px); | ||
590 | + filter: blur(50px); | ||
591 | + z-index: 0; | ||
592 | +} | ||
593 | +.swiper-container-flip { | ||
594 | + overflow: visible; | ||
595 | +} | ||
596 | +.swiper-container-flip .swiper-slide { | ||
597 | + pointer-events: none; | ||
598 | + -webkit-backface-visibility: hidden; | ||
599 | + backface-visibility: hidden; | ||
600 | + z-index: 1; | ||
601 | +} | ||
602 | +.swiper-container-flip .swiper-slide .swiper-slide { | ||
603 | + pointer-events: none; | ||
604 | +} | ||
605 | +.swiper-container-flip .swiper-slide-active, | ||
606 | +.swiper-container-flip .swiper-slide-active .swiper-slide-active { | ||
607 | + pointer-events: auto; | ||
608 | +} | ||
609 | +.swiper-container-flip .swiper-slide-shadow-top, | ||
610 | +.swiper-container-flip .swiper-slide-shadow-bottom, | ||
611 | +.swiper-container-flip .swiper-slide-shadow-left, | ||
612 | +.swiper-container-flip .swiper-slide-shadow-right { | ||
613 | + z-index: 0; | ||
614 | + -webkit-backface-visibility: hidden; | ||
615 | + backface-visibility: hidden; | ||
616 | +} | ||
617 | +.swiper-container-coverflow .swiper-wrapper { | ||
618 | + /* Windows 8 IE 10 fix */ | ||
619 | + -ms-perspective: 1200px; | ||
620 | +} |
index.html
@@ -13,6 +13,7 @@ | @@ -13,6 +13,7 @@ | ||
13 | <link rel="stylesheet" href="css/common.css?v=1"> | 13 | <link rel="stylesheet" href="css/common.css?v=1"> |
14 | <link rel="stylesheet" href="css/index.css?a=1"> | 14 | <link rel="stylesheet" href="css/index.css?a=1"> |
15 | <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> | 15 | <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> |
16 | + <link rel="stylesheet" href="css/swiper.css?a=1"> | ||
16 | <script src="js/config.js"></script> | 17 | <script src="js/config.js"></script> |
17 | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> | 18 | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> |
18 | </head> | 19 | </head> |
@@ -31,18 +32,15 @@ | @@ -31,18 +32,15 @@ | ||
31 | </div> | 32 | </div> |
32 | </header> | 33 | </header> |
33 | <!--内容--> | 34 | <!--内容--> |
34 | -<div class="main-con clearfix"> | 35 | +<div class="main-con"> |
35 | 36 | ||
36 | - <ul class="silde-wrap" id="box"> | ||
37 | - <!-- | ||
38 | - <li class="parking-wrap" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html"></li> | ||
39 | - <li class="platform-wrap" data-link="http://zteits.gnway.cc:8021/cfgovcloud/pages/total.html"></li> | ||
40 | - <li class="api-wrap" data-link="http://www.rnting.com/api/index.html"></li> | ||
41 | - <li class="gprmxc-wrap" data-link="http://gprmxc.renniting.cn/home/home.html"></li> | ||
42 | - <li class="caruser-wrap" data-link="http://121.40.121.40:8070/v2.1/html/user_login.html"></li> | ||
43 | - --> | ||
44 | - </ul> | 37 | + <div class="swiper-container"> |
38 | + <div class="swiper-wrapper" id="box"> | ||
39 | + </div> | ||
40 | + <!-- Add Arrows --> | ||
45 | 41 | ||
42 | + </div> | ||
43 | + <!--</div>--> | ||
46 | </div> | 44 | </div> |
47 | <!--底部--> | 45 | <!--底部--> |
48 | <footer> | 46 | <footer> |
@@ -68,7 +66,7 @@ | @@ -68,7 +66,7 @@ | ||
68 | <script src="js/jquery.min.js"></script> | 66 | <script src="js/jquery.min.js"></script> |
69 | <script src="js/unit.js"></script> | 67 | <script src="js/unit.js"></script> |
70 | <script src="bootstrap/js/bootstrap.min.js"></script> | 68 | <script src="bootstrap/js/bootstrap.min.js"></script> |
71 | -<script src="js/slider.js"></script> | 69 | +<script src="js/swiper.js"></script> |
72 | <script type="text/javascript"> | 70 | <script type="text/javascript"> |
73 | document.write("<s" + "cript type='text/javascript' src='js/index.js?ver" + Math.random() + "'></s" + "cript>"); | 71 | document.write("<s" + "cript type='text/javascript' src='js/index.js?ver" + Math.random() + "'></s" + "cript>"); |
74 | </script> | 72 | </script> |
js/index.js
@@ -69,35 +69,35 @@ var fun={ | @@ -69,35 +69,35 @@ var fun={ | ||
69 | arrnewList.push(item) | 69 | arrnewList.push(item) |
70 | } | 70 | } |
71 | }) | 71 | }) |
72 | - console.log(arrlist) | 72 | + // console.log(arrlist) |
73 | var sysOpProList = arrlist.concat(arrnewList) | 73 | var sysOpProList = arrlist.concat(arrnewList) |
74 | console.log(sysOpProList) | 74 | console.log(sysOpProList) |
75 | for(var i=0;i<sysOpProList.length;i++){ | 75 | for(var i=0;i<sysOpProList.length;i++){ |
76 | if(sysOpProList[i].projectCode=='BUSINESS_PLATFORM'){ | 76 | if(sysOpProList[i].projectCode=='BUSINESS_PLATFORM'){ |
77 | 77 | ||
78 | - menuList+='<li class="parking-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | ||
79 | - imgList+='<li class="parking-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | 78 | + menuList+='<li class="parking-nav " data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
79 | + imgList+='<li class="parking-wrap swiper-slide" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | ||
80 | 80 | ||
81 | } | 81 | } |
82 | else if(sysOpProList[i].projectCode=='GOVERNMENT_PLATFORM'){ | 82 | else if(sysOpProList[i].projectCode=='GOVERNMENT_PLATFORM'){ |
83 | 83 | ||
84 | - menuList+='<li class="platform-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | ||
85 | - imgList+='<li class="platform-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | 84 | + menuList+='<li class="platform-nav " data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
85 | + imgList+='<li class="platform-wrap swiper-slide" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | ||
86 | } | 86 | } |
87 | else if(sysOpProList[i].projectCode=='INTERFACE_PLATFORM'){ | 87 | else if(sysOpProList[i].projectCode=='INTERFACE_PLATFORM'){ |
88 | 88 | ||
89 | - menuList+='<li class="api-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | ||
90 | - imgList+='<li class="api-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | 89 | + menuList+='<li class="api-nav " data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
90 | + imgList+='<li class="api-wrap swiper-slide" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | ||
91 | } | 91 | } |
92 | else if(sysOpProList[i].projectCode=='CAR_USER_PLATFORM'){ | 92 | else if(sysOpProList[i].projectCode=='CAR_USER_PLATFORM'){ |
93 | 93 | ||
94 | - menuList+='<li class="caruser-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | ||
95 | - imgList+='<li class="caruser-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | 94 | + menuList+='<li class="caruser-nav " data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
95 | + imgList+='<li class="caruser-wrap swiper-slide" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | ||
96 | } | 96 | } |
97 | else if(sysOpProList[i].projectCode=='BEIAN_PLATFORM'){ | 97 | else if(sysOpProList[i].projectCode=='BEIAN_PLATFORM'){ |
98 | 98 | ||
99 | - menuList+='<li class="gprmxc-nav" data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; | ||
100 | - imgList+='<li class="gprmxc-wrap" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | 99 | + menuList+='<li class="gprmxc-nav " data-slideindex="'+i+'">'+sysOpProList[i].projectName+'</li>'; |
100 | + imgList+='<li class="gprmxc-wrap swiper-slide" data-link="'+sysOpProList[i].projectUrl+'"><div class="guide-way">进入平台</div></li>'; | ||
101 | } | 101 | } |
102 | 102 | ||
103 | 103 | ||
@@ -132,24 +132,26 @@ $(document).on('click','#box li',function () { | @@ -132,24 +132,26 @@ $(document).on('click','#box li',function () { | ||
132 | } | 132 | } |
133 | window.open(link) | 133 | window.open(link) |
134 | }) | 134 | }) |
135 | -var $box = $('#box') | ||
136 | -$box.boxSlider({ | ||
137 | - speed: 1000 | ||
138 | - , autoScroll: false | ||
139 | - , timeout: 5000 | ||
140 | - , next: '#next' | ||
141 | - , prev: '#prev' | ||
142 | - , pause: '#pause' | ||
143 | - , effect: 'scrollHorz' | ||
144 | - , blindCount: 15 | ||
145 | - | ||
146 | -}); | ||
147 | - | ||
148 | -$('#controls').on('click', 'li', function (ev) { | ||
149 | - $('#controls li').removeClass('active'); | ||
150 | - console.log($(this).data('slideindex')); | ||
151 | - $box.boxSlider('showSlide', $(this).data('slideindex')); | ||
152 | - $(this).addClass('active'); | ||
153 | - //ev.preventDefault(); | ||
154 | -}); | 135 | + |
136 | + | ||
137 | + | ||
138 | +var tabsSwiper = new Swiper('.swiper-container',{ | ||
139 | + autoplay:false, | ||
140 | + speed:1000, | ||
141 | + | ||
142 | +}) | ||
143 | +$("#controls li").on('touchstart mousedown',function(e){ | ||
144 | + var that=$(this); | ||
145 | + // e.preventDefault() | ||
146 | + // $(".tabs .active").removeClass('active') | ||
147 | + // $(this).addClass('active') | ||
148 | + tabsSwiper.slideTo( that.index() ) | ||
149 | +}) | ||
150 | + | ||
151 | + | ||
152 | +$("controls li").click(function(e){ | ||
153 | + e.preventDefault() | ||
154 | +}) | ||
155 | + | ||
156 | + | ||
155 | 157 |
js/slider.js deleted
1 | -// JavaScript Document | ||
2 | -(function(i,f,r){var g={},s=!0,p={},u={speed:800,timeout:5E3,autoScroll:!1,pauseOnHover:!1,effect:"scrollVert3d",perspective:1E3};i.jqBoxSlider=g;g.init=function(a){var b=f.extend({},u,a),d=g.slideAnimator(b.effect);return this.each(function(){var a=f(this),h=a.children(),e=f.extend({},b);a.data("bssettings",e);e.slideAnimator=d;e.slideAnimator.initialize(a,h,e);v(a,e);if(e.autoScroll&&(e.autointv=setInterval(function(){n(a)},e.timeout+e.speed),e.pauseOnHover))a.on("hover",o)})};g.playPause=function(){return this.each(function(){o.call(f(this))})}; | ||
3 | - g.showSlide=function(a){a=parseInt(a,10);return this.each(function(){var b=f(this);q(b);n(b,a)})};g.registerAnimator=function(a,b){f.each(a.split(","),function(a,c){p[c]=b});b._cacheOriginalCSS=w;"function"===typeof b.configure&&b.configure(s,x)};g.slideAnimator=function(a){if("object"===typeof p[a])return p[a];throw Error("The slide animator for the "+a+" effect has not been registered");};g.option=function(a,b){return"undefined"===typeof b?(this.data("bssettings")||{})[a]:this.each(function(){var d= | ||
4 | - f(this),c=d.data("bssettings")||{};c[a]=b;q(d,c);"effect"===a?(c.slideAnimator.destroy(d,c),c.slideAnimator=g.slideAnimator(b),c._slideFilter=null,c.bsfaceindex=0,c.slideAnimator.initialize(d,d.children(),c)):"function"===typeof c.slideAnimator.reset&&c.slideAnimator.reset(d,c)})};g.destroy=function(){return this.each(function(){var a=f(this),b=(a.data()||{}).bssettings;b&&"object"===typeof b.slideAnimator&&(b.autointv&&clearInterval(b.autointv),b.slideAnimator.destroy(a,b))})};var v=function(a,b){var d= | ||
5 | - f();null!=b.next&&(d=d.add(f(b.next).on("click",{reverse:!1},t)));null!=b.prev&&(d=d.add(f(b.prev).on("click",{reverse:!0},t)));null!=b.pause&&(d=d.add(f(b.pause).on("click",y)));d.data("bsbox",a)},t=function(a){var b=f(this).data("bsbox");q(b);n(b,r,a.data.reverse);a.preventDefault()},y=function(a){var b=f(this),d=b.data("bsbox");o.call(d);b.toggleClass("paused");a.preventDefault()},o=function(a,b,d){var c=f(this);d||(d=c.data("bssettings"));if(null!=d.autointv||b)if(d.autointv=clearInterval(d.autointv), | ||
6 | - !b)return;d.autointv=setInterval(function(){n(c)},d.timeout+d.speed)},n=function(a,b,d){var c=a.data("bssettings"),h=a.children(),e,k,j,g;null!=c._slideFilter&&(h="function"===typeof c._slideFilter?h.filter(function(b){return c._slideFilter.call(h,b,c)}):h.filter(c.slideFilter));e=c.bsfaceindex||0;k=z(e,h.length,d,b);a.hasClass("jbs-in-motion")||-1===k||(j=h.eq(e),g=h.eq(k),a.addClass("jbs-in-motion"),"function"===typeof c.onbefore&&c.onbefore.call(a,j,g,e,k),f.extend(c,c.slideAnimator.transition(f.extend({$box:a, | ||
7 | - $slides:h,$currSlide:j,$nextSlide:g,reverse:d,currIndex:e,nextIndex:k},c))),setTimeout(function(){a.removeClass("jbs-in-motion");"function"===typeof c.onafter&&c.onafter.call(a,j,g,e,k)},c.speed),c.bsfaceindex=k)},q=function(a,b){b||(b=a.data("bssettings")||{});b.autoScroll&&o.call(a,r,!0,b)},z=function(a,b,d,c){null==c&&(c=d?0>a-1?b-1:a-1:a+1<b?a+1:0);return c===a||c>=b||0>c?-1:c},w=function(a,b,d,c){c="position top left display overflow width height".split(" ").concat(c||[]);d.origCSS||(d.origCSS= | ||
8 | - {});d.origCSS[b]||(d.origCSS[b]={});f.each(c,function(h,e){d.origCSS[b][e]=a.css(e)})},x=function(){var a=document.body.style,b="";"webkitTransition"in a&&(b="-webkit-");"MozTransition"in a&&(b="-moz-");s="webkitPerspective"in a||"MozPerspective"in a||"perspective"in a;return b}();f.fn.boxSlider=function(a){return"string"===typeof a&&"function"===typeof g[a]?g[a].apply(this,Array.prototype.slice.call(arguments,1)):g.init.apply(this,arguments)};i.jqBoxSlider.registerAnimator("blindDown,blindLeft", | ||
9 | - function(){var a=function(b,a){return this.get(b)!==a.$blinds.get(0)},b=function(b){return b.attr("src")||b.find("img").attr("src")},d=function(b){switch(b.effect){case "blindDown":return{top:"100%"};case "blindLeft":return{width:"0px"}}},c=function(a){var e={backgroundImage:"url("+b(a.$nextSlide)+")"};switch(a.effect){case "blindDown":e.top="0px";break;case "blindLeft":e.width=a.blindSize}return e};return{initialize:function(d,e,c){var j=f(document.createElement("div")),g=b(e.eq(0)),l,m=0;c.blindCount|| | ||
10 | - (c.blindCount=10);c.blindSpeed=c.speed;c.blindintv=c.speed/c.blindCount;c.speed+=c.blindintv*c.blindCount;c.blindSize=d.width()/c.blindCount;this._cacheOriginalCSS(d,"box",c);for(this._cacheOriginalCSS(e,"slides",c);m<c.blindCount;++m)l=m*c.blindSize,f(document.createElement("div")).css({position:"absolute",top:"0px",left:l+"px",width:c.blindSize+"px",height:"100%",backgroundImage:"url("+g+")",backgroundPosition:-l+"px 0px"}).appendTo(j);d.css("position","relative");d.css({height:e.css("height"), | ||
11 | - overflow:"hidden"});e.css({zIndex:1,position:"absolute",top:0,left:0});j.css({position:"absolute",top:"0px",left:"0px",width:"100%",height:"100%",zIndex:2}).appendTo(d);c.$blinds=j;c._slideFilter=a},transition:function(b){b.$box.height();var a=b.$blinds.children();b.$slides.hide();b.$nextSlide.show();a.each(function(a,c){(function(){var e=b.blindintv*a,g=f(c);setTimeout(function(){g.animate(d(b),b.blindSpeed)},e)})()});setTimeout(function(){a.css(c(b))},b.speed)},destroy:function(b,a){a.$blinds.remove(); | ||
12 | - b.css(a.origCSS.box);b.children().css(a.origCSS.slides);a.speed=a.blindSpeed;delete a.blindCount;delete a.blindSpeed;delete a.blindintv;delete a.$blinds;delete a.blindSize}}}());i.jqBoxSlider.registerAnimator("fade",function(){var a={initialize:function(b,d,c){a._cacheOriginalCSS(b,"box",c);a._cacheOriginalCSS(d,"slides",c);-1!=="static inherit".indexOf(b.css("position"))&&b.css("position","relative");b.css({height:d.eq(0).height(),overflow:"hidden"});d.css({position:"absolute",top:0,left:0}).filter(":gt(0)").hide()}, | ||
13 | - transition:function(b){b.$nextSlide.fadeIn(b.speed);b.$currSlide.fadeOut(b.speed)},destroy:function(b,a){b.children().css(a.origCSS.slides);b.css(a.origCSS.box)}};return a}());i.jqBoxSlider.registerAnimator("scrollVert3d,scrollHorz3d",function(){var a={},b=!1,d="";a.configure=function(a,c){b=a;d=c};a.initialize=function(c,e,f){var g=c.parent(),i=g.innerWidth(),l=g.innerHeight(),m={position:"absolute",top:0,left:0,width:i,height:l};a._cacheOriginalCSS(c,"box",f,[d+"transform",d+"transition",d+"transform-style"]); | ||
14 | - a._cacheOriginalCSS(e,"slides",f,[d+"transform"]);a._cacheOriginalCSS(e,"viewport",f,[d+"perspective"]);e.css(m);c.css(m);-1!=="static inherit".indexOf(g.css("position"))&&g.css("position","relative");b?(f.translateZ="scrollVert3d"===f.effect?l/2:i/2,f.bsangle=0,g.css(d+"perspective",f.perspective),g.css("overflow","visible"),c.css(d+"transform-style","preserve-3d"),c.css(d+"transform","translate3d(0, 0, -"+f.translateZ+"px)"),e.eq(0).css(d+"transform","rotate3d(0, 1, 0, 0deg) translate3d(0, 0, "+ | ||
15 | - f.translateZ+"px)"),setTimeout(function(){a.reset(c,f)},10)):e.filter(":gt(0)").hide()};a.reset=function(b,a){b.css(d+"transition",d+"transform "+(a.speed/1E3+"s"))};a.transition=function(a){var e=a.bsangle+(a.reverse?90:-90),f="scrollVert3d"===a.effect;if(b)return 0===e&&(e=a.reverse?360:-360),a.$currSlide.css("z-index",1),a.$slides.filter(function(b){return a.currIndex!==b}).css(d+"transform","none").css("display","none"),a.$nextSlide.css(d+"transform",c(e,f)+" translate3d(0, 0,"+a.translateZ+"px)").css({display:"block", | ||
16 | - zIndex:2}),a.$box.css(d+"transform","translate3d(0, 0, -"+a.translateZ+"px) rotate3d("+(f?"1, 0, 0, ":"0, 1, 0, ")+e+"deg)"),360===Math.abs(e)&&(a.$box.css(d+"transform","translate3d(0, 0, -"+a.translateZ+"px)"),e=0),{bsangle:e};a.$slides.filter(function(b){return a.currIndex!==b}).hide();a.$currSlide.fadeOut(a.speed);a.$nextSlide.fadeIn(a.speed)};a.destroy=function(a,b){var c=a.children(),d=a.parent();b.origCSS&&(a.css(b.origCSS.box),c.css(b.origCSS.slides),d.css(b.origCSS.viewport),delete b.bsangle, | ||
17 | - delete b.translateZ)};var c=function(a,b){switch(a){case 360:case -360:return"rotate3d(0, 1, 0, 0deg)";case 90:case -270:return"rotate3d("+(b?"1, 0, 0,":"0, 1, 0,")+" -90deg)";case 180:case -180:return"rotate3d("+(b?"1, 0, 0,":"0, 1, 0,")+" 180deg)";case 270:case -90:return"rotate3d("+(b?"1, 0, 0,":"0, 1, 0,")+" 90deg)"}};return a}());i.jqBoxSlider.registerAnimator("scrollVert,scrollHorz",function(){var a={initialize:function(b,d,c){var f=b.width(),e=d.eq(0).height();a._cacheOriginalCSS(b,"box",c); | ||
18 | - a._cacheOriginalCSS(d,"slides",c);-1!=="static inherit".indexOf(b.css("position"))&&b.css("position","relative");b.css({height:e,overflow:"hidden"});d.css({position:"absolute",top:0,left:0,width:f,height:e}).filter(":gt(0)").hide()},transition:function(a){var d=a.$box,c=a.reverse,g={},e={};"scrollVert"===a.effect?(e.top=(c?d.height():-d.height())+"px",g.top=-parseInt(e.top,10)+"px",d={top:"0px"}):(e.left=(c?d.width():-d.width())+"px",g.left=-parseInt(e.left,10)+"px",d={left:"0px"});a.$nextSlide.css(f.extend(e, | ||
19 | - {display:"block"})).animate(d,a.speed);a.$currSlide.animate(g,a.speed)},destroy:function(a,d){a.children().css(d.origCSS.slides);a.css(d.origCSS.box)}};return a}())})(window,jQuery||Zepto); |
js/swiper.js
0 → 100755
1 | +/** | ||
2 | + * Swiper 4.4.6 | ||
3 | + * Most modern mobile touch slider and framework with hardware accelerated transitions | ||
4 | + * http://www.idangero.us/swiper/ | ||
5 | + * | ||
6 | + * Copyright 2014-2018 Vladimir Kharlampidi | ||
7 | + * | ||
8 | + * Released under the MIT License | ||
9 | + * | ||
10 | + * Released on: December 19, 2018 | ||
11 | + */ | ||
12 | + | ||
13 | +(function (global, factory) { | ||
14 | + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : | ||
15 | + typeof define === 'function' && define.amd ? define(factory) : | ||
16 | + (global.Swiper = factory()); | ||
17 | +}(this, (function () { 'use strict'; | ||
18 | + | ||
19 | + /** | ||
20 | + * SSR Window 1.0.1 | ||
21 | + * Better handling for window object in SSR environment | ||
22 | + * https://github.com/nolimits4web/ssr-window | ||
23 | + * | ||
24 | + * Copyright 2018, Vladimir Kharlampidi | ||
25 | + * | ||
26 | + * Licensed under MIT | ||
27 | + * | ||
28 | + * Released on: July 18, 2018 | ||
29 | + */ | ||
30 | + var doc = (typeof document === 'undefined') ? { | ||
31 | + body: {}, | ||
32 | + addEventListener: function addEventListener() {}, | ||
33 | + removeEventListener: function removeEventListener() {}, | ||
34 | + activeElement: { | ||
35 | + blur: function blur() {}, | ||
36 | + nodeName: '', | ||
37 | + }, | ||
38 | + querySelector: function querySelector() { | ||
39 | + return null; | ||
40 | + }, | ||
41 | + querySelectorAll: function querySelectorAll() { | ||
42 | + return []; | ||
43 | + }, | ||
44 | + getElementById: function getElementById() { | ||
45 | + return null; | ||
46 | + }, | ||
47 | + createEvent: function createEvent() { | ||
48 | + return { | ||
49 | + initEvent: function initEvent() {}, | ||
50 | + }; | ||
51 | + }, | ||
52 | + createElement: function createElement() { | ||
53 | + return { | ||
54 | + children: [], | ||
55 | + childNodes: [], | ||
56 | + style: {}, | ||
57 | + setAttribute: function setAttribute() {}, | ||
58 | + getElementsByTagName: function getElementsByTagName() { | ||
59 | + return []; | ||
60 | + }, | ||
61 | + }; | ||
62 | + }, | ||
63 | + location: { hash: '' }, | ||
64 | + } : document; // eslint-disable-line | ||
65 | + | ||
66 | + var win = (typeof window === 'undefined') ? { | ||
67 | + document: doc, | ||
68 | + navigator: { | ||
69 | + userAgent: '', | ||
70 | + }, | ||
71 | + location: {}, | ||
72 | + history: {}, | ||
73 | + CustomEvent: function CustomEvent() { | ||
74 | + return this; | ||
75 | + }, | ||
76 | + addEventListener: function addEventListener() {}, | ||
77 | + removeEventListener: function removeEventListener() {}, | ||
78 | + getComputedStyle: function getComputedStyle() { | ||
79 | + return { | ||
80 | + getPropertyValue: function getPropertyValue() { | ||
81 | + return ''; | ||
82 | + }, | ||
83 | + }; | ||
84 | + }, | ||
85 | + Image: function Image() {}, | ||
86 | + Date: function Date() {}, | ||
87 | + screen: {}, | ||
88 | + setTimeout: function setTimeout() {}, | ||
89 | + clearTimeout: function clearTimeout() {}, | ||
90 | + } : window; // eslint-disable-line | ||
91 | + | ||
92 | + /** | ||
93 | + * Dom7 2.1.2 | ||
94 | + * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API | ||
95 | + * http://framework7.io/docs/dom.html | ||
96 | + * | ||
97 | + * Copyright 2018, Vladimir Kharlampidi | ||
98 | + * The iDangero.us | ||
99 | + * http://www.idangero.us/ | ||
100 | + * | ||
101 | + * Licensed under MIT | ||
102 | + * | ||
103 | + * Released on: September 13, 2018 | ||
104 | + */ | ||
105 | + | ||
106 | + var Dom7 = function Dom7(arr) { | ||
107 | + var self = this; | ||
108 | + // Create array-like object | ||
109 | + for (var i = 0; i < arr.length; i += 1) { | ||
110 | + self[i] = arr[i]; | ||
111 | + } | ||
112 | + self.length = arr.length; | ||
113 | + // Return collection with methods | ||
114 | + return this; | ||
115 | + }; | ||
116 | + | ||
117 | + function $(selector, context) { | ||
118 | + var arr = []; | ||
119 | + var i = 0; | ||
120 | + if (selector && !context) { | ||
121 | + if (selector instanceof Dom7) { | ||
122 | + return selector; | ||
123 | + } | ||
124 | + } | ||
125 | + if (selector) { | ||
126 | + // String | ||
127 | + if (typeof selector === 'string') { | ||
128 | + var els; | ||
129 | + var tempParent; | ||
130 | + var html = selector.trim(); | ||
131 | + if (html.indexOf('<') >= 0 && html.indexOf('>') >= 0) { | ||
132 | + var toCreate = 'div'; | ||
133 | + if (html.indexOf('<li') === 0) { toCreate = 'ul'; } | ||
134 | + if (html.indexOf('<tr') === 0) { toCreate = 'tbody'; } | ||
135 | + if (html.indexOf('<td') === 0 || html.indexOf('<th') === 0) { toCreate = 'tr'; } | ||
136 | + if (html.indexOf('<tbody') === 0) { toCreate = 'table'; } | ||
137 | + if (html.indexOf('<option') === 0) { toCreate = 'select'; } | ||
138 | + tempParent = doc.createElement(toCreate); | ||
139 | + tempParent.innerHTML = html; | ||
140 | + for (i = 0; i < tempParent.childNodes.length; i += 1) { | ||
141 | + arr.push(tempParent.childNodes[i]); | ||
142 | + } | ||
143 | + } else { | ||
144 | + if (!context && selector[0] === '#' && !selector.match(/[ .<>:~]/)) { | ||
145 | + // Pure ID selector | ||
146 | + els = [doc.getElementById(selector.trim().split('#')[1])]; | ||
147 | + } else { | ||
148 | + // Other selectors | ||
149 | + els = (context || doc).querySelectorAll(selector.trim()); | ||
150 | + } | ||
151 | + for (i = 0; i < els.length; i += 1) { | ||
152 | + if (els[i]) { arr.push(els[i]); } | ||
153 | + } | ||
154 | + } | ||
155 | + } else if (selector.nodeType || selector === win || selector === doc) { | ||
156 | + // Node/element | ||
157 | + arr.push(selector); | ||
158 | + } else if (selector.length > 0 && selector[0].nodeType) { | ||
159 | + // Array of elements or instance of Dom | ||
160 | + for (i = 0; i < selector.length; i += 1) { | ||
161 | + arr.push(selector[i]); | ||
162 | + } | ||
163 | + } | ||
164 | + } | ||
165 | + return new Dom7(arr); | ||
166 | + } | ||
167 | + | ||
168 | + $.fn = Dom7.prototype; | ||
169 | + $.Class = Dom7; | ||
170 | + $.Dom7 = Dom7; | ||
171 | + | ||
172 | + function unique(arr) { | ||
173 | + var uniqueArray = []; | ||
174 | + for (var i = 0; i < arr.length; i += 1) { | ||
175 | + if (uniqueArray.indexOf(arr[i]) === -1) { uniqueArray.push(arr[i]); } | ||
176 | + } | ||
177 | + return uniqueArray; | ||
178 | + } | ||
179 | + | ||
180 | + // Classes and attributes | ||
181 | + function addClass(className) { | ||
182 | + if (typeof className === 'undefined') { | ||
183 | + return this; | ||
184 | + } | ||
185 | + var classes = className.split(' '); | ||
186 | + for (var i = 0; i < classes.length; i += 1) { | ||
187 | + for (var j = 0; j < this.length; j += 1) { | ||
188 | + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.add(classes[i]); } | ||
189 | + } | ||
190 | + } | ||
191 | + return this; | ||
192 | + } | ||
193 | + function removeClass(className) { | ||
194 | + var classes = className.split(' '); | ||
195 | + for (var i = 0; i < classes.length; i += 1) { | ||
196 | + for (var j = 0; j < this.length; j += 1) { | ||
197 | + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.remove(classes[i]); } | ||
198 | + } | ||
199 | + } | ||
200 | + return this; | ||
201 | + } | ||
202 | + function hasClass(className) { | ||
203 | + if (!this[0]) { return false; } | ||
204 | + return this[0].classList.contains(className); | ||
205 | + } | ||
206 | + function toggleClass(className) { | ||
207 | + var classes = className.split(' '); | ||
208 | + for (var i = 0; i < classes.length; i += 1) { | ||
209 | + for (var j = 0; j < this.length; j += 1) { | ||
210 | + if (typeof this[j] !== 'undefined' && typeof this[j].classList !== 'undefined') { this[j].classList.toggle(classes[i]); } | ||
211 | + } | ||
212 | + } | ||
213 | + return this; | ||
214 | + } | ||
215 | + function attr(attrs, value) { | ||
216 | + var arguments$1 = arguments; | ||
217 | + | ||
218 | + if (arguments.length === 1 && typeof attrs === 'string') { | ||
219 | + // Get attr | ||
220 | + if (this[0]) { return this[0].getAttribute(attrs); } | ||
221 | + return undefined; | ||
222 | + } | ||
223 | + | ||
224 | + // Set attrs | ||
225 | + for (var i = 0; i < this.length; i += 1) { | ||
226 | + if (arguments$1.length === 2) { | ||
227 | + // String | ||
228 | + this[i].setAttribute(attrs, value); | ||
229 | + } else { | ||
230 | + // Object | ||
231 | + // eslint-disable-next-line | ||
232 | + for (var attrName in attrs) { | ||
233 | + this[i][attrName] = attrs[attrName]; | ||
234 | + this[i].setAttribute(attrName, attrs[attrName]); | ||
235 | + } | ||
236 | + } | ||
237 | + } | ||
238 | + return this; | ||
239 | + } | ||
240 | + // eslint-disable-next-line | ||
241 | + function removeAttr(attr) { | ||
242 | + for (var i = 0; i < this.length; i += 1) { | ||
243 | + this[i].removeAttribute(attr); | ||
244 | + } | ||
245 | + return this; | ||
246 | + } | ||
247 | + function data(key, value) { | ||
248 | + var el; | ||
249 | + if (typeof value === 'undefined') { | ||
250 | + el = this[0]; | ||
251 | + // Get value | ||
252 | + if (el) { | ||
253 | + if (el.dom7ElementDataStorage && (key in el.dom7ElementDataStorage)) { | ||
254 | + return el.dom7ElementDataStorage[key]; | ||
255 | + } | ||
256 | + | ||
257 | + var dataKey = el.getAttribute(("data-" + key)); | ||
258 | + if (dataKey) { | ||
259 | + return dataKey; | ||
260 | + } | ||
261 | + return undefined; | ||
262 | + } | ||
263 | + return undefined; | ||
264 | + } | ||
265 | + | ||
266 | + // Set value | ||
267 | + for (var i = 0; i < this.length; i += 1) { | ||
268 | + el = this[i]; | ||
269 | + if (!el.dom7ElementDataStorage) { el.dom7ElementDataStorage = {}; } | ||
270 | + el.dom7ElementDataStorage[key] = value; | ||
271 | + } | ||
272 | + return this; | ||
273 | + } | ||
274 | + // Transforms | ||
275 | + // eslint-disable-next-line | ||
276 | + function transform(transform) { | ||
277 | + for (var i = 0; i < this.length; i += 1) { | ||
278 | + var elStyle = this[i].style; | ||
279 | + elStyle.webkitTransform = transform; | ||
280 | + elStyle.transform = transform; | ||
281 | + } | ||
282 | + return this; | ||
283 | + } | ||
284 | + function transition(duration) { | ||
285 | + if (typeof duration !== 'string') { | ||
286 | + duration = duration + "ms"; // eslint-disable-line | ||
287 | + } | ||
288 | + for (var i = 0; i < this.length; i += 1) { | ||
289 | + var elStyle = this[i].style; | ||
290 | + elStyle.webkitTransitionDuration = duration; | ||
291 | + elStyle.transitionDuration = duration; | ||
292 | + } | ||
293 | + return this; | ||
294 | + } | ||
295 | + // Events | ||
296 | + function on() { | ||
297 | + var assign; | ||
298 | + | ||
299 | + var args = [], len = arguments.length; | ||
300 | + while ( len-- ) args[ len ] = arguments[ len ]; | ||
301 | + var eventType = args[0]; | ||
302 | + var targetSelector = args[1]; | ||
303 | + var listener = args[2]; | ||
304 | + var capture = args[3]; | ||
305 | + if (typeof args[1] === 'function') { | ||
306 | + (assign = args, eventType = assign[0], listener = assign[1], capture = assign[2]); | ||
307 | + targetSelector = undefined; | ||
308 | + } | ||
309 | + if (!capture) { capture = false; } | ||
310 | + | ||
311 | + function handleLiveEvent(e) { | ||
312 | + var target = e.target; | ||
313 | + if (!target) { return; } | ||
314 | + var eventData = e.target.dom7EventData || []; | ||
315 | + if (eventData.indexOf(e) < 0) { | ||
316 | + eventData.unshift(e); | ||
317 | + } | ||
318 | + if ($(target).is(targetSelector)) { listener.apply(target, eventData); } | ||
319 | + else { | ||
320 | + var parents = $(target).parents(); // eslint-disable-line | ||
321 | + for (var k = 0; k < parents.length; k += 1) { | ||
322 | + if ($(parents[k]).is(targetSelector)) { listener.apply(parents[k], eventData); } | ||
323 | + } | ||
324 | + } | ||
325 | + } | ||
326 | + function handleEvent(e) { | ||
327 | + var eventData = e && e.target ? e.target.dom7EventData || [] : []; | ||
328 | + if (eventData.indexOf(e) < 0) { | ||
329 | + eventData.unshift(e); | ||
330 | + } | ||
331 | + listener.apply(this, eventData); | ||
332 | + } | ||
333 | + var events = eventType.split(' '); | ||
334 | + var j; | ||
335 | + for (var i = 0; i < this.length; i += 1) { | ||
336 | + var el = this[i]; | ||
337 | + if (!targetSelector) { | ||
338 | + for (j = 0; j < events.length; j += 1) { | ||
339 | + var event = events[j]; | ||
340 | + if (!el.dom7Listeners) { el.dom7Listeners = {}; } | ||
341 | + if (!el.dom7Listeners[event]) { el.dom7Listeners[event] = []; } | ||
342 | + el.dom7Listeners[event].push({ | ||
343 | + listener: listener, | ||
344 | + proxyListener: handleEvent, | ||
345 | + }); | ||
346 | + el.addEventListener(event, handleEvent, capture); | ||
347 | + } | ||
348 | + } else { | ||
349 | + // Live events | ||
350 | + for (j = 0; j < events.length; j += 1) { | ||
351 | + var event$1 = events[j]; | ||
352 | + if (!el.dom7LiveListeners) { el.dom7LiveListeners = {}; } | ||
353 | + if (!el.dom7LiveListeners[event$1]) { el.dom7LiveListeners[event$1] = []; } | ||
354 | + el.dom7LiveListeners[event$1].push({ | ||
355 | + listener: listener, | ||
356 | + proxyListener: handleLiveEvent, | ||
357 | + }); | ||
358 | + el.addEventListener(event$1, handleLiveEvent, capture); | ||
359 | + } | ||
360 | + } | ||
361 | + } | ||
362 | + return this; | ||
363 | + } | ||
364 | + function off() { | ||
365 | + var assign; | ||
366 | + | ||
367 | + var args = [], len = arguments.length; | ||
368 | + while ( len-- ) args[ len ] = arguments[ len ]; | ||
369 | + var eventType = args[0]; | ||
370 | + var targetSelector = args[1]; | ||
371 | + var listener = args[2]; | ||
372 | + var capture = args[3]; | ||
373 | + if (typeof args[1] === 'function') { | ||
374 | + (assign = args, eventType = assign[0], listener = assign[1], capture = assign[2]); | ||
375 | + targetSelector = undefined; | ||
376 | + } | ||
377 | + if (!capture) { capture = false; } | ||
378 | + | ||
379 | + var events = eventType.split(' '); | ||
380 | + for (var i = 0; i < events.length; i += 1) { | ||
381 | + var event = events[i]; | ||
382 | + for (var j = 0; j < this.length; j += 1) { | ||
383 | + var el = this[j]; | ||
384 | + var handlers = (void 0); | ||
385 | + if (!targetSelector && el.dom7Listeners) { | ||
386 | + handlers = el.dom7Listeners[event]; | ||
387 | + } else if (targetSelector && el.dom7LiveListeners) { | ||
388 | + handlers = el.dom7LiveListeners[event]; | ||
389 | + } | ||
390 | + if (handlers && handlers.length) { | ||
391 | + for (var k = handlers.length - 1; k >= 0; k -= 1) { | ||
392 | + var handler = handlers[k]; | ||
393 | + if (listener && handler.listener === listener) { | ||
394 | + el.removeEventListener(event, handler.proxyListener, capture); | ||
395 | + handlers.splice(k, 1); | ||
396 | + } else if (!listener) { | ||
397 | + el.removeEventListener(event, handler.proxyListener, capture); | ||
398 | + handlers.splice(k, 1); | ||
399 | + } | ||
400 | + } | ||
401 | + } | ||
402 | + } | ||
403 | + } | ||
404 | + return this; | ||
405 | + } | ||
406 | + function trigger() { | ||
407 | + var args = [], len = arguments.length; | ||
408 | + while ( len-- ) args[ len ] = arguments[ len ]; | ||
409 | + | ||
410 | + var events = args[0].split(' '); | ||
411 | + var eventData = args[1]; | ||
412 | + for (var i = 0; i < events.length; i += 1) { | ||
413 | + var event = events[i]; | ||
414 | + for (var j = 0; j < this.length; j += 1) { | ||
415 | + var el = this[j]; | ||
416 | + var evt = (void 0); | ||
417 | + try { | ||
418 | + evt = new win.CustomEvent(event, { | ||
419 | + detail: eventData, | ||
420 | + bubbles: true, | ||
421 | + cancelable: true, | ||
422 | + }); | ||
423 | + } catch (e) { | ||
424 | + evt = doc.createEvent('Event'); | ||
425 | + evt.initEvent(event, true, true); | ||
426 | + evt.detail = eventData; | ||
427 | + } | ||
428 | + // eslint-disable-next-line | ||
429 | + el.dom7EventData = args.filter(function (data, dataIndex) { return dataIndex > 0; }); | ||
430 | + el.dispatchEvent(evt); | ||
431 | + el.dom7EventData = []; | ||
432 | + delete el.dom7EventData; | ||
433 | + } | ||
434 | + } | ||
435 | + return this; | ||
436 | + } | ||
437 | + function transitionEnd(callback) { | ||
438 | + var events = ['webkitTransitionEnd', 'transitionend']; | ||
439 | + var dom = this; | ||
440 | + var i; | ||
441 | + function fireCallBack(e) { | ||
442 | + /* jshint validthis:true */ | ||
443 | + if (e.target !== this) { return; } | ||
444 | + callback.call(this, e); | ||
445 | + for (i = 0; i < events.length; i += 1) { | ||
446 | + dom.off(events[i], fireCallBack); | ||
447 | + } | ||
448 | + } | ||
449 | + if (callback) { | ||
450 | + for (i = 0; i < events.length; i += 1) { | ||
451 | + dom.on(events[i], fireCallBack); | ||
452 | + } | ||
453 | + } | ||
454 | + return this; | ||
455 | + } | ||
456 | + function outerWidth(includeMargins) { | ||
457 | + if (this.length > 0) { | ||
458 | + if (includeMargins) { | ||
459 | + // eslint-disable-next-line | ||
460 | + var styles = this.styles(); | ||
461 | + return this[0].offsetWidth + parseFloat(styles.getPropertyValue('margin-right')) + parseFloat(styles.getPropertyValue('margin-left')); | ||
462 | + } | ||
463 | + return this[0].offsetWidth; | ||
464 | + } | ||
465 | + return null; | ||
466 | + } | ||
467 | + function outerHeight(includeMargins) { | ||
468 | + if (this.length > 0) { | ||
469 | + if (includeMargins) { | ||
470 | + // eslint-disable-next-line | ||
471 | + var styles = this.styles(); | ||
472 | + return this[0].offsetHeight + parseFloat(styles.getPropertyValue('margin-top')) + parseFloat(styles.getPropertyValue('margin-bottom')); | ||
473 | + } | ||
474 | + return this[0].offsetHeight; | ||
475 | + } | ||
476 | + return null; | ||
477 | + } | ||
478 | + function offset() { | ||
479 | + if (this.length > 0) { | ||
480 | + var el = this[0]; | ||
481 | + var box = el.getBoundingClientRect(); | ||
482 | + var body = doc.body; | ||
483 | + var clientTop = el.clientTop || body.clientTop || 0; | ||
484 | + var clientLeft = el.clientLeft || body.clientLeft || 0; | ||
485 | + var scrollTop = el === win ? win.scrollY : el.scrollTop; | ||
486 | + var scrollLeft = el === win ? win.scrollX : el.scrollLeft; | ||
487 | + return { | ||
488 | + top: (box.top + scrollTop) - clientTop, | ||
489 | + left: (box.left + scrollLeft) - clientLeft, | ||
490 | + }; | ||
491 | + } | ||
492 | + | ||
493 | + return null; | ||
494 | + } | ||
495 | + function styles() { | ||
496 | + if (this[0]) { return win.getComputedStyle(this[0], null); } | ||
497 | + return {}; | ||
498 | + } | ||
499 | + function css(props, value) { | ||
500 | + var i; | ||
501 | + if (arguments.length === 1) { | ||
502 | + if (typeof props === 'string') { | ||
503 | + if (this[0]) { return win.getComputedStyle(this[0], null).getPropertyValue(props); } | ||
504 | + } else { | ||
505 | + for (i = 0; i < this.length; i += 1) { | ||
506 | + // eslint-disable-next-line | ||
507 | + for (var prop in props) { | ||
508 | + this[i].style[prop] = props[prop]; | ||
509 | + } | ||
510 | + } | ||
511 | + return this; | ||
512 | + } | ||
513 | + } | ||
514 | + if (arguments.length === 2 && typeof props === 'string') { | ||
515 | + for (i = 0; i < this.length; i += 1) { | ||
516 | + this[i].style[props] = value; | ||
517 | + } | ||
518 | + return this; | ||
519 | + } | ||
520 | + return this; | ||
521 | + } | ||
522 | + // Iterate over the collection passing elements to `callback` | ||
523 | + function each(callback) { | ||
524 | + // Don't bother continuing without a callback | ||
525 | + if (!callback) { return this; } | ||
526 | + // Iterate over the current collection | ||
527 | + for (var i = 0; i < this.length; i += 1) { | ||
528 | + // If the callback returns false | ||
529 | + if (callback.call(this[i], i, this[i]) === false) { | ||
530 | + // End the loop early | ||
531 | + return this; | ||
532 | + } | ||
533 | + } | ||
534 | + // Return `this` to allow chained DOM operations | ||
535 | + return this; | ||
536 | + } | ||
537 | + // eslint-disable-next-line | ||
538 | + function html(html) { | ||
539 | + if (typeof html === 'undefined') { | ||
540 | + return this[0] ? this[0].innerHTML : undefined; | ||
541 | + } | ||
542 | + | ||
543 | + for (var i = 0; i < this.length; i += 1) { | ||
544 | + this[i].innerHTML = html; | ||
545 | + } | ||
546 | + return this; | ||
547 | + } | ||
548 | + // eslint-disable-next-line | ||
549 | + function text(text) { | ||
550 | + if (typeof text === 'undefined') { | ||
551 | + if (this[0]) { | ||
552 | + return this[0].textContent.trim(); | ||
553 | + } | ||
554 | + return null; | ||
555 | + } | ||
556 | + | ||
557 | + for (var i = 0; i < this.length; i += 1) { | ||
558 | + this[i].textContent = text; | ||
559 | + } | ||
560 | + return this; | ||
561 | + } | ||
562 | + function is(selector) { | ||
563 | + var el = this[0]; | ||
564 | + var compareWith; | ||
565 | + var i; | ||
566 | + if (!el || typeof selector === 'undefined') { return false; } | ||
567 | + if (typeof selector === 'string') { | ||
568 | + if (el.matches) { return el.matches(selector); } | ||
569 | + else if (el.webkitMatchesSelector) { return el.webkitMatchesSelector(selector); } | ||
570 | + else if (el.msMatchesSelector) { return el.msMatchesSelector(selector); } | ||
571 | + | ||
572 | + compareWith = $(selector); | ||
573 | + for (i = 0; i < compareWith.length; i += 1) { | ||
574 | + if (compareWith[i] === el) { return true; } | ||
575 | + } | ||
576 | + return false; | ||
577 | + } else if (selector === doc) { return el === doc; } | ||
578 | + else if (selector === win) { return el === win; } | ||
579 | + | ||
580 | + if (selector.nodeType || selector instanceof Dom7) { | ||
581 | + compareWith = selector.nodeType ? [selector] : selector; | ||
582 | + for (i = 0; i < compareWith.length; i += 1) { | ||
583 | + if (compareWith[i] === el) { return true; } | ||
584 | + } | ||
585 | + return false; | ||
586 | + } | ||
587 | + return false; | ||
588 | + } | ||
589 | + function index() { | ||
590 | + var child = this[0]; | ||
591 | + var i; | ||
592 | + if (child) { | ||
593 | + i = 0; | ||
594 | + // eslint-disable-next-line | ||
595 | + while ((child = child.previousSibling) !== null) { | ||
596 | + if (child.nodeType === 1) { i += 1; } | ||
597 | + } | ||
598 | + return i; | ||
599 | + } | ||
600 | + return undefined; | ||
601 | + } | ||
602 | + // eslint-disable-next-line | ||
603 | + function eq(index) { | ||
604 | + if (typeof index === 'undefined') { return this; } | ||
605 | + var length = this.length; | ||
606 | + var returnIndex; | ||
607 | + if (index > length - 1) { | ||
608 | + return new Dom7([]); | ||
609 | + } | ||
610 | + if (index < 0) { | ||
611 | + returnIndex = length + index; | ||
612 | + if (returnIndex < 0) { return new Dom7([]); } | ||
613 | + return new Dom7([this[returnIndex]]); | ||
614 | + } | ||
615 | + return new Dom7([this[index]]); | ||
616 | + } | ||
617 | + function append() { | ||
618 | + var args = [], len = arguments.length; | ||
619 | + while ( len-- ) args[ len ] = arguments[ len ]; | ||
620 | + | ||
621 | + var newChild; | ||
622 | + | ||
623 | + for (var k = 0; k < args.length; k += 1) { | ||
624 | + newChild = args[k]; | ||
625 | + for (var i = 0; i < this.length; i += 1) { | ||
626 | + if (typeof newChild === 'string') { | ||
627 | + var tempDiv = doc.createElement('div'); | ||
628 | + tempDiv.innerHTML = newChild; | ||
629 | + while (tempDiv.firstChild) { | ||
630 | + this[i].appendChild(tempDiv.firstChild); | ||
631 | + } | ||
632 | + } else if (newChild instanceof Dom7) { | ||
633 | + for (var j = 0; j < newChild.length; j += 1) { | ||
634 | + this[i].appendChild(newChild[j]); | ||
635 | + } | ||
636 | + } else { | ||
637 | + this[i].appendChild(newChild); | ||
638 | + } | ||
639 | + } | ||
640 | + } | ||
641 | + | ||
642 | + return this; | ||
643 | + } | ||
644 | + function prepend(newChild) { | ||
645 | + var i; | ||
646 | + var j; | ||
647 | + for (i = 0; i < this.length; i += 1) { | ||
648 | + if (typeof newChild === 'string') { | ||
649 | + var tempDiv = doc.createElement('div'); | ||
650 | + tempDiv.innerHTML = newChild; | ||
651 | + for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) { | ||
652 | + this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]); | ||
653 | + } | ||
654 | + } else if (newChild instanceof Dom7) { | ||
655 | + for (j = 0; j < newChild.length; j += 1) { | ||
656 | + this[i].insertBefore(newChild[j], this[i].childNodes[0]); | ||
657 | + } | ||
658 | + } else { | ||
659 | + this[i].insertBefore(newChild, this[i].childNodes[0]); | ||
660 | + } | ||
661 | + } | ||
662 | + return this; | ||
663 | + } | ||
664 | + function next(selector) { | ||
665 | + if (this.length > 0) { | ||
666 | + if (selector) { | ||
667 | + if (this[0].nextElementSibling && $(this[0].nextElementSibling).is(selector)) { | ||
668 | + return new Dom7([this[0].nextElementSibling]); | ||
669 | + } | ||
670 | + return new Dom7([]); | ||
671 | + } | ||
672 | + | ||
673 | + if (this[0].nextElementSibling) { return new Dom7([this[0].nextElementSibling]); } | ||
674 | + return new Dom7([]); | ||
675 | + } | ||
676 | + return new Dom7([]); | ||
677 | + } | ||
678 | + function nextAll(selector) { | ||
679 | + var nextEls = []; | ||
680 | + var el = this[0]; | ||
681 | + if (!el) { return new Dom7([]); } | ||
682 | + while (el.nextElementSibling) { | ||
683 | + var next = el.nextElementSibling; // eslint-disable-line | ||
684 | + if (selector) { | ||
685 | + if ($(next).is(selector)) { nextEls.push(next); } | ||
686 | + } else { nextEls.push(next); } | ||
687 | + el = next; | ||
688 | + } | ||
689 | + return new Dom7(nextEls); | ||
690 | + } | ||
691 | + function prev(selector) { | ||
692 | + if (this.length > 0) { | ||
693 | + var el = this[0]; | ||
694 | + if (selector) { | ||
695 | + if (el.previousElementSibling && $(el.previousElementSibling).is(selector)) { | ||
696 | + return new Dom7([el.previousElementSibling]); | ||
697 | + } | ||
698 | + return new Dom7([]); | ||
699 | + } | ||
700 | + | ||
701 | + if (el.previousElementSibling) { return new Dom7([el.previousElementSibling]); } | ||
702 | + return new Dom7([]); | ||
703 | + } | ||
704 | + return new Dom7([]); | ||
705 | + } | ||
706 | + function prevAll(selector) { | ||
707 | + var prevEls = []; | ||
708 | + var el = this[0]; | ||
709 | + if (!el) { return new Dom7([]); } | ||
710 | + while (el.previousElementSibling) { | ||
711 | + var prev = el.previousElementSibling; // eslint-disable-line | ||
712 | + if (selector) { | ||
713 | + if ($(prev).is(selector)) { prevEls.push(prev); } | ||
714 | + } else { prevEls.push(prev); } | ||
715 | + el = prev; | ||
716 | + } | ||
717 | + return new Dom7(prevEls); | ||
718 | + } | ||
719 | + function parent(selector) { | ||
720 | + var parents = []; // eslint-disable-line | ||
721 | + for (var i = 0; i < this.length; i += 1) { | ||
722 | + if (this[i].parentNode !== null) { | ||
723 | + if (selector) { | ||
724 | + if ($(this[i].parentNode).is(selector)) { parents.push(this[i].parentNode); } | ||
725 | + } else { | ||
726 | + parents.push(this[i].parentNode); | ||
727 | + } | ||
728 | + } | ||
729 | + } | ||
730 | + return $(unique(parents)); | ||
731 | + } | ||
732 | + function parents(selector) { | ||
733 | + var parents = []; // eslint-disable-line | ||
734 | + for (var i = 0; i < this.length; i += 1) { | ||
735 | + var parent = this[i].parentNode; // eslint-disable-line | ||
736 | + while (parent) { | ||
737 | + if (selector) { | ||
738 | + if ($(parent).is(selector)) { parents.push(parent); } | ||
739 | + } else { | ||
740 | + parents.push(parent); | ||
741 | + } | ||
742 | + parent = parent.parentNode; | ||
743 | + } | ||
744 | + } | ||
745 | + return $(unique(parents)); | ||
746 | + } | ||
747 | + function closest(selector) { | ||
748 | + var closest = this; // eslint-disable-line | ||
749 | + if (typeof selector === 'undefined') { | ||
750 | + return new Dom7([]); | ||
751 | + } | ||
752 | + if (!closest.is(selector)) { | ||
753 | + closest = closest.parents(selector).eq(0); | ||
754 | + } | ||
755 | + return closest; | ||
756 | + } | ||
757 | + function find(selector) { | ||
758 | + var foundElements = []; | ||
759 | + for (var i = 0; i < this.length; i += 1) { | ||
760 | + var found = this[i].querySelectorAll(selector); | ||
761 | + for (var j = 0; j < found.length; j += 1) { | ||
762 | + foundElements.push(found[j]); | ||
763 | + } | ||
764 | + } | ||
765 | + return new Dom7(foundElements); | ||
766 | + } | ||
767 | + function children(selector) { | ||
768 | + var children = []; // eslint-disable-line | ||
769 | + for (var i = 0; i < this.length; i += 1) { | ||
770 | + var childNodes = this[i].childNodes; | ||
771 | + | ||
772 | + for (var j = 0; j < childNodes.length; j += 1) { | ||
773 | + if (!selector) { | ||
774 | + if (childNodes[j].nodeType === 1) { children.push(childNodes[j]); } | ||
775 | + } else if (childNodes[j].nodeType === 1 && $(childNodes[j]).is(selector)) { | ||
776 | + children.push(childNodes[j]); | ||
777 | + } | ||
778 | + } | ||
779 | + } | ||
780 | + return new Dom7(unique(children)); | ||
781 | + } | ||
782 | + function remove() { | ||
783 | + for (var i = 0; i < this.length; i += 1) { | ||
784 | + if (this[i].parentNode) { this[i].parentNode.removeChild(this[i]); } | ||
785 | + } | ||
786 | + return this; | ||
787 | + } | ||
788 | + function add() { | ||
789 | + var args = [], len = arguments.length; | ||
790 | + while ( len-- ) args[ len ] = arguments[ len ]; | ||
791 | + | ||
792 | + var dom = this; | ||
793 | + var i; | ||
794 | + var j; | ||
795 | + for (i = 0; i < args.length; i += 1) { | ||
796 | + var toAdd = $(args[i]); | ||
797 | + for (j = 0; j < toAdd.length; j += 1) { | ||
798 | + dom[dom.length] = toAdd[j]; | ||
799 | + dom.length += 1; | ||
800 | + } | ||
801 | + } | ||
802 | + return dom; | ||
803 | + } | ||
804 | + | ||
805 | + var Methods = { | ||
806 | + addClass: addClass, | ||
807 | + removeClass: removeClass, | ||
808 | + hasClass: hasClass, | ||
809 | + toggleClass: toggleClass, | ||
810 | + attr: attr, | ||
811 | + removeAttr: removeAttr, | ||
812 | + data: data, | ||
813 | + transform: transform, | ||
814 | + transition: transition, | ||
815 | + on: on, | ||
816 | + off: off, | ||
817 | + trigger: trigger, | ||
818 | + transitionEnd: transitionEnd, | ||
819 | + outerWidth: outerWidth, | ||
820 | + outerHeight: outerHeight, | ||
821 | + offset: offset, | ||
822 | + css: css, | ||
823 | + each: each, | ||
824 | + html: html, | ||
825 | + text: text, | ||
826 | + is: is, | ||
827 | + index: index, | ||
828 | + eq: eq, | ||
829 | + append: append, | ||
830 | + prepend: prepend, | ||
831 | + next: next, | ||
832 | + nextAll: nextAll, | ||
833 | + prev: prev, | ||
834 | + prevAll: prevAll, | ||
835 | + parent: parent, | ||
836 | + parents: parents, | ||
837 | + closest: closest, | ||
838 | + find: find, | ||
839 | + children: children, | ||
840 | + remove: remove, | ||
841 | + add: add, | ||
842 | + styles: styles, | ||
843 | + }; | ||
844 | + | ||
845 | + Object.keys(Methods).forEach(function (methodName) { | ||
846 | + $.fn[methodName] = Methods[methodName]; | ||
847 | + }); | ||
848 | + | ||
849 | + var Utils = { | ||
850 | + deleteProps: function deleteProps(obj) { | ||
851 | + var object = obj; | ||
852 | + Object.keys(object).forEach(function (key) { | ||
853 | + try { | ||
854 | + object[key] = null; | ||
855 | + } catch (e) { | ||
856 | + // no getter for object | ||
857 | + } | ||
858 | + try { | ||
859 | + delete object[key]; | ||
860 | + } catch (e) { | ||
861 | + // something got wrong | ||
862 | + } | ||
863 | + }); | ||
864 | + }, | ||
865 | + nextTick: function nextTick(callback, delay) { | ||
866 | + if ( delay === void 0 ) delay = 0; | ||
867 | + | ||
868 | + return setTimeout(callback, delay); | ||
869 | + }, | ||
870 | + now: function now() { | ||
871 | + return Date.now(); | ||
872 | + }, | ||
873 | + getTranslate: function getTranslate(el, axis) { | ||
874 | + if ( axis === void 0 ) axis = 'x'; | ||
875 | + | ||
876 | + var matrix; | ||
877 | + var curTransform; | ||
878 | + var transformMatrix; | ||
879 | + | ||
880 | + var curStyle = win.getComputedStyle(el, null); | ||
881 | + | ||
882 | + if (win.WebKitCSSMatrix) { | ||
883 | + curTransform = curStyle.transform || curStyle.webkitTransform; | ||
884 | + if (curTransform.split(',').length > 6) { | ||
885 | + curTransform = curTransform.split(', ').map(function (a) { return a.replace(',', '.'); }).join(', '); | ||
886 | + } | ||
887 | + // Some old versions of Webkit choke when 'none' is passed; pass | ||
888 | + // empty string instead in this case | ||
889 | + transformMatrix = new win.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform); | ||
890 | + } else { | ||
891 | + transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,'); | ||
892 | + matrix = transformMatrix.toString().split(','); | ||
893 | + } | ||
894 | + | ||
895 | + if (axis === 'x') { | ||
896 | + // Latest Chrome and webkits Fix | ||
897 | + if (win.WebKitCSSMatrix) { curTransform = transformMatrix.m41; } | ||
898 | + // Crazy IE10 Matrix | ||
899 | + else if (matrix.length === 16) { curTransform = parseFloat(matrix[12]); } | ||
900 | + // Normal Browsers | ||
901 | + else { curTransform = parseFloat(matrix[4]); } | ||
902 | + } | ||
903 | + if (axis === 'y') { | ||
904 | + // Latest Chrome and webkits Fix | ||
905 | + if (win.WebKitCSSMatrix) { curTransform = transformMatrix.m42; } | ||
906 | + // Crazy IE10 Matrix | ||
907 | + else if (matrix.length === 16) { curTransform = parseFloat(matrix[13]); } | ||
908 | + // Normal Browsers | ||
909 | + else { curTransform = parseFloat(matrix[5]); } | ||
910 | + } | ||
911 | + return curTransform || 0; | ||
912 | + }, | ||
913 | + parseUrlQuery: function parseUrlQuery(url) { | ||
914 | + var query = {}; | ||
915 | + var urlToParse = url || win.location.href; | ||
916 | + var i; | ||
917 | + var params; | ||
918 | + var param; | ||
919 | + var length; | ||
920 | + if (typeof urlToParse === 'string' && urlToParse.length) { | ||
921 | + urlToParse = urlToParse.indexOf('?') > -1 ? urlToParse.replace(/\S*\?/, '') : ''; | ||
922 | + params = urlToParse.split('&').filter(function (paramsPart) { return paramsPart !== ''; }); | ||
923 | + length = params.length; | ||
924 | + | ||
925 | + for (i = 0; i < length; i += 1) { | ||
926 | + param = params[i].replace(/#\S+/g, '').split('='); | ||
927 | + query[decodeURIComponent(param[0])] = typeof param[1] === 'undefined' ? undefined : decodeURIComponent(param[1]) || ''; | ||
928 | + } | ||
929 | + } | ||
930 | + return query; | ||
931 | + }, | ||
932 | + isObject: function isObject(o) { | ||
933 | + return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object; | ||
934 | + }, | ||
935 | + extend: function extend() { | ||
936 | + var args = [], len$1 = arguments.length; | ||
937 | + while ( len$1-- ) args[ len$1 ] = arguments[ len$1 ]; | ||
938 | + | ||
939 | + var to = Object(args[0]); | ||
940 | + for (var i = 1; i < args.length; i += 1) { | ||
941 | + var nextSource = args[i]; | ||
942 | + if (nextSource !== undefined && nextSource !== null) { | ||
943 | + var keysArray = Object.keys(Object(nextSource)); | ||
944 | + for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) { | ||
945 | + var nextKey = keysArray[nextIndex]; | ||
946 | + var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); | ||
947 | + if (desc !== undefined && desc.enumerable) { | ||
948 | + if (Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) { | ||
949 | + Utils.extend(to[nextKey], nextSource[nextKey]); | ||
950 | + } else if (!Utils.isObject(to[nextKey]) && Utils.isObject(nextSource[nextKey])) { | ||
951 | + to[nextKey] = {}; | ||
952 | + Utils.extend(to[nextKey], nextSource[nextKey]); | ||
953 | + } else { | ||
954 | + to[nextKey] = nextSource[nextKey]; | ||
955 | + } | ||
956 | + } | ||
957 | + } | ||
958 | + } | ||
959 | + } | ||
960 | + return to; | ||
961 | + }, | ||
962 | + }; | ||
963 | + | ||
964 | + var Support = (function Support() { | ||
965 | + var testDiv = doc.createElement('div'); | ||
966 | + return { | ||
967 | + touch: (win.Modernizr && win.Modernizr.touch === true) || (function checkTouch() { | ||
968 | + return !!((win.navigator.maxTouchPoints > 0) || ('ontouchstart' in win) || (win.DocumentTouch && doc instanceof win.DocumentTouch)); | ||
969 | + }()), | ||
970 | + | ||
971 | + pointerEvents: !!(win.navigator.pointerEnabled || win.PointerEvent || ('maxTouchPoints' in win.navigator)), | ||
972 | + prefixedPointerEvents: !!win.navigator.msPointerEnabled, | ||
973 | + | ||
974 | + transition: (function checkTransition() { | ||
975 | + var style = testDiv.style; | ||
976 | + return ('transition' in style || 'webkitTransition' in style || 'MozTransition' in style); | ||
977 | + }()), | ||
978 | + transforms3d: (win.Modernizr && win.Modernizr.csstransforms3d === true) || (function checkTransforms3d() { | ||
979 | + var style = testDiv.style; | ||
980 | + return ('webkitPerspective' in style || 'MozPerspective' in style || 'OPerspective' in style || 'MsPerspective' in style || 'perspective' in style); | ||
981 | + }()), | ||
982 | + | ||
983 | + flexbox: (function checkFlexbox() { | ||
984 | + var style = testDiv.style; | ||
985 | + var styles = ('alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient').split(' '); | ||
986 | + for (var i = 0; i < styles.length; i += 1) { | ||
987 | + if (styles[i] in style) { return true; } | ||
988 | + } | ||
989 | + return false; | ||
990 | + }()), | ||
991 | + | ||
992 | + observer: (function checkObserver() { | ||
993 | + return ('MutationObserver' in win || 'WebkitMutationObserver' in win); | ||
994 | + }()), | ||
995 | + | ||
996 | + passiveListener: (function checkPassiveListener() { | ||
997 | + var supportsPassive = false; | ||
998 | + try { | ||
999 | + var opts = Object.defineProperty({}, 'passive', { | ||
1000 | + // eslint-disable-next-line | ||
1001 | + get: function get() { | ||
1002 | + supportsPassive = true; | ||
1003 | + }, | ||
1004 | + }); | ||
1005 | + win.addEventListener('testPassiveListener', null, opts); | ||
1006 | + } catch (e) { | ||
1007 | + // No support | ||
1008 | + } | ||
1009 | + return supportsPassive; | ||
1010 | + }()), | ||
1011 | + | ||
1012 | + gestures: (function checkGestures() { | ||
1013 | + return 'ongesturestart' in win; | ||
1014 | + }()), | ||
1015 | + }; | ||
1016 | + }()); | ||
1017 | + | ||
1018 | + var SwiperClass = function SwiperClass(params) { | ||
1019 | + if ( params === void 0 ) params = {}; | ||
1020 | + | ||
1021 | + var self = this; | ||
1022 | + self.params = params; | ||
1023 | + | ||
1024 | + // Events | ||
1025 | + self.eventsListeners = {}; | ||
1026 | + | ||
1027 | + if (self.params && self.params.on) { | ||
1028 | + Object.keys(self.params.on).forEach(function (eventName) { | ||
1029 | + self.on(eventName, self.params.on[eventName]); | ||
1030 | + }); | ||
1031 | + } | ||
1032 | + }; | ||
1033 | + | ||
1034 | + var staticAccessors = { components: { configurable: true } }; | ||
1035 | + | ||
1036 | + SwiperClass.prototype.on = function on (events, handler, priority) { | ||
1037 | + var self = this; | ||
1038 | + if (typeof handler !== 'function') { return self; } | ||
1039 | + var method = priority ? 'unshift' : 'push'; | ||
1040 | + events.split(' ').forEach(function (event) { | ||
1041 | + if (!self.eventsListeners[event]) { self.eventsListeners[event] = []; } | ||
1042 | + self.eventsListeners[event][method](handler); | ||
1043 | + }); | ||
1044 | + return self; | ||
1045 | + }; | ||
1046 | + | ||
1047 | + SwiperClass.prototype.once = function once (events, handler, priority) { | ||
1048 | + var self = this; | ||
1049 | + if (typeof handler !== 'function') { return self; } | ||
1050 | + function onceHandler() { | ||
1051 | + var args = [], len = arguments.length; | ||
1052 | + while ( len-- ) args[ len ] = arguments[ len ]; | ||
1053 | + | ||
1054 | + handler.apply(self, args); | ||
1055 | + self.off(events, onceHandler); | ||
1056 | + } | ||
1057 | + return self.on(events, onceHandler, priority); | ||
1058 | + }; | ||
1059 | + | ||
1060 | + SwiperClass.prototype.off = function off (events, handler) { | ||
1061 | + var self = this; | ||
1062 | + if (!self.eventsListeners) { return self; } | ||
1063 | + events.split(' ').forEach(function (event) { | ||
1064 | + if (typeof handler === 'undefined') { | ||
1065 | + self.eventsListeners[event] = []; | ||
1066 | + } else if (self.eventsListeners[event] && self.eventsListeners[event].length) { | ||
1067 | + self.eventsListeners[event].forEach(function (eventHandler, index) { | ||
1068 | + if (eventHandler === handler) { | ||
1069 | + self.eventsListeners[event].splice(index, 1); | ||
1070 | + } | ||
1071 | + }); | ||
1072 | + } | ||
1073 | + }); | ||
1074 | + return self; | ||
1075 | + }; | ||
1076 | + | ||
1077 | + SwiperClass.prototype.emit = function emit () { | ||
1078 | + var args = [], len = arguments.length; | ||
1079 | + while ( len-- ) args[ len ] = arguments[ len ]; | ||
1080 | + | ||
1081 | + var self = this; | ||
1082 | + if (!self.eventsListeners) { return self; } | ||
1083 | + var events; | ||
1084 | + var data; | ||
1085 | + var context; | ||
1086 | + if (typeof args[0] === 'string' || Array.isArray(args[0])) { | ||
1087 | + events = args[0]; | ||
1088 | + data = args.slice(1, args.length); | ||
1089 | + context = self; | ||
1090 | + } else { | ||
1091 | + events = args[0].events; | ||
1092 | + data = args[0].data; | ||
1093 | + context = args[0].context || self; | ||
1094 | + } | ||
1095 | + var eventsArray = Array.isArray(events) ? events : events.split(' '); | ||
1096 | + eventsArray.forEach(function (event) { | ||
1097 | + if (self.eventsListeners && self.eventsListeners[event]) { | ||
1098 | + var handlers = []; | ||
1099 | + self.eventsListeners[event].forEach(function (eventHandler) { | ||
1100 | + handlers.push(eventHandler); | ||
1101 | + }); | ||
1102 | + handlers.forEach(function (eventHandler) { | ||
1103 | + eventHandler.apply(context, data); | ||
1104 | + }); | ||
1105 | + } | ||
1106 | + }); | ||
1107 | + return self; | ||
1108 | + }; | ||
1109 | + | ||
1110 | + SwiperClass.prototype.useModulesParams = function useModulesParams (instanceParams) { | ||
1111 | + var instance = this; | ||
1112 | + if (!instance.modules) { return; } | ||
1113 | + Object.keys(instance.modules).forEach(function (moduleName) { | ||
1114 | + var module = instance.modules[moduleName]; | ||
1115 | + // Extend params | ||
1116 | + if (module.params) { | ||
1117 | + Utils.extend(instanceParams, module.params); | ||
1118 | + } | ||
1119 | + }); | ||
1120 | + }; | ||
1121 | + | ||
1122 | + SwiperClass.prototype.useModules = function useModules (modulesParams) { | ||
1123 | + if ( modulesParams === void 0 ) modulesParams = {}; | ||
1124 | + | ||
1125 | + var instance = this; | ||
1126 | + if (!instance.modules) { return; } | ||
1127 | + Object.keys(instance.modules).forEach(function (moduleName) { | ||
1128 | + var module = instance.modules[moduleName]; | ||
1129 | + var moduleParams = modulesParams[moduleName] || {}; | ||
1130 | + // Extend instance methods and props | ||
1131 | + if (module.instance) { | ||
1132 | + Object.keys(module.instance).forEach(function (modulePropName) { | ||
1133 | + var moduleProp = module.instance[modulePropName]; | ||
1134 | + if (typeof moduleProp === 'function') { | ||
1135 | + instance[modulePropName] = moduleProp.bind(instance); | ||
1136 | + } else { | ||
1137 | + instance[modulePropName] = moduleProp; | ||
1138 | + } | ||
1139 | + }); | ||
1140 | + } | ||
1141 | + // Add event listeners | ||
1142 | + if (module.on && instance.on) { | ||
1143 | + Object.keys(module.on).forEach(function (moduleEventName) { | ||
1144 | + instance.on(moduleEventName, module.on[moduleEventName]); | ||
1145 | + }); | ||
1146 | + } | ||
1147 | + | ||
1148 | + // Module create callback | ||
1149 | + if (module.create) { | ||
1150 | + module.create.bind(instance)(moduleParams); | ||
1151 | + } | ||
1152 | + }); | ||
1153 | + }; | ||
1154 | + | ||
1155 | + staticAccessors.components.set = function (components) { | ||
1156 | + var Class = this; | ||
1157 | + if (!Class.use) { return; } | ||
1158 | + Class.use(components); | ||
1159 | + }; | ||
1160 | + | ||
1161 | + SwiperClass.installModule = function installModule (module) { | ||
1162 | + var params = [], len = arguments.length - 1; | ||
1163 | + while ( len-- > 0 ) params[ len ] = arguments[ len + 1 ]; | ||
1164 | + | ||
1165 | + var Class = this; | ||
1166 | + if (!Class.prototype.modules) { Class.prototype.modules = {}; } | ||
1167 | + var name = module.name || (((Object.keys(Class.prototype.modules).length) + "_" + (Utils.now()))); | ||
1168 | + Class.prototype.modules[name] = module; | ||
1169 | + // Prototype | ||
1170 | + if (module.proto) { | ||
1171 | + Object.keys(module.proto).forEach(function (key) { | ||
1172 | + Class.prototype[key] = module.proto[key]; | ||
1173 | + }); | ||
1174 | + } | ||
1175 | + // Class | ||
1176 | + if (module.static) { | ||
1177 | + Object.keys(module.static).forEach(function (key) { | ||
1178 | + Class[key] = module.static[key]; | ||
1179 | + }); | ||
1180 | + } | ||
1181 | + // Callback | ||
1182 | + if (module.install) { | ||
1183 | + module.install.apply(Class, params); | ||
1184 | + } | ||
1185 | + return Class; | ||
1186 | + }; | ||
1187 | + | ||
1188 | + SwiperClass.use = function use (module) { | ||
1189 | + var params = [], len = arguments.length - 1; | ||
1190 | + while ( len-- > 0 ) params[ len ] = arguments[ len + 1 ]; | ||
1191 | + | ||
1192 | + var Class = this; | ||
1193 | + if (Array.isArray(module)) { | ||
1194 | + module.forEach(function (m) { return Class.installModule(m); }); | ||
1195 | + return Class; | ||
1196 | + } | ||
1197 | + return Class.installModule.apply(Class, [ module ].concat( params )); | ||
1198 | + }; | ||
1199 | + | ||
1200 | + Object.defineProperties( SwiperClass, staticAccessors ); | ||
1201 | + | ||
1202 | + function updateSize () { | ||
1203 | + var swiper = this; | ||
1204 | + var width; | ||
1205 | + var height; | ||
1206 | + var $el = swiper.$el; | ||
1207 | + if (typeof swiper.params.width !== 'undefined') { | ||
1208 | + width = swiper.params.width; | ||
1209 | + } else { | ||
1210 | + width = $el[0].clientWidth; | ||
1211 | + } | ||
1212 | + if (typeof swiper.params.height !== 'undefined') { | ||
1213 | + height = swiper.params.height; | ||
1214 | + } else { | ||
1215 | + height = $el[0].clientHeight; | ||
1216 | + } | ||
1217 | + if ((width === 0 && swiper.isHorizontal()) || (height === 0 && swiper.isVertical())) { | ||
1218 | + return; | ||
1219 | + } | ||
1220 | + | ||
1221 | + // Subtract paddings | ||
1222 | + width = width - parseInt($el.css('padding-left'), 10) - parseInt($el.css('padding-right'), 10); | ||
1223 | + height = height - parseInt($el.css('padding-top'), 10) - parseInt($el.css('padding-bottom'), 10); | ||
1224 | + | ||
1225 | + Utils.extend(swiper, { | ||
1226 | + width: width, | ||
1227 | + height: height, | ||
1228 | + size: swiper.isHorizontal() ? width : height, | ||
1229 | + }); | ||
1230 | + } | ||
1231 | + | ||
1232 | + function updateSlides () { | ||
1233 | + var swiper = this; | ||
1234 | + var params = swiper.params; | ||
1235 | + | ||
1236 | + var $wrapperEl = swiper.$wrapperEl; | ||
1237 | + var swiperSize = swiper.size; | ||
1238 | + var rtl = swiper.rtlTranslate; | ||
1239 | + var wrongRTL = swiper.wrongRTL; | ||
1240 | + var isVirtual = swiper.virtual && params.virtual.enabled; | ||
1241 | + var previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length; | ||
1242 | + var slides = $wrapperEl.children(("." + (swiper.params.slideClass))); | ||
1243 | + var slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length; | ||
1244 | + var snapGrid = []; | ||
1245 | + var slidesGrid = []; | ||
1246 | + var slidesSizesGrid = []; | ||
1247 | + | ||
1248 | + var offsetBefore = params.slidesOffsetBefore; | ||
1249 | + if (typeof offsetBefore === 'function') { | ||
1250 | + offsetBefore = params.slidesOffsetBefore.call(swiper); | ||
1251 | + } | ||
1252 | + | ||
1253 | + var offsetAfter = params.slidesOffsetAfter; | ||
1254 | + if (typeof offsetAfter === 'function') { | ||
1255 | + offsetAfter = params.slidesOffsetAfter.call(swiper); | ||
1256 | + } | ||
1257 | + | ||
1258 | + var previousSnapGridLength = swiper.snapGrid.length; | ||
1259 | + var previousSlidesGridLength = swiper.snapGrid.length; | ||
1260 | + | ||
1261 | + var spaceBetween = params.spaceBetween; | ||
1262 | + var slidePosition = -offsetBefore; | ||
1263 | + var prevSlideSize = 0; | ||
1264 | + var index = 0; | ||
1265 | + if (typeof swiperSize === 'undefined') { | ||
1266 | + return; | ||
1267 | + } | ||
1268 | + if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) { | ||
1269 | + spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiperSize; | ||
1270 | + } | ||
1271 | + | ||
1272 | + swiper.virtualSize = -spaceBetween; | ||
1273 | + | ||
1274 | + // reset margins | ||
1275 | + if (rtl) { slides.css({ marginLeft: '', marginTop: '' }); } | ||
1276 | + else { slides.css({ marginRight: '', marginBottom: '' }); } | ||
1277 | + | ||
1278 | + var slidesNumberEvenToRows; | ||
1279 | + if (params.slidesPerColumn > 1) { | ||
1280 | + if (Math.floor(slidesLength / params.slidesPerColumn) === slidesLength / swiper.params.slidesPerColumn) { | ||
1281 | + slidesNumberEvenToRows = slidesLength; | ||
1282 | + } else { | ||
1283 | + slidesNumberEvenToRows = Math.ceil(slidesLength / params.slidesPerColumn) * params.slidesPerColumn; | ||
1284 | + } | ||
1285 | + if (params.slidesPerView !== 'auto' && params.slidesPerColumnFill === 'row') { | ||
1286 | + slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, params.slidesPerView * params.slidesPerColumn); | ||
1287 | + } | ||
1288 | + } | ||
1289 | + | ||
1290 | + // Calc slides | ||
1291 | + var slideSize; | ||
1292 | + var slidesPerColumn = params.slidesPerColumn; | ||
1293 | + var slidesPerRow = slidesNumberEvenToRows / slidesPerColumn; | ||
1294 | + var numFullColumns = Math.floor(slidesLength / params.slidesPerColumn); | ||
1295 | + for (var i = 0; i < slidesLength; i += 1) { | ||
1296 | + slideSize = 0; | ||
1297 | + var slide = slides.eq(i); | ||
1298 | + if (params.slidesPerColumn > 1) { | ||
1299 | + // Set slides order | ||
1300 | + var newSlideOrderIndex = (void 0); | ||
1301 | + var column = (void 0); | ||
1302 | + var row = (void 0); | ||
1303 | + if (params.slidesPerColumnFill === 'column') { | ||
1304 | + column = Math.floor(i / slidesPerColumn); | ||
1305 | + row = i - (column * slidesPerColumn); | ||
1306 | + if (column > numFullColumns || (column === numFullColumns && row === slidesPerColumn - 1)) { | ||
1307 | + row += 1; | ||
1308 | + if (row >= slidesPerColumn) { | ||
1309 | + row = 0; | ||
1310 | + column += 1; | ||
1311 | + } | ||
1312 | + } | ||
1313 | + newSlideOrderIndex = column + ((row * slidesNumberEvenToRows) / slidesPerColumn); | ||
1314 | + slide | ||
1315 | + .css({ | ||
1316 | + '-webkit-box-ordinal-group': newSlideOrderIndex, | ||
1317 | + '-moz-box-ordinal-group': newSlideOrderIndex, | ||
1318 | + '-ms-flex-order': newSlideOrderIndex, | ||
1319 | + '-webkit-order': newSlideOrderIndex, | ||
1320 | + order: newSlideOrderIndex, | ||
1321 | + }); | ||
1322 | + } else { | ||
1323 | + row = Math.floor(i / slidesPerRow); | ||
1324 | + column = i - (row * slidesPerRow); | ||
1325 | + } | ||
1326 | + slide | ||
1327 | + .css( | ||
1328 | + ("margin-" + (swiper.isHorizontal() ? 'top' : 'left')), | ||
1329 | + (row !== 0 && params.spaceBetween) && (((params.spaceBetween) + "px")) | ||
1330 | + ) | ||
1331 | + .attr('data-swiper-column', column) | ||
1332 | + .attr('data-swiper-row', row); | ||
1333 | + } | ||
1334 | + if (slide.css('display') === 'none') { continue; } // eslint-disable-line | ||
1335 | + | ||
1336 | + if (params.slidesPerView === 'auto') { | ||
1337 | + var slideStyles = win.getComputedStyle(slide[0], null); | ||
1338 | + var currentTransform = slide[0].style.transform; | ||
1339 | + var currentWebKitTransform = slide[0].style.webkitTransform; | ||
1340 | + if (currentTransform) { | ||
1341 | + slide[0].style.transform = 'none'; | ||
1342 | + } | ||
1343 | + if (currentWebKitTransform) { | ||
1344 | + slide[0].style.webkitTransform = 'none'; | ||
1345 | + } | ||
1346 | + if (params.roundLengths) { | ||
1347 | + slideSize = swiper.isHorizontal() | ||
1348 | + ? slide.outerWidth(true) | ||
1349 | + : slide.outerHeight(true); | ||
1350 | + } else { | ||
1351 | + // eslint-disable-next-line | ||
1352 | + if (swiper.isHorizontal()) { | ||
1353 | + var width = parseFloat(slideStyles.getPropertyValue('width')); | ||
1354 | + var paddingLeft = parseFloat(slideStyles.getPropertyValue('padding-left')); | ||
1355 | + var paddingRight = parseFloat(slideStyles.getPropertyValue('padding-right')); | ||
1356 | + var marginLeft = parseFloat(slideStyles.getPropertyValue('margin-left')); | ||
1357 | + var marginRight = parseFloat(slideStyles.getPropertyValue('margin-right')); | ||
1358 | + var boxSizing = slideStyles.getPropertyValue('box-sizing'); | ||
1359 | + if (boxSizing && boxSizing === 'border-box') { | ||
1360 | + slideSize = width + marginLeft + marginRight; | ||
1361 | + } else { | ||
1362 | + slideSize = width + paddingLeft + paddingRight + marginLeft + marginRight; | ||
1363 | + } | ||
1364 | + } else { | ||
1365 | + var height = parseFloat(slideStyles.getPropertyValue('height')); | ||
1366 | + var paddingTop = parseFloat(slideStyles.getPropertyValue('padding-top')); | ||
1367 | + var paddingBottom = parseFloat(slideStyles.getPropertyValue('padding-bottom')); | ||
1368 | + var marginTop = parseFloat(slideStyles.getPropertyValue('margin-top')); | ||
1369 | + var marginBottom = parseFloat(slideStyles.getPropertyValue('margin-bottom')); | ||
1370 | + var boxSizing$1 = slideStyles.getPropertyValue('box-sizing'); | ||
1371 | + if (boxSizing$1 && boxSizing$1 === 'border-box') { | ||
1372 | + slideSize = height + marginTop + marginBottom; | ||
1373 | + } else { | ||
1374 | + slideSize = height + paddingTop + paddingBottom + marginTop + marginBottom; | ||
1375 | + } | ||
1376 | + } | ||
1377 | + } | ||
1378 | + if (currentTransform) { | ||
1379 | + slide[0].style.transform = currentTransform; | ||
1380 | + } | ||
1381 | + if (currentWebKitTransform) { | ||
1382 | + slide[0].style.webkitTransform = currentWebKitTransform; | ||
1383 | + } | ||
1384 | + if (params.roundLengths) { slideSize = Math.floor(slideSize); } | ||
1385 | + } else { | ||
1386 | + slideSize = (swiperSize - ((params.slidesPerView - 1) * spaceBetween)) / params.slidesPerView; | ||
1387 | + if (params.roundLengths) { slideSize = Math.floor(slideSize); } | ||
1388 | + | ||
1389 | + if (slides[i]) { | ||
1390 | + if (swiper.isHorizontal()) { | ||
1391 | + slides[i].style.width = slideSize + "px"; | ||
1392 | + } else { | ||
1393 | + slides[i].style.height = slideSize + "px"; | ||
1394 | + } | ||
1395 | + } | ||
1396 | + } | ||
1397 | + if (slides[i]) { | ||
1398 | + slides[i].swiperSlideSize = slideSize; | ||
1399 | + } | ||
1400 | + slidesSizesGrid.push(slideSize); | ||
1401 | + | ||
1402 | + | ||
1403 | + if (params.centeredSlides) { | ||
1404 | + slidePosition = slidePosition + (slideSize / 2) + (prevSlideSize / 2) + spaceBetween; | ||
1405 | + if (prevSlideSize === 0 && i !== 0) { slidePosition = slidePosition - (swiperSize / 2) - spaceBetween; } | ||
1406 | + if (i === 0) { slidePosition = slidePosition - (swiperSize / 2) - spaceBetween; } | ||
1407 | + if (Math.abs(slidePosition) < 1 / 1000) { slidePosition = 0; } | ||
1408 | + if (params.roundLengths) { slidePosition = Math.floor(slidePosition); } | ||
1409 | + if ((index) % params.slidesPerGroup === 0) { snapGrid.push(slidePosition); } | ||
1410 | + slidesGrid.push(slidePosition); | ||
1411 | + } else { | ||
1412 | + if (params.roundLengths) { slidePosition = Math.floor(slidePosition); } | ||
1413 | + if ((index) % params.slidesPerGroup === 0) { snapGrid.push(slidePosition); } | ||
1414 | + slidesGrid.push(slidePosition); | ||
1415 | + slidePosition = slidePosition + slideSize + spaceBetween; | ||
1416 | + } | ||
1417 | + | ||
1418 | + swiper.virtualSize += slideSize + spaceBetween; | ||
1419 | + | ||
1420 | + prevSlideSize = slideSize; | ||
1421 | + | ||
1422 | + index += 1; | ||
1423 | + } | ||
1424 | + swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter; | ||
1425 | + var newSlidesGrid; | ||
1426 | + | ||
1427 | + if ( | ||
1428 | + rtl && wrongRTL && (params.effect === 'slide' || params.effect === 'coverflow')) { | ||
1429 | + $wrapperEl.css({ width: ((swiper.virtualSize + params.spaceBetween) + "px") }); | ||
1430 | + } | ||
1431 | + if (!Support.flexbox || params.setWrapperSize) { | ||
1432 | + if (swiper.isHorizontal()) { $wrapperEl.css({ width: ((swiper.virtualSize + params.spaceBetween) + "px") }); } | ||
1433 | + else { $wrapperEl.css({ height: ((swiper.virtualSize + params.spaceBetween) + "px") }); } | ||
1434 | + } | ||
1435 | + | ||
1436 | + if (params.slidesPerColumn > 1) { | ||
1437 | + swiper.virtualSize = (slideSize + params.spaceBetween) * slidesNumberEvenToRows; | ||
1438 | + swiper.virtualSize = Math.ceil(swiper.virtualSize / params.slidesPerColumn) - params.spaceBetween; | ||
1439 | + if (swiper.isHorizontal()) { $wrapperEl.css({ width: ((swiper.virtualSize + params.spaceBetween) + "px") }); } | ||
1440 | + else { $wrapperEl.css({ height: ((swiper.virtualSize + params.spaceBetween) + "px") }); } | ||
1441 | + if (params.centeredSlides) { | ||
1442 | + newSlidesGrid = []; | ||
1443 | + for (var i$1 = 0; i$1 < snapGrid.length; i$1 += 1) { | ||
1444 | + var slidesGridItem = snapGrid[i$1]; | ||
1445 | + if (params.roundLengths) { slidesGridItem = Math.floor(slidesGridItem); } | ||
1446 | + if (snapGrid[i$1] < swiper.virtualSize + snapGrid[0]) { newSlidesGrid.push(slidesGridItem); } | ||
1447 | + } | ||
1448 | + snapGrid = newSlidesGrid; | ||
1449 | + } | ||
1450 | + } | ||
1451 | + | ||
1452 | + // Remove last grid elements depending on width | ||
1453 | + if (!params.centeredSlides) { | ||
1454 | + newSlidesGrid = []; | ||
1455 | + for (var i$2 = 0; i$2 < snapGrid.length; i$2 += 1) { | ||
1456 | + var slidesGridItem$1 = snapGrid[i$2]; | ||
1457 | + if (params.roundLengths) { slidesGridItem$1 = Math.floor(slidesGridItem$1); } | ||
1458 | + if (snapGrid[i$2] <= swiper.virtualSize - swiperSize) { | ||
1459 | + newSlidesGrid.push(slidesGridItem$1); | ||
1460 | + } | ||
1461 | + } | ||
1462 | + snapGrid = newSlidesGrid; | ||
1463 | + if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) > 1) { | ||
1464 | + snapGrid.push(swiper.virtualSize - swiperSize); | ||
1465 | + } | ||
1466 | + } | ||
1467 | + if (snapGrid.length === 0) { snapGrid = [0]; } | ||
1468 | + | ||
1469 | + if (params.spaceBetween !== 0) { | ||
1470 | + if (swiper.isHorizontal()) { | ||
1471 | + if (rtl) { slides.css({ marginLeft: (spaceBetween + "px") }); } | ||
1472 | + else { slides.css({ marginRight: (spaceBetween + "px") }); } | ||
1473 | + } else { slides.css({ marginBottom: (spaceBetween + "px") }); } | ||
1474 | + } | ||
1475 | + | ||
1476 | + if (params.centerInsufficientSlides) { | ||
1477 | + var allSlidesSize = 0; | ||
1478 | + slidesSizesGrid.forEach(function (slideSizeValue) { | ||
1479 | + allSlidesSize += slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0); | ||
1480 | + }); | ||
1481 | + allSlidesSize -= params.spaceBetween; | ||
1482 | + if (allSlidesSize < swiperSize) { | ||
1483 | + var allSlidesOffset = (swiperSize - allSlidesSize) / 2; | ||
1484 | + snapGrid.forEach(function (snap, snapIndex) { | ||
1485 | + snapGrid[snapIndex] = snap - allSlidesOffset; | ||
1486 | + }); | ||
1487 | + slidesGrid.forEach(function (snap, snapIndex) { | ||
1488 | + slidesGrid[snapIndex] = snap + allSlidesOffset; | ||
1489 | + }); | ||
1490 | + } | ||
1491 | + } | ||
1492 | + | ||
1493 | + Utils.extend(swiper, { | ||
1494 | + slides: slides, | ||
1495 | + snapGrid: snapGrid, | ||
1496 | + slidesGrid: slidesGrid, | ||
1497 | + slidesSizesGrid: slidesSizesGrid, | ||
1498 | + }); | ||
1499 | + | ||
1500 | + if (slidesLength !== previousSlidesLength) { | ||
1501 | + swiper.emit('slidesLengthChange'); | ||
1502 | + } | ||
1503 | + if (snapGrid.length !== previousSnapGridLength) { | ||
1504 | + if (swiper.params.watchOverflow) { swiper.checkOverflow(); } | ||
1505 | + swiper.emit('snapGridLengthChange'); | ||
1506 | + } | ||
1507 | + if (slidesGrid.length !== previousSlidesGridLength) { | ||
1508 | + swiper.emit('slidesGridLengthChange'); | ||
1509 | + } | ||
1510 | + | ||
1511 | + if (params.watchSlidesProgress || params.watchSlidesVisibility) { | ||
1512 | + swiper.updateSlidesOffset(); | ||
1513 | + } | ||
1514 | + } | ||
1515 | + | ||
1516 | + function updateAutoHeight (speed) { | ||
1517 | + var swiper = this; | ||
1518 | + var activeSlides = []; | ||
1519 | + var newHeight = 0; | ||
1520 | + var i; | ||
1521 | + if (typeof speed === 'number') { | ||
1522 | + swiper.setTransition(speed); | ||
1523 | + } else if (speed === true) { | ||
1524 | + swiper.setTransition(swiper.params.speed); | ||
1525 | + } | ||
1526 | + // Find slides currently in view | ||
1527 | + if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) { | ||
1528 | + for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) { | ||
1529 | + var index = swiper.activeIndex + i; | ||
1530 | + if (index > swiper.slides.length) { break; } | ||
1531 | + activeSlides.push(swiper.slides.eq(index)[0]); | ||
1532 | + } | ||
1533 | + } else { | ||
1534 | + activeSlides.push(swiper.slides.eq(swiper.activeIndex)[0]); | ||
1535 | + } | ||
1536 | + | ||
1537 | + // Find new height from highest slide in view | ||
1538 | + for (i = 0; i < activeSlides.length; i += 1) { | ||
1539 | + if (typeof activeSlides[i] !== 'undefined') { | ||
1540 | + var height = activeSlides[i].offsetHeight; | ||
1541 | + newHeight = height > newHeight ? height : newHeight; | ||
1542 | + } | ||
1543 | + } | ||
1544 | + | ||
1545 | + // Update Height | ||
1546 | + if (newHeight) { swiper.$wrapperEl.css('height', (newHeight + "px")); } | ||
1547 | + } | ||
1548 | + | ||
1549 | + function updateSlidesOffset () { | ||
1550 | + var swiper = this; | ||
1551 | + var slides = swiper.slides; | ||
1552 | + for (var i = 0; i < slides.length; i += 1) { | ||
1553 | + slides[i].swiperSlideOffset = swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop; | ||
1554 | + } | ||
1555 | + } | ||
1556 | + | ||
1557 | + function updateSlidesProgress (translate) { | ||
1558 | + if ( translate === void 0 ) translate = (this && this.translate) || 0; | ||
1559 | + | ||
1560 | + var swiper = this; | ||
1561 | + var params = swiper.params; | ||
1562 | + | ||
1563 | + var slides = swiper.slides; | ||
1564 | + var rtl = swiper.rtlTranslate; | ||
1565 | + | ||
1566 | + if (slides.length === 0) { return; } | ||
1567 | + if (typeof slides[0].swiperSlideOffset === 'undefined') { swiper.updateSlidesOffset(); } | ||
1568 | + | ||
1569 | + var offsetCenter = -translate; | ||
1570 | + if (rtl) { offsetCenter = translate; } | ||
1571 | + | ||
1572 | + // Visible Slides | ||
1573 | + slides.removeClass(params.slideVisibleClass); | ||
1574 | + | ||
1575 | + swiper.visibleSlidesIndexes = []; | ||
1576 | + swiper.visibleSlides = []; | ||
1577 | + | ||
1578 | + for (var i = 0; i < slides.length; i += 1) { | ||
1579 | + var slide = slides[i]; | ||
1580 | + var slideProgress = ( | ||
1581 | + (offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0)) - slide.swiperSlideOffset | ||
1582 | + ) / (slide.swiperSlideSize + params.spaceBetween); | ||
1583 | + if (params.watchSlidesVisibility) { | ||
1584 | + var slideBefore = -(offsetCenter - slide.swiperSlideOffset); | ||
1585 | + var slideAfter = slideBefore + swiper.slidesSizesGrid[i]; | ||
1586 | + var isVisible = (slideBefore >= 0 && slideBefore < swiper.size) | ||
1587 | + || (slideAfter > 0 && slideAfter <= swiper.size) | ||
1588 | + || (slideBefore <= 0 && slideAfter >= swiper.size); | ||
1589 | + if (isVisible) { | ||
1590 | + swiper.visibleSlides.push(slide); | ||
1591 | + swiper.visibleSlidesIndexes.push(i); | ||
1592 | + slides.eq(i).addClass(params.slideVisibleClass); | ||
1593 | + } | ||
1594 | + } | ||
1595 | + slide.progress = rtl ? -slideProgress : slideProgress; | ||
1596 | + } | ||
1597 | + swiper.visibleSlides = $(swiper.visibleSlides); | ||
1598 | + } | ||
1599 | + | ||
1600 | + function updateProgress (translate) { | ||
1601 | + if ( translate === void 0 ) translate = (this && this.translate) || 0; | ||
1602 | + | ||
1603 | + var swiper = this; | ||
1604 | + var params = swiper.params; | ||
1605 | + | ||
1606 | + var translatesDiff = swiper.maxTranslate() - swiper.minTranslate(); | ||
1607 | + var progress = swiper.progress; | ||
1608 | + var isBeginning = swiper.isBeginning; | ||
1609 | + var isEnd = swiper.isEnd; | ||
1610 | + var wasBeginning = isBeginning; | ||
1611 | + var wasEnd = isEnd; | ||
1612 | + if (translatesDiff === 0) { | ||
1613 | + progress = 0; | ||
1614 | + isBeginning = true; | ||
1615 | + isEnd = true; | ||
1616 | + } else { | ||
1617 | + progress = (translate - swiper.minTranslate()) / (translatesDiff); | ||
1618 | + isBeginning = progress <= 0; | ||
1619 | + isEnd = progress >= 1; | ||
1620 | + } | ||
1621 | + Utils.extend(swiper, { | ||
1622 | + progress: progress, | ||
1623 | + isBeginning: isBeginning, | ||
1624 | + isEnd: isEnd, | ||
1625 | + }); | ||
1626 | + | ||
1627 | + if (params.watchSlidesProgress || params.watchSlidesVisibility) { swiper.updateSlidesProgress(translate); } | ||
1628 | + | ||
1629 | + if (isBeginning && !wasBeginning) { | ||
1630 | + swiper.emit('reachBeginning toEdge'); | ||
1631 | + } | ||
1632 | + if (isEnd && !wasEnd) { | ||
1633 | + swiper.emit('reachEnd toEdge'); | ||
1634 | + } | ||
1635 | + if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) { | ||
1636 | + swiper.emit('fromEdge'); | ||
1637 | + } | ||
1638 | + | ||
1639 | + swiper.emit('progress', progress); | ||
1640 | + } | ||
1641 | + | ||
1642 | + function updateSlidesClasses () { | ||
1643 | + var swiper = this; | ||
1644 | + | ||
1645 | + var slides = swiper.slides; | ||
1646 | + var params = swiper.params; | ||
1647 | + var $wrapperEl = swiper.$wrapperEl; | ||
1648 | + var activeIndex = swiper.activeIndex; | ||
1649 | + var realIndex = swiper.realIndex; | ||
1650 | + var isVirtual = swiper.virtual && params.virtual.enabled; | ||
1651 | + | ||
1652 | + slides.removeClass(((params.slideActiveClass) + " " + (params.slideNextClass) + " " + (params.slidePrevClass) + " " + (params.slideDuplicateActiveClass) + " " + (params.slideDuplicateNextClass) + " " + (params.slideDuplicatePrevClass))); | ||
1653 | + | ||
1654 | + var activeSlide; | ||
1655 | + if (isVirtual) { | ||
1656 | + activeSlide = swiper.$wrapperEl.find(("." + (params.slideClass) + "[data-swiper-slide-index=\"" + activeIndex + "\"]")); | ||
1657 | + } else { | ||
1658 | + activeSlide = slides.eq(activeIndex); | ||
1659 | + } | ||
1660 | + | ||
1661 | + // Active classes | ||
1662 | + activeSlide.addClass(params.slideActiveClass); | ||
1663 | + | ||
1664 | + if (params.loop) { | ||
1665 | + // Duplicate to all looped slides | ||
1666 | + if (activeSlide.hasClass(params.slideDuplicateClass)) { | ||
1667 | + $wrapperEl | ||
1668 | + .children(("." + (params.slideClass) + ":not(." + (params.slideDuplicateClass) + ")[data-swiper-slide-index=\"" + realIndex + "\"]")) | ||
1669 | + .addClass(params.slideDuplicateActiveClass); | ||
1670 | + } else { | ||
1671 | + $wrapperEl | ||
1672 | + .children(("." + (params.slideClass) + "." + (params.slideDuplicateClass) + "[data-swiper-slide-index=\"" + realIndex + "\"]")) | ||
1673 | + .addClass(params.slideDuplicateActiveClass); | ||
1674 | + } | ||
1675 | + } | ||
1676 | + // Next Slide | ||
1677 | + var nextSlide = activeSlide.nextAll(("." + (params.slideClass))).eq(0).addClass(params.slideNextClass); | ||
1678 | + if (params.loop && nextSlide.length === 0) { | ||
1679 | + nextSlide = slides.eq(0); | ||
1680 | + nextSlide.addClass(params.slideNextClass); | ||
1681 | + } | ||
1682 | + // Prev Slide | ||
1683 | + var prevSlide = activeSlide.prevAll(("." + (params.slideClass))).eq(0).addClass(params.slidePrevClass); | ||
1684 | + if (params.loop && prevSlide.length === 0) { | ||
1685 | + prevSlide = slides.eq(-1); | ||
1686 | + prevSlide.addClass(params.slidePrevClass); | ||
1687 | + } | ||
1688 | + if (params.loop) { | ||
1689 | + // Duplicate to all looped slides | ||
1690 | + if (nextSlide.hasClass(params.slideDuplicateClass)) { | ||
1691 | + $wrapperEl | ||
1692 | + .children(("." + (params.slideClass) + ":not(." + (params.slideDuplicateClass) + ")[data-swiper-slide-index=\"" + (nextSlide.attr('data-swiper-slide-index')) + "\"]")) | ||
1693 | + .addClass(params.slideDuplicateNextClass); | ||
1694 | + } else { | ||
1695 | + $wrapperEl | ||
1696 | + .children(("." + (params.slideClass) + "." + (params.slideDuplicateClass) + "[data-swiper-slide-index=\"" + (nextSlide.attr('data-swiper-slide-index')) + "\"]")) | ||
1697 | + .addClass(params.slideDuplicateNextClass); | ||
1698 | + } | ||
1699 | + if (prevSlide.hasClass(params.slideDuplicateClass)) { | ||
1700 | + $wrapperEl | ||
1701 | + .children(("." + (params.slideClass) + ":not(." + (params.slideDuplicateClass) + ")[data-swiper-slide-index=\"" + (prevSlide.attr('data-swiper-slide-index')) + "\"]")) | ||
1702 | + .addClass(params.slideDuplicatePrevClass); | ||
1703 | + } else { | ||
1704 | + $wrapperEl | ||
1705 | + .children(("." + (params.slideClass) + "." + (params.slideDuplicateClass) + "[data-swiper-slide-index=\"" + (prevSlide.attr('data-swiper-slide-index')) + "\"]")) | ||
1706 | + .addClass(params.slideDuplicatePrevClass); | ||
1707 | + } | ||
1708 | + } | ||
1709 | + } | ||
1710 | + | ||
1711 | + function updateActiveIndex (newActiveIndex) { | ||
1712 | + var swiper = this; | ||
1713 | + var translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate; | ||
1714 | + var slidesGrid = swiper.slidesGrid; | ||
1715 | + var snapGrid = swiper.snapGrid; | ||
1716 | + var params = swiper.params; | ||
1717 | + var previousIndex = swiper.activeIndex; | ||
1718 | + var previousRealIndex = swiper.realIndex; | ||
1719 | + var previousSnapIndex = swiper.snapIndex; | ||
1720 | + var activeIndex = newActiveIndex; | ||
1721 | + var snapIndex; | ||
1722 | + if (typeof activeIndex === 'undefined') { | ||
1723 | + for (var i = 0; i < slidesGrid.length; i += 1) { | ||
1724 | + if (typeof slidesGrid[i + 1] !== 'undefined') { | ||
1725 | + if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1] - ((slidesGrid[i + 1] - slidesGrid[i]) / 2)) { | ||
1726 | + activeIndex = i; | ||
1727 | + } else if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1]) { | ||
1728 | + activeIndex = i + 1; | ||
1729 | + } | ||
1730 | + } else if (translate >= slidesGrid[i]) { | ||
1731 | + activeIndex = i; | ||
1732 | + } | ||
1733 | + } | ||
1734 | + // Normalize slideIndex | ||
1735 | + if (params.normalizeSlideIndex) { | ||
1736 | + if (activeIndex < 0 || typeof activeIndex === 'undefined') { activeIndex = 0; } | ||
1737 | + } | ||
1738 | + } | ||
1739 | + if (snapGrid.indexOf(translate) >= 0) { | ||
1740 | + snapIndex = snapGrid.indexOf(translate); | ||
1741 | + } else { | ||
1742 | + snapIndex = Math.floor(activeIndex / params.slidesPerGroup); | ||
1743 | + } | ||
1744 | + if (snapIndex >= snapGrid.length) { snapIndex = snapGrid.length - 1; } | ||
1745 | + if (activeIndex === previousIndex) { | ||
1746 | + if (snapIndex !== previousSnapIndex) { | ||
1747 | + swiper.snapIndex = snapIndex; | ||
1748 | + swiper.emit('snapIndexChange'); | ||
1749 | + } | ||
1750 | + return; | ||
1751 | + } | ||
1752 | + | ||
1753 | + // Get real index | ||
1754 | + var realIndex = parseInt(swiper.slides.eq(activeIndex).attr('data-swiper-slide-index') || activeIndex, 10); | ||
1755 | + | ||
1756 | + Utils.extend(swiper, { | ||
1757 | + snapIndex: snapIndex, | ||
1758 | + realIndex: realIndex, | ||
1759 | + previousIndex: previousIndex, | ||
1760 | + activeIndex: activeIndex, | ||
1761 | + }); | ||
1762 | + swiper.emit('activeIndexChange'); | ||
1763 | + swiper.emit('snapIndexChange'); | ||
1764 | + if (previousRealIndex !== realIndex) { | ||
1765 | + swiper.emit('realIndexChange'); | ||
1766 | + } | ||
1767 | + swiper.emit('slideChange'); | ||
1768 | + } | ||
1769 | + | ||
1770 | + function updateClickedSlide (e) { | ||
1771 | + var swiper = this; | ||
1772 | + var params = swiper.params; | ||
1773 | + var slide = $(e.target).closest(("." + (params.slideClass)))[0]; | ||
1774 | + var slideFound = false; | ||
1775 | + if (slide) { | ||
1776 | + for (var i = 0; i < swiper.slides.length; i += 1) { | ||
1777 | + if (swiper.slides[i] === slide) { slideFound = true; } | ||
1778 | + } | ||
1779 | + } | ||
1780 | + | ||
1781 | + if (slide && slideFound) { | ||
1782 | + swiper.clickedSlide = slide; | ||
1783 | + if (swiper.virtual && swiper.params.virtual.enabled) { | ||
1784 | + swiper.clickedIndex = parseInt($(slide).attr('data-swiper-slide-index'), 10); | ||
1785 | + } else { | ||
1786 | + swiper.clickedIndex = $(slide).index(); | ||
1787 | + } | ||
1788 | + } else { | ||
1789 | + swiper.clickedSlide = undefined; | ||
1790 | + swiper.clickedIndex = undefined; | ||
1791 | + return; | ||
1792 | + } | ||
1793 | + if (params.slideToClickedSlide && swiper.clickedIndex !== undefined && swiper.clickedIndex !== swiper.activeIndex) { | ||
1794 | + swiper.slideToClickedSlide(); | ||
1795 | + } | ||
1796 | + } | ||
1797 | + | ||
1798 | + var update = { | ||
1799 | + updateSize: updateSize, | ||
1800 | + updateSlides: updateSlides, | ||
1801 | + updateAutoHeight: updateAutoHeight, | ||
1802 | + updateSlidesOffset: updateSlidesOffset, | ||
1803 | + updateSlidesProgress: updateSlidesProgress, | ||
1804 | + updateProgress: updateProgress, | ||
1805 | + updateSlidesClasses: updateSlidesClasses, | ||
1806 | + updateActiveIndex: updateActiveIndex, | ||
1807 | + updateClickedSlide: updateClickedSlide, | ||
1808 | + }; | ||
1809 | + | ||
1810 | + function getTranslate (axis) { | ||
1811 | + if ( axis === void 0 ) axis = this.isHorizontal() ? 'x' : 'y'; | ||
1812 | + | ||
1813 | + var swiper = this; | ||
1814 | + | ||
1815 | + var params = swiper.params; | ||
1816 | + var rtl = swiper.rtlTranslate; | ||
1817 | + var translate = swiper.translate; | ||
1818 | + var $wrapperEl = swiper.$wrapperEl; | ||
1819 | + | ||
1820 | + if (params.virtualTranslate) { | ||
1821 | + return rtl ? -translate : translate; | ||
1822 | + } | ||
1823 | + | ||
1824 | + var currentTranslate = Utils.getTranslate($wrapperEl[0], axis); | ||
1825 | + if (rtl) { currentTranslate = -currentTranslate; } | ||
1826 | + | ||
1827 | + return currentTranslate || 0; | ||
1828 | + } | ||
1829 | + | ||
1830 | + function setTranslate (translate, byController) { | ||
1831 | + var swiper = this; | ||
1832 | + var rtl = swiper.rtlTranslate; | ||
1833 | + var params = swiper.params; | ||
1834 | + var $wrapperEl = swiper.$wrapperEl; | ||
1835 | + var progress = swiper.progress; | ||
1836 | + var x = 0; | ||
1837 | + var y = 0; | ||
1838 | + var z = 0; | ||
1839 | + | ||
1840 | + if (swiper.isHorizontal()) { | ||
1841 | + x = rtl ? -translate : translate; | ||
1842 | + } else { | ||
1843 | + y = translate; | ||
1844 | + } | ||
1845 | + | ||
1846 | + if (params.roundLengths) { | ||
1847 | + x = Math.floor(x); | ||
1848 | + y = Math.floor(y); | ||
1849 | + } | ||
1850 | + | ||
1851 | + if (!params.virtualTranslate) { | ||
1852 | + if (Support.transforms3d) { $wrapperEl.transform(("translate3d(" + x + "px, " + y + "px, " + z + "px)")); } | ||
1853 | + else { $wrapperEl.transform(("translate(" + x + "px, " + y + "px)")); } | ||
1854 | + } | ||
1855 | + swiper.previousTranslate = swiper.translate; | ||
1856 | + swiper.translate = swiper.isHorizontal() ? x : y; | ||
1857 | + | ||
1858 | + // Check if we need to update progress | ||
1859 | + var newProgress; | ||
1860 | + var translatesDiff = swiper.maxTranslate() - swiper.minTranslate(); | ||
1861 | + if (translatesDiff === 0) { | ||
1862 | + newProgress = 0; | ||
1863 | + } else { | ||
1864 | + newProgress = (translate - swiper.minTranslate()) / (translatesDiff); | ||
1865 | + } | ||
1866 | + if (newProgress !== progress) { | ||
1867 | + swiper.updateProgress(translate); | ||
1868 | + } | ||
1869 | + | ||
1870 | + swiper.emit('setTranslate', swiper.translate, byController); | ||
1871 | + } | ||
1872 | + | ||
1873 | + function minTranslate () { | ||
1874 | + return (-this.snapGrid[0]); | ||
1875 | + } | ||
1876 | + | ||
1877 | + function maxTranslate () { | ||
1878 | + return (-this.snapGrid[this.snapGrid.length - 1]); | ||
1879 | + } | ||
1880 | + | ||
1881 | + var translate = { | ||
1882 | + getTranslate: getTranslate, | ||
1883 | + setTranslate: setTranslate, | ||
1884 | + minTranslate: minTranslate, | ||
1885 | + maxTranslate: maxTranslate, | ||
1886 | + }; | ||
1887 | + | ||
1888 | + function setTransition (duration, byController) { | ||
1889 | + var swiper = this; | ||
1890 | + | ||
1891 | + swiper.$wrapperEl.transition(duration); | ||
1892 | + | ||
1893 | + swiper.emit('setTransition', duration, byController); | ||
1894 | + } | ||
1895 | + | ||
1896 | + function transitionStart (runCallbacks, direction) { | ||
1897 | + if ( runCallbacks === void 0 ) runCallbacks = true; | ||
1898 | + | ||
1899 | + var swiper = this; | ||
1900 | + var activeIndex = swiper.activeIndex; | ||
1901 | + var params = swiper.params; | ||
1902 | + var previousIndex = swiper.previousIndex; | ||
1903 | + if (params.autoHeight) { | ||
1904 | + swiper.updateAutoHeight(); | ||
1905 | + } | ||
1906 | + | ||
1907 | + var dir = direction; | ||
1908 | + if (!dir) { | ||
1909 | + if (activeIndex > previousIndex) { dir = 'next'; } | ||
1910 | + else if (activeIndex < previousIndex) { dir = 'prev'; } | ||
1911 | + else { dir = 'reset'; } | ||
1912 | + } | ||
1913 | + | ||
1914 | + swiper.emit('transitionStart'); | ||
1915 | + | ||
1916 | + if (runCallbacks && activeIndex !== previousIndex) { | ||
1917 | + if (dir === 'reset') { | ||
1918 | + swiper.emit('slideResetTransitionStart'); | ||
1919 | + return; | ||
1920 | + } | ||
1921 | + swiper.emit('slideChangeTransitionStart'); | ||
1922 | + if (dir === 'next') { | ||
1923 | + swiper.emit('slideNextTransitionStart'); | ||
1924 | + } else { | ||
1925 | + swiper.emit('slidePrevTransitionStart'); | ||
1926 | + } | ||
1927 | + } | ||
1928 | + } | ||
1929 | + | ||
1930 | + function transitionEnd$1 (runCallbacks, direction) { | ||
1931 | + if ( runCallbacks === void 0 ) runCallbacks = true; | ||
1932 | + | ||
1933 | + var swiper = this; | ||
1934 | + var activeIndex = swiper.activeIndex; | ||
1935 | + var previousIndex = swiper.previousIndex; | ||
1936 | + swiper.animating = false; | ||
1937 | + swiper.setTransition(0); | ||
1938 | + | ||
1939 | + var dir = direction; | ||
1940 | + if (!dir) { | ||
1941 | + if (activeIndex > previousIndex) { dir = 'next'; } | ||
1942 | + else if (activeIndex < previousIndex) { dir = 'prev'; } | ||
1943 | + else { dir = 'reset'; } | ||
1944 | + } | ||
1945 | + | ||
1946 | + swiper.emit('transitionEnd'); | ||
1947 | + | ||
1948 | + if (runCallbacks && activeIndex !== previousIndex) { | ||
1949 | + if (dir === 'reset') { | ||
1950 | + swiper.emit('slideResetTransitionEnd'); | ||
1951 | + return; | ||
1952 | + } | ||
1953 | + swiper.emit('slideChangeTransitionEnd'); | ||
1954 | + if (dir === 'next') { | ||
1955 | + swiper.emit('slideNextTransitionEnd'); | ||
1956 | + } else { | ||
1957 | + swiper.emit('slidePrevTransitionEnd'); | ||
1958 | + } | ||
1959 | + } | ||
1960 | + } | ||
1961 | + | ||
1962 | + var transition$1 = { | ||
1963 | + setTransition: setTransition, | ||
1964 | + transitionStart: transitionStart, | ||
1965 | + transitionEnd: transitionEnd$1, | ||
1966 | + }; | ||
1967 | + | ||
1968 | + function slideTo (index, speed, runCallbacks, internal) { | ||
1969 | + if ( index === void 0 ) index = 0; | ||
1970 | + if ( speed === void 0 ) speed = this.params.speed; | ||
1971 | + if ( runCallbacks === void 0 ) runCallbacks = true; | ||
1972 | + | ||
1973 | + var swiper = this; | ||
1974 | + var slideIndex = index; | ||
1975 | + if (slideIndex < 0) { slideIndex = 0; } | ||
1976 | + | ||
1977 | + var params = swiper.params; | ||
1978 | + var snapGrid = swiper.snapGrid; | ||
1979 | + var slidesGrid = swiper.slidesGrid; | ||
1980 | + var previousIndex = swiper.previousIndex; | ||
1981 | + var activeIndex = swiper.activeIndex; | ||
1982 | + var rtl = swiper.rtlTranslate; | ||
1983 | + if (swiper.animating && params.preventInteractionOnTransition) { | ||
1984 | + return false; | ||
1985 | + } | ||
1986 | + | ||
1987 | + var snapIndex = Math.floor(slideIndex / params.slidesPerGroup); | ||
1988 | + if (snapIndex >= snapGrid.length) { snapIndex = snapGrid.length - 1; } | ||
1989 | + | ||
1990 | + if ((activeIndex || params.initialSlide || 0) === (previousIndex || 0) && runCallbacks) { | ||
1991 | + swiper.emit('beforeSlideChangeStart'); | ||
1992 | + } | ||
1993 | + | ||
1994 | + var translate = -snapGrid[snapIndex]; | ||
1995 | + | ||
1996 | + // Update progress | ||
1997 | + swiper.updateProgress(translate); | ||
1998 | + | ||
1999 | + // Normalize slideIndex | ||
2000 | + if (params.normalizeSlideIndex) { | ||
2001 | + for (var i = 0; i < slidesGrid.length; i += 1) { | ||
2002 | + if (-Math.floor(translate * 100) >= Math.floor(slidesGrid[i] * 100)) { | ||
2003 | + slideIndex = i; | ||
2004 | + } | ||
2005 | + } | ||
2006 | + } | ||
2007 | + // Directions locks | ||
2008 | + if (swiper.initialized && slideIndex !== activeIndex) { | ||
2009 | + if (!swiper.allowSlideNext && translate < swiper.translate && translate < swiper.minTranslate()) { | ||
2010 | + return false; | ||
2011 | + } | ||
2012 | + if (!swiper.allowSlidePrev && translate > swiper.translate && translate > swiper.maxTranslate()) { | ||
2013 | + if ((activeIndex || 0) !== slideIndex) { return false; } | ||
2014 | + } | ||
2015 | + } | ||
2016 | + | ||
2017 | + var direction; | ||
2018 | + if (slideIndex > activeIndex) { direction = 'next'; } | ||
2019 | + else if (slideIndex < activeIndex) { direction = 'prev'; } | ||
2020 | + else { direction = 'reset'; } | ||
2021 | + | ||
2022 | + | ||
2023 | + // Update Index | ||
2024 | + if ((rtl && -translate === swiper.translate) || (!rtl && translate === swiper.translate)) { | ||
2025 | + swiper.updateActiveIndex(slideIndex); | ||
2026 | + // Update Height | ||
2027 | + if (params.autoHeight) { | ||
2028 | + swiper.updateAutoHeight(); | ||
2029 | + } | ||
2030 | + swiper.updateSlidesClasses(); | ||
2031 | + if (params.effect !== 'slide') { | ||
2032 | + swiper.setTranslate(translate); | ||
2033 | + } | ||
2034 | + if (direction !== 'reset') { | ||
2035 | + swiper.transitionStart(runCallbacks, direction); | ||
2036 | + swiper.transitionEnd(runCallbacks, direction); | ||
2037 | + } | ||
2038 | + return false; | ||
2039 | + } | ||
2040 | + | ||
2041 | + if (speed === 0 || !Support.transition) { | ||
2042 | + swiper.setTransition(0); | ||
2043 | + swiper.setTranslate(translate); | ||
2044 | + swiper.updateActiveIndex(slideIndex); | ||
2045 | + swiper.updateSlidesClasses(); | ||
2046 | + swiper.emit('beforeTransitionStart', speed, internal); | ||
2047 | + swiper.transitionStart(runCallbacks, direction); | ||
2048 | + swiper.transitionEnd(runCallbacks, direction); | ||
2049 | + } else { | ||
2050 | + swiper.setTransition(speed); | ||
2051 | + swiper.setTranslate(translate); | ||
2052 | + swiper.updateActiveIndex(slideIndex); | ||
2053 | + swiper.updateSlidesClasses(); | ||
2054 | + swiper.emit('beforeTransitionStart', speed, internal); | ||
2055 | + swiper.transitionStart(runCallbacks, direction); | ||
2056 | + if (!swiper.animating) { | ||
2057 | + swiper.animating = true; | ||
2058 | + if (!swiper.onSlideToWrapperTransitionEnd) { | ||
2059 | + swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) { | ||
2060 | + if (!swiper || swiper.destroyed) { return; } | ||
2061 | + if (e.target !== this) { return; } | ||
2062 | + swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd); | ||
2063 | + swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd); | ||
2064 | + swiper.onSlideToWrapperTransitionEnd = null; | ||
2065 | + delete swiper.onSlideToWrapperTransitionEnd; | ||
2066 | + swiper.transitionEnd(runCallbacks, direction); | ||
2067 | + }; | ||
2068 | + } | ||
2069 | + swiper.$wrapperEl[0].addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd); | ||
2070 | + swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd); | ||
2071 | + } | ||
2072 | + } | ||
2073 | + | ||
2074 | + return true; | ||
2075 | + } | ||
2076 | + | ||
2077 | + function slideToLoop (index, speed, runCallbacks, internal) { | ||
2078 | + if ( index === void 0 ) index = 0; | ||
2079 | + if ( speed === void 0 ) speed = this.params.speed; | ||
2080 | + if ( runCallbacks === void 0 ) runCallbacks = true; | ||
2081 | + | ||
2082 | + var swiper = this; | ||
2083 | + var newIndex = index; | ||
2084 | + if (swiper.params.loop) { | ||
2085 | + newIndex += swiper.loopedSlides; | ||
2086 | + } | ||
2087 | + | ||
2088 | + return swiper.slideTo(newIndex, speed, runCallbacks, internal); | ||
2089 | + } | ||
2090 | + | ||
2091 | + /* eslint no-unused-vars: "off" */ | ||
2092 | + function slideNext (speed, runCallbacks, internal) { | ||
2093 | + if ( speed === void 0 ) speed = this.params.speed; | ||
2094 | + if ( runCallbacks === void 0 ) runCallbacks = true; | ||
2095 | + | ||
2096 | + var swiper = this; | ||
2097 | + var params = swiper.params; | ||
2098 | + var animating = swiper.animating; | ||
2099 | + if (params.loop) { | ||
2100 | + if (animating) { return false; } | ||
2101 | + swiper.loopFix(); | ||
2102 | + // eslint-disable-next-line | ||
2103 | + swiper._clientLeft = swiper.$wrapperEl[0].clientLeft; | ||
2104 | + return swiper.slideTo(swiper.activeIndex + params.slidesPerGroup, speed, runCallbacks, internal); | ||
2105 | + } | ||
2106 | + return swiper.slideTo(swiper.activeIndex + params.slidesPerGroup, speed, runCallbacks, internal); | ||
2107 | + } | ||
2108 | + | ||
2109 | + /* eslint no-unused-vars: "off" */ | ||
2110 | + function slidePrev (speed, runCallbacks, internal) { | ||
2111 | + if ( speed === void 0 ) speed = this.params.speed; | ||
2112 | + if ( runCallbacks === void 0 ) runCallbacks = true; | ||
2113 | + | ||
2114 | + var swiper = this; | ||
2115 | + var params = swiper.params; | ||
2116 | + var animating = swiper.animating; | ||
2117 | + var snapGrid = swiper.snapGrid; | ||
2118 | + var slidesGrid = swiper.slidesGrid; | ||
2119 | + var rtlTranslate = swiper.rtlTranslate; | ||
2120 | + | ||
2121 | + if (params.loop) { | ||
2122 | + if (animating) { return false; } | ||
2123 | + swiper.loopFix(); | ||
2124 | + // eslint-disable-next-line | ||
2125 | + swiper._clientLeft = swiper.$wrapperEl[0].clientLeft; | ||
2126 | + } | ||
2127 | + var translate = rtlTranslate ? swiper.translate : -swiper.translate; | ||
2128 | + function normalize(val) { | ||
2129 | + if (val < 0) { return -Math.floor(Math.abs(val)); } | ||
2130 | + return Math.floor(val); | ||
2131 | + } | ||
2132 | + var normalizedTranslate = normalize(translate); | ||
2133 | + var normalizedSnapGrid = snapGrid.map(function (val) { return normalize(val); }); | ||
2134 | + var normalizedSlidesGrid = slidesGrid.map(function (val) { return normalize(val); }); | ||
2135 | + | ||
2136 | + var currentSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate)]; | ||
2137 | + var prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1]; | ||
2138 | + var prevIndex; | ||
2139 | + if (typeof prevSnap !== 'undefined') { | ||
2140 | + prevIndex = slidesGrid.indexOf(prevSnap); | ||
2141 | + if (prevIndex < 0) { prevIndex = swiper.activeIndex - 1; } | ||
2142 | + } | ||
2143 | + return swiper.slideTo(prevIndex, speed, runCallbacks, internal); | ||
2144 | + } | ||
2145 | + | ||
2146 | + /* eslint no-unused-vars: "off" */ | ||
2147 | + function slideReset (speed, runCallbacks, internal) { | ||
2148 | + if ( speed === void 0 ) speed = this.params.speed; | ||
2149 | + if ( runCallbacks === void 0 ) runCallbacks = true; | ||
2150 | + | ||
2151 | + var swiper = this; | ||
2152 | + return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal); | ||
2153 | + } | ||
2154 | + | ||
2155 | + /* eslint no-unused-vars: "off" */ | ||
2156 | + function slideToClosest (speed, runCallbacks, internal) { | ||
2157 | + if ( speed === void 0 ) speed = this.params.speed; | ||
2158 | + if ( runCallbacks === void 0 ) runCallbacks = true; | ||
2159 | + | ||
2160 | + var swiper = this; | ||
2161 | + var index = swiper.activeIndex; | ||
2162 | + var snapIndex = Math.floor(index / swiper.params.slidesPerGroup); | ||
2163 | + | ||
2164 | + if (snapIndex < swiper.snapGrid.length - 1) { | ||
2165 | + var translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate; | ||
2166 | + | ||
2167 | + var currentSnap = swiper.snapGrid[snapIndex]; | ||
2168 | + var nextSnap = swiper.snapGrid[snapIndex + 1]; | ||
2169 | + | ||
2170 | + if ((translate - currentSnap) > (nextSnap - currentSnap) / 2) { | ||
2171 | + index = swiper.params.slidesPerGroup; | ||
2172 | + } | ||
2173 | + } | ||
2174 | + | ||
2175 | + return swiper.slideTo(index, speed, runCallbacks, internal); | ||
2176 | + } | ||
2177 | + | ||
2178 | + function slideToClickedSlide () { | ||
2179 | + var swiper = this; | ||
2180 | + var params = swiper.params; | ||
2181 | + var $wrapperEl = swiper.$wrapperEl; | ||
2182 | + | ||
2183 | + var slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : params.slidesPerView; | ||
2184 | + var slideToIndex = swiper.clickedIndex; | ||
2185 | + var realIndex; | ||
2186 | + if (params.loop) { | ||
2187 | + if (swiper.animating) { return; } | ||
2188 | + realIndex = parseInt($(swiper.clickedSlide).attr('data-swiper-slide-index'), 10); | ||
2189 | + if (params.centeredSlides) { | ||
2190 | + if ( | ||
2191 | + (slideToIndex < swiper.loopedSlides - (slidesPerView / 2)) | ||
2192 | + || (slideToIndex > (swiper.slides.length - swiper.loopedSlides) + (slidesPerView / 2)) | ||
2193 | + ) { | ||
2194 | + swiper.loopFix(); | ||
2195 | + slideToIndex = $wrapperEl | ||
2196 | + .children(("." + (params.slideClass) + "[data-swiper-slide-index=\"" + realIndex + "\"]:not(." + (params.slideDuplicateClass) + ")")) | ||
2197 | + .eq(0) | ||
2198 | + .index(); | ||
2199 | + | ||
2200 | + Utils.nextTick(function () { | ||
2201 | + swiper.slideTo(slideToIndex); | ||
2202 | + }); | ||
2203 | + } else { | ||
2204 | + swiper.slideTo(slideToIndex); | ||
2205 | + } | ||
2206 | + } else if (slideToIndex > swiper.slides.length - slidesPerView) { | ||
2207 | + swiper.loopFix(); | ||
2208 | + slideToIndex = $wrapperEl | ||
2209 | + .children(("." + (params.slideClass) + "[data-swiper-slide-index=\"" + realIndex + "\"]:not(." + (params.slideDuplicateClass) + ")")) | ||
2210 | + .eq(0) | ||
2211 | + .index(); | ||
2212 | + | ||
2213 | + Utils.nextTick(function () { | ||
2214 | + swiper.slideTo(slideToIndex); | ||
2215 | + }); | ||
2216 | + } else { | ||
2217 | + swiper.slideTo(slideToIndex); | ||
2218 | + } | ||
2219 | + } else { | ||
2220 | + swiper.slideTo(slideToIndex); | ||
2221 | + } | ||
2222 | + } | ||
2223 | + | ||
2224 | + var slide = { | ||
2225 | + slideTo: slideTo, | ||
2226 | + slideToLoop: slideToLoop, | ||
2227 | + slideNext: slideNext, | ||
2228 | + slidePrev: slidePrev, | ||
2229 | + slideReset: slideReset, | ||
2230 | + slideToClosest: slideToClosest, | ||
2231 | + slideToClickedSlide: slideToClickedSlide, | ||
2232 | + }; | ||
2233 | + | ||
2234 | + function loopCreate () { | ||
2235 | + var swiper = this; | ||
2236 | + var params = swiper.params; | ||
2237 | + var $wrapperEl = swiper.$wrapperEl; | ||
2238 | + // Remove duplicated slides | ||
2239 | + $wrapperEl.children(("." + (params.slideClass) + "." + (params.slideDuplicateClass))).remove(); | ||
2240 | + | ||
2241 | + var slides = $wrapperEl.children(("." + (params.slideClass))); | ||
2242 | + | ||
2243 | + if (params.loopFillGroupWithBlank) { | ||
2244 | + var blankSlidesNum = params.slidesPerGroup - (slides.length % params.slidesPerGroup); | ||
2245 | + if (blankSlidesNum !== params.slidesPerGroup) { | ||
2246 | + for (var i = 0; i < blankSlidesNum; i += 1) { | ||
2247 | + var blankNode = $(doc.createElement('div')).addClass(((params.slideClass) + " " + (params.slideBlankClass))); | ||
2248 | + $wrapperEl.append(blankNode); | ||
2249 | + } | ||
2250 | + slides = $wrapperEl.children(("." + (params.slideClass))); | ||
2251 | + } | ||
2252 | + } | ||
2253 | + | ||
2254 | + if (params.slidesPerView === 'auto' && !params.loopedSlides) { params.loopedSlides = slides.length; } | ||
2255 | + | ||
2256 | + swiper.loopedSlides = parseInt(params.loopedSlides || params.slidesPerView, 10); | ||
2257 | + swiper.loopedSlides += params.loopAdditionalSlides; | ||
2258 | + if (swiper.loopedSlides > slides.length) { | ||
2259 | + swiper.loopedSlides = slides.length; | ||
2260 | + } | ||
2261 | + | ||
2262 | + var prependSlides = []; | ||
2263 | + var appendSlides = []; | ||
2264 | + slides.each(function (index, el) { | ||
2265 | + var slide = $(el); | ||
2266 | + if (index < swiper.loopedSlides) { appendSlides.push(el); } | ||
2267 | + if (index < slides.length && index >= slides.length - swiper.loopedSlides) { prependSlides.push(el); } | ||
2268 | + slide.attr('data-swiper-slide-index', index); | ||
2269 | + }); | ||
2270 | + for (var i$1 = 0; i$1 < appendSlides.length; i$1 += 1) { | ||
2271 | + $wrapperEl.append($(appendSlides[i$1].cloneNode(true)).addClass(params.slideDuplicateClass)); | ||
2272 | + } | ||
2273 | + for (var i$2 = prependSlides.length - 1; i$2 >= 0; i$2 -= 1) { | ||
2274 | + $wrapperEl.prepend($(prependSlides[i$2].cloneNode(true)).addClass(params.slideDuplicateClass)); | ||
2275 | + } | ||
2276 | + } | ||
2277 | + | ||
2278 | + function loopFix () { | ||
2279 | + var swiper = this; | ||
2280 | + var params = swiper.params; | ||
2281 | + var activeIndex = swiper.activeIndex; | ||
2282 | + var slides = swiper.slides; | ||
2283 | + var loopedSlides = swiper.loopedSlides; | ||
2284 | + var allowSlidePrev = swiper.allowSlidePrev; | ||
2285 | + var allowSlideNext = swiper.allowSlideNext; | ||
2286 | + var snapGrid = swiper.snapGrid; | ||
2287 | + var rtl = swiper.rtlTranslate; | ||
2288 | + var newIndex; | ||
2289 | + swiper.allowSlidePrev = true; | ||
2290 | + swiper.allowSlideNext = true; | ||
2291 | + | ||
2292 | + var snapTranslate = -snapGrid[activeIndex]; | ||
2293 | + var diff = snapTranslate - swiper.getTranslate(); | ||
2294 | + | ||
2295 | + | ||
2296 | + // Fix For Negative Oversliding | ||
2297 | + if (activeIndex < loopedSlides) { | ||
2298 | + newIndex = (slides.length - (loopedSlides * 3)) + activeIndex; | ||
2299 | + newIndex += loopedSlides; | ||
2300 | + var slideChanged = swiper.slideTo(newIndex, 0, false, true); | ||
2301 | + if (slideChanged && diff !== 0) { | ||
2302 | + swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff); | ||
2303 | + } | ||
2304 | + } else if ((params.slidesPerView === 'auto' && activeIndex >= loopedSlides * 2) || (activeIndex >= slides.length - loopedSlides)) { | ||
2305 | + // Fix For Positive Oversliding | ||
2306 | + newIndex = -slides.length + activeIndex + loopedSlides; | ||
2307 | + newIndex += loopedSlides; | ||
2308 | + var slideChanged$1 = swiper.slideTo(newIndex, 0, false, true); | ||
2309 | + if (slideChanged$1 && diff !== 0) { | ||
2310 | + swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff); | ||
2311 | + } | ||
2312 | + } | ||
2313 | + swiper.allowSlidePrev = allowSlidePrev; | ||
2314 | + swiper.allowSlideNext = allowSlideNext; | ||
2315 | + } | ||
2316 | + | ||
2317 | + function loopDestroy () { | ||
2318 | + var swiper = this; | ||
2319 | + var $wrapperEl = swiper.$wrapperEl; | ||
2320 | + var params = swiper.params; | ||
2321 | + var slides = swiper.slides; | ||
2322 | + $wrapperEl.children(("." + (params.slideClass) + "." + (params.slideDuplicateClass) + ",." + (params.slideClass) + "." + (params.slideBlankClass))).remove(); | ||
2323 | + slides.removeAttr('data-swiper-slide-index'); | ||
2324 | + } | ||
2325 | + | ||
2326 | + var loop = { | ||
2327 | + loopCreate: loopCreate, | ||
2328 | + loopFix: loopFix, | ||
2329 | + loopDestroy: loopDestroy, | ||
2330 | + }; | ||
2331 | + | ||
2332 | + function setGrabCursor (moving) { | ||
2333 | + var swiper = this; | ||
2334 | + if (Support.touch || !swiper.params.simulateTouch || (swiper.params.watchOverflow && swiper.isLocked)) { return; } | ||
2335 | + var el = swiper.el; | ||
2336 | + el.style.cursor = 'move'; | ||
2337 | + el.style.cursor = moving ? '-webkit-grabbing' : '-webkit-grab'; | ||
2338 | + el.style.cursor = moving ? '-moz-grabbin' : '-moz-grab'; | ||
2339 | + el.style.cursor = moving ? 'grabbing' : 'grab'; | ||
2340 | + } | ||
2341 | + | ||
2342 | + function unsetGrabCursor () { | ||
2343 | + var swiper = this; | ||
2344 | + if (Support.touch || (swiper.params.watchOverflow && swiper.isLocked)) { return; } | ||
2345 | + swiper.el.style.cursor = ''; | ||
2346 | + } | ||
2347 | + | ||
2348 | + var grabCursor = { | ||
2349 | + setGrabCursor: setGrabCursor, | ||
2350 | + unsetGrabCursor: unsetGrabCursor, | ||
2351 | + }; | ||
2352 | + | ||
2353 | + function appendSlide (slides) { | ||
2354 | + var swiper = this; | ||
2355 | + var $wrapperEl = swiper.$wrapperEl; | ||
2356 | + var params = swiper.params; | ||
2357 | + if (params.loop) { | ||
2358 | + swiper.loopDestroy(); | ||
2359 | + } | ||
2360 | + if (typeof slides === 'object' && 'length' in slides) { | ||
2361 | + for (var i = 0; i < slides.length; i += 1) { | ||
2362 | + if (slides[i]) { $wrapperEl.append(slides[i]); } | ||
2363 | + } | ||
2364 | + } else { | ||
2365 | + $wrapperEl.append(slides); | ||
2366 | + } | ||
2367 | + if (params.loop) { | ||
2368 | + swiper.loopCreate(); | ||
2369 | + } | ||
2370 | + if (!(params.observer && Support.observer)) { | ||
2371 | + swiper.update(); | ||
2372 | + } | ||
2373 | + } | ||
2374 | + | ||
2375 | + function prependSlide (slides) { | ||
2376 | + var swiper = this; | ||
2377 | + var params = swiper.params; | ||
2378 | + var $wrapperEl = swiper.$wrapperEl; | ||
2379 | + var activeIndex = swiper.activeIndex; | ||
2380 | + | ||
2381 | + if (params.loop) { | ||
2382 | + swiper.loopDestroy(); | ||
2383 | + } | ||
2384 | + var newActiveIndex = activeIndex + 1; | ||
2385 | + if (typeof slides === 'object' && 'length' in slides) { | ||
2386 | + for (var i = 0; i < slides.length; i += 1) { | ||
2387 | + if (slides[i]) { $wrapperEl.prepend(slides[i]); } | ||
2388 | + } | ||
2389 | + newActiveIndex = activeIndex + slides.length; | ||
2390 | + } else { | ||
2391 | + $wrapperEl.prepend(slides); | ||
2392 | + } | ||
2393 | + if (params.loop) { | ||
2394 | + swiper.loopCreate(); | ||
2395 | + } | ||
2396 | + if (!(params.observer && Support.observer)) { | ||
2397 | + swiper.update(); | ||
2398 | + } | ||
2399 | + swiper.slideTo(newActiveIndex, 0, false); | ||
2400 | + } | ||
2401 | + | ||
2402 | + function addSlide (index, slides) { | ||
2403 | + var swiper = this; | ||
2404 | + var $wrapperEl = swiper.$wrapperEl; | ||
2405 | + var params = swiper.params; | ||
2406 | + var activeIndex = swiper.activeIndex; | ||
2407 | + var activeIndexBuffer = activeIndex; | ||
2408 | + if (params.loop) { | ||
2409 | + activeIndexBuffer -= swiper.loopedSlides; | ||
2410 | + swiper.loopDestroy(); | ||
2411 | + swiper.slides = $wrapperEl.children(("." + (params.slideClass))); | ||
2412 | + } | ||
2413 | + var baseLength = swiper.slides.length; | ||
2414 | + if (index <= 0) { | ||
2415 | + swiper.prependSlide(slides); | ||
2416 | + return; | ||
2417 | + } | ||
2418 | + if (index >= baseLength) { | ||
2419 | + swiper.appendSlide(slides); | ||
2420 | + return; | ||
2421 | + } | ||
2422 | + var newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + 1 : activeIndexBuffer; | ||
2423 | + | ||
2424 | + var slidesBuffer = []; | ||
2425 | + for (var i = baseLength - 1; i >= index; i -= 1) { | ||
2426 | + var currentSlide = swiper.slides.eq(i); | ||
2427 | + currentSlide.remove(); | ||
2428 | + slidesBuffer.unshift(currentSlide); | ||
2429 | + } | ||
2430 | + | ||
2431 | + if (typeof slides === 'object' && 'length' in slides) { | ||
2432 | + for (var i$1 = 0; i$1 < slides.length; i$1 += 1) { | ||
2433 | + if (slides[i$1]) { $wrapperEl.append(slides[i$1]); } | ||
2434 | + } | ||
2435 | + newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + slides.length : activeIndexBuffer; | ||
2436 | + } else { | ||
2437 | + $wrapperEl.append(slides); | ||
2438 | + } | ||
2439 | + | ||
2440 | + for (var i$2 = 0; i$2 < slidesBuffer.length; i$2 += 1) { | ||
2441 | + $wrapperEl.append(slidesBuffer[i$2]); | ||
2442 | + } | ||
2443 | + | ||
2444 | + if (params.loop) { | ||
2445 | + swiper.loopCreate(); | ||
2446 | + } | ||
2447 | + if (!(params.observer && Support.observer)) { | ||
2448 | + swiper.update(); | ||
2449 | + } | ||
2450 | + if (params.loop) { | ||
2451 | + swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false); | ||
2452 | + } else { | ||
2453 | + swiper.slideTo(newActiveIndex, 0, false); | ||
2454 | + } | ||
2455 | + } | ||
2456 | + | ||
2457 | + function removeSlide (slidesIndexes) { | ||
2458 | + var swiper = this; | ||
2459 | + var params = swiper.params; | ||
2460 | + var $wrapperEl = swiper.$wrapperEl; | ||
2461 | + var activeIndex = swiper.activeIndex; | ||
2462 | + | ||
2463 | + var activeIndexBuffer = activeIndex; | ||
2464 | + if (params.loop) { | ||
2465 | + activeIndexBuffer -= swiper.loopedSlides; | ||
2466 | + swiper.loopDestroy(); | ||
2467 | + swiper.slides = $wrapperEl.children(("." + (params.slideClass))); | ||
2468 | + } | ||
2469 | + var newActiveIndex = activeIndexBuffer; | ||
2470 | + var indexToRemove; | ||
2471 | + | ||
2472 | + if (typeof slidesIndexes === 'object' && 'length' in slidesIndexes) { | ||
2473 | + for (var i = 0; i < slidesIndexes.length; i += 1) { | ||
2474 | + indexToRemove = slidesIndexes[i]; | ||
2475 | + if (swiper.slides[indexToRemove]) { swiper.slides.eq(indexToRemove).remove(); } | ||
2476 | + if (indexToRemove < newActiveIndex) { newActiveIndex -= 1; } | ||
2477 | + } | ||
2478 | + newActiveIndex = Math.max(newActiveIndex, 0); | ||
2479 | + } else { | ||
2480 | + indexToRemove = slidesIndexes; | ||
2481 | + if (swiper.slides[indexToRemove]) { swiper.slides.eq(indexToRemove).remove(); } | ||
2482 | + if (indexToRemove < newActiveIndex) { newActiveIndex -= 1; } | ||
2483 | + newActiveIndex = Math.max(newActiveIndex, 0); | ||
2484 | + } | ||
2485 | + | ||
2486 | + if (params.loop) { | ||
2487 | + swiper.loopCreate(); | ||
2488 | + } | ||
2489 | + | ||
2490 | + if (!(params.observer && Support.observer)) { | ||
2491 | + swiper.update(); | ||
2492 | + } | ||
2493 | + if (params.loop) { | ||
2494 | + swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false); | ||
2495 | + } else { | ||
2496 | + swiper.slideTo(newActiveIndex, 0, false); | ||
2497 | + } | ||
2498 | + } | ||
2499 | + | ||
2500 | + function removeAllSlides () { | ||
2501 | + var swiper = this; | ||
2502 | + | ||
2503 | + var slidesIndexes = []; | ||
2504 | + for (var i = 0; i < swiper.slides.length; i += 1) { | ||
2505 | + slidesIndexes.push(i); | ||
2506 | + } | ||
2507 | + swiper.removeSlide(slidesIndexes); | ||
2508 | + } | ||
2509 | + | ||
2510 | + var manipulation = { | ||
2511 | + appendSlide: appendSlide, | ||
2512 | + prependSlide: prependSlide, | ||
2513 | + addSlide: addSlide, | ||
2514 | + removeSlide: removeSlide, | ||
2515 | + removeAllSlides: removeAllSlides, | ||
2516 | + }; | ||
2517 | + | ||
2518 | + var Device = (function Device() { | ||
2519 | + var ua = win.navigator.userAgent; | ||
2520 | + | ||
2521 | + var device = { | ||
2522 | + ios: false, | ||
2523 | + android: false, | ||
2524 | + androidChrome: false, | ||
2525 | + desktop: false, | ||
2526 | + windows: false, | ||
2527 | + iphone: false, | ||
2528 | + ipod: false, | ||
2529 | + ipad: false, | ||
2530 | + cordova: win.cordova || win.phonegap, | ||
2531 | + phonegap: win.cordova || win.phonegap, | ||
2532 | + }; | ||
2533 | + | ||
2534 | + var windows = ua.match(/(Windows Phone);?[\s\/]+([\d.]+)?/); // eslint-disable-line | ||
2535 | + var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line | ||
2536 | + var ipad = ua.match(/(iPad).*OS\s([\d_]+)/); | ||
2537 | + var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/); | ||
2538 | + var iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/); | ||
2539 | + | ||
2540 | + | ||
2541 | + // Windows | ||
2542 | + if (windows) { | ||
2543 | + device.os = 'windows'; | ||
2544 | + device.osVersion = windows[2]; | ||
2545 | + device.windows = true; | ||
2546 | + } | ||
2547 | + // Android | ||
2548 | + if (android && !windows) { | ||
2549 | + device.os = 'android'; | ||
2550 | + device.osVersion = android[2]; | ||
2551 | + device.android = true; | ||
2552 | + device.androidChrome = ua.toLowerCase().indexOf('chrome') >= 0; | ||
2553 | + } | ||
2554 | + if (ipad || iphone || ipod) { | ||
2555 | + device.os = 'ios'; | ||
2556 | + device.ios = true; | ||
2557 | + } | ||
2558 | + // iOS | ||
2559 | + if (iphone && !ipod) { | ||
2560 | + device.osVersion = iphone[2].replace(/_/g, '.'); | ||
2561 | + device.iphone = true; | ||
2562 | + } | ||
2563 | + if (ipad) { | ||
2564 | + device.osVersion = ipad[2].replace(/_/g, '.'); | ||
2565 | + device.ipad = true; | ||
2566 | + } | ||
2567 | + if (ipod) { | ||
2568 | + device.osVersion = ipod[3] ? ipod[3].replace(/_/g, '.') : null; | ||
2569 | + device.iphone = true; | ||
2570 | + } | ||
2571 | + // iOS 8+ changed UA | ||
2572 | + if (device.ios && device.osVersion && ua.indexOf('Version/') >= 0) { | ||
2573 | + if (device.osVersion.split('.')[0] === '10') { | ||
2574 | + device.osVersion = ua.toLowerCase().split('version/')[1].split(' ')[0]; | ||
2575 | + } | ||
2576 | + } | ||
2577 | + | ||
2578 | + // Desktop | ||
2579 | + device.desktop = !(device.os || device.android || device.webView); | ||
2580 | + | ||
2581 | + // Webview | ||
2582 | + device.webView = (iphone || ipad || ipod) && ua.match(/.*AppleWebKit(?!.*Safari)/i); | ||
2583 | + | ||
2584 | + // Minimal UI | ||
2585 | + if (device.os && device.os === 'ios') { | ||
2586 | + var osVersionArr = device.osVersion.split('.'); | ||
2587 | + var metaViewport = doc.querySelector('meta[name="viewport"]'); | ||
2588 | + device.minimalUi = !device.webView | ||
2589 | + && (ipod || iphone) | ||
2590 | + && (osVersionArr[0] * 1 === 7 ? osVersionArr[1] * 1 >= 1 : osVersionArr[0] * 1 > 7) | ||
2591 | + && metaViewport && metaViewport.getAttribute('content').indexOf('minimal-ui') >= 0; | ||
2592 | + } | ||
2593 | + | ||
2594 | + // Pixel Ratio | ||
2595 | + device.pixelRatio = win.devicePixelRatio || 1; | ||
2596 | + | ||
2597 | + // Export object | ||
2598 | + return device; | ||
2599 | + }()); | ||
2600 | + | ||
2601 | + function onTouchStart (event) { | ||
2602 | + var swiper = this; | ||
2603 | + var data = swiper.touchEventsData; | ||
2604 | + var params = swiper.params; | ||
2605 | + var touches = swiper.touches; | ||
2606 | + if (swiper.animating && params.preventInteractionOnTransition) { | ||
2607 | + return; | ||
2608 | + } | ||
2609 | + var e = event; | ||
2610 | + if (e.originalEvent) { e = e.originalEvent; } | ||
2611 | + data.isTouchEvent = e.type === 'touchstart'; | ||
2612 | + if (!data.isTouchEvent && 'which' in e && e.which === 3) { return; } | ||
2613 | + if (!data.isTouchEvent && 'button' in e && e.button > 0) { return; } | ||
2614 | + if (data.isTouched && data.isMoved) { return; } | ||
2615 | + if (params.noSwiping && $(e.target).closest(params.noSwipingSelector ? params.noSwipingSelector : ("." + (params.noSwipingClass)))[0]) { | ||
2616 | + swiper.allowClick = true; | ||
2617 | + return; | ||
2618 | + } | ||
2619 | + if (params.swipeHandler) { | ||
2620 | + if (!$(e).closest(params.swipeHandler)[0]) { return; } | ||
2621 | + } | ||
2622 | + | ||
2623 | + touches.currentX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; | ||
2624 | + touches.currentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; | ||
2625 | + var startX = touches.currentX; | ||
2626 | + var startY = touches.currentY; | ||
2627 | + | ||
2628 | + // Do NOT start if iOS edge swipe is detected. Otherwise iOS app (UIWebView) cannot swipe-to-go-back anymore | ||
2629 | + | ||
2630 | + var edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection; | ||
2631 | + var edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold; | ||
2632 | + if ( | ||
2633 | + edgeSwipeDetection | ||
2634 | + && ((startX <= edgeSwipeThreshold) | ||
2635 | + || (startX >= win.screen.width - edgeSwipeThreshold)) | ||
2636 | + ) { | ||
2637 | + return; | ||
2638 | + } | ||
2639 | + | ||
2640 | + Utils.extend(data, { | ||
2641 | + isTouched: true, | ||
2642 | + isMoved: false, | ||
2643 | + allowTouchCallbacks: true, | ||
2644 | + isScrolling: undefined, | ||
2645 | + startMoving: undefined, | ||
2646 | + }); | ||
2647 | + | ||
2648 | + touches.startX = startX; | ||
2649 | + touches.startY = startY; | ||
2650 | + data.touchStartTime = Utils.now(); | ||
2651 | + swiper.allowClick = true; | ||
2652 | + swiper.updateSize(); | ||
2653 | + swiper.swipeDirection = undefined; | ||
2654 | + if (params.threshold > 0) { data.allowThresholdMove = false; } | ||
2655 | + if (e.type !== 'touchstart') { | ||
2656 | + var preventDefault = true; | ||
2657 | + if ($(e.target).is(data.formElements)) { preventDefault = false; } | ||
2658 | + if ( | ||
2659 | + doc.activeElement | ||
2660 | + && $(doc.activeElement).is(data.formElements) | ||
2661 | + && doc.activeElement !== e.target | ||
2662 | + ) { | ||
2663 | + doc.activeElement.blur(); | ||
2664 | + } | ||
2665 | + | ||
2666 | + var shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault; | ||
2667 | + if (params.touchStartForcePreventDefault || shouldPreventDefault) { | ||
2668 | + e.preventDefault(); | ||
2669 | + } | ||
2670 | + } | ||
2671 | + swiper.emit('touchStart', e); | ||
2672 | + } | ||
2673 | + | ||
2674 | + function onTouchMove (event) { | ||
2675 | + var swiper = this; | ||
2676 | + var data = swiper.touchEventsData; | ||
2677 | + var params = swiper.params; | ||
2678 | + var touches = swiper.touches; | ||
2679 | + var rtl = swiper.rtlTranslate; | ||
2680 | + var e = event; | ||
2681 | + if (e.originalEvent) { e = e.originalEvent; } | ||
2682 | + if (!data.isTouched) { | ||
2683 | + if (data.startMoving && data.isScrolling) { | ||
2684 | + swiper.emit('touchMoveOpposite', e); | ||
2685 | + } | ||
2686 | + return; | ||
2687 | + } | ||
2688 | + if (data.isTouchEvent && e.type === 'mousemove') { return; } | ||
2689 | + var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX; | ||
2690 | + var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY; | ||
2691 | + if (e.preventedByNestedSwiper) { | ||
2692 | + touches.startX = pageX; | ||
2693 | + touches.startY = pageY; | ||
2694 | + return; | ||
2695 | + } | ||
2696 | + if (!swiper.allowTouchMove) { | ||
2697 | + // isMoved = true; | ||
2698 | + swiper.allowClick = false; | ||
2699 | + if (data.isTouched) { | ||
2700 | + Utils.extend(touches, { | ||
2701 | + startX: pageX, | ||
2702 | + startY: pageY, | ||
2703 | + currentX: pageX, | ||
2704 | + currentY: pageY, | ||
2705 | + }); | ||
2706 | + data.touchStartTime = Utils.now(); | ||
2707 | + } | ||
2708 | + return; | ||
2709 | + } | ||
2710 | + if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) { | ||
2711 | + if (swiper.isVertical()) { | ||
2712 | + // Vertical | ||
2713 | + if ( | ||
2714 | + (pageY < touches.startY && swiper.translate <= swiper.maxTranslate()) | ||
2715 | + || (pageY > touches.startY && swiper.translate >= swiper.minTranslate()) | ||
2716 | + ) { | ||
2717 | + data.isTouched = false; | ||
2718 | + data.isMoved = false; | ||
2719 | + return; | ||
2720 | + } | ||
2721 | + } else if ( | ||
2722 | + (pageX < touches.startX && swiper.translate <= swiper.maxTranslate()) | ||
2723 | + || (pageX > touches.startX && swiper.translate >= swiper.minTranslate()) | ||
2724 | + ) { | ||
2725 | + return; | ||
2726 | + } | ||
2727 | + } | ||
2728 | + if (data.isTouchEvent && doc.activeElement) { | ||
2729 | + if (e.target === doc.activeElement && $(e.target).is(data.formElements)) { | ||
2730 | + data.isMoved = true; | ||
2731 | + swiper.allowClick = false; | ||
2732 | + return; | ||
2733 | + } | ||
2734 | + } | ||
2735 | + if (data.allowTouchCallbacks) { | ||
2736 | + swiper.emit('touchMove', e); | ||
2737 | + } | ||
2738 | + if (e.targetTouches && e.targetTouches.length > 1) { return; } | ||
2739 | + | ||
2740 | + touches.currentX = pageX; | ||
2741 | + touches.currentY = pageY; | ||
2742 | + | ||
2743 | + var diffX = touches.currentX - touches.startX; | ||
2744 | + var diffY = touches.currentY - touches.startY; | ||
2745 | + if (swiper.params.threshold && Math.sqrt((Math.pow( diffX, 2 )) + (Math.pow( diffY, 2 ))) < swiper.params.threshold) { return; } | ||
2746 | + | ||
2747 | + if (typeof data.isScrolling === 'undefined') { | ||
2748 | + var touchAngle; | ||
2749 | + if ((swiper.isHorizontal() && touches.currentY === touches.startY) || (swiper.isVertical() && touches.currentX === touches.startX)) { | ||
2750 | + data.isScrolling = false; | ||
2751 | + } else { | ||
2752 | + // eslint-disable-next-line | ||
2753 | + if ((diffX * diffX) + (diffY * diffY) >= 25) { | ||
2754 | + touchAngle = (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI; | ||
2755 | + data.isScrolling = swiper.isHorizontal() ? touchAngle > params.touchAngle : (90 - touchAngle > params.touchAngle); | ||
2756 | + } | ||
2757 | + } | ||
2758 | + } | ||
2759 | + if (data.isScrolling) { | ||
2760 | + swiper.emit('touchMoveOpposite', e); | ||
2761 | + } | ||
2762 | + if (typeof data.startMoving === 'undefined') { | ||
2763 | + if (touches.currentX !== touches.startX || touches.currentY !== touches.startY) { | ||
2764 | + data.startMoving = true; | ||
2765 | + } | ||
2766 | + } | ||
2767 | + if (data.isScrolling) { | ||
2768 | + data.isTouched = false; | ||
2769 | + return; | ||
2770 | + } | ||
2771 | + if (!data.startMoving) { | ||
2772 | + return; | ||
2773 | + } | ||
2774 | + swiper.allowClick = false; | ||
2775 | + e.preventDefault(); | ||
2776 | + if (params.touchMoveStopPropagation && !params.nested) { | ||
2777 | + e.stopPropagation(); | ||
2778 | + } | ||
2779 | + | ||
2780 | + if (!data.isMoved) { | ||
2781 | + if (params.loop) { | ||
2782 | + swiper.loopFix(); | ||
2783 | + } | ||
2784 | + data.startTranslate = swiper.getTranslate(); | ||
2785 | + swiper.setTransition(0); | ||
2786 | + if (swiper.animating) { | ||
2787 | + swiper.$wrapperEl.trigger('webkitTransitionEnd transitionend'); | ||
2788 | + } | ||
2789 | + data.allowMomentumBounce = false; | ||
2790 | + // Grab Cursor | ||
2791 | + if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) { | ||
2792 | + swiper.setGrabCursor(true); | ||
2793 | + } | ||
2794 | + swiper.emit('sliderFirstMove', e); | ||
2795 | + } | ||
2796 | + swiper.emit('sliderMove', e); | ||
2797 | + data.isMoved = true; | ||
2798 | + | ||
2799 | + var diff = swiper.isHorizontal() ? diffX : diffY; | ||
2800 | + touches.diff = diff; | ||
2801 | + | ||
2802 | + diff *= params.touchRatio; | ||
2803 | + if (rtl) { diff = -diff; } | ||
2804 | + | ||
2805 | + swiper.swipeDirection = diff > 0 ? 'prev' : 'next'; | ||
2806 | + data.currentTranslate = diff + data.startTranslate; | ||
2807 | + | ||
2808 | + var disableParentSwiper = true; | ||
2809 | + var resistanceRatio = params.resistanceRatio; | ||
2810 | + if (params.touchReleaseOnEdges) { | ||
2811 | + resistanceRatio = 0; | ||
2812 | + } | ||
2813 | + if ((diff > 0 && data.currentTranslate > swiper.minTranslate())) { | ||
2814 | + disableParentSwiper = false; | ||
2815 | + if (params.resistance) { data.currentTranslate = (swiper.minTranslate() - 1) + (Math.pow( (-swiper.minTranslate() + data.startTranslate + diff), resistanceRatio )); } | ||
2816 | + } else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) { | ||
2817 | + disableParentSwiper = false; | ||
2818 | + if (params.resistance) { data.currentTranslate = (swiper.maxTranslate() + 1) - (Math.pow( (swiper.maxTranslate() - data.startTranslate - diff), resistanceRatio )); } | ||
2819 | + } | ||
2820 | + | ||
2821 | + if (disableParentSwiper) { | ||
2822 | + e.preventedByNestedSwiper = true; | ||
2823 | + } | ||
2824 | + | ||
2825 | + // Directions locks | ||
2826 | + if (!swiper.allowSlideNext && swiper.swipeDirection === 'next' && data.currentTranslate < data.startTranslate) { | ||
2827 | + data.currentTranslate = data.startTranslate; | ||
2828 | + } | ||
2829 | + if (!swiper.allowSlidePrev && swiper.swipeDirection === 'prev' && data.currentTranslate > data.startTranslate) { | ||
2830 | + data.currentTranslate = data.startTranslate; | ||
2831 | + } | ||
2832 | + | ||
2833 | + | ||
2834 | + // Threshold | ||
2835 | + if (params.threshold > 0) { | ||
2836 | + if (Math.abs(diff) > params.threshold || data.allowThresholdMove) { | ||
2837 | + if (!data.allowThresholdMove) { | ||
2838 | + data.allowThresholdMove = true; | ||
2839 | + touches.startX = touches.currentX; | ||
2840 | + touches.startY = touches.currentY; | ||
2841 | + data.currentTranslate = data.startTranslate; | ||
2842 | + touches.diff = swiper.isHorizontal() ? touches.currentX - touches.startX : touches.currentY - touches.startY; | ||
2843 | + return; | ||
2844 | + } | ||
2845 | + } else { | ||
2846 | + data.currentTranslate = data.startTranslate; | ||
2847 | + return; | ||
2848 | + } | ||
2849 | + } | ||
2850 | + | ||
2851 | + if (!params.followFinger) { return; } | ||
2852 | + | ||
2853 | + // Update active index in free mode | ||
2854 | + if (params.freeMode || params.watchSlidesProgress || params.watchSlidesVisibility) { | ||
2855 | + swiper.updateActiveIndex(); | ||
2856 | + swiper.updateSlidesClasses(); | ||
2857 | + } | ||
2858 | + if (params.freeMode) { | ||
2859 | + // Velocity | ||
2860 | + if (data.velocities.length === 0) { | ||
2861 | + data.velocities.push({ | ||
2862 | + position: touches[swiper.isHorizontal() ? 'startX' : 'startY'], | ||
2863 | + time: data.touchStartTime, | ||
2864 | + }); | ||
2865 | + } | ||
2866 | + data.velocities.push({ | ||
2867 | + position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'], | ||
2868 | + time: Utils.now(), | ||
2869 | + }); | ||
2870 | + } | ||
2871 | + // Update progress | ||
2872 | + swiper.updateProgress(data.currentTranslate); | ||
2873 | + // Update translate | ||
2874 | + swiper.setTranslate(data.currentTranslate); | ||
2875 | + } | ||
2876 | + | ||
2877 | + function onTouchEnd (event) { | ||
2878 | + var swiper = this; | ||
2879 | + var data = swiper.touchEventsData; | ||
2880 | + | ||
2881 | + var params = swiper.params; | ||
2882 | + var touches = swiper.touches; | ||
2883 | + var rtl = swiper.rtlTranslate; | ||
2884 | + var $wrapperEl = swiper.$wrapperEl; | ||
2885 | + var slidesGrid = swiper.slidesGrid; | ||
2886 | + var snapGrid = swiper.snapGrid; | ||
2887 | + var e = event; | ||
2888 | + if (e.originalEvent) { e = e.originalEvent; } | ||
2889 | + if (data.allowTouchCallbacks) { | ||
2890 | + swiper.emit('touchEnd', e); | ||
2891 | + } | ||
2892 | + data.allowTouchCallbacks = false; | ||
2893 | + if (!data.isTouched) { | ||
2894 | + if (data.isMoved && params.grabCursor) { | ||
2895 | + swiper.setGrabCursor(false); | ||
2896 | + } | ||
2897 | + data.isMoved = false; | ||
2898 | + data.startMoving = false; | ||
2899 | + return; | ||
2900 | + } | ||
2901 | + // Return Grab Cursor | ||
2902 | + if (params.grabCursor && data.isMoved && data.isTouched && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) { | ||
2903 | + swiper.setGrabCursor(false); | ||
2904 | + } | ||
2905 | + | ||
2906 | + // Time diff | ||
2907 | + var touchEndTime = Utils.now(); | ||
2908 | + var timeDiff = touchEndTime - data.touchStartTime; | ||
2909 | + | ||
2910 | + // Tap, doubleTap, Click | ||
2911 | + if (swiper.allowClick) { | ||
2912 | + swiper.updateClickedSlide(e); | ||
2913 | + swiper.emit('tap', e); | ||
2914 | + if (timeDiff < 300 && (touchEndTime - data.lastClickTime) > 300) { | ||
2915 | + if (data.clickTimeout) { clearTimeout(data.clickTimeout); } | ||
2916 | + data.clickTimeout = Utils.nextTick(function () { | ||
2917 | + if (!swiper || swiper.destroyed) { return; } | ||
2918 | + swiper.emit('click', e); | ||
2919 | + }, 300); | ||
2920 | + } | ||
2921 | + if (timeDiff < 300 && (touchEndTime - data.lastClickTime) < 300) { | ||
2922 | + if (data.clickTimeout) { clearTimeout(data.clickTimeout); } | ||
2923 | + swiper.emit('doubleTap', e); | ||
2924 | + } | ||
2925 | + } | ||
2926 | + | ||
2927 | + data.lastClickTime = Utils.now(); | ||
2928 | + Utils.nextTick(function () { | ||
2929 | + if (!swiper.destroyed) { swiper.allowClick = true; } | ||
2930 | + }); | ||
2931 | + | ||
2932 | + if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || touches.diff === 0 || data.currentTranslate === data.startTranslate) { | ||
2933 | + data.isTouched = false; | ||
2934 | + data.isMoved = false; | ||
2935 | + data.startMoving = false; | ||
2936 | + return; | ||
2937 | + } | ||
2938 | + data.isTouched = false; | ||
2939 | + data.isMoved = false; | ||
2940 | + data.startMoving = false; | ||
2941 | + | ||
2942 | + var currentPos; | ||
2943 | + if (params.followFinger) { | ||
2944 | + currentPos = rtl ? swiper.translate : -swiper.translate; | ||
2945 | + } else { | ||
2946 | + currentPos = -data.currentTranslate; | ||
2947 | + } | ||
2948 | + | ||
2949 | + if (params.freeMode) { | ||
2950 | + if (currentPos < -swiper.minTranslate()) { | ||
2951 | + swiper.slideTo(swiper.activeIndex); | ||
2952 | + return; | ||
2953 | + } | ||
2954 | + if (currentPos > -swiper.maxTranslate()) { | ||
2955 | + if (swiper.slides.length < snapGrid.length) { | ||
2956 | + swiper.slideTo(snapGrid.length - 1); | ||
2957 | + } else { | ||
2958 | + swiper.slideTo(swiper.slides.length - 1); | ||
2959 | + } | ||
2960 | + return; | ||
2961 | + } | ||
2962 | + | ||
2963 | + if (params.freeModeMomentum) { | ||
2964 | + if (data.velocities.length > 1) { | ||
2965 | + var lastMoveEvent = data.velocities.pop(); | ||
2966 | + var velocityEvent = data.velocities.pop(); | ||
2967 | + | ||
2968 | + var distance = lastMoveEvent.position - velocityEvent.position; | ||
2969 | + var time = lastMoveEvent.time - velocityEvent.time; | ||
2970 | + swiper.velocity = distance / time; | ||
2971 | + swiper.velocity /= 2; | ||
2972 | + if (Math.abs(swiper.velocity) < params.freeModeMinimumVelocity) { | ||
2973 | + swiper.velocity = 0; | ||
2974 | + } | ||
2975 | + // this implies that the user stopped moving a finger then released. | ||
2976 | + // There would be no events with distance zero, so the last event is stale. | ||
2977 | + if (time > 150 || (Utils.now() - lastMoveEvent.time) > 300) { | ||
2978 | + swiper.velocity = 0; | ||
2979 | + } | ||
2980 | + } else { | ||
2981 | + swiper.velocity = 0; | ||
2982 | + } | ||
2983 | + swiper.velocity *= params.freeModeMomentumVelocityRatio; | ||
2984 | + | ||
2985 | + data.velocities.length = 0; | ||
2986 | + var momentumDuration = 1000 * params.freeModeMomentumRatio; | ||
2987 | + var momentumDistance = swiper.velocity * momentumDuration; | ||
2988 | + | ||
2989 | + var newPosition = swiper.translate + momentumDistance; | ||
2990 | + if (rtl) { newPosition = -newPosition; } | ||
2991 | + | ||
2992 | + var doBounce = false; | ||
2993 | + var afterBouncePosition; | ||
2994 | + var bounceAmount = Math.abs(swiper.velocity) * 20 * params.freeModeMomentumBounceRatio; | ||
2995 | + var needsLoopFix; | ||
2996 | + if (newPosition < swiper.maxTranslate()) { | ||
2997 | + if (params.freeModeMomentumBounce) { | ||
2998 | + if (newPosition + swiper.maxTranslate() < -bounceAmount) { | ||
2999 | + newPosition = swiper.maxTranslate() - bounceAmount; | ||
3000 | + } | ||
3001 | + afterBouncePosition = swiper.maxTranslate(); | ||
3002 | + doBounce = true; | ||
3003 | + data.allowMomentumBounce = true; | ||
3004 | + } else { | ||
3005 | + newPosition = swiper.maxTranslate(); | ||
3006 | + } | ||
3007 | + if (params.loop && params.centeredSlides) { needsLoopFix = true; } | ||
3008 | + } else if (newPosition > swiper.minTranslate()) { | ||
3009 | + if (params.freeModeMomentumBounce) { | ||
3010 | + if (newPosition - swiper.minTranslate() > bounceAmount) { | ||
3011 | + newPosition = swiper.minTranslate() + bounceAmount; | ||
3012 | + } | ||
3013 | + afterBouncePosition = swiper.minTranslate(); | ||
3014 | + doBounce = true; | ||
3015 | + data.allowMomentumBounce = true; | ||
3016 | + } else { | ||
3017 | + newPosition = swiper.minTranslate(); | ||
3018 | + } | ||
3019 | + if (params.loop && params.centeredSlides) { needsLoopFix = true; } | ||
3020 | + } else if (params.freeModeSticky) { | ||
3021 | + var nextSlide; | ||
3022 | + for (var j = 0; j < snapGrid.length; j += 1) { | ||
3023 | + if (snapGrid[j] > -newPosition) { | ||
3024 | + nextSlide = j; | ||
3025 | + break; | ||
3026 | + } | ||
3027 | + } | ||
3028 | + | ||
3029 | + if (Math.abs(snapGrid[nextSlide] - newPosition) < Math.abs(snapGrid[nextSlide - 1] - newPosition) || swiper.swipeDirection === 'next') { | ||
3030 | + newPosition = snapGrid[nextSlide]; | ||
3031 | + } else { | ||
3032 | + newPosition = snapGrid[nextSlide - 1]; | ||
3033 | + } | ||
3034 | + newPosition = -newPosition; | ||
3035 | + } | ||
3036 | + if (needsLoopFix) { | ||
3037 | + swiper.once('transitionEnd', function () { | ||
3038 | + swiper.loopFix(); | ||
3039 | + }); | ||
3040 | + } | ||
3041 | + // Fix duration | ||
3042 | + if (swiper.velocity !== 0) { | ||
3043 | + if (rtl) { | ||
3044 | + momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity); | ||
3045 | + } else { | ||
3046 | + momentumDuration = Math.abs((newPosition - swiper.translate) / swiper.velocity); | ||
3047 | + } | ||
3048 | + } else if (params.freeModeSticky) { | ||
3049 | + swiper.slideToClosest(); | ||
3050 | + return; | ||
3051 | + } | ||
3052 | + | ||
3053 | + if (params.freeModeMomentumBounce && doBounce) { | ||
3054 | + swiper.updateProgress(afterBouncePosition); | ||
3055 | + swiper.setTransition(momentumDuration); | ||
3056 | + swiper.setTranslate(newPosition); | ||
3057 | + swiper.transitionStart(true, swiper.swipeDirection); | ||
3058 | + swiper.animating = true; | ||
3059 | + $wrapperEl.transitionEnd(function () { | ||
3060 | + if (!swiper || swiper.destroyed || !data.allowMomentumBounce) { return; } | ||
3061 | + swiper.emit('momentumBounce'); | ||
3062 | + | ||
3063 | + swiper.setTransition(params.speed); | ||
3064 | + swiper.setTranslate(afterBouncePosition); | ||
3065 | + $wrapperEl.transitionEnd(function () { | ||
3066 | + if (!swiper || swiper.destroyed) { return; } | ||
3067 | + swiper.transitionEnd(); | ||
3068 | + }); | ||
3069 | + }); | ||
3070 | + } else if (swiper.velocity) { | ||
3071 | + swiper.updateProgress(newPosition); | ||
3072 | + swiper.setTransition(momentumDuration); | ||
3073 | + swiper.setTranslate(newPosition); | ||
3074 | + swiper.transitionStart(true, swiper.swipeDirection); | ||
3075 | + if (!swiper.animating) { | ||
3076 | + swiper.animating = true; | ||
3077 | + $wrapperEl.transitionEnd(function () { | ||
3078 | + if (!swiper || swiper.destroyed) { return; } | ||
3079 | + swiper.transitionEnd(); | ||
3080 | + }); | ||
3081 | + } | ||
3082 | + } else { | ||
3083 | + swiper.updateProgress(newPosition); | ||
3084 | + } | ||
3085 | + | ||
3086 | + swiper.updateActiveIndex(); | ||
3087 | + swiper.updateSlidesClasses(); | ||
3088 | + } else if (params.freeModeSticky) { | ||
3089 | + swiper.slideToClosest(); | ||
3090 | + return; | ||
3091 | + } | ||
3092 | + | ||
3093 | + if (!params.freeModeMomentum || timeDiff >= params.longSwipesMs) { | ||
3094 | + swiper.updateProgress(); | ||
3095 | + swiper.updateActiveIndex(); | ||
3096 | + swiper.updateSlidesClasses(); | ||
3097 | + } | ||
3098 | + return; | ||
3099 | + } | ||
3100 | + | ||
3101 | + // Find current slide | ||
3102 | + var stopIndex = 0; | ||
3103 | + var groupSize = swiper.slidesSizesGrid[0]; | ||
3104 | + for (var i = 0; i < slidesGrid.length; i += params.slidesPerGroup) { | ||
3105 | + if (typeof slidesGrid[i + params.slidesPerGroup] !== 'undefined') { | ||
3106 | + if (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + params.slidesPerGroup]) { | ||
3107 | + stopIndex = i; | ||
3108 | + groupSize = slidesGrid[i + params.slidesPerGroup] - slidesGrid[i]; | ||
3109 | + } | ||
3110 | + } else if (currentPos >= slidesGrid[i]) { | ||
3111 | + stopIndex = i; | ||
3112 | + groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2]; | ||
3113 | + } | ||
3114 | + } | ||
3115 | + | ||
3116 | + // Find current slide size | ||
3117 | + var ratio = (currentPos - slidesGrid[stopIndex]) / groupSize; | ||
3118 | + | ||
3119 | + if (timeDiff > params.longSwipesMs) { | ||
3120 | + // Long touches | ||
3121 | + if (!params.longSwipes) { | ||
3122 | + swiper.slideTo(swiper.activeIndex); | ||
3123 | + return; | ||
3124 | + } | ||
3125 | + if (swiper.swipeDirection === 'next') { | ||
3126 | + if (ratio >= params.longSwipesRatio) { swiper.slideTo(stopIndex + params.slidesPerGroup); } | ||
3127 | + else { swiper.slideTo(stopIndex); } | ||
3128 | + } | ||
3129 | + if (swiper.swipeDirection === 'prev') { | ||
3130 | + if (ratio > (1 - params.longSwipesRatio)) { swiper.slideTo(stopIndex + params.slidesPerGroup); } | ||
3131 | + else { swiper.slideTo(stopIndex); } | ||
3132 | + } | ||
3133 | + } else { | ||
3134 | + // Short swipes | ||
3135 | + if (!params.shortSwipes) { | ||
3136 | + swiper.slideTo(swiper.activeIndex); | ||
3137 | + return; | ||
3138 | + } | ||
3139 | + if (swiper.swipeDirection === 'next') { | ||
3140 | + swiper.slideTo(stopIndex + params.slidesPerGroup); | ||
3141 | + } | ||
3142 | + if (swiper.swipeDirection === 'prev') { | ||
3143 | + swiper.slideTo(stopIndex); | ||
3144 | + } | ||
3145 | + } | ||
3146 | + } | ||
3147 | + | ||
3148 | + function onResize () { | ||
3149 | + var swiper = this; | ||
3150 | + | ||
3151 | + var params = swiper.params; | ||
3152 | + var el = swiper.el; | ||
3153 | + | ||
3154 | + if (el && el.offsetWidth === 0) { return; } | ||
3155 | + | ||
3156 | + // Breakpoints | ||
3157 | + if (params.breakpoints) { | ||
3158 | + swiper.setBreakpoint(); | ||
3159 | + } | ||
3160 | + | ||
3161 | + // Save locks | ||
3162 | + var allowSlideNext = swiper.allowSlideNext; | ||
3163 | + var allowSlidePrev = swiper.allowSlidePrev; | ||
3164 | + var snapGrid = swiper.snapGrid; | ||
3165 | + | ||
3166 | + // Disable locks on resize | ||
3167 | + swiper.allowSlideNext = true; | ||
3168 | + swiper.allowSlidePrev = true; | ||
3169 | + | ||
3170 | + swiper.updateSize(); | ||
3171 | + swiper.updateSlides(); | ||
3172 | + | ||
3173 | + if (params.freeMode) { | ||
3174 | + var newTranslate = Math.min(Math.max(swiper.translate, swiper.maxTranslate()), swiper.minTranslate()); | ||
3175 | + swiper.setTranslate(newTranslate); | ||
3176 | + swiper.updateActiveIndex(); | ||
3177 | + swiper.updateSlidesClasses(); | ||
3178 | + | ||
3179 | + if (params.autoHeight) { | ||
3180 | + swiper.updateAutoHeight(); | ||
3181 | + } | ||
3182 | + } else { | ||
3183 | + swiper.updateSlidesClasses(); | ||
3184 | + if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !swiper.params.centeredSlides) { | ||
3185 | + swiper.slideTo(swiper.slides.length - 1, 0, false, true); | ||
3186 | + } else { | ||
3187 | + swiper.slideTo(swiper.activeIndex, 0, false, true); | ||
3188 | + } | ||
3189 | + } | ||
3190 | + // Return locks after resize | ||
3191 | + swiper.allowSlidePrev = allowSlidePrev; | ||
3192 | + swiper.allowSlideNext = allowSlideNext; | ||
3193 | + | ||
3194 | + if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) { | ||
3195 | + swiper.checkOverflow(); | ||
3196 | + } | ||
3197 | + } | ||
3198 | + | ||
3199 | + function onClick (e) { | ||
3200 | + var swiper = this; | ||
3201 | + if (!swiper.allowClick) { | ||
3202 | + if (swiper.params.preventClicks) { e.preventDefault(); } | ||
3203 | + if (swiper.params.preventClicksPropagation && swiper.animating) { | ||
3204 | + e.stopPropagation(); | ||
3205 | + e.stopImmediatePropagation(); | ||
3206 | + } | ||
3207 | + } | ||
3208 | + } | ||
3209 | + | ||
3210 | + function attachEvents() { | ||
3211 | + var swiper = this; | ||
3212 | + var params = swiper.params; | ||
3213 | + var touchEvents = swiper.touchEvents; | ||
3214 | + var el = swiper.el; | ||
3215 | + var wrapperEl = swiper.wrapperEl; | ||
3216 | + | ||
3217 | + { | ||
3218 | + swiper.onTouchStart = onTouchStart.bind(swiper); | ||
3219 | + swiper.onTouchMove = onTouchMove.bind(swiper); | ||
3220 | + swiper.onTouchEnd = onTouchEnd.bind(swiper); | ||
3221 | + } | ||
3222 | + | ||
3223 | + swiper.onClick = onClick.bind(swiper); | ||
3224 | + | ||
3225 | + var target = params.touchEventsTarget === 'container' ? el : wrapperEl; | ||
3226 | + var capture = !!params.nested; | ||
3227 | + | ||
3228 | + // Touch Events | ||
3229 | + { | ||
3230 | + if (!Support.touch && (Support.pointerEvents || Support.prefixedPointerEvents)) { | ||
3231 | + target.addEventListener(touchEvents.start, swiper.onTouchStart, false); | ||
3232 | + doc.addEventListener(touchEvents.move, swiper.onTouchMove, capture); | ||
3233 | + doc.addEventListener(touchEvents.end, swiper.onTouchEnd, false); | ||
3234 | + } else { | ||
3235 | + if (Support.touch) { | ||
3236 | + var passiveListener = touchEvents.start === 'touchstart' && Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false; | ||
3237 | + target.addEventListener(touchEvents.start, swiper.onTouchStart, passiveListener); | ||
3238 | + target.addEventListener(touchEvents.move, swiper.onTouchMove, Support.passiveListener ? { passive: false, capture: capture } : capture); | ||
3239 | + target.addEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener); | ||
3240 | + } | ||
3241 | + if ((params.simulateTouch && !Device.ios && !Device.android) || (params.simulateTouch && !Support.touch && Device.ios)) { | ||
3242 | + target.addEventListener('mousedown', swiper.onTouchStart, false); | ||
3243 | + doc.addEventListener('mousemove', swiper.onTouchMove, capture); | ||
3244 | + doc.addEventListener('mouseup', swiper.onTouchEnd, false); | ||
3245 | + } | ||
3246 | + } | ||
3247 | + // Prevent Links Clicks | ||
3248 | + if (params.preventClicks || params.preventClicksPropagation) { | ||
3249 | + target.addEventListener('click', swiper.onClick, true); | ||
3250 | + } | ||
3251 | + } | ||
3252 | + | ||
3253 | + // Resize handler | ||
3254 | + swiper.on((Device.ios || Device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate'), onResize, true); | ||
3255 | + } | ||
3256 | + | ||
3257 | + function detachEvents() { | ||
3258 | + var swiper = this; | ||
3259 | + | ||
3260 | + var params = swiper.params; | ||
3261 | + var touchEvents = swiper.touchEvents; | ||
3262 | + var el = swiper.el; | ||
3263 | + var wrapperEl = swiper.wrapperEl; | ||
3264 | + | ||
3265 | + var target = params.touchEventsTarget === 'container' ? el : wrapperEl; | ||
3266 | + var capture = !!params.nested; | ||
3267 | + | ||
3268 | + // Touch Events | ||
3269 | + { | ||
3270 | + if (!Support.touch && (Support.pointerEvents || Support.prefixedPointerEvents)) { | ||
3271 | + target.removeEventListener(touchEvents.start, swiper.onTouchStart, false); | ||
3272 | + doc.removeEventListener(touchEvents.move, swiper.onTouchMove, capture); | ||
3273 | + doc.removeEventListener(touchEvents.end, swiper.onTouchEnd, false); | ||
3274 | + } else { | ||
3275 | + if (Support.touch) { | ||
3276 | + var passiveListener = touchEvents.start === 'onTouchStart' && Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false; | ||
3277 | + target.removeEventListener(touchEvents.start, swiper.onTouchStart, passiveListener); | ||
3278 | + target.removeEventListener(touchEvents.move, swiper.onTouchMove, capture); | ||
3279 | + target.removeEventListener(touchEvents.end, swiper.onTouchEnd, passiveListener); | ||
3280 | + } | ||
3281 | + if ((params.simulateTouch && !Device.ios && !Device.android) || (params.simulateTouch && !Support.touch && Device.ios)) { | ||
3282 | + target.removeEventListener('mousedown', swiper.onTouchStart, false); | ||
3283 | + doc.removeEventListener('mousemove', swiper.onTouchMove, capture); | ||
3284 | + doc.removeEventListener('mouseup', swiper.onTouchEnd, false); | ||
3285 | + } | ||
3286 | + } | ||
3287 | + // Prevent Links Clicks | ||
3288 | + if (params.preventClicks || params.preventClicksPropagation) { | ||
3289 | + target.removeEventListener('click', swiper.onClick, true); | ||
3290 | + } | ||
3291 | + } | ||
3292 | + | ||
3293 | + // Resize handler | ||
3294 | + swiper.off((Device.ios || Device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate'), onResize); | ||
3295 | + } | ||
3296 | + | ||
3297 | + var events = { | ||
3298 | + attachEvents: attachEvents, | ||
3299 | + detachEvents: detachEvents, | ||
3300 | + }; | ||
3301 | + | ||
3302 | + function setBreakpoint () { | ||
3303 | + var swiper = this; | ||
3304 | + var activeIndex = swiper.activeIndex; | ||
3305 | + var initialized = swiper.initialized; | ||
3306 | + var loopedSlides = swiper.loopedSlides; if ( loopedSlides === void 0 ) loopedSlides = 0; | ||
3307 | + var params = swiper.params; | ||
3308 | + var breakpoints = params.breakpoints; | ||
3309 | + if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0)) { return; } | ||
3310 | + | ||
3311 | + // Set breakpoint for window width and update parameters | ||
3312 | + var breakpoint = swiper.getBreakpoint(breakpoints); | ||
3313 | + | ||
3314 | + if (breakpoint && swiper.currentBreakpoint !== breakpoint) { | ||
3315 | + var breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined; | ||
3316 | + if (breakpointOnlyParams) { | ||
3317 | + ['slidesPerView', 'spaceBetween', 'slidesPerGroup'].forEach(function (param) { | ||
3318 | + var paramValue = breakpointOnlyParams[param]; | ||
3319 | + if (typeof paramValue === 'undefined') { return; } | ||
3320 | + if (param === 'slidesPerView' && (paramValue === 'AUTO' || paramValue === 'auto')) { | ||
3321 | + breakpointOnlyParams[param] = 'auto'; | ||
3322 | + } else if (param === 'slidesPerView') { | ||
3323 | + breakpointOnlyParams[param] = parseFloat(paramValue); | ||
3324 | + } else { | ||
3325 | + breakpointOnlyParams[param] = parseInt(paramValue, 10); | ||
3326 | + } | ||
3327 | + }); | ||
3328 | + } | ||
3329 | + | ||
3330 | + var breakpointParams = breakpointOnlyParams || swiper.originalParams; | ||
3331 | + var needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView); | ||
3332 | + | ||
3333 | + Utils.extend(swiper.params, breakpointParams); | ||
3334 | + | ||
3335 | + Utils.extend(swiper, { | ||
3336 | + allowTouchMove: swiper.params.allowTouchMove, | ||
3337 | + allowSlideNext: swiper.params.allowSlideNext, | ||
3338 | + allowSlidePrev: swiper.params.allowSlidePrev, | ||
3339 | + }); | ||
3340 | + | ||
3341 | + swiper.currentBreakpoint = breakpoint; | ||
3342 | + | ||
3343 | + if (needsReLoop && initialized) { | ||
3344 | + swiper.loopDestroy(); | ||
3345 | + swiper.loopCreate(); | ||
3346 | + swiper.updateSlides(); | ||
3347 | + swiper.slideTo((activeIndex - loopedSlides) + swiper.loopedSlides, 0, false); | ||
3348 | + } | ||
3349 | + swiper.emit('breakpoint', breakpointParams); | ||
3350 | + } | ||
3351 | + } | ||
3352 | + | ||
3353 | + function getBreakpoint (breakpoints) { | ||
3354 | + var swiper = this; | ||
3355 | + // Get breakpoint for window width | ||
3356 | + if (!breakpoints) { return undefined; } | ||
3357 | + var breakpoint = false; | ||
3358 | + var points = []; | ||
3359 | + Object.keys(breakpoints).forEach(function (point) { | ||
3360 | + points.push(point); | ||
3361 | + }); | ||
3362 | + points.sort(function (a, b) { return parseInt(a, 10) - parseInt(b, 10); }); | ||
3363 | + for (var i = 0; i < points.length; i += 1) { | ||
3364 | + var point = points[i]; | ||
3365 | + if (swiper.params.breakpointsInverse) { | ||
3366 | + if (point <= win.innerWidth) { | ||
3367 | + breakpoint = point; | ||
3368 | + } | ||
3369 | + } else if (point >= win.innerWidth && !breakpoint) { | ||
3370 | + breakpoint = point; | ||
3371 | + } | ||
3372 | + } | ||
3373 | + return breakpoint || 'max'; | ||
3374 | + } | ||
3375 | + | ||
3376 | + var breakpoints = { setBreakpoint: setBreakpoint, getBreakpoint: getBreakpoint }; | ||
3377 | + | ||
3378 | + var Browser = (function Browser() { | ||
3379 | + function isSafari() { | ||
3380 | + var ua = win.navigator.userAgent.toLowerCase(); | ||
3381 | + return (ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0); | ||
3382 | + } | ||
3383 | + return { | ||
3384 | + isIE: !!win.navigator.userAgent.match(/Trident/g) || !!win.navigator.userAgent.match(/MSIE/g), | ||
3385 | + isEdge: !!win.navigator.userAgent.match(/Edge/g), | ||
3386 | + isSafari: isSafari(), | ||
3387 | + isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(win.navigator.userAgent), | ||
3388 | + }; | ||
3389 | + }()); | ||
3390 | + | ||
3391 | + function addClasses () { | ||
3392 | + var swiper = this; | ||
3393 | + var classNames = swiper.classNames; | ||
3394 | + var params = swiper.params; | ||
3395 | + var rtl = swiper.rtl; | ||
3396 | + var $el = swiper.$el; | ||
3397 | + var suffixes = []; | ||
3398 | + | ||
3399 | + suffixes.push(params.direction); | ||
3400 | + | ||
3401 | + if (params.freeMode) { | ||
3402 | + suffixes.push('free-mode'); | ||
3403 | + } | ||
3404 | + if (!Support.flexbox) { | ||
3405 | + suffixes.push('no-flexbox'); | ||
3406 | + } | ||
3407 | + if (params.autoHeight) { | ||
3408 | + suffixes.push('autoheight'); | ||
3409 | + } | ||
3410 | + if (rtl) { | ||
3411 | + suffixes.push('rtl'); | ||
3412 | + } | ||
3413 | + if (params.slidesPerColumn > 1) { | ||
3414 | + suffixes.push('multirow'); | ||
3415 | + } | ||
3416 | + if (Device.android) { | ||
3417 | + suffixes.push('android'); | ||
3418 | + } | ||
3419 | + if (Device.ios) { | ||
3420 | + suffixes.push('ios'); | ||
3421 | + } | ||
3422 | + // WP8 Touch Events Fix | ||
3423 | + if ((Browser.isIE || Browser.isEdge) && (Support.pointerEvents || Support.prefixedPointerEvents)) { | ||
3424 | + suffixes.push(("wp8-" + (params.direction))); | ||
3425 | + } | ||
3426 | + | ||
3427 | + suffixes.forEach(function (suffix) { | ||
3428 | + classNames.push(params.containerModifierClass + suffix); | ||
3429 | + }); | ||
3430 | + | ||
3431 | + $el.addClass(classNames.join(' ')); | ||
3432 | + } | ||
3433 | + | ||
3434 | + function removeClasses () { | ||
3435 | + var swiper = this; | ||
3436 | + var $el = swiper.$el; | ||
3437 | + var classNames = swiper.classNames; | ||
3438 | + | ||
3439 | + $el.removeClass(classNames.join(' ')); | ||
3440 | + } | ||
3441 | + | ||
3442 | + var classes = { addClasses: addClasses, removeClasses: removeClasses }; | ||
3443 | + | ||
3444 | + function loadImage (imageEl, src, srcset, sizes, checkForComplete, callback) { | ||
3445 | + var image; | ||
3446 | + function onReady() { | ||
3447 | + if (callback) { callback(); } | ||
3448 | + } | ||
3449 | + if (!imageEl.complete || !checkForComplete) { | ||
3450 | + if (src) { | ||
3451 | + image = new win.Image(); | ||
3452 | + image.onload = onReady; | ||
3453 | + image.onerror = onReady; | ||
3454 | + if (sizes) { | ||
3455 | + image.sizes = sizes; | ||
3456 | + } | ||
3457 | + if (srcset) { | ||
3458 | + image.srcset = srcset; | ||
3459 | + } | ||
3460 | + if (src) { | ||
3461 | + image.src = src; | ||
3462 | + } | ||
3463 | + } else { | ||
3464 | + onReady(); | ||
3465 | + } | ||
3466 | + } else { | ||
3467 | + // image already loaded... | ||
3468 | + onReady(); | ||
3469 | + } | ||
3470 | + } | ||
3471 | + | ||
3472 | + function preloadImages () { | ||
3473 | + var swiper = this; | ||
3474 | + swiper.imagesToLoad = swiper.$el.find('img'); | ||
3475 | + function onReady() { | ||
3476 | + if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper.destroyed) { return; } | ||
3477 | + if (swiper.imagesLoaded !== undefined) { swiper.imagesLoaded += 1; } | ||
3478 | + if (swiper.imagesLoaded === swiper.imagesToLoad.length) { | ||
3479 | + if (swiper.params.updateOnImagesReady) { swiper.update(); } | ||
3480 | + swiper.emit('imagesReady'); | ||
3481 | + } | ||
3482 | + } | ||
3483 | + for (var i = 0; i < swiper.imagesToLoad.length; i += 1) { | ||
3484 | + var imageEl = swiper.imagesToLoad[i]; | ||
3485 | + swiper.loadImage( | ||
3486 | + imageEl, | ||
3487 | + imageEl.currentSrc || imageEl.getAttribute('src'), | ||
3488 | + imageEl.srcset || imageEl.getAttribute('srcset'), | ||
3489 | + imageEl.sizes || imageEl.getAttribute('sizes'), | ||
3490 | + true, | ||
3491 | + onReady | ||
3492 | + ); | ||
3493 | + } | ||
3494 | + } | ||
3495 | + | ||
3496 | + var images = { | ||
3497 | + loadImage: loadImage, | ||
3498 | + preloadImages: preloadImages, | ||
3499 | + }; | ||
3500 | + | ||
3501 | + function checkOverflow() { | ||
3502 | + var swiper = this; | ||
3503 | + var wasLocked = swiper.isLocked; | ||
3504 | + | ||
3505 | + swiper.isLocked = swiper.snapGrid.length === 1; | ||
3506 | + swiper.allowSlideNext = !swiper.isLocked; | ||
3507 | + swiper.allowSlidePrev = !swiper.isLocked; | ||
3508 | + | ||
3509 | + // events | ||
3510 | + if (wasLocked !== swiper.isLocked) { swiper.emit(swiper.isLocked ? 'lock' : 'unlock'); } | ||
3511 | + | ||
3512 | + if (wasLocked && wasLocked !== swiper.isLocked) { | ||
3513 | + swiper.isEnd = false; | ||
3514 | + swiper.navigation.update(); | ||
3515 | + } | ||
3516 | + } | ||
3517 | + | ||
3518 | + var checkOverflow$1 = { checkOverflow: checkOverflow }; | ||
3519 | + | ||
3520 | + var defaults = { | ||
3521 | + init: true, | ||
3522 | + direction: 'horizontal', | ||
3523 | + touchEventsTarget: 'container', | ||
3524 | + initialSlide: 0, | ||
3525 | + speed: 300, | ||
3526 | + // | ||
3527 | + preventInteractionOnTransition: false, | ||
3528 | + | ||
3529 | + // To support iOS's swipe-to-go-back gesture (when being used in-app, with UIWebView). | ||
3530 | + edgeSwipeDetection: false, | ||
3531 | + edgeSwipeThreshold: 20, | ||
3532 | + | ||
3533 | + // Free mode | ||
3534 | + freeMode: false, | ||
3535 | + freeModeMomentum: true, | ||
3536 | + freeModeMomentumRatio: 1, | ||
3537 | + freeModeMomentumBounce: true, | ||
3538 | + freeModeMomentumBounceRatio: 1, | ||
3539 | + freeModeMomentumVelocityRatio: 1, | ||
3540 | + freeModeSticky: false, | ||
3541 | + freeModeMinimumVelocity: 0.02, | ||
3542 | + | ||
3543 | + // Autoheight | ||
3544 | + autoHeight: false, | ||
3545 | + | ||
3546 | + // Set wrapper width | ||
3547 | + setWrapperSize: false, | ||
3548 | + | ||
3549 | + // Virtual Translate | ||
3550 | + virtualTranslate: false, | ||
3551 | + | ||
3552 | + // Effects | ||
3553 | + effect: 'slide', // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip' | ||
3554 | + | ||
3555 | + // Breakpoints | ||
3556 | + breakpoints: undefined, | ||
3557 | + breakpointsInverse: false, | ||
3558 | + | ||
3559 | + // Slides grid | ||
3560 | + spaceBetween: 0, | ||
3561 | + slidesPerView: 1, | ||
3562 | + slidesPerColumn: 1, | ||
3563 | + slidesPerColumnFill: 'column', | ||
3564 | + slidesPerGroup: 1, | ||
3565 | + centeredSlides: false, | ||
3566 | + slidesOffsetBefore: 0, // in px | ||
3567 | + slidesOffsetAfter: 0, // in px | ||
3568 | + normalizeSlideIndex: true, | ||
3569 | + centerInsufficientSlides: false, | ||
3570 | + | ||
3571 | + // Disable swiper and hide navigation when container not overflow | ||
3572 | + watchOverflow: false, | ||
3573 | + | ||
3574 | + // Round length | ||
3575 | + roundLengths: false, | ||
3576 | + | ||
3577 | + // Touches | ||
3578 | + touchRatio: 1, | ||
3579 | + touchAngle: 45, | ||
3580 | + simulateTouch: true, | ||
3581 | + shortSwipes: true, | ||
3582 | + longSwipes: true, | ||
3583 | + longSwipesRatio: 0.5, | ||
3584 | + longSwipesMs: 300, | ||
3585 | + followFinger: true, | ||
3586 | + allowTouchMove: true, | ||
3587 | + threshold: 0, | ||
3588 | + touchMoveStopPropagation: true, | ||
3589 | + touchStartPreventDefault: true, | ||
3590 | + touchStartForcePreventDefault: false, | ||
3591 | + touchReleaseOnEdges: false, | ||
3592 | + | ||
3593 | + // Unique Navigation Elements | ||
3594 | + uniqueNavElements: true, | ||
3595 | + | ||
3596 | + // Resistance | ||
3597 | + resistance: true, | ||
3598 | + resistanceRatio: 0.85, | ||
3599 | + | ||
3600 | + // Progress | ||
3601 | + watchSlidesProgress: false, | ||
3602 | + watchSlidesVisibility: false, | ||
3603 | + | ||
3604 | + // Cursor | ||
3605 | + grabCursor: false, | ||
3606 | + | ||
3607 | + // Clicks | ||
3608 | + preventClicks: true, | ||
3609 | + preventClicksPropagation: true, | ||
3610 | + slideToClickedSlide: false, | ||
3611 | + | ||
3612 | + // Images | ||
3613 | + preloadImages: true, | ||
3614 | + updateOnImagesReady: true, | ||
3615 | + | ||
3616 | + // loop | ||
3617 | + loop: false, | ||
3618 | + loopAdditionalSlides: 0, | ||
3619 | + loopedSlides: null, | ||
3620 | + loopFillGroupWithBlank: false, | ||
3621 | + | ||
3622 | + // Swiping/no swiping | ||
3623 | + allowSlidePrev: true, | ||
3624 | + allowSlideNext: true, | ||
3625 | + swipeHandler: null, // '.swipe-handler', | ||
3626 | + noSwiping: true, | ||
3627 | + noSwipingClass: 'swiper-no-swiping', | ||
3628 | + noSwipingSelector: null, | ||
3629 | + | ||
3630 | + // Passive Listeners | ||
3631 | + passiveListeners: true, | ||
3632 | + | ||
3633 | + // NS | ||
3634 | + containerModifierClass: 'swiper-container-', // NEW | ||
3635 | + slideClass: 'swiper-slide', | ||
3636 | + slideBlankClass: 'swiper-slide-invisible-blank', | ||
3637 | + slideActiveClass: 'swiper-slide-active', | ||
3638 | + slideDuplicateActiveClass: 'swiper-slide-duplicate-active', | ||
3639 | + slideVisibleClass: 'swiper-slide-visible', | ||
3640 | + slideDuplicateClass: 'swiper-slide-duplicate', | ||
3641 | + slideNextClass: 'swiper-slide-next', | ||
3642 | + slideDuplicateNextClass: 'swiper-slide-duplicate-next', | ||
3643 | + slidePrevClass: 'swiper-slide-prev', | ||
3644 | + slideDuplicatePrevClass: 'swiper-slide-duplicate-prev', | ||
3645 | + wrapperClass: 'swiper-wrapper', | ||
3646 | + | ||
3647 | + // Callbacks | ||
3648 | + runCallbacksOnInit: true, | ||
3649 | + }; | ||
3650 | + | ||
3651 | + var prototypes = { | ||
3652 | + update: update, | ||
3653 | + translate: translate, | ||
3654 | + transition: transition$1, | ||
3655 | + slide: slide, | ||
3656 | + loop: loop, | ||
3657 | + grabCursor: grabCursor, | ||
3658 | + manipulation: manipulation, | ||
3659 | + events: events, | ||
3660 | + breakpoints: breakpoints, | ||
3661 | + checkOverflow: checkOverflow$1, | ||
3662 | + classes: classes, | ||
3663 | + images: images, | ||
3664 | + }; | ||
3665 | + | ||
3666 | + var extendedDefaults = {}; | ||
3667 | + | ||
3668 | + var Swiper = /*@__PURE__*/(function (SwiperClass$$1) { | ||
3669 | + function Swiper() { | ||
3670 | + var assign; | ||
3671 | + | ||
3672 | + var args = [], len = arguments.length; | ||
3673 | + while ( len-- ) args[ len ] = arguments[ len ]; | ||
3674 | + var el; | ||
3675 | + var params; | ||
3676 | + if (args.length === 1 && args[0].constructor && args[0].constructor === Object) { | ||
3677 | + params = args[0]; | ||
3678 | + } else { | ||
3679 | + (assign = args, el = assign[0], params = assign[1]); | ||
3680 | + } | ||
3681 | + if (!params) { params = {}; } | ||
3682 | + | ||
3683 | + params = Utils.extend({}, params); | ||
3684 | + if (el && !params.el) { params.el = el; } | ||
3685 | + | ||
3686 | + SwiperClass$$1.call(this, params); | ||
3687 | + | ||
3688 | + Object.keys(prototypes).forEach(function (prototypeGroup) { | ||
3689 | + Object.keys(prototypes[prototypeGroup]).forEach(function (protoMethod) { | ||
3690 | + if (!Swiper.prototype[protoMethod]) { | ||
3691 | + Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod]; | ||
3692 | + } | ||
3693 | + }); | ||
3694 | + }); | ||
3695 | + | ||
3696 | + // Swiper Instance | ||
3697 | + var swiper = this; | ||
3698 | + if (typeof swiper.modules === 'undefined') { | ||
3699 | + swiper.modules = {}; | ||
3700 | + } | ||
3701 | + Object.keys(swiper.modules).forEach(function (moduleName) { | ||
3702 | + var module = swiper.modules[moduleName]; | ||
3703 | + if (module.params) { | ||
3704 | + var moduleParamName = Object.keys(module.params)[0]; | ||
3705 | + var moduleParams = module.params[moduleParamName]; | ||
3706 | + if (typeof moduleParams !== 'object' || moduleParams === null) { return; } | ||
3707 | + if (!(moduleParamName in params && 'enabled' in moduleParams)) { return; } | ||
3708 | + if (params[moduleParamName] === true) { | ||
3709 | + params[moduleParamName] = { enabled: true }; | ||
3710 | + } | ||
3711 | + if ( | ||
3712 | + typeof params[moduleParamName] === 'object' | ||
3713 | + && !('enabled' in params[moduleParamName]) | ||
3714 | + ) { | ||
3715 | + params[moduleParamName].enabled = true; | ||
3716 | + } | ||
3717 | + if (!params[moduleParamName]) { params[moduleParamName] = { enabled: false }; } | ||
3718 | + } | ||
3719 | + }); | ||
3720 | + | ||
3721 | + // Extend defaults with modules params | ||
3722 | + var swiperParams = Utils.extend({}, defaults); | ||
3723 | + swiper.useModulesParams(swiperParams); | ||
3724 | + | ||
3725 | + // Extend defaults with passed params | ||
3726 | + swiper.params = Utils.extend({}, swiperParams, extendedDefaults, params); | ||
3727 | + swiper.originalParams = Utils.extend({}, swiper.params); | ||
3728 | + swiper.passedParams = Utils.extend({}, params); | ||
3729 | + | ||
3730 | + // Save Dom lib | ||
3731 | + swiper.$ = $; | ||
3732 | + | ||
3733 | + // Find el | ||
3734 | + var $el = $(swiper.params.el); | ||
3735 | + el = $el[0]; | ||
3736 | + | ||
3737 | + if (!el) { | ||
3738 | + return undefined; | ||
3739 | + } | ||
3740 | + | ||
3741 | + if ($el.length > 1) { | ||
3742 | + var swipers = []; | ||
3743 | + $el.each(function (index, containerEl) { | ||
3744 | + var newParams = Utils.extend({}, params, { el: containerEl }); | ||
3745 | + swipers.push(new Swiper(newParams)); | ||
3746 | + }); | ||
3747 | + return swipers; | ||
3748 | + } | ||
3749 | + | ||
3750 | + el.swiper = swiper; | ||
3751 | + $el.data('swiper', swiper); | ||
3752 | + | ||
3753 | + // Find Wrapper | ||
3754 | + var $wrapperEl = $el.children(("." + (swiper.params.wrapperClass))); | ||
3755 | + | ||
3756 | + // Extend Swiper | ||
3757 | + Utils.extend(swiper, { | ||
3758 | + $el: $el, | ||
3759 | + el: el, | ||
3760 | + $wrapperEl: $wrapperEl, | ||
3761 | + wrapperEl: $wrapperEl[0], | ||
3762 | + | ||
3763 | + // Classes | ||
3764 | + classNames: [], | ||
3765 | + | ||
3766 | + // Slides | ||
3767 | + slides: $(), | ||
3768 | + slidesGrid: [], | ||
3769 | + snapGrid: [], | ||
3770 | + slidesSizesGrid: [], | ||
3771 | + | ||
3772 | + // isDirection | ||
3773 | + isHorizontal: function isHorizontal() { | ||
3774 | + return swiper.params.direction === 'horizontal'; | ||
3775 | + }, | ||
3776 | + isVertical: function isVertical() { | ||
3777 | + return swiper.params.direction === 'vertical'; | ||
3778 | + }, | ||
3779 | + // RTL | ||
3780 | + rtl: (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'), | ||
3781 | + rtlTranslate: swiper.params.direction === 'horizontal' && (el.dir.toLowerCase() === 'rtl' || $el.css('direction') === 'rtl'), | ||
3782 | + wrongRTL: $wrapperEl.css('display') === '-webkit-box', | ||
3783 | + | ||
3784 | + // Indexes | ||
3785 | + activeIndex: 0, | ||
3786 | + realIndex: 0, | ||
3787 | + | ||
3788 | + // | ||
3789 | + isBeginning: true, | ||
3790 | + isEnd: false, | ||
3791 | + | ||
3792 | + // Props | ||
3793 | + translate: 0, | ||
3794 | + previousTranslate: 0, | ||
3795 | + progress: 0, | ||
3796 | + velocity: 0, | ||
3797 | + animating: false, | ||
3798 | + | ||
3799 | + // Locks | ||
3800 | + allowSlideNext: swiper.params.allowSlideNext, | ||
3801 | + allowSlidePrev: swiper.params.allowSlidePrev, | ||
3802 | + | ||
3803 | + // Touch Events | ||
3804 | + touchEvents: (function touchEvents() { | ||
3805 | + var touch = ['touchstart', 'touchmove', 'touchend']; | ||
3806 | + var desktop = ['mousedown', 'mousemove', 'mouseup']; | ||
3807 | + if (Support.pointerEvents) { | ||
3808 | + desktop = ['pointerdown', 'pointermove', 'pointerup']; | ||
3809 | + } else if (Support.prefixedPointerEvents) { | ||
3810 | + desktop = ['MSPointerDown', 'MSPointerMove', 'MSPointerUp']; | ||
3811 | + } | ||
3812 | + swiper.touchEventsTouch = { | ||
3813 | + start: touch[0], | ||
3814 | + move: touch[1], | ||
3815 | + end: touch[2], | ||
3816 | + }; | ||
3817 | + swiper.touchEventsDesktop = { | ||
3818 | + start: desktop[0], | ||
3819 | + move: desktop[1], | ||
3820 | + end: desktop[2], | ||
3821 | + }; | ||
3822 | + return Support.touch || !swiper.params.simulateTouch ? swiper.touchEventsTouch : swiper.touchEventsDesktop; | ||
3823 | + }()), | ||
3824 | + touchEventsData: { | ||
3825 | + isTouched: undefined, | ||
3826 | + isMoved: undefined, | ||
3827 | + allowTouchCallbacks: undefined, | ||
3828 | + touchStartTime: undefined, | ||
3829 | + isScrolling: undefined, | ||
3830 | + currentTranslate: undefined, | ||
3831 | + startTranslate: undefined, | ||
3832 | + allowThresholdMove: undefined, | ||
3833 | + // Form elements to match | ||
3834 | + formElements: 'input, select, option, textarea, button, video', | ||
3835 | + // Last click time | ||
3836 | + lastClickTime: Utils.now(), | ||
3837 | + clickTimeout: undefined, | ||
3838 | + // Velocities | ||
3839 | + velocities: [], | ||
3840 | + allowMomentumBounce: undefined, | ||
3841 | + isTouchEvent: undefined, | ||
3842 | + startMoving: undefined, | ||
3843 | + }, | ||
3844 | + | ||
3845 | + // Clicks | ||
3846 | + allowClick: true, | ||
3847 | + | ||
3848 | + // Touches | ||
3849 | + allowTouchMove: swiper.params.allowTouchMove, | ||
3850 | + | ||
3851 | + touches: { | ||
3852 | + startX: 0, | ||
3853 | + startY: 0, | ||
3854 | + currentX: 0, | ||
3855 | + currentY: 0, | ||
3856 | + diff: 0, | ||
3857 | + }, | ||
3858 | + | ||
3859 | + // Images | ||
3860 | + imagesToLoad: [], | ||
3861 | + imagesLoaded: 0, | ||
3862 | + | ||
3863 | + }); | ||
3864 | + | ||
3865 | + // Install Modules | ||
3866 | + swiper.useModules(); | ||
3867 | + | ||
3868 | + // Init | ||
3869 | + if (swiper.params.init) { | ||
3870 | + swiper.init(); | ||
3871 | + } | ||
3872 | + | ||
3873 | + // Return app instance | ||
3874 | + return swiper; | ||
3875 | + } | ||
3876 | + | ||
3877 | + if ( SwiperClass$$1 ) Swiper.__proto__ = SwiperClass$$1; | ||
3878 | + Swiper.prototype = Object.create( SwiperClass$$1 && SwiperClass$$1.prototype ); | ||
3879 | + Swiper.prototype.constructor = Swiper; | ||
3880 | + | ||
3881 | + var staticAccessors = { extendedDefaults: { configurable: true },defaults: { configurable: true },Class: { configurable: true },$: { configurable: true } }; | ||
3882 | + | ||
3883 | + Swiper.prototype.slidesPerViewDynamic = function slidesPerViewDynamic () { | ||
3884 | + var swiper = this; | ||
3885 | + var params = swiper.params; | ||
3886 | + var slides = swiper.slides; | ||
3887 | + var slidesGrid = swiper.slidesGrid; | ||
3888 | + var swiperSize = swiper.size; | ||
3889 | + var activeIndex = swiper.activeIndex; | ||
3890 | + var spv = 1; | ||
3891 | + if (params.centeredSlides) { | ||
3892 | + var slideSize = slides[activeIndex].swiperSlideSize; | ||
3893 | + var breakLoop; | ||
3894 | + for (var i = activeIndex + 1; i < slides.length; i += 1) { | ||
3895 | + if (slides[i] && !breakLoop) { | ||
3896 | + slideSize += slides[i].swiperSlideSize; | ||
3897 | + spv += 1; | ||
3898 | + if (slideSize > swiperSize) { breakLoop = true; } | ||
3899 | + } | ||
3900 | + } | ||
3901 | + for (var i$1 = activeIndex - 1; i$1 >= 0; i$1 -= 1) { | ||
3902 | + if (slides[i$1] && !breakLoop) { | ||
3903 | + slideSize += slides[i$1].swiperSlideSize; | ||
3904 | + spv += 1; | ||
3905 | + if (slideSize > swiperSize) { breakLoop = true; } | ||
3906 | + } | ||
3907 | + } | ||
3908 | + } else { | ||
3909 | + for (var i$2 = activeIndex + 1; i$2 < slides.length; i$2 += 1) { | ||
3910 | + if (slidesGrid[i$2] - slidesGrid[activeIndex] < swiperSize) { | ||
3911 | + spv += 1; | ||
3912 | + } | ||
3913 | + } | ||
3914 | + } | ||
3915 | + return spv; | ||
3916 | + }; | ||
3917 | + | ||
3918 | + Swiper.prototype.update = function update$$1 () { | ||
3919 | + var swiper = this; | ||
3920 | + if (!swiper || swiper.destroyed) { return; } | ||
3921 | + var snapGrid = swiper.snapGrid; | ||
3922 | + var params = swiper.params; | ||
3923 | + // Breakpoints | ||
3924 | + if (params.breakpoints) { | ||
3925 | + swiper.setBreakpoint(); | ||
3926 | + } | ||
3927 | + swiper.updateSize(); | ||
3928 | + swiper.updateSlides(); | ||
3929 | + swiper.updateProgress(); | ||
3930 | + swiper.updateSlidesClasses(); | ||
3931 | + | ||
3932 | + function setTranslate() { | ||
3933 | + var translateValue = swiper.rtlTranslate ? swiper.translate * -1 : swiper.translate; | ||
3934 | + var newTranslate = Math.min(Math.max(translateValue, swiper.maxTranslate()), swiper.minTranslate()); | ||
3935 | + swiper.setTranslate(newTranslate); | ||
3936 | + swiper.updateActiveIndex(); | ||
3937 | + swiper.updateSlidesClasses(); | ||
3938 | + } | ||
3939 | + var translated; | ||
3940 | + if (swiper.params.freeMode) { | ||
3941 | + setTranslate(); | ||
3942 | + if (swiper.params.autoHeight) { | ||
3943 | + swiper.updateAutoHeight(); | ||
3944 | + } | ||
3945 | + } else { | ||
3946 | + if ((swiper.params.slidesPerView === 'auto' || swiper.params.slidesPerView > 1) && swiper.isEnd && !swiper.params.centeredSlides) { | ||
3947 | + translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true); | ||
3948 | + } else { | ||
3949 | + translated = swiper.slideTo(swiper.activeIndex, 0, false, true); | ||
3950 | + } | ||
3951 | + if (!translated) { | ||
3952 | + setTranslate(); | ||
3953 | + } | ||
3954 | + } | ||
3955 | + if (params.watchOverflow && snapGrid !== swiper.snapGrid) { | ||
3956 | + swiper.checkOverflow(); | ||
3957 | + } | ||
3958 | + swiper.emit('update'); | ||
3959 | + }; | ||
3960 | + | ||
3961 | + Swiper.prototype.init = function init () { | ||
3962 | + var swiper = this; | ||
3963 | + if (swiper.initialized) { return; } | ||
3964 | + | ||
3965 | + swiper.emit('beforeInit'); | ||
3966 | + | ||
3967 | + // Set breakpoint | ||
3968 | + if (swiper.params.breakpoints) { | ||
3969 | + swiper.setBreakpoint(); | ||
3970 | + } | ||
3971 | + | ||
3972 | + // Add Classes | ||
3973 | + swiper.addClasses(); | ||
3974 | + | ||
3975 | + // Create loop | ||
3976 | + if (swiper.params.loop) { | ||
3977 | + swiper.loopCreate(); | ||
3978 | + } | ||
3979 | + | ||
3980 | + // Update size | ||
3981 | + swiper.updateSize(); | ||
3982 | + | ||
3983 | + // Update slides | ||
3984 | + swiper.updateSlides(); | ||
3985 | + | ||
3986 | + if (swiper.params.watchOverflow) { | ||
3987 | + swiper.checkOverflow(); | ||
3988 | + } | ||
3989 | + | ||
3990 | + // Set Grab Cursor | ||
3991 | + if (swiper.params.grabCursor) { | ||
3992 | + swiper.setGrabCursor(); | ||
3993 | + } | ||
3994 | + | ||
3995 | + if (swiper.params.preloadImages) { | ||
3996 | + swiper.preloadImages(); | ||
3997 | + } | ||
3998 | + | ||
3999 | + // Slide To Initial Slide | ||
4000 | + if (swiper.params.loop) { | ||
4001 | + swiper.slideTo(swiper.params.initialSlide + swiper.loopedSlides, 0, swiper.params.runCallbacksOnInit); | ||
4002 | + } else { | ||
4003 | + swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit); | ||
4004 | + } | ||
4005 | + | ||
4006 | + // Attach events | ||
4007 | + swiper.attachEvents(); | ||
4008 | + | ||
4009 | + // Init Flag | ||
4010 | + swiper.initialized = true; | ||
4011 | + | ||
4012 | + // Emit | ||
4013 | + swiper.emit('init'); | ||
4014 | + }; | ||
4015 | + | ||
4016 | + Swiper.prototype.destroy = function destroy (deleteInstance, cleanStyles) { | ||
4017 | + if ( deleteInstance === void 0 ) deleteInstance = true; | ||
4018 | + if ( cleanStyles === void 0 ) cleanStyles = true; | ||
4019 | + | ||
4020 | + var swiper = this; | ||
4021 | + var params = swiper.params; | ||
4022 | + var $el = swiper.$el; | ||
4023 | + var $wrapperEl = swiper.$wrapperEl; | ||
4024 | + var slides = swiper.slides; | ||
4025 | + | ||
4026 | + if (typeof swiper.params === 'undefined' || swiper.destroyed) { | ||
4027 | + return null; | ||
4028 | + } | ||
4029 | + | ||
4030 | + swiper.emit('beforeDestroy'); | ||
4031 | + | ||
4032 | + // Init Flag | ||
4033 | + swiper.initialized = false; | ||
4034 | + | ||
4035 | + // Detach events | ||
4036 | + swiper.detachEvents(); | ||
4037 | + | ||
4038 | + // Destroy loop | ||
4039 | + if (params.loop) { | ||
4040 | + swiper.loopDestroy(); | ||
4041 | + } | ||
4042 | + | ||
4043 | + // Cleanup styles | ||
4044 | + if (cleanStyles) { | ||
4045 | + swiper.removeClasses(); | ||
4046 | + $el.removeAttr('style'); | ||
4047 | + $wrapperEl.removeAttr('style'); | ||
4048 | + if (slides && slides.length) { | ||
4049 | + slides | ||
4050 | + .removeClass([ | ||
4051 | + params.slideVisibleClass, | ||
4052 | + params.slideActiveClass, | ||
4053 | + params.slideNextClass, | ||
4054 | + params.slidePrevClass ].join(' ')) | ||
4055 | + .removeAttr('style') | ||
4056 | + .removeAttr('data-swiper-slide-index') | ||
4057 | + .removeAttr('data-swiper-column') | ||
4058 | + .removeAttr('data-swiper-row'); | ||
4059 | + } | ||
4060 | + } | ||
4061 | + | ||
4062 | + swiper.emit('destroy'); | ||
4063 | + | ||
4064 | + // Detach emitter events | ||
4065 | + Object.keys(swiper.eventsListeners).forEach(function (eventName) { | ||
4066 | + swiper.off(eventName); | ||
4067 | + }); | ||
4068 | + | ||
4069 | + if (deleteInstance !== false) { | ||
4070 | + swiper.$el[0].swiper = null; | ||
4071 | + swiper.$el.data('swiper', null); | ||
4072 | + Utils.deleteProps(swiper); | ||
4073 | + } | ||
4074 | + swiper.destroyed = true; | ||
4075 | + | ||
4076 | + return null; | ||
4077 | + }; | ||
4078 | + | ||
4079 | + Swiper.extendDefaults = function extendDefaults (newDefaults) { | ||
4080 | + Utils.extend(extendedDefaults, newDefaults); | ||
4081 | + }; | ||
4082 | + | ||
4083 | + staticAccessors.extendedDefaults.get = function () { | ||
4084 | + return extendedDefaults; | ||
4085 | + }; | ||
4086 | + | ||
4087 | + staticAccessors.defaults.get = function () { | ||
4088 | + return defaults; | ||
4089 | + }; | ||
4090 | + | ||
4091 | + staticAccessors.Class.get = function () { | ||
4092 | + return SwiperClass$$1; | ||
4093 | + }; | ||
4094 | + | ||
4095 | + staticAccessors.$.get = function () { | ||
4096 | + return $; | ||
4097 | + }; | ||
4098 | + | ||
4099 | + Object.defineProperties( Swiper, staticAccessors ); | ||
4100 | + | ||
4101 | + return Swiper; | ||
4102 | + }(SwiperClass)); | ||
4103 | + | ||
4104 | + var Device$1 = { | ||
4105 | + name: 'device', | ||
4106 | + proto: { | ||
4107 | + device: Device, | ||
4108 | + }, | ||
4109 | + static: { | ||
4110 | + device: Device, | ||
4111 | + }, | ||
4112 | + }; | ||
4113 | + | ||
4114 | + var Support$1 = { | ||
4115 | + name: 'support', | ||
4116 | + proto: { | ||
4117 | + support: Support, | ||
4118 | + }, | ||
4119 | + static: { | ||
4120 | + support: Support, | ||
4121 | + }, | ||
4122 | + }; | ||
4123 | + | ||
4124 | + var Browser$1 = { | ||
4125 | + name: 'browser', | ||
4126 | + proto: { | ||
4127 | + browser: Browser, | ||
4128 | + }, | ||
4129 | + static: { | ||
4130 | + browser: Browser, | ||
4131 | + }, | ||
4132 | + }; | ||
4133 | + | ||
4134 | + var Resize = { | ||
4135 | + name: 'resize', | ||
4136 | + create: function create() { | ||
4137 | + var swiper = this; | ||
4138 | + Utils.extend(swiper, { | ||
4139 | + resize: { | ||
4140 | + resizeHandler: function resizeHandler() { | ||
4141 | + if (!swiper || swiper.destroyed || !swiper.initialized) { return; } | ||
4142 | + swiper.emit('beforeResize'); | ||
4143 | + swiper.emit('resize'); | ||
4144 | + }, | ||
4145 | + orientationChangeHandler: function orientationChangeHandler() { | ||
4146 | + if (!swiper || swiper.destroyed || !swiper.initialized) { return; } | ||
4147 | + swiper.emit('orientationchange'); | ||
4148 | + }, | ||
4149 | + }, | ||
4150 | + }); | ||
4151 | + }, | ||
4152 | + on: { | ||
4153 | + init: function init() { | ||
4154 | + var swiper = this; | ||
4155 | + // Emit resize | ||
4156 | + win.addEventListener('resize', swiper.resize.resizeHandler); | ||
4157 | + | ||
4158 | + // Emit orientationchange | ||
4159 | + win.addEventListener('orientationchange', swiper.resize.orientationChangeHandler); | ||
4160 | + }, | ||
4161 | + destroy: function destroy() { | ||
4162 | + var swiper = this; | ||
4163 | + win.removeEventListener('resize', swiper.resize.resizeHandler); | ||
4164 | + win.removeEventListener('orientationchange', swiper.resize.orientationChangeHandler); | ||
4165 | + }, | ||
4166 | + }, | ||
4167 | + }; | ||
4168 | + | ||
4169 | + var Observer = { | ||
4170 | + func: win.MutationObserver || win.WebkitMutationObserver, | ||
4171 | + attach: function attach(target, options) { | ||
4172 | + if ( options === void 0 ) options = {}; | ||
4173 | + | ||
4174 | + var swiper = this; | ||
4175 | + | ||
4176 | + var ObserverFunc = Observer.func; | ||
4177 | + var observer = new ObserverFunc(function (mutations) { | ||
4178 | + // The observerUpdate event should only be triggered | ||
4179 | + // once despite the number of mutations. Additional | ||
4180 | + // triggers are redundant and are very costly | ||
4181 | + if (mutations.length === 1) { | ||
4182 | + swiper.emit('observerUpdate', mutations[0]); | ||
4183 | + return; | ||
4184 | + } | ||
4185 | + var observerUpdate = function observerUpdate() { | ||
4186 | + swiper.emit('observerUpdate', mutations[0]); | ||
4187 | + }; | ||
4188 | + | ||
4189 | + if (win.requestAnimationFrame) { | ||
4190 | + win.requestAnimationFrame(observerUpdate); | ||
4191 | + } else { | ||
4192 | + win.setTimeout(observerUpdate, 0); | ||
4193 | + } | ||
4194 | + }); | ||
4195 | + | ||
4196 | + observer.observe(target, { | ||
4197 | + attributes: typeof options.attributes === 'undefined' ? true : options.attributes, | ||
4198 | + childList: typeof options.childList === 'undefined' ? true : options.childList, | ||
4199 | + characterData: typeof options.characterData === 'undefined' ? true : options.characterData, | ||
4200 | + }); | ||
4201 | + | ||
4202 | + swiper.observer.observers.push(observer); | ||
4203 | + }, | ||
4204 | + init: function init() { | ||
4205 | + var swiper = this; | ||
4206 | + if (!Support.observer || !swiper.params.observer) { return; } | ||
4207 | + if (swiper.params.observeParents) { | ||
4208 | + var containerParents = swiper.$el.parents(); | ||
4209 | + for (var i = 0; i < containerParents.length; i += 1) { | ||
4210 | + swiper.observer.attach(containerParents[i]); | ||
4211 | + } | ||
4212 | + } | ||
4213 | + // Observe container | ||
4214 | + swiper.observer.attach(swiper.$el[0], { childList: swiper.params.observeSlideChildren }); | ||
4215 | + | ||
4216 | + // Observe wrapper | ||
4217 | + swiper.observer.attach(swiper.$wrapperEl[0], { attributes: false }); | ||
4218 | + }, | ||
4219 | + destroy: function destroy() { | ||
4220 | + var swiper = this; | ||
4221 | + swiper.observer.observers.forEach(function (observer) { | ||
4222 | + observer.disconnect(); | ||
4223 | + }); | ||
4224 | + swiper.observer.observers = []; | ||
4225 | + }, | ||
4226 | + }; | ||
4227 | + | ||
4228 | + var Observer$1 = { | ||
4229 | + name: 'observer', | ||
4230 | + params: { | ||
4231 | + observer: false, | ||
4232 | + observeParents: false, | ||
4233 | + observeSlideChildren: false, | ||
4234 | + }, | ||
4235 | + create: function create() { | ||
4236 | + var swiper = this; | ||
4237 | + Utils.extend(swiper, { | ||
4238 | + observer: { | ||
4239 | + init: Observer.init.bind(swiper), | ||
4240 | + attach: Observer.attach.bind(swiper), | ||
4241 | + destroy: Observer.destroy.bind(swiper), | ||
4242 | + observers: [], | ||
4243 | + }, | ||
4244 | + }); | ||
4245 | + }, | ||
4246 | + on: { | ||
4247 | + init: function init() { | ||
4248 | + var swiper = this; | ||
4249 | + swiper.observer.init(); | ||
4250 | + }, | ||
4251 | + destroy: function destroy() { | ||
4252 | + var swiper = this; | ||
4253 | + swiper.observer.destroy(); | ||
4254 | + }, | ||
4255 | + }, | ||
4256 | + }; | ||
4257 | + | ||
4258 | + var Virtual = { | ||
4259 | + update: function update(force) { | ||
4260 | + var swiper = this; | ||
4261 | + var ref = swiper.params; | ||
4262 | + var slidesPerView = ref.slidesPerView; | ||
4263 | + var slidesPerGroup = ref.slidesPerGroup; | ||
4264 | + var centeredSlides = ref.centeredSlides; | ||
4265 | + var ref$1 = swiper.params.virtual; | ||
4266 | + var addSlidesBefore = ref$1.addSlidesBefore; | ||
4267 | + var addSlidesAfter = ref$1.addSlidesAfter; | ||
4268 | + var ref$2 = swiper.virtual; | ||
4269 | + var previousFrom = ref$2.from; | ||
4270 | + var previousTo = ref$2.to; | ||
4271 | + var slides = ref$2.slides; | ||
4272 | + var previousSlidesGrid = ref$2.slidesGrid; | ||
4273 | + var renderSlide = ref$2.renderSlide; | ||
4274 | + var previousOffset = ref$2.offset; | ||
4275 | + swiper.updateActiveIndex(); | ||
4276 | + var activeIndex = swiper.activeIndex || 0; | ||
4277 | + | ||
4278 | + var offsetProp; | ||
4279 | + if (swiper.rtlTranslate) { offsetProp = 'right'; } | ||
4280 | + else { offsetProp = swiper.isHorizontal() ? 'left' : 'top'; } | ||
4281 | + | ||
4282 | + var slidesAfter; | ||
4283 | + var slidesBefore; | ||
4284 | + if (centeredSlides) { | ||
4285 | + slidesAfter = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore; | ||
4286 | + slidesBefore = Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter; | ||
4287 | + } else { | ||
4288 | + slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesBefore; | ||
4289 | + slidesBefore = slidesPerGroup + addSlidesAfter; | ||
4290 | + } | ||
4291 | + var from = Math.max((activeIndex || 0) - slidesBefore, 0); | ||
4292 | + var to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1); | ||
4293 | + var offset = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0); | ||
4294 | + | ||
4295 | + Utils.extend(swiper.virtual, { | ||
4296 | + from: from, | ||
4297 | + to: to, | ||
4298 | + offset: offset, | ||
4299 | + slidesGrid: swiper.slidesGrid, | ||
4300 | + }); | ||
4301 | + | ||
4302 | + function onRendered() { | ||
4303 | + swiper.updateSlides(); | ||
4304 | + swiper.updateProgress(); | ||
4305 | + swiper.updateSlidesClasses(); | ||
4306 | + if (swiper.lazy && swiper.params.lazy.enabled) { | ||
4307 | + swiper.lazy.load(); | ||
4308 | + } | ||
4309 | + } | ||
4310 | + | ||
4311 | + if (previousFrom === from && previousTo === to && !force) { | ||
4312 | + if (swiper.slidesGrid !== previousSlidesGrid && offset !== previousOffset) { | ||
4313 | + swiper.slides.css(offsetProp, (offset + "px")); | ||
4314 | + } | ||
4315 | + swiper.updateProgress(); | ||
4316 | + return; | ||
4317 | + } | ||
4318 | + if (swiper.params.virtual.renderExternal) { | ||
4319 | + swiper.params.virtual.renderExternal.call(swiper, { | ||
4320 | + offset: offset, | ||
4321 | + from: from, | ||
4322 | + to: to, | ||
4323 | + slides: (function getSlides() { | ||
4324 | + var slidesToRender = []; | ||
4325 | + for (var i = from; i <= to; i += 1) { | ||
4326 | + slidesToRender.push(slides[i]); | ||
4327 | + } | ||
4328 | + return slidesToRender; | ||
4329 | + }()), | ||
4330 | + }); | ||
4331 | + onRendered(); | ||
4332 | + return; | ||
4333 | + } | ||
4334 | + var prependIndexes = []; | ||
4335 | + var appendIndexes = []; | ||
4336 | + if (force) { | ||
4337 | + swiper.$wrapperEl.find(("." + (swiper.params.slideClass))).remove(); | ||
4338 | + } else { | ||
4339 | + for (var i = previousFrom; i <= previousTo; i += 1) { | ||
4340 | + if (i < from || i > to) { | ||
4341 | + swiper.$wrapperEl.find(("." + (swiper.params.slideClass) + "[data-swiper-slide-index=\"" + i + "\"]")).remove(); | ||
4342 | + } | ||
4343 | + } | ||
4344 | + } | ||
4345 | + for (var i$1 = 0; i$1 < slides.length; i$1 += 1) { | ||
4346 | + if (i$1 >= from && i$1 <= to) { | ||
4347 | + if (typeof previousTo === 'undefined' || force) { | ||
4348 | + appendIndexes.push(i$1); | ||
4349 | + } else { | ||
4350 | + if (i$1 > previousTo) { appendIndexes.push(i$1); } | ||
4351 | + if (i$1 < previousFrom) { prependIndexes.push(i$1); } | ||
4352 | + } | ||
4353 | + } | ||
4354 | + } | ||
4355 | + appendIndexes.forEach(function (index) { | ||
4356 | + swiper.$wrapperEl.append(renderSlide(slides[index], index)); | ||
4357 | + }); | ||
4358 | + prependIndexes.sort(function (a, b) { return b - a; }).forEach(function (index) { | ||
4359 | + swiper.$wrapperEl.prepend(renderSlide(slides[index], index)); | ||
4360 | + }); | ||
4361 | + swiper.$wrapperEl.children('.swiper-slide').css(offsetProp, (offset + "px")); | ||
4362 | + onRendered(); | ||
4363 | + }, | ||
4364 | + renderSlide: function renderSlide(slide, index) { | ||
4365 | + var swiper = this; | ||
4366 | + var params = swiper.params.virtual; | ||
4367 | + if (params.cache && swiper.virtual.cache[index]) { | ||
4368 | + return swiper.virtual.cache[index]; | ||
4369 | + } | ||
4370 | + var $slideEl = params.renderSlide | ||
4371 | + ? $(params.renderSlide.call(swiper, slide, index)) | ||
4372 | + : $(("<div class=\"" + (swiper.params.slideClass) + "\" data-swiper-slide-index=\"" + index + "\">" + slide + "</div>")); | ||
4373 | + if (!$slideEl.attr('data-swiper-slide-index')) { $slideEl.attr('data-swiper-slide-index', index); } | ||
4374 | + if (params.cache) { swiper.virtual.cache[index] = $slideEl; } | ||
4375 | + return $slideEl; | ||
4376 | + }, | ||
4377 | + appendSlide: function appendSlide(slide) { | ||
4378 | + var swiper = this; | ||
4379 | + swiper.virtual.slides.push(slide); | ||
4380 | + swiper.virtual.update(true); | ||
4381 | + }, | ||
4382 | + prependSlide: function prependSlide(slide) { | ||
4383 | + var swiper = this; | ||
4384 | + swiper.virtual.slides.unshift(slide); | ||
4385 | + if (swiper.params.virtual.cache) { | ||
4386 | + var cache = swiper.virtual.cache; | ||
4387 | + var newCache = {}; | ||
4388 | + Object.keys(cache).forEach(function (cachedIndex) { | ||
4389 | + newCache[cachedIndex + 1] = cache[cachedIndex]; | ||
4390 | + }); | ||
4391 | + swiper.virtual.cache = newCache; | ||
4392 | + } | ||
4393 | + swiper.virtual.update(true); | ||
4394 | + swiper.slideNext(0); | ||
4395 | + }, | ||
4396 | + }; | ||
4397 | + | ||
4398 | + var Virtual$1 = { | ||
4399 | + name: 'virtual', | ||
4400 | + params: { | ||
4401 | + virtual: { | ||
4402 | + enabled: false, | ||
4403 | + slides: [], | ||
4404 | + cache: true, | ||
4405 | + renderSlide: null, | ||
4406 | + renderExternal: null, | ||
4407 | + addSlidesBefore: 0, | ||
4408 | + addSlidesAfter: 0, | ||
4409 | + }, | ||
4410 | + }, | ||
4411 | + create: function create() { | ||
4412 | + var swiper = this; | ||
4413 | + Utils.extend(swiper, { | ||
4414 | + virtual: { | ||
4415 | + update: Virtual.update.bind(swiper), | ||
4416 | + appendSlide: Virtual.appendSlide.bind(swiper), | ||
4417 | + prependSlide: Virtual.prependSlide.bind(swiper), | ||
4418 | + renderSlide: Virtual.renderSlide.bind(swiper), | ||
4419 | + slides: swiper.params.virtual.slides, | ||
4420 | + cache: {}, | ||
4421 | + }, | ||
4422 | + }); | ||
4423 | + }, | ||
4424 | + on: { | ||
4425 | + beforeInit: function beforeInit() { | ||
4426 | + var swiper = this; | ||
4427 | + if (!swiper.params.virtual.enabled) { return; } | ||
4428 | + swiper.classNames.push(((swiper.params.containerModifierClass) + "virtual")); | ||
4429 | + var overwriteParams = { | ||
4430 | + watchSlidesProgress: true, | ||
4431 | + }; | ||
4432 | + Utils.extend(swiper.params, overwriteParams); | ||
4433 | + Utils.extend(swiper.originalParams, overwriteParams); | ||
4434 | + | ||
4435 | + if (!swiper.params.initialSlide) { | ||
4436 | + swiper.virtual.update(); | ||
4437 | + } | ||
4438 | + }, | ||
4439 | + setTranslate: function setTranslate() { | ||
4440 | + var swiper = this; | ||
4441 | + if (!swiper.params.virtual.enabled) { return; } | ||
4442 | + swiper.virtual.update(); | ||
4443 | + }, | ||
4444 | + }, | ||
4445 | + }; | ||
4446 | + | ||
4447 | + var Keyboard = { | ||
4448 | + handle: function handle(event) { | ||
4449 | + var swiper = this; | ||
4450 | + var rtl = swiper.rtlTranslate; | ||
4451 | + var e = event; | ||
4452 | + if (e.originalEvent) { e = e.originalEvent; } // jquery fix | ||
4453 | + var kc = e.keyCode || e.charCode; | ||
4454 | + // Directions locks | ||
4455 | + if (!swiper.allowSlideNext && ((swiper.isHorizontal() && kc === 39) || (swiper.isVertical() && kc === 40))) { | ||
4456 | + return false; | ||
4457 | + } | ||
4458 | + if (!swiper.allowSlidePrev && ((swiper.isHorizontal() && kc === 37) || (swiper.isVertical() && kc === 38))) { | ||
4459 | + return false; | ||
4460 | + } | ||
4461 | + if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) { | ||
4462 | + return undefined; | ||
4463 | + } | ||
4464 | + if (doc.activeElement && doc.activeElement.nodeName && (doc.activeElement.nodeName.toLowerCase() === 'input' || doc.activeElement.nodeName.toLowerCase() === 'textarea')) { | ||
4465 | + return undefined; | ||
4466 | + } | ||
4467 | + if (swiper.params.keyboard.onlyInViewport && (kc === 37 || kc === 39 || kc === 38 || kc === 40)) { | ||
4468 | + var inView = false; | ||
4469 | + // Check that swiper should be inside of visible area of window | ||
4470 | + if (swiper.$el.parents(("." + (swiper.params.slideClass))).length > 0 && swiper.$el.parents(("." + (swiper.params.slideActiveClass))).length === 0) { | ||
4471 | + return undefined; | ||
4472 | + } | ||
4473 | + var windowWidth = win.innerWidth; | ||
4474 | + var windowHeight = win.innerHeight; | ||
4475 | + var swiperOffset = swiper.$el.offset(); | ||
4476 | + if (rtl) { swiperOffset.left -= swiper.$el[0].scrollLeft; } | ||
4477 | + var swiperCoord = [ | ||
4478 | + [swiperOffset.left, swiperOffset.top], | ||
4479 | + [swiperOffset.left + swiper.width, swiperOffset.top], | ||
4480 | + [swiperOffset.left, swiperOffset.top + swiper.height], | ||
4481 | + [swiperOffset.left + swiper.width, swiperOffset.top + swiper.height] ]; | ||
4482 | + for (var i = 0; i < swiperCoord.length; i += 1) { | ||
4483 | + var point = swiperCoord[i]; | ||
4484 | + if ( | ||
4485 | + point[0] >= 0 && point[0] <= windowWidth | ||
4486 | + && point[1] >= 0 && point[1] <= windowHeight | ||
4487 | + ) { | ||
4488 | + inView = true; | ||
4489 | + } | ||
4490 | + } | ||
4491 | + if (!inView) { return undefined; } | ||
4492 | + } | ||
4493 | + if (swiper.isHorizontal()) { | ||
4494 | + if (kc === 37 || kc === 39) { | ||
4495 | + if (e.preventDefault) { e.preventDefault(); } | ||
4496 | + else { e.returnValue = false; } | ||
4497 | + } | ||
4498 | + if ((kc === 39 && !rtl) || (kc === 37 && rtl)) { swiper.slideNext(); } | ||
4499 | + if ((kc === 37 && !rtl) || (kc === 39 && rtl)) { swiper.slidePrev(); } | ||
4500 | + } else { | ||
4501 | + if (kc === 38 || kc === 40) { | ||
4502 | + if (e.preventDefault) { e.preventDefault(); } | ||
4503 | + else { e.returnValue = false; } | ||
4504 | + } | ||
4505 | + if (kc === 40) { swiper.slideNext(); } | ||
4506 | + if (kc === 38) { swiper.slidePrev(); } | ||
4507 | + } | ||
4508 | + swiper.emit('keyPress', kc); | ||
4509 | + return undefined; | ||
4510 | + }, | ||
4511 | + enable: function enable() { | ||
4512 | + var swiper = this; | ||
4513 | + if (swiper.keyboard.enabled) { return; } | ||
4514 | + $(doc).on('keydown', swiper.keyboard.handle); | ||
4515 | + swiper.keyboard.enabled = true; | ||
4516 | + }, | ||
4517 | + disable: function disable() { | ||
4518 | + var swiper = this; | ||
4519 | + if (!swiper.keyboard.enabled) { return; } | ||
4520 | + $(doc).off('keydown', swiper.keyboard.handle); | ||
4521 | + swiper.keyboard.enabled = false; | ||
4522 | + }, | ||
4523 | + }; | ||
4524 | + | ||
4525 | + var Keyboard$1 = { | ||
4526 | + name: 'keyboard', | ||
4527 | + params: { | ||
4528 | + keyboard: { | ||
4529 | + enabled: false, | ||
4530 | + onlyInViewport: true, | ||
4531 | + }, | ||
4532 | + }, | ||
4533 | + create: function create() { | ||
4534 | + var swiper = this; | ||
4535 | + Utils.extend(swiper, { | ||
4536 | + keyboard: { | ||
4537 | + enabled: false, | ||
4538 | + enable: Keyboard.enable.bind(swiper), | ||
4539 | + disable: Keyboard.disable.bind(swiper), | ||
4540 | + handle: Keyboard.handle.bind(swiper), | ||
4541 | + }, | ||
4542 | + }); | ||
4543 | + }, | ||
4544 | + on: { | ||
4545 | + init: function init() { | ||
4546 | + var swiper = this; | ||
4547 | + if (swiper.params.keyboard.enabled) { | ||
4548 | + swiper.keyboard.enable(); | ||
4549 | + } | ||
4550 | + }, | ||
4551 | + destroy: function destroy() { | ||
4552 | + var swiper = this; | ||
4553 | + if (swiper.keyboard.enabled) { | ||
4554 | + swiper.keyboard.disable(); | ||
4555 | + } | ||
4556 | + }, | ||
4557 | + }, | ||
4558 | + }; | ||
4559 | + | ||
4560 | + function isEventSupported() { | ||
4561 | + var eventName = 'onwheel'; | ||
4562 | + var isSupported = eventName in doc; | ||
4563 | + | ||
4564 | + if (!isSupported) { | ||
4565 | + var element = doc.createElement('div'); | ||
4566 | + element.setAttribute(eventName, 'return;'); | ||
4567 | + isSupported = typeof element[eventName] === 'function'; | ||
4568 | + } | ||
4569 | + | ||
4570 | + if (!isSupported | ||
4571 | + && doc.implementation | ||
4572 | + && doc.implementation.hasFeature | ||
4573 | + // always returns true in newer browsers as per the standard. | ||
4574 | + // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature | ||
4575 | + && doc.implementation.hasFeature('', '') !== true | ||
4576 | + ) { | ||
4577 | + // This is the only way to test support for the `wheel` event in IE9+. | ||
4578 | + isSupported = doc.implementation.hasFeature('Events.wheel', '3.0'); | ||
4579 | + } | ||
4580 | + | ||
4581 | + return isSupported; | ||
4582 | + } | ||
4583 | + var Mousewheel = { | ||
4584 | + lastScrollTime: Utils.now(), | ||
4585 | + event: (function getEvent() { | ||
4586 | + if (win.navigator.userAgent.indexOf('firefox') > -1) { return 'DOMMouseScroll'; } | ||
4587 | + return isEventSupported() ? 'wheel' : 'mousewheel'; | ||
4588 | + }()), | ||
4589 | + normalize: function normalize(e) { | ||
4590 | + // Reasonable defaults | ||
4591 | + var PIXEL_STEP = 10; | ||
4592 | + var LINE_HEIGHT = 40; | ||
4593 | + var PAGE_HEIGHT = 800; | ||
4594 | + | ||
4595 | + var sX = 0; | ||
4596 | + var sY = 0; // spinX, spinY | ||
4597 | + var pX = 0; | ||
4598 | + var pY = 0; // pixelX, pixelY | ||
4599 | + | ||
4600 | + // Legacy | ||
4601 | + if ('detail' in e) { | ||
4602 | + sY = e.detail; | ||
4603 | + } | ||
4604 | + if ('wheelDelta' in e) { | ||
4605 | + sY = -e.wheelDelta / 120; | ||
4606 | + } | ||
4607 | + if ('wheelDeltaY' in e) { | ||
4608 | + sY = -e.wheelDeltaY / 120; | ||
4609 | + } | ||
4610 | + if ('wheelDeltaX' in e) { | ||
4611 | + sX = -e.wheelDeltaX / 120; | ||
4612 | + } | ||
4613 | + | ||
4614 | + // side scrolling on FF with DOMMouseScroll | ||
4615 | + if ('axis' in e && e.axis === e.HORIZONTAL_AXIS) { | ||
4616 | + sX = sY; | ||
4617 | + sY = 0; | ||
4618 | + } | ||
4619 | + | ||
4620 | + pX = sX * PIXEL_STEP; | ||
4621 | + pY = sY * PIXEL_STEP; | ||
4622 | + | ||
4623 | + if ('deltaY' in e) { | ||
4624 | + pY = e.deltaY; | ||
4625 | + } | ||
4626 | + if ('deltaX' in e) { | ||
4627 | + pX = e.deltaX; | ||
4628 | + } | ||
4629 | + | ||
4630 | + if ((pX || pY) && e.deltaMode) { | ||
4631 | + if (e.deltaMode === 1) { // delta in LINE units | ||
4632 | + pX *= LINE_HEIGHT; | ||
4633 | + pY *= LINE_HEIGHT; | ||
4634 | + } else { // delta in PAGE units | ||
4635 | + pX *= PAGE_HEIGHT; | ||
4636 | + pY *= PAGE_HEIGHT; | ||
4637 | + } | ||
4638 | + } | ||
4639 | + | ||
4640 | + // Fall-back if spin cannot be determined | ||
4641 | + if (pX && !sX) { | ||
4642 | + sX = (pX < 1) ? -1 : 1; | ||
4643 | + } | ||
4644 | + if (pY && !sY) { | ||
4645 | + sY = (pY < 1) ? -1 : 1; | ||
4646 | + } | ||
4647 | + | ||
4648 | + return { | ||
4649 | + spinX: sX, | ||
4650 | + spinY: sY, | ||
4651 | + pixelX: pX, | ||
4652 | + pixelY: pY, | ||
4653 | + }; | ||
4654 | + }, | ||
4655 | + handleMouseEnter: function handleMouseEnter() { | ||
4656 | + var swiper = this; | ||
4657 | + swiper.mouseEntered = true; | ||
4658 | + }, | ||
4659 | + handleMouseLeave: function handleMouseLeave() { | ||
4660 | + var swiper = this; | ||
4661 | + swiper.mouseEntered = false; | ||
4662 | + }, | ||
4663 | + handle: function handle(event) { | ||
4664 | + var e = event; | ||
4665 | + var swiper = this; | ||
4666 | + var params = swiper.params.mousewheel; | ||
4667 | + | ||
4668 | + if (!swiper.mouseEntered && !params.releaseOnEdges) { return true; } | ||
4669 | + | ||
4670 | + if (e.originalEvent) { e = e.originalEvent; } // jquery fix | ||
4671 | + var delta = 0; | ||
4672 | + var rtlFactor = swiper.rtlTranslate ? -1 : 1; | ||
4673 | + | ||
4674 | + var data = Mousewheel.normalize(e); | ||
4675 | + | ||
4676 | + if (params.forceToAxis) { | ||
4677 | + if (swiper.isHorizontal()) { | ||
4678 | + if (Math.abs(data.pixelX) > Math.abs(data.pixelY)) { delta = data.pixelX * rtlFactor; } | ||
4679 | + else { return true; } | ||
4680 | + } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX)) { delta = data.pixelY; } | ||
4681 | + else { return true; } | ||
4682 | + } else { | ||
4683 | + delta = Math.abs(data.pixelX) > Math.abs(data.pixelY) ? -data.pixelX * rtlFactor : -data.pixelY; | ||
4684 | + } | ||
4685 | + | ||
4686 | + if (delta === 0) { return true; } | ||
4687 | + | ||
4688 | + if (params.invert) { delta = -delta; } | ||
4689 | + | ||
4690 | + if (!swiper.params.freeMode) { | ||
4691 | + if (Utils.now() - swiper.mousewheel.lastScrollTime > 60) { | ||
4692 | + if (delta < 0) { | ||
4693 | + if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) { | ||
4694 | + swiper.slideNext(); | ||
4695 | + swiper.emit('scroll', e); | ||
4696 | + } else if (params.releaseOnEdges) { return true; } | ||
4697 | + } else if ((!swiper.isBeginning || swiper.params.loop) && !swiper.animating) { | ||
4698 | + swiper.slidePrev(); | ||
4699 | + swiper.emit('scroll', e); | ||
4700 | + } else if (params.releaseOnEdges) { return true; } | ||
4701 | + } | ||
4702 | + swiper.mousewheel.lastScrollTime = (new win.Date()).getTime(); | ||
4703 | + } else { | ||
4704 | + // Freemode or scrollContainer: | ||
4705 | + if (swiper.params.loop) { | ||
4706 | + swiper.loopFix(); | ||
4707 | + } | ||
4708 | + var position = swiper.getTranslate() + (delta * params.sensitivity); | ||
4709 | + var wasBeginning = swiper.isBeginning; | ||
4710 | + var wasEnd = swiper.isEnd; | ||
4711 | + | ||
4712 | + if (position >= swiper.minTranslate()) { position = swiper.minTranslate(); } | ||
4713 | + if (position <= swiper.maxTranslate()) { position = swiper.maxTranslate(); } | ||
4714 | + | ||
4715 | + swiper.setTransition(0); | ||
4716 | + swiper.setTranslate(position); | ||
4717 | + swiper.updateProgress(); | ||
4718 | + swiper.updateActiveIndex(); | ||
4719 | + swiper.updateSlidesClasses(); | ||
4720 | + | ||
4721 | + if ((!wasBeginning && swiper.isBeginning) || (!wasEnd && swiper.isEnd)) { | ||
4722 | + swiper.updateSlidesClasses(); | ||
4723 | + } | ||
4724 | + | ||
4725 | + if (swiper.params.freeModeSticky) { | ||
4726 | + clearTimeout(swiper.mousewheel.timeout); | ||
4727 | + swiper.mousewheel.timeout = Utils.nextTick(function () { | ||
4728 | + swiper.slideToClosest(); | ||
4729 | + }, 300); | ||
4730 | + } | ||
4731 | + // Emit event | ||
4732 | + swiper.emit('scroll', e); | ||
4733 | + | ||
4734 | + // Stop autoplay | ||
4735 | + if (swiper.params.autoplay && swiper.params.autoplayDisableOnInteraction) { swiper.autoplay.stop(); } | ||
4736 | + // Return page scroll on edge positions | ||
4737 | + if (position === swiper.minTranslate() || position === swiper.maxTranslate()) { return true; } | ||
4738 | + } | ||
4739 | + | ||
4740 | + if (e.preventDefault) { e.preventDefault(); } | ||
4741 | + else { e.returnValue = false; } | ||
4742 | + return false; | ||
4743 | + }, | ||
4744 | + enable: function enable() { | ||
4745 | + var swiper = this; | ||
4746 | + if (!Mousewheel.event) { return false; } | ||
4747 | + if (swiper.mousewheel.enabled) { return false; } | ||
4748 | + var target = swiper.$el; | ||
4749 | + if (swiper.params.mousewheel.eventsTarged !== 'container') { | ||
4750 | + target = $(swiper.params.mousewheel.eventsTarged); | ||
4751 | + } | ||
4752 | + target.on('mouseenter', swiper.mousewheel.handleMouseEnter); | ||
4753 | + target.on('mouseleave', swiper.mousewheel.handleMouseLeave); | ||
4754 | + target.on(Mousewheel.event, swiper.mousewheel.handle); | ||
4755 | + swiper.mousewheel.enabled = true; | ||
4756 | + return true; | ||
4757 | + }, | ||
4758 | + disable: function disable() { | ||
4759 | + var swiper = this; | ||
4760 | + if (!Mousewheel.event) { return false; } | ||
4761 | + if (!swiper.mousewheel.enabled) { return false; } | ||
4762 | + var target = swiper.$el; | ||
4763 | + if (swiper.params.mousewheel.eventsTarged !== 'container') { | ||
4764 | + target = $(swiper.params.mousewheel.eventsTarged); | ||
4765 | + } | ||
4766 | + target.off(Mousewheel.event, swiper.mousewheel.handle); | ||
4767 | + swiper.mousewheel.enabled = false; | ||
4768 | + return true; | ||
4769 | + }, | ||
4770 | + }; | ||
4771 | + | ||
4772 | + var Mousewheel$1 = { | ||
4773 | + name: 'mousewheel', | ||
4774 | + params: { | ||
4775 | + mousewheel: { | ||
4776 | + enabled: false, | ||
4777 | + releaseOnEdges: false, | ||
4778 | + invert: false, | ||
4779 | + forceToAxis: false, | ||
4780 | + sensitivity: 1, | ||
4781 | + eventsTarged: 'container', | ||
4782 | + }, | ||
4783 | + }, | ||
4784 | + create: function create() { | ||
4785 | + var swiper = this; | ||
4786 | + Utils.extend(swiper, { | ||
4787 | + mousewheel: { | ||
4788 | + enabled: false, | ||
4789 | + enable: Mousewheel.enable.bind(swiper), | ||
4790 | + disable: Mousewheel.disable.bind(swiper), | ||
4791 | + handle: Mousewheel.handle.bind(swiper), | ||
4792 | + handleMouseEnter: Mousewheel.handleMouseEnter.bind(swiper), | ||
4793 | + handleMouseLeave: Mousewheel.handleMouseLeave.bind(swiper), | ||
4794 | + lastScrollTime: Utils.now(), | ||
4795 | + }, | ||
4796 | + }); | ||
4797 | + }, | ||
4798 | + on: { | ||
4799 | + init: function init() { | ||
4800 | + var swiper = this; | ||
4801 | + if (swiper.params.mousewheel.enabled) { swiper.mousewheel.enable(); } | ||
4802 | + }, | ||
4803 | + destroy: function destroy() { | ||
4804 | + var swiper = this; | ||
4805 | + if (swiper.mousewheel.enabled) { swiper.mousewheel.disable(); } | ||
4806 | + }, | ||
4807 | + }, | ||
4808 | + }; | ||
4809 | + | ||
4810 | + var Navigation = { | ||
4811 | + update: function update() { | ||
4812 | + // Update Navigation Buttons | ||
4813 | + var swiper = this; | ||
4814 | + var params = swiper.params.navigation; | ||
4815 | + | ||
4816 | + if (swiper.params.loop) { return; } | ||
4817 | + var ref = swiper.navigation; | ||
4818 | + var $nextEl = ref.$nextEl; | ||
4819 | + var $prevEl = ref.$prevEl; | ||
4820 | + | ||
4821 | + if ($prevEl && $prevEl.length > 0) { | ||
4822 | + if (swiper.isBeginning) { | ||
4823 | + $prevEl.addClass(params.disabledClass); | ||
4824 | + } else { | ||
4825 | + $prevEl.removeClass(params.disabledClass); | ||
4826 | + } | ||
4827 | + $prevEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass); | ||
4828 | + } | ||
4829 | + if ($nextEl && $nextEl.length > 0) { | ||
4830 | + if (swiper.isEnd) { | ||
4831 | + $nextEl.addClass(params.disabledClass); | ||
4832 | + } else { | ||
4833 | + $nextEl.removeClass(params.disabledClass); | ||
4834 | + } | ||
4835 | + $nextEl[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass); | ||
4836 | + } | ||
4837 | + }, | ||
4838 | + onPrevClick: function onPrevClick(e) { | ||
4839 | + var swiper = this; | ||
4840 | + e.preventDefault(); | ||
4841 | + if (swiper.isBeginning && !swiper.params.loop) { return; } | ||
4842 | + swiper.slidePrev(); | ||
4843 | + }, | ||
4844 | + onNextClick: function onNextClick(e) { | ||
4845 | + var swiper = this; | ||
4846 | + e.preventDefault(); | ||
4847 | + if (swiper.isEnd && !swiper.params.loop) { return; } | ||
4848 | + swiper.slideNext(); | ||
4849 | + }, | ||
4850 | + init: function init() { | ||
4851 | + var swiper = this; | ||
4852 | + var params = swiper.params.navigation; | ||
4853 | + if (!(params.nextEl || params.prevEl)) { return; } | ||
4854 | + | ||
4855 | + var $nextEl; | ||
4856 | + var $prevEl; | ||
4857 | + if (params.nextEl) { | ||
4858 | + $nextEl = $(params.nextEl); | ||
4859 | + if ( | ||
4860 | + swiper.params.uniqueNavElements | ||
4861 | + && typeof params.nextEl === 'string' | ||
4862 | + && $nextEl.length > 1 | ||
4863 | + && swiper.$el.find(params.nextEl).length === 1 | ||
4864 | + ) { | ||
4865 | + $nextEl = swiper.$el.find(params.nextEl); | ||
4866 | + } | ||
4867 | + } | ||
4868 | + if (params.prevEl) { | ||
4869 | + $prevEl = $(params.prevEl); | ||
4870 | + if ( | ||
4871 | + swiper.params.uniqueNavElements | ||
4872 | + && typeof params.prevEl === 'string' | ||
4873 | + && $prevEl.length > 1 | ||
4874 | + && swiper.$el.find(params.prevEl).length === 1 | ||
4875 | + ) { | ||
4876 | + $prevEl = swiper.$el.find(params.prevEl); | ||
4877 | + } | ||
4878 | + } | ||
4879 | + | ||
4880 | + if ($nextEl && $nextEl.length > 0) { | ||
4881 | + $nextEl.on('click', swiper.navigation.onNextClick); | ||
4882 | + } | ||
4883 | + if ($prevEl && $prevEl.length > 0) { | ||
4884 | + $prevEl.on('click', swiper.navigation.onPrevClick); | ||
4885 | + } | ||
4886 | + | ||
4887 | + Utils.extend(swiper.navigation, { | ||
4888 | + $nextEl: $nextEl, | ||
4889 | + nextEl: $nextEl && $nextEl[0], | ||
4890 | + $prevEl: $prevEl, | ||
4891 | + prevEl: $prevEl && $prevEl[0], | ||
4892 | + }); | ||
4893 | + }, | ||
4894 | + destroy: function destroy() { | ||
4895 | + var swiper = this; | ||
4896 | + var ref = swiper.navigation; | ||
4897 | + var $nextEl = ref.$nextEl; | ||
4898 | + var $prevEl = ref.$prevEl; | ||
4899 | + if ($nextEl && $nextEl.length) { | ||
4900 | + $nextEl.off('click', swiper.navigation.onNextClick); | ||
4901 | + $nextEl.removeClass(swiper.params.navigation.disabledClass); | ||
4902 | + } | ||
4903 | + if ($prevEl && $prevEl.length) { | ||
4904 | + $prevEl.off('click', swiper.navigation.onPrevClick); | ||
4905 | + $prevEl.removeClass(swiper.params.navigation.disabledClass); | ||
4906 | + } | ||
4907 | + }, | ||
4908 | + }; | ||
4909 | + | ||
4910 | + var Navigation$1 = { | ||
4911 | + name: 'navigation', | ||
4912 | + params: { | ||
4913 | + navigation: { | ||
4914 | + nextEl: null, | ||
4915 | + prevEl: null, | ||
4916 | + | ||
4917 | + hideOnClick: false, | ||
4918 | + disabledClass: 'swiper-button-disabled', | ||
4919 | + hiddenClass: 'swiper-button-hidden', | ||
4920 | + lockClass: 'swiper-button-lock', | ||
4921 | + }, | ||
4922 | + }, | ||
4923 | + create: function create() { | ||
4924 | + var swiper = this; | ||
4925 | + Utils.extend(swiper, { | ||
4926 | + navigation: { | ||
4927 | + init: Navigation.init.bind(swiper), | ||
4928 | + update: Navigation.update.bind(swiper), | ||
4929 | + destroy: Navigation.destroy.bind(swiper), | ||
4930 | + onNextClick: Navigation.onNextClick.bind(swiper), | ||
4931 | + onPrevClick: Navigation.onPrevClick.bind(swiper), | ||
4932 | + }, | ||
4933 | + }); | ||
4934 | + }, | ||
4935 | + on: { | ||
4936 | + init: function init() { | ||
4937 | + var swiper = this; | ||
4938 | + swiper.navigation.init(); | ||
4939 | + swiper.navigation.update(); | ||
4940 | + }, | ||
4941 | + toEdge: function toEdge() { | ||
4942 | + var swiper = this; | ||
4943 | + swiper.navigation.update(); | ||
4944 | + }, | ||
4945 | + fromEdge: function fromEdge() { | ||
4946 | + var swiper = this; | ||
4947 | + swiper.navigation.update(); | ||
4948 | + }, | ||
4949 | + destroy: function destroy() { | ||
4950 | + var swiper = this; | ||
4951 | + swiper.navigation.destroy(); | ||
4952 | + }, | ||
4953 | + click: function click(e) { | ||
4954 | + var swiper = this; | ||
4955 | + var ref = swiper.navigation; | ||
4956 | + var $nextEl = ref.$nextEl; | ||
4957 | + var $prevEl = ref.$prevEl; | ||
4958 | + if ( | ||
4959 | + swiper.params.navigation.hideOnClick | ||
4960 | + && !$(e.target).is($prevEl) | ||
4961 | + && !$(e.target).is($nextEl) | ||
4962 | + ) { | ||
4963 | + if ($nextEl) { $nextEl.toggleClass(swiper.params.navigation.hiddenClass); } | ||
4964 | + if ($prevEl) { $prevEl.toggleClass(swiper.params.navigation.hiddenClass); } | ||
4965 | + } | ||
4966 | + }, | ||
4967 | + }, | ||
4968 | + }; | ||
4969 | + | ||
4970 | + var Pagination = { | ||
4971 | + update: function update() { | ||
4972 | + // Render || Update Pagination bullets/items | ||
4973 | + var swiper = this; | ||
4974 | + var rtl = swiper.rtl; | ||
4975 | + var params = swiper.params.pagination; | ||
4976 | + if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; } | ||
4977 | + var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length; | ||
4978 | + var $el = swiper.pagination.$el; | ||
4979 | + // Current/Total | ||
4980 | + var current; | ||
4981 | + var total = swiper.params.loop ? Math.ceil((slidesLength - (swiper.loopedSlides * 2)) / swiper.params.slidesPerGroup) : swiper.snapGrid.length; | ||
4982 | + if (swiper.params.loop) { | ||
4983 | + current = Math.ceil((swiper.activeIndex - swiper.loopedSlides) / swiper.params.slidesPerGroup); | ||
4984 | + if (current > slidesLength - 1 - (swiper.loopedSlides * 2)) { | ||
4985 | + current -= (slidesLength - (swiper.loopedSlides * 2)); | ||
4986 | + } | ||
4987 | + if (current > total - 1) { current -= total; } | ||
4988 | + if (current < 0 && swiper.params.paginationType !== 'bullets') { current = total + current; } | ||
4989 | + } else if (typeof swiper.snapIndex !== 'undefined') { | ||
4990 | + current = swiper.snapIndex; | ||
4991 | + } else { | ||
4992 | + current = swiper.activeIndex || 0; | ||
4993 | + } | ||
4994 | + // Types | ||
4995 | + if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) { | ||
4996 | + var bullets = swiper.pagination.bullets; | ||
4997 | + var firstIndex; | ||
4998 | + var lastIndex; | ||
4999 | + var midIndex; | ||
5000 | + if (params.dynamicBullets) { | ||
5001 | + swiper.pagination.bulletSize = bullets.eq(0)[swiper.isHorizontal() ? 'outerWidth' : 'outerHeight'](true); | ||
5002 | + $el.css(swiper.isHorizontal() ? 'width' : 'height', ((swiper.pagination.bulletSize * (params.dynamicMainBullets + 4)) + "px")); | ||
5003 | + if (params.dynamicMainBullets > 1 && swiper.previousIndex !== undefined) { | ||
5004 | + swiper.pagination.dynamicBulletIndex += (current - swiper.previousIndex); | ||
5005 | + if (swiper.pagination.dynamicBulletIndex > (params.dynamicMainBullets - 1)) { | ||
5006 | + swiper.pagination.dynamicBulletIndex = params.dynamicMainBullets - 1; | ||
5007 | + } else if (swiper.pagination.dynamicBulletIndex < 0) { | ||
5008 | + swiper.pagination.dynamicBulletIndex = 0; | ||
5009 | + } | ||
5010 | + } | ||
5011 | + firstIndex = current - swiper.pagination.dynamicBulletIndex; | ||
5012 | + lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1); | ||
5013 | + midIndex = (lastIndex + firstIndex) / 2; | ||
5014 | + } | ||
5015 | + bullets.removeClass(((params.bulletActiveClass) + " " + (params.bulletActiveClass) + "-next " + (params.bulletActiveClass) + "-next-next " + (params.bulletActiveClass) + "-prev " + (params.bulletActiveClass) + "-prev-prev " + (params.bulletActiveClass) + "-main")); | ||
5016 | + if ($el.length > 1) { | ||
5017 | + bullets.each(function (index, bullet) { | ||
5018 | + var $bullet = $(bullet); | ||
5019 | + var bulletIndex = $bullet.index(); | ||
5020 | + if (bulletIndex === current) { | ||
5021 | + $bullet.addClass(params.bulletActiveClass); | ||
5022 | + } | ||
5023 | + if (params.dynamicBullets) { | ||
5024 | + if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) { | ||
5025 | + $bullet.addClass(((params.bulletActiveClass) + "-main")); | ||
5026 | + } | ||
5027 | + if (bulletIndex === firstIndex) { | ||
5028 | + $bullet | ||
5029 | + .prev() | ||
5030 | + .addClass(((params.bulletActiveClass) + "-prev")) | ||
5031 | + .prev() | ||
5032 | + .addClass(((params.bulletActiveClass) + "-prev-prev")); | ||
5033 | + } | ||
5034 | + if (bulletIndex === lastIndex) { | ||
5035 | + $bullet | ||
5036 | + .next() | ||
5037 | + .addClass(((params.bulletActiveClass) + "-next")) | ||
5038 | + .next() | ||
5039 | + .addClass(((params.bulletActiveClass) + "-next-next")); | ||
5040 | + } | ||
5041 | + } | ||
5042 | + }); | ||
5043 | + } else { | ||
5044 | + var $bullet = bullets.eq(current); | ||
5045 | + $bullet.addClass(params.bulletActiveClass); | ||
5046 | + if (params.dynamicBullets) { | ||
5047 | + var $firstDisplayedBullet = bullets.eq(firstIndex); | ||
5048 | + var $lastDisplayedBullet = bullets.eq(lastIndex); | ||
5049 | + for (var i = firstIndex; i <= lastIndex; i += 1) { | ||
5050 | + bullets.eq(i).addClass(((params.bulletActiveClass) + "-main")); | ||
5051 | + } | ||
5052 | + $firstDisplayedBullet | ||
5053 | + .prev() | ||
5054 | + .addClass(((params.bulletActiveClass) + "-prev")) | ||
5055 | + .prev() | ||
5056 | + .addClass(((params.bulletActiveClass) + "-prev-prev")); | ||
5057 | + $lastDisplayedBullet | ||
5058 | + .next() | ||
5059 | + .addClass(((params.bulletActiveClass) + "-next")) | ||
5060 | + .next() | ||
5061 | + .addClass(((params.bulletActiveClass) + "-next-next")); | ||
5062 | + } | ||
5063 | + } | ||
5064 | + if (params.dynamicBullets) { | ||
5065 | + var dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4); | ||
5066 | + var bulletsOffset = (((swiper.pagination.bulletSize * dynamicBulletsLength) - (swiper.pagination.bulletSize)) / 2) - (midIndex * swiper.pagination.bulletSize); | ||
5067 | + var offsetProp = rtl ? 'right' : 'left'; | ||
5068 | + bullets.css(swiper.isHorizontal() ? offsetProp : 'top', (bulletsOffset + "px")); | ||
5069 | + } | ||
5070 | + } | ||
5071 | + if (params.type === 'fraction') { | ||
5072 | + $el.find(("." + (params.currentClass))).text(params.formatFractionCurrent(current + 1)); | ||
5073 | + $el.find(("." + (params.totalClass))).text(params.formatFractionTotal(total)); | ||
5074 | + } | ||
5075 | + if (params.type === 'progressbar') { | ||
5076 | + var progressbarDirection; | ||
5077 | + if (params.progressbarOpposite) { | ||
5078 | + progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal'; | ||
5079 | + } else { | ||
5080 | + progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical'; | ||
5081 | + } | ||
5082 | + var scale = (current + 1) / total; | ||
5083 | + var scaleX = 1; | ||
5084 | + var scaleY = 1; | ||
5085 | + if (progressbarDirection === 'horizontal') { | ||
5086 | + scaleX = scale; | ||
5087 | + } else { | ||
5088 | + scaleY = scale; | ||
5089 | + } | ||
5090 | + $el.find(("." + (params.progressbarFillClass))).transform(("translate3d(0,0,0) scaleX(" + scaleX + ") scaleY(" + scaleY + ")")).transition(swiper.params.speed); | ||
5091 | + } | ||
5092 | + if (params.type === 'custom' && params.renderCustom) { | ||
5093 | + $el.html(params.renderCustom(swiper, current + 1, total)); | ||
5094 | + swiper.emit('paginationRender', swiper, $el[0]); | ||
5095 | + } else { | ||
5096 | + swiper.emit('paginationUpdate', swiper, $el[0]); | ||
5097 | + } | ||
5098 | + $el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](params.lockClass); | ||
5099 | + }, | ||
5100 | + render: function render() { | ||
5101 | + // Render Container | ||
5102 | + var swiper = this; | ||
5103 | + var params = swiper.params.pagination; | ||
5104 | + if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; } | ||
5105 | + var slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length; | ||
5106 | + | ||
5107 | + var $el = swiper.pagination.$el; | ||
5108 | + var paginationHTML = ''; | ||
5109 | + if (params.type === 'bullets') { | ||
5110 | + var numberOfBullets = swiper.params.loop ? Math.ceil((slidesLength - (swiper.loopedSlides * 2)) / swiper.params.slidesPerGroup) : swiper.snapGrid.length; | ||
5111 | + for (var i = 0; i < numberOfBullets; i += 1) { | ||
5112 | + if (params.renderBullet) { | ||
5113 | + paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass); | ||
5114 | + } else { | ||
5115 | + paginationHTML += "<" + (params.bulletElement) + " class=\"" + (params.bulletClass) + "\"></" + (params.bulletElement) + ">"; | ||
5116 | + } | ||
5117 | + } | ||
5118 | + $el.html(paginationHTML); | ||
5119 | + swiper.pagination.bullets = $el.find(("." + (params.bulletClass))); | ||
5120 | + } | ||
5121 | + if (params.type === 'fraction') { | ||
5122 | + if (params.renderFraction) { | ||
5123 | + paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass); | ||
5124 | + } else { | ||
5125 | + paginationHTML = "<span class=\"" + (params.currentClass) + "\"></span>" | ||
5126 | + + ' / ' | ||
5127 | + + "<span class=\"" + (params.totalClass) + "\"></span>"; | ||
5128 | + } | ||
5129 | + $el.html(paginationHTML); | ||
5130 | + } | ||
5131 | + if (params.type === 'progressbar') { | ||
5132 | + if (params.renderProgressbar) { | ||
5133 | + paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass); | ||
5134 | + } else { | ||
5135 | + paginationHTML = "<span class=\"" + (params.progressbarFillClass) + "\"></span>"; | ||
5136 | + } | ||
5137 | + $el.html(paginationHTML); | ||
5138 | + } | ||
5139 | + if (params.type !== 'custom') { | ||
5140 | + swiper.emit('paginationRender', swiper.pagination.$el[0]); | ||
5141 | + } | ||
5142 | + }, | ||
5143 | + init: function init() { | ||
5144 | + var swiper = this; | ||
5145 | + var params = swiper.params.pagination; | ||
5146 | + if (!params.el) { return; } | ||
5147 | + | ||
5148 | + var $el = $(params.el); | ||
5149 | + if ($el.length === 0) { return; } | ||
5150 | + | ||
5151 | + if ( | ||
5152 | + swiper.params.uniqueNavElements | ||
5153 | + && typeof params.el === 'string' | ||
5154 | + && $el.length > 1 | ||
5155 | + && swiper.$el.find(params.el).length === 1 | ||
5156 | + ) { | ||
5157 | + $el = swiper.$el.find(params.el); | ||
5158 | + } | ||
5159 | + | ||
5160 | + if (params.type === 'bullets' && params.clickable) { | ||
5161 | + $el.addClass(params.clickableClass); | ||
5162 | + } | ||
5163 | + | ||
5164 | + $el.addClass(params.modifierClass + params.type); | ||
5165 | + | ||
5166 | + if (params.type === 'bullets' && params.dynamicBullets) { | ||
5167 | + $el.addClass(("" + (params.modifierClass) + (params.type) + "-dynamic")); | ||
5168 | + swiper.pagination.dynamicBulletIndex = 0; | ||
5169 | + if (params.dynamicMainBullets < 1) { | ||
5170 | + params.dynamicMainBullets = 1; | ||
5171 | + } | ||
5172 | + } | ||
5173 | + if (params.type === 'progressbar' && params.progressbarOpposite) { | ||
5174 | + $el.addClass(params.progressbarOppositeClass); | ||
5175 | + } | ||
5176 | + | ||
5177 | + if (params.clickable) { | ||
5178 | + $el.on('click', ("." + (params.bulletClass)), function onClick(e) { | ||
5179 | + e.preventDefault(); | ||
5180 | + var index = $(this).index() * swiper.params.slidesPerGroup; | ||
5181 | + if (swiper.params.loop) { index += swiper.loopedSlides; } | ||
5182 | + swiper.slideTo(index); | ||
5183 | + }); | ||
5184 | + } | ||
5185 | + | ||
5186 | + Utils.extend(swiper.pagination, { | ||
5187 | + $el: $el, | ||
5188 | + el: $el[0], | ||
5189 | + }); | ||
5190 | + }, | ||
5191 | + destroy: function destroy() { | ||
5192 | + var swiper = this; | ||
5193 | + var params = swiper.params.pagination; | ||
5194 | + if (!params.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0) { return; } | ||
5195 | + var $el = swiper.pagination.$el; | ||
5196 | + | ||
5197 | + $el.removeClass(params.hiddenClass); | ||
5198 | + $el.removeClass(params.modifierClass + params.type); | ||
5199 | + if (swiper.pagination.bullets) { swiper.pagination.bullets.removeClass(params.bulletActiveClass); } | ||
5200 | + if (params.clickable) { | ||
5201 | + $el.off('click', ("." + (params.bulletClass))); | ||
5202 | + } | ||
5203 | + }, | ||
5204 | + }; | ||
5205 | + | ||
5206 | + var Pagination$1 = { | ||
5207 | + name: 'pagination', | ||
5208 | + params: { | ||
5209 | + pagination: { | ||
5210 | + el: null, | ||
5211 | + bulletElement: 'span', | ||
5212 | + clickable: false, | ||
5213 | + hideOnClick: false, | ||
5214 | + renderBullet: null, | ||
5215 | + renderProgressbar: null, | ||
5216 | + renderFraction: null, | ||
5217 | + renderCustom: null, | ||
5218 | + progressbarOpposite: false, | ||
5219 | + type: 'bullets', // 'bullets' or 'progressbar' or 'fraction' or 'custom' | ||
5220 | + dynamicBullets: false, | ||
5221 | + dynamicMainBullets: 1, | ||
5222 | + formatFractionCurrent: function (number) { return number; }, | ||
5223 | + formatFractionTotal: function (number) { return number; }, | ||
5224 | + bulletClass: 'swiper-pagination-bullet', | ||
5225 | + bulletActiveClass: 'swiper-pagination-bullet-active', | ||
5226 | + modifierClass: 'swiper-pagination-', // NEW | ||
5227 | + currentClass: 'swiper-pagination-current', | ||
5228 | + totalClass: 'swiper-pagination-total', | ||
5229 | + hiddenClass: 'swiper-pagination-hidden', | ||
5230 | + progressbarFillClass: 'swiper-pagination-progressbar-fill', | ||
5231 | + progressbarOppositeClass: 'swiper-pagination-progressbar-opposite', | ||
5232 | + clickableClass: 'swiper-pagination-clickable', // NEW | ||
5233 | + lockClass: 'swiper-pagination-lock', | ||
5234 | + }, | ||
5235 | + }, | ||
5236 | + create: function create() { | ||
5237 | + var swiper = this; | ||
5238 | + Utils.extend(swiper, { | ||
5239 | + pagination: { | ||
5240 | + init: Pagination.init.bind(swiper), | ||
5241 | + render: Pagination.render.bind(swiper), | ||
5242 | + update: Pagination.update.bind(swiper), | ||
5243 | + destroy: Pagination.destroy.bind(swiper), | ||
5244 | + dynamicBulletIndex: 0, | ||
5245 | + }, | ||
5246 | + }); | ||
5247 | + }, | ||
5248 | + on: { | ||
5249 | + init: function init() { | ||
5250 | + var swiper = this; | ||
5251 | + swiper.pagination.init(); | ||
5252 | + swiper.pagination.render(); | ||
5253 | + swiper.pagination.update(); | ||
5254 | + }, | ||
5255 | + activeIndexChange: function activeIndexChange() { | ||
5256 | + var swiper = this; | ||
5257 | + if (swiper.params.loop) { | ||
5258 | + swiper.pagination.update(); | ||
5259 | + } else if (typeof swiper.snapIndex === 'undefined') { | ||
5260 | + swiper.pagination.update(); | ||
5261 | + } | ||
5262 | + }, | ||
5263 | + snapIndexChange: function snapIndexChange() { | ||
5264 | + var swiper = this; | ||
5265 | + if (!swiper.params.loop) { | ||
5266 | + swiper.pagination.update(); | ||
5267 | + } | ||
5268 | + }, | ||
5269 | + slidesLengthChange: function slidesLengthChange() { | ||
5270 | + var swiper = this; | ||
5271 | + if (swiper.params.loop) { | ||
5272 | + swiper.pagination.render(); | ||
5273 | + swiper.pagination.update(); | ||
5274 | + } | ||
5275 | + }, | ||
5276 | + snapGridLengthChange: function snapGridLengthChange() { | ||
5277 | + var swiper = this; | ||
5278 | + if (!swiper.params.loop) { | ||
5279 | + swiper.pagination.render(); | ||
5280 | + swiper.pagination.update(); | ||
5281 | + } | ||
5282 | + }, | ||
5283 | + destroy: function destroy() { | ||
5284 | + var swiper = this; | ||
5285 | + swiper.pagination.destroy(); | ||
5286 | + }, | ||
5287 | + click: function click(e) { | ||
5288 | + var swiper = this; | ||
5289 | + if ( | ||
5290 | + swiper.params.pagination.el | ||
5291 | + && swiper.params.pagination.hideOnClick | ||
5292 | + && swiper.pagination.$el.length > 0 | ||
5293 | + && !$(e.target).hasClass(swiper.params.pagination.bulletClass) | ||
5294 | + ) { | ||
5295 | + swiper.pagination.$el.toggleClass(swiper.params.pagination.hiddenClass); | ||
5296 | + } | ||
5297 | + }, | ||
5298 | + }, | ||
5299 | + }; | ||
5300 | + | ||
5301 | + var Scrollbar = { | ||
5302 | + setTranslate: function setTranslate() { | ||
5303 | + var swiper = this; | ||
5304 | + if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; } | ||
5305 | + var scrollbar = swiper.scrollbar; | ||
5306 | + var rtl = swiper.rtlTranslate; | ||
5307 | + var progress = swiper.progress; | ||
5308 | + var dragSize = scrollbar.dragSize; | ||
5309 | + var trackSize = scrollbar.trackSize; | ||
5310 | + var $dragEl = scrollbar.$dragEl; | ||
5311 | + var $el = scrollbar.$el; | ||
5312 | + var params = swiper.params.scrollbar; | ||
5313 | + | ||
5314 | + var newSize = dragSize; | ||
5315 | + var newPos = (trackSize - dragSize) * progress; | ||
5316 | + if (rtl) { | ||
5317 | + newPos = -newPos; | ||
5318 | + if (newPos > 0) { | ||
5319 | + newSize = dragSize - newPos; | ||
5320 | + newPos = 0; | ||
5321 | + } else if (-newPos + dragSize > trackSize) { | ||
5322 | + newSize = trackSize + newPos; | ||
5323 | + } | ||
5324 | + } else if (newPos < 0) { | ||
5325 | + newSize = dragSize + newPos; | ||
5326 | + newPos = 0; | ||
5327 | + } else if (newPos + dragSize > trackSize) { | ||
5328 | + newSize = trackSize - newPos; | ||
5329 | + } | ||
5330 | + if (swiper.isHorizontal()) { | ||
5331 | + if (Support.transforms3d) { | ||
5332 | + $dragEl.transform(("translate3d(" + newPos + "px, 0, 0)")); | ||
5333 | + } else { | ||
5334 | + $dragEl.transform(("translateX(" + newPos + "px)")); | ||
5335 | + } | ||
5336 | + $dragEl[0].style.width = newSize + "px"; | ||
5337 | + } else { | ||
5338 | + if (Support.transforms3d) { | ||
5339 | + $dragEl.transform(("translate3d(0px, " + newPos + "px, 0)")); | ||
5340 | + } else { | ||
5341 | + $dragEl.transform(("translateY(" + newPos + "px)")); | ||
5342 | + } | ||
5343 | + $dragEl[0].style.height = newSize + "px"; | ||
5344 | + } | ||
5345 | + if (params.hide) { | ||
5346 | + clearTimeout(swiper.scrollbar.timeout); | ||
5347 | + $el[0].style.opacity = 1; | ||
5348 | + swiper.scrollbar.timeout = setTimeout(function () { | ||
5349 | + $el[0].style.opacity = 0; | ||
5350 | + $el.transition(400); | ||
5351 | + }, 1000); | ||
5352 | + } | ||
5353 | + }, | ||
5354 | + setTransition: function setTransition(duration) { | ||
5355 | + var swiper = this; | ||
5356 | + if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; } | ||
5357 | + swiper.scrollbar.$dragEl.transition(duration); | ||
5358 | + }, | ||
5359 | + updateSize: function updateSize() { | ||
5360 | + var swiper = this; | ||
5361 | + if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) { return; } | ||
5362 | + | ||
5363 | + var scrollbar = swiper.scrollbar; | ||
5364 | + var $dragEl = scrollbar.$dragEl; | ||
5365 | + var $el = scrollbar.$el; | ||
5366 | + | ||
5367 | + $dragEl[0].style.width = ''; | ||
5368 | + $dragEl[0].style.height = ''; | ||
5369 | + var trackSize = swiper.isHorizontal() ? $el[0].offsetWidth : $el[0].offsetHeight; | ||
5370 | + | ||
5371 | + var divider = swiper.size / swiper.virtualSize; | ||
5372 | + var moveDivider = divider * (trackSize / swiper.size); | ||
5373 | + var dragSize; | ||
5374 | + if (swiper.params.scrollbar.dragSize === 'auto') { | ||
5375 | + dragSize = trackSize * divider; | ||
5376 | + } else { | ||
5377 | + dragSize = parseInt(swiper.params.scrollbar.dragSize, 10); | ||
5378 | + } | ||
5379 | + | ||
5380 | + if (swiper.isHorizontal()) { | ||
5381 | + $dragEl[0].style.width = dragSize + "px"; | ||
5382 | + } else { | ||
5383 | + $dragEl[0].style.height = dragSize + "px"; | ||
5384 | + } | ||
5385 | + | ||
5386 | + if (divider >= 1) { | ||
5387 | + $el[0].style.display = 'none'; | ||
5388 | + } else { | ||
5389 | + $el[0].style.display = ''; | ||
5390 | + } | ||
5391 | + if (swiper.params.scrollbarHide) { | ||
5392 | + $el[0].style.opacity = 0; | ||
5393 | + } | ||
5394 | + Utils.extend(scrollbar, { | ||
5395 | + trackSize: trackSize, | ||
5396 | + divider: divider, | ||
5397 | + moveDivider: moveDivider, | ||
5398 | + dragSize: dragSize, | ||
5399 | + }); | ||
5400 | + scrollbar.$el[swiper.params.watchOverflow && swiper.isLocked ? 'addClass' : 'removeClass'](swiper.params.scrollbar.lockClass); | ||
5401 | + }, | ||
5402 | + setDragPosition: function setDragPosition(e) { | ||
5403 | + var swiper = this; | ||
5404 | + var scrollbar = swiper.scrollbar; | ||
5405 | + var rtl = swiper.rtlTranslate; | ||
5406 | + var $el = scrollbar.$el; | ||
5407 | + var dragSize = scrollbar.dragSize; | ||
5408 | + var trackSize = scrollbar.trackSize; | ||
5409 | + | ||
5410 | + var pointerPosition; | ||
5411 | + if (swiper.isHorizontal()) { | ||
5412 | + pointerPosition = ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].pageX : e.pageX || e.clientX); | ||
5413 | + } else { | ||
5414 | + pointerPosition = ((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].pageY : e.pageY || e.clientY); | ||
5415 | + } | ||
5416 | + var positionRatio; | ||
5417 | + positionRatio = ((pointerPosition) - $el.offset()[swiper.isHorizontal() ? 'left' : 'top'] - (dragSize / 2)) / (trackSize - dragSize); | ||
5418 | + positionRatio = Math.max(Math.min(positionRatio, 1), 0); | ||
5419 | + if (rtl) { | ||
5420 | + positionRatio = 1 - positionRatio; | ||
5421 | + } | ||
5422 | + | ||
5423 | + var position = swiper.minTranslate() + ((swiper.maxTranslate() - swiper.minTranslate()) * positionRatio); | ||
5424 | + | ||
5425 | + swiper.updateProgress(position); | ||
5426 | + swiper.setTranslate(position); | ||
5427 | + swiper.updateActiveIndex(); | ||
5428 | + swiper.updateSlidesClasses(); | ||
5429 | + }, | ||
5430 | + onDragStart: function onDragStart(e) { | ||
5431 | + var swiper = this; | ||
5432 | + var params = swiper.params.scrollbar; | ||
5433 | + var scrollbar = swiper.scrollbar; | ||
5434 | + var $wrapperEl = swiper.$wrapperEl; | ||
5435 | + var $el = scrollbar.$el; | ||
5436 | + var $dragEl = scrollbar.$dragEl; | ||
5437 | + swiper.scrollbar.isTouched = true; | ||
5438 | + e.preventDefault(); | ||
5439 | + e.stopPropagation(); | ||
5440 | + | ||
5441 | + $wrapperEl.transition(100); | ||
5442 | + $dragEl.transition(100); | ||
5443 | + scrollbar.setDragPosition(e); | ||
5444 | + | ||
5445 | + clearTimeout(swiper.scrollbar.dragTimeout); | ||
5446 | + | ||
5447 | + $el.transition(0); | ||
5448 | + if (params.hide) { | ||
5449 | + $el.css('opacity', 1); | ||
5450 | + } | ||
5451 | + swiper.emit('scrollbarDragStart', e); | ||
5452 | + }, | ||
5453 | + onDragMove: function onDragMove(e) { | ||
5454 | + var swiper = this; | ||
5455 | + var scrollbar = swiper.scrollbar; | ||
5456 | + var $wrapperEl = swiper.$wrapperEl; | ||
5457 | + var $el = scrollbar.$el; | ||
5458 | + var $dragEl = scrollbar.$dragEl; | ||
5459 | + | ||
5460 | + if (!swiper.scrollbar.isTouched) { return; } | ||
5461 | + if (e.preventDefault) { e.preventDefault(); } | ||
5462 | + else { e.returnValue = false; } | ||
5463 | + scrollbar.setDragPosition(e); | ||
5464 | + $wrapperEl.transition(0); | ||
5465 | + $el.transition(0); | ||
5466 | + $dragEl.transition(0); | ||
5467 | + swiper.emit('scrollbarDragMove', e); | ||
5468 | + }, | ||
5469 | + onDragEnd: function onDragEnd(e) { | ||
5470 | + var swiper = this; | ||
5471 | + | ||
5472 | + var params = swiper.params.scrollbar; | ||
5473 | + var scrollbar = swiper.scrollbar; | ||
5474 | + var $el = scrollbar.$el; | ||
5475 | + | ||
5476 | + if (!swiper.scrollbar.isTouched) { return; } | ||
5477 | + swiper.scrollbar.isTouched = false; | ||
5478 | + if (params.hide) { | ||
5479 | + clearTimeout(swiper.scrollbar.dragTimeout); | ||
5480 | + swiper.scrollbar.dragTimeout = Utils.nextTick(function () { | ||
5481 | + $el.css('opacity', 0); | ||
5482 | + $el.transition(400); | ||
5483 | + }, 1000); | ||
5484 | + } | ||
5485 | + swiper.emit('scrollbarDragEnd', e); | ||
5486 | + if (params.snapOnRelease) { | ||
5487 | + swiper.slideToClosest(); | ||
5488 | + } | ||
5489 | + }, | ||
5490 | + enableDraggable: function enableDraggable() { | ||
5491 | + var swiper = this; | ||
5492 | + if (!swiper.params.scrollbar.el) { return; } | ||
5493 | + var scrollbar = swiper.scrollbar; | ||
5494 | + var touchEventsTouch = swiper.touchEventsTouch; | ||
5495 | + var touchEventsDesktop = swiper.touchEventsDesktop; | ||
5496 | + var params = swiper.params; | ||
5497 | + var $el = scrollbar.$el; | ||
5498 | + var target = $el[0]; | ||
5499 | + var activeListener = Support.passiveListener && params.passiveListeners ? { passive: false, capture: false } : false; | ||
5500 | + var passiveListener = Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false; | ||
5501 | + if (!Support.touch) { | ||
5502 | + target.addEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener); | ||
5503 | + doc.addEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener); | ||
5504 | + doc.addEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener); | ||
5505 | + } else { | ||
5506 | + target.addEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener); | ||
5507 | + target.addEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener); | ||
5508 | + target.addEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener); | ||
5509 | + } | ||
5510 | + }, | ||
5511 | + disableDraggable: function disableDraggable() { | ||
5512 | + var swiper = this; | ||
5513 | + if (!swiper.params.scrollbar.el) { return; } | ||
5514 | + var scrollbar = swiper.scrollbar; | ||
5515 | + var touchEventsTouch = swiper.touchEventsTouch; | ||
5516 | + var touchEventsDesktop = swiper.touchEventsDesktop; | ||
5517 | + var params = swiper.params; | ||
5518 | + var $el = scrollbar.$el; | ||
5519 | + var target = $el[0]; | ||
5520 | + var activeListener = Support.passiveListener && params.passiveListeners ? { passive: false, capture: false } : false; | ||
5521 | + var passiveListener = Support.passiveListener && params.passiveListeners ? { passive: true, capture: false } : false; | ||
5522 | + if (!Support.touch) { | ||
5523 | + target.removeEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener); | ||
5524 | + doc.removeEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener); | ||
5525 | + doc.removeEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener); | ||
5526 | + } else { | ||
5527 | + target.removeEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener); | ||
5528 | + target.removeEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener); | ||
5529 | + target.removeEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener); | ||
5530 | + } | ||
5531 | + }, | ||
5532 | + init: function init() { | ||
5533 | + var swiper = this; | ||
5534 | + if (!swiper.params.scrollbar.el) { return; } | ||
5535 | + var scrollbar = swiper.scrollbar; | ||
5536 | + var $swiperEl = swiper.$el; | ||
5537 | + var params = swiper.params.scrollbar; | ||
5538 | + | ||
5539 | + var $el = $(params.el); | ||
5540 | + if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1 && $swiperEl.find(params.el).length === 1) { | ||
5541 | + $el = $swiperEl.find(params.el); | ||
5542 | + } | ||
5543 | + | ||
5544 | + var $dragEl = $el.find(("." + (swiper.params.scrollbar.dragClass))); | ||
5545 | + if ($dragEl.length === 0) { | ||
5546 | + $dragEl = $(("<div class=\"" + (swiper.params.scrollbar.dragClass) + "\"></div>")); | ||
5547 | + $el.append($dragEl); | ||
5548 | + } | ||
5549 | + | ||
5550 | + Utils.extend(scrollbar, { | ||
5551 | + $el: $el, | ||
5552 | + el: $el[0], | ||
5553 | + $dragEl: $dragEl, | ||
5554 | + dragEl: $dragEl[0], | ||
5555 | + }); | ||
5556 | + | ||
5557 | + if (params.draggable) { | ||
5558 | + scrollbar.enableDraggable(); | ||
5559 | + } | ||
5560 | + }, | ||
5561 | + destroy: function destroy() { | ||
5562 | + var swiper = this; | ||
5563 | + swiper.scrollbar.disableDraggable(); | ||
5564 | + }, | ||
5565 | + }; | ||
5566 | + | ||
5567 | + var Scrollbar$1 = { | ||
5568 | + name: 'scrollbar', | ||
5569 | + params: { | ||
5570 | + scrollbar: { | ||
5571 | + el: null, | ||
5572 | + dragSize: 'auto', | ||
5573 | + hide: false, | ||
5574 | + draggable: false, | ||
5575 | + snapOnRelease: true, | ||
5576 | + lockClass: 'swiper-scrollbar-lock', | ||
5577 | + dragClass: 'swiper-scrollbar-drag', | ||
5578 | + }, | ||
5579 | + }, | ||
5580 | + create: function create() { | ||
5581 | + var swiper = this; | ||
5582 | + Utils.extend(swiper, { | ||
5583 | + scrollbar: { | ||
5584 | + init: Scrollbar.init.bind(swiper), | ||
5585 | + destroy: Scrollbar.destroy.bind(swiper), | ||
5586 | + updateSize: Scrollbar.updateSize.bind(swiper), | ||
5587 | + setTranslate: Scrollbar.setTranslate.bind(swiper), | ||
5588 | + setTransition: Scrollbar.setTransition.bind(swiper), | ||
5589 | + enableDraggable: Scrollbar.enableDraggable.bind(swiper), | ||
5590 | + disableDraggable: Scrollbar.disableDraggable.bind(swiper), | ||
5591 | + setDragPosition: Scrollbar.setDragPosition.bind(swiper), | ||
5592 | + onDragStart: Scrollbar.onDragStart.bind(swiper), | ||
5593 | + onDragMove: Scrollbar.onDragMove.bind(swiper), | ||
5594 | + onDragEnd: Scrollbar.onDragEnd.bind(swiper), | ||
5595 | + isTouched: false, | ||
5596 | + timeout: null, | ||
5597 | + dragTimeout: null, | ||
5598 | + }, | ||
5599 | + }); | ||
5600 | + }, | ||
5601 | + on: { | ||
5602 | + init: function init() { | ||
5603 | + var swiper = this; | ||
5604 | + swiper.scrollbar.init(); | ||
5605 | + swiper.scrollbar.updateSize(); | ||
5606 | + swiper.scrollbar.setTranslate(); | ||
5607 | + }, | ||
5608 | + update: function update() { | ||
5609 | + var swiper = this; | ||
5610 | + swiper.scrollbar.updateSize(); | ||
5611 | + }, | ||
5612 | + resize: function resize() { | ||
5613 | + var swiper = this; | ||
5614 | + swiper.scrollbar.updateSize(); | ||
5615 | + }, | ||
5616 | + observerUpdate: function observerUpdate() { | ||
5617 | + var swiper = this; | ||
5618 | + swiper.scrollbar.updateSize(); | ||
5619 | + }, | ||
5620 | + setTranslate: function setTranslate() { | ||
5621 | + var swiper = this; | ||
5622 | + swiper.scrollbar.setTranslate(); | ||
5623 | + }, | ||
5624 | + setTransition: function setTransition(duration) { | ||
5625 | + var swiper = this; | ||
5626 | + swiper.scrollbar.setTransition(duration); | ||
5627 | + }, | ||
5628 | + destroy: function destroy() { | ||
5629 | + var swiper = this; | ||
5630 | + swiper.scrollbar.destroy(); | ||
5631 | + }, | ||
5632 | + }, | ||
5633 | + }; | ||
5634 | + | ||
5635 | + var Parallax = { | ||
5636 | + setTransform: function setTransform(el, progress) { | ||
5637 | + var swiper = this; | ||
5638 | + var rtl = swiper.rtl; | ||
5639 | + | ||
5640 | + var $el = $(el); | ||
5641 | + var rtlFactor = rtl ? -1 : 1; | ||
5642 | + | ||
5643 | + var p = $el.attr('data-swiper-parallax') || '0'; | ||
5644 | + var x = $el.attr('data-swiper-parallax-x'); | ||
5645 | + var y = $el.attr('data-swiper-parallax-y'); | ||
5646 | + var scale = $el.attr('data-swiper-parallax-scale'); | ||
5647 | + var opacity = $el.attr('data-swiper-parallax-opacity'); | ||
5648 | + | ||
5649 | + if (x || y) { | ||
5650 | + x = x || '0'; | ||
5651 | + y = y || '0'; | ||
5652 | + } else if (swiper.isHorizontal()) { | ||
5653 | + x = p; | ||
5654 | + y = '0'; | ||
5655 | + } else { | ||
5656 | + y = p; | ||
5657 | + x = '0'; | ||
5658 | + } | ||
5659 | + | ||
5660 | + if ((x).indexOf('%') >= 0) { | ||
5661 | + x = (parseInt(x, 10) * progress * rtlFactor) + "%"; | ||
5662 | + } else { | ||
5663 | + x = (x * progress * rtlFactor) + "px"; | ||
5664 | + } | ||
5665 | + if ((y).indexOf('%') >= 0) { | ||
5666 | + y = (parseInt(y, 10) * progress) + "%"; | ||
5667 | + } else { | ||
5668 | + y = (y * progress) + "px"; | ||
5669 | + } | ||
5670 | + | ||
5671 | + if (typeof opacity !== 'undefined' && opacity !== null) { | ||
5672 | + var currentOpacity = opacity - ((opacity - 1) * (1 - Math.abs(progress))); | ||
5673 | + $el[0].style.opacity = currentOpacity; | ||
5674 | + } | ||
5675 | + if (typeof scale === 'undefined' || scale === null) { | ||
5676 | + $el.transform(("translate3d(" + x + ", " + y + ", 0px)")); | ||
5677 | + } else { | ||
5678 | + var currentScale = scale - ((scale - 1) * (1 - Math.abs(progress))); | ||
5679 | + $el.transform(("translate3d(" + x + ", " + y + ", 0px) scale(" + currentScale + ")")); | ||
5680 | + } | ||
5681 | + }, | ||
5682 | + setTranslate: function setTranslate() { | ||
5683 | + var swiper = this; | ||
5684 | + var $el = swiper.$el; | ||
5685 | + var slides = swiper.slides; | ||
5686 | + var progress = swiper.progress; | ||
5687 | + var snapGrid = swiper.snapGrid; | ||
5688 | + $el.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]') | ||
5689 | + .each(function (index, el) { | ||
5690 | + swiper.parallax.setTransform(el, progress); | ||
5691 | + }); | ||
5692 | + slides.each(function (slideIndex, slideEl) { | ||
5693 | + var slideProgress = slideEl.progress; | ||
5694 | + if (swiper.params.slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') { | ||
5695 | + slideProgress += Math.ceil(slideIndex / 2) - (progress * (snapGrid.length - 1)); | ||
5696 | + } | ||
5697 | + slideProgress = Math.min(Math.max(slideProgress, -1), 1); | ||
5698 | + $(slideEl).find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]') | ||
5699 | + .each(function (index, el) { | ||
5700 | + swiper.parallax.setTransform(el, slideProgress); | ||
5701 | + }); | ||
5702 | + }); | ||
5703 | + }, | ||
5704 | + setTransition: function setTransition(duration) { | ||
5705 | + if ( duration === void 0 ) duration = this.params.speed; | ||
5706 | + | ||
5707 | + var swiper = this; | ||
5708 | + var $el = swiper.$el; | ||
5709 | + $el.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]') | ||
5710 | + .each(function (index, parallaxEl) { | ||
5711 | + var $parallaxEl = $(parallaxEl); | ||
5712 | + var parallaxDuration = parseInt($parallaxEl.attr('data-swiper-parallax-duration'), 10) || duration; | ||
5713 | + if (duration === 0) { parallaxDuration = 0; } | ||
5714 | + $parallaxEl.transition(parallaxDuration); | ||
5715 | + }); | ||
5716 | + }, | ||
5717 | + }; | ||
5718 | + | ||
5719 | + var Parallax$1 = { | ||
5720 | + name: 'parallax', | ||
5721 | + params: { | ||
5722 | + parallax: { | ||
5723 | + enabled: false, | ||
5724 | + }, | ||
5725 | + }, | ||
5726 | + create: function create() { | ||
5727 | + var swiper = this; | ||
5728 | + Utils.extend(swiper, { | ||
5729 | + parallax: { | ||
5730 | + setTransform: Parallax.setTransform.bind(swiper), | ||
5731 | + setTranslate: Parallax.setTranslate.bind(swiper), | ||
5732 | + setTransition: Parallax.setTransition.bind(swiper), | ||
5733 | + }, | ||
5734 | + }); | ||
5735 | + }, | ||
5736 | + on: { | ||
5737 | + beforeInit: function beforeInit() { | ||
5738 | + var swiper = this; | ||
5739 | + if (!swiper.params.parallax.enabled) { return; } | ||
5740 | + swiper.params.watchSlidesProgress = true; | ||
5741 | + swiper.originalParams.watchSlidesProgress = true; | ||
5742 | + }, | ||
5743 | + init: function init() { | ||
5744 | + var swiper = this; | ||
5745 | + if (!swiper.params.parallax) { return; } | ||
5746 | + swiper.parallax.setTranslate(); | ||
5747 | + }, | ||
5748 | + setTranslate: function setTranslate() { | ||
5749 | + var swiper = this; | ||
5750 | + if (!swiper.params.parallax) { return; } | ||
5751 | + swiper.parallax.setTranslate(); | ||
5752 | + }, | ||
5753 | + setTransition: function setTransition(duration) { | ||
5754 | + var swiper = this; | ||
5755 | + if (!swiper.params.parallax) { return; } | ||
5756 | + swiper.parallax.setTransition(duration); | ||
5757 | + }, | ||
5758 | + }, | ||
5759 | + }; | ||
5760 | + | ||
5761 | + var Zoom = { | ||
5762 | + // Calc Scale From Multi-touches | ||
5763 | + getDistanceBetweenTouches: function getDistanceBetweenTouches(e) { | ||
5764 | + if (e.targetTouches.length < 2) { return 1; } | ||
5765 | + var x1 = e.targetTouches[0].pageX; | ||
5766 | + var y1 = e.targetTouches[0].pageY; | ||
5767 | + var x2 = e.targetTouches[1].pageX; | ||
5768 | + var y2 = e.targetTouches[1].pageY; | ||
5769 | + var distance = Math.sqrt((Math.pow( (x2 - x1), 2 )) + (Math.pow( (y2 - y1), 2 ))); | ||
5770 | + return distance; | ||
5771 | + }, | ||
5772 | + // Events | ||
5773 | + onGestureStart: function onGestureStart(e) { | ||
5774 | + var swiper = this; | ||
5775 | + var params = swiper.params.zoom; | ||
5776 | + var zoom = swiper.zoom; | ||
5777 | + var gesture = zoom.gesture; | ||
5778 | + zoom.fakeGestureTouched = false; | ||
5779 | + zoom.fakeGestureMoved = false; | ||
5780 | + if (!Support.gestures) { | ||
5781 | + if (e.type !== 'touchstart' || (e.type === 'touchstart' && e.targetTouches.length < 2)) { | ||
5782 | + return; | ||
5783 | + } | ||
5784 | + zoom.fakeGestureTouched = true; | ||
5785 | + gesture.scaleStart = Zoom.getDistanceBetweenTouches(e); | ||
5786 | + } | ||
5787 | + if (!gesture.$slideEl || !gesture.$slideEl.length) { | ||
5788 | + gesture.$slideEl = $(e.target).closest('.swiper-slide'); | ||
5789 | + if (gesture.$slideEl.length === 0) { gesture.$slideEl = swiper.slides.eq(swiper.activeIndex); } | ||
5790 | + gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas'); | ||
5791 | + gesture.$imageWrapEl = gesture.$imageEl.parent(("." + (params.containerClass))); | ||
5792 | + gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio; | ||
5793 | + if (gesture.$imageWrapEl.length === 0) { | ||
5794 | + gesture.$imageEl = undefined; | ||
5795 | + return; | ||
5796 | + } | ||
5797 | + } | ||
5798 | + gesture.$imageEl.transition(0); | ||
5799 | + swiper.zoom.isScaling = true; | ||
5800 | + }, | ||
5801 | + onGestureChange: function onGestureChange(e) { | ||
5802 | + var swiper = this; | ||
5803 | + var params = swiper.params.zoom; | ||
5804 | + var zoom = swiper.zoom; | ||
5805 | + var gesture = zoom.gesture; | ||
5806 | + if (!Support.gestures) { | ||
5807 | + if (e.type !== 'touchmove' || (e.type === 'touchmove' && e.targetTouches.length < 2)) { | ||
5808 | + return; | ||
5809 | + } | ||
5810 | + zoom.fakeGestureMoved = true; | ||
5811 | + gesture.scaleMove = Zoom.getDistanceBetweenTouches(e); | ||
5812 | + } | ||
5813 | + if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; } | ||
5814 | + if (Support.gestures) { | ||
5815 | + zoom.scale = e.scale * zoom.currentScale; | ||
5816 | + } else { | ||
5817 | + zoom.scale = (gesture.scaleMove / gesture.scaleStart) * zoom.currentScale; | ||
5818 | + } | ||
5819 | + if (zoom.scale > gesture.maxRatio) { | ||
5820 | + zoom.scale = (gesture.maxRatio - 1) + (Math.pow( ((zoom.scale - gesture.maxRatio) + 1), 0.5 )); | ||
5821 | + } | ||
5822 | + if (zoom.scale < params.minRatio) { | ||
5823 | + zoom.scale = (params.minRatio + 1) - (Math.pow( ((params.minRatio - zoom.scale) + 1), 0.5 )); | ||
5824 | + } | ||
5825 | + gesture.$imageEl.transform(("translate3d(0,0,0) scale(" + (zoom.scale) + ")")); | ||
5826 | + }, | ||
5827 | + onGestureEnd: function onGestureEnd(e) { | ||
5828 | + var swiper = this; | ||
5829 | + var params = swiper.params.zoom; | ||
5830 | + var zoom = swiper.zoom; | ||
5831 | + var gesture = zoom.gesture; | ||
5832 | + if (!Support.gestures) { | ||
5833 | + if (!zoom.fakeGestureTouched || !zoom.fakeGestureMoved) { | ||
5834 | + return; | ||
5835 | + } | ||
5836 | + if (e.type !== 'touchend' || (e.type === 'touchend' && e.changedTouches.length < 2 && !Device.android)) { | ||
5837 | + return; | ||
5838 | + } | ||
5839 | + zoom.fakeGestureTouched = false; | ||
5840 | + zoom.fakeGestureMoved = false; | ||
5841 | + } | ||
5842 | + if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; } | ||
5843 | + zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio); | ||
5844 | + gesture.$imageEl.transition(swiper.params.speed).transform(("translate3d(0,0,0) scale(" + (zoom.scale) + ")")); | ||
5845 | + zoom.currentScale = zoom.scale; | ||
5846 | + zoom.isScaling = false; | ||
5847 | + if (zoom.scale === 1) { gesture.$slideEl = undefined; } | ||
5848 | + }, | ||
5849 | + onTouchStart: function onTouchStart(e) { | ||
5850 | + var swiper = this; | ||
5851 | + var zoom = swiper.zoom; | ||
5852 | + var gesture = zoom.gesture; | ||
5853 | + var image = zoom.image; | ||
5854 | + if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; } | ||
5855 | + if (image.isTouched) { return; } | ||
5856 | + if (Device.android) { e.preventDefault(); } | ||
5857 | + image.isTouched = true; | ||
5858 | + image.touchesStart.x = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX; | ||
5859 | + image.touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY; | ||
5860 | + }, | ||
5861 | + onTouchMove: function onTouchMove(e) { | ||
5862 | + var swiper = this; | ||
5863 | + var zoom = swiper.zoom; | ||
5864 | + var gesture = zoom.gesture; | ||
5865 | + var image = zoom.image; | ||
5866 | + var velocity = zoom.velocity; | ||
5867 | + if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; } | ||
5868 | + swiper.allowClick = false; | ||
5869 | + if (!image.isTouched || !gesture.$slideEl) { return; } | ||
5870 | + | ||
5871 | + if (!image.isMoved) { | ||
5872 | + image.width = gesture.$imageEl[0].offsetWidth; | ||
5873 | + image.height = gesture.$imageEl[0].offsetHeight; | ||
5874 | + image.startX = Utils.getTranslate(gesture.$imageWrapEl[0], 'x') || 0; | ||
5875 | + image.startY = Utils.getTranslate(gesture.$imageWrapEl[0], 'y') || 0; | ||
5876 | + gesture.slideWidth = gesture.$slideEl[0].offsetWidth; | ||
5877 | + gesture.slideHeight = gesture.$slideEl[0].offsetHeight; | ||
5878 | + gesture.$imageWrapEl.transition(0); | ||
5879 | + if (swiper.rtl) { | ||
5880 | + image.startX = -image.startX; | ||
5881 | + image.startY = -image.startY; | ||
5882 | + } | ||
5883 | + } | ||
5884 | + // Define if we need image drag | ||
5885 | + var scaledWidth = image.width * zoom.scale; | ||
5886 | + var scaledHeight = image.height * zoom.scale; | ||
5887 | + | ||
5888 | + if (scaledWidth < gesture.slideWidth && scaledHeight < gesture.slideHeight) { return; } | ||
5889 | + | ||
5890 | + image.minX = Math.min(((gesture.slideWidth / 2) - (scaledWidth / 2)), 0); | ||
5891 | + image.maxX = -image.minX; | ||
5892 | + image.minY = Math.min(((gesture.slideHeight / 2) - (scaledHeight / 2)), 0); | ||
5893 | + image.maxY = -image.minY; | ||
5894 | + | ||
5895 | + image.touchesCurrent.x = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX; | ||
5896 | + image.touchesCurrent.y = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY; | ||
5897 | + | ||
5898 | + if (!image.isMoved && !zoom.isScaling) { | ||
5899 | + if ( | ||
5900 | + swiper.isHorizontal() | ||
5901 | + && ( | ||
5902 | + (Math.floor(image.minX) === Math.floor(image.startX) && image.touchesCurrent.x < image.touchesStart.x) | ||
5903 | + || (Math.floor(image.maxX) === Math.floor(image.startX) && image.touchesCurrent.x > image.touchesStart.x) | ||
5904 | + ) | ||
5905 | + ) { | ||
5906 | + image.isTouched = false; | ||
5907 | + return; | ||
5908 | + } if ( | ||
5909 | + !swiper.isHorizontal() | ||
5910 | + && ( | ||
5911 | + (Math.floor(image.minY) === Math.floor(image.startY) && image.touchesCurrent.y < image.touchesStart.y) | ||
5912 | + || (Math.floor(image.maxY) === Math.floor(image.startY) && image.touchesCurrent.y > image.touchesStart.y) | ||
5913 | + ) | ||
5914 | + ) { | ||
5915 | + image.isTouched = false; | ||
5916 | + return; | ||
5917 | + } | ||
5918 | + } | ||
5919 | + e.preventDefault(); | ||
5920 | + e.stopPropagation(); | ||
5921 | + | ||
5922 | + image.isMoved = true; | ||
5923 | + image.currentX = (image.touchesCurrent.x - image.touchesStart.x) + image.startX; | ||
5924 | + image.currentY = (image.touchesCurrent.y - image.touchesStart.y) + image.startY; | ||
5925 | + | ||
5926 | + if (image.currentX < image.minX) { | ||
5927 | + image.currentX = (image.minX + 1) - (Math.pow( ((image.minX - image.currentX) + 1), 0.8 )); | ||
5928 | + } | ||
5929 | + if (image.currentX > image.maxX) { | ||
5930 | + image.currentX = (image.maxX - 1) + (Math.pow( ((image.currentX - image.maxX) + 1), 0.8 )); | ||
5931 | + } | ||
5932 | + | ||
5933 | + if (image.currentY < image.minY) { | ||
5934 | + image.currentY = (image.minY + 1) - (Math.pow( ((image.minY - image.currentY) + 1), 0.8 )); | ||
5935 | + } | ||
5936 | + if (image.currentY > image.maxY) { | ||
5937 | + image.currentY = (image.maxY - 1) + (Math.pow( ((image.currentY - image.maxY) + 1), 0.8 )); | ||
5938 | + } | ||
5939 | + | ||
5940 | + // Velocity | ||
5941 | + if (!velocity.prevPositionX) { velocity.prevPositionX = image.touchesCurrent.x; } | ||
5942 | + if (!velocity.prevPositionY) { velocity.prevPositionY = image.touchesCurrent.y; } | ||
5943 | + if (!velocity.prevTime) { velocity.prevTime = Date.now(); } | ||
5944 | + velocity.x = (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2; | ||
5945 | + velocity.y = (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2; | ||
5946 | + if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) { velocity.x = 0; } | ||
5947 | + if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) { velocity.y = 0; } | ||
5948 | + velocity.prevPositionX = image.touchesCurrent.x; | ||
5949 | + velocity.prevPositionY = image.touchesCurrent.y; | ||
5950 | + velocity.prevTime = Date.now(); | ||
5951 | + | ||
5952 | + gesture.$imageWrapEl.transform(("translate3d(" + (image.currentX) + "px, " + (image.currentY) + "px,0)")); | ||
5953 | + }, | ||
5954 | + onTouchEnd: function onTouchEnd() { | ||
5955 | + var swiper = this; | ||
5956 | + var zoom = swiper.zoom; | ||
5957 | + var gesture = zoom.gesture; | ||
5958 | + var image = zoom.image; | ||
5959 | + var velocity = zoom.velocity; | ||
5960 | + if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; } | ||
5961 | + if (!image.isTouched || !image.isMoved) { | ||
5962 | + image.isTouched = false; | ||
5963 | + image.isMoved = false; | ||
5964 | + return; | ||
5965 | + } | ||
5966 | + image.isTouched = false; | ||
5967 | + image.isMoved = false; | ||
5968 | + var momentumDurationX = 300; | ||
5969 | + var momentumDurationY = 300; | ||
5970 | + var momentumDistanceX = velocity.x * momentumDurationX; | ||
5971 | + var newPositionX = image.currentX + momentumDistanceX; | ||
5972 | + var momentumDistanceY = velocity.y * momentumDurationY; | ||
5973 | + var newPositionY = image.currentY + momentumDistanceY; | ||
5974 | + | ||
5975 | + // Fix duration | ||
5976 | + if (velocity.x !== 0) { momentumDurationX = Math.abs((newPositionX - image.currentX) / velocity.x); } | ||
5977 | + if (velocity.y !== 0) { momentumDurationY = Math.abs((newPositionY - image.currentY) / velocity.y); } | ||
5978 | + var momentumDuration = Math.max(momentumDurationX, momentumDurationY); | ||
5979 | + | ||
5980 | + image.currentX = newPositionX; | ||
5981 | + image.currentY = newPositionY; | ||
5982 | + | ||
5983 | + // Define if we need image drag | ||
5984 | + var scaledWidth = image.width * zoom.scale; | ||
5985 | + var scaledHeight = image.height * zoom.scale; | ||
5986 | + image.minX = Math.min(((gesture.slideWidth / 2) - (scaledWidth / 2)), 0); | ||
5987 | + image.maxX = -image.minX; | ||
5988 | + image.minY = Math.min(((gesture.slideHeight / 2) - (scaledHeight / 2)), 0); | ||
5989 | + image.maxY = -image.minY; | ||
5990 | + image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX); | ||
5991 | + image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY); | ||
5992 | + | ||
5993 | + gesture.$imageWrapEl.transition(momentumDuration).transform(("translate3d(" + (image.currentX) + "px, " + (image.currentY) + "px,0)")); | ||
5994 | + }, | ||
5995 | + onTransitionEnd: function onTransitionEnd() { | ||
5996 | + var swiper = this; | ||
5997 | + var zoom = swiper.zoom; | ||
5998 | + var gesture = zoom.gesture; | ||
5999 | + if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) { | ||
6000 | + gesture.$imageEl.transform('translate3d(0,0,0) scale(1)'); | ||
6001 | + gesture.$imageWrapEl.transform('translate3d(0,0,0)'); | ||
6002 | + | ||
6003 | + zoom.scale = 1; | ||
6004 | + zoom.currentScale = 1; | ||
6005 | + | ||
6006 | + gesture.$slideEl = undefined; | ||
6007 | + gesture.$imageEl = undefined; | ||
6008 | + gesture.$imageWrapEl = undefined; | ||
6009 | + } | ||
6010 | + }, | ||
6011 | + // Toggle Zoom | ||
6012 | + toggle: function toggle(e) { | ||
6013 | + var swiper = this; | ||
6014 | + var zoom = swiper.zoom; | ||
6015 | + | ||
6016 | + if (zoom.scale && zoom.scale !== 1) { | ||
6017 | + // Zoom Out | ||
6018 | + zoom.out(); | ||
6019 | + } else { | ||
6020 | + // Zoom In | ||
6021 | + zoom.in(e); | ||
6022 | + } | ||
6023 | + }, | ||
6024 | + in: function in$1(e) { | ||
6025 | + var swiper = this; | ||
6026 | + | ||
6027 | + var zoom = swiper.zoom; | ||
6028 | + var params = swiper.params.zoom; | ||
6029 | + var gesture = zoom.gesture; | ||
6030 | + var image = zoom.image; | ||
6031 | + | ||
6032 | + if (!gesture.$slideEl) { | ||
6033 | + gesture.$slideEl = swiper.clickedSlide ? $(swiper.clickedSlide) : swiper.slides.eq(swiper.activeIndex); | ||
6034 | + gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas'); | ||
6035 | + gesture.$imageWrapEl = gesture.$imageEl.parent(("." + (params.containerClass))); | ||
6036 | + } | ||
6037 | + if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; } | ||
6038 | + | ||
6039 | + gesture.$slideEl.addClass(("" + (params.zoomedSlideClass))); | ||
6040 | + | ||
6041 | + var touchX; | ||
6042 | + var touchY; | ||
6043 | + var offsetX; | ||
6044 | + var offsetY; | ||
6045 | + var diffX; | ||
6046 | + var diffY; | ||
6047 | + var translateX; | ||
6048 | + var translateY; | ||
6049 | + var imageWidth; | ||
6050 | + var imageHeight; | ||
6051 | + var scaledWidth; | ||
6052 | + var scaledHeight; | ||
6053 | + var translateMinX; | ||
6054 | + var translateMinY; | ||
6055 | + var translateMaxX; | ||
6056 | + var translateMaxY; | ||
6057 | + var slideWidth; | ||
6058 | + var slideHeight; | ||
6059 | + | ||
6060 | + if (typeof image.touchesStart.x === 'undefined' && e) { | ||
6061 | + touchX = e.type === 'touchend' ? e.changedTouches[0].pageX : e.pageX; | ||
6062 | + touchY = e.type === 'touchend' ? e.changedTouches[0].pageY : e.pageY; | ||
6063 | + } else { | ||
6064 | + touchX = image.touchesStart.x; | ||
6065 | + touchY = image.touchesStart.y; | ||
6066 | + } | ||
6067 | + | ||
6068 | + zoom.scale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio; | ||
6069 | + zoom.currentScale = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio; | ||
6070 | + if (e) { | ||
6071 | + slideWidth = gesture.$slideEl[0].offsetWidth; | ||
6072 | + slideHeight = gesture.$slideEl[0].offsetHeight; | ||
6073 | + offsetX = gesture.$slideEl.offset().left; | ||
6074 | + offsetY = gesture.$slideEl.offset().top; | ||
6075 | + diffX = (offsetX + (slideWidth / 2)) - touchX; | ||
6076 | + diffY = (offsetY + (slideHeight / 2)) - touchY; | ||
6077 | + | ||
6078 | + imageWidth = gesture.$imageEl[0].offsetWidth; | ||
6079 | + imageHeight = gesture.$imageEl[0].offsetHeight; | ||
6080 | + scaledWidth = imageWidth * zoom.scale; | ||
6081 | + scaledHeight = imageHeight * zoom.scale; | ||
6082 | + | ||
6083 | + translateMinX = Math.min(((slideWidth / 2) - (scaledWidth / 2)), 0); | ||
6084 | + translateMinY = Math.min(((slideHeight / 2) - (scaledHeight / 2)), 0); | ||
6085 | + translateMaxX = -translateMinX; | ||
6086 | + translateMaxY = -translateMinY; | ||
6087 | + | ||
6088 | + translateX = diffX * zoom.scale; | ||
6089 | + translateY = diffY * zoom.scale; | ||
6090 | + | ||
6091 | + if (translateX < translateMinX) { | ||
6092 | + translateX = translateMinX; | ||
6093 | + } | ||
6094 | + if (translateX > translateMaxX) { | ||
6095 | + translateX = translateMaxX; | ||
6096 | + } | ||
6097 | + | ||
6098 | + if (translateY < translateMinY) { | ||
6099 | + translateY = translateMinY; | ||
6100 | + } | ||
6101 | + if (translateY > translateMaxY) { | ||
6102 | + translateY = translateMaxY; | ||
6103 | + } | ||
6104 | + } else { | ||
6105 | + translateX = 0; | ||
6106 | + translateY = 0; | ||
6107 | + } | ||
6108 | + gesture.$imageWrapEl.transition(300).transform(("translate3d(" + translateX + "px, " + translateY + "px,0)")); | ||
6109 | + gesture.$imageEl.transition(300).transform(("translate3d(0,0,0) scale(" + (zoom.scale) + ")")); | ||
6110 | + }, | ||
6111 | + out: function out() { | ||
6112 | + var swiper = this; | ||
6113 | + | ||
6114 | + var zoom = swiper.zoom; | ||
6115 | + var params = swiper.params.zoom; | ||
6116 | + var gesture = zoom.gesture; | ||
6117 | + | ||
6118 | + if (!gesture.$slideEl) { | ||
6119 | + gesture.$slideEl = swiper.clickedSlide ? $(swiper.clickedSlide) : swiper.slides.eq(swiper.activeIndex); | ||
6120 | + gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas'); | ||
6121 | + gesture.$imageWrapEl = gesture.$imageEl.parent(("." + (params.containerClass))); | ||
6122 | + } | ||
6123 | + if (!gesture.$imageEl || gesture.$imageEl.length === 0) { return; } | ||
6124 | + | ||
6125 | + zoom.scale = 1; | ||
6126 | + zoom.currentScale = 1; | ||
6127 | + gesture.$imageWrapEl.transition(300).transform('translate3d(0,0,0)'); | ||
6128 | + gesture.$imageEl.transition(300).transform('translate3d(0,0,0) scale(1)'); | ||
6129 | + gesture.$slideEl.removeClass(("" + (params.zoomedSlideClass))); | ||
6130 | + gesture.$slideEl = undefined; | ||
6131 | + }, | ||
6132 | + // Attach/Detach Events | ||
6133 | + enable: function enable() { | ||
6134 | + var swiper = this; | ||
6135 | + var zoom = swiper.zoom; | ||
6136 | + if (zoom.enabled) { return; } | ||
6137 | + zoom.enabled = true; | ||
6138 | + | ||
6139 | + var passiveListener = swiper.touchEvents.start === 'touchstart' && Support.passiveListener && swiper.params.passiveListeners ? { passive: true, capture: false } : false; | ||
6140 | + | ||
6141 | + // Scale image | ||
6142 | + if (Support.gestures) { | ||
6143 | + swiper.$wrapperEl.on('gesturestart', '.swiper-slide', zoom.onGestureStart, passiveListener); | ||
6144 | + swiper.$wrapperEl.on('gesturechange', '.swiper-slide', zoom.onGestureChange, passiveListener); | ||
6145 | + swiper.$wrapperEl.on('gestureend', '.swiper-slide', zoom.onGestureEnd, passiveListener); | ||
6146 | + } else if (swiper.touchEvents.start === 'touchstart') { | ||
6147 | + swiper.$wrapperEl.on(swiper.touchEvents.start, '.swiper-slide', zoom.onGestureStart, passiveListener); | ||
6148 | + swiper.$wrapperEl.on(swiper.touchEvents.move, '.swiper-slide', zoom.onGestureChange, passiveListener); | ||
6149 | + swiper.$wrapperEl.on(swiper.touchEvents.end, '.swiper-slide', zoom.onGestureEnd, passiveListener); | ||
6150 | + } | ||
6151 | + | ||
6152 | + // Move image | ||
6153 | + swiper.$wrapperEl.on(swiper.touchEvents.move, ("." + (swiper.params.zoom.containerClass)), zoom.onTouchMove); | ||
6154 | + }, | ||
6155 | + disable: function disable() { | ||
6156 | + var swiper = this; | ||
6157 | + var zoom = swiper.zoom; | ||
6158 | + if (!zoom.enabled) { return; } | ||
6159 | + | ||
6160 | + swiper.zoom.enabled = false; | ||
6161 | + | ||
6162 | + var passiveListener = swiper.touchEvents.start === 'touchstart' && Support.passiveListener && swiper.params.passiveListeners ? { passive: true, capture: false } : false; | ||
6163 | + | ||
6164 | + // Scale image | ||
6165 | + if (Support.gestures) { | ||
6166 | + swiper.$wrapperEl.off('gesturestart', '.swiper-slide', zoom.onGestureStart, passiveListener); | ||
6167 | + swiper.$wrapperEl.off('gesturechange', '.swiper-slide', zoom.onGestureChange, passiveListener); | ||
6168 | + swiper.$wrapperEl.off('gestureend', '.swiper-slide', zoom.onGestureEnd, passiveListener); | ||
6169 | + } else if (swiper.touchEvents.start === 'touchstart') { | ||
6170 | + swiper.$wrapperEl.off(swiper.touchEvents.start, '.swiper-slide', zoom.onGestureStart, passiveListener); | ||
6171 | + swiper.$wrapperEl.off(swiper.touchEvents.move, '.swiper-slide', zoom.onGestureChange, passiveListener); | ||
6172 | + swiper.$wrapperEl.off(swiper.touchEvents.end, '.swiper-slide', zoom.onGestureEnd, passiveListener); | ||
6173 | + } | ||
6174 | + | ||
6175 | + // Move image | ||
6176 | + swiper.$wrapperEl.off(swiper.touchEvents.move, ("." + (swiper.params.zoom.containerClass)), zoom.onTouchMove); | ||
6177 | + }, | ||
6178 | + }; | ||
6179 | + | ||
6180 | + var Zoom$1 = { | ||
6181 | + name: 'zoom', | ||
6182 | + params: { | ||
6183 | + zoom: { | ||
6184 | + enabled: false, | ||
6185 | + maxRatio: 3, | ||
6186 | + minRatio: 1, | ||
6187 | + toggle: true, | ||
6188 | + containerClass: 'swiper-zoom-container', | ||
6189 | + zoomedSlideClass: 'swiper-slide-zoomed', | ||
6190 | + }, | ||
6191 | + }, | ||
6192 | + create: function create() { | ||
6193 | + var swiper = this; | ||
6194 | + var zoom = { | ||
6195 | + enabled: false, | ||
6196 | + scale: 1, | ||
6197 | + currentScale: 1, | ||
6198 | + isScaling: false, | ||
6199 | + gesture: { | ||
6200 | + $slideEl: undefined, | ||
6201 | + slideWidth: undefined, | ||
6202 | + slideHeight: undefined, | ||
6203 | + $imageEl: undefined, | ||
6204 | + $imageWrapEl: undefined, | ||
6205 | + maxRatio: 3, | ||
6206 | + }, | ||
6207 | + image: { | ||
6208 | + isTouched: undefined, | ||
6209 | + isMoved: undefined, | ||
6210 | + currentX: undefined, | ||
6211 | + currentY: undefined, | ||
6212 | + minX: undefined, | ||
6213 | + minY: undefined, | ||
6214 | + maxX: undefined, | ||
6215 | + maxY: undefined, | ||
6216 | + width: undefined, | ||
6217 | + height: undefined, | ||
6218 | + startX: undefined, | ||
6219 | + startY: undefined, | ||
6220 | + touchesStart: {}, | ||
6221 | + touchesCurrent: {}, | ||
6222 | + }, | ||
6223 | + velocity: { | ||
6224 | + x: undefined, | ||
6225 | + y: undefined, | ||
6226 | + prevPositionX: undefined, | ||
6227 | + prevPositionY: undefined, | ||
6228 | + prevTime: undefined, | ||
6229 | + }, | ||
6230 | + }; | ||
6231 | + | ||
6232 | + ('onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out').split(' ').forEach(function (methodName) { | ||
6233 | + zoom[methodName] = Zoom[methodName].bind(swiper); | ||
6234 | + }); | ||
6235 | + Utils.extend(swiper, { | ||
6236 | + zoom: zoom, | ||
6237 | + }); | ||
6238 | + | ||
6239 | + var scale = 1; | ||
6240 | + Object.defineProperty(swiper.zoom, 'scale', { | ||
6241 | + get: function get() { | ||
6242 | + return scale; | ||
6243 | + }, | ||
6244 | + set: function set(value) { | ||
6245 | + if (scale !== value) { | ||
6246 | + var imageEl = swiper.zoom.gesture.$imageEl ? swiper.zoom.gesture.$imageEl[0] : undefined; | ||
6247 | + var slideEl = swiper.zoom.gesture.$slideEl ? swiper.zoom.gesture.$slideEl[0] : undefined; | ||
6248 | + swiper.emit('zoomChange', value, imageEl, slideEl); | ||
6249 | + } | ||
6250 | + scale = value; | ||
6251 | + }, | ||
6252 | + }); | ||
6253 | + }, | ||
6254 | + on: { | ||
6255 | + init: function init() { | ||
6256 | + var swiper = this; | ||
6257 | + if (swiper.params.zoom.enabled) { | ||
6258 | + swiper.zoom.enable(); | ||
6259 | + } | ||
6260 | + }, | ||
6261 | + destroy: function destroy() { | ||
6262 | + var swiper = this; | ||
6263 | + swiper.zoom.disable(); | ||
6264 | + }, | ||
6265 | + touchStart: function touchStart(e) { | ||
6266 | + var swiper = this; | ||
6267 | + if (!swiper.zoom.enabled) { return; } | ||
6268 | + swiper.zoom.onTouchStart(e); | ||
6269 | + }, | ||
6270 | + touchEnd: function touchEnd(e) { | ||
6271 | + var swiper = this; | ||
6272 | + if (!swiper.zoom.enabled) { return; } | ||
6273 | + swiper.zoom.onTouchEnd(e); | ||
6274 | + }, | ||
6275 | + doubleTap: function doubleTap(e) { | ||
6276 | + var swiper = this; | ||
6277 | + if (swiper.params.zoom.enabled && swiper.zoom.enabled && swiper.params.zoom.toggle) { | ||
6278 | + swiper.zoom.toggle(e); | ||
6279 | + } | ||
6280 | + }, | ||
6281 | + transitionEnd: function transitionEnd() { | ||
6282 | + var swiper = this; | ||
6283 | + if (swiper.zoom.enabled && swiper.params.zoom.enabled) { | ||
6284 | + swiper.zoom.onTransitionEnd(); | ||
6285 | + } | ||
6286 | + }, | ||
6287 | + }, | ||
6288 | + }; | ||
6289 | + | ||
6290 | + var Lazy = { | ||
6291 | + loadInSlide: function loadInSlide(index, loadInDuplicate) { | ||
6292 | + if ( loadInDuplicate === void 0 ) loadInDuplicate = true; | ||
6293 | + | ||
6294 | + var swiper = this; | ||
6295 | + var params = swiper.params.lazy; | ||
6296 | + if (typeof index === 'undefined') { return; } | ||
6297 | + if (swiper.slides.length === 0) { return; } | ||
6298 | + var isVirtual = swiper.virtual && swiper.params.virtual.enabled; | ||
6299 | + | ||
6300 | + var $slideEl = isVirtual | ||
6301 | + ? swiper.$wrapperEl.children(("." + (swiper.params.slideClass) + "[data-swiper-slide-index=\"" + index + "\"]")) | ||
6302 | + : swiper.slides.eq(index); | ||
6303 | + | ||
6304 | + var $images = $slideEl.find(("." + (params.elementClass) + ":not(." + (params.loadedClass) + "):not(." + (params.loadingClass) + ")")); | ||
6305 | + if ($slideEl.hasClass(params.elementClass) && !$slideEl.hasClass(params.loadedClass) && !$slideEl.hasClass(params.loadingClass)) { | ||
6306 | + $images = $images.add($slideEl[0]); | ||
6307 | + } | ||
6308 | + if ($images.length === 0) { return; } | ||
6309 | + | ||
6310 | + $images.each(function (imageIndex, imageEl) { | ||
6311 | + var $imageEl = $(imageEl); | ||
6312 | + $imageEl.addClass(params.loadingClass); | ||
6313 | + | ||
6314 | + var background = $imageEl.attr('data-background'); | ||
6315 | + var src = $imageEl.attr('data-src'); | ||
6316 | + var srcset = $imageEl.attr('data-srcset'); | ||
6317 | + var sizes = $imageEl.attr('data-sizes'); | ||
6318 | + | ||
6319 | + swiper.loadImage($imageEl[0], (src || background), srcset, sizes, false, function () { | ||
6320 | + if (typeof swiper === 'undefined' || swiper === null || !swiper || (swiper && !swiper.params) || swiper.destroyed) { return; } | ||
6321 | + if (background) { | ||
6322 | + $imageEl.css('background-image', ("url(\"" + background + "\")")); | ||
6323 | + $imageEl.removeAttr('data-background'); | ||
6324 | + } else { | ||
6325 | + if (srcset) { | ||
6326 | + $imageEl.attr('srcset', srcset); | ||
6327 | + $imageEl.removeAttr('data-srcset'); | ||
6328 | + } | ||
6329 | + if (sizes) { | ||
6330 | + $imageEl.attr('sizes', sizes); | ||
6331 | + $imageEl.removeAttr('data-sizes'); | ||
6332 | + } | ||
6333 | + if (src) { | ||
6334 | + $imageEl.attr('src', src); | ||
6335 | + $imageEl.removeAttr('data-src'); | ||
6336 | + } | ||
6337 | + } | ||
6338 | + | ||
6339 | + $imageEl.addClass(params.loadedClass).removeClass(params.loadingClass); | ||
6340 | + $slideEl.find(("." + (params.preloaderClass))).remove(); | ||
6341 | + if (swiper.params.loop && loadInDuplicate) { | ||
6342 | + var slideOriginalIndex = $slideEl.attr('data-swiper-slide-index'); | ||
6343 | + if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) { | ||
6344 | + var originalSlide = swiper.$wrapperEl.children(("[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]:not(." + (swiper.params.slideDuplicateClass) + ")")); | ||
6345 | + swiper.lazy.loadInSlide(originalSlide.index(), false); | ||
6346 | + } else { | ||
6347 | + var duplicatedSlide = swiper.$wrapperEl.children(("." + (swiper.params.slideDuplicateClass) + "[data-swiper-slide-index=\"" + slideOriginalIndex + "\"]")); | ||
6348 | + swiper.lazy.loadInSlide(duplicatedSlide.index(), false); | ||
6349 | + } | ||
6350 | + } | ||
6351 | + swiper.emit('lazyImageReady', $slideEl[0], $imageEl[0]); | ||
6352 | + }); | ||
6353 | + | ||
6354 | + swiper.emit('lazyImageLoad', $slideEl[0], $imageEl[0]); | ||
6355 | + }); | ||
6356 | + }, | ||
6357 | + load: function load() { | ||
6358 | + var swiper = this; | ||
6359 | + var $wrapperEl = swiper.$wrapperEl; | ||
6360 | + var swiperParams = swiper.params; | ||
6361 | + var slides = swiper.slides; | ||
6362 | + var activeIndex = swiper.activeIndex; | ||
6363 | + var isVirtual = swiper.virtual && swiperParams.virtual.enabled; | ||
6364 | + var params = swiperParams.lazy; | ||
6365 | + | ||
6366 | + var slidesPerView = swiperParams.slidesPerView; | ||
6367 | + if (slidesPerView === 'auto') { | ||
6368 | + slidesPerView = 0; | ||
6369 | + } | ||
6370 | + | ||
6371 | + function slideExist(index) { | ||
6372 | + if (isVirtual) { | ||
6373 | + if ($wrapperEl.children(("." + (swiperParams.slideClass) + "[data-swiper-slide-index=\"" + index + "\"]")).length) { | ||
6374 | + return true; | ||
6375 | + } | ||
6376 | + } else if (slides[index]) { return true; } | ||
6377 | + return false; | ||
6378 | + } | ||
6379 | + function slideIndex(slideEl) { | ||
6380 | + if (isVirtual) { | ||
6381 | + return $(slideEl).attr('data-swiper-slide-index'); | ||
6382 | + } | ||
6383 | + return $(slideEl).index(); | ||
6384 | + } | ||
6385 | + | ||
6386 | + if (!swiper.lazy.initialImageLoaded) { swiper.lazy.initialImageLoaded = true; } | ||
6387 | + if (swiper.params.watchSlidesVisibility) { | ||
6388 | + $wrapperEl.children(("." + (swiperParams.slideVisibleClass))).each(function (elIndex, slideEl) { | ||
6389 | + var index = isVirtual ? $(slideEl).attr('data-swiper-slide-index') : $(slideEl).index(); | ||
6390 | + swiper.lazy.loadInSlide(index); | ||
6391 | + }); | ||
6392 | + } else if (slidesPerView > 1) { | ||
6393 | + for (var i = activeIndex; i < activeIndex + slidesPerView; i += 1) { | ||
6394 | + if (slideExist(i)) { swiper.lazy.loadInSlide(i); } | ||
6395 | + } | ||
6396 | + } else { | ||
6397 | + swiper.lazy.loadInSlide(activeIndex); | ||
6398 | + } | ||
6399 | + if (params.loadPrevNext) { | ||
6400 | + if (slidesPerView > 1 || (params.loadPrevNextAmount && params.loadPrevNextAmount > 1)) { | ||
6401 | + var amount = params.loadPrevNextAmount; | ||
6402 | + var spv = slidesPerView; | ||
6403 | + var maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length); | ||
6404 | + var minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); | ||
6405 | + // Next Slides | ||
6406 | + for (var i$1 = activeIndex + slidesPerView; i$1 < maxIndex; i$1 += 1) { | ||
6407 | + if (slideExist(i$1)) { swiper.lazy.loadInSlide(i$1); } | ||
6408 | + } | ||
6409 | + // Prev Slides | ||
6410 | + for (var i$2 = minIndex; i$2 < activeIndex; i$2 += 1) { | ||
6411 | + if (slideExist(i$2)) { swiper.lazy.loadInSlide(i$2); } | ||
6412 | + } | ||
6413 | + } else { | ||
6414 | + var nextSlide = $wrapperEl.children(("." + (swiperParams.slideNextClass))); | ||
6415 | + if (nextSlide.length > 0) { swiper.lazy.loadInSlide(slideIndex(nextSlide)); } | ||
6416 | + | ||
6417 | + var prevSlide = $wrapperEl.children(("." + (swiperParams.slidePrevClass))); | ||
6418 | + if (prevSlide.length > 0) { swiper.lazy.loadInSlide(slideIndex(prevSlide)); } | ||
6419 | + } | ||
6420 | + } | ||
6421 | + }, | ||
6422 | + }; | ||
6423 | + | ||
6424 | + var Lazy$1 = { | ||
6425 | + name: 'lazy', | ||
6426 | + params: { | ||
6427 | + lazy: { | ||
6428 | + enabled: false, | ||
6429 | + loadPrevNext: false, | ||
6430 | + loadPrevNextAmount: 1, | ||
6431 | + loadOnTransitionStart: false, | ||
6432 | + | ||
6433 | + elementClass: 'swiper-lazy', | ||
6434 | + loadingClass: 'swiper-lazy-loading', | ||
6435 | + loadedClass: 'swiper-lazy-loaded', | ||
6436 | + preloaderClass: 'swiper-lazy-preloader', | ||
6437 | + }, | ||
6438 | + }, | ||
6439 | + create: function create() { | ||
6440 | + var swiper = this; | ||
6441 | + Utils.extend(swiper, { | ||
6442 | + lazy: { | ||
6443 | + initialImageLoaded: false, | ||
6444 | + load: Lazy.load.bind(swiper), | ||
6445 | + loadInSlide: Lazy.loadInSlide.bind(swiper), | ||
6446 | + }, | ||
6447 | + }); | ||
6448 | + }, | ||
6449 | + on: { | ||
6450 | + beforeInit: function beforeInit() { | ||
6451 | + var swiper = this; | ||
6452 | + if (swiper.params.lazy.enabled && swiper.params.preloadImages) { | ||
6453 | + swiper.params.preloadImages = false; | ||
6454 | + } | ||
6455 | + }, | ||
6456 | + init: function init() { | ||
6457 | + var swiper = this; | ||
6458 | + if (swiper.params.lazy.enabled && !swiper.params.loop && swiper.params.initialSlide === 0) { | ||
6459 | + swiper.lazy.load(); | ||
6460 | + } | ||
6461 | + }, | ||
6462 | + scroll: function scroll() { | ||
6463 | + var swiper = this; | ||
6464 | + if (swiper.params.freeMode && !swiper.params.freeModeSticky) { | ||
6465 | + swiper.lazy.load(); | ||
6466 | + } | ||
6467 | + }, | ||
6468 | + resize: function resize() { | ||
6469 | + var swiper = this; | ||
6470 | + if (swiper.params.lazy.enabled) { | ||
6471 | + swiper.lazy.load(); | ||
6472 | + } | ||
6473 | + }, | ||
6474 | + scrollbarDragMove: function scrollbarDragMove() { | ||
6475 | + var swiper = this; | ||
6476 | + if (swiper.params.lazy.enabled) { | ||
6477 | + swiper.lazy.load(); | ||
6478 | + } | ||
6479 | + }, | ||
6480 | + transitionStart: function transitionStart() { | ||
6481 | + var swiper = this; | ||
6482 | + if (swiper.params.lazy.enabled) { | ||
6483 | + if (swiper.params.lazy.loadOnTransitionStart || (!swiper.params.lazy.loadOnTransitionStart && !swiper.lazy.initialImageLoaded)) { | ||
6484 | + swiper.lazy.load(); | ||
6485 | + } | ||
6486 | + } | ||
6487 | + }, | ||
6488 | + transitionEnd: function transitionEnd() { | ||
6489 | + var swiper = this; | ||
6490 | + if (swiper.params.lazy.enabled && !swiper.params.lazy.loadOnTransitionStart) { | ||
6491 | + swiper.lazy.load(); | ||
6492 | + } | ||
6493 | + }, | ||
6494 | + }, | ||
6495 | + }; | ||
6496 | + | ||
6497 | + /* eslint no-bitwise: ["error", { "allow": [">>"] }] */ | ||
6498 | + | ||
6499 | + var Controller = { | ||
6500 | + LinearSpline: function LinearSpline(x, y) { | ||
6501 | + var binarySearch = (function search() { | ||
6502 | + var maxIndex; | ||
6503 | + var minIndex; | ||
6504 | + var guess; | ||
6505 | + return function (array, val) { | ||
6506 | + minIndex = -1; | ||
6507 | + maxIndex = array.length; | ||
6508 | + while (maxIndex - minIndex > 1) { | ||
6509 | + guess = maxIndex + minIndex >> 1; | ||
6510 | + if (array[guess] <= val) { | ||
6511 | + minIndex = guess; | ||
6512 | + } else { | ||
6513 | + maxIndex = guess; | ||
6514 | + } | ||
6515 | + } | ||
6516 | + return maxIndex; | ||
6517 | + }; | ||
6518 | + }()); | ||
6519 | + this.x = x; | ||
6520 | + this.y = y; | ||
6521 | + this.lastIndex = x.length - 1; | ||
6522 | + // Given an x value (x2), return the expected y2 value: | ||
6523 | + // (x1,y1) is the known point before given value, | ||
6524 | + // (x3,y3) is the known point after given value. | ||
6525 | + var i1; | ||
6526 | + var i3; | ||
6527 | + | ||
6528 | + this.interpolate = function interpolate(x2) { | ||
6529 | + if (!x2) { return 0; } | ||
6530 | + | ||
6531 | + // Get the indexes of x1 and x3 (the array indexes before and after given x2): | ||
6532 | + i3 = binarySearch(this.x, x2); | ||
6533 | + i1 = i3 - 1; | ||
6534 | + | ||
6535 | + // We have our indexes i1 & i3, so we can calculate already: | ||
6536 | + // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1 | ||
6537 | + return (((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) / (this.x[i3] - this.x[i1])) + this.y[i1]; | ||
6538 | + }; | ||
6539 | + return this; | ||
6540 | + }, | ||
6541 | + // xxx: for now i will just save one spline function to to | ||
6542 | + getInterpolateFunction: function getInterpolateFunction(c) { | ||
6543 | + var swiper = this; | ||
6544 | + if (!swiper.controller.spline) { | ||
6545 | + swiper.controller.spline = swiper.params.loop | ||
6546 | + ? new Controller.LinearSpline(swiper.slidesGrid, c.slidesGrid) | ||
6547 | + : new Controller.LinearSpline(swiper.snapGrid, c.snapGrid); | ||
6548 | + } | ||
6549 | + }, | ||
6550 | + setTranslate: function setTranslate(setTranslate$1, byController) { | ||
6551 | + var swiper = this; | ||
6552 | + var controlled = swiper.controller.control; | ||
6553 | + var multiplier; | ||
6554 | + var controlledTranslate; | ||
6555 | + function setControlledTranslate(c) { | ||
6556 | + // this will create an Interpolate function based on the snapGrids | ||
6557 | + // x is the Grid of the scrolled scroller and y will be the controlled scroller | ||
6558 | + // it makes sense to create this only once and recall it for the interpolation | ||
6559 | + // the function does a lot of value caching for performance | ||
6560 | + var translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate; | ||
6561 | + if (swiper.params.controller.by === 'slide') { | ||
6562 | + swiper.controller.getInterpolateFunction(c); | ||
6563 | + // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid | ||
6564 | + // but it did not work out | ||
6565 | + controlledTranslate = -swiper.controller.spline.interpolate(-translate); | ||
6566 | + } | ||
6567 | + | ||
6568 | + if (!controlledTranslate || swiper.params.controller.by === 'container') { | ||
6569 | + multiplier = (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate()); | ||
6570 | + controlledTranslate = ((translate - swiper.minTranslate()) * multiplier) + c.minTranslate(); | ||
6571 | + } | ||
6572 | + | ||
6573 | + if (swiper.params.controller.inverse) { | ||
6574 | + controlledTranslate = c.maxTranslate() - controlledTranslate; | ||
6575 | + } | ||
6576 | + c.updateProgress(controlledTranslate); | ||
6577 | + c.setTranslate(controlledTranslate, swiper); | ||
6578 | + c.updateActiveIndex(); | ||
6579 | + c.updateSlidesClasses(); | ||
6580 | + } | ||
6581 | + if (Array.isArray(controlled)) { | ||
6582 | + for (var i = 0; i < controlled.length; i += 1) { | ||
6583 | + if (controlled[i] !== byController && controlled[i] instanceof Swiper) { | ||
6584 | + setControlledTranslate(controlled[i]); | ||
6585 | + } | ||
6586 | + } | ||
6587 | + } else if (controlled instanceof Swiper && byController !== controlled) { | ||
6588 | + setControlledTranslate(controlled); | ||
6589 | + } | ||
6590 | + }, | ||
6591 | + setTransition: function setTransition(duration, byController) { | ||
6592 | + var swiper = this; | ||
6593 | + var controlled = swiper.controller.control; | ||
6594 | + var i; | ||
6595 | + function setControlledTransition(c) { | ||
6596 | + c.setTransition(duration, swiper); | ||
6597 | + if (duration !== 0) { | ||
6598 | + c.transitionStart(); | ||
6599 | + if (c.params.autoHeight) { | ||
6600 | + Utils.nextTick(function () { | ||
6601 | + c.updateAutoHeight(); | ||
6602 | + }); | ||
6603 | + } | ||
6604 | + c.$wrapperEl.transitionEnd(function () { | ||
6605 | + if (!controlled) { return; } | ||
6606 | + if (c.params.loop && swiper.params.controller.by === 'slide') { | ||
6607 | + c.loopFix(); | ||
6608 | + } | ||
6609 | + c.transitionEnd(); | ||
6610 | + }); | ||
6611 | + } | ||
6612 | + } | ||
6613 | + if (Array.isArray(controlled)) { | ||
6614 | + for (i = 0; i < controlled.length; i += 1) { | ||
6615 | + if (controlled[i] !== byController && controlled[i] instanceof Swiper) { | ||
6616 | + setControlledTransition(controlled[i]); | ||
6617 | + } | ||
6618 | + } | ||
6619 | + } else if (controlled instanceof Swiper && byController !== controlled) { | ||
6620 | + setControlledTransition(controlled); | ||
6621 | + } | ||
6622 | + }, | ||
6623 | + }; | ||
6624 | + var Controller$1 = { | ||
6625 | + name: 'controller', | ||
6626 | + params: { | ||
6627 | + controller: { | ||
6628 | + control: undefined, | ||
6629 | + inverse: false, | ||
6630 | + by: 'slide', // or 'container' | ||
6631 | + }, | ||
6632 | + }, | ||
6633 | + create: function create() { | ||
6634 | + var swiper = this; | ||
6635 | + Utils.extend(swiper, { | ||
6636 | + controller: { | ||
6637 | + control: swiper.params.controller.control, | ||
6638 | + getInterpolateFunction: Controller.getInterpolateFunction.bind(swiper), | ||
6639 | + setTranslate: Controller.setTranslate.bind(swiper), | ||
6640 | + setTransition: Controller.setTransition.bind(swiper), | ||
6641 | + }, | ||
6642 | + }); | ||
6643 | + }, | ||
6644 | + on: { | ||
6645 | + update: function update() { | ||
6646 | + var swiper = this; | ||
6647 | + if (!swiper.controller.control) { return; } | ||
6648 | + if (swiper.controller.spline) { | ||
6649 | + swiper.controller.spline = undefined; | ||
6650 | + delete swiper.controller.spline; | ||
6651 | + } | ||
6652 | + }, | ||
6653 | + resize: function resize() { | ||
6654 | + var swiper = this; | ||
6655 | + if (!swiper.controller.control) { return; } | ||
6656 | + if (swiper.controller.spline) { | ||
6657 | + swiper.controller.spline = undefined; | ||
6658 | + delete swiper.controller.spline; | ||
6659 | + } | ||
6660 | + }, | ||
6661 | + observerUpdate: function observerUpdate() { | ||
6662 | + var swiper = this; | ||
6663 | + if (!swiper.controller.control) { return; } | ||
6664 | + if (swiper.controller.spline) { | ||
6665 | + swiper.controller.spline = undefined; | ||
6666 | + delete swiper.controller.spline; | ||
6667 | + } | ||
6668 | + }, | ||
6669 | + setTranslate: function setTranslate(translate, byController) { | ||
6670 | + var swiper = this; | ||
6671 | + if (!swiper.controller.control) { return; } | ||
6672 | + swiper.controller.setTranslate(translate, byController); | ||
6673 | + }, | ||
6674 | + setTransition: function setTransition(duration, byController) { | ||
6675 | + var swiper = this; | ||
6676 | + if (!swiper.controller.control) { return; } | ||
6677 | + swiper.controller.setTransition(duration, byController); | ||
6678 | + }, | ||
6679 | + }, | ||
6680 | + }; | ||
6681 | + | ||
6682 | + var a11y = { | ||
6683 | + makeElFocusable: function makeElFocusable($el) { | ||
6684 | + $el.attr('tabIndex', '0'); | ||
6685 | + return $el; | ||
6686 | + }, | ||
6687 | + addElRole: function addElRole($el, role) { | ||
6688 | + $el.attr('role', role); | ||
6689 | + return $el; | ||
6690 | + }, | ||
6691 | + addElLabel: function addElLabel($el, label) { | ||
6692 | + $el.attr('aria-label', label); | ||
6693 | + return $el; | ||
6694 | + }, | ||
6695 | + disableEl: function disableEl($el) { | ||
6696 | + $el.attr('aria-disabled', true); | ||
6697 | + return $el; | ||
6698 | + }, | ||
6699 | + enableEl: function enableEl($el) { | ||
6700 | + $el.attr('aria-disabled', false); | ||
6701 | + return $el; | ||
6702 | + }, | ||
6703 | + onEnterKey: function onEnterKey(e) { | ||
6704 | + var swiper = this; | ||
6705 | + var params = swiper.params.a11y; | ||
6706 | + if (e.keyCode !== 13) { return; } | ||
6707 | + var $targetEl = $(e.target); | ||
6708 | + if (swiper.navigation && swiper.navigation.$nextEl && $targetEl.is(swiper.navigation.$nextEl)) { | ||
6709 | + if (!(swiper.isEnd && !swiper.params.loop)) { | ||
6710 | + swiper.slideNext(); | ||
6711 | + } | ||
6712 | + if (swiper.isEnd) { | ||
6713 | + swiper.a11y.notify(params.lastSlideMessage); | ||
6714 | + } else { | ||
6715 | + swiper.a11y.notify(params.nextSlideMessage); | ||
6716 | + } | ||
6717 | + } | ||
6718 | + if (swiper.navigation && swiper.navigation.$prevEl && $targetEl.is(swiper.navigation.$prevEl)) { | ||
6719 | + if (!(swiper.isBeginning && !swiper.params.loop)) { | ||
6720 | + swiper.slidePrev(); | ||
6721 | + } | ||
6722 | + if (swiper.isBeginning) { | ||
6723 | + swiper.a11y.notify(params.firstSlideMessage); | ||
6724 | + } else { | ||
6725 | + swiper.a11y.notify(params.prevSlideMessage); | ||
6726 | + } | ||
6727 | + } | ||
6728 | + if (swiper.pagination && $targetEl.is(("." + (swiper.params.pagination.bulletClass)))) { | ||
6729 | + $targetEl[0].click(); | ||
6730 | + } | ||
6731 | + }, | ||
6732 | + notify: function notify(message) { | ||
6733 | + var swiper = this; | ||
6734 | + var notification = swiper.a11y.liveRegion; | ||
6735 | + if (notification.length === 0) { return; } | ||
6736 | + notification.html(''); | ||
6737 | + notification.html(message); | ||
6738 | + }, | ||
6739 | + updateNavigation: function updateNavigation() { | ||
6740 | + var swiper = this; | ||
6741 | + | ||
6742 | + if (swiper.params.loop) { return; } | ||
6743 | + var ref = swiper.navigation; | ||
6744 | + var $nextEl = ref.$nextEl; | ||
6745 | + var $prevEl = ref.$prevEl; | ||
6746 | + | ||
6747 | + if ($prevEl && $prevEl.length > 0) { | ||
6748 | + if (swiper.isBeginning) { | ||
6749 | + swiper.a11y.disableEl($prevEl); | ||
6750 | + } else { | ||
6751 | + swiper.a11y.enableEl($prevEl); | ||
6752 | + } | ||
6753 | + } | ||
6754 | + if ($nextEl && $nextEl.length > 0) { | ||
6755 | + if (swiper.isEnd) { | ||
6756 | + swiper.a11y.disableEl($nextEl); | ||
6757 | + } else { | ||
6758 | + swiper.a11y.enableEl($nextEl); | ||
6759 | + } | ||
6760 | + } | ||
6761 | + }, | ||
6762 | + updatePagination: function updatePagination() { | ||
6763 | + var swiper = this; | ||
6764 | + var params = swiper.params.a11y; | ||
6765 | + if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) { | ||
6766 | + swiper.pagination.bullets.each(function (bulletIndex, bulletEl) { | ||
6767 | + var $bulletEl = $(bulletEl); | ||
6768 | + swiper.a11y.makeElFocusable($bulletEl); | ||
6769 | + swiper.a11y.addElRole($bulletEl, 'button'); | ||
6770 | + swiper.a11y.addElLabel($bulletEl, params.paginationBulletMessage.replace(/{{index}}/, $bulletEl.index() + 1)); | ||
6771 | + }); | ||
6772 | + } | ||
6773 | + }, | ||
6774 | + init: function init() { | ||
6775 | + var swiper = this; | ||
6776 | + | ||
6777 | + swiper.$el.append(swiper.a11y.liveRegion); | ||
6778 | + | ||
6779 | + // Navigation | ||
6780 | + var params = swiper.params.a11y; | ||
6781 | + var $nextEl; | ||
6782 | + var $prevEl; | ||
6783 | + if (swiper.navigation && swiper.navigation.$nextEl) { | ||
6784 | + $nextEl = swiper.navigation.$nextEl; | ||
6785 | + } | ||
6786 | + if (swiper.navigation && swiper.navigation.$prevEl) { | ||
6787 | + $prevEl = swiper.navigation.$prevEl; | ||
6788 | + } | ||
6789 | + if ($nextEl) { | ||
6790 | + swiper.a11y.makeElFocusable($nextEl); | ||
6791 | + swiper.a11y.addElRole($nextEl, 'button'); | ||
6792 | + swiper.a11y.addElLabel($nextEl, params.nextSlideMessage); | ||
6793 | + $nextEl.on('keydown', swiper.a11y.onEnterKey); | ||
6794 | + } | ||
6795 | + if ($prevEl) { | ||
6796 | + swiper.a11y.makeElFocusable($prevEl); | ||
6797 | + swiper.a11y.addElRole($prevEl, 'button'); | ||
6798 | + swiper.a11y.addElLabel($prevEl, params.prevSlideMessage); | ||
6799 | + $prevEl.on('keydown', swiper.a11y.onEnterKey); | ||
6800 | + } | ||
6801 | + | ||
6802 | + // Pagination | ||
6803 | + if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) { | ||
6804 | + swiper.pagination.$el.on('keydown', ("." + (swiper.params.pagination.bulletClass)), swiper.a11y.onEnterKey); | ||
6805 | + } | ||
6806 | + }, | ||
6807 | + destroy: function destroy() { | ||
6808 | + var swiper = this; | ||
6809 | + if (swiper.a11y.liveRegion && swiper.a11y.liveRegion.length > 0) { swiper.a11y.liveRegion.remove(); } | ||
6810 | + | ||
6811 | + var $nextEl; | ||
6812 | + var $prevEl; | ||
6813 | + if (swiper.navigation && swiper.navigation.$nextEl) { | ||
6814 | + $nextEl = swiper.navigation.$nextEl; | ||
6815 | + } | ||
6816 | + if (swiper.navigation && swiper.navigation.$prevEl) { | ||
6817 | + $prevEl = swiper.navigation.$prevEl; | ||
6818 | + } | ||
6819 | + if ($nextEl) { | ||
6820 | + $nextEl.off('keydown', swiper.a11y.onEnterKey); | ||
6821 | + } | ||
6822 | + if ($prevEl) { | ||
6823 | + $prevEl.off('keydown', swiper.a11y.onEnterKey); | ||
6824 | + } | ||
6825 | + | ||
6826 | + // Pagination | ||
6827 | + if (swiper.pagination && swiper.params.pagination.clickable && swiper.pagination.bullets && swiper.pagination.bullets.length) { | ||
6828 | + swiper.pagination.$el.off('keydown', ("." + (swiper.params.pagination.bulletClass)), swiper.a11y.onEnterKey); | ||
6829 | + } | ||
6830 | + }, | ||
6831 | + }; | ||
6832 | + var A11y = { | ||
6833 | + name: 'a11y', | ||
6834 | + params: { | ||
6835 | + a11y: { | ||
6836 | + enabled: true, | ||
6837 | + notificationClass: 'swiper-notification', | ||
6838 | + prevSlideMessage: 'Previous slide', | ||
6839 | + nextSlideMessage: 'Next slide', | ||
6840 | + firstSlideMessage: 'This is the first slide', | ||
6841 | + lastSlideMessage: 'This is the last slide', | ||
6842 | + paginationBulletMessage: 'Go to slide {{index}}', | ||
6843 | + }, | ||
6844 | + }, | ||
6845 | + create: function create() { | ||
6846 | + var swiper = this; | ||
6847 | + Utils.extend(swiper, { | ||
6848 | + a11y: { | ||
6849 | + liveRegion: $(("<span class=\"" + (swiper.params.a11y.notificationClass) + "\" aria-live=\"assertive\" aria-atomic=\"true\"></span>")), | ||
6850 | + }, | ||
6851 | + }); | ||
6852 | + Object.keys(a11y).forEach(function (methodName) { | ||
6853 | + swiper.a11y[methodName] = a11y[methodName].bind(swiper); | ||
6854 | + }); | ||
6855 | + }, | ||
6856 | + on: { | ||
6857 | + init: function init() { | ||
6858 | + var swiper = this; | ||
6859 | + if (!swiper.params.a11y.enabled) { return; } | ||
6860 | + swiper.a11y.init(); | ||
6861 | + swiper.a11y.updateNavigation(); | ||
6862 | + }, | ||
6863 | + toEdge: function toEdge() { | ||
6864 | + var swiper = this; | ||
6865 | + if (!swiper.params.a11y.enabled) { return; } | ||
6866 | + swiper.a11y.updateNavigation(); | ||
6867 | + }, | ||
6868 | + fromEdge: function fromEdge() { | ||
6869 | + var swiper = this; | ||
6870 | + if (!swiper.params.a11y.enabled) { return; } | ||
6871 | + swiper.a11y.updateNavigation(); | ||
6872 | + }, | ||
6873 | + paginationUpdate: function paginationUpdate() { | ||
6874 | + var swiper = this; | ||
6875 | + if (!swiper.params.a11y.enabled) { return; } | ||
6876 | + swiper.a11y.updatePagination(); | ||
6877 | + }, | ||
6878 | + destroy: function destroy() { | ||
6879 | + var swiper = this; | ||
6880 | + if (!swiper.params.a11y.enabled) { return; } | ||
6881 | + swiper.a11y.destroy(); | ||
6882 | + }, | ||
6883 | + }, | ||
6884 | + }; | ||
6885 | + | ||
6886 | + var History = { | ||
6887 | + init: function init() { | ||
6888 | + var swiper = this; | ||
6889 | + if (!swiper.params.history) { return; } | ||
6890 | + if (!win.history || !win.history.pushState) { | ||
6891 | + swiper.params.history.enabled = false; | ||
6892 | + swiper.params.hashNavigation.enabled = true; | ||
6893 | + return; | ||
6894 | + } | ||
6895 | + var history = swiper.history; | ||
6896 | + history.initialized = true; | ||
6897 | + history.paths = History.getPathValues(); | ||
6898 | + if (!history.paths.key && !history.paths.value) { return; } | ||
6899 | + history.scrollToSlide(0, history.paths.value, swiper.params.runCallbacksOnInit); | ||
6900 | + if (!swiper.params.history.replaceState) { | ||
6901 | + win.addEventListener('popstate', swiper.history.setHistoryPopState); | ||
6902 | + } | ||
6903 | + }, | ||
6904 | + destroy: function destroy() { | ||
6905 | + var swiper = this; | ||
6906 | + if (!swiper.params.history.replaceState) { | ||
6907 | + win.removeEventListener('popstate', swiper.history.setHistoryPopState); | ||
6908 | + } | ||
6909 | + }, | ||
6910 | + setHistoryPopState: function setHistoryPopState() { | ||
6911 | + var swiper = this; | ||
6912 | + swiper.history.paths = History.getPathValues(); | ||
6913 | + swiper.history.scrollToSlide(swiper.params.speed, swiper.history.paths.value, false); | ||
6914 | + }, | ||
6915 | + getPathValues: function getPathValues() { | ||
6916 | + var pathArray = win.location.pathname.slice(1).split('/').filter(function (part) { return part !== ''; }); | ||
6917 | + var total = pathArray.length; | ||
6918 | + var key = pathArray[total - 2]; | ||
6919 | + var value = pathArray[total - 1]; | ||
6920 | + return { key: key, value: value }; | ||
6921 | + }, | ||
6922 | + setHistory: function setHistory(key, index) { | ||
6923 | + var swiper = this; | ||
6924 | + if (!swiper.history.initialized || !swiper.params.history.enabled) { return; } | ||
6925 | + var slide = swiper.slides.eq(index); | ||
6926 | + var value = History.slugify(slide.attr('data-history')); | ||
6927 | + if (!win.location.pathname.includes(key)) { | ||
6928 | + value = key + "/" + value; | ||
6929 | + } | ||
6930 | + var currentState = win.history.state; | ||
6931 | + if (currentState && currentState.value === value) { | ||
6932 | + return; | ||
6933 | + } | ||
6934 | + if (swiper.params.history.replaceState) { | ||
6935 | + win.history.replaceState({ value: value }, null, value); | ||
6936 | + } else { | ||
6937 | + win.history.pushState({ value: value }, null, value); | ||
6938 | + } | ||
6939 | + }, | ||
6940 | + slugify: function slugify(text) { | ||
6941 | + return text.toString().toLowerCase() | ||
6942 | + .replace(/\s+/g, '-') | ||
6943 | + .replace(/[^\w-]+/g, '') | ||
6944 | + .replace(/--+/g, '-') | ||
6945 | + .replace(/^-+/, '') | ||
6946 | + .replace(/-+$/, ''); | ||
6947 | + }, | ||
6948 | + scrollToSlide: function scrollToSlide(speed, value, runCallbacks) { | ||
6949 | + var swiper = this; | ||
6950 | + if (value) { | ||
6951 | + for (var i = 0, length = swiper.slides.length; i < length; i += 1) { | ||
6952 | + var slide = swiper.slides.eq(i); | ||
6953 | + var slideHistory = History.slugify(slide.attr('data-history')); | ||
6954 | + if (slideHistory === value && !slide.hasClass(swiper.params.slideDuplicateClass)) { | ||
6955 | + var index = slide.index(); | ||
6956 | + swiper.slideTo(index, speed, runCallbacks); | ||
6957 | + } | ||
6958 | + } | ||
6959 | + } else { | ||
6960 | + swiper.slideTo(0, speed, runCallbacks); | ||
6961 | + } | ||
6962 | + }, | ||
6963 | + }; | ||
6964 | + | ||
6965 | + var History$1 = { | ||
6966 | + name: 'history', | ||
6967 | + params: { | ||
6968 | + history: { | ||
6969 | + enabled: false, | ||
6970 | + replaceState: false, | ||
6971 | + key: 'slides', | ||
6972 | + }, | ||
6973 | + }, | ||
6974 | + create: function create() { | ||
6975 | + var swiper = this; | ||
6976 | + Utils.extend(swiper, { | ||
6977 | + history: { | ||
6978 | + init: History.init.bind(swiper), | ||
6979 | + setHistory: History.setHistory.bind(swiper), | ||
6980 | + setHistoryPopState: History.setHistoryPopState.bind(swiper), | ||
6981 | + scrollToSlide: History.scrollToSlide.bind(swiper), | ||
6982 | + destroy: History.destroy.bind(swiper), | ||
6983 | + }, | ||
6984 | + }); | ||
6985 | + }, | ||
6986 | + on: { | ||
6987 | + init: function init() { | ||
6988 | + var swiper = this; | ||
6989 | + if (swiper.params.history.enabled) { | ||
6990 | + swiper.history.init(); | ||
6991 | + } | ||
6992 | + }, | ||
6993 | + destroy: function destroy() { | ||
6994 | + var swiper = this; | ||
6995 | + if (swiper.params.history.enabled) { | ||
6996 | + swiper.history.destroy(); | ||
6997 | + } | ||
6998 | + }, | ||
6999 | + transitionEnd: function transitionEnd() { | ||
7000 | + var swiper = this; | ||
7001 | + if (swiper.history.initialized) { | ||
7002 | + swiper.history.setHistory(swiper.params.history.key, swiper.activeIndex); | ||
7003 | + } | ||
7004 | + }, | ||
7005 | + }, | ||
7006 | + }; | ||
7007 | + | ||
7008 | + var HashNavigation = { | ||
7009 | + onHashCange: function onHashCange() { | ||
7010 | + var swiper = this; | ||
7011 | + var newHash = doc.location.hash.replace('#', ''); | ||
7012 | + var activeSlideHash = swiper.slides.eq(swiper.activeIndex).attr('data-hash'); | ||
7013 | + if (newHash !== activeSlideHash) { | ||
7014 | + var newIndex = swiper.$wrapperEl.children(("." + (swiper.params.slideClass) + "[data-hash=\"" + newHash + "\"]")).index(); | ||
7015 | + if (typeof newIndex === 'undefined') { return; } | ||
7016 | + swiper.slideTo(newIndex); | ||
7017 | + } | ||
7018 | + }, | ||
7019 | + setHash: function setHash() { | ||
7020 | + var swiper = this; | ||
7021 | + if (!swiper.hashNavigation.initialized || !swiper.params.hashNavigation.enabled) { return; } | ||
7022 | + if (swiper.params.hashNavigation.replaceState && win.history && win.history.replaceState) { | ||
7023 | + win.history.replaceState(null, null, (("#" + (swiper.slides.eq(swiper.activeIndex).attr('data-hash'))) || '')); | ||
7024 | + } else { | ||
7025 | + var slide = swiper.slides.eq(swiper.activeIndex); | ||
7026 | + var hash = slide.attr('data-hash') || slide.attr('data-history'); | ||
7027 | + doc.location.hash = hash || ''; | ||
7028 | + } | ||
7029 | + }, | ||
7030 | + init: function init() { | ||
7031 | + var swiper = this; | ||
7032 | + if (!swiper.params.hashNavigation.enabled || (swiper.params.history && swiper.params.history.enabled)) { return; } | ||
7033 | + swiper.hashNavigation.initialized = true; | ||
7034 | + var hash = doc.location.hash.replace('#', ''); | ||
7035 | + if (hash) { | ||
7036 | + var speed = 0; | ||
7037 | + for (var i = 0, length = swiper.slides.length; i < length; i += 1) { | ||
7038 | + var slide = swiper.slides.eq(i); | ||
7039 | + var slideHash = slide.attr('data-hash') || slide.attr('data-history'); | ||
7040 | + if (slideHash === hash && !slide.hasClass(swiper.params.slideDuplicateClass)) { | ||
7041 | + var index = slide.index(); | ||
7042 | + swiper.slideTo(index, speed, swiper.params.runCallbacksOnInit, true); | ||
7043 | + } | ||
7044 | + } | ||
7045 | + } | ||
7046 | + if (swiper.params.hashNavigation.watchState) { | ||
7047 | + $(win).on('hashchange', swiper.hashNavigation.onHashCange); | ||
7048 | + } | ||
7049 | + }, | ||
7050 | + destroy: function destroy() { | ||
7051 | + var swiper = this; | ||
7052 | + if (swiper.params.hashNavigation.watchState) { | ||
7053 | + $(win).off('hashchange', swiper.hashNavigation.onHashCange); | ||
7054 | + } | ||
7055 | + }, | ||
7056 | + }; | ||
7057 | + var HashNavigation$1 = { | ||
7058 | + name: 'hash-navigation', | ||
7059 | + params: { | ||
7060 | + hashNavigation: { | ||
7061 | + enabled: false, | ||
7062 | + replaceState: false, | ||
7063 | + watchState: false, | ||
7064 | + }, | ||
7065 | + }, | ||
7066 | + create: function create() { | ||
7067 | + var swiper = this; | ||
7068 | + Utils.extend(swiper, { | ||
7069 | + hashNavigation: { | ||
7070 | + initialized: false, | ||
7071 | + init: HashNavigation.init.bind(swiper), | ||
7072 | + destroy: HashNavigation.destroy.bind(swiper), | ||
7073 | + setHash: HashNavigation.setHash.bind(swiper), | ||
7074 | + onHashCange: HashNavigation.onHashCange.bind(swiper), | ||
7075 | + }, | ||
7076 | + }); | ||
7077 | + }, | ||
7078 | + on: { | ||
7079 | + init: function init() { | ||
7080 | + var swiper = this; | ||
7081 | + if (swiper.params.hashNavigation.enabled) { | ||
7082 | + swiper.hashNavigation.init(); | ||
7083 | + } | ||
7084 | + }, | ||
7085 | + destroy: function destroy() { | ||
7086 | + var swiper = this; | ||
7087 | + if (swiper.params.hashNavigation.enabled) { | ||
7088 | + swiper.hashNavigation.destroy(); | ||
7089 | + } | ||
7090 | + }, | ||
7091 | + transitionEnd: function transitionEnd() { | ||
7092 | + var swiper = this; | ||
7093 | + if (swiper.hashNavigation.initialized) { | ||
7094 | + swiper.hashNavigation.setHash(); | ||
7095 | + } | ||
7096 | + }, | ||
7097 | + }, | ||
7098 | + }; | ||
7099 | + | ||
7100 | + /* eslint no-underscore-dangle: "off" */ | ||
7101 | + | ||
7102 | + var Autoplay = { | ||
7103 | + run: function run() { | ||
7104 | + var swiper = this; | ||
7105 | + var $activeSlideEl = swiper.slides.eq(swiper.activeIndex); | ||
7106 | + var delay = swiper.params.autoplay.delay; | ||
7107 | + if ($activeSlideEl.attr('data-swiper-autoplay')) { | ||
7108 | + delay = $activeSlideEl.attr('data-swiper-autoplay') || swiper.params.autoplay.delay; | ||
7109 | + } | ||
7110 | + swiper.autoplay.timeout = Utils.nextTick(function () { | ||
7111 | + if (swiper.params.autoplay.reverseDirection) { | ||
7112 | + if (swiper.params.loop) { | ||
7113 | + swiper.loopFix(); | ||
7114 | + swiper.slidePrev(swiper.params.speed, true, true); | ||
7115 | + swiper.emit('autoplay'); | ||
7116 | + } else if (!swiper.isBeginning) { | ||
7117 | + swiper.slidePrev(swiper.params.speed, true, true); | ||
7118 | + swiper.emit('autoplay'); | ||
7119 | + } else if (!swiper.params.autoplay.stopOnLastSlide) { | ||
7120 | + swiper.slideTo(swiper.slides.length - 1, swiper.params.speed, true, true); | ||
7121 | + swiper.emit('autoplay'); | ||
7122 | + } else { | ||
7123 | + swiper.autoplay.stop(); | ||
7124 | + } | ||
7125 | + } else if (swiper.params.loop) { | ||
7126 | + swiper.loopFix(); | ||
7127 | + swiper.slideNext(swiper.params.speed, true, true); | ||
7128 | + swiper.emit('autoplay'); | ||
7129 | + } else if (!swiper.isEnd) { | ||
7130 | + swiper.slideNext(swiper.params.speed, true, true); | ||
7131 | + swiper.emit('autoplay'); | ||
7132 | + } else if (!swiper.params.autoplay.stopOnLastSlide) { | ||
7133 | + swiper.slideTo(0, swiper.params.speed, true, true); | ||
7134 | + swiper.emit('autoplay'); | ||
7135 | + } else { | ||
7136 | + swiper.autoplay.stop(); | ||
7137 | + } | ||
7138 | + }, delay); | ||
7139 | + }, | ||
7140 | + start: function start() { | ||
7141 | + var swiper = this; | ||
7142 | + if (typeof swiper.autoplay.timeout !== 'undefined') { return false; } | ||
7143 | + if (swiper.autoplay.running) { return false; } | ||
7144 | + swiper.autoplay.running = true; | ||
7145 | + swiper.emit('autoplayStart'); | ||
7146 | + swiper.autoplay.run(); | ||
7147 | + return true; | ||
7148 | + }, | ||
7149 | + stop: function stop() { | ||
7150 | + var swiper = this; | ||
7151 | + if (!swiper.autoplay.running) { return false; } | ||
7152 | + if (typeof swiper.autoplay.timeout === 'undefined') { return false; } | ||
7153 | + | ||
7154 | + if (swiper.autoplay.timeout) { | ||
7155 | + clearTimeout(swiper.autoplay.timeout); | ||
7156 | + swiper.autoplay.timeout = undefined; | ||
7157 | + } | ||
7158 | + swiper.autoplay.running = false; | ||
7159 | + swiper.emit('autoplayStop'); | ||
7160 | + return true; | ||
7161 | + }, | ||
7162 | + pause: function pause(speed) { | ||
7163 | + var swiper = this; | ||
7164 | + if (!swiper.autoplay.running) { return; } | ||
7165 | + if (swiper.autoplay.paused) { return; } | ||
7166 | + if (swiper.autoplay.timeout) { clearTimeout(swiper.autoplay.timeout); } | ||
7167 | + swiper.autoplay.paused = true; | ||
7168 | + if (speed === 0 || !swiper.params.autoplay.waitForTransition) { | ||
7169 | + swiper.autoplay.paused = false; | ||
7170 | + swiper.autoplay.run(); | ||
7171 | + } else { | ||
7172 | + swiper.$wrapperEl[0].addEventListener('transitionend', swiper.autoplay.onTransitionEnd); | ||
7173 | + swiper.$wrapperEl[0].addEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd); | ||
7174 | + } | ||
7175 | + }, | ||
7176 | + }; | ||
7177 | + | ||
7178 | + var Autoplay$1 = { | ||
7179 | + name: 'autoplay', | ||
7180 | + params: { | ||
7181 | + autoplay: { | ||
7182 | + enabled: false, | ||
7183 | + delay: 3000, | ||
7184 | + waitForTransition: true, | ||
7185 | + disableOnInteraction: true, | ||
7186 | + stopOnLastSlide: false, | ||
7187 | + reverseDirection: false, | ||
7188 | + }, | ||
7189 | + }, | ||
7190 | + create: function create() { | ||
7191 | + var swiper = this; | ||
7192 | + Utils.extend(swiper, { | ||
7193 | + autoplay: { | ||
7194 | + running: false, | ||
7195 | + paused: false, | ||
7196 | + run: Autoplay.run.bind(swiper), | ||
7197 | + start: Autoplay.start.bind(swiper), | ||
7198 | + stop: Autoplay.stop.bind(swiper), | ||
7199 | + pause: Autoplay.pause.bind(swiper), | ||
7200 | + onTransitionEnd: function onTransitionEnd(e) { | ||
7201 | + if (!swiper || swiper.destroyed || !swiper.$wrapperEl) { return; } | ||
7202 | + if (e.target !== this) { return; } | ||
7203 | + swiper.$wrapperEl[0].removeEventListener('transitionend', swiper.autoplay.onTransitionEnd); | ||
7204 | + swiper.$wrapperEl[0].removeEventListener('webkitTransitionEnd', swiper.autoplay.onTransitionEnd); | ||
7205 | + swiper.autoplay.paused = false; | ||
7206 | + if (!swiper.autoplay.running) { | ||
7207 | + swiper.autoplay.stop(); | ||
7208 | + } else { | ||
7209 | + swiper.autoplay.run(); | ||
7210 | + } | ||
7211 | + }, | ||
7212 | + }, | ||
7213 | + }); | ||
7214 | + }, | ||
7215 | + on: { | ||
7216 | + init: function init() { | ||
7217 | + var swiper = this; | ||
7218 | + if (swiper.params.autoplay.enabled) { | ||
7219 | + swiper.autoplay.start(); | ||
7220 | + } | ||
7221 | + }, | ||
7222 | + beforeTransitionStart: function beforeTransitionStart(speed, internal) { | ||
7223 | + var swiper = this; | ||
7224 | + if (swiper.autoplay.running) { | ||
7225 | + if (internal || !swiper.params.autoplay.disableOnInteraction) { | ||
7226 | + swiper.autoplay.pause(speed); | ||
7227 | + } else { | ||
7228 | + swiper.autoplay.stop(); | ||
7229 | + } | ||
7230 | + } | ||
7231 | + }, | ||
7232 | + sliderFirstMove: function sliderFirstMove() { | ||
7233 | + var swiper = this; | ||
7234 | + if (swiper.autoplay.running) { | ||
7235 | + if (swiper.params.autoplay.disableOnInteraction) { | ||
7236 | + swiper.autoplay.stop(); | ||
7237 | + } else { | ||
7238 | + swiper.autoplay.pause(); | ||
7239 | + } | ||
7240 | + } | ||
7241 | + }, | ||
7242 | + destroy: function destroy() { | ||
7243 | + var swiper = this; | ||
7244 | + if (swiper.autoplay.running) { | ||
7245 | + swiper.autoplay.stop(); | ||
7246 | + } | ||
7247 | + }, | ||
7248 | + }, | ||
7249 | + }; | ||
7250 | + | ||
7251 | + var Fade = { | ||
7252 | + setTranslate: function setTranslate() { | ||
7253 | + var swiper = this; | ||
7254 | + var slides = swiper.slides; | ||
7255 | + for (var i = 0; i < slides.length; i += 1) { | ||
7256 | + var $slideEl = swiper.slides.eq(i); | ||
7257 | + var offset = $slideEl[0].swiperSlideOffset; | ||
7258 | + var tx = -offset; | ||
7259 | + if (!swiper.params.virtualTranslate) { tx -= swiper.translate; } | ||
7260 | + var ty = 0; | ||
7261 | + if (!swiper.isHorizontal()) { | ||
7262 | + ty = tx; | ||
7263 | + tx = 0; | ||
7264 | + } | ||
7265 | + var slideOpacity = swiper.params.fadeEffect.crossFade | ||
7266 | + ? Math.max(1 - Math.abs($slideEl[0].progress), 0) | ||
7267 | + : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0); | ||
7268 | + $slideEl | ||
7269 | + .css({ | ||
7270 | + opacity: slideOpacity, | ||
7271 | + }) | ||
7272 | + .transform(("translate3d(" + tx + "px, " + ty + "px, 0px)")); | ||
7273 | + } | ||
7274 | + }, | ||
7275 | + setTransition: function setTransition(duration) { | ||
7276 | + var swiper = this; | ||
7277 | + var slides = swiper.slides; | ||
7278 | + var $wrapperEl = swiper.$wrapperEl; | ||
7279 | + slides.transition(duration); | ||
7280 | + if (swiper.params.virtualTranslate && duration !== 0) { | ||
7281 | + var eventTriggered = false; | ||
7282 | + slides.transitionEnd(function () { | ||
7283 | + if (eventTriggered) { return; } | ||
7284 | + if (!swiper || swiper.destroyed) { return; } | ||
7285 | + eventTriggered = true; | ||
7286 | + swiper.animating = false; | ||
7287 | + var triggerEvents = ['webkitTransitionEnd', 'transitionend']; | ||
7288 | + for (var i = 0; i < triggerEvents.length; i += 1) { | ||
7289 | + $wrapperEl.trigger(triggerEvents[i]); | ||
7290 | + } | ||
7291 | + }); | ||
7292 | + } | ||
7293 | + }, | ||
7294 | + }; | ||
7295 | + | ||
7296 | + var EffectFade = { | ||
7297 | + name: 'effect-fade', | ||
7298 | + params: { | ||
7299 | + fadeEffect: { | ||
7300 | + crossFade: false, | ||
7301 | + }, | ||
7302 | + }, | ||
7303 | + create: function create() { | ||
7304 | + var swiper = this; | ||
7305 | + Utils.extend(swiper, { | ||
7306 | + fadeEffect: { | ||
7307 | + setTranslate: Fade.setTranslate.bind(swiper), | ||
7308 | + setTransition: Fade.setTransition.bind(swiper), | ||
7309 | + }, | ||
7310 | + }); | ||
7311 | + }, | ||
7312 | + on: { | ||
7313 | + beforeInit: function beforeInit() { | ||
7314 | + var swiper = this; | ||
7315 | + if (swiper.params.effect !== 'fade') { return; } | ||
7316 | + swiper.classNames.push(((swiper.params.containerModifierClass) + "fade")); | ||
7317 | + var overwriteParams = { | ||
7318 | + slidesPerView: 1, | ||
7319 | + slidesPerColumn: 1, | ||
7320 | + slidesPerGroup: 1, | ||
7321 | + watchSlidesProgress: true, | ||
7322 | + spaceBetween: 0, | ||
7323 | + virtualTranslate: true, | ||
7324 | + }; | ||
7325 | + Utils.extend(swiper.params, overwriteParams); | ||
7326 | + Utils.extend(swiper.originalParams, overwriteParams); | ||
7327 | + }, | ||
7328 | + setTranslate: function setTranslate() { | ||
7329 | + var swiper = this; | ||
7330 | + if (swiper.params.effect !== 'fade') { return; } | ||
7331 | + swiper.fadeEffect.setTranslate(); | ||
7332 | + }, | ||
7333 | + setTransition: function setTransition(duration) { | ||
7334 | + var swiper = this; | ||
7335 | + if (swiper.params.effect !== 'fade') { return; } | ||
7336 | + swiper.fadeEffect.setTransition(duration); | ||
7337 | + }, | ||
7338 | + }, | ||
7339 | + }; | ||
7340 | + | ||
7341 | + var Cube = { | ||
7342 | + setTranslate: function setTranslate() { | ||
7343 | + var swiper = this; | ||
7344 | + var $el = swiper.$el; | ||
7345 | + var $wrapperEl = swiper.$wrapperEl; | ||
7346 | + var slides = swiper.slides; | ||
7347 | + var swiperWidth = swiper.width; | ||
7348 | + var swiperHeight = swiper.height; | ||
7349 | + var rtl = swiper.rtlTranslate; | ||
7350 | + var swiperSize = swiper.size; | ||
7351 | + var params = swiper.params.cubeEffect; | ||
7352 | + var isHorizontal = swiper.isHorizontal(); | ||
7353 | + var isVirtual = swiper.virtual && swiper.params.virtual.enabled; | ||
7354 | + var wrapperRotate = 0; | ||
7355 | + var $cubeShadowEl; | ||
7356 | + if (params.shadow) { | ||
7357 | + if (isHorizontal) { | ||
7358 | + $cubeShadowEl = $wrapperEl.find('.swiper-cube-shadow'); | ||
7359 | + if ($cubeShadowEl.length === 0) { | ||
7360 | + $cubeShadowEl = $('<div class="swiper-cube-shadow"></div>'); | ||
7361 | + $wrapperEl.append($cubeShadowEl); | ||
7362 | + } | ||
7363 | + $cubeShadowEl.css({ height: (swiperWidth + "px") }); | ||
7364 | + } else { | ||
7365 | + $cubeShadowEl = $el.find('.swiper-cube-shadow'); | ||
7366 | + if ($cubeShadowEl.length === 0) { | ||
7367 | + $cubeShadowEl = $('<div class="swiper-cube-shadow"></div>'); | ||
7368 | + $el.append($cubeShadowEl); | ||
7369 | + } | ||
7370 | + } | ||
7371 | + } | ||
7372 | + for (var i = 0; i < slides.length; i += 1) { | ||
7373 | + var $slideEl = slides.eq(i); | ||
7374 | + var slideIndex = i; | ||
7375 | + if (isVirtual) { | ||
7376 | + slideIndex = parseInt($slideEl.attr('data-swiper-slide-index'), 10); | ||
7377 | + } | ||
7378 | + var slideAngle = slideIndex * 90; | ||
7379 | + var round = Math.floor(slideAngle / 360); | ||
7380 | + if (rtl) { | ||
7381 | + slideAngle = -slideAngle; | ||
7382 | + round = Math.floor(-slideAngle / 360); | ||
7383 | + } | ||
7384 | + var progress = Math.max(Math.min($slideEl[0].progress, 1), -1); | ||
7385 | + var tx = 0; | ||
7386 | + var ty = 0; | ||
7387 | + var tz = 0; | ||
7388 | + if (slideIndex % 4 === 0) { | ||
7389 | + tx = -round * 4 * swiperSize; | ||
7390 | + tz = 0; | ||
7391 | + } else if ((slideIndex - 1) % 4 === 0) { | ||
7392 | + tx = 0; | ||
7393 | + tz = -round * 4 * swiperSize; | ||
7394 | + } else if ((slideIndex - 2) % 4 === 0) { | ||
7395 | + tx = swiperSize + (round * 4 * swiperSize); | ||
7396 | + tz = swiperSize; | ||
7397 | + } else if ((slideIndex - 3) % 4 === 0) { | ||
7398 | + tx = -swiperSize; | ||
7399 | + tz = (3 * swiperSize) + (swiperSize * 4 * round); | ||
7400 | + } | ||
7401 | + if (rtl) { | ||
7402 | + tx = -tx; | ||
7403 | + } | ||
7404 | + | ||
7405 | + if (!isHorizontal) { | ||
7406 | + ty = tx; | ||
7407 | + tx = 0; | ||
7408 | + } | ||
7409 | + | ||
7410 | + var transform = "rotateX(" + (isHorizontal ? 0 : -slideAngle) + "deg) rotateY(" + (isHorizontal ? slideAngle : 0) + "deg) translate3d(" + tx + "px, " + ty + "px, " + tz + "px)"; | ||
7411 | + if (progress <= 1 && progress > -1) { | ||
7412 | + wrapperRotate = (slideIndex * 90) + (progress * 90); | ||
7413 | + if (rtl) { wrapperRotate = (-slideIndex * 90) - (progress * 90); } | ||
7414 | + } | ||
7415 | + $slideEl.transform(transform); | ||
7416 | + if (params.slideShadows) { | ||
7417 | + // Set shadows | ||
7418 | + var shadowBefore = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top'); | ||
7419 | + var shadowAfter = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom'); | ||
7420 | + if (shadowBefore.length === 0) { | ||
7421 | + shadowBefore = $(("<div class=\"swiper-slide-shadow-" + (isHorizontal ? 'left' : 'top') + "\"></div>")); | ||
7422 | + $slideEl.append(shadowBefore); | ||
7423 | + } | ||
7424 | + if (shadowAfter.length === 0) { | ||
7425 | + shadowAfter = $(("<div class=\"swiper-slide-shadow-" + (isHorizontal ? 'right' : 'bottom') + "\"></div>")); | ||
7426 | + $slideEl.append(shadowAfter); | ||
7427 | + } | ||
7428 | + if (shadowBefore.length) { shadowBefore[0].style.opacity = Math.max(-progress, 0); } | ||
7429 | + if (shadowAfter.length) { shadowAfter[0].style.opacity = Math.max(progress, 0); } | ||
7430 | + } | ||
7431 | + } | ||
7432 | + $wrapperEl.css({ | ||
7433 | + '-webkit-transform-origin': ("50% 50% -" + (swiperSize / 2) + "px"), | ||
7434 | + '-moz-transform-origin': ("50% 50% -" + (swiperSize / 2) + "px"), | ||
7435 | + '-ms-transform-origin': ("50% 50% -" + (swiperSize / 2) + "px"), | ||
7436 | + 'transform-origin': ("50% 50% -" + (swiperSize / 2) + "px"), | ||
7437 | + }); | ||
7438 | + | ||
7439 | + if (params.shadow) { | ||
7440 | + if (isHorizontal) { | ||
7441 | + $cubeShadowEl.transform(("translate3d(0px, " + ((swiperWidth / 2) + params.shadowOffset) + "px, " + (-swiperWidth / 2) + "px) rotateX(90deg) rotateZ(0deg) scale(" + (params.shadowScale) + ")")); | ||
7442 | + } else { | ||
7443 | + var shadowAngle = Math.abs(wrapperRotate) - (Math.floor(Math.abs(wrapperRotate) / 90) * 90); | ||
7444 | + var multiplier = 1.5 - ( | ||
7445 | + (Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2) | ||
7446 | + + (Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2) | ||
7447 | + ); | ||
7448 | + var scale1 = params.shadowScale; | ||
7449 | + var scale2 = params.shadowScale / multiplier; | ||
7450 | + var offset = params.shadowOffset; | ||
7451 | + $cubeShadowEl.transform(("scale3d(" + scale1 + ", 1, " + scale2 + ") translate3d(0px, " + ((swiperHeight / 2) + offset) + "px, " + (-swiperHeight / 2 / scale2) + "px) rotateX(-90deg)")); | ||
7452 | + } | ||
7453 | + } | ||
7454 | + var zFactor = (Browser.isSafari || Browser.isUiWebView) ? (-swiperSize / 2) : 0; | ||
7455 | + $wrapperEl | ||
7456 | + .transform(("translate3d(0px,0," + zFactor + "px) rotateX(" + (swiper.isHorizontal() ? 0 : wrapperRotate) + "deg) rotateY(" + (swiper.isHorizontal() ? -wrapperRotate : 0) + "deg)")); | ||
7457 | + }, | ||
7458 | + setTransition: function setTransition(duration) { | ||
7459 | + var swiper = this; | ||
7460 | + var $el = swiper.$el; | ||
7461 | + var slides = swiper.slides; | ||
7462 | + slides | ||
7463 | + .transition(duration) | ||
7464 | + .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left') | ||
7465 | + .transition(duration); | ||
7466 | + if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) { | ||
7467 | + $el.find('.swiper-cube-shadow').transition(duration); | ||
7468 | + } | ||
7469 | + }, | ||
7470 | + }; | ||
7471 | + | ||
7472 | + var EffectCube = { | ||
7473 | + name: 'effect-cube', | ||
7474 | + params: { | ||
7475 | + cubeEffect: { | ||
7476 | + slideShadows: true, | ||
7477 | + shadow: true, | ||
7478 | + shadowOffset: 20, | ||
7479 | + shadowScale: 0.94, | ||
7480 | + }, | ||
7481 | + }, | ||
7482 | + create: function create() { | ||
7483 | + var swiper = this; | ||
7484 | + Utils.extend(swiper, { | ||
7485 | + cubeEffect: { | ||
7486 | + setTranslate: Cube.setTranslate.bind(swiper), | ||
7487 | + setTransition: Cube.setTransition.bind(swiper), | ||
7488 | + }, | ||
7489 | + }); | ||
7490 | + }, | ||
7491 | + on: { | ||
7492 | + beforeInit: function beforeInit() { | ||
7493 | + var swiper = this; | ||
7494 | + if (swiper.params.effect !== 'cube') { return; } | ||
7495 | + swiper.classNames.push(((swiper.params.containerModifierClass) + "cube")); | ||
7496 | + swiper.classNames.push(((swiper.params.containerModifierClass) + "3d")); | ||
7497 | + var overwriteParams = { | ||
7498 | + slidesPerView: 1, | ||
7499 | + slidesPerColumn: 1, | ||
7500 | + slidesPerGroup: 1, | ||
7501 | + watchSlidesProgress: true, | ||
7502 | + resistanceRatio: 0, | ||
7503 | + spaceBetween: 0, | ||
7504 | + centeredSlides: false, | ||
7505 | + virtualTranslate: true, | ||
7506 | + }; | ||
7507 | + Utils.extend(swiper.params, overwriteParams); | ||
7508 | + Utils.extend(swiper.originalParams, overwriteParams); | ||
7509 | + }, | ||
7510 | + setTranslate: function setTranslate() { | ||
7511 | + var swiper = this; | ||
7512 | + if (swiper.params.effect !== 'cube') { return; } | ||
7513 | + swiper.cubeEffect.setTranslate(); | ||
7514 | + }, | ||
7515 | + setTransition: function setTransition(duration) { | ||
7516 | + var swiper = this; | ||
7517 | + if (swiper.params.effect !== 'cube') { return; } | ||
7518 | + swiper.cubeEffect.setTransition(duration); | ||
7519 | + }, | ||
7520 | + }, | ||
7521 | + }; | ||
7522 | + | ||
7523 | + var Flip = { | ||
7524 | + setTranslate: function setTranslate() { | ||
7525 | + var swiper = this; | ||
7526 | + var slides = swiper.slides; | ||
7527 | + var rtl = swiper.rtlTranslate; | ||
7528 | + for (var i = 0; i < slides.length; i += 1) { | ||
7529 | + var $slideEl = slides.eq(i); | ||
7530 | + var progress = $slideEl[0].progress; | ||
7531 | + if (swiper.params.flipEffect.limitRotation) { | ||
7532 | + progress = Math.max(Math.min($slideEl[0].progress, 1), -1); | ||
7533 | + } | ||
7534 | + var offset = $slideEl[0].swiperSlideOffset; | ||
7535 | + var rotate = -180 * progress; | ||
7536 | + var rotateY = rotate; | ||
7537 | + var rotateX = 0; | ||
7538 | + var tx = -offset; | ||
7539 | + var ty = 0; | ||
7540 | + if (!swiper.isHorizontal()) { | ||
7541 | + ty = tx; | ||
7542 | + tx = 0; | ||
7543 | + rotateX = -rotateY; | ||
7544 | + rotateY = 0; | ||
7545 | + } else if (rtl) { | ||
7546 | + rotateY = -rotateY; | ||
7547 | + } | ||
7548 | + | ||
7549 | + $slideEl[0].style.zIndex = -Math.abs(Math.round(progress)) + slides.length; | ||
7550 | + | ||
7551 | + if (swiper.params.flipEffect.slideShadows) { | ||
7552 | + // Set shadows | ||
7553 | + var shadowBefore = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top'); | ||
7554 | + var shadowAfter = swiper.isHorizontal() ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom'); | ||
7555 | + if (shadowBefore.length === 0) { | ||
7556 | + shadowBefore = $(("<div class=\"swiper-slide-shadow-" + (swiper.isHorizontal() ? 'left' : 'top') + "\"></div>")); | ||
7557 | + $slideEl.append(shadowBefore); | ||
7558 | + } | ||
7559 | + if (shadowAfter.length === 0) { | ||
7560 | + shadowAfter = $(("<div class=\"swiper-slide-shadow-" + (swiper.isHorizontal() ? 'right' : 'bottom') + "\"></div>")); | ||
7561 | + $slideEl.append(shadowAfter); | ||
7562 | + } | ||
7563 | + if (shadowBefore.length) { shadowBefore[0].style.opacity = Math.max(-progress, 0); } | ||
7564 | + if (shadowAfter.length) { shadowAfter[0].style.opacity = Math.max(progress, 0); } | ||
7565 | + } | ||
7566 | + $slideEl | ||
7567 | + .transform(("translate3d(" + tx + "px, " + ty + "px, 0px) rotateX(" + rotateX + "deg) rotateY(" + rotateY + "deg)")); | ||
7568 | + } | ||
7569 | + }, | ||
7570 | + setTransition: function setTransition(duration) { | ||
7571 | + var swiper = this; | ||
7572 | + var slides = swiper.slides; | ||
7573 | + var activeIndex = swiper.activeIndex; | ||
7574 | + var $wrapperEl = swiper.$wrapperEl; | ||
7575 | + slides | ||
7576 | + .transition(duration) | ||
7577 | + .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left') | ||
7578 | + .transition(duration); | ||
7579 | + if (swiper.params.virtualTranslate && duration !== 0) { | ||
7580 | + var eventTriggered = false; | ||
7581 | + // eslint-disable-next-line | ||
7582 | + slides.eq(activeIndex).transitionEnd(function onTransitionEnd() { | ||
7583 | + if (eventTriggered) { return; } | ||
7584 | + if (!swiper || swiper.destroyed) { return; } | ||
7585 | + // if (!$(this).hasClass(swiper.params.slideActiveClass)) return; | ||
7586 | + eventTriggered = true; | ||
7587 | + swiper.animating = false; | ||
7588 | + var triggerEvents = ['webkitTransitionEnd', 'transitionend']; | ||
7589 | + for (var i = 0; i < triggerEvents.length; i += 1) { | ||
7590 | + $wrapperEl.trigger(triggerEvents[i]); | ||
7591 | + } | ||
7592 | + }); | ||
7593 | + } | ||
7594 | + }, | ||
7595 | + }; | ||
7596 | + | ||
7597 | + var EffectFlip = { | ||
7598 | + name: 'effect-flip', | ||
7599 | + params: { | ||
7600 | + flipEffect: { | ||
7601 | + slideShadows: true, | ||
7602 | + limitRotation: true, | ||
7603 | + }, | ||
7604 | + }, | ||
7605 | + create: function create() { | ||
7606 | + var swiper = this; | ||
7607 | + Utils.extend(swiper, { | ||
7608 | + flipEffect: { | ||
7609 | + setTranslate: Flip.setTranslate.bind(swiper), | ||
7610 | + setTransition: Flip.setTransition.bind(swiper), | ||
7611 | + }, | ||
7612 | + }); | ||
7613 | + }, | ||
7614 | + on: { | ||
7615 | + beforeInit: function beforeInit() { | ||
7616 | + var swiper = this; | ||
7617 | + if (swiper.params.effect !== 'flip') { return; } | ||
7618 | + swiper.classNames.push(((swiper.params.containerModifierClass) + "flip")); | ||
7619 | + swiper.classNames.push(((swiper.params.containerModifierClass) + "3d")); | ||
7620 | + var overwriteParams = { | ||
7621 | + slidesPerView: 1, | ||
7622 | + slidesPerColumn: 1, | ||
7623 | + slidesPerGroup: 1, | ||
7624 | + watchSlidesProgress: true, | ||
7625 | + spaceBetween: 0, | ||
7626 | + virtualTranslate: true, | ||
7627 | + }; | ||
7628 | + Utils.extend(swiper.params, overwriteParams); | ||
7629 | + Utils.extend(swiper.originalParams, overwriteParams); | ||
7630 | + }, | ||
7631 | + setTranslate: function setTranslate() { | ||
7632 | + var swiper = this; | ||
7633 | + if (swiper.params.effect !== 'flip') { return; } | ||
7634 | + swiper.flipEffect.setTranslate(); | ||
7635 | + }, | ||
7636 | + setTransition: function setTransition(duration) { | ||
7637 | + var swiper = this; | ||
7638 | + if (swiper.params.effect !== 'flip') { return; } | ||
7639 | + swiper.flipEffect.setTransition(duration); | ||
7640 | + }, | ||
7641 | + }, | ||
7642 | + }; | ||
7643 | + | ||
7644 | + var Coverflow = { | ||
7645 | + setTranslate: function setTranslate() { | ||
7646 | + var swiper = this; | ||
7647 | + var swiperWidth = swiper.width; | ||
7648 | + var swiperHeight = swiper.height; | ||
7649 | + var slides = swiper.slides; | ||
7650 | + var $wrapperEl = swiper.$wrapperEl; | ||
7651 | + var slidesSizesGrid = swiper.slidesSizesGrid; | ||
7652 | + var params = swiper.params.coverflowEffect; | ||
7653 | + var isHorizontal = swiper.isHorizontal(); | ||
7654 | + var transform = swiper.translate; | ||
7655 | + var center = isHorizontal ? -transform + (swiperWidth / 2) : -transform + (swiperHeight / 2); | ||
7656 | + var rotate = isHorizontal ? params.rotate : -params.rotate; | ||
7657 | + var translate = params.depth; | ||
7658 | + // Each slide offset from center | ||
7659 | + for (var i = 0, length = slides.length; i < length; i += 1) { | ||
7660 | + var $slideEl = slides.eq(i); | ||
7661 | + var slideSize = slidesSizesGrid[i]; | ||
7662 | + var slideOffset = $slideEl[0].swiperSlideOffset; | ||
7663 | + var offsetMultiplier = ((center - slideOffset - (slideSize / 2)) / slideSize) * params.modifier; | ||
7664 | + | ||
7665 | + var rotateY = isHorizontal ? rotate * offsetMultiplier : 0; | ||
7666 | + var rotateX = isHorizontal ? 0 : rotate * offsetMultiplier; | ||
7667 | + // var rotateZ = 0 | ||
7668 | + var translateZ = -translate * Math.abs(offsetMultiplier); | ||
7669 | + | ||
7670 | + var translateY = isHorizontal ? 0 : params.stretch * (offsetMultiplier); | ||
7671 | + var translateX = isHorizontal ? params.stretch * (offsetMultiplier) : 0; | ||
7672 | + | ||
7673 | + // Fix for ultra small values | ||
7674 | + if (Math.abs(translateX) < 0.001) { translateX = 0; } | ||
7675 | + if (Math.abs(translateY) < 0.001) { translateY = 0; } | ||
7676 | + if (Math.abs(translateZ) < 0.001) { translateZ = 0; } | ||
7677 | + if (Math.abs(rotateY) < 0.001) { rotateY = 0; } | ||
7678 | + if (Math.abs(rotateX) < 0.001) { rotateX = 0; } | ||
7679 | + | ||
7680 | + var slideTransform = "translate3d(" + translateX + "px," + translateY + "px," + translateZ + "px) rotateX(" + rotateX + "deg) rotateY(" + rotateY + "deg)"; | ||
7681 | + | ||
7682 | + $slideEl.transform(slideTransform); | ||
7683 | + $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1; | ||
7684 | + if (params.slideShadows) { | ||
7685 | + // Set shadows | ||
7686 | + var $shadowBeforeEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-left') : $slideEl.find('.swiper-slide-shadow-top'); | ||
7687 | + var $shadowAfterEl = isHorizontal ? $slideEl.find('.swiper-slide-shadow-right') : $slideEl.find('.swiper-slide-shadow-bottom'); | ||
7688 | + if ($shadowBeforeEl.length === 0) { | ||
7689 | + $shadowBeforeEl = $(("<div class=\"swiper-slide-shadow-" + (isHorizontal ? 'left' : 'top') + "\"></div>")); | ||
7690 | + $slideEl.append($shadowBeforeEl); | ||
7691 | + } | ||
7692 | + if ($shadowAfterEl.length === 0) { | ||
7693 | + $shadowAfterEl = $(("<div class=\"swiper-slide-shadow-" + (isHorizontal ? 'right' : 'bottom') + "\"></div>")); | ||
7694 | + $slideEl.append($shadowAfterEl); | ||
7695 | + } | ||
7696 | + if ($shadowBeforeEl.length) { $shadowBeforeEl[0].style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0; } | ||
7697 | + if ($shadowAfterEl.length) { $shadowAfterEl[0].style.opacity = (-offsetMultiplier) > 0 ? -offsetMultiplier : 0; } | ||
7698 | + } | ||
7699 | + } | ||
7700 | + | ||
7701 | + // Set correct perspective for IE10 | ||
7702 | + if (Support.pointerEvents || Support.prefixedPointerEvents) { | ||
7703 | + var ws = $wrapperEl[0].style; | ||
7704 | + ws.perspectiveOrigin = center + "px 50%"; | ||
7705 | + } | ||
7706 | + }, | ||
7707 | + setTransition: function setTransition(duration) { | ||
7708 | + var swiper = this; | ||
7709 | + swiper.slides | ||
7710 | + .transition(duration) | ||
7711 | + .find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left') | ||
7712 | + .transition(duration); | ||
7713 | + }, | ||
7714 | + }; | ||
7715 | + | ||
7716 | + var EffectCoverflow = { | ||
7717 | + name: 'effect-coverflow', | ||
7718 | + params: { | ||
7719 | + coverflowEffect: { | ||
7720 | + rotate: 50, | ||
7721 | + stretch: 0, | ||
7722 | + depth: 100, | ||
7723 | + modifier: 1, | ||
7724 | + slideShadows: true, | ||
7725 | + }, | ||
7726 | + }, | ||
7727 | + create: function create() { | ||
7728 | + var swiper = this; | ||
7729 | + Utils.extend(swiper, { | ||
7730 | + coverflowEffect: { | ||
7731 | + setTranslate: Coverflow.setTranslate.bind(swiper), | ||
7732 | + setTransition: Coverflow.setTransition.bind(swiper), | ||
7733 | + }, | ||
7734 | + }); | ||
7735 | + }, | ||
7736 | + on: { | ||
7737 | + beforeInit: function beforeInit() { | ||
7738 | + var swiper = this; | ||
7739 | + if (swiper.params.effect !== 'coverflow') { return; } | ||
7740 | + | ||
7741 | + swiper.classNames.push(((swiper.params.containerModifierClass) + "coverflow")); | ||
7742 | + swiper.classNames.push(((swiper.params.containerModifierClass) + "3d")); | ||
7743 | + | ||
7744 | + swiper.params.watchSlidesProgress = true; | ||
7745 | + swiper.originalParams.watchSlidesProgress = true; | ||
7746 | + }, | ||
7747 | + setTranslate: function setTranslate() { | ||
7748 | + var swiper = this; | ||
7749 | + if (swiper.params.effect !== 'coverflow') { return; } | ||
7750 | + swiper.coverflowEffect.setTranslate(); | ||
7751 | + }, | ||
7752 | + setTransition: function setTransition(duration) { | ||
7753 | + var swiper = this; | ||
7754 | + if (swiper.params.effect !== 'coverflow') { return; } | ||
7755 | + swiper.coverflowEffect.setTransition(duration); | ||
7756 | + }, | ||
7757 | + }, | ||
7758 | + }; | ||
7759 | + | ||
7760 | + var Thumbs = { | ||
7761 | + init: function init() { | ||
7762 | + var swiper = this; | ||
7763 | + var ref = swiper.params; | ||
7764 | + var thumbsParams = ref.thumbs; | ||
7765 | + var SwiperClass = swiper.constructor; | ||
7766 | + if (thumbsParams.swiper instanceof SwiperClass) { | ||
7767 | + swiper.thumbs.swiper = thumbsParams.swiper; | ||
7768 | + Utils.extend(swiper.thumbs.swiper.originalParams, { | ||
7769 | + watchSlidesProgress: true, | ||
7770 | + slideToClickedSlide: false, | ||
7771 | + }); | ||
7772 | + Utils.extend(swiper.thumbs.swiper.params, { | ||
7773 | + watchSlidesProgress: true, | ||
7774 | + slideToClickedSlide: false, | ||
7775 | + }); | ||
7776 | + } else if (Utils.isObject(thumbsParams.swiper)) { | ||
7777 | + swiper.thumbs.swiper = new SwiperClass(Utils.extend({}, thumbsParams.swiper, { | ||
7778 | + watchSlidesVisibility: true, | ||
7779 | + watchSlidesProgress: true, | ||
7780 | + slideToClickedSlide: false, | ||
7781 | + })); | ||
7782 | + swiper.thumbs.swiperCreated = true; | ||
7783 | + } | ||
7784 | + swiper.thumbs.swiper.$el.addClass(swiper.params.thumbs.thumbsContainerClass); | ||
7785 | + swiper.thumbs.swiper.on('tap', swiper.thumbs.onThumbClick); | ||
7786 | + }, | ||
7787 | + onThumbClick: function onThumbClick() { | ||
7788 | + var swiper = this; | ||
7789 | + var thumbsSwiper = swiper.thumbs.swiper; | ||
7790 | + if (!thumbsSwiper) { return; } | ||
7791 | + var clickedIndex = thumbsSwiper.clickedIndex; | ||
7792 | + var clickedSlide = thumbsSwiper.clickedSlide; | ||
7793 | + if (clickedSlide && $(clickedSlide).hasClass(swiper.params.thumbs.slideThumbActiveClass)) { return; } | ||
7794 | + if (typeof clickedIndex === 'undefined' || clickedIndex === null) { return; } | ||
7795 | + var slideToIndex; | ||
7796 | + if (thumbsSwiper.params.loop) { | ||
7797 | + slideToIndex = parseInt($(thumbsSwiper.clickedSlide).attr('data-swiper-slide-index'), 10); | ||
7798 | + } else { | ||
7799 | + slideToIndex = clickedIndex; | ||
7800 | + } | ||
7801 | + if (swiper.params.loop) { | ||
7802 | + var currentIndex = swiper.activeIndex; | ||
7803 | + if (swiper.slides.eq(currentIndex).hasClass(swiper.params.slideDuplicateClass)) { | ||
7804 | + swiper.loopFix(); | ||
7805 | + // eslint-disable-next-line | ||
7806 | + swiper._clientLeft = swiper.$wrapperEl[0].clientLeft; | ||
7807 | + currentIndex = swiper.activeIndex; | ||
7808 | + } | ||
7809 | + var prevIndex = swiper.slides.eq(currentIndex).prevAll(("[data-swiper-slide-index=\"" + slideToIndex + "\"]")).eq(0).index(); | ||
7810 | + var nextIndex = swiper.slides.eq(currentIndex).nextAll(("[data-swiper-slide-index=\"" + slideToIndex + "\"]")).eq(0).index(); | ||
7811 | + if (typeof prevIndex === 'undefined') { slideToIndex = nextIndex; } | ||
7812 | + else if (typeof nextIndex === 'undefined') { slideToIndex = prevIndex; } | ||
7813 | + else if (nextIndex - currentIndex < currentIndex - prevIndex) { slideToIndex = nextIndex; } | ||
7814 | + else { slideToIndex = prevIndex; } | ||
7815 | + } | ||
7816 | + swiper.slideTo(slideToIndex); | ||
7817 | + }, | ||
7818 | + update: function update(initial) { | ||
7819 | + var swiper = this; | ||
7820 | + var thumbsSwiper = swiper.thumbs.swiper; | ||
7821 | + if (!thumbsSwiper) { return; } | ||
7822 | + | ||
7823 | + var slidesPerView = thumbsSwiper.params.slidesPerView === 'auto' | ||
7824 | + ? thumbsSwiper.slidesPerViewDynamic() | ||
7825 | + : thumbsSwiper.params.slidesPerView; | ||
7826 | + | ||
7827 | + if (swiper.realIndex !== thumbsSwiper.realIndex) { | ||
7828 | + var currentThumbsIndex = thumbsSwiper.activeIndex; | ||
7829 | + var newThumbsIndex; | ||
7830 | + if (thumbsSwiper.params.loop) { | ||
7831 | + if (thumbsSwiper.slides.eq(currentThumbsIndex).hasClass(thumbsSwiper.params.slideDuplicateClass)) { | ||
7832 | + thumbsSwiper.loopFix(); | ||
7833 | + // eslint-disable-next-line | ||
7834 | + thumbsSwiper._clientLeft = thumbsSwiper.$wrapperEl[0].clientLeft; | ||
7835 | + currentThumbsIndex = thumbsSwiper.activeIndex; | ||
7836 | + } | ||
7837 | + // Find actual thumbs index to slide to | ||
7838 | + var prevThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).prevAll(("[data-swiper-slide-index=\"" + (swiper.realIndex) + "\"]")).eq(0).index(); | ||
7839 | + var nextThumbsIndex = thumbsSwiper.slides.eq(currentThumbsIndex).nextAll(("[data-swiper-slide-index=\"" + (swiper.realIndex) + "\"]")).eq(0).index(); | ||
7840 | + if (typeof prevThumbsIndex === 'undefined') { newThumbsIndex = nextThumbsIndex; } | ||
7841 | + else if (typeof nextThumbsIndex === 'undefined') { newThumbsIndex = prevThumbsIndex; } | ||
7842 | + else if (nextThumbsIndex - currentThumbsIndex === currentThumbsIndex - prevThumbsIndex) { newThumbsIndex = currentThumbsIndex; } | ||
7843 | + else if (nextThumbsIndex - currentThumbsIndex < currentThumbsIndex - prevThumbsIndex) { newThumbsIndex = nextThumbsIndex; } | ||
7844 | + else { newThumbsIndex = prevThumbsIndex; } | ||
7845 | + } else { | ||
7846 | + newThumbsIndex = swiper.realIndex; | ||
7847 | + } | ||
7848 | + if (thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0) { | ||
7849 | + if (thumbsSwiper.params.centeredSlides) { | ||
7850 | + if (newThumbsIndex > currentThumbsIndex) { | ||
7851 | + newThumbsIndex = newThumbsIndex - Math.floor(slidesPerView / 2) + 1; | ||
7852 | + } else { | ||
7853 | + newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1; | ||
7854 | + } | ||
7855 | + } else if (newThumbsIndex > currentThumbsIndex) { | ||
7856 | + newThumbsIndex = newThumbsIndex - slidesPerView + 1; | ||
7857 | + } | ||
7858 | + thumbsSwiper.slideTo(newThumbsIndex, initial ? 0 : undefined); | ||
7859 | + } | ||
7860 | + } | ||
7861 | + | ||
7862 | + // Activate thumbs | ||
7863 | + var thumbsToActivate = 1; | ||
7864 | + var thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass; | ||
7865 | + | ||
7866 | + if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) { | ||
7867 | + thumbsToActivate = swiper.params.slidesPerView; | ||
7868 | + } | ||
7869 | + | ||
7870 | + thumbsSwiper.slides.removeClass(thumbActiveClass); | ||
7871 | + if (thumbsSwiper.params.loop) { | ||
7872 | + for (var i = 0; i < thumbsToActivate; i += 1) { | ||
7873 | + thumbsSwiper.$wrapperEl.children(("[data-swiper-slide-index=\"" + (swiper.realIndex + i) + "\"]")).addClass(thumbActiveClass); | ||
7874 | + } | ||
7875 | + } else { | ||
7876 | + for (var i$1 = 0; i$1 < thumbsToActivate; i$1 += 1) { | ||
7877 | + thumbsSwiper.slides.eq(swiper.realIndex + i$1).addClass(thumbActiveClass); | ||
7878 | + } | ||
7879 | + } | ||
7880 | + }, | ||
7881 | + }; | ||
7882 | + var Thumbs$1 = { | ||
7883 | + name: 'thumbs', | ||
7884 | + params: { | ||
7885 | + thumbs: { | ||
7886 | + swiper: null, | ||
7887 | + slideThumbActiveClass: 'swiper-slide-thumb-active', | ||
7888 | + thumbsContainerClass: 'swiper-container-thumbs', | ||
7889 | + }, | ||
7890 | + }, | ||
7891 | + create: function create() { | ||
7892 | + var swiper = this; | ||
7893 | + Utils.extend(swiper, { | ||
7894 | + thumbs: { | ||
7895 | + swiper: null, | ||
7896 | + init: Thumbs.init.bind(swiper), | ||
7897 | + update: Thumbs.update.bind(swiper), | ||
7898 | + onThumbClick: Thumbs.onThumbClick.bind(swiper), | ||
7899 | + }, | ||
7900 | + }); | ||
7901 | + }, | ||
7902 | + on: { | ||
7903 | + beforeInit: function beforeInit() { | ||
7904 | + var swiper = this; | ||
7905 | + var ref = swiper.params; | ||
7906 | + var thumbs = ref.thumbs; | ||
7907 | + if (!thumbs || !thumbs.swiper) { return; } | ||
7908 | + swiper.thumbs.init(); | ||
7909 | + swiper.thumbs.update(true); | ||
7910 | + }, | ||
7911 | + slideChange: function slideChange() { | ||
7912 | + var swiper = this; | ||
7913 | + if (!swiper.thumbs.swiper) { return; } | ||
7914 | + swiper.thumbs.update(); | ||
7915 | + }, | ||
7916 | + update: function update() { | ||
7917 | + var swiper = this; | ||
7918 | + if (!swiper.thumbs.swiper) { return; } | ||
7919 | + swiper.thumbs.update(); | ||
7920 | + }, | ||
7921 | + resize: function resize() { | ||
7922 | + var swiper = this; | ||
7923 | + if (!swiper.thumbs.swiper) { return; } | ||
7924 | + swiper.thumbs.update(); | ||
7925 | + }, | ||
7926 | + observerUpdate: function observerUpdate() { | ||
7927 | + var swiper = this; | ||
7928 | + if (!swiper.thumbs.swiper) { return; } | ||
7929 | + swiper.thumbs.update(); | ||
7930 | + }, | ||
7931 | + setTransition: function setTransition(duration) { | ||
7932 | + var swiper = this; | ||
7933 | + var thumbsSwiper = swiper.thumbs.swiper; | ||
7934 | + if (!thumbsSwiper) { return; } | ||
7935 | + thumbsSwiper.setTransition(duration); | ||
7936 | + }, | ||
7937 | + beforeDestroy: function beforeDestroy() { | ||
7938 | + var swiper = this; | ||
7939 | + var thumbsSwiper = swiper.thumbs.swiper; | ||
7940 | + if (!thumbsSwiper) { return; } | ||
7941 | + if (swiper.thumbs.swiperCreated && thumbsSwiper) { | ||
7942 | + thumbsSwiper.destroy(); | ||
7943 | + } | ||
7944 | + }, | ||
7945 | + }, | ||
7946 | + }; | ||
7947 | + | ||
7948 | + // Swiper Class | ||
7949 | + | ||
7950 | + var components = [ | ||
7951 | + Device$1, | ||
7952 | + Support$1, | ||
7953 | + Browser$1, | ||
7954 | + Resize, | ||
7955 | + Observer$1, | ||
7956 | + Virtual$1, | ||
7957 | + Keyboard$1, | ||
7958 | + Mousewheel$1, | ||
7959 | + Navigation$1, | ||
7960 | + Pagination$1, | ||
7961 | + Scrollbar$1, | ||
7962 | + Parallax$1, | ||
7963 | + Zoom$1, | ||
7964 | + Lazy$1, | ||
7965 | + Controller$1, | ||
7966 | + A11y, | ||
7967 | + History$1, | ||
7968 | + HashNavigation$1, | ||
7969 | + Autoplay$1, | ||
7970 | + EffectFade, | ||
7971 | + EffectCube, | ||
7972 | + EffectFlip, | ||
7973 | + EffectCoverflow, | ||
7974 | + Thumbs$1 | ||
7975 | + ]; | ||
7976 | + | ||
7977 | + if (typeof Swiper.use === 'undefined') { | ||
7978 | + Swiper.use = Swiper.Class.use; | ||
7979 | + Swiper.installModule = Swiper.Class.installModule; | ||
7980 | + } | ||
7981 | + | ||
7982 | + Swiper.use(components); | ||
7983 | + | ||
7984 | + return Swiper; | ||
7985 | + | ||
7986 | +}))); |