js-cloudimage-360-view 2.7.9 → 2.7.12

package/dist/utils/hotspots/elements/create-hotspot-icon.js

@@ -5,34 +5,59 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createHotspotIcon = void 0;
 
+var _hidePopup = require("../attach-events/hide-popup");
+
+var _showPopup = require("../attach-events/show-popup");
+
 var _hideHotspotIcon = require("../hide-hotspot-icon");
 
-var createHotspotIcon = function createHotspotIcon(container, hotspotConfig) {
+var createHotspotIcon = function createHotspotIcon(container, hotspotConfig, popup, popperInstance) {
   var indicatorSelector = hotspotConfig.indicatorSelector,
       variant = hotspotConfig.variant;
   var url = variant.url,
       anchorId = variant.anchorId;
+  var _hotspotConfig$popupP = hotspotConfig.popupProps.open,
+      open = _hotspotConfig$popupP === void 0 ? false : _hotspotConfig$popupP;
+  var isVisible;
   var hotspotIcon = document.createElement('div');
-
-  var mouseEnterHotspot = function mouseEnterHotspot() {
-    hotspotIcon.setAttribute('data-cloudimage-360-show', '');
-  };
-
-  var mouseLeaveHotspot = function mouseLeaveHotspot() {
-    hotspotIcon.removeAttribute('data-cloudimage-360-show');
-  };
-
   hotspotIcon.style.position = 'absolute';
   hotspotIcon.className = "cloudimage-360-hotspot-".concat(url ? 'link' : 'custom', "-icon ").concat(indicatorSelector);
   hotspotIcon.setAttribute('data-hotspot-icon-id', anchorId);
   hotspotIcon.setAttribute('data-cloudimage-360-hotspot', '');
-  hotspotIcon.addEventListener('mouseenter', mouseEnterHotspot);
-  hotspotIcon.addEventListener('mouseleave', mouseLeaveHotspot);
+
+  var popupMouseEnter = function popupMouseEnter() {
+    isVisible = true;
+  };
+
+  var popupMouseLeave = function popupMouseLeave() {
+    isVisible = false;
+    !open && (0, _hidePopup.hidePopup)(popup, isVisible);
+  };
 
   hotspotIcon.onclick = function (e) {
     return e.stopPropagation();
   };
 
+  var showEvents = ['mouseenter', 'touchstart', 'focus'];
+  var hideEvents = ['mouseleave', 'blur'];
+  showEvents.forEach(function (event) {
+    hotspotIcon.addEventListener(event, function () {
+      return (0, _showPopup.showPopup)(popup, popperInstance);
+    });
+  });
+
+  if (!open) {
+    hideEvents.forEach(function (event) {
+      hotspotIcon.addEventListener(event, function () {
+        return setTimeout(function () {
+          return (0, _hidePopup.hidePopup)(popup, isVisible);
+        }, 160);
+      });
+    });
+  }
+
+  popup.addEventListener('mouseenter', popupMouseEnter);
+  popup.addEventListener('mouseleave', popupMouseLeave);
   (0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
   container.appendChild(hotspotIcon);
   return hotspotIcon;

package/dist/utils/hotspots/elements/create-hotspots.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createHotspots = void 0;
 
+var _createPopperInstace = require("../create-popper-instace");
+
 var _createHotspotIcon = require("./create-hotspot-icon");
 
 var _createPopup = require("./create-popup");
@@ -12,8 +14,11 @@ var _createPopup = require("./create-popup");
 var createHotspots = function createHotspots(container, hotspotsProps) {
   hotspotsProps.forEach(function (hotspotProps) {
     var popupProps = hotspotProps.popupProps;
-    (0, _createPopup.createPopup)(container, hotspotProps, popupProps);
-    (0, _createHotspotIcon.createHotspotIcon)(container, hotspotProps);
+    var popup = (0, _createPopup.createPopup)(container, hotspotProps, popupProps);
+    var popperInstance = (0, _createPopperInstace.createPopperInstance)(popup, popupProps, container);
+    var hotspotIcon = (0, _createHotspotIcon.createHotspotIcon)(container, hotspotProps, popup, popperInstance);
+    popperInstance.state.elements.reference = hotspotIcon;
+    popperInstance.update();
   });
 };
 

package/dist/utils/hotspots/get-hotspot-popup-node.js

@@ -5,16 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getHotspotPopupNode = void 0;
 
-var getHotspotPopupNode = function getHotspotPopupNode(anchorId, open, currentPosition) {
+var getHotspotPopupNode = function getHotspotPopupNode(anchorId) {
   var hotspotPopupSelector = "[data-hotspot-popup-id=".concat(anchorId, "]");
   var hotspotPopup = document.querySelector(hotspotPopupSelector);
-
-  if (open && currentPosition) {
-    hotspotPopup.setAttribute('data-show', '');
-  } else {
-    hotspotPopup.removeAttribute('data-show');
-  }
-
   return hotspotPopup;
 };
 

package/dist/utils/hotspots/toggle-popup-events.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.togglePopupEvents = void 0;
+
+var _ci = require("../../ci360.utils");
+
+var _getHotspotIcon = require("./get-hotspot-icon");
+
+var togglePopupEvents = function togglePopupEvents(hotspotsProps, event, isMouseDown) {
+  var iClickOnHotspotIcon = event && (0, _ci.isTrue)(event.target, 'data-cloudimage-360-hotspot');
+  if (iClickOnHotspotIcon) return;
+  hotspotsProps.forEach(function (hotspotProps) {
+    var variant = hotspotProps.variant;
+    var anchorId = variant.anchorId;
+    var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
+    hotspotIcon.style.pointerEvents = isMouseDown ? 'none' : 'all';
+  });
+};
+
+exports.togglePopupEvents = togglePopupEvents;

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

@@ -5,12 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 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");
@@ -26,25 +20,18 @@ var updateHotspots = function updateHotspots(container, hotspotsProps) {
   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,
+    var hotspots = hotspotProps.hotspots,
         initialDimensions = hotspotProps.initialDimensions,
         orientation = hotspotProps.orientation,
         variant = hotspotProps.variant;
+    var anchorId = variant.anchorId;
     var hotspotOriantaion = (0, _getHotspotOrientation.getHotspotOriantaion)(movingDirection);
     var currentImageIndex = orientation === 'x' ? activeImageX : activeImageY;
-    var open = popupProps.open;
-    var anchorId = variant.anchorId;
     var hotspotsPositions = (0, _prepareHotspotsPositions.prepareHotspotsPositions)(hotspots);
     var currentPosition = hotspotsPositions.find(function (hotspotPosition) {
       return hotspotPosition.imageIndex === currentImageIndex;
     });
-    var popup = (0, _getHotspotPopupNode.getHotspotPopupNode)(anchorId, open, currentPosition);
     var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
-    var popperInstance = (0, _createPopperInstace.createPopperInstance)(popup, popupProps, container);
-    popperInstance.state.elements.reference = hotspotIcon;
-    popperInstance.update();
-    (0, _attachPopupEvents.attachPopupEvents)(hotspotIcon, popup, popperInstance, open);
 
     if (currentPosition && hotspotOriantaion === orientation) {
       var _currentPosition$xCoo = currentPosition.xCoord,

package/dist/utils/index.js

@@ -8,6 +8,7 @@ var _exportNames = {
   generateImagesPath: true,
   preloadImages: true,
   preloadOriginalImages: true,
+  initLazyload: true,
   contain: true,
   getImageAspectRatio: true,
   getCurrentOriginalImage: true,
@@ -112,6 +113,12 @@ Object.defineProperty(exports, "initControls", {
     return _initControls.initControls;
   }
 });
+Object.defineProperty(exports, "initLazyload", {
+  enumerable: true,
+  get: function get() {
+    return _initLazyload.initLazyload;
+  }
+});
 Object.defineProperty(exports, "isCompletedOneCycle", {
   enumerable: true,
   get: function get() {
@@ -175,6 +182,8 @@ var _preloadImages = require("./load-images/preload-images");
 
 var _preloadOriginalImages = require("./load-images/preload-original-images");
 
+var _initLazyload = require("./load-images/lazyload/init-lazyload");
+
 var _contain = require("./responsive/contain");
 
 var _getImageAspectRatio = require("./responsive/get-image-aspect-ratio");

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

@@ -13,24 +13,22 @@ var _regex = require("../../../constants/regex");
 
 var _pad = require("../pad");
 
-var prepareImagesFromFolder = function prepareImagesFromFolder(imagesSrc, srcConfig) {
+var prepareImagesFromFolder = function prepareImagesFromFolder(imagesSrc, srcConfig, loadOriginalImages) {
   var _ref = srcConfig || {},
       amount = _ref.amount,
       indexZeroBase = _ref.indexZeroBase;
 
-  var resultSrc = [];
-  var originalSrc = [];
-  (0, _toConsumableArray2.default)(new Array(amount)).forEach(function (_item, index) {
+  return (0, _toConsumableArray2.default)(new Array(amount)).map(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);
+    var imageSrc = imagesSrc.replace('{index}', nextZeroFilledIndex);
+
+    if (loadOriginalImages) {
+      var imageOriginalSrc = imageSrc.replace(_regex.ORGINAL_SIZE_REGEX, '').replace(_regex.AND_SYMBOL_REGEX, '?');
+      return imageOriginalSrc;
+    }
+
+    return imageSrc;
   });
-  return {
-    resultSrc: resultSrc,
-    originalSrc: originalSrc
-  };
 };
 
 exports.prepareImagesFromFolder = prepareImagesFromFolder;

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

@@ -15,23 +15,21 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 prepareImagesFromList = function prepareImagesFromList(images, srcConfig, loadOriginalImages) {
   var folder = srcConfig.folder;
-  var resultSrc = [];
-  var originalSrc = [];
-  images.forEach(function (src) {
+  return images.map(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));
+
+    if (loadOriginalImages) {
+      var lastIndex = resultSrc.lastIndexOf('//');
+      return resultSrc.slice(lastIndex);
+    }
+
+    return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig);
   });
-  return {
-    resultSrc: resultSrc,
-    originalSrc: originalSrc
-  };
 };
 
 exports.prepareImagesFromList = prepareImagesFromList;

package/dist/utils/load-images/lazyload/init-lazyload.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initLazyload = void 0;
+
+var _prepareFirstImageFromFolder = require("./prepare-first-image/prepare-first-image-from-folder");
+
+var _prepareFirstImageFromList = require("./prepare-first-image/prepare-first-image-from-list");
+
+var initLazyload = function initLazyload(imagesSrc, srcConfig, cb) {
+  var _ref = srcConfig || {},
+      imageList = _ref.imageList,
+      lazySelector = _ref.lazySelector,
+      innerBox = _ref.innerBox;
+
+  var firstImageSrc;
+
+  if (imageList) {
+    try {
+      var images = JSON.parse(imageList);
+      firstImageSrc = (0, _prepareFirstImageFromList.prepareFirstImageFromList)(images, srcConfig);
+    } catch (error) {
+      console.error("Wrong format in image-list attribute: ".concat(error.message));
+    }
+  } else {
+    firstImageSrc = (0, _prepareFirstImageFromFolder.prepareFirstImageFromFolder)(imagesSrc, srcConfig);
+  }
+
+  var image = new Image();
+  image.setAttribute('data-src', firstImageSrc);
+  image.style.position = 'absolute';
+  image.style.top = 0;
+  image.style.left = 0;
+  image.style.width = '100%';
+  image.style.maxWidth = '100%';
+  image.style.maxHeight = '100%';
+  if (lazySelector) image.className = lazySelector;
+  innerBox.appendChild(image);
+
+  if (cb) {
+    image.onload = function () {
+      return cb(image);
+    };
+  }
+};
+
+exports.initLazyload = initLazyload;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareFirstImageFromFolder = void 0;
+
+var _pad = require("../../pad");
+
+var prepareFirstImageFromFolder = function prepareFirstImageFromFolder(imagesSrcs, srcConfig) {
+  var _ref = srcConfig || {},
+      indexZeroBase = _ref.indexZeroBase;
+
+  var nextZeroFilledIndex = (0, _pad.pad)(1, indexZeroBase);
+  return imagesSrcs.replace('{index}', nextZeroFilledIndex);
+};
+
+exports.prepareFirstImageFromFolder = prepareFirstImageFromFolder;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prepareFirstImageFromList = 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 prepareFirstImageFromList = function prepareFirstImageFromList(images, srcConfig) {
+  var folder = srcConfig.folder;
+  var firstImageSrc = images[0];
+
+  var nextSrcConfig = _objectSpread({}, srcConfig);
+
+  nextSrcConfig.folder = /(http(s?)):\/\//gi.test(firstImageSrc) ? '' : folder;
+  nextSrcConfig.filename = firstImageSrc;
+  return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig);
+};
+
+exports.prepareFirstImageFromList = prepareFirstImageFromList;

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

@@ -11,59 +11,34 @@ 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;
-
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(src, index, cb) {
+    var image;
     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;
-            }
-
+            image.src = src;
             return _context.abrupt("return", new Promise(function (reslove) {
               image.onload = function () {
-                onImageLoadCallback(image, index);
                 reslove(image);
+
+                if (cb) {
+                  cb(image, index);
+                }
               };
 
               image.onerror = function () {
-                onImageLoadCallback(image, index);
                 reslove(image);
+
+                if (cb) {
+                  cb(image, index);
+                }
               };
             }));
 
-          case 5:
+          case 3:
           case "end":
             return _context.stop();
         }

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

@@ -14,7 +14,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 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) {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imagesSrcs, cb) {
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -27,7 +27,7 @@ var loadImagesRelativeToContainerSize = /*#__PURE__*/function () {
                     switch (_context.prev = _context.next) {
                       case 0:
                         _context.next = 2;
-                        return (0, _loadImageAsPromise.loadImageAsPromise)(src, index, srcConfig, onImageLoadCallback);
+                        return (0, _loadImageAsPromise.loadImageAsPromise)(src, index, cb);
 
                       case 2:
                       case "end":
@@ -37,7 +37,7 @@ var loadImagesRelativeToContainerSize = /*#__PURE__*/function () {
                 }, _callee);
               }));
 
-              return function (_x4, _x5) {
+              return function (_x3, _x4) {
                 return _ref2.apply(this, arguments);
               };
             }()));
@@ -50,7 +50,7 @@ var loadImagesRelativeToContainerSize = /*#__PURE__*/function () {
     }, _callee2);
   }));
 
-  return function loadImagesRelativeToContainerSize(_x, _x2, _x3) {
+  return function loadImagesRelativeToContainerSize(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();

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

@@ -14,7 +14,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _loadImageAsPromise = require("./load-image-as-promise");
 
 var loadOriginalImages = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imagesSrcs, onImageLoadCallback) {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imagesSrcs, cb) {
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -27,7 +27,7 @@ var loadOriginalImages = /*#__PURE__*/function () {
                     switch (_context.prev = _context.next) {
                       case 0:
                         _context.next = 2;
-                        return (0, _loadImageAsPromise.loadImageAsPromise)(src, index, null, onImageLoadCallback);
+                        return (0, _loadImageAsPromise.loadImageAsPromise)(src, index, cb);
 
                       case 2:
                       case "end":

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

@@ -12,27 +12,24 @@ var _prepareImagesFromFolder = require("./images-from-folder/prepare-images-from
 var _prepareImagesFromList = require("./images-from-list/prepare-images-from-list");
 
 /* eslint-disable no-console */
-var preloadImages = function preloadImages(srcConfig, imagesSrc, onImageLoadCallback) {
+var preloadImages = function preloadImages(srcConfig, imagesSrc, cb) {
   var _ref = srcConfig || {},
       imageList = _ref.imageList;
 
-  var imagesSets = {};
+  var imagesSrcs = [];
 
   if (imageList) {
     try {
       var images = JSON.parse(imageList);
-      imagesSets = (0, _prepareImagesFromList.prepareImagesFromList)(images, srcConfig);
+      imagesSrcs = (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);
+    imagesSrcs = (0, _prepareImagesFromFolder.prepareImagesFromFolder)(imagesSrc, srcConfig);
   }
 
-  var _ref2 = imagesSets || {},
-      resultSrc = _ref2.resultSrc;
-
-  (0, _loadImagesRelativeToContainerSize.loadImagesRelativeToContainerSize)(resultSrc, srcConfig, onImageLoadCallback);
+  (0, _loadImagesRelativeToContainerSize.loadImagesRelativeToContainerSize)(imagesSrcs, cb);
 };
 
 exports.preloadImages = preloadImages;

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

@@ -12,27 +12,24 @@ var _prepareImagesFromList = require("./images-from-list/prepare-images-from-lis
 var _loadOriginalImages = require("./load-original-images");
 
 /* eslint-disable no-console */
-var preloadOriginalImages = function preloadOriginalImages(srcConfig, imagesSrc, onImageLoadCallback) {
+var preloadOriginalImages = function preloadOriginalImages(srcConfig, imagesSrc, cb) {
   var _ref = srcConfig || {},
       imageList = _ref.imageList;
 
-  var imagesSets = {};
+  var imagesSrcs = [];
 
   if (imageList) {
     try {
       var images = JSON.parse(imageList);
-      imagesSets = (0, _prepareImagesFromList.prepareImagesFromList)(images, srcConfig);
+      imagesSrcs = (0, _prepareImagesFromList.prepareImagesFromList)(images, srcConfig, true);
     } catch (error) {
       console.error("Wrong format in image-list attribute: ".concat(error.message));
     }
   } else {
-    imagesSets = (0, _prepareImagesFromFolder.prepareImagesFromFolder)(imagesSrc, srcConfig);
+    imagesSrcs = (0, _prepareImagesFromFolder.prepareImagesFromFolder)(imagesSrc, srcConfig, true);
   }
 
-  var _ref2 = imagesSets || {},
-      originalSrc = _ref2.originalSrc;
-
-  (0, _loadOriginalImages.loadOriginalImages)(originalSrc, onImageLoadCallback);
+  (0, _loadOriginalImages.loadOriginalImages)(imagesSrcs, cb);
 };
 
 exports.preloadOriginalImages = preloadOriginalImages;

package/dist/utils/responsive/get-image-aspect-ratio.js

@@ -17,7 +17,7 @@ var getImageAspectRatio = function getImageAspectRatio(image, providedRatio) {
       imageAspectRatio = providedRatio;
     }
 
-    if ((0, _typeof2.default)(providedRatio) === 'object') {
+    if (providedRatio && (0, _typeof2.default)(providedRatio) === 'object') {
       var mediaQueries = Object.keys(providedRatio).sort(function (a, b) {
         return a - b;
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-cloudimage-360-view",
-  "version": "2.7.9",
+  "version": "2.7.12",
   "main": "dist/index.js",
   "description": "",
   "author": "scaleflex",

package/dist/utils/hotspots/attach-popup-events.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.attachPopupEvents = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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 attachPopupEvents = function attachPopupEvents(reference, popper, popperInstance, open) {
-  if (open) return;
-  var showEvents = ['mouseenter', 'touchstart', 'focus'];
-  var hideEvents = ['mouseleave', 'blur'];
-  var isVisible;
-
-  var showPopup = function showPopup() {
-    popper.setAttribute('data-show', '');
-    popper.setAttribute('data-cloudimage-360-show', '');
-    popperInstance.update();
-  };
-
-  var hidePopup = function hidePopup() {
-    setTimeout(function () {
-      if (!isVisible) {
-        popper.removeAttribute('data-show');
-        popper.removeAttribute('data-cloudimage-360-show');
-        popperInstance.setOptions(function (options) {
-          return _objectSpread(_objectSpread({}, options), {}, {
-            modifiers: [].concat((0, _toConsumableArray2.default)(options.modifiers), [{
-              name: 'eventListeners',
-              enabled: false
-            }])
-          });
-        });
-      } else {
-        isVisible = false;
-      }
-    }, 160);
-  };
-
-  var keepPopupShown = function keepPopupShown() {
-    isVisible = true;
-  };
-
-  showEvents.forEach(function (event) {
-    reference.addEventListener(event, showPopup);
-  });
-  hideEvents.forEach(function (event) {
-    reference.addEventListener(event, hidePopup);
-  });
-  popper.addEventListener('mouseenter', keepPopupShown);
-  popper.addEventListener('mouseleave', hidePopup);
-};
-
-exports.attachPopupEvents = attachPopupEvents;