lightgallery 2.5.0 → 2.6.0-beta.1

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.
Files changed (74) hide show
  1. package/css/lg-rotate.css +7 -0
  2. package/css/lg-zoom.css +37 -5
  3. package/css/lightgallery-bundle.css +44 -5
  4. package/css/lightgallery-bundle.min.css +1 -1
  5. package/lib/lightgallery.js +6 -6
  6. package/lib/lightgallery.js.map +1 -1
  7. package/lib/plugins/rotate/lg-rotate.js +15 -8
  8. package/lib/plugins/rotate/lg-rotate.js.map +1 -1
  9. package/lib/plugins/zoom/lg-zoom.js +281 -293
  10. package/lib/plugins/zoom/lg-zoom.js.map +1 -1
  11. package/lightgallery.es5.js +7 -7
  12. package/lightgallery.es5.js.map +1 -1
  13. package/lightgallery.min.js +2 -2
  14. package/lightgallery.umd.js +7 -7
  15. package/lightgallery.umd.js.map +1 -1
  16. package/lit/lightgallery.esm.js +2 -2
  17. package/lit/lightgallery.umd.js +2 -2
  18. package/package.json +1 -1
  19. package/plugins/autoplay/lg-autoplay.es5.js +1 -1
  20. package/plugins/autoplay/lg-autoplay.min.js +1 -1
  21. package/plugins/autoplay/lg-autoplay.umd.js +1 -1
  22. package/plugins/comment/lg-comment.es5.js +1 -1
  23. package/plugins/comment/lg-comment.min.js +1 -1
  24. package/plugins/comment/lg-comment.umd.js +1 -1
  25. package/plugins/fullscreen/lg-fullscreen.es5.js +1 -1
  26. package/plugins/fullscreen/lg-fullscreen.min.js +1 -1
  27. package/plugins/fullscreen/lg-fullscreen.umd.js +1 -1
  28. package/plugins/hash/lg-hash.es5.js +1 -1
  29. package/plugins/hash/lg-hash.min.js +1 -1
  30. package/plugins/hash/lg-hash.umd.js +1 -1
  31. package/plugins/mediumZoom/lg-medium-zoom.es5.js +1 -1
  32. package/plugins/mediumZoom/lg-medium-zoom.min.js +1 -1
  33. package/plugins/mediumZoom/lg-medium-zoom.umd.js +1 -1
  34. package/plugins/pager/lg-pager.es5.js +1 -1
  35. package/plugins/pager/lg-pager.min.js +1 -1
  36. package/plugins/pager/lg-pager.umd.js +1 -1
  37. package/plugins/relativeCaption/lg-relative-caption.es5.js +1 -1
  38. package/plugins/relativeCaption/lg-relative-caption.min.js +1 -1
  39. package/plugins/relativeCaption/lg-relative-caption.umd.js +1 -1
  40. package/plugins/rotate/lg-rotate.es5.js +16 -9
  41. package/plugins/rotate/lg-rotate.es5.js.map +1 -1
  42. package/plugins/rotate/lg-rotate.min.js +2 -2
  43. package/plugins/rotate/lg-rotate.umd.js +16 -9
  44. package/plugins/rotate/lg-rotate.umd.js.map +1 -1
  45. package/plugins/share/lg-share.es5.js +1 -1
  46. package/plugins/share/lg-share.min.js +1 -1
  47. package/plugins/share/lg-share.umd.js +1 -1
  48. package/plugins/thumbnail/lg-thumbnail.es5.js +1 -1
  49. package/plugins/thumbnail/lg-thumbnail.min.js +1 -1
  50. package/plugins/thumbnail/lg-thumbnail.umd.js +1 -1
  51. package/plugins/video/lg-video.es5.js +1 -1
  52. package/plugins/video/lg-video.min.js +1 -1
  53. package/plugins/video/lg-video.umd.js +1 -1
  54. package/plugins/vimeoThumbnail/lg-vimeo-thumbnail.es5.js +1 -1
  55. package/plugins/vimeoThumbnail/lg-vimeo-thumbnail.min.js +1 -1
  56. package/plugins/vimeoThumbnail/lg-vimeo-thumbnail.umd.js +1 -1
  57. package/plugins/zoom/lg-zoom.d.ts +12 -23
  58. package/plugins/zoom/lg-zoom.es5.js +282 -294
  59. package/plugins/zoom/lg-zoom.es5.js.map +1 -1
  60. package/plugins/zoom/lg-zoom.min.js +2 -2
  61. package/plugins/zoom/lg-zoom.umd.js +282 -294
  62. package/plugins/zoom/lg-zoom.umd.js.map +1 -1
  63. package/react/Lightgallery.es5.js +7 -7
  64. package/react/Lightgallery.es5.js.map +1 -1
  65. package/react/Lightgallery.umd.js +7 -7
  66. package/react/Lightgallery.umd.js.map +1 -1
  67. package/scss/lg-rotate.scss +8 -0
  68. package/scss/lg-zoom.scss +29 -2
  69. package/vue/LightGalleryVue.common.js +6 -6
  70. package/vue/LightGalleryVue.common.js.map +1 -1
  71. package/vue/LightGalleryVue.umd.js +6 -6
  72. package/vue/LightGalleryVue.umd.js.map +1 -1
  73. package/vue/LightGalleryVue.umd.min.js +1 -1
  74. package/vue/LightGalleryVue.umd.min.js.map +1 -1
@@ -21,6 +21,14 @@
21
21
  pointer-events: none;
22
22
  }
23
23
  }
24
+ .lg-img-rotate {
25
+ &:before {
26
+ content: '';
27
+ display: inline-block;
28
+ height: 100%;
29
+ vertical-align: middle;
30
+ }
31
+ }
24
32
  }
25
33
  .lg-rotate-left {
26
34
  &:after {
package/scss/lg-zoom.scss CHANGED
@@ -42,14 +42,37 @@
42
42
  .lg-dummy-img {
43
43
  // Translate required for zoom
44
44
  @include scale3d(1, 1, 1);
45
- will-change: opacity, transform;
46
45
  @include transitionCustom(
47
46
  transform $zoom-transition-duration
48
47
  cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s,
49
48
  opacity 0.15s !important
50
49
  );
51
- @include transform-origin(0 0);
52
50
  @include backface-visibility(hidden);
51
+
52
+ &.no-transition {
53
+ transition: none !important;
54
+ }
55
+ &.reset-transition {
56
+ transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
57
+ max-width: none !important;
58
+ max-height: none !important;
59
+ top: 50% !important;
60
+ left: 50% !important;
61
+ }
62
+ &.reset-transition-x {
63
+ transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
64
+ top: 0 !important;
65
+ left: 50% !important;
66
+ max-width: none !important;
67
+ max-height: none !important;
68
+ }
69
+ &.reset-transition-y {
70
+ transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
71
+ top: 50% !important;
72
+ left: 0% !important;
73
+ max-width: none !important;
74
+ max-height: none !important;
75
+ }
53
76
  }
54
77
  }
55
78
  }
@@ -60,6 +83,10 @@
60
83
  &:after {
61
84
  content: '\e311';
62
85
  }
86
+ .lg-actual-size & {
87
+ opacity: 0.5;
88
+ pointer-events: none;
89
+ }
63
90
  }
64
91
 
65
92
  &.lg-actual-size {
@@ -8303,23 +8303,23 @@ var lightgallery_LightGallery = /*#__PURE__*/function () {
8303
8303
 
8304
8304
  var $item = _this17.getSlideItem(_this17.index);
8305
8305
 
8306
- if (($LG(e.target).hasClass('lg-item') || $item.get().contains(e.target)) && !_this17.outer.hasClass('lg-zoomed') && !_this17.lgBusy && e.targetTouches.length === 1) {
8306
+ if (($LG(e.target).hasClass('lg-item') || $item.get().contains(e.target)) && !_this17.outer.hasClass('lg-zoomed') && !_this17.lgBusy && e.touches.length === 1) {
8307
8307
  isSwiping = true;
8308
8308
  _this17.touchAction = 'swipe';
8309
8309
 
8310
8310
  _this17.manageSwipeClass();
8311
8311
 
8312
8312
  startCoords = {
8313
- pageX: e.targetTouches[0].pageX,
8314
- pageY: e.targetTouches[0].pageY
8313
+ pageX: e.touches[0].pageX,
8314
+ pageY: e.touches[0].pageY
8315
8315
  };
8316
8316
  }
8317
8317
  });
8318
8318
  this.$inner.on('touchmove.lg', function (e) {
8319
- if (isSwiping && _this17.touchAction === 'swipe' && e.targetTouches.length === 1) {
8319
+ if (isSwiping && _this17.touchAction === 'swipe' && e.touches.length === 1) {
8320
8320
  endCoords = {
8321
- pageX: e.targetTouches[0].pageX,
8322
- pageY: e.targetTouches[0].pageY
8321
+ pageX: e.touches[0].pageX,
8322
+ pageY: e.touches[0].pageY
8323
8323
  };
8324
8324
 
8325
8325
  _this17.touchMove(startCoords, endCoords, e);