lightgallery 2.5.0 → 2.6.0

package/scss/_lg-variables.scss

@@ -58,7 +58,7 @@ $lg-thumb-container-height: 100px;
 // z-index
 $zindex-outer: 1050 !default;
 $zindex-progressbar: 1083 !default;
-$zindex-controls: 1080 !default;
+$zindex-controls: 1084 !default;
 $zindex-toolbar: 1082 !default;
 $zindex-subhtml: 1080 !default;
 $zindex-components: 1080 !default;

package/scss/lg-rotate.scss

@@ -21,6 +21,14 @@
             pointer-events: none;
         }
     }
+    .lg-img-rotate {
+        &:before {
+            content: '';
+            display: inline-block;
+            height: 100%;
+            vertical-align: middle;
+        }
+    }
 }
 .lg-rotate-left {
     &:after {

package/scss/lg-zoom.scss

@@ -42,14 +42,37 @@
         .lg-dummy-img {
             // Translate required for zoom
             @include scale3d(1, 1, 1);
-            will-change: opacity, transform;
             @include transitionCustom(
                 transform $zoom-transition-duration
                     cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,
                 opacity 0.15s !important
             );
-            @include transform-origin(0 0);
             @include backface-visibility(hidden);
+
+            &.no-transition {
+                transition: none !important;
+            }
+            &.reset-transition {
+                transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
+                max-width: none !important;
+                max-height: none !important;
+                top: 50% !important;
+                left: 50% !important;
+            }
+            &.reset-transition-x {
+                transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
+                top: 0 !important;
+                left: 50% !important;
+                max-width: none !important;
+                max-height: none !important;
+            }
+            &.reset-transition-y {
+                transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
+                top: 50% !important;
+                left: 0% !important;
+                max-width: none !important;
+                max-height: none !important;
+            }
         }
     }
 }
@@ -60,6 +83,10 @@
         &:after {
             content: '\e311';
         }
+        .lg-actual-size & {
+            opacity: 0.5;
+            pointer-events: none;
+        }
     }
 
     &.lg-actual-size {

package/vue/LightGalleryVue.common.js

@@ -8303,23 +8303,23 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
 
           var $item = _this17.getSlideItem(_this17.index);
 
-          if (($LG(e.target).hasClass('lg-item') || $item.get().contains(e.target)) && !_this17.outer.hasClass('lg-zoomed') && !_this17.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.touches.length === 1) {
             isSwiping = true;
             _this17.touchAction = 'swipe';
 
             _this17.manageSwipeClass();
 
             startCoords = {
-              pageX: e.targetTouches[0].pageX,
-              pageY: e.targetTouches[0].pageY
+              pageX: e.touches[0].pageX,
+              pageY: e.touches[0].pageY
             };
           }
         });
         this.$inner.on('touchmove.lg', function (e) {
-          if (isSwiping && _this17.touchAction === 'swipe' && e.targetTouches.length === 1) {
+          if (isSwiping && _this17.touchAction === 'swipe' && e.touches.length === 1) {
             endCoords = {
-              pageX: e.targetTouches[0].pageX,
-              pageY: e.targetTouches[0].pageY
+              pageX: e.touches[0].pageX,
+              pageY: e.touches[0].pageY
             };
 
             _this17.touchMove(startCoords, endCoords, e);
@@ -8922,6 +8922,19 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
       this.updateCounterTotal();
       this.manageSingleSlideClassName();
     }
+  }, {
+    key: "destroyGallery",
+    value: function destroyGallery() {
+      this.destroyModules(true);
+
+      if (!this.settings.dynamic) {
+        this.invalidateItems();
+      }
+
+      $LG(window).off(".lg.global".concat(this.lgId));
+      this.LGel.off('.lg');
+      this.$container.remove();
+    }
     /**
      * Destroy lightGallery.
      * Destroy lightGallery and its plugin instances completely
@@ -8939,22 +8952,14 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this29 = this;
-
       var closeTimeout = this.closeGallery(true);
-      setTimeout(function () {
-        _this29.destroyModules(true);
-
-        if (!_this29.settings.dynamic) {
-          _this29.invalidateItems();
-        }
 
-        $LG(window).off(".lg.global".concat(_this29.lgId));
-
-        _this29.LGel.off('.lg');
+      if (closeTimeout) {
+        setTimeout(this.destroyGallery.bind(this), closeTimeout);
+      } else {
+        this.destroyGallery();
+      }
 
-        _this29.$container.remove();
-      }, closeTimeout);
       return closeTimeout;
     }
   }]);