js-cloudimage-360-view 3.0.4 → 3.1.0

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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-cloudimage-360-view",
-  "version": "3.0.4",
+  "version": "3.1.0",
   "main": "dist/index.js",
   "description": "",
   "author": "scaleflex",
@@ -31,7 +31,7 @@
     "clean:demo": "rm -rf examples/dist",
     "build:demo": "npm run clean:demo && webpack --mode production  --config config/webpack-demo.config.js",
     "deploy:demo": "gh-pages -d examples/dist",
-    "publish:demo": "npm run build-demo && npm run deploy-demo"
+    "publish:demo": "npm run build:demo && npm run deploy:demo"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",