js-cloudimage-360-view 3.0.0-beta.2 → 3.0.2

package/dist/utils/index.js

@@ -0,0 +1,237 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  isPropsChangeRequireReload: true,
+  generateImagesPath: true,
+  preloadImages: true,
+  preloadOriginalImages: true,
+  initLazyload: true,
+  contain: true,
+  getImageAspectRatio: true,
+  getCurrentOriginalImage: true,
+  magnify: true,
+  generateZoomInSteps: true,
+  generateZoomOutSteps: true,
+  loop: true,
+  getSpeedFactor: true,
+  isCompletedOneCycle: true,
+  addClass: true,
+  removeClass: true,
+  getMovingDirection: true,
+  getItemSkipped: true,
+  initControls: 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, "getCurrentOriginalImage", {
+  enumerable: true,
+  get: function get() {
+    return _getCurrentOriginalImage.getCurrentOriginalImage;
+  }
+});
+Object.defineProperty(exports, "getImageAspectRatio", {
+  enumerable: true,
+  get: function get() {
+    return _getImageAspectRatio.getImageAspectRatio;
+  }
+});
+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, "initLazyload", {
+  enumerable: true,
+  get: function get() {
+    return _initLazyload.initLazyload;
+  }
+});
+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, "isPropsChangeRequireReload", {
+  enumerable: true,
+  get: function get() {
+    return _isPropsChangeRequireReload.isPropsChangeRequireReload;
+  }
+});
+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 _isPropsChangeRequireReload = require("./image-src/is-props-change-require-reload");
+
+var _generateImagesPath = require("./image-src/generate-images-path");
+
+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");
+
+var _getCurrentOriginalImage = require("./magnify/get-current-original-image");
+
+var _magnify = require("./magnify/magnify");
+
+var _generateZoomInSteps = require("./zoom/generate-zoom-in-steps");
+
+var _generateZoomOutSteps = require("./zoom/generate-zoom-out-steps");
+
+var _loop = require("./auto-play/loop");
+
+var _getSpeedFactor = require("./auto-play/get-speed-factor");
+
+var _isCompletedOneCycle = require("./auto-play/is-completed-one-cycle");
+
+var _addClass = require("./class-names/add-class");
+
+var _removeClass = require("./class-names/remove-class");
+
+var _getMovingDirection = require("./spin-y/get-moving-direction");
+
+var _getItemSkipped = require("./controls/get-item-skipped");
+
+var _initControls = require("./controls/init-controls");
+
+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 _updateHotspots = require("./hotspots/update-hotspots");
+
+var _createHotspots = require("./hotspots/elements/create-hotspots");
+
+var _generateHotspotsConfigs = require("./hotspots/generate-hotspots-configs");
+
+var _isMouseOnHotspot = require("./hotspots/is-mouse-on-hotspot");
+
+var _hideHotspotsIcons = require("./hotspots/hide-hotspots-icons");

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

@@ -0,0 +1,34 @@
+"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, loadOriginalImages) {
+  var _ref = srcConfig || {},
+      amount = _ref.amount,
+      indexZeroBase = _ref.indexZeroBase;
+
+  return (0, _toConsumableArray2.default)(new Array(amount)).map(function (_item, index) {
+    var nextZeroFilledIndex = (0, _pad.pad)(index + 1, indexZeroBase);
+    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;
+  });
+};
+
+exports.prepareImagesFromFolder = prepareImagesFromFolder;

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

@@ -0,0 +1,35 @@
+"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, loadOriginalImages) {
+  var folder = srcConfig.folder;
+  return images.map(function (src) {
+    var nextSrcConfig = _objectSpread({}, srcConfig);
+
+    nextSrcConfig.folder = /(http(s?)):\/\//gi.test(src) ? '' : folder;
+    nextSrcConfig.filename = src;
+
+    if (loadOriginalImages) {
+      var lastIndex = resultSrc.lastIndexOf('//');
+      return resultSrc.slice(lastIndex);
+    }
+
+    return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig);
+  });
+};
+
+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

@@ -0,0 +1,54 @@
+"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);
+  };
+}();
+
+exports.loadImageAsPromise = loadImageAsPromise;

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, 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);
+  };
+}();
+
+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, 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 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,35 @@
+"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, cb) {
+  var _ref = srcConfig || {},
+      imageList = _ref.imageList;
+
+  var imagesSrcs = [];
+
+  if (imageList) {
+    try {
+      var images = JSON.parse(imageList);
+      imagesSrcs = (0, _prepareImagesFromList.prepareImagesFromList)(images, srcConfig);
+    } catch (error) {
+      console.error("Wrong format in image-list attribute: ".concat(error.message));
+    }
+  } else {
+    imagesSrcs = (0, _prepareImagesFromFolder.prepareImagesFromFolder)(imagesSrc, srcConfig);
+  }
+
+  (0, _loadImagesRelativeToContainerSize.loadImagesRelativeToContainerSize)(imagesSrcs, cb);
+};
+
+exports.preloadImages = preloadImages;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+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;
+
+  var imagesSrcs = [];
+
+  if (imageList) {
+    try {
+      var images = JSON.parse(imageList);
+      imagesSrcs = (0, _prepareImagesFromList.prepareImagesFromList)(images, srcConfig, true);
+    } catch (error) {
+      console.error("Wrong format in image-list attribute: ".concat(error.message));
+    }
+  } else {
+    imagesSrcs = (0, _prepareImagesFromFolder.prepareImagesFromFolder)(imagesSrc, srcConfig, true);
+  }
+
+  (0, _loadOriginalImages.loadOriginalImages)(imagesSrcs, cb);
+};
+
+exports.preloadOriginalImages = preloadOriginalImages;