luna-one 3.1.298 → 3.1.299
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -39,10 +39,23 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
|
|
|
39
39
|
var currentOffset = 0;
|
|
40
40
|
var touchPause = false;
|
|
41
41
|
var lastTouchPos = null;
|
|
42
|
+
var pauseSlideToggle = false;
|
|
43
|
+
var lastWheel = Date.now();
|
|
44
|
+
var holdWheelAction = false;
|
|
42
45
|
var desktopSlideScrollBuffer = 8;
|
|
43
|
-
var mobileSlideScrollBuffer =
|
|
46
|
+
var mobileSlideScrollBuffer = 20;
|
|
44
47
|
var slideScrollBuffer = desktopSlideScrollBuffer;
|
|
45
|
-
|
|
48
|
+
|
|
49
|
+
function pauseSlides() {
|
|
50
|
+
pauseSlideToggle = true;
|
|
51
|
+
holdWheelAction = true;
|
|
52
|
+
setTimeout(function () {
|
|
53
|
+
pauseSlideToggle = false;
|
|
54
|
+
}, 500);
|
|
55
|
+
setTimeout(function () {
|
|
56
|
+
holdWheelAction = false;
|
|
57
|
+
}, 2000);
|
|
58
|
+
}
|
|
46
59
|
|
|
47
60
|
function updateNavButtons(buttonClicked) {
|
|
48
61
|
var _currentHooked, _currentHooked$elemen, _currentHooked$elemen2, _currentHooked$elemen3, _currentHooked$elemen4, _currentHooked$elemen5, _currentHooked$elemen6, _currentHooked2, _currentHooked2$eleme, _currentHooked2$eleme2, _currentHooked2$eleme3, _currentHooked2$eleme4, _currentHooked2$eleme5, _currentHooked2$eleme6, _buttonClicked$classL, _buttonClicked$datase, _buttonClicked$datase2, _buttonClicked$datase3;
|
|
@@ -127,6 +140,7 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
|
|
|
127
140
|
document.body.style.overflow = "hidden";
|
|
128
141
|
currentHooked.element.classList.add("active");
|
|
129
142
|
currentHooked.element.classList.add("activated");
|
|
143
|
+
pauseSlides();
|
|
130
144
|
} else if (current.element.classList.contains("activated") && current.element.getBoundingClientRect().top > 5) {
|
|
131
145
|
current.element.classList.remove("activated");
|
|
132
146
|
current.finished = false;
|
|
@@ -148,6 +162,8 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
|
|
|
148
162
|
var _e$touches, _e$touches$;
|
|
149
163
|
|
|
150
164
|
touchPause = true;
|
|
165
|
+
pauseSlideToggle = false;
|
|
166
|
+
holdWheelAction = false;
|
|
151
167
|
var currentTouchPos = e === null || e === void 0 ? void 0 : (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : (_e$touches$ = _e$touches[0]) === null || _e$touches$ === void 0 ? void 0 : _e$touches$.clientY;
|
|
152
168
|
var wheelEvt = document.createEvent('MouseEvents');
|
|
153
169
|
wheelEvt.initEvent('wheel', true, true);
|
|
@@ -164,7 +180,13 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
|
|
|
164
180
|
}
|
|
165
181
|
});
|
|
166
182
|
window.addEventListener('wheel', function (e) {
|
|
167
|
-
|
|
183
|
+
var currentWheel = Date.now();
|
|
184
|
+
|
|
185
|
+
if (currentWheel - lastWheel > 200) {
|
|
186
|
+
holdWheelAction = false;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
if (currentHooked && !pauseSlideToggle && !holdWheelAction) {
|
|
168
190
|
// get the scroll delta (val > 0 -> scroll down || val < 0 -> || scroll up)
|
|
169
191
|
var scrollDelta = e.deltaY; // determine the current slide if unset, otherwise, determine the current slide offset
|
|
170
192
|
|
|
@@ -209,11 +231,13 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
|
|
|
209
231
|
allCurrentSlides[activeIndex + 1].classList.add("active");
|
|
210
232
|
currentSlide = allCurrentSlides[activeIndex + 1];
|
|
211
233
|
updateNavButtons(getCorrespondingNavButton(activeIndex + 1));
|
|
234
|
+
pauseSlides();
|
|
212
235
|
} else {
|
|
213
236
|
allCurrentSlides[activeIndex].classList.remove("active");
|
|
214
237
|
allCurrentSlides[0].classList.add("active");
|
|
215
238
|
currentSlide = allCurrentSlides[0];
|
|
216
239
|
updateNavButtons(getCorrespondingNavButton(0));
|
|
240
|
+
pauseSlides();
|
|
217
241
|
currentHooked.element.classList.remove("active");
|
|
218
242
|
document.body.style.overflow = "visible";
|
|
219
243
|
currentHooked.element.scrollIntoView(true);
|
|
@@ -227,10 +251,12 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
|
|
|
227
251
|
allCurrentSlides[activeIndex - 1].classList.add("active");
|
|
228
252
|
currentSlide = allCurrentSlides[activeIndex - 1];
|
|
229
253
|
updateNavButtons(getCorrespondingNavButton(activeIndex - 1));
|
|
254
|
+
pauseSlides();
|
|
230
255
|
} else {
|
|
231
256
|
allCurrentSlides[0].classList.add("active");
|
|
232
257
|
currentSlide = allCurrentSlides[0];
|
|
233
258
|
updateNavButtons(getCorrespondingNavButton(0));
|
|
259
|
+
pauseSlides();
|
|
234
260
|
currentHooked.element.classList.remove("active");
|
|
235
261
|
document.body.style.overflow = "visible";
|
|
236
262
|
currentHooked.element.scrollIntoView(true);
|
|
@@ -240,6 +266,8 @@ var ScrollInPlace = function ScrollInPlace(_ref) {
|
|
|
240
266
|
}
|
|
241
267
|
}
|
|
242
268
|
}
|
|
269
|
+
|
|
270
|
+
lastWheel = currentWheel;
|
|
243
271
|
});
|
|
244
272
|
}
|
|
245
273
|
|