js-cloudimage-360-view 3.0.3 → 3.1.0

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

@@ -1,54 +1,16 @@
 "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 loadImageAsPromise = /*#__PURE__*/function () {
-  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:
-            image = new Image();
-            image.src = src;
-            return _context.abrupt("return", new Promise(function (reslove) {
-              image.onload = function () {
-                reslove(image);
-
-                if (cb) {
-                  cb(image, index);
-                }
-              };
-
-              image.onerror = function () {
-                reslove(image);
-
-                if (cb) {
-                  cb(image, index);
-                }
-              };
-            }));
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function loadImageAsPromise(_x, _x2, _x3) {
-    return _ref.apply(this, arguments);
+var loadImageAsPromise = function loadImageAsPromise(src, cb) {
+  var image = new Image();
+  image.src = src;
+  var onImageLoad = function onImageLoad() {
+    return cb(image);
   };
-}();
-
+  image.onload = onImageLoad;
+  image.onerror = onImageLoad;
+};
 exports.loadImageAsPromise = loadImageAsPromise;

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

@@ -1,58 +1,19 @@
 "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, cb) {
-    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, cb);
-
-                      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 loadImagesRelativeToContainerSize(_x, _x2) {
-    return _ref.apply(this, arguments);
+var loadImagesRelativeToContainerSize = function loadImagesRelativeToContainerSize(imagesSrcs, cb) {
+  var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var imageSrc = imagesSrcs[index];
+  if (index > imagesSrcs.length - 1) return;
+  var imageLoadCallback = function imageLoadCallback(image) {
+    var _index = index + 1;
+    cb(image, index);
+    loadImagesRelativeToContainerSize(imagesSrcs, cb, _index);
   };
-}();
-
+  (0, _loadImageAsPromise.loadImageAsPromise)(imageSrc, imageLoadCallback);
+};
 exports.loadImagesRelativeToContainerSize = loadImagesRelativeToContainerSize;

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

@@ -1,58 +1,44 @@
 "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, cb) {
     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, cb);
-
-                      case 2:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              }));
-
-              return function (_x3, _x4) {
-                return _ref2.apply(this, arguments);
-              };
-            }()));
-
-          case 2:
-          case "end":
-            return _context2.stop();
-        }
+      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, cb);
+                  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

@@ -4,11 +4,9 @@ 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

@@ -4,20 +4,15 @@ 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, cb) {
   var _ref = srcConfig || {},
-      imageList = _ref.imageList;
-
+    imageList = _ref.imageList;
   var imagesSrcs = [];
-
   if (imageList) {
     try {
       var images = JSON.parse(imageList);
@@ -28,8 +23,6 @@ var preloadImages = function preloadImages(srcConfig, imagesSrc, cb) {
   } else {
     imagesSrcs = (0, _prepareImagesFromFolder.prepareImagesFromFolder)(imagesSrc, srcConfig);
   }
-
   (0, _loadImagesRelativeToContainerSize.loadImagesRelativeToContainerSize)(imagesSrcs, cb);
 };
-
 exports.preloadImages = preloadImages;

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

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.preloadOriginalImages = void 0;
-
 var _prepareImagesFromFolder = require("./images-from-folder/prepare-images-from-folder");
-
 var _prepareImagesFromList = require("./images-from-list/prepare-images-from-list");
-
 var _loadOriginalImages = require("./load-original-images");
-
 /* eslint-disable no-console */
+
 var preloadOriginalImages = function preloadOriginalImages(srcConfig, imagesSrc, cb) {
   var _ref = srcConfig || {},
-      imageList = _ref.imageList;
-
+    imageList = _ref.imageList;
   var imagesSrcs = [];
-
   if (imageList) {
     try {
       var images = JSON.parse(imageList);
@@ -28,8 +23,6 @@ var preloadOriginalImages = function preloadOriginalImages(srcConfig, imagesSrc,
   } else {
     imagesSrcs = (0, _prepareImagesFromFolder.prepareImagesFromFolder)(imagesSrc, srcConfig, true);
   }
-
   (0, _loadOriginalImages.loadOriginalImages)(imagesSrcs, cb);
 };
-
 exports.preloadOriginalImages = preloadOriginalImages;

package/dist/utils/magnify/get-current-original-image.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCurrentOriginalImage = void 0;
-
 var _orientations = require("../../constants/orientations");
-
 var _regex = require("../../constants/regex");
-
 var getCurrentOriginalImage = function getCurrentOriginalImage(movingDirection, imagesX, imagesY, activeImageX, activeImageY) {
   var currentImage = new Image();
   var originalImagesXSrcs = imagesX.map(function (image) {
@@ -18,12 +15,9 @@ var getCurrentOriginalImage = function getCurrentOriginalImage(movingDirection,
     return image.src.replace(_regex.ORGINAL_SIZE_REGEX, '').replace(_regex.AND_SYMBOL_REGEX, '?');
   });
   currentImage.src = originalImagesXSrcs[activeImageX - 1];
-
   if (movingDirection === _orientations.ORIENTATIONS.Y) {
     currentImage.src = originalImagesYSrcs[activeImageY - 1];
   }
-
   return currentImage;
 };
-
 exports.getCurrentOriginalImage = getCurrentOriginalImage;

package/dist/utils/magnify/get-cursor-position.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCursorPosition = void 0;
-
 var getCursorPosition = function getCursorPosition() {
   var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
   var container = arguments.length > 1 ? arguments[1] : undefined;
@@ -20,5 +19,4 @@ var getCursorPosition = function getCursorPosition() {
     y: y
   };
 };
-
 exports.getCursorPosition = getCursorPosition;

package/dist/utils/magnify/magnify.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.magnify = void 0;
-
 var _moveMagnifier = require("./move-magnifier");
-
 var magnify = function magnify(container, offset, currentImage, glass, zoom) {
   var _ref = offset || {},
-      _ref$x = _ref.x,
-      offsetX = _ref$x === void 0 ? 0 : _ref$x,
-      _ref$y = _ref.y,
-      offsetY = _ref$y === void 0 ? 0 : _ref$y;
-
+    _ref$x = _ref.x,
+    offsetX = _ref$x === void 0 ? 0 : _ref$x,
+    _ref$y = _ref.y,
+    offsetY = _ref$y === void 0 ? 0 : _ref$y;
   var backgroundSizeX = (container.offsetWidth - offsetX * 2) * zoom;
   var backgroundSizeY = (container.offsetHeight - offsetY * 2) * zoom;
   glass.setAttribute('class', 'cloudimage-360-img-magnifier-glass');
@@ -32,15 +29,12 @@ var magnify = function magnify(container, offset, currentImage, glass, zoom) {
     offsetX: offsetX,
     offsetY: offsetY
   };
-
   var MouseMoveHandler = function MouseMoveHandler(event) {
     (0, _moveMagnifier.moveMagnifier)(event, containerConfig, glass);
   };
-
   var touchHandler = function touchHandler(event) {
     (0, _moveMagnifier.moveMagnifier)(event, containerConfig, glass);
   };
-
   glass.addEventListener('mousemove', MouseMoveHandler);
   container.addEventListener('mousemove', MouseMoveHandler);
   glass.addEventListener('touchmove', touchHandler, {
@@ -50,5 +44,4 @@ var magnify = function magnify(container, offset, currentImage, glass, zoom) {
     passive: true
   });
 };
-
 exports.magnify = magnify;

package/dist/utils/magnify/move-magnifier.js

@@ -4,44 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.moveMagnifier = void 0;
-
 var _getCursorPosition = require("./get-cursor-position");
-
 var moveMagnifier = function moveMagnifier(e, containerConfig, glass) {
   var container = containerConfig.container,
-      w = containerConfig.w,
-      h = containerConfig.h,
-      zoom = containerConfig.zoom,
-      bw = containerConfig.bw,
-      offsetX = containerConfig.offsetX,
-      offsetY = containerConfig.offsetY;
+    w = containerConfig.w,
+    h = containerConfig.h,
+    zoom = containerConfig.zoom,
+    bw = containerConfig.bw,
+    offsetX = containerConfig.offsetX,
+    offsetY = containerConfig.offsetY;
   var x;
   var y;
   var pos = (0, _getCursorPosition.getCursorPosition)(e, container);
   x = pos.x;
   y = pos.y;
-
   if (x > container.offsetWidth - w / zoom) {
     x = container.offsetWidth - w / zoom;
   }
-
   if (x < w / zoom) {
     x = w / zoom;
   }
-
   if (y > container.offsetHeight - h / zoom) {
     y = container.offsetHeight - h / zoom;
   }
-
   if (y < h / zoom) {
     y = h / zoom;
   }
-
   glass.style.left = "".concat(x - w, "px");
   glass.style.top = "".concat(y - h, "px");
   var backgroundPosX = (x - offsetX) * zoom - w + bw;
   var backgroundPosY = (y - offsetY) * zoom - h + bw;
   glass.style.backgroundPosition = "-".concat(backgroundPosX, "px -").concat(backgroundPosY, "px");
 };
-
 exports.moveMagnifier = moveMagnifier;

package/dist/utils/responsive/contain.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.contain = void 0;
-
 var _fit = require("./fit");
-
 var contain = (0, _fit.fit)(true);
 exports.contain = contain;

package/dist/utils/responsive/fit.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fit = void 0;
-
 var fit = function fit(contains) {
   return function (parentWidth, parentHeight, childWidth, childHeight) {
     var scale = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
@@ -14,13 +13,11 @@ var fit = function fit(contains) {
     var parentRatio = parentWidth / parentHeight;
     var width = parentWidth * scale;
     var height = parentHeight * scale;
-
     if (contains ? childRatio > parentRatio : childRatio < parentRatio) {
       height = width / childRatio;
     } else {
       width = height * childRatio;
     }
-
     return {
       width: width,
       height: height,
@@ -29,5 +26,4 @@ var fit = function fit(contains) {
     };
   };
 };
-
 exports.fit = fit;

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

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getImageAspectRatio = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var getImageAspectRatio = function getImageAspectRatio(image, providedRatio) {
   try {
     var imageAspectRatio = image.width / image.height;
-
     if (typeof providedRatio === 'number') {
       imageAspectRatio = providedRatio;
     }
-
     if (providedRatio && (0, _typeof2.default)(providedRatio) === 'object') {
       var mediaQueries = Object.keys(providedRatio).sort(function (a, b) {
         return a - b;
@@ -24,16 +19,13 @@ var getImageAspectRatio = function getImageAspectRatio(image, providedRatio) {
       var activeMedia = mediaQueries.find(function (mediaQuery) {
         return window.innerWidth <= parseInt(mediaQuery, 10);
       });
-
       if (activeMedia) {
         imageAspectRatio = providedRatio[activeMedia];
       }
     }
-
     return imageAspectRatio;
   } catch (_unused) {
     return 1;
   }
 };
-
 exports.getImageAspectRatio = getImageAspectRatio;

package/dist/utils/responsive/get-responsive-width-of-container.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getResponsiveWidthOfContainer = void 0;
-
 var _getSizeLimit = require("./get-size-limit");
-
 var getResponsiveWidthOfContainer = function getResponsiveWidthOfContainer(width) {
   return (0, _getSizeLimit.getSizeLimit)(width);
 };
-
 exports.getResponsiveWidthOfContainer = getResponsiveWidthOfContainer;

package/dist/utils/responsive/get-size-according-to-pixel-ratio.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSizeAccordingToPixelRatio = void 0;
-
 var getSizeAccordingToPixelRatio = function getSizeAccordingToPixelRatio(size) {
   var splittedSizes = size.toString().split('x');
   var result = [];
@@ -13,5 +12,4 @@ var getSizeAccordingToPixelRatio = function getSizeAccordingToPixelRatio(size) {
   });
   return result.join('x');
 };
-
 exports.getSizeAccordingToPixelRatio = getSizeAccordingToPixelRatio;

package/dist/utils/responsive/get-size-limit.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSizeLimit = void 0;
-
 var getSizeLimit = function getSizeLimit(currentSize) {
   if (currentSize <= 25) return '25';
   if (currentSize <= 50) return '50';
   return (Math.ceil(currentSize / 100) * 100).toString();
 };
-
 exports.getSizeLimit = getSizeLimit;

package/dist/utils/spin-y/get-moving-direction.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMovingDirection = void 0;
-
 var _orientations = require("../../constants/orientations");
-
 var getMovingDirection = function getMovingDirection(isStartSpin, allowSpinY, prevPosition, nextPositions, currentMovingDirection) {
   var movingDirection = _orientations.ORIENTATIONS.CENTER;
   if (isStartSpin) return currentMovingDirection;
@@ -17,5 +15,4 @@ var getMovingDirection = function getMovingDirection(isStartSpin, allowSpinY, pr
   if (differenceInPositionY > sensitivity && allowSpinY) movingDirection = _orientations.ORIENTATIONS.Y;
   return movingDirection;
 };
-
 exports.getMovingDirection = getMovingDirection;

package/dist/utils/zoom/generate-zoom-in-steps.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateZoomInSteps = void 0;
-
 var generateZoomInSteps = function generateZoomInSteps(zoomIntenisty) {
   var transitionStepsFactor = 20;
   return Array.from(Array(transitionStepsFactor)).reduce(function (acc, _, index) {
@@ -16,5 +15,4 @@ var generateZoomInSteps = function generateZoomInSteps(zoomIntenisty) {
     return acc;
   }, []);
 };
-
 exports.generateZoomInSteps = generateZoomInSteps;

package/dist/utils/zoom/generate-zoom-out-steps.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateZoomOutSteps = void 0;
-
 var generateZoomOutSteps = function generateZoomOutSteps(zoomIntenisty) {
   var transitionStepsFactor = 20;
   return Array.from(Array(transitionStepsFactor)).reduce(function (acc, _, index) {
@@ -16,5 +15,4 @@ var generateZoomOutSteps = function generateZoomOutSteps(zoomIntenisty) {
     return acc;
   }, []);
 };
-
 exports.generateZoomOutSteps = generateZoomOutSteps;