lightgallery 2.3.0-beta.2 → 2.4.0-beta.0

package/vue/LightGalleryVue.common.js

@@ -4850,7 +4850,7 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/LightGallery.vue?vue&type=template&id=b7aaf09c
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/LightGallery.vue?vue&type=template&id=47173610
 
 var _hoisted_1 = {
   ref: "container",
@@ -4859,7 +4859,7 @@ var _hoisted_1 = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", _hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")], 512);
 }
-// CONCATENATED MODULE: ./src/components/LightGallery.vue?vue&type=template&id=b7aaf09c
+// CONCATENATED MODULE: ./src/components/LightGallery.vue?vue&type=template&id=47173610
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
 var es_object_keys = __webpack_require__("b64b");
@@ -5805,6 +5805,116 @@ var es_array_concat = __webpack_require__("99af");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
 var es_array_find = __webpack_require__("7db0");
 
+// CONCATENATED MODULE: ../src/lg-events.ts
+/**
+ * List of lightGallery events
+ * All events should be documented here
+ * Below interfaces are used to build the website documentations
+ * */
+var lGEvents = {
+  afterAppendSlide: 'lgAfterAppendSlide',
+  init: 'lgInit',
+  hasVideo: 'lgHasVideo',
+  containerResize: 'lgContainerResize',
+  updateSlides: 'lgUpdateSlides',
+  afterAppendSubHtml: 'lgAfterAppendSubHtml',
+  beforeOpen: 'lgBeforeOpen',
+  afterOpen: 'lgAfterOpen',
+  slideItemLoad: 'lgSlideItemLoad',
+  beforeSlide: 'lgBeforeSlide',
+  afterSlide: 'lgAfterSlide',
+  posterClick: 'lgPosterClick',
+  dragStart: 'lgDragStart',
+  dragMove: 'lgDragMove',
+  dragEnd: 'lgDragEnd',
+  beforeNextSlide: 'lgBeforeNextSlide',
+  beforePrevSlide: 'lgBeforePrevSlide',
+  beforeClose: 'lgBeforeClose',
+  afterClose: 'lgAfterClose',
+  rotateLeft: 'lgRotateLeft',
+  rotateRight: 'lgRotateRight',
+  flipHorizontal: 'lgFlipHorizontal',
+  flipVertical: 'lgFlipVertical',
+  autoplay: 'lgAutoplay',
+  autoplayStart: 'lgAutoplayStart',
+  autoplayStop: 'lgAutoplayStop'
+};
+// CONCATENATED MODULE: ../src/lg-settings.ts
+var lightGalleryCoreSettings = {
+  mode: 'lg-slide',
+  easing: 'ease',
+  speed: 400,
+  licenseKey: '0000-0000-000-0000',
+  height: '100%',
+  width: '100%',
+  addClass: '',
+  startClass: 'lg-start-zoom',
+  backdropDuration: 300,
+  container: '',
+  startAnimationDuration: 400,
+  zoomFromOrigin: true,
+  hideBarsDelay: 0,
+  showBarsAfter: 10000,
+  slideDelay: 0,
+  supportLegacyBrowser: true,
+  allowMediaOverlap: false,
+  videoMaxSize: '1280-720',
+  loadYouTubePoster: true,
+  defaultCaptionHeight: 0,
+  ariaLabelledby: '',
+  ariaDescribedby: '',
+  closable: true,
+  swipeToClose: true,
+  closeOnTap: true,
+  showCloseIcon: true,
+  showMaximizeIcon: false,
+  loop: true,
+  escKey: true,
+  keyPress: true,
+  controls: true,
+  slideEndAnimation: true,
+  hideControlOnEnd: false,
+  mousewheel: false,
+  getCaptionFromTitleOrAlt: true,
+  appendSubHtmlTo: '.lg-sub-html',
+  subHtmlSelectorRelative: false,
+  preload: 2,
+  numberOfSlideItemsInDom: 10,
+  selector: '',
+  selectWithin: '',
+  nextHtml: '',
+  prevHtml: '',
+  index: 0,
+  iframeWidth: '100%',
+  iframeHeight: '100%',
+  iframeMaxWidth: '100%',
+  iframeMaxHeight: '100%',
+  download: true,
+  counter: true,
+  appendCounterTo: '.lg-toolbar',
+  swipeThreshold: 50,
+  enableSwipe: true,
+  enableDrag: true,
+  dynamic: false,
+  dynamicEl: [],
+  extraProps: [],
+  exThumbImage: '',
+  isMobile: undefined,
+  mobileSettings: {
+    controls: false,
+    showCloseIcon: false,
+    download: false
+  },
+  plugins: [],
+  strings: {
+    closeGallery: 'Close gallery',
+    toggleMaximize: 'Toggle maximize',
+    previousSlide: 'Previous slide',
+    nextSlide: 'Next slide',
+    download: 'Download',
+    playVideo: 'Play video'
+  }
+};
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function arrayLikeToArray_arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -5915,28 +6025,30 @@ var es_regexp_to_string = __webpack_require__("25f0");
 
 
 
-(function () {
-  if (typeof window.CustomEvent === 'function') return false;
+function initLgPolyfills() {
+  (function () {
+    if (typeof window.CustomEvent === 'function') return false;
 
-  function CustomEvent(event, params) {
-    params = params || {
-      bubbles: false,
-      cancelable: false,
-      detail: null
-    };
-    var evt = document.createEvent('CustomEvent');
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
+    function CustomEvent(event, params) {
+      params = params || {
+        bubbles: false,
+        cancelable: false,
+        detail: null
+      };
+      var evt = document.createEvent('CustomEvent');
+      evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+      return evt;
+    }
 
-  window.CustomEvent = CustomEvent;
-})();
+    window.CustomEvent = CustomEvent;
+  })();
 
-(function () {
-  if (!Element.prototype.matches) {
-    Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
-  }
-})();
+  (function () {
+    if (!Element.prototype.matches) {
+      Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+    }
+  })();
+}
 
 var lgQuery_lgQuery = /*#__PURE__*/function () {
   function lgQuery(selector) {
@@ -6099,7 +6211,9 @@ var lgQuery_lgQuery = /*#__PURE__*/function () {
       this._each(function (el) {
         // IE doesn't support multiple arguments
         classNames.split(' ').forEach(function (className) {
-          el.classList.add(className);
+          if (className) {
+            el.classList.add(className);
+          }
         });
       });
 
@@ -6111,7 +6225,9 @@ var lgQuery_lgQuery = /*#__PURE__*/function () {
       this._each(function (el) {
         // IE doesn't support multiple arguments
         classNames.split(' ').forEach(function (className) {
-          el.classList.remove(className);
+          if (className) {
+            el.classList.remove(className);
+          }
         });
       });
 
@@ -6373,6 +6489,7 @@ var lgQuery_lgQuery = /*#__PURE__*/function () {
 }();
 lgQuery_lgQuery.eventListeners = {};
 function $LG(selector) {
+  initLgPolyfills();
   return new lgQuery_lgQuery(selector);
 }
 // CONCATENATED MODULE: ../src/lg-utils.ts
@@ -6484,9 +6601,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, "\"") : '';
@@ -6556,7 +6673,7 @@ var utils = {
 
     return true;
   },
-  getVideoPosterMarkup: function getVideoPosterMarkup(_poster, dummyImg, videoContStyle, _isVideo) {
+  getVideoPosterMarkup: function getVideoPosterMarkup(_poster, dummyImg, videoContStyle, playVideoString, _isVideo) {
     var videoClass = '';
 
     if (_isVideo && _isVideo.youtube) {
@@ -6567,7 +6684,7 @@ var utils = {
       videoClass = 'lg-has-html5';
     }
 
-    return "<div class=\"lg-video-cont ".concat(videoClass, "\" style=\"").concat(videoContStyle, "\">\n                <div class=\"lg-video-play-button\">\n                <svg\n                    viewBox=\"0 0 20 20\"\n                    preserveAspectRatio=\"xMidYMid\"\n                    focusable=\"false\"\n                    aria-labelledby=\"Play video\"\n                    role=\"img\"\n                    class=\"lg-video-play-icon\"\n                >\n                    <title>Play video</title>\n                    <polygon class=\"lg-video-play-icon-inner\" points=\"1,0 20,10 1,20\"></polygon>\n                </svg>\n                <svg class=\"lg-video-play-icon-bg\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle></svg>\n                <svg class=\"lg-video-play-icon-circle\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle>\n                </svg>\n            </div>\n            ").concat(dummyImg || '', "\n            <img class=\"lg-object lg-video-poster\" src=\"").concat(_poster, "\" />\n        </div>");
+    return "<div class=\"lg-video-cont ".concat(videoClass, "\" style=\"").concat(videoContStyle, "\">\n                <div class=\"lg-video-play-button\">\n                <svg\n                    viewBox=\"0 0 20 20\"\n                    preserveAspectRatio=\"xMidYMid\"\n                    focusable=\"false\"\n                    aria-labelledby=\"").concat(playVideoString, "\"\n                    role=\"img\"\n                    class=\"lg-video-play-icon\"\n                >\n                    <title>").concat(playVideoString, "</title>\n                    <polygon class=\"lg-video-play-icon-inner\" points=\"1,0 20,10 1,20\"></polygon>\n                </svg>\n                <svg class=\"lg-video-play-icon-bg\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle></svg>\n                <svg class=\"lg-video-play-icon-circle\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle>\n                </svg>\n            </div>\n            ").concat(dummyImg || '', "\n            <img class=\"lg-object lg-video-poster\" src=\"").concat(_poster, "\" />\n        </div>");
   },
 
   /**
@@ -6659,103 +6776,6 @@ var utils = {
   }
 };
 /* harmony default export */ var lg_utils = (utils);
-// CONCATENATED MODULE: ../src/lg-settings.ts
-var lightGalleryCoreSettings = {
-  mode: 'lg-slide',
-  easing: 'ease',
-  speed: 400,
-  licenseKey: '0000-0000-000-0000',
-  height: '100%',
-  width: '100%',
-  addClass: '',
-  startClass: 'lg-start-zoom',
-  backdropDuration: 300,
-  container: document.body,
-  startAnimationDuration: 400,
-  zoomFromOrigin: true,
-  hideBarsDelay: 0,
-  showBarsAfter: 10000,
-  slideDelay: 0,
-  supportLegacyBrowser: true,
-  allowMediaOverlap: false,
-  videoMaxSize: '1280-720',
-  defaultCaptionHeight: 0,
-  ariaLabelledby: '',
-  ariaDescribedby: '',
-  closable: true,
-  swipeToClose: true,
-  closeOnTap: true,
-  showCloseIcon: true,
-  showMaximizeIcon: false,
-  loop: true,
-  escKey: true,
-  keyPress: true,
-  controls: true,
-  slideEndAnimation: true,
-  hideControlOnEnd: false,
-  mousewheel: false,
-  getCaptionFromTitleOrAlt: true,
-  appendSubHtmlTo: '.lg-sub-html',
-  subHtmlSelectorRelative: false,
-  preload: 2,
-  numberOfSlideItemsInDom: 10,
-  showAfterLoad: true,
-  selector: '',
-  selectWithin: '',
-  nextHtml: '',
-  prevHtml: '',
-  index: 0,
-  iframeWidth: '100%',
-  iframeHeight: '100%',
-  download: true,
-  counter: true,
-  appendCounterTo: '.lg-toolbar',
-  swipeThreshold: 50,
-  enableSwipe: true,
-  enableDrag: true,
-  dynamic: false,
-  dynamicEl: [],
-  extraProps: [],
-  exThumbImage: '',
-  isMobile: undefined,
-  mobileSettings: {
-    controls: false,
-    showCloseIcon: false,
-    download: false
-  },
-  plugins: []
-};
-// CONCATENATED MODULE: ../src/lg-events.ts
-/**
- * List of lightGallery events
- * All events should be documented here
- * Below interfaces are used to build the website documentations
- * */
-var lGEvents = {
-  afterAppendSlide: 'lgAfterAppendSlide',
-  init: 'lgInit',
-  hasVideo: 'lgHasVideo',
-  containerResize: 'lgContainerResize',
-  updateSlides: 'lgUpdateSlides',
-  afterAppendSubHtml: 'lgAfterAppendSubHtml',
-  beforeOpen: 'lgBeforeOpen',
-  afterOpen: 'lgAfterOpen',
-  slideItemLoad: 'lgSlideItemLoad',
-  beforeSlide: 'lgBeforeSlide',
-  afterSlide: 'lgAfterSlide',
-  posterClick: 'lgPosterClick',
-  dragStart: 'lgDragStart',
-  dragMove: 'lgDragMove',
-  dragEnd: 'lgDragEnd',
-  beforeNextSlide: 'lgBeforeNextSlide',
-  beforePrevSlide: 'lgBeforePrevSlide',
-  beforeClose: 'lgBeforeClose',
-  afterClose: 'lgAfterClose',
-  rotateLeft: 'lgRotateLeft',
-  rotateRight: 'lgRotateRight',
-  flipHorizontal: 'lgFlipHorizontal',
-  flipVertical: 'lgFlipVertical'
-};
 // CONCATENATED MODULE: ../src/lightgallery.ts
 
 
@@ -6981,7 +7001,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
       var subHtmlCont = ''; // Create controls
 
       if (this.settings.controls) {
-        controls = "<button type=\"button\" id=\"".concat(this.getIdName('lg-prev'), "\" aria-label=\"Previous slide\" class=\"lg-prev lg-icon\"> ").concat(this.settings.prevHtml, " </button>\n                <button type=\"button\" id=\"").concat(this.getIdName('lg-next'), "\" aria-label=\"Next slide\" class=\"lg-next lg-icon\"> ").concat(this.settings.nextHtml, " </button>");
+        controls = "<button type=\"button\" id=\"".concat(this.getIdName('lg-prev'), "\" aria-label=\"").concat(this.settings.strings['previousSlide'], "\" class=\"lg-prev lg-icon\"> ").concat(this.settings.prevHtml, " </button>\n                <button type=\"button\" id=\"").concat(this.getIdName('lg-next'), "\" aria-label=\"").concat(this.settings.strings['nextSlide'], "\" class=\"lg-next lg-icon\"> ").concat(this.settings.nextHtml, " </button>");
       }
 
       if (this.settings.appendSubHtmlTo !== '.lg-item') {
@@ -6998,10 +7018,15 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
       var ariaLabelledby = this.settings.ariaLabelledby ? 'aria-labelledby="' + this.settings.ariaLabelledby + '"' : '';
       var ariaDescribedby = this.settings.ariaDescribedby ? 'aria-describedby="' + this.settings.ariaDescribedby + '"' : '';
       var containerClassName = "lg-container ".concat(this.settings.addClass, " ").concat(document.body !== this.settings.container ? 'lg-inline' : '');
-      var closeIcon = this.settings.closable && this.settings.showCloseIcon ? "<button type=\"button\" aria-label=\"Close gallery\" id=\"".concat(this.getIdName('lg-close'), "\" class=\"lg-close lg-icon\"></button>") : '';
-      var maximizeIcon = this.settings.showMaximizeIcon ? "<button type=\"button\" aria-label=\"Toggle maximize\" id=\"".concat(this.getIdName('lg-maximize'), "\" class=\"lg-maximize lg-icon\"></button>") : '';
+      var closeIcon = this.settings.closable && this.settings.showCloseIcon ? "<button type=\"button\" aria-label=\"".concat(this.settings.strings['closeGallery'], "\" id=\"").concat(this.getIdName('lg-close'), "\" class=\"lg-close lg-icon\"></button>") : '';
+      var maximizeIcon = this.settings.showMaximizeIcon ? "<button type=\"button\" aria-label=\"".concat(this.settings.strings['toggleMaximize'], "\" id=\"").concat(this.getIdName('lg-maximize'), "\" class=\"lg-maximize lg-icon\"></button>") : '';
       var template = "\n        <div class=\"".concat(containerClassName, "\" id=\"").concat(this.getIdName('lg-container'), "\" tabindex=\"-1\" aria-modal=\"true\" ").concat(ariaLabelledby, " ").concat(ariaDescribedby, " role=\"dialog\"\n        >\n            <div id=\"").concat(this.getIdName('lg-backdrop'), "\" class=\"lg-backdrop\"></div>\n\n            <div id=\"").concat(this.getIdName('lg-outer'), "\" class=\"lg-outer lg-use-css3 lg-css3 lg-hide-items ").concat(addClasses, " \">\n\n              <div id=\"").concat(this.getIdName('lg-content'), "\" class=\"lg-content\">\n                <div id=\"").concat(this.getIdName('lg-inner'), "\" class=\"lg-inner\">\n                </div>\n                ").concat(controls, "\n              </div>\n                <div id=\"").concat(this.getIdName('lg-toolbar'), "\" class=\"lg-toolbar lg-group\">\n                    ").concat(maximizeIcon, "\n                    ").concat(closeIcon, "\n                    </div>\n                    ").concat(this.settings.appendSubHtmlTo === '.lg-outer' ? subHtmlCont : '', "\n                <div id=\"").concat(this.getIdName('lg-components'), "\" class=\"lg-components\">\n                    ").concat(this.settings.appendSubHtmlTo === '.lg-sub-html' ? subHtmlCont : '', "\n                </div>\n            </div>\n        </div>\n        ");
-      $LG(this.settings.container).css('position', 'relative').append(template);
+      $LG(this.settings.container).append(template);
+
+      if (document.body !== this.settings.container) {
+        $LG(this.settings.container).css('position', 'relative');
+      }
+
       this.outer = this.getElementById('lg-outer');
       this.$lgComponents = this.getElementById('lg-components');
       this.$backdrop = this.getElementById('lg-backdrop');
@@ -7017,16 +7042,12 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
         outerClassNames += 'lg-grab ';
       }
 
-      if (this.settings.showAfterLoad) {
-        outerClassNames += 'lg-show-after-load';
-      }
-
       this.outer.addClass(outerClassNames);
       this.$inner.css('transition-timing-function', this.settings.easing);
       this.$inner.css('transition-duration', this.settings.speed + 'ms');
 
       if (this.settings.download) {
-        this.$toolbar.append("<a id=\"".concat(this.getIdName('lg-download'), "\" target=\"_blank\" rel=\"noopener\" aria-label=\"Download\" download class=\"lg-download lg-icon\"></a>"));
+        this.$toolbar.append("<a id=\"".concat(this.getIdName('lg-download'), "\" target=\"_blank\" rel=\"noopener\" aria-label=\"").concat(this.settings.strings['download'], "\" download class=\"lg-download lg-icon\"></a>"));
       }
 
       this.counter();
@@ -7605,8 +7626,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");
+        }
       });
     }
     /**
@@ -7619,7 +7646,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));
@@ -7662,7 +7689,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 = '';
@@ -7672,7 +7699,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
             dummyImg = this.getDummyImageContent($currentSlide, index, '');
           }
 
-          var _markup = lg_utils.getVideoPosterMarkup(poster, dummyImg || '', lgVideoStyle, videoInfo);
+          var _markup = lg_utils.getVideoPosterMarkup(poster, dummyImg || '', lgVideoStyle, this.settings.strings['playVideo'], videoInfo);
 
           $currentSlide.prepend(_markup);
         } else if (videoInfo) {
@@ -7722,24 +7749,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);
@@ -7767,7 +7794,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);
@@ -7785,23 +7812,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
@@ -7812,7 +7839,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;
       }
@@ -7856,12 +7883,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) {
@@ -7912,7 +7939,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');
@@ -7920,9 +7947,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
@@ -7936,11 +7963,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);
     }
@@ -7961,7 +7988,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
@@ -8049,20 +8076,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,
@@ -8149,7 +8176,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
 
@@ -8159,61 +8186,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 = {};
@@ -8222,15 +8249,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,
@@ -8239,32 +8266,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;
           }
         });
@@ -8273,7 +8300,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "enableDrag",
     value: function enableDrag() {
-      var _this17 = this;
+      var _this18 = this;
 
       var startCoords = {};
       var endCoords = {};
@@ -8282,16 +8309,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,
@@ -8299,31 +8326,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;
           }
 
@@ -8332,18 +8359,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');
           }
         });
       }
@@ -8351,11 +8378,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);
         }
       });
     }
@@ -8395,7 +8422,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "goToNextSlide",
     value: function goToNextSlide(fromTouch) {
-      var _this19 = this;
+      var _this20 = this;
 
       var _loop = this.settings.loop;
 
@@ -8420,7 +8447,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);
           }
         }
@@ -8440,7 +8467,7 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "goToPrevSlide",
     value: function goToPrevSlide(fromTouch) {
-      var _this20 = this;
+      var _this21 = this;
 
       var _loop = this.settings.loop;
 
@@ -8467,7 +8494,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);
           }
         }
@@ -8476,30 +8503,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();
           }
         }
       });
@@ -8507,13 +8534,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();
       });
     }
   }, {
@@ -8547,20 +8574,28 @@ 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.goToPrevSlide();
-        } else {
-          _this23.goToNextSlide();
+        e.preventDefault();
+        var now = new Date().getTime();
+
+        if (now - lastCall < 1000) {
+          return;
         }
 
-        e.preventDefault();
+        lastCall = now;
+
+        if (e.deltaY > 0) {
+          _this24.goToNextSlide();
+        } else if (e.deltaY < 0) {
+          _this24.goToPrevSlide();
+        }
       });
     }
   }, {
@@ -8582,12 +8617,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();
       });
     }
   }, {
@@ -8602,12 +8637,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) {
@@ -8616,7 +8651,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;
@@ -8628,9 +8663,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();
             }
           }
         });
@@ -8651,7 +8686,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;
@@ -8700,32 +8735,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;
     }
@@ -8811,21 +8846,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;
     }
@@ -8965,6 +9000,18 @@ LightGalleryvue_type_script_lang_ts_Lightgallery = __decorate([Options({
     },
     onAfterClose: {
       type: Function
+    },
+    onRotateLeft: {
+      type: Function
+    },
+    onRotateRight: {
+      type: Function
+    },
+    onFlipHorizontal: {
+      type: Function
+    },
+    onFlipVertical: {
+      type: Function
     }
   }
 })], LightGalleryvue_type_script_lang_ts_Lightgallery);