@dreamcommerce/aurora 2.27.13 → 2.27.14

package/build/cjs/packages/aurora/src/components/gallery/index.js

@@ -1,1604 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var constants = require('./constants.js');
-var get_url = require('./utilities/get_url.js');
-var copy_to_clipboard = require('./utilities/copy_to_clipboard.js');
-var check_is_touch_device = require('./utilities/check_is_touch_device.js');
-var handle_history = require('./utilities/handle_history.js');
-var css_classes = require('./css_classes.js');
-var Hammer = require('hammerjs');
-var main_module = require('../../css/gallery/main.module.less.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var Hammer__default = /*#__PURE__*/_interopDefaultLegacy(Hammer);
-
-/**
- * Class representing gallery.
- * @type {Gallery}
- * @implements IGallery
- */
-
-var Gallery = /*#__PURE__*/function () {
-  /**
-   * creates new gallery instance with custom gallery template
-   * @param {IGalleryOptions} options
-   */
-  function Gallery(options) {
-    var _this = this;
-
-    _rollupPluginBabelHelpers.classCallCheck(this, Gallery);
-
-    /**
-     * gallery HTMLDivElement
-     * @type {HTMLDivElement}
-     */
-    _rollupPluginBabelHelpers.defineProperty(this, "$gallery", void 0);
-
-    /**
-     * @param {IGalleryOptions} object
-     * @param {string} object.name - gallery name
-     * @param {string} object.initiallySelectedImageSrc - selected image's source
-     * @param {boolean} object.hasNavArrows - determines if gallery should have navigation arrows
-     * @param {boolean} object.hasImageNumbers - determines if gallery should have images numbers
-     * @param {boolean} object.hasThumbnails - determines if gallery should have thumbnails
-     * @param {string} object.mode - determines in which mode should gallery render
-     * @param {boolean} object.isCarouselEnabled - determines if images in gallery should changing in a loop
-     */
-    _rollupPluginBabelHelpers.defineProperty(this, "options", {
-      name: '',
-      initiallySelectedImageSrc: '',
-      hasNavArrows: true,
-      hasImageNumbers: true,
-      hasThumbnails: false,
-      mode: constants.GALLERY_MODE.fullScreen,
-      isCarouselEnabled: true,
-      hasCopyLink: false,
-      translations: {
-        copyLink: 'Skopiuj link do galerii',
-        picture: 'Zdjęcie',
-        copyLinkShortVersion: 'Skopiuj link',
-        copyLinkConfirmation: 'Skopiowano link'
-      },
-      handleHistory: false
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "selectedImageNumber", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "previouslySelectedImageNumber", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "previouslySelectedImageIndex", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "imagesCount", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "imageAttributes", []);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "imageMarkups", []);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "$images", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "$bar", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "createdImagesIndex", []);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "newImagesIndex", []);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "mouseDownTarget", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "mouseUpTarget", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "transform", 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "partialTransform", 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "isAnimating", false);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "previousCursorX", 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "previousCursorY", 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "selectors", {
-      newGallery: ".".concat(constants.JS_CLASSES.newGallery),
-      anchorImage: ".".concat(constants.JS_CLASSES.anchorImage),
-      image: ".".concat(constants.JS_CLASSES.image),
-      imageContainer: ".".concat(main_module['default'][css_classes.cssGalleryImageContainer]),
-      selectedImageNumber: ".".concat(constants.JS_CLASSES.selectedImageNumber),
-      imageDescription: ".".concat(constants.JS_CLASSES.imageDescription),
-      previous: ".".concat(constants.JS_CLASSES.previous),
-      next: ".".concat(constants.JS_CLASSES.next),
-      images: ".".concat(constants.JS_CLASSES.images),
-      imagesContainer: ".".concat(constants.JS_CLASSES.imagesContainer),
-      copyLinkButton: ".".concat(constants.JS_CLASSES.copyLinkButton),
-      copyLinkConfirmation: ".".concat(main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmation]),
-      firstTemporaryContainer: ".".concat(constants.JS_CLASSES.firstTemporaryContainer),
-      lastTemporaryContainer: ".".concat(constants.JS_CLASSES.lastTemporaryContainer),
-      bar: ".".concat(main_module['default'][css_classes.cssGalleryBar]),
-      arrowContainer: ".".concat(main_module['default'][css_classes.cssIconArrowContainer]),
-      close: ''
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "isTouchDevice", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "isFirstTemporaryContainerExist", false);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "isLastTemporaryContainerExist", false);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "hasUserGoneToNextImage", false);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "initLocation", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "popstateUpdate", false);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "isNeighboringImageShow", void 0);
-
-    _rollupPluginBabelHelpers.defineProperty(this, "_createInitialImagesMarkup", function () {
-      var imageRange = [_this.getPreviousImageIndex(), _this.selectedImageNumber - 1, _this.getNextImageIndex()].filter(function (index) {
-        return index !== null;
-      });
-      imageRange.forEach(function (index) {
-        if (_this.imageMarkups[index] != null) {
-          return;
-        }
-
-        _this.imageMarkups[index] = _this._createImageMarkup(index, _this.imageAttributes[index].source);
-      });
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "remove", function (ev) {
-      document.body.style.overflow = 'auto';
-      document.body.style.position = '';
-      window.removeEventListener('resize', _this.updatePreviewImage);
-      window.removeEventListener('keydown', _this.keyBindings, true);
-
-      if (_this.options.handleHistory) {
-        if (_this.isTouchDevice) {
-          var isCopyInHash = _this.initLocation.hash.includes('-copied');
-
-          if (isCopyInHash) {
-            var newUrl = window.location.href.replace('-copied', '');
-            window.history.replaceState(null, '', newUrl);
-          }
-
-          if (ev instanceof MouseEvent) {
-            window.history.back();
-          }
-        } else {
-          window.history.replaceState(null, '', window.location.origin + window.location.pathname);
-        }
-      }
-
-      var removeGalleryEvent = new CustomEvent('removeGallery', {
-        detail: {
-          target: ev.target
-        }
-      });
-
-      _this.$gallery.dispatchEvent(removeGalleryEvent);
-
-      _this.$gallery.remove();
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "addWindowListeners", function () {
-      window.addEventListener('keydown', _this.keyBindings, true);
-      window.addEventListener('resize', _this.updatePreviewImage);
-      window.addEventListener('reload', _this.remove);
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "removeWindowListeners", function () {
-      window.removeEventListener('keydown', _this.keyBindings, true);
-      window.removeEventListener('resize', _this.updatePreviewImage);
-      window.removeEventListener('reload', _this.remove);
-      _this.previouslySelectedImageNumber = _this.selectedImageNumber;
-      _this.popstateUpdate = true;
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "addImageListeners", function (imageIndex, $image, $imageContainer) {
-      var imageHammer = new Hammer__default['default']($image, {
-        inputClass: Hammer__default['default'].TouchInput
-      });
-      var imageContainerHammer = new Hammer__default['default']($imageContainer, {
-        inputClass: Hammer__default['default'].TouchInput
-      });
-      $image.addEventListener('touchend', function (ev) {
-        return ev.preventDefault();
-      });
-      imageHammer.get('pinch').set({
-        enable: true
-      });
-      imageHammer.get('pan').set({
-        enable: false
-      });
-      imageHammer.on('doubletap', function (ev) {
-        return _this.resizeImage($image, imageIndex, imageHammer, imageContainerHammer, ev);
-      });
-      imageHammer.on('panleft panright panup pandown panend', function (ev) {
-        return _this.handlePanAndWheel($image, imageIndex, ev);
-      });
-      imageHammer.on('pinchin pinchout pinchstart pinchend', function (ev) {
-        return _this.handlePinch($image, imageIndex, imageHammer, imageContainerHammer, ev);
-      });
-
-      if (_this.imagesCount > 1) {
-        imageContainerHammer.on('pan panend', _this.handleImageSwitch);
-      }
-
-      var mouseMoveBindFunction = _this.handleMouseMove.bind(_this, $image, imageIndex, $imageContainer);
-
-      $image.addEventListener('mousedown', function (ev) {
-        ev.preventDefault();
-
-        _this.handleMouseDown($image, imageIndex, mouseMoveBindFunction);
-      });
-      $image.addEventListener('mouseup', function () {
-        $imageContainer.removeEventListener('mousemove', mouseMoveBindFunction);
-      });
-      $imageContainer.addEventListener('mouseleave', function () {
-        return _this.handleMouseLeave($image, $imageContainer, imageIndex, mouseMoveBindFunction);
-      });
-      $imageContainer.addEventListener('wheel', function (ev) {
-        return _this.handlePanAndWheel($image, imageIndex, ev);
-      });
-      $image.addEventListener('click', function (ev) {
-        return _this.resizeImage($image, imageIndex, null, null, ev);
-      });
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "handleMouseDown", function ($image, imageIndex, mouseMoveBindFunction) {
-      var _this$imageAttributes = _this.imageAttributes[imageIndex],
-          maxImageHeight = _this$imageAttributes.maxImageHeight,
-          maxImageWidth = _this$imageAttributes.maxImageWidth;
-      var $imageContainer = $image.closest(_this.selectors.imageContainer);
-      var isOriginalImageBiggerThanContainer = maxImageHeight > $imageContainer.offsetHeight || maxImageWidth > window.innerWidth;
-
-      if (!_this.isMaxImageMode() || _this.isMaxImageMode() && !isOriginalImageBiggerThanContainer) {
-        return;
-      }
-
-      $imageContainer.addEventListener('mousemove', mouseMoveBindFunction);
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "handleMouseLeave", function ($image, $imageContainer, imageIndex, mouseMoveBindFunction) {
-      $imageContainer.removeEventListener('mousemove', mouseMoveBindFunction);
-
-      if (_this.isMaxImageMode()) {
-        $image.classList.remove(main_module['default'][css_classes.cssGrabbing]);
-        var _this$imageAttributes3 = _this.imageAttributes[imageIndex],
-            maxImageHeight = _this$imageAttributes3.maxImageHeight,
-            maxImageWidth = _this$imageAttributes3.maxImageWidth;
-        var isOriginalImageBiggerThanContainer = maxImageHeight > $imageContainer.offsetHeight || maxImageWidth > window.innerWidth;
-
-        if (isOriginalImageBiggerThanContainer) {
-          $image.classList.add(main_module['default'][css_classes.cssZoomOut]);
-        }
-      }
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "handleMouseMove", function ($image, imageIndex, $imageContainer, ev) {
-      var _this$imageAttributes4 = _this.imageAttributes[imageIndex],
-          transX = _this$imageAttributes4.transX,
-          transY = _this$imageAttributes4.transY;
-      var movementX = 0;
-      var movementY = 0;
-
-      if (ev.movementX === undefined) {
-        movementX = _this.previousCursorX ? ev.screenX - _this.previousCursorX : 0;
-        movementY = _this.previousCursorY ? ev.screenY - _this.previousCursorY : 0;
-        _this.previousCursorX = ev.screenX;
-        _this.previousCursorY = ev.screenY;
-      }
-
-      var newTranslateX = ev.movementX === undefined ? -(movementX + transX) : -(ev.movementX + transX);
-      var newTranslateY = ev.movementY === undefined ? -(movementY + transY) : -(ev.movementY + transY);
-      var containerHeight = $imageContainer.offsetHeight;
-
-      var _this$getAvailableTra = _this.getAvailableTranslate($image.width, $image.height, containerHeight, newTranslateX, newTranslateY),
-          availableTranslateX = _this$getAvailableTra.availableTranslateX,
-          availableTranslateY = _this$getAvailableTra.availableTranslateY;
-
-      _this.imageAttributes[imageIndex].isDragging = true;
-      _this.imageAttributes[imageIndex].transX = -availableTranslateX;
-      _this.imageAttributes[imageIndex].transY = -availableTranslateY;
-      $image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
-      $image.classList.remove(main_module['default'][css_classes.cssZoomOut]);
-      $image.classList.add(main_module['default'][css_classes.cssGrabbing]);
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "handleImageSwitch", function (ev) {
-      if (_this.isAnimating) {
-        return;
-      }
-
-      _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-      var panDistance = Math.round(ev.deltaX * 100 / window.innerWidth);
-      _this.$images.style.transform = "translateX(".concat(_this.transform + panDistance, "%)");
-
-      if (ev.type === 'panend') {
-        if (Math.abs(panDistance) > 15) {
-          _this.partialTransform = _this.transform + panDistance;
-
-          if (ev.deltaX > 0) {
-            _this.handlePreviousImagePreview();
-          } else {
-            _this.handleNextImagePreview();
-          }
-        } else {
-          _this.isAnimating = true;
-
-          _this.$images.classList.add(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-          _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
-          setTimeout(function () {
-            _this.isAnimating = false;
-          }, 300);
-        }
-      }
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "resizeImage", function ($image, imageIndex, imageHammer, imageContainerHammer, ev) {
-      var _this$imageAttributes5 = _this.imageAttributes[imageIndex],
-          maxImageWidth = _this$imageAttributes5.maxImageWidth,
-          maxImageHeight = _this$imageAttributes5.maxImageHeight;
-      var $container = $image.closest(_this.selectors.imageContainer);
-      var isOriginalImageBiggerThanContainer = maxImageHeight > $container.offsetHeight || maxImageWidth > window.innerWidth;
-
-      if (!isOriginalImageBiggerThanContainer) {
-        return;
-      }
-
-      if (_this.isFullScreenMode()) {
-        if (imageHammer && imageContainerHammer) {
-          imageHammer.get('pan').set({
-            enable: true
-          });
-          imageContainerHammer.get('pan').set({
-            enable: false
-          });
-        }
-
-        _this.changeSelectedImageModeToMaxImage($image, imageIndex, ev);
-
-        _this.changeImagesMode();
-      } else if (_this.isMaxImageMode()) {
-        if (imageHammer && imageContainerHammer) {
-          imageHammer.get('pan').set({
-            enable: false
-          });
-          imageContainerHammer.get('pan').set({
-            enable: true
-          });
-        }
-
-        var isDragging = _this.imageAttributes[imageIndex].isDragging;
-
-        _this.changeSelectedImageModeToFullScreen($image, imageIndex, ev);
-
-        if (!isDragging || imageHammer !== null) {
-          _this.changeImagesMode();
-        }
-      }
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "hideLoader", function (ev) {
-      var _$image$parentElement;
-
-      var $image = ev.target;
-      $image.classList.remove(main_module['default'][css_classes.cssHide]);
-      (_$image$parentElement = $image.parentElement) === null || _$image$parentElement === void 0 || (_$image$parentElement = _$image$parentElement.firstElementChild) === null || _$image$parentElement === void 0 || _$image$parentElement.classList.add(main_module['default'][css_classes.cssHide]);
-
-      _this.updateImageInfo($image);
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "updatePreviewImage", function () {
-      var $images = document.querySelectorAll(_this.selectors.image);
-      var $imageContainers = document.querySelectorAll(_this.selectors.imageContainer);
-      var barHeight = _this.$bar.clientHeight;
-      $imageContainers.forEach(function ($container) {
-        $container.style.height = window.innerHeight - barHeight + 'px';
-      });
-      $images.forEach(function ($image) {
-        var attributes = _this.imageAttributes.find(function (imageAttributes) {
-          return imageAttributes.source === $image.currentSrc;
-        });
-
-        var imageIndex = _this.imageAttributes.findIndex(function (imageAttributes) {
-          return imageAttributes.source === $image.currentSrc;
-        });
-
-        var maxImageHeight = attributes.maxImageHeight,
-            maxImageWidth = attributes.maxImageWidth,
-            transX = attributes.transX,
-            transY = attributes.transY;
-
-        if (_this.isFullScreenMode()) {
-          attributes.initialWidth = $image.getBoundingClientRect().width;
-          attributes.initialHeight = $image.getBoundingClientRect().height;
-        } else {
-          _this.setImageDimensionsAccordingToAspectRatio($image, constants.DIMENSIONS_TYPE.initial);
-        }
-
-        var containerHeight = $imageContainers[0].offsetHeight;
-        var isOriginalImageBiggerThanContainer = maxImageHeight > containerHeight || maxImageWidth > window.innerWidth;
-
-        if (isOriginalImageBiggerThanContainer) {
-          if (_this.isFullScreenMode()) {
-            $image.classList.add(main_module['default'][css_classes.cssZoomIn]);
-
-            _this.setImageDimensionsAccordingToAspectRatio($image, constants.DIMENSIONS_TYPE.real);
-          }
-        } else {
-          if (_this.isFullScreenMode()) {
-            $image.style.height = attributes.maxImageHeight + 'px';
-          }
-
-          $image.classList.remove(main_module['default'][css_classes.cssZoomIn]);
-          $image.classList.remove(main_module['default'][css_classes.cssZoomOut]);
-        }
-
-        if (isOriginalImageBiggerThanContainer && _this.isMaxImageMode()) {
-          _this.centerImage($image);
-        } else {
-          var _this$getAvailableTra3 = _this.getAvailableTranslate(maxImageWidth, maxImageHeight, containerHeight, -transX, -transY),
-              availableTranslateX = _this$getAvailableTra3.availableTranslateX,
-              availableTranslateY = _this$getAvailableTra3.availableTranslateY;
-
-          _this.imageAttributes[imageIndex].transX = -availableTranslateX;
-          _this.imageAttributes[imageIndex].transY = -availableTranslateY;
-          $image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
-        }
-      });
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "updateImageInfo", function ($image) {
-      var imageAttributes = _this.imageAttributes.find(function (attributes) {
-        return attributes.source === $image.currentSrc;
-      });
-
-      imageAttributes.top = $image.getBoundingClientRect().top;
-      imageAttributes.left = Math.abs($image.getBoundingClientRect().left % window.innerWidth);
-      imageAttributes.maxImageHeight = $image.naturalHeight;
-      imageAttributes.maxImageWidth = $image.naturalWidth;
-
-      if (_this.isFullScreenMode()) {
-        var $imageContainer = $image.closest(_this.selectors.imageContainer);
-        var containerHeight = $imageContainer.offsetHeight;
-        var maxImageHeight = imageAttributes.maxImageHeight,
-            maxImageWidth = imageAttributes.maxImageWidth;
-        var isOriginalImageBiggerThanContainer = maxImageHeight > containerHeight || maxImageWidth > window.innerWidth;
-
-        if (isOriginalImageBiggerThanContainer) {
-          _this.setImageDimensionsAccordingToAspectRatio($image, constants.DIMENSIONS_TYPE.real);
-        }
-
-        imageAttributes.initialWidth = $image.getBoundingClientRect().width;
-        imageAttributes.initialHeight = $image.getBoundingClientRect().height;
-      } else {
-        _this.setImageDimensionsAccordingToAspectRatio($image, constants.DIMENSIONS_TYPE.initial);
-      }
-
-      _this.changeImageMode($image);
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "updateGridColumnStyles", function () {
-      document.querySelectorAll(_this.selectors.imageContainer).forEach(function ($imageContainer, index) {
-        $imageContainer.style['msGridColumn'] = index + 1;
-      });
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "showImage", function (imageIndex) {
-      _this.selectedImageNumber = imageIndex + 1;
-      _this.hasUserGoneToNextImage = _this.selectedImageNumber - _this.previouslySelectedImageNumber === 1 || _this.selectedImageNumber === 1 && _this.previouslySelectedImageNumber === _this.imagesCount;
-      var areAllImageMarkupsCreated = _this.createdImagesIndex.length === _this.imagesCount;
-      var isTemporaryContainerNeeded = _this.options.isCarouselEnabled && (_this.selectedImageNumber === _this.imagesCount && !_this.isFirstTemporaryContainerExist || _this.selectedImageNumber === 1 && !_this.isLastTemporaryContainerExist);
-
-      if (!areAllImageMarkupsCreated) {
-        var imageRange = [_this.getPreviousImageIndex(), imageIndex, _this.getNextImageIndex()].filter(function (index) {
-          return index !== null;
-        });
-        imageRange.forEach(function (index) {
-          if (_this.imageMarkups[index] === null) {
-            _this.imageMarkups[index] = _this._createImageMarkup(index, _this.imageAttributes[index].source);
-          }
-        });
-
-        if (_this.newImagesIndex.length !== 0) {
-          _this.appendImages();
-        }
-      }
-
-      _this.isNeighboringImageShow = Math.abs(_this.previouslySelectedImageNumber - _this.selectedImageNumber) === 1 || _this.previouslySelectedImageNumber === 1 && _this.selectedImageNumber === _this.imagesCount || _this.previouslySelectedImageNumber === _this.imagesCount && _this.selectedImageNumber === 1;
-
-      var createdImageIndex = _this.createdImagesIndex.findIndex(function (index) {
-        return index === imageIndex;
-      });
-
-      var isFakeTransformNeeded = imageIndex === 0 || !_this.isNeighboringImageShow ? _this.transform === -100 * (createdImageIndex + 1) : _this.transform === -100 * createdImageIndex && !(imageIndex === 1 && imageIndex === _this.imagesCount - 1);
-
-      if (isFakeTransformNeeded) {
-        _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-        if (_this.hasUserGoneToNextImage) {
-          _this.transform += 100 - _this.partialTransform;
-        } else {
-          _this.transform = _this.partialTransform % 100 === 0 ? _this.transform - 100 : _this.transform + _this.partialTransform % 100;
-        }
-
-        _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
-      }
-
-      if (isTemporaryContainerNeeded) {
-        _this.appendTemporaryImage(imageIndex);
-      }
-
-      if (_this.hasUserGoneToNextImage) {
-        if (imageIndex === 0) {
-          _this.transform = _this.transform - _this.transform % 100 - 100;
-        } else {
-          _this.transform = -100 * createdImageIndex;
-        }
-      } else {
-        if (imageIndex === _this.imagesCount - 1) {
-          _this.transform = 0;
-        } else {
-          if (_this.transform % 100 !== 0) {
-            _this.transform -= _this.partialTransform % 100;
-          } else {
-            _this.transform += 100;
-          }
-        }
-      }
-
-      _this.changeImageNumber();
-
-      _this.changeImageDescription();
-
-      if (!_this.isTouchDevice) {
-        _this.handleArrowDisplay();
-      }
-
-      if (_this.isLastTemporaryContainerExist && _this.selectedImageNumber !== 1 && (_this.hasUserGoneToNextImage || !_this.isNeighboringImageShow)) {
-        var $lastTemporaryContainer = document.querySelector(_this.selectors.lastTemporaryContainer);
-        $lastTemporaryContainer.remove();
-        _this.isLastTemporaryContainerExist = false;
-
-        _this.updateGridColumnStyles();
-
-        _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-        _this.$images.style.transform = "translateX(".concat(_this.partialTransform % 100, "%)");
-      }
-
-      if (!_this.isNeighboringImageShow) {
-        _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-        _this.transform = _this.selectedImageNumber === 1 ? -100 : createdImageIndex * -100;
-        _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
-      } // wait for the fake translate
-
-
-      setTimeout(function () {
-        _this.isAnimating = true;
-
-        _this.$images.classList.add(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-        setTimeout(function () {
-          _this.handleTransitionEnd();
-        }, 300);
-
-        if (_this.isNeighboringImageShow) {
-          _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
-        }
-      }, 10);
-      _this.popstateUpdate = false;
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "handleTransitionEnd", function () {
-      if (_this.isFirstTemporaryContainerExist && _this.selectedImageNumber !== _this.imagesCount) {
-        var $firstTemporaryContainer = document.querySelector(_this.selectors.firstTemporaryContainer);
-        $firstTemporaryContainer.remove();
-        _this.isFirstTemporaryContainerExist = false;
-      }
-
-      if (_this.isLastTemporaryContainerExist) {
-        if (_this.hasUserGoneToNextImage && _this.selectedImageNumber === 1) {
-          _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-          _this.transform = -100;
-          _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
-        }
-
-        if (_this.selectedImageNumber === _this.imagesCount && !_this.hasUserGoneToNextImage || _this.popstateUpdate && _this.selectedImageNumber !== 1) {
-          _this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-          var createdImageIndex = _this.createdImagesIndex.findIndex(function (index) {
-            return index === _this.selectedImageNumber - 1;
-          });
-
-          _this.transform = -100 * (createdImageIndex + 1) + _this.partialTransform % 100;
-          _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
-          var $lastTemporaryContainer = document.querySelector(_this.selectors.lastTemporaryContainer);
-          $lastTemporaryContainer.remove();
-          _this.isLastTemporaryContainerExist = false;
-
-          _this.updateGridColumnStyles();
-
-          _this.transform += 100 - _this.partialTransform;
-          _this.$images.style.transform = "translateX(".concat(_this.transform, "%)");
-        }
-      }
-
-      if (_this.isMaxImageMode()) {
-        var _createdImageIndex2 = _this.createdImagesIndex.findIndex(function (index) {
-          return index === _this.selectedImageNumber - 1;
-        });
-
-        var $images = document.querySelectorAll(_this.selectors.image);
-
-        var $container = $images[_createdImageIndex2].closest(_this.selectors.imageContainer);
-
-        var containerHeight = $container.offsetHeight;
-        var _this$imageAttributes7 = _this.imageAttributes[_this.previouslySelectedImageIndex],
-            maxImageHeight = _this$imageAttributes7.maxImageHeight,
-            maxImageWidth = _this$imageAttributes7.maxImageWidth;
-        var isOriginalImageBiggerThanContainer = maxImageHeight > containerHeight || maxImageWidth > window.innerWidth;
-
-        if (isOriginalImageBiggerThanContainer) {
-          var _$images$0$closest;
-
-          var previousCreatedImageIndex = _this.createdImagesIndex.findIndex(function (index) {
-            return index === _this.previouslySelectedImageIndex;
-          });
-
-          if ((_$images$0$closest = $images[0].closest(_this.selectors.imageContainer)) !== null && _$images$0$closest !== void 0 && _$images$0$closest.classList.contains(constants.JS_CLASSES.lastTemporaryContainer)) {
-            previousCreatedImageIndex += 1;
-          }
-
-          _this.centerImage($images[previousCreatedImageIndex]);
-        }
-      }
-
-      _this.isAnimating = false;
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "changeImageMode", function ($image) {
-      var imageIndex = _this.imageAttributes.findIndex(function (imageAttributes) {
-        return imageAttributes.source === $image.currentSrc;
-      });
-
-      var attributes = _this.imageAttributes.find(function (imageAttributes) {
-        return imageAttributes.source === $image.currentSrc;
-      });
-
-      var $imageContainer = $image.closest(_this.selectors.imageContainer);
-      var containerHeight = $imageContainer.offsetHeight;
-      var maxImageHeight = attributes.maxImageHeight,
-          maxImageWidth = attributes.maxImageWidth;
-      var isOriginalImageBiggerThanContainer = maxImageHeight > containerHeight || maxImageWidth > window.innerWidth;
-
-      if (isOriginalImageBiggerThanContainer) {
-        if (_this.isFullScreenMode() || _this.isTouchDevice) {
-          $image.classList.add(main_module['default'][css_classes.cssZoomIn]);
-          $image.classList.remove(main_module['default'][css_classes.cssZoomOut]);
-          $image.style.maxWidth = '';
-          $image.style.maxHeight = '';
-          _this.imageAttributes[imageIndex] = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, _this.imageAttributes[imageIndex]), {}, {
-            transX: 0,
-            transY: 0,
-            scale: 1,
-            initialScale: 1,
-            currentScale: 1
-          });
-          $image.style.transform = "translate3d(".concat(_this.imageAttributes[imageIndex].transX, "px, ").concat(_this.imageAttributes[imageIndex].transY, "px, 0)");
-          $image.classList.add(main_module['default'][css_classes.cssGalleryImageAdjusted]);
-
-          _this.setImageDimensionsAccordingToAspectRatio($image, constants.DIMENSIONS_TYPE.real);
-        } else if (_this.isMaxImageMode()) {
-          _this.centerImage($image);
-
-          $image.style.height = maxImageHeight + 'px';
-          $image.style.width = '';
-        }
-      } else {
-        $image.style.height = maxImageHeight + 'px';
-      }
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "setImageDimensionsAccordingToAspectRatio", function ($image, dimensionsType) {
-      var attributes = _this.imageAttributes.find(function (imageAttributes) {
-        return imageAttributes.source === $image.currentSrc;
-      });
-
-      var maxImageHeight = attributes.maxImageHeight,
-          maxImageWidth = attributes.maxImageWidth;
-      var barHeight = _this.$bar.clientHeight;
-      var containerHeight = window.innerHeight - barHeight;
-      var imageAspectRatio = maxImageHeight / maxImageWidth;
-      var containerAspectRatio = containerHeight / window.innerWidth;
-      var calculatedWidth = maxImageWidth * containerHeight / maxImageHeight;
-      var calculatedHeight = maxImageHeight * window.innerWidth / maxImageWidth;
-
-      if (dimensionsType === constants.DIMENSIONS_TYPE.initial) {
-        if (imageAspectRatio < containerAspectRatio) {
-          attributes.initialWidth = window.innerWidth;
-          attributes.initialHeight = calculatedHeight;
-        } else {
-          attributes.initialWidth = calculatedWidth;
-          attributes.initialHeight = containerHeight;
-        }
-      } else if (dimensionsType === constants.DIMENSIONS_TYPE.real) {
-        if (imageAspectRatio < containerAspectRatio) {
-          $image.style.width = window.innerWidth + 'px';
-          $image.style.height = calculatedHeight + 'px';
-        } else {
-          $image.style.width = calculatedWidth + 'px';
-          $image.style.height = containerHeight + 'px';
-        }
-      }
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "handleArrowDisplay", function () {
-      var $previousButton = _this.$gallery.querySelector(_this.selectors.previous);
-
-      var $nextButton = _this.$gallery.querySelector(_this.selectors.next);
-
-      var isPreviousImageAvailable = _this.getPreviousImageIndex() !== null;
-      var isNextImageAvailable = _this.getNextImageIndex() !== null;
-
-      if (isPreviousImageAvailable) {
-        $previousButton.classList.remove(main_module['default'][css_classes.cssHide]);
-      } else {
-        $previousButton.classList.add(main_module['default'][css_classes.cssHide]);
-      }
-
-      if (isNextImageAvailable) {
-        $nextButton.classList.remove(main_module['default'][css_classes.cssHide]);
-      } else {
-        $nextButton.classList.add(main_module['default'][css_classes.cssHide]);
-      }
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "handlePreviousImagePreview", function () {
-      if (_this.isAnimating) {
-        return;
-      }
-
-      _this.hasUserGoneToNextImage = false;
-      _this.previouslySelectedImageIndex = _this.selectedImageNumber - 1;
-
-      var previousImageIndex = _this.getPreviousImageIndex();
-
-      if (previousImageIndex !== null) {
-        _this.previouslySelectedImageNumber = _this.selectedImageNumber;
-
-        _this.showImage(previousImageIndex);
-
-        var previousImageEvent = new CustomEvent('previousImage', {
-          detail: {
-            selectedImageNumber: _this.selectedImageNumber
-          }
-        });
-
-        _this.$gallery.dispatchEvent(previousImageEvent);
-      }
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "handleNextImagePreview", function () {
-      if (_this.isAnimating) {
-        return;
-      }
-
-      _this.hasUserGoneToNextImage = true;
-      _this.previouslySelectedImageIndex = _this.selectedImageNumber - 1;
-
-      var nextImageIndex = _this.getNextImageIndex();
-
-      if (nextImageIndex !== null) {
-        _this.previouslySelectedImageNumber = _this.selectedImageNumber;
-
-        _this.showImage(nextImageIndex);
-
-        var nextImageEvent = new CustomEvent('nextImage', {
-          detail: {
-            selectedImageNumber: _this.selectedImageNumber
-          }
-        });
-
-        _this.$gallery.dispatchEvent(nextImageEvent);
-      }
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "keyBindings", function (ev) {
-      if (ev.defaultPrevented) {
-        return;
-      }
-
-      switch (ev.key) {
-        case 'Left':
-        case 'ArrowLeft':
-          _this.handlePreviousImagePreview();
-
-          break;
-
-        case 'Right':
-        case 'ArrowRight':
-          _this.handleNextImagePreview();
-
-          break;
-
-        case 'Esc':
-        case 'Escape':
-          _this.remove(ev);
-
-          break;
-
-        default:
-          return;
-      }
-
-      ev.preventDefault();
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(this, "sortAscending", function (number1, number2) {
-      return number1 - number2;
-    });
-
-    Object.assign(this.options, options);
-    this.setInitialImagesInfo();
-    this.isTouchDevice = check_is_touch_device.checkIsTouchDevice();
-    this.initLocation = window.location;
-    constants.JS_CLASSES.close = "js__gallery-".concat(this.options.name, "-close");
-    this.selectors.close = ".".concat(constants.JS_CLASSES.close);
-    this.createMarkup();
-    this.$bar = document.querySelector(this.selectors.bar);
-
-    this._createInitialImagesMarkup();
-
-    this.$images = this.$gallery.querySelector(this.selectors.images);
-    this.$images.style['msGridColumns'] = "(100%)[".concat(this.imagesCount + 2, "]");
-    this.$images.style.gridTemplateColumns = "repeat(".concat(this.imagesCount + 2, ", 100%)");
-    this.appendImages();
-
-    var _isTemporaryContainerNeeded = this.options.isCarouselEnabled && this.imagesCount > 1 && (this.selectedImageNumber === this.imagesCount && !this.isFirstTemporaryContainerExist || this.selectedImageNumber === 1 && !this.isLastTemporaryContainerExist);
-
-    if (_isTemporaryContainerNeeded) {
-      this.appendTemporaryImage(this.selectedImageNumber - 1);
-    }
-
-    var _createdImageIndex = this.createdImagesIndex.findIndex(function (index) {
-      return index === _this.selectedImageNumber - 1;
-    });
-
-    this.transform = -100 * _createdImageIndex;
-
-    if (_isTemporaryContainerNeeded && this.selectedImageNumber === 1) {
-      this.transform = -100;
-    }
-
-    this.$images.style.transform = "translateX(".concat(this.transform, "%)");
-    this.addListeners();
-
-    if (this.options.handleHistory) {
-      handle_history.handleHistory(this.$gallery, this.options.name, this.selectedImageNumber, this.remove, this.showImage);
-    }
-
-    if (this.isTouchDevice) {
-      document.body.style.position = 'fixed';
-    }
-  }
-
-  return _rollupPluginBabelHelpers.createClass(Gallery, [{
-    key: "setInitialImagesInfo",
-    value: function setInitialImagesInfo() {
-      var _this2 = this;
-
-      var $images = document.querySelectorAll("[data-gallery-name=".concat(this.options.name, "]"));
-      $images.forEach(function ($image) {
-        var shorterEdge = $image.naturalHeight < $image.naturalWidth ? 'height' : 'width';
-        var $anchor = $image.closest(_this2.selectors.anchorImage);
-        var imageDescription = $image.dataset.imageDescription;
-
-        _this2.imageAttributes.push({
-          source: $anchor.href,
-          description: imageDescription,
-          maxImageWidth: 0,
-          maxImageHeight: 0,
-          shorterEdge: shorterEdge,
-          initialWidth: 0,
-          initialHeight: 0,
-          top: 0,
-          left: 0,
-          eventCenterX: 0,
-          eventCenterY: 0,
-          initialScale: 1,
-          currentScale: 1,
-          isDragging: false,
-          transX: 0,
-          transY: 0,
-          scale: 1,
-          delta: 0
-        });
-
-        if ($image.currentSrc === _this2.options.initiallySelectedImageSrc) {
-          _this2.selectedImageNumber = _this2.imageAttributes.length;
-          _this2.previouslySelectedImageNumber = _this2.selectedImageNumber;
-        }
-
-        _this2.imageMarkups.push(null);
-      });
-      this.imagesCount = $images.length;
-    }
-  }, {
-    key: "createMarkup",
-    value: function createMarkup() {
-      this.$gallery = document.createElement('div'); // used 2 separate add calls instead of 1 to handle IE11
-
-      this.$gallery.classList.add(main_module['default'][css_classes.cssGallery]);
-      this.$gallery.classList.add(constants.JS_CLASSES.newGallery);
-      var previousArrowMarkup = '';
-      var nextArrowMarkup = '';
-
-      if (this.isTouchDevice) {
-        this.$gallery.classList.add(main_module['default'][css_classes.cssGalleryMobile]);
-      } else {
-        if (this.options.hasNavArrows && this.imagesCount > 1) {
-          previousArrowMarkup = this._createNavigationMarkup('previous');
-          nextArrowMarkup = this._createNavigationMarkup('next');
-        }
-      }
-
-      var barMarkup = this._createBarMarkup();
-
-      var markup = "\n            ".concat(barMarkup, "\n\n            <div class=\"").concat(main_module['default'][css_classes.cssGalleryImagesContainer], " ").concat(constants.JS_CLASSES.imagesContainer, "\">\n                ").concat(previousArrowMarkup, "\n\n                <div class=\"").concat(main_module['default'][css_classes.cssGalleryImages], " ").concat(constants.JS_CLASSES.images, "\"></div>\n\n                ").concat(nextArrowMarkup, "\n            </div>\n        ");
-      this.$gallery.innerHTML = markup;
-      document.body.append(this.$gallery);
-      this.changeImageDescription();
-    }
-  }, {
-    key: "_createBarMarkup",
-    value: function _createBarMarkup() {
-      var imagesNumberMarkup = '';
-      var copyLinkMarkup = '';
-      var imageDescriptionMarkup = "\n            <div class=\"".concat(main_module['default'][css_classes.cssGalleryBarImageDescription], " ").concat(constants.JS_CLASSES.imageDescription, "\">\n            </div>\n        ");
-
-      if (this.options.hasImageNumbers) {
-        imagesNumberMarkup = this._createImageNumbersMarkup();
-      }
-
-      if (this.options.hasCopyLink) {
-        copyLinkMarkup = this._createCopyLinkMarkup();
-      }
-
-      return "\n            <div class=\"".concat(main_module['default'][css_classes.cssGalleryBar], "\">\n                ").concat(imagesNumberMarkup, "\n\n                ").concat(imageDescriptionMarkup, "\n\n                ").concat(copyLinkMarkup, "\n\n                <span role=\"button\" tabindex=\"0\" class=\"").concat(main_module['default'][css_classes.cssIcon], " ").concat(main_module['default'][css_classes.cssIconClose], " ").concat(main_module['default'][css_classes.cssGalleryBarImageClose], " ").concat(constants.JS_CLASSES.close, "\"></span>\n            </div>\n        ");
-    }
-  }, {
-    key: "_createImageNumbersMarkup",
-    value: function _createImageNumbersMarkup() {
-      return "\n            <div class=\"".concat(main_module['default'][css_classes.cssGalleryBarImageNumbers], "\">\n                <span class=\"").concat(constants.JS_CLASSES.selectedImageNumber, "\">\n                    ").concat(this.selectedImageNumber, "\n                </span> / ").concat(this.imagesCount, "\n            </div>\n        ");
-    }
-  }, {
-    key: "_createCopyLinkMarkup",
-    value: function _createCopyLinkMarkup() {
-      var _this$options$transla = this.options.translations,
-          copyLink = _this$options$transla.copyLink,
-          picture = _this$options$transla.picture,
-          copyLinkShortVersion = _this$options$transla.copyLinkShortVersion,
-          copyLinkConfirmation = _this$options$transla.copyLinkConfirmation;
-      return "\n            <div class=\"".concat(main_module['default'][css_classes.cssGalleryBarCopyLink], " ").concat(constants.JS_CLASSES.copyLinkButton, "\">\n                <span class=\"").concat(main_module['default'][css_classes.cssIcon], " ").concat(main_module['default'][css_classes.cssIconLink], " ").concat(main_module['default'][css_classes.cssHideMobile], "\"></span>\n                <span class=\"").concat(main_module['default'][css_classes.cssHideDesktop], "\">").concat(copyLinkShortVersion, "</span>\n                <span class=\"").concat(main_module['default'][css_classes.cssHideMobile], "\">\n                    ").concat(copyLink, " (").concat(picture, " <span class=\"").concat(constants.JS_CLASSES.selectedImageNumber, "\">").concat(this.selectedImageNumber, "</span>)\n                </span>\n                \n                <div class=\"").concat(main_module['default'][css_classes.cssHide], " ").concat(main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmation], "\">\n                    <span class=\"").concat(main_module['default'][css_classes.cssIcon], " ").concat(main_module['default'][css_classes.cssIconSuccess], "\"></span>\n\n                    <div class=\"").concat(main_module['default'][css_classes.cssGalleryBarCopyLinkConfirmationText], "\">\n                        ").concat(copyLinkConfirmation, "\n                    </div>\n                </div>\n            </div>\n        ");
-    }
-  }, {
-    key: "_createNavigationMarkup",
-    value: function _createNavigationMarkup(arrowType) {
-      var arrowClasses = "".concat(main_module['default'][css_classes.cssIcon], " ").concat(main_module['default'][css_classes.cssIconArrow]);
-      var arrowContainerClasses = "".concat(main_module['default'][css_classes.cssIconArrowContainer], " ").concat(constants.JS_CLASSES[arrowType]);
-      var isPreviousArrow = arrowType === 'previous';
-
-      if (isPreviousArrow) {
-        arrowClasses += " ".concat(main_module['default'][css_classes.cssIconArrowRotate180]);
-        arrowContainerClasses += " ".concat(main_module['default'][css_classes.cssIconArrowContainerPrevious]);
-        var isFirstImage = this.selectedImageNumber === 1;
-
-        if (isFirstImage && !this.options.isCarouselEnabled) {
-          arrowContainerClasses += " ".concat(main_module['default'][css_classes.cssHide]);
-        }
-      } else {
-        arrowContainerClasses += " ".concat(main_module['default'][css_classes.cssIconArrowContainerNext]);
-        var isLastImage = this.selectedImageNumber === this.imagesCount;
-
-        if (isLastImage && !this.options.isCarouselEnabled) {
-          arrowContainerClasses += " ".concat(main_module['default'][css_classes.cssHide]);
-        }
-      }
-
-      return "\n            <div role=\"button\" tabindex=\"0\" class=\"".concat(arrowContainerClasses, "\">\n                <span class=\"").concat(arrowClasses, "\"></span>\n            </div>\n        ");
-    }
-  }, {
-    key: "_createImageMarkup",
-    value: function _createImageMarkup(imageIndex, source) {
-      var $imageContainer = document.createElement('div');
-      $imageContainer.classList.add(main_module['default'][css_classes.cssGalleryImageContainer]);
-      $imageContainer.style.overflow = 'hidden';
-      var barHeight = this.$bar.clientHeight;
-      var containerHeight = window.innerHeight - barHeight;
-      $imageContainer.style.height = containerHeight + 'px';
-      var $loader = document.createElement('span');
-      $loader.classList.add(main_module['default'][css_classes.cssLoaderMask]);
-      var $image = document.createElement('img');
-
-      var _this$getImageClasses = this.getImageClasses(imageIndex),
-          maxWidthClass = _this$getImageClasses.maxWidthClass,
-          maxHeightClass = _this$getImageClasses.maxHeightClass,
-          adjustedClass = _this$getImageClasses.adjustedClass; // used 3 separate add calls instead of 1 to handle IE11
-
-
-      $image.classList.add(main_module['default'][css_classes.cssGalleryImage]);
-      $image.classList.add(main_module['default'][css_classes.cssHide]);
-      $image.classList.add(constants.JS_CLASSES.image);
-      $image.setAttribute('src', source);
-      $image.onload = this.hideLoader;
-
-      if (maxHeightClass) {
-        $image.classList.add(maxHeightClass);
-      }
-
-      if (maxWidthClass) {
-        $image.classList.add(maxWidthClass);
-      }
-
-      if (adjustedClass) {
-        $image.classList.add(adjustedClass);
-      }
-
-      $imageContainer.append($loader, $image);
-      this.addImageListeners(imageIndex, $image, $imageContainer);
-
-      if (!this.createdImagesIndex.includes(imageIndex)) {
-        this.newImagesIndex.push(imageIndex);
-      }
-
-      return $imageContainer;
-    }
-  }, {
-    key: "appendImages",
-    value: function appendImages() {
-      var _this3 = this;
-
-      this.newImagesIndex.sort(this.sortAscending).forEach(function (index) {
-        var $markup = _this3.imageMarkups[index];
-
-        if (_this3.createdImagesIndex.length !== 0) {
-          var lowerIndex = _this3.getClosestLowerIndex(_this3.createdImagesIndex, index);
-
-          if (lowerIndex != null) {
-            var lowerIndexImages = document.querySelectorAll("[src='".concat(_this3.imageAttributes[lowerIndex].source, "']"));
-            lowerIndexImages.forEach(function (image) {
-              if (image.classList.contains(constants.JS_CLASSES.image)) {
-                var $lowerIndexImage = image;
-                var $lowerIndexImageContainer = $lowerIndexImage.closest(_this3.selectors.imageContainer);
-
-                if (!$lowerIndexImageContainer.classList.contains(constants.JS_CLASSES.firstTemporaryContainer)) {
-                  $lowerIndexImageContainer.after($markup);
-                }
-              }
-            });
-          } else {
-            var firstCreatedImageIndex = _this3.createdImagesIndex[0];
-            var $firstImage = document.querySelector("[src='".concat(_this3.imageAttributes[firstCreatedImageIndex].source, "']"));
-            var $firstImageContainer = $firstImage.closest(_this3.selectors.imageContainer);
-            $firstImageContainer.before($markup);
-          }
-        } else {
-          _this3.$images.append($markup);
-        }
-
-        if (!_this3.createdImagesIndex.includes(index)) {
-          _this3.createdImagesIndex.push(index);
-
-          if (index === 0 && _this3.hasUserGoneToNextImage) {
-            _this3.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-
-            _this3.$images.style.transform = "translateX(".concat(_this3.transform - 100 + _this3.partialTransform % 100, "%)");
-          }
-        }
-
-        _this3.createdImagesIndex.sort(_this3.sortAscending);
-      });
-      this.newImagesIndex = [];
-      this.updateGridColumnStyles();
-    }
-  }, {
-    key: "appendTemporaryImage",
-    value: function appendTemporaryImage(imageIndex) {
-      if (imageIndex === 0) {
-        this.isLastTemporaryContainerExist = true;
-
-        var $temporaryMarkup = this._createImageMarkup(this.imagesCount - 1, this.imageAttributes[this.imagesCount - 1].source);
-
-        $temporaryMarkup.classList.add(constants.JS_CLASSES.lastTemporaryContainer);
-        this.$images.prepend($temporaryMarkup);
-
-        if (this.hasUserGoneToNextImage) {
-          this.$images.classList.remove(main_module['default'][css_classes.cssGalleryImagesWithTransition]);
-          this.transform = -100 * this.createdImagesIndex.length + this.partialTransform % 100;
-          this.$images.style.transform = "translateX(".concat(this.transform, "%)");
-        }
-      } else if (imageIndex === this.imagesCount - 1) {
-        this.isFirstTemporaryContainerExist = true;
-
-        var _$temporaryMarkup = this._createImageMarkup(0, this.imageAttributes[0].source);
-
-        _$temporaryMarkup.classList.add(constants.JS_CLASSES.firstTemporaryContainer);
-
-        this.$images.append(_$temporaryMarkup);
-      }
-
-      this.updateGridColumnStyles();
-    }
-  }, {
-    key: "addListeners",
-    value: function addListeners() {
-      var _this4 = this;
-
-      var $closeButton = document.querySelector(this.selectors.close);
-      $closeButton === null || $closeButton === void 0 || $closeButton.addEventListener('click', this.remove);
-      $closeButton === null || $closeButton === void 0 || $closeButton.addEventListener('keydown', function (ev) {
-        if (ev.key === 'Enter') {
-          _this4.remove(ev);
-        }
-      });
-
-      if (this.options.hasNavArrows && !this.isTouchDevice) {
-        var $nextButton = this.$gallery.querySelector(this.selectors.next);
-        var $previousButton = this.$gallery.querySelector(this.selectors.previous);
-        $nextButton === null || $nextButton === void 0 || $nextButton.addEventListener('click', this.handleNextImagePreview);
-        $previousButton === null || $previousButton === void 0 || $previousButton.addEventListener('click', this.handlePreviousImagePreview);
-        $nextButton.addEventListener('keydown', function (ev) {
-          if (ev.key === 'Enter') {
-            _this4.handleNextImagePreview();
-          }
-        });
-        $previousButton.addEventListener('keydown', function (ev) {
-          if (ev.key === 'Enter') {
-            _this4.handlePreviousImagePreview();
-          }
-        });
-      }
-
-      this.addWindowListeners();
-      window.addEventListener('popstate', this.removeWindowListeners);
-      var $imagesContainer = document.querySelector(this.selectors.imagesContainer);
-      $imagesContainer === null || $imagesContainer === void 0 || $imagesContainer.addEventListener('mousedown', function (ev) {
-        _this4.mouseDownTarget = ev.target;
-      });
-      $imagesContainer === null || $imagesContainer === void 0 || $imagesContainer.addEventListener('mouseup', function (ev) {
-        _this4.mouseUpTarget = ev.target;
-        _this4.previousCursorX = 0;
-        _this4.previousCursorY = 0;
-      });
-
-      if (!this.isTouchDevice) {
-        $imagesContainer === null || $imagesContainer === void 0 || $imagesContainer.addEventListener('click', function (ev) {
-          if (_this4.mouseDownTarget === _this4.mouseUpTarget) {
-            var $targetElement = ev.target;
-            var isImage = $targetElement.tagName === 'IMG';
-            var isArrowContainer = $targetElement.closest(_this4.selectors.arrowContainer) != null;
-
-            if (!isImage && !isArrowContainer) {
-              _this4.remove(ev);
-            }
-          }
-        });
-      }
-
-      if (this.options.hasCopyLink) {
-        var $copyLink = document.querySelector(this.selectors.copyLinkButton);
-        $copyLink.addEventListener('click', function () {
-          var galleryUrl = get_url.getUrl(_this4.options.name, _this4.selectedImageNumber);
-          copy_to_clipboard.copy("".concat(galleryUrl, "-copied"));
-          var $copyLinkConfirmation = document.querySelector(_this4.selectors.copyLinkConfirmation);
-          $copyLinkConfirmation.classList.remove(main_module['default'][css_classes.cssHide]);
-          setTimeout(function () {
-            $copyLinkConfirmation === null || $copyLinkConfirmation === void 0 || $copyLinkConfirmation.classList.add(main_module['default'][css_classes.cssHide]);
-          }, 1500);
-        });
-      }
-    }
-  }, {
-    key: "handlePanAndWheel",
-    value: function handlePanAndWheel($image, imageIndex, ev) {
-      if (ev instanceof WheelEvent) {
-        ev.preventDefault();
-      }
-
-      var $container = $image.closest(this.selectors.imageContainer);
-      var containerHeight = $container.offsetHeight;
-      var deltaY = ev instanceof WheelEvent ? -ev.deltaY : ev.deltaY;
-      var newTranslateX = -(ev.deltaX + this.imageAttributes[imageIndex].transX);
-      var newTranslateY = -(deltaY + this.imageAttributes[imageIndex].transY);
-
-      var _this$getAvailableTra4 = this.getAvailableTranslate($image.width, $image.height, containerHeight, newTranslateX, newTranslateY),
-          availableTranslateX = _this$getAvailableTra4.availableTranslateX,
-          availableTranslateY = _this$getAvailableTra4.availableTranslateY;
-
-      $image.style.transform = "translate3d(".concat(availableTranslateX * -1, "px, ").concat(availableTranslateY * -1, "px, 0)");
-
-      if (ev.type === 'panend') {
-        this.imageAttributes[imageIndex].transX = -availableTranslateX;
-        this.imageAttributes[imageIndex].transY = -availableTranslateY;
-      }
-
-      if (ev.type === 'wheel') {
-        var absoluteDeltaY = Math.abs(ev.deltaY);
-
-        if (absoluteDeltaY >= this.imageAttributes[imageIndex].delta) {
-          this.imageAttributes[imageIndex].delta = absoluteDeltaY;
-          this.imageAttributes[imageIndex].transX = -availableTranslateX;
-          this.imageAttributes[imageIndex].transY = -availableTranslateY;
-        } else {
-          this.imageAttributes[imageIndex].delta = 0;
-        }
-      }
-    }
-  }, {
-    key: "handlePinch",
-    value: function handlePinch($image, imageIndex, imageHammer, imageContainerHammer, ev) {
-      if (ev.type === 'pinchstart') {
-        $image.style.height = '';
-        $image.style.width = '';
-        this.imageAttributes[imageIndex].left = $image.getBoundingClientRect().left;
-        this.imageAttributes[imageIndex].top = $image.getBoundingClientRect().top;
-        this.imageAttributes[imageIndex].eventCenterX = ev.center.x;
-        this.imageAttributes[imageIndex].eventCenterY = ev.center.y;
-      }
-
-      imageHammer.get('pan').set({
-        enable: false
-      });
-      imageContainerHammer.get('pan').set({
-        enable: false
-      });
-      var _this$imageAttributes8 = this.imageAttributes[imageIndex],
-          maxImageHeight = _this$imageAttributes8.maxImageHeight,
-          initialWidth = _this$imageAttributes8.initialWidth,
-          initialHeight = _this$imageAttributes8.initialHeight;
-      this.imageAttributes[imageIndex].currentScale = Math.max(1, Math.min(this.imageAttributes[imageIndex].scale * ev.scale, maxImageHeight / initialHeight));
-      var currentScale = this.imageAttributes[imageIndex].currentScale;
-      $image.style.maxWidth = "".concat(initialWidth * currentScale, "px");
-      $image.style.maxHeight = "".concat(initialHeight * currentScale, "px");
-      var $container = $image.closest(this.selectors.imageContainer);
-
-      var _this$getTranslate = this.getTranslate($container, imageIndex),
-          translateX = _this$getTranslate.translateX,
-          translateY = _this$getTranslate.translateY;
-
-      this.imageAttributes[imageIndex].transX = -translateX;
-      this.imageAttributes[imageIndex].transY = -translateY;
-
-      if (ev.type === 'pinchend') {
-        if (currentScale === 1) {
-          imageContainerHammer.get('pan').set({
-            enable: true
-          });
-          imageHammer.get('pan').set({
-            enable: false
-          });
-          $image.style.maxWidth = '';
-          $image.style.maxHeight = '';
-          $image.classList.add(main_module['default'][css_classes.cssGalleryImageAdjusted]);
-          this.options.mode = constants.GALLERY_MODE.fullScreen;
-        } else {
-          imageHammer.get('pan').set({
-            enable: true
-          });
-          $image.classList.remove(main_module['default'][css_classes.cssGalleryImageAdjusted]);
-          this.options.mode = constants.GALLERY_MODE.maxImage;
-        }
-
-        this.imageAttributes[imageIndex].scale = currentScale;
-        this.imageAttributes[imageIndex].initialScale = currentScale;
-      }
-
-      $image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
-    }
-  }, {
-    key: "changeSelectedImageModeToMaxImage",
-    value: function changeSelectedImageModeToMaxImage($image, imageIndex, ev) {
-      this.options.mode = constants.GALLERY_MODE.maxImage;
-      var eventCenterX;
-      var eventCenterY;
-
-      if (ev instanceof MouseEvent) {
-        eventCenterX = ev.clientX;
-        eventCenterY = ev.clientY;
-      } else {
-        eventCenterX = ev.center.x;
-        eventCenterY = ev.center.y;
-      }
-
-      var _this$imageAttributes9 = this.imageAttributes[imageIndex],
-          maxImageHeight = _this$imageAttributes9.maxImageHeight,
-          initialHeight = _this$imageAttributes9.initialHeight;
-      this.imageAttributes[imageIndex] = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, this.imageAttributes[imageIndex]), {}, {
-        currentScale: maxImageHeight / initialHeight,
-        scale: maxImageHeight / initialHeight,
-        left: $image.getBoundingClientRect().left,
-        top: $image.getBoundingClientRect().top,
-        eventCenterX: eventCenterX,
-        eventCenterY: eventCenterY
-      });
-      var $container = $image.closest(this.selectors.imageContainer);
-
-      var _this$getTranslate2 = this.getTranslate($container, imageIndex),
-          translateX = _this$getTranslate2.translateX,
-          translateY = _this$getTranslate2.translateY;
-
-      this.imageAttributes[imageIndex] = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, this.imageAttributes[imageIndex]), {}, {
-        transX: -translateX,
-        transY: -translateY,
-        initialScale: maxImageHeight / initialHeight
-      });
-      $container.style.overflow = 'hidden';
-      $image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
-      $image.classList.add(main_module['default'][css_classes.cssZoomOut]);
-      $image.classList.remove(main_module['default'][css_classes.cssZoomIn]);
-      $image.classList.toggle(main_module['default'][css_classes.cssGalleryImageAdjusted]);
-      $image.style.height = maxImageHeight + 'px';
-      $image.style.width = '';
-    }
-  }, {
-    key: "changeSelectedImageModeToFullScreen",
-    value: function changeSelectedImageModeToFullScreen($image, imageIndex, ev) {
-      var isDragging = this.imageAttributes[imageIndex].isDragging;
-
-      if (isDragging && ev instanceof MouseEvent) {
-        this.imageAttributes[imageIndex].isDragging = false;
-        $image.classList.remove(main_module['default'][css_classes.cssGrabbing]);
-        $image.classList.add(main_module['default'][css_classes.cssZoomOut]);
-      } else {
-        this.options.mode = constants.GALLERY_MODE.fullScreen;
-        $image.style.maxWidth = '';
-        $image.style.maxHeight = '';
-        this.imageAttributes[imageIndex] = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, this.imageAttributes[imageIndex]), {}, {
-          transX: 0,
-          transY: 0,
-          scale: 1,
-          initialScale: 1,
-          currentScale: 1
-        });
-        $image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
-        $image.classList.toggle(main_module['default'][css_classes.cssGalleryImageAdjusted]);
-        $image.classList.remove(main_module['default'][css_classes.cssZoomOut]);
-        $image.classList.add(main_module['default'][css_classes.cssZoomIn]);
-        this.setImageDimensionsAccordingToAspectRatio($image, constants.DIMENSIONS_TYPE.real);
-      }
-    }
-  }, {
-    key: "getTranslate",
-    value: function getTranslate($container, imageIndex) {
-      var _this$imageAttributes10 = this.imageAttributes[imageIndex],
-          initialWidth = _this$imageAttributes10.initialWidth,
-          initialHeight = _this$imageAttributes10.initialHeight,
-          top = _this$imageAttributes10.top,
-          left = _this$imageAttributes10.left,
-          eventCenterX = _this$imageAttributes10.eventCenterX,
-          eventCenterY = _this$imageAttributes10.eventCenterY,
-          initialScale = _this$imageAttributes10.initialScale,
-          currentScale = _this$imageAttributes10.currentScale;
-      var containerHeight = $container.offsetHeight;
-      var containerWidth = $container.offsetWidth;
-      var zoomImageX = currentScale * (eventCenterX - left) / initialScale;
-      var zoomImageY = currentScale * (eventCenterY - top) / initialScale;
-      var updatedEventCenterY = eventCenterY - $container.getBoundingClientRect().top;
-      var translateX;
-
-      if (initialWidth * currentScale <= containerWidth) {
-        translateX = 0;
-      } else {
-        translateX = zoomImageX - eventCenterX;
-      }
-
-      var translateY;
-
-      if (initialHeight * currentScale <= containerHeight) {
-        translateY = 0;
-      } else {
-        translateY = zoomImageY - updatedEventCenterY;
-      }
-
-      var width = initialWidth * currentScale;
-      var height = initialHeight * currentScale;
-
-      var _this$getAvailableTra5 = this.getAvailableTranslate(width, height, containerHeight, translateX, translateY),
-          availableTranslateX = _this$getAvailableTra5.availableTranslateX,
-          availableTranslateY = _this$getAvailableTra5.availableTranslateY;
-
-      return {
-        translateX: availableTranslateX,
-        translateY: availableTranslateY
-      };
-    }
-  }, {
-    key: "getAvailableTranslate",
-    value: function getAvailableTranslate(imageWidth, imageHeight, containerHeight, translateX, translateY) {
-      var maxPositionX = Math.abs(imageWidth - window.innerWidth);
-      var maxPositionY = Math.abs(imageHeight - containerHeight);
-
-      if (imageWidth <= window.innerWidth || translateX < 0) {
-        translateX = 0;
-      }
-
-      if (translateX > maxPositionX) {
-        translateX = maxPositionX;
-      }
-
-      if (imageHeight <= containerHeight || translateY < 0) {
-        translateY = 0;
-      }
-
-      if (translateY > maxPositionY) {
-        translateY = maxPositionY;
-      }
-
-      return {
-        availableTranslateX: translateX,
-        availableTranslateY: translateY
-      };
-    }
-  }, {
-    key: "getImageClasses",
-    value: function getImageClasses(imageIndex) {
-      var classes = {
-        maxWidthClass: '',
-        maxHeightClass: '',
-        adjustedClass: ''
-      };
-
-      if (this.isTouchDevice || this.isFullScreenMode()) {
-        classes.adjustedClass = main_module['default'][css_classes.cssGalleryImageAdjusted];
-      } else if (this.isShortestEdgeMode()) {
-        var windowWidth = window.innerWidth;
-        var imageWidth = this.imageAttributes[imageIndex].maxImageWidth;
-        var _this$imageAttributes12 = this.imageAttributes[imageIndex],
-            shorterEdge = _this$imageAttributes12.shorterEdge,
-            maxImageHeight = _this$imageAttributes12.maxImageHeight;
-
-        if (shorterEdge === 'width') {
-          var isImageWiderThanWindowWidth = imageWidth > windowWidth;
-
-          if (isImageWiderThanWindowWidth) {
-            classes.maxWidthClass = main_module['default'][css_classes.cssGalleryImageMaxWidth];
-          }
-        } else {
-          var barHeight = this.$bar.clientHeight;
-          var containerHeight = window.innerHeight - barHeight;
-          var isImageHigherThanContainerHeight = maxImageHeight > containerHeight;
-
-          if (isImageHigherThanContainerHeight) {
-            classes.maxHeightClass = main_module['default'][css_classes.cssGalleryImageMaxHeight];
-          }
-        }
-      }
-
-      return classes;
-    }
-  }, {
-    key: "centerImage",
-    value: function centerImage($image) {
-      var $container = $image.closest(this.selectors.imageContainer);
-      var containerHeight = $container.offsetHeight;
-      var imageIndex = this.imageAttributes.findIndex(function (imageAttributes) {
-        return imageAttributes.source === $image.currentSrc;
-      });
-      var _this$imageAttributes13 = this.imageAttributes[imageIndex],
-          maxImageHeight = _this$imageAttributes13.maxImageHeight,
-          maxImageWidth = _this$imageAttributes13.maxImageWidth;
-      $image.classList.add(main_module['default'][css_classes.cssZoomOut]);
-      $image.classList.remove(main_module['default'][css_classes.cssZoomIn]);
-      this.imageAttributes[imageIndex].eventCenterX = window.innerWidth / 2;
-      this.imageAttributes[imageIndex].eventCenterY = containerHeight / 2;
-      var translateX = (maxImageWidth - window.innerWidth) / 2;
-      var translateY = (maxImageHeight - containerHeight) / 2;
-
-      var _this$getAvailableTra6 = this.getAvailableTranslate(maxImageWidth, maxImageHeight, containerHeight, translateX, translateY),
-          availableTranslateX = _this$getAvailableTra6.availableTranslateX,
-          availableTranslateY = _this$getAvailableTra6.availableTranslateY;
-
-      this.imageAttributes[imageIndex].transX = -availableTranslateX;
-      this.imageAttributes[imageIndex].transY = -availableTranslateY;
-      $image.style.transform = "translate3d(".concat(this.imageAttributes[imageIndex].transX, "px, ").concat(this.imageAttributes[imageIndex].transY, "px, 0)");
-      $image.classList.remove(main_module['default'][css_classes.cssGalleryImageAdjusted]);
-    }
-  }, {
-    key: "changeImagesMode",
-    value: function changeImagesMode() {
-      var _this5 = this;
-
-      var $images = document.querySelectorAll(this.selectors.image);
-      $images.forEach(function ($image, imageIndex) {
-        var createdImageIndex = _this5.createdImagesIndex.findIndex(function (index) {
-          return index === _this5.selectedImageNumber - 1;
-        });
-
-        if (_this5.isLastTemporaryContainerExist) {
-          createdImageIndex += 1;
-        }
-
-        if (imageIndex !== createdImageIndex) {
-          _this5.changeImageMode($image);
-        }
-      });
-    }
-  }, {
-    key: "getPreviousImageIndex",
-    value: function getPreviousImageIndex() {
-      var isFirstImageSelected = this.selectedImageNumber === 1;
-
-      if (isFirstImageSelected) {
-        return this.options.isCarouselEnabled ? this.imagesCount - 1 : null;
-      }
-
-      return this.selectedImageNumber - 2;
-    }
-  }, {
-    key: "getNextImageIndex",
-    value: function getNextImageIndex() {
-      var isLastImageSelected = this.selectedImageNumber === this.imagesCount;
-
-      if (isLastImageSelected) {
-        return this.options.isCarouselEnabled ? 0 : null;
-      }
-
-      return this.selectedImageNumber;
-    }
-  }, {
-    key: "changeImageNumber",
-    value: function changeImageNumber() {
-      var _this6 = this;
-
-      var imageNumbers = document.querySelectorAll(this.selectors.selectedImageNumber);
-      imageNumbers.forEach(function ($imageNumber) {
-        return $imageNumber.textContent = "".concat(_this6.selectedImageNumber);
-      });
-    }
-  }, {
-    key: "changeImageDescription",
-    value: function changeImageDescription() {
-      var imageDescription = document.querySelector(this.selectors.imageDescription);
-      imageDescription.textContent = this.imageAttributes[this.selectedImageNumber - 1].description;
-    }
-  }, {
-    key: "getClosestLowerIndex",
-    value: function getClosestLowerIndex(imageIndexes, imageIndex) {
-      var lowerIndexes = imageIndexes.filter(function (index) {
-        return index < imageIndex;
-      });
-      var lowerIndexesLength = lowerIndexes.length;
-
-      if (lowerIndexesLength) {
-        return lowerIndexes[lowerIndexesLength - 1];
-      }
-
-      return null;
-    }
-  }, {
-    key: "isFullScreenMode",
-    value: function isFullScreenMode() {
-      return this.options.mode === constants.GALLERY_MODE.fullScreen;
-    }
-  }, {
-    key: "isMaxImageMode",
-    value: function isMaxImageMode() {
-      return this.options.mode === constants.GALLERY_MODE.maxImage;
-    }
-  }, {
-    key: "isShortestEdgeMode",
-    value: function isShortestEdgeMode() {
-      return this.options.mode === constants.GALLERY_MODE.shortestEdge;
-    }
-  }]);
-}();
-
-exports.default = Gallery;
-//# sourceMappingURL=index.js.map