lightgallery 2.3.0-beta.4 → 2.3.0

package/vue/LightGalleryVue.common.js

@@ -6491,9 +6491,9 @@ var utils = {
     var transform = 'translate3d(' + (x *= -1) + 'px, ' + (y *= -1) + 'px, 0) scale3d(' + scX + ', ' + scY + ', 1)';
     return transform;
   },
-  getIframeMarkup: function getIframeMarkup(iframeWidth, iframeHeight, src, iframeTitle) {
+  getIframeMarkup: function getIframeMarkup(iframeWidth, iframeHeight, iframeMaxWidth, iframeMaxHeight, src, iframeTitle) {
     var title = iframeTitle ? 'title="' + iframeTitle + '"' : '';
-    return "<div class=\"lg-video-cont lg-has-iframe\" style=\"width:".concat(iframeWidth, "; height: ").concat(iframeHeight, "\">\n                    <iframe class=\"lg-object\" frameborder=\"0\" ").concat(title, " src=\"").concat(src, "\"  allowfullscreen=\"true\"></iframe>\n                </div>");
+    return "<div class=\"lg-video-cont lg-has-iframe\" style=\"width:".concat(iframeWidth, "; max-width:").concat(iframeMaxWidth, "; height: ").concat(iframeHeight, "; max-height:").concat(iframeMaxHeight, "\">\n                    <iframe class=\"lg-object\" frameborder=\"0\" ").concat(title, " src=\"").concat(src, "\"  allowfullscreen=\"true\"></iframe>\n                </div>");
   },
   getImgMarkup: function getImgMarkup(index, src, altAttr, srcset, sizes, sources) {
     var srcsetAttr = srcset ? "srcset=\"".concat(srcset, "\"") : '';
@@ -6686,6 +6686,7 @@ var lightGalleryCoreSettings = {
   supportLegacyBrowser: true,
   allowMediaOverlap: false,
   videoMaxSize: '1280-720',
+  loadYouTubePoster: true,
   defaultCaptionHeight: 0,
   ariaLabelledby: '',
   ariaDescribedby: '',
@@ -6713,6 +6714,8 @@ var lightGalleryCoreSettings = {
   index: 0,
   iframeWidth: '100%',
   iframeHeight: '100%',
+  iframeMaxWidth: '100%',
+  iframeMaxHeight: '100%',
   download: true,
   counter: true,
   appendCounterTo: '.lg-toolbar',
@@ -7607,8 +7610,14 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "addSlideVideoInfo",
     value: function addSlideVideoInfo(items) {
+      var _this9 = this;
+
       items.forEach(function (element, index) {
         element.__slideVideoInfo = lg_utils.isVideo(element.src, !!element.video, index);
+
+        if (element.__slideVideoInfo && _this9.settings.loadYouTubePoster && !element.poster && element.__slideVideoInfo.youtube) {
+          element.poster = "//img.youtube.com/vi/".concat(element.__slideVideoInfo.youtube[1], "/maxresdefault.jpg");
+        }
       });
     }
     /**
@@ -7621,7 +7630,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "loadContent",
     value: function loadContent(index, rec) {
-      var _this9 = this;
+      var _this10 = this;
 
       var currentGalleryItem = this.galleryItems[index];
       var $currentSlide = $LG(this.getSlideItemId(index));
@@ -7664,7 +7673,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
         }
 
         if (iframe) {
-          var markup = lg_utils.getIframeMarkup(this.settings.iframeWidth, this.settings.iframeHeight, src, currentGalleryItem.iframeTitle);
+          var markup = lg_utils.getIframeMarkup(this.settings.iframeWidth, this.settings.iframeHeight, this.settings.iframeMaxWidth, this.settings.iframeMaxHeight, src, currentGalleryItem.iframeTitle);
           $currentSlide.prepend(markup);
         } else if (poster) {
           var dummyImg = '';
@@ -7724,24 +7733,24 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
 
         if (!$currentSlide.hasClass('lg-loaded')) {
           setTimeout(function () {
-            if (_this9.getSlideType(currentGalleryItem) === 'image') {
+            if (_this10.getSlideType(currentGalleryItem) === 'image') {
               $currentSlide.find('.lg-img-wrap').append(lg_utils.getImgMarkup(index, src, '', srcset, sizes, currentGalleryItem.sources));
 
               if (srcset || sources) {
                 var _$img = $currentSlide.find('.lg-object');
 
-                _this9.initPictureFill(_$img);
+                _this10.initPictureFill(_$img);
               }
             }
 
-            if (_this9.getSlideType(currentGalleryItem) === 'image' || _this9.getSlideType(currentGalleryItem) === 'video' && poster) {
-              _this9.onLgObjectLoad($currentSlide, index, delay, _speed, true, false); // load remaining slides once the slide is completely loaded
+            if (_this10.getSlideType(currentGalleryItem) === 'image' || _this10.getSlideType(currentGalleryItem) === 'video' && poster) {
+              _this10.onLgObjectLoad($currentSlide, index, delay, _speed, true, false); // load remaining slides once the slide is completely loaded
 
 
-              _this9.onSlideObjectLoad($currentSlide, !!(videoInfo && videoInfo.html5 && !poster), function () {
-                _this9.loadContentOnFirstSlideLoad(index, $currentSlide, _speed);
+              _this10.onSlideObjectLoad($currentSlide, !!(videoInfo && videoInfo.html5 && !poster), function () {
+                _this10.loadContentOnFirstSlideLoad(index, $currentSlide, _speed);
               }, function () {
-                _this9.loadContentOnFirstSlideLoad(index, $currentSlide, _speed);
+                _this10.loadContentOnFirstSlideLoad(index, $currentSlide, _speed);
               });
             }
           }, this.settings.startAnimationDuration + 100);
@@ -7769,7 +7778,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
       if (rec === true) {
         if (!$currentSlide.hasClass('lg-complete_')) {
           $currentSlide.find('.lg-object').first().on('load.lg error.lg', function () {
-            _this9.preload(index);
+            _this10.preload(index);
           });
         } else {
           this.preload(index);
@@ -7787,23 +7796,23 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "loadContentOnFirstSlideLoad",
     value: function loadContentOnFirstSlideLoad(index, $currentSlide, speed) {
-      var _this10 = this;
+      var _this11 = this;
 
       setTimeout(function () {
         $currentSlide.find('.lg-dummy-img').remove();
         $currentSlide.removeClass('lg-first-slide');
 
-        _this10.outer.removeClass('lg-first-slide-loading');
+        _this11.outer.removeClass('lg-first-slide-loading');
 
-        _this10.isDummyImageRemoved = true;
+        _this11.isDummyImageRemoved = true;
 
-        _this10.preload(index);
+        _this11.preload(index);
       }, speed + 300);
     }
   }, {
     key: "getItemsToBeInsertedToDom",
     value: function getItemsToBeInsertedToDom(index, prevIndex) {
-      var _this11 = this;
+      var _this12 = this;
 
       var numberOfItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
       var itemsToBeInsertedToDom = []; // Minimum 2 items should be there
@@ -7814,7 +7823,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
 
       if (this.galleryItems.length <= 3) {
         this.galleryItems.forEach(function (_element, index) {
-          itemsToBeInsertedToDom.push("lg-item-".concat(_this11.lgId, "-").concat(index));
+          itemsToBeInsertedToDom.push("lg-item-".concat(_this12.lgId, "-").concat(index));
         });
         return itemsToBeInsertedToDom;
       }
@@ -7858,12 +7867,12 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "organizeSlideItems",
     value: function organizeSlideItems(index, prevIndex) {
-      var _this12 = this;
+      var _this13 = this;
 
       var itemsToBeInsertedToDom = this.getItemsToBeInsertedToDom(index, prevIndex, this.settings.numberOfSlideItemsInDom);
       itemsToBeInsertedToDom.forEach(function (item) {
-        if (_this12.currentItemsInDom.indexOf(item) === -1) {
-          _this12.$inner.append("<div id=\"".concat(item, "\" class=\"lg-item\"></div>"));
+        if (_this13.currentItemsInDom.indexOf(item) === -1) {
+          _this13.$inner.append("<div id=\"".concat(item, "\" class=\"lg-item\"></div>"));
         }
       });
       this.currentItemsInDom.forEach(function (item) {
@@ -7914,7 +7923,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "makeSlideAnimation",
     value: function makeSlideAnimation(direction, currentSlideItem, previousSlideItem) {
-      var _this13 = this;
+      var _this14 = this;
 
       if (this.lGalleryOn) {
         previousSlideItem.addClass('lg-slide-progress');
@@ -7922,9 +7931,9 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
 
       setTimeout(function () {
         // remove all transitions
-        _this13.outer.addClass('lg-no-trans');
+        _this14.outer.addClass('lg-no-trans');
 
-        _this13.outer.find('.lg-item').removeClass('lg-prev-slide lg-next-slide');
+        _this14.outer.find('.lg-item').removeClass('lg-prev-slide lg-next-slide');
 
         if (direction === 'prev') {
           //prevslide
@@ -7938,11 +7947,11 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
 
 
         setTimeout(function () {
-          _this13.outer.find('.lg-item').removeClass('lg-current');
+          _this14.outer.find('.lg-item').removeClass('lg-current');
 
           currentSlideItem.addClass('lg-current'); // reset all transitions
 
-          _this13.outer.removeClass('lg-no-trans');
+          _this14.outer.removeClass('lg-no-trans');
         }, 50);
       }, this.lGalleryOn ? this.settings.slideDelay : 0);
     }
@@ -7963,7 +7972,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "slide",
     value: function slide(index, fromTouch, fromThumb, direction) {
-      var _this14 = this;
+      var _this15 = this;
 
       var prevIndex = this.getPreviousSlideIndex();
       this.currentItemsInDom = this.organizeSlideItems(index, prevIndex); // Prevent multiple call, Required for hsh plugin
@@ -8051,20 +8060,20 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
           this.loadContent(index, true);
         } else {
           setTimeout(function () {
-            _this14.loadContent(index, true); // Add title if this.settings.appendSubHtmlTo === lg-sub-html
+            _this15.loadContent(index, true); // Add title if this.settings.appendSubHtmlTo === lg-sub-html
 
 
-            if (_this14.settings.appendSubHtmlTo !== '.lg-item') {
-              _this14.addHtml(index);
+            if (_this15.settings.appendSubHtmlTo !== '.lg-item') {
+              _this15.addHtml(index);
             }
           }, this.settings.speed + 50 + (fromTouch ? 0 : this.settings.slideDelay));
         }
 
         setTimeout(function () {
-          _this14.lgBusy = false;
+          _this15.lgBusy = false;
           previousSlideItem.removeClass('lg-slide-progress');
 
-          _this14.LGel.trigger(lGEvents.afterSlide, {
+          _this15.LGel.trigger(lGEvents.afterSlide, {
             prevIndex: prevIndex,
             index: index,
             fromTouch: fromTouch,
@@ -8151,7 +8160,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "touchEnd",
     value: function touchEnd(endCoords, startCoords, event) {
-      var _this15 = this;
+      var _this16 = this;
 
       var distance; // keep slide animation for any mode while dragg/swipe
 
@@ -8161,61 +8170,61 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
 
 
       setTimeout(function () {
-        _this15.$container.removeClass('lg-dragging-vertical');
+        _this16.$container.removeClass('lg-dragging-vertical');
 
-        _this15.outer.removeClass('lg-dragging lg-hide-items').addClass('lg-components-open');
+        _this16.outer.removeClass('lg-dragging lg-hide-items').addClass('lg-components-open');
 
         var triggerClick = true;
 
-        if (_this15.swipeDirection === 'horizontal') {
+        if (_this16.swipeDirection === 'horizontal') {
           distance = endCoords.pageX - startCoords.pageX;
           var distanceAbs = Math.abs(endCoords.pageX - startCoords.pageX);
 
-          if (distance < 0 && distanceAbs > _this15.settings.swipeThreshold) {
-            _this15.goToNextSlide(true);
+          if (distance < 0 && distanceAbs > _this16.settings.swipeThreshold) {
+            _this16.goToNextSlide(true);
 
             triggerClick = false;
-          } else if (distance > 0 && distanceAbs > _this15.settings.swipeThreshold) {
-            _this15.goToPrevSlide(true);
+          } else if (distance > 0 && distanceAbs > _this16.settings.swipeThreshold) {
+            _this16.goToPrevSlide(true);
 
             triggerClick = false;
           }
-        } else if (_this15.swipeDirection === 'vertical') {
+        } else if (_this16.swipeDirection === 'vertical') {
           distance = Math.abs(endCoords.pageY - startCoords.pageY);
 
-          if (_this15.settings.closable && _this15.settings.swipeToClose && distance > 100) {
-            _this15.closeGallery();
+          if (_this16.settings.closable && _this16.settings.swipeToClose && distance > 100) {
+            _this16.closeGallery();
 
             return;
           } else {
-            _this15.$backdrop.css('opacity', 1);
+            _this16.$backdrop.css('opacity', 1);
           }
         }
 
-        _this15.outer.find('.lg-item').removeAttr('style');
+        _this16.outer.find('.lg-item').removeAttr('style');
 
         if (triggerClick && Math.abs(endCoords.pageX - startCoords.pageX) < 5) {
           // Trigger click if distance is less than 5 pix
           var target = $LG(event.target);
 
-          if (_this15.isPosterElement(target)) {
-            _this15.LGel.trigger(lGEvents.posterClick);
+          if (_this16.isPosterElement(target)) {
+            _this16.LGel.trigger(lGEvents.posterClick);
           }
         }
 
-        _this15.swipeDirection = undefined;
+        _this16.swipeDirection = undefined;
       }); // remove slide class once drag/swipe is completed if mode is not slide
 
       setTimeout(function () {
-        if (!_this15.outer.hasClass('lg-dragging') && _this15.settings.mode !== 'lg-slide') {
-          _this15.outer.removeClass('lg-slide');
+        if (!_this16.outer.hasClass('lg-dragging') && _this16.settings.mode !== 'lg-slide') {
+          _this16.outer.removeClass('lg-slide');
         }
       }, this.settings.speed + 100);
     }
   }, {
     key: "enableSwipe",
     value: function enableSwipe() {
-      var _this16 = this;
+      var _this17 = this;
 
       var startCoords = {};
       var endCoords = {};
@@ -8224,15 +8233,15 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
 
       if (this.settings.enableSwipe) {
         this.$inner.on('touchstart.lg', function (e) {
-          _this16.dragOrSwipeEnabled = true;
+          _this17.dragOrSwipeEnabled = true;
 
-          var $item = _this16.getSlideItem(_this16.index);
+          var $item = _this17.getSlideItem(_this17.index);
 
-          if (($LG(e.target).hasClass('lg-item') || $item.get().contains(e.target)) && !_this16.outer.hasClass('lg-zoomed') && !_this16.lgBusy && e.targetTouches.length === 1) {
+          if (($LG(e.target).hasClass('lg-item') || $item.get().contains(e.target)) && !_this17.outer.hasClass('lg-zoomed') && !_this17.lgBusy && e.targetTouches.length === 1) {
             isSwiping = true;
-            _this16.touchAction = 'swipe';
+            _this17.touchAction = 'swipe';
 
-            _this16.manageSwipeClass();
+            _this17.manageSwipeClass();
 
             startCoords = {
               pageX: e.targetTouches[0].pageX,
@@ -8241,32 +8250,32 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
           }
         });
         this.$inner.on('touchmove.lg', function (e) {
-          if (isSwiping && _this16.touchAction === 'swipe' && e.targetTouches.length === 1) {
+          if (isSwiping && _this17.touchAction === 'swipe' && e.targetTouches.length === 1) {
             endCoords = {
               pageX: e.targetTouches[0].pageX,
               pageY: e.targetTouches[0].pageY
             };
 
-            _this16.touchMove(startCoords, endCoords, e);
+            _this17.touchMove(startCoords, endCoords, e);
 
             isMoved = true;
           }
         });
         this.$inner.on('touchend.lg', function (event) {
-          if (_this16.touchAction === 'swipe') {
+          if (_this17.touchAction === 'swipe') {
             if (isMoved) {
               isMoved = false;
 
-              _this16.touchEnd(endCoords, startCoords, event);
+              _this17.touchEnd(endCoords, startCoords, event);
             } else if (isSwiping) {
               var target = $LG(event.target);
 
-              if (_this16.isPosterElement(target)) {
-                _this16.LGel.trigger(lGEvents.posterClick);
+              if (_this17.isPosterElement(target)) {
+                _this17.LGel.trigger(lGEvents.posterClick);
               }
             }
 
-            _this16.touchAction = undefined;
+            _this17.touchAction = undefined;
             isSwiping = false;
           }
         });
@@ -8275,7 +8284,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "enableDrag",
     value: function enableDrag() {
-      var _this17 = this;
+      var _this18 = this;
 
       var startCoords = {};
       var endCoords = {};
@@ -8284,16 +8293,16 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
 
       if (this.settings.enableDrag) {
         this.outer.on('mousedown.lg', function (e) {
-          _this17.dragOrSwipeEnabled = true;
+          _this18.dragOrSwipeEnabled = true;
 
-          var $item = _this17.getSlideItem(_this17.index);
+          var $item = _this18.getSlideItem(_this18.index);
 
           if ($LG(e.target).hasClass('lg-item') || $item.get().contains(e.target)) {
-            if (!_this17.outer.hasClass('lg-zoomed') && !_this17.lgBusy) {
+            if (!_this18.outer.hasClass('lg-zoomed') && !_this18.lgBusy) {
               e.preventDefault();
 
-              if (!_this17.lgBusy) {
-                _this17.manageSwipeClass();
+              if (!_this18.lgBusy) {
+                _this18.manageSwipeClass();
 
                 startCoords = {
                   pageX: e.pageX,
@@ -8301,31 +8310,31 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
                 };
                 isDraging = true; // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
 
-                _this17.outer.get().scrollLeft += 1;
-                _this17.outer.get().scrollLeft -= 1; // *
+                _this18.outer.get().scrollLeft += 1;
+                _this18.outer.get().scrollLeft -= 1; // *
 
-                _this17.outer.removeClass('lg-grab').addClass('lg-grabbing');
+                _this18.outer.removeClass('lg-grab').addClass('lg-grabbing');
 
-                _this17.LGel.trigger(lGEvents.dragStart);
+                _this18.LGel.trigger(lGEvents.dragStart);
               }
             }
           }
         });
         $LG(window).on("mousemove.lg.global".concat(this.lgId), function (e) {
-          if (isDraging && _this17.lgOpened) {
+          if (isDraging && _this18.lgOpened) {
             isMoved = true;
             endCoords = {
               pageX: e.pageX,
               pageY: e.pageY
             };
 
-            _this17.touchMove(startCoords, endCoords);
+            _this18.touchMove(startCoords, endCoords);
 
-            _this17.LGel.trigger(lGEvents.dragMove);
+            _this18.LGel.trigger(lGEvents.dragMove);
           }
         });
         $LG(window).on("mouseup.lg.global".concat(this.lgId), function (event) {
-          if (!_this17.lgOpened) {
+          if (!_this18.lgOpened) {
             return;
           }
 
@@ -8334,18 +8343,18 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
           if (isMoved) {
             isMoved = false;
 
-            _this17.touchEnd(endCoords, startCoords, event);
+            _this18.touchEnd(endCoords, startCoords, event);
 
-            _this17.LGel.trigger(lGEvents.dragEnd);
-          } else if (_this17.isPosterElement(target)) {
-            _this17.LGel.trigger(lGEvents.posterClick);
+            _this18.LGel.trigger(lGEvents.dragEnd);
+          } else if (_this18.isPosterElement(target)) {
+            _this18.LGel.trigger(lGEvents.posterClick);
           } // Prevent execution on click
 
 
           if (isDraging) {
             isDraging = false;
 
-            _this17.outer.removeClass('lg-grabbing').addClass('lg-grab');
+            _this18.outer.removeClass('lg-grabbing').addClass('lg-grab');
           }
         });
       }
@@ -8353,11 +8362,11 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "triggerPosterClick",
     value: function triggerPosterClick() {
-      var _this18 = this;
+      var _this19 = this;
 
       this.$inner.on('click.lg', function (event) {
-        if (!_this18.dragOrSwipeEnabled && _this18.isPosterElement($LG(event.target))) {
-          _this18.LGel.trigger(lGEvents.posterClick);
+        if (!_this19.dragOrSwipeEnabled && _this19.isPosterElement($LG(event.target))) {
+          _this19.LGel.trigger(lGEvents.posterClick);
         }
       });
     }
@@ -8397,7 +8406,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "goToNextSlide",
     value: function goToNextSlide(fromTouch) {
-      var _this19 = this;
+      var _this20 = this;
 
       var _loop = this.settings.loop;
 
@@ -8422,7 +8431,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
           } else if (this.settings.slideEndAnimation && !fromTouch) {
             this.outer.addClass('lg-right-end');
             setTimeout(function () {
-              _this19.outer.removeClass('lg-right-end');
+              _this20.outer.removeClass('lg-right-end');
             }, 400);
           }
         }
@@ -8442,7 +8451,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "goToPrevSlide",
     value: function goToPrevSlide(fromTouch) {
-      var _this20 = this;
+      var _this21 = this;
 
       var _loop = this.settings.loop;
 
@@ -8469,7 +8478,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
           } else if (this.settings.slideEndAnimation && !fromTouch) {
             this.outer.addClass('lg-left-end');
             setTimeout(function () {
-              _this20.outer.removeClass('lg-left-end');
+              _this21.outer.removeClass('lg-left-end');
             }, 400);
           }
         }
@@ -8478,30 +8487,30 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "keyPress",
     value: function keyPress() {
-      var _this21 = this;
+      var _this22 = this;
 
       $LG(window).on("keydown.lg.global".concat(this.lgId), function (e) {
-        if (_this21.lgOpened && _this21.settings.escKey === true && e.keyCode === 27) {
+        if (_this22.lgOpened && _this22.settings.escKey === true && e.keyCode === 27) {
           e.preventDefault();
 
-          if (_this21.settings.allowMediaOverlap && _this21.outer.hasClass('lg-can-toggle') && _this21.outer.hasClass('lg-components-open')) {
-            _this21.outer.removeClass('lg-components-open');
+          if (_this22.settings.allowMediaOverlap && _this22.outer.hasClass('lg-can-toggle') && _this22.outer.hasClass('lg-components-open')) {
+            _this22.outer.removeClass('lg-components-open');
           } else {
-            _this21.closeGallery();
+            _this22.closeGallery();
           }
         }
 
-        if (_this21.lgOpened && _this21.galleryItems.length > 1) {
+        if (_this22.lgOpened && _this22.galleryItems.length > 1) {
           if (e.keyCode === 37) {
             e.preventDefault();
 
-            _this21.goToPrevSlide();
+            _this22.goToPrevSlide();
           }
 
           if (e.keyCode === 39) {
             e.preventDefault();
 
-            _this21.goToNextSlide();
+            _this22.goToNextSlide();
           }
         }
       });
@@ -8509,13 +8518,13 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "arrow",
     value: function arrow() {
-      var _this22 = this;
+      var _this23 = this;
 
       this.getElementById('lg-prev').on('click.lg', function () {
-        _this22.goToPrevSlide();
+        _this23.goToPrevSlide();
       });
       this.getElementById('lg-next').on('click.lg', function () {
-        _this22.goToNextSlide();
+        _this23.goToNextSlide();
       });
     }
   }, {
@@ -8549,21 +8558,27 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "mousewheel",
     value: function mousewheel() {
-      var _this23 = this;
+      var _this24 = this;
 
-      this.outer.on('mousewheel.lg', function (e) {
-        if (!e.deltaY || _this23.galleryItems.length < 2) {
+      var lastCall = 0;
+      this.outer.on('wheel.lg', function (e) {
+        if (!e.deltaY || _this24.galleryItems.length < 2) {
           return;
         }
 
-        if (e.deltaY > 0) {
-          _this23.goToNextSlide();
+        e.preventDefault();
+        var now = new Date().getTime();
 
-          e.preventDefault();
-        } else if (e.deltaY < 0) {
-          _this23.goToPrevSlide();
+        if (now - lastCall < 1000) {
+          return;
+        }
 
-          e.preventDefault();
+        lastCall = now;
+
+        if (e.deltaY > 0) {
+          _this24.goToNextSlide();
+        } else if (e.deltaY < 0) {
+          _this24.goToPrevSlide();
         }
       });
     }
@@ -8586,12 +8601,12 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "toggleMaximize",
     value: function toggleMaximize() {
-      var _this24 = this;
+      var _this25 = this;
 
       this.getElementById('lg-maximize').on('click.lg', function () {
-        _this24.$container.toggleClass('lg-inline');
+        _this25.$container.toggleClass('lg-inline');
 
-        _this24.refreshOnResize();
+        _this25.refreshOnResize();
       });
     }
   }, {
@@ -8606,12 +8621,12 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "manageCloseGallery",
     value: function manageCloseGallery() {
-      var _this25 = this;
+      var _this26 = this;
 
       if (!this.settings.closable) return;
       var mousedown = false;
       this.getElementById('lg-close').on('click.lg', function () {
-        _this25.closeGallery();
+        _this26.closeGallery();
       });
 
       if (this.settings.closeOnTap) {
@@ -8620,7 +8635,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
         this.outer.on('mousedown.lg', function (e) {
           var target = $LG(e.target);
 
-          if (_this25.isSlideElement(target)) {
+          if (_this26.isSlideElement(target)) {
             mousedown = true;
           } else {
             mousedown = false;
@@ -8632,9 +8647,9 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
         this.outer.on('mouseup.lg', function (e) {
           var target = $LG(e.target);
 
-          if (_this25.isSlideElement(target) && mousedown) {
-            if (!_this25.outer.hasClass('lg-dragging')) {
-              _this25.closeGallery();
+          if (_this26.isSlideElement(target) && mousedown) {
+            if (!_this26.outer.hasClass('lg-dragging')) {
+              _this26.closeGallery();
             }
           }
         });
@@ -8655,7 +8670,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "closeGallery",
     value: function closeGallery(force) {
-      var _this26 = this;
+      var _this27 = this;
 
       if (!this.lgOpened || !this.settings.closable && !force) {
         return 0;
@@ -8704,32 +8719,32 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
       this.$container.removeClass('lg-show-in'); // Once the closign animation is completed and gallery is invisible
 
       setTimeout(function () {
-        if (_this26.zoomFromOrigin && transform) {
-          _this26.outer.removeClass('lg-zoom-from-image');
+        if (_this27.zoomFromOrigin && transform) {
+          _this27.outer.removeClass('lg-zoom-from-image');
         }
 
-        _this26.$container.removeClass('lg-show'); // Need to remove inline opacity as it is used in the stylesheet as well
+        _this27.$container.removeClass('lg-show'); // Need to remove inline opacity as it is used in the stylesheet as well
 
 
-        _this26.$backdrop.removeAttr('style').css('transition-duration', _this26.settings.backdropDuration + 'ms');
+        _this27.$backdrop.removeAttr('style').css('transition-duration', _this27.settings.backdropDuration + 'ms');
 
-        _this26.outer.removeClass("lg-closing ".concat(_this26.settings.startClass));
+        _this27.outer.removeClass("lg-closing ".concat(_this27.settings.startClass));
 
-        _this26.getSlideItem(_this26.index).removeClass('lg-start-end-progress');
+        _this27.getSlideItem(_this27.index).removeClass('lg-start-end-progress');
 
-        _this26.$inner.empty();
+        _this27.$inner.empty();
 
-        if (_this26.lgOpened) {
-          _this26.LGel.trigger(lGEvents.afterClose, {
-            instance: _this26
+        if (_this27.lgOpened) {
+          _this27.LGel.trigger(lGEvents.afterClose, {
+            instance: _this27
           });
         }
 
-        if (_this26.outer.get()) {
-          _this26.outer.get().blur();
+        if (_this27.outer.get()) {
+          _this27.outer.get().blur();
         }
 
-        _this26.lgOpened = false;
+        _this27.lgOpened = false;
       }, removeTimeout + 100);
       return removeTimeout + 100;
     }
@@ -8815,21 +8830,21 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this27 = this;
+      var _this28 = this;
 
       var closeTimeout = this.closeGallery(true);
       setTimeout(function () {
-        _this27.destroyModules(true);
+        _this28.destroyModules(true);
 
-        if (!_this27.settings.dynamic) {
-          _this27.invalidateItems();
+        if (!_this28.settings.dynamic) {
+          _this28.invalidateItems();
         }
 
-        $LG(window).off(".lg.global".concat(_this27.lgId));
+        $LG(window).off(".lg.global".concat(_this28.lgId));
 
-        _this27.LGel.off('.lg');
+        _this28.LGel.off('.lg');
 
-        _this27.$container.remove();
+        _this28.$container.remove();
       }, closeTimeout);
       return closeTimeout;
     }