lightgallery 2.5.0-beta.4 → 2.6.0-beta.1

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

@@ -7798,7 +7798,9 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
         if (!$currentSlide.hasClass('lg-loaded')) {
           setTimeout(function () {
             if (_this10.getSlideType(currentGalleryItem) === 'image') {
-              $currentSlide.find('.lg-img-wrap').append(lg_utils.getImgMarkup(index, src, '', srcset, sizes, currentGalleryItem.sources));
+              var alt = currentGalleryItem.alt;
+              var altAttr = alt ? 'alt="' + alt + '"' : '';
+              $currentSlide.find('.lg-img-wrap').append(lg_utils.getImgMarkup(index, src, altAttr, srcset, sizes, currentGalleryItem.sources));
 
               if (srcset || sources) {
                 var _$img = $currentSlide.find('.lg-object');
@@ -8301,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);