js-cloudimage-360-view 2.7.2-beta.6 → 2.7.4

package/dist/utils/hotspot/update-hotspots.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateHotspots = void 0;
+
+var _getHotspotPopupNode = require("./get-hotspot-popup-node");
+
+var _createPopperInstace = require("./create-popper-instace");
+
+var _attachPopupEvents = require("./attach-popup-events");
+
+var _prepareHotspotsPositions = require("./prepare-hotspots-positions");
+
+var _getHotspotIcon = require("./get-hotspot-icon");
+
+var _updateHotspotIconPosition = require("./update-hotspot-icon-position");
+
+var _hideHotspotIcon = require("./hide-hotspot-icon");
+
+var _getHotspotOrientation = require("./get-hotspot-orientation");
+
+var updateHotspots = function updateHotspots(container, hotspotsProps) {
+  var activeImageX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var activeImageY = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var movingDirection = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'x-axis';
+  hotspotsProps.forEach(function (hotspotProps) {
+    var popupProps = hotspotProps.popupProps,
+        hotspots = hotspotProps.hotspots,
+        initialDimensions = hotspotProps.initialDimensions,
+        orientation = hotspotProps.orientation;
+    var hotspotOriantaion = (0, _getHotspotOrientation.getHotspotOriantaion)(movingDirection);
+    var currentImage = orientation === 'x' ? activeImageX : activeImageY;
+    var anchorId = popupProps.anchorId,
+        open = popupProps.open;
+    var popup = (0, _getHotspotPopupNode.getHotspotPopupNode)(anchorId, open);
+    var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
+    var hotspotsPositions = (0, _prepareHotspotsPositions.prepareHotspotsPositions)(hotspots);
+    var popperInstance = (0, _createPopperInstace.createPopperInstance)(popup, popupProps, container);
+    popperInstance.state.elements.reference = hotspotIcon;
+    popperInstance.update();
+    (0, _attachPopupEvents.attachPopupEvents)(hotspotIcon, popup, popperInstance, open);
+    var currentPosition = hotspotsPositions.find(function (hotspotPosition) {
+      return hotspotPosition.imageIndex === currentImage;
+    });
+
+    if (currentPosition && hotspotOriantaion === orientation) {
+      var _currentPosition$xCoo = currentPosition.xCoord,
+          xCoord = _currentPosition$xCoo === void 0 ? 0 : _currentPosition$xCoo,
+          _currentPosition$yCoo = currentPosition.yCoord,
+          yCoord = _currentPosition$yCoo === void 0 ? 0 : _currentPosition$yCoo;
+      (0, _updateHotspotIconPosition.updateHotspotIconPosition)(container, initialDimensions, hotspotIcon, xCoord, yCoord);
+    } else {
+      (0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
+    }
+  });
+};
+
+exports.updateHotspots = updateHotspots;

package/dist/utils/image-src/generate-images-path.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateImagesPath = void 0;
+
+var _falsyValues = require("../../constants/falsy-values");
+
+var _getResponsiveWidthOfContainer = require("../responsive/get-responsive-width-of-container");
+
+var _getSizeAccordingToPixelRatio = require("../responsive/get-size-according-to-pixel-ratio");
+
+var generateImagesPath = function generateImagesPath(srcConfig) {
+  var container = srcConfig.container,
+      folder = srcConfig.folder,
+      apiVersion = srcConfig.apiVersion,
+      _srcConfig$filename = srcConfig.filename,
+      filename = _srcConfig$filename === void 0 ? '' : _srcConfig$filename,
+      ciParams = srcConfig.ciParams;
+
+  var _ref = ciParams || {},
+      ciToken = _ref.ciToken,
+      ciFilters = _ref.ciFilters,
+      ciTransformation = _ref.ciTransformation;
+
+  var src = "".concat(folder).concat(filename);
+
+  if (ciToken) {
+    var imageOffsetWidth = container.offsetWidth;
+    var vesrion = _falsyValues.FALSY_VALUES.indexOf(apiVersion) !== -1 ? null : apiVersion;
+    var finalApiVersion = vesrion ? "".concat(vesrion, "/") : '';
+    var ciSizeNext = (0, _getSizeAccordingToPixelRatio.getSizeAccordingToPixelRatio)((0, _getResponsiveWidthOfContainer.getResponsiveWidthOfContainer)(imageOffsetWidth));
+    src = "https://".concat(ciToken, ".cloudimg.io/").concat(finalApiVersion).concat(src, "?").concat(ciTransformation || "width=".concat(ciSizeNext)).concat(ciFilters ? "&f=".concat(ciFilters) : '');
+  }
+
+  return src;
+};
+
+exports.generateImagesPath = generateImagesPath;

package/dist/utils/index.js

@@ -0,0 +1,228 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  generateImagesPath: true,
+  preloadImages: true,
+  preloadOriginalImages: true,
+  contain: true,
+  getCurrentOriginalImage: true,
+  magnify: true,
+  getSpeedFactor: true,
+  isCompletedOneCycle: true,
+  getContainerResponsiveWidth: true,
+  getContainerResponsiveHeight: true,
+  getMovingDirection: true,
+  initControls: true,
+  addClass: true,
+  removeClass: true,
+  getItemSkipped: true,
+  loop: true,
+  generateZoomInSteps: true,
+  generateZoomOutSteps: true,
+  updateHotspots: true,
+  createHotspots: true,
+  generateHotspotsConfigs: true,
+  isMouseOnHotspot: true,
+  hideHotspotsIcons: true
+};
+Object.defineProperty(exports, "addClass", {
+  enumerable: true,
+  get: function get() {
+    return _addClass.addClass;
+  }
+});
+Object.defineProperty(exports, "contain", {
+  enumerable: true,
+  get: function get() {
+    return _contain.contain;
+  }
+});
+Object.defineProperty(exports, "createHotspots", {
+  enumerable: true,
+  get: function get() {
+    return _createHotspots.createHotspots;
+  }
+});
+Object.defineProperty(exports, "generateHotspotsConfigs", {
+  enumerable: true,
+  get: function get() {
+    return _generateHotspotsConfigs.generateHotspotsConfigs;
+  }
+});
+Object.defineProperty(exports, "generateImagesPath", {
+  enumerable: true,
+  get: function get() {
+    return _generateImagesPath.generateImagesPath;
+  }
+});
+Object.defineProperty(exports, "generateZoomInSteps", {
+  enumerable: true,
+  get: function get() {
+    return _generateZoomInSteps.generateZoomInSteps;
+  }
+});
+Object.defineProperty(exports, "generateZoomOutSteps", {
+  enumerable: true,
+  get: function get() {
+    return _generateZoomOutSteps.generateZoomOutSteps;
+  }
+});
+Object.defineProperty(exports, "getContainerResponsiveHeight", {
+  enumerable: true,
+  get: function get() {
+    return _getContainerResponsiveHeight.getContainerResponsiveHeight;
+  }
+});
+Object.defineProperty(exports, "getContainerResponsiveWidth", {
+  enumerable: true,
+  get: function get() {
+    return _getContainerResponsiveWidth.getContainerResponsiveWidth;
+  }
+});
+Object.defineProperty(exports, "getCurrentOriginalImage", {
+  enumerable: true,
+  get: function get() {
+    return _getCurrentOriginalImage.getCurrentOriginalImage;
+  }
+});
+Object.defineProperty(exports, "getItemSkipped", {
+  enumerable: true,
+  get: function get() {
+    return _getItemSkipped.getItemSkipped;
+  }
+});
+Object.defineProperty(exports, "getMovingDirection", {
+  enumerable: true,
+  get: function get() {
+    return _getMovingDirection.getMovingDirection;
+  }
+});
+Object.defineProperty(exports, "getSpeedFactor", {
+  enumerable: true,
+  get: function get() {
+    return _getSpeedFactor.getSpeedFactor;
+  }
+});
+Object.defineProperty(exports, "hideHotspotsIcons", {
+  enumerable: true,
+  get: function get() {
+    return _hideHotspotsIcons.hideHotspotsIcons;
+  }
+});
+Object.defineProperty(exports, "initControls", {
+  enumerable: true,
+  get: function get() {
+    return _initControls.initControls;
+  }
+});
+Object.defineProperty(exports, "isCompletedOneCycle", {
+  enumerable: true,
+  get: function get() {
+    return _isCompletedOneCycle.isCompletedOneCycle;
+  }
+});
+Object.defineProperty(exports, "isMouseOnHotspot", {
+  enumerable: true,
+  get: function get() {
+    return _isMouseOnHotspot.isMouseOnHotspot;
+  }
+});
+Object.defineProperty(exports, "loop", {
+  enumerable: true,
+  get: function get() {
+    return _loop.loop;
+  }
+});
+Object.defineProperty(exports, "magnify", {
+  enumerable: true,
+  get: function get() {
+    return _magnify.magnify;
+  }
+});
+Object.defineProperty(exports, "preloadImages", {
+  enumerable: true,
+  get: function get() {
+    return _preloadImages.preloadImages;
+  }
+});
+Object.defineProperty(exports, "preloadOriginalImages", {
+  enumerable: true,
+  get: function get() {
+    return _preloadOriginalImages.preloadOriginalImages;
+  }
+});
+Object.defineProperty(exports, "removeClass", {
+  enumerable: true,
+  get: function get() {
+    return _removeClass.removeClass;
+  }
+});
+Object.defineProperty(exports, "updateHotspots", {
+  enumerable: true,
+  get: function get() {
+    return _updateHotspots.updateHotspots;
+  }
+});
+
+var _generateImagesPath = require("./image-src/generate-images-path");
+
+var _preloadImages = require("./load-images/preload-images");
+
+var _preloadOriginalImages = require("./load-images/preload-original-images");
+
+var _contain = require("./responsive/contain");
+
+var _getCurrentOriginalImage = require("./magnify/get-current-original-image");
+
+var _magnify = require("./magnify/magnify");
+
+var _getSpeedFactor = require("./auto-play/get-speed-factor");
+
+var _isCompletedOneCycle = require("./auto-play/is-completed-one-cycle");
+
+var _getContainerResponsiveWidth = require("./responsive/get-container-responsive-width");
+
+var _getContainerResponsiveHeight = require("./responsive/get-container-responsive-height");
+
+var _getMovingDirection = require("./spin-y/get-moving-direction");
+
+var _initControls = require("./controls/init-controls");
+
+var _addClass = require("./common/add-class");
+
+var _removeClass = require("./common/remove-class");
+
+var _getItemSkipped = require("./controls/get-item-skipped");
+
+var _containerElements = require("./container-elements");
+
+Object.keys(_containerElements).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _containerElements[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _containerElements[key];
+    }
+  });
+});
+
+var _loop = require("./auto-play/loop");
+
+var _generateZoomInSteps = require("./zoom/generate-zoom-in-steps");
+
+var _generateZoomOutSteps = require("./zoom/generate-zoom-out-steps");
+
+var _updateHotspots = require("./hotspot/update-hotspots");
+
+var _createHotspots = require("./hotspot/elements/create-hotspots");
+
+var _generateHotspotsConfigs = require("./hotspot/generate-hotspots-configs");
+
+var _isMouseOnHotspot = require("./hotspot/is-mouse-on-hotspot");
+
+var _hideHotspotsIcons = require("./hotspot/hide-hotspots-icons");

package/dist/utils/load-images/images-from-folder/prepare-images-from-folder.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareImagesFromFolder = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _regex = require("../../../constants/regex");
+
+var _pad = require("../pad");
+
+var prepareImagesFromFolder = function prepareImagesFromFolder(imagesSrc, srcConfig) {
+  var _ref = srcConfig || {},
+      amount = _ref.amount,
+      indexZeroBase = _ref.indexZeroBase;
+
+  var resultSrc = [];
+  var originalSrc = [];
+  (0, _toConsumableArray2.default)(new Array(amount)).forEach(function (_item, index) {
+    var nextZeroFilledIndex = (0, _pad.pad)(index + 1, indexZeroBase);
+    var imageResultSrc = imagesSrc.replace('{index}', nextZeroFilledIndex);
+    var imageOriginalSrc = imageResultSrc.replace(_regex.ORGINAL_SIZE_REGEX, '').replace(_regex.AND_SYMBOL_REGEX, '?');
+    resultSrc.push(imageResultSrc);
+    originalSrc.push(imageOriginalSrc);
+  });
+  return {
+    resultSrc: resultSrc,
+    originalSrc: originalSrc
+  };
+};
+
+exports.prepareImagesFromFolder = prepareImagesFromFolder;

package/dist/utils/load-images/images-from-list/prepare-images-from-list.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareImagesFromList = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _generateImagesPath = require("../../image-src/generate-images-path");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var prepareImagesFromList = function prepareImagesFromList(images, srcConfig) {
+  var folder = srcConfig.folder;
+  var resultSrc = [];
+  var originalSrc = [];
+  images.forEach(function (src) {
+    var nextSrcConfig = _objectSpread({}, srcConfig);
+
+    nextSrcConfig.folder = /(http(s?)):\/\//gi.test(src) ? '' : folder;
+    nextSrcConfig.filename = src;
+    var lastIndex = resultSrc.lastIndexOf('//');
+    resultSrc.push((0, _generateImagesPath.generateImagesPath)(nextSrcConfig));
+    originalSrc.push(resultSrc.slice(lastIndex));
+  });
+  return {
+    resultSrc: resultSrc,
+    originalSrc: originalSrc
+  };
+};
+
+exports.prepareImagesFromList = prepareImagesFromList;

package/dist/utils/load-images/load-image-as-promise.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadImageAsPromise = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _orientations = require("../../constants/orientations");
+
+var loadImageAsPromise = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(src, index, srcConfig) {
+    var onImageLoadCallback,
+        _ref2,
+        lazyload,
+        lazySelector,
+        fullscreenView,
+        innerBox,
+        orientation,
+        image,
+        _args = arguments;
+
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            onImageLoadCallback = _args.length > 3 && _args[3] !== undefined ? _args[3] : function () {};
+            _ref2 = srcConfig || {}, lazyload = _ref2.lazyload, lazySelector = _ref2.lazySelector, fullscreenView = _ref2.fullscreenView, innerBox = _ref2.innerBox, orientation = _ref2.orientation;
+            image = new Image();
+
+            if (lazyload && !fullscreenView) {
+              image.setAttribute('data-src', src);
+              image.className = image.className.length ? "".concat(image.className, " ").concat(lazySelector) : lazySelector;
+
+              if (index === 0 && orientation !== _orientations.ORIENTATIONS.Y) {
+                image.style.position = 'absolute';
+                image.style.top = '0';
+                image.style.left = '0';
+                innerBox.appendChild(image);
+              }
+
+              image.onload = function () {
+                return onImageLoadCallback(image, index);
+              };
+            } else {
+              image.src = src;
+            }
+
+            return _context.abrupt("return", new Promise(function (reslove) {
+              image.onload = function () {
+                onImageLoadCallback(image, index);
+                reslove(image);
+              };
+
+              image.onerror = function () {
+                onImageLoadCallback(image, index);
+                reslove(image);
+              };
+            }));
+
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function loadImageAsPromise(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.loadImageAsPromise = loadImageAsPromise;

package/dist/utils/load-images/load-image.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadImage = void 0;
+
+var loadImage = function loadImage(src, index, srcConfig) {
+  var _ref = srcConfig || {},
+      lazyload = _ref.lazyload,
+      lazySelector = _ref.lazySelector,
+      fullscreenView = _ref.fullscreenView;
+
+  var image = new Image();
+
+  if (lazyload && !fullscreenView) {
+    image.setAttribute('data-src', src);
+    image.className = image.className.length ? "".concat(image.className, " ").concat(lazySelector) : lazySelector;
+  } else {
+    image.src = src;
+  }
+
+  return image;
+};
+
+exports.loadImage = loadImage;

package/dist/utils/load-images/load-images-relative-to-container-size.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadImagesRelativeToContainerSize = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _loadImageAsPromise = require("./load-image-as-promise");
+
+var loadImagesRelativeToContainerSize = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imagesSrcs, srcConfig, onImageLoadCallback) {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return Promise.all(imagesSrcs.map( /*#__PURE__*/function () {
+              var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(src, index) {
+                return _regenerator.default.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return (0, _loadImageAsPromise.loadImageAsPromise)(src, index, srcConfig, onImageLoadCallback);
+
+                      case 2:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              return function (_x4, _x5) {
+                return _ref2.apply(this, arguments);
+              };
+            }()));
+
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function loadImagesRelativeToContainerSize(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.loadImagesRelativeToContainerSize = loadImagesRelativeToContainerSize;

package/dist/utils/load-images/load-original-images.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadOriginalImages = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _loadImageAsPromise = require("./load-image-as-promise");
+
+var loadOriginalImages = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imagesSrcs, onImageLoadCallback) {
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return Promise.all(imagesSrcs.map( /*#__PURE__*/function () {
+              var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(src, index) {
+                return _regenerator.default.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return (0, _loadImageAsPromise.loadImageAsPromise)(src, index, null, onImageLoadCallback);
+
+                      case 2:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              return function (_x3, _x4) {
+                return _ref2.apply(this, arguments);
+              };
+            }()));
+
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function loadOriginalImages(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.loadOriginalImages = loadOriginalImages;

package/dist/utils/load-images/pad.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pad = void 0;
+
+var pad = function pad(n) {
+  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  n += '';
+  return n.length >= width ? n : new Array(width - n.length + 1).join('0') + n;
+};
+
+exports.pad = pad;

package/dist/utils/load-images/preload-images.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preloadImages = void 0;
+
+var _loadImagesRelativeToContainerSize = require("./load-images-relative-to-container-size");
+
+var _prepareImagesFromFolder = require("./images-from-folder/prepare-images-from-folder");
+
+var _prepareImagesFromList = require("./images-from-list/prepare-images-from-list");
+
+/* eslint-disable no-console */
+var preloadImages = function preloadImages(srcConfig, imagesSrc, onImageLoadCallback) {
+  var _ref = srcConfig || {},
+      imageList = _ref.imageList;
+
+  var imagesSets = {};
+
+  if (imageList) {
+    try {
+      var images = JSON.parse(imageList);
+      imagesSets = (0, _prepareImagesFromList.prepareImagesFromList)(images, srcConfig);
+    } catch (error) {
+      console.error("Wrong format in image-list attribute: ".concat(error.message));
+    }
+  } else {
+    imagesSets = (0, _prepareImagesFromFolder.prepareImagesFromFolder)(imagesSrc, srcConfig);
+  }
+
+  var _ref2 = imagesSets || {},
+      resultSrc = _ref2.resultSrc;
+
+  (0, _loadImagesRelativeToContainerSize.loadImagesRelativeToContainerSize)(resultSrc, srcConfig, onImageLoadCallback);
+};
+
+exports.preloadImages = preloadImages;