js-cloudimage-360-view 3.0.3 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/.env +3 -0
  2. package/CHANGELOG.md +167 -156
  3. package/LICENSE +27 -33
  4. package/README.md +820 -806
  5. package/bin/deploy-bundle.js +63 -0
  6. package/dist/ci360.service.js +65 -245
  7. package/dist/ci360.utils.js +2 -14
  8. package/dist/constants/index.js +0 -4
  9. package/dist/constants/props-require-reload.js +24 -12
  10. package/dist/index.js +0 -27
  11. package/dist/static/css/hotspots.css +221 -221
  12. package/dist/static/css/style.css +229 -229
  13. package/dist/utils/auto-play/get-speed-factor.js +0 -2
  14. package/dist/utils/auto-play/is-completed-one-cycle.js +0 -5
  15. package/dist/utils/auto-play/loop.js +3 -14
  16. package/dist/utils/class-names/add-class.js +0 -3
  17. package/dist/utils/class-names/remove-class.js +0 -2
  18. package/dist/utils/container-elements/apply-styles-to-container.js +0 -2
  19. package/dist/utils/container-elements/create-360-view-circle-icon.js +0 -2
  20. package/dist/utils/container-elements/create-360-view-icon.js +0 -2
  21. package/dist/utils/container-elements/create-box-shadow.js +0 -2
  22. package/dist/utils/container-elements/create-canvas.js +0 -2
  23. package/dist/utils/container-elements/create-close-fullscreen-icon.js +0 -2
  24. package/dist/utils/container-elements/create-fullscreen-icon.js +0 -2
  25. package/dist/utils/container-elements/create-fullscreen-modal.js +0 -2
  26. package/dist/utils/container-elements/create-icons-container.js +0 -2
  27. package/dist/utils/container-elements/create-inner-box.js +0 -2
  28. package/dist/utils/container-elements/create-loader.js +0 -2
  29. package/dist/utils/container-elements/create-magnifier-icon.js +0 -2
  30. package/dist/utils/container-elements/index.js +0 -13
  31. package/dist/utils/container-elements/remove-child-from-parent.js +0 -2
  32. package/dist/utils/controls/get-item-skipped.js +0 -2
  33. package/dist/utils/controls/init-controls.js +7 -16
  34. package/dist/utils/hotspots/attach-events/hide-popup.js +0 -2
  35. package/dist/utils/hotspots/attach-events/show-popup.js +0 -2
  36. package/dist/utils/hotspots/configs-error-handler.js +6 -10
  37. package/dist/utils/hotspots/create-popper-instace.js +1 -4
  38. package/dist/utils/hotspots/elements/create-carousel-dot.js +0 -6
  39. package/dist/utils/hotspots/elements/create-carousel-image.js +0 -4
  40. package/dist/utils/hotspots/elements/create-hotspot-icon.js +3 -14
  41. package/dist/utils/hotspots/elements/create-hotspot-popup-link.js +2 -6
  42. package/dist/utils/hotspots/elements/create-hotspots.js +0 -5
  43. package/dist/utils/hotspots/elements/create-images-carousel.js +0 -4
  44. package/dist/utils/hotspots/elements/create-modal-description.js +0 -2
  45. package/dist/utils/hotspots/elements/create-modal-title.js +0 -2
  46. package/dist/utils/hotspots/elements/create-model-elements.js +8 -25
  47. package/dist/utils/hotspots/elements/create-popup-arrow.js +0 -2
  48. package/dist/utils/hotspots/elements/create-popup.js +6 -18
  49. package/dist/utils/hotspots/elements/create-read-more-btn.js +0 -2
  50. package/dist/utils/hotspots/fill-empty-coord-with-previous.js +1 -6
  51. package/dist/utils/hotspots/generate-hotspots-configs.js +11 -21
  52. package/dist/utils/hotspots/generate-popup-config.js +9 -11
  53. package/dist/utils/hotspots/get-hotspot-icon.js +0 -2
  54. package/dist/utils/hotspots/get-hotspot-orientation.js +0 -4
  55. package/dist/utils/hotspots/get-hotspot-popup-node.js +0 -2
  56. package/dist/utils/hotspots/get-popup-node.js +0 -2
  57. package/dist/utils/hotspots/hide-hotspot-icon.js +0 -2
  58. package/dist/utils/hotspots/hide-hotspots-icons.js +0 -3
  59. package/dist/utils/hotspots/is-mouse-on-hotspot.js +0 -2
  60. package/dist/utils/hotspots/prepare-hotspots-positions.js +0 -6
  61. package/dist/utils/hotspots/set-current-slide.js +0 -2
  62. package/dist/utils/hotspots/toggle-popup-events.js +0 -4
  63. package/dist/utils/hotspots/update-hotspot-icon-position.js +0 -2
  64. package/dist/utils/hotspots/update-hotspots.js +6 -14
  65. package/dist/utils/image-src/generate-images-path.js +8 -17
  66. package/dist/utils/image-src/is-props-change-require-reload.js +0 -5
  67. package/dist/utils/index.js +0 -26
  68. package/dist/utils/load-images/images-from-folder/prepare-images-from-folder.js +2 -11
  69. package/dist/utils/load-images/images-from-list/prepare-images-from-list.js +0 -8
  70. package/dist/utils/load-images/lazyload/init-lazyload.js +3 -11
  71. package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-folder.js +1 -5
  72. package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-list.js +0 -9
  73. package/dist/utils/load-images/load-image-as-promise.js +8 -46
  74. package/dist/utils/load-images/load-images-relative-to-container-size.js +10 -49
  75. package/dist/utils/load-images/load-original-images.js +23 -37
  76. package/dist/utils/load-images/pad.js +0 -2
  77. package/dist/utils/load-images/preload-images.js +2 -9
  78. package/dist/utils/load-images/preload-original-images.js +2 -9
  79. package/dist/utils/magnify/get-current-original-image.js +0 -6
  80. package/dist/utils/magnify/get-cursor-position.js +0 -2
  81. package/dist/utils/magnify/magnify.js +4 -11
  82. package/dist/utils/magnify/move-magnifier.js +6 -14
  83. package/dist/utils/responsive/contain.js +0 -2
  84. package/dist/utils/responsive/fit.js +0 -4
  85. package/dist/utils/responsive/get-image-aspect-ratio.js +0 -8
  86. package/dist/utils/responsive/get-responsive-width-of-container.js +0 -3
  87. package/dist/utils/responsive/get-size-according-to-pixel-ratio.js +0 -2
  88. package/dist/utils/responsive/get-size-limit.js +0 -2
  89. package/dist/utils/spin-y/get-moving-direction.js +0 -3
  90. package/dist/utils/zoom/generate-zoom-in-steps.js +0 -2
  91. package/dist/utils/zoom/generate-zoom-out-steps.js +0 -2
  92. package/package.json +67 -62
  93. package/yarn-error.log +101 -0
@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.fillEmptyCoordWithPrevious = void 0;
7
-
8
7
  /* eslint no-plusplus: ["error", { "allowForLoopAfterthoughts": true }] */
8
+
9
9
  var fillEmptyCoordWithPrevious = function fillEmptyCoordWithPrevious(positions, hotspotIndex, coord) {
10
10
  var coordIndexes = new Array(hotspotIndex);
11
11
  var intialValue = '0%';
12
-
13
12
  for (var i = coordIndexes.length - 1; i > -1; i--) {
14
13
  var _positions$i;
15
-
16
14
  var previousXCoord = (_positions$i = positions[i]) === null || _positions$i === void 0 ? void 0 : _positions$i[coord];
17
-
18
15
  if (previousXCoord) {
19
16
  return previousXCoord;
20
17
  }
21
18
  }
22
-
23
19
  return intialValue;
24
20
  };
25
-
26
21
  exports.fillEmptyCoordWithPrevious = fillEmptyCoordWithPrevious;
@@ -1,45 +1,36 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.generateHotspotsConfigs = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _configsErrorHandler = require("./configs-error-handler");
13
-
14
10
  var _generatePopupConfig = require("./generate-popup-config");
15
-
16
11
  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; }
17
-
18
12
  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; }
19
-
20
13
  var generateHotspotsConfigs = function generateHotspotsConfigs(hotspotsProps) {
21
14
  var hotspotsConfigs = hotspotsProps.map(function (hotspotProps) {
22
15
  var _hotspotProps$variant = hotspotProps.variant,
23
- variant = _hotspotProps$variant === void 0 ? {} : _hotspotProps$variant,
24
- _hotspotProps$positio = hotspotProps.positions,
25
- positions = _hotspotProps$positio === void 0 ? [] : _hotspotProps$positio,
26
- _hotspotProps$indicat = hotspotProps.indicatorSelector,
27
- indicatorSelector = _hotspotProps$indicat === void 0 ? '' : _hotspotProps$indicat,
28
- _hotspotProps$popupPr = hotspotProps.popupProps,
29
- popupProps = _hotspotProps$popupPr === void 0 ? {} : _hotspotProps$popupPr,
30
- _hotspotProps$orienta = hotspotProps.orientation,
31
- orientation = _hotspotProps$orienta === void 0 ? 'x' : _hotspotProps$orienta,
32
- _hotspotProps$initial = hotspotProps.initialDimensions,
33
- initialDimensions = _hotspotProps$initial === void 0 ? [500, 500] : _hotspotProps$initial;
16
+ variant = _hotspotProps$variant === void 0 ? {} : _hotspotProps$variant,
17
+ _hotspotProps$positio = hotspotProps.positions,
18
+ positions = _hotspotProps$positio === void 0 ? [] : _hotspotProps$positio,
19
+ _hotspotProps$indicat = hotspotProps.indicatorSelector,
20
+ indicatorSelector = _hotspotProps$indicat === void 0 ? '' : _hotspotProps$indicat,
21
+ _hotspotProps$popupPr = hotspotProps.popupProps,
22
+ popupProps = _hotspotProps$popupPr === void 0 ? {} : _hotspotProps$popupPr,
23
+ _hotspotProps$orienta = hotspotProps.orientation,
24
+ orientation = _hotspotProps$orienta === void 0 ? 'x' : _hotspotProps$orienta,
25
+ _hotspotProps$initial = hotspotProps.initialDimensions,
26
+ initialDimensions = _hotspotProps$initial === void 0 ? [500, 500] : _hotspotProps$initial;
34
27
  (0, _configsErrorHandler.configsErrorHandler)(hotspotProps);
35
28
  var popupConfig = (0, _generatePopupConfig.generatePopupConfig)(popupProps);
36
29
  var anchorId = variant === null || variant === void 0 ? void 0 : variant.anchorId;
37
-
38
30
  if (!anchorId) {
39
31
  var uniqueID = Math.floor(Math.random() * 10000);
40
32
  anchorId = "cloudimage-360-".concat(uniqueID);
41
33
  }
42
-
43
34
  var hotspotConfig = {
44
35
  variant: _objectSpread(_objectSpread({}, variant), {}, {
45
36
  anchorId: anchorId
@@ -54,5 +45,4 @@ var generateHotspotsConfigs = function generateHotspotsConfigs(hotspotsProps) {
54
45
  });
55
46
  return hotspotsConfigs;
56
47
  };
57
-
58
48
  exports.generateHotspotsConfigs = generateHotspotsConfigs;
@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.generatePopupConfig = void 0;
7
-
8
7
  var generatePopupConfig = function generatePopupConfig(popupProps) {
9
8
  var _popupProps$popupSele = popupProps.popupSelector,
10
- popupSelector = _popupProps$popupSele === void 0 ? '' : _popupProps$popupSele,
11
- _popupProps$arrow = popupProps.arrow,
12
- arrow = _popupProps$arrow === void 0 ? true : _popupProps$arrow,
13
- _popupProps$offset = popupProps.offset,
14
- offset = _popupProps$offset === void 0 ? [0, 10] : _popupProps$offset,
15
- _popupProps$placement = popupProps.placement,
16
- placement = _popupProps$placement === void 0 ? 'auto' : _popupProps$placement,
17
- _popupProps$open = popupProps.open,
18
- open = _popupProps$open === void 0 ? false : _popupProps$open;
9
+ popupSelector = _popupProps$popupSele === void 0 ? '' : _popupProps$popupSele,
10
+ _popupProps$arrow = popupProps.arrow,
11
+ arrow = _popupProps$arrow === void 0 ? true : _popupProps$arrow,
12
+ _popupProps$offset = popupProps.offset,
13
+ offset = _popupProps$offset === void 0 ? [0, 10] : _popupProps$offset,
14
+ _popupProps$placement = popupProps.placement,
15
+ placement = _popupProps$placement === void 0 ? 'auto' : _popupProps$placement,
16
+ _popupProps$open = popupProps.open,
17
+ open = _popupProps$open === void 0 ? false : _popupProps$open;
19
18
  var popupConfig = {
20
19
  popupSelector: popupSelector,
21
20
  arrow: arrow,
@@ -25,5 +24,4 @@ var generatePopupConfig = function generatePopupConfig(popupProps) {
25
24
  };
26
25
  return popupConfig;
27
26
  };
28
-
29
27
  exports.generatePopupConfig = generatePopupConfig;
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getHotspotIcon = void 0;
7
-
8
7
  var getHotspotIcon = function getHotspotIcon(anchorId) {
9
8
  var hotspotIconSelector = "[data-hotspot-icon-id=".concat(anchorId, "]");
10
9
  var hotspotIcon = document.querySelector(hotspotIconSelector);
11
10
  return hotspotIcon;
12
11
  };
13
-
14
12
  exports.getHotspotIcon = getHotspotIcon;
@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getHotspotOriantaion = void 0;
7
-
8
7
  var getHotspotOriantaion = function getHotspotOriantaion(orientation) {
9
8
  switch (orientation.toLowerCase()) {
10
9
  case 'x-axis':
11
10
  return 'x';
12
-
13
11
  case 'y-axis':
14
12
  return 'y';
15
-
16
13
  default:
17
14
  return 'x';
18
15
  }
19
16
  };
20
-
21
17
  exports.getHotspotOriantaion = getHotspotOriantaion;
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getHotspotPopupNode = void 0;
7
-
8
7
  var getHotspotPopupNode = function getHotspotPopupNode(anchorId) {
9
8
  var hotspotPopupSelector = "[data-hotspot-popup-id=".concat(anchorId, "]");
10
9
  var hotspotPopup = document.querySelector(hotspotPopupSelector);
11
10
  return hotspotPopup;
12
11
  };
13
-
14
12
  exports.getHotspotPopupNode = getHotspotPopupNode;
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getPopupNode = void 0;
7
-
8
7
  var getPopupNode = function getPopupNode(popupId) {
9
8
  var popupSelector = 'data-cloudimage-360-hotspots';
10
9
  var popupNode = document.querySelector("[".concat(popupSelector, "=").concat(popupId, "]"));
11
10
  return popupNode;
12
11
  };
13
-
14
12
  exports.getPopupNode = getPopupNode;
@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.hideHotspotIcon = void 0;
7
-
8
7
  var hideHotspotIcon = function hideHotspotIcon(icon) {
9
8
  icon.style.visibility = 'hidden';
10
9
  icon.style.opacity = 0;
11
10
  };
12
-
13
11
  exports.hideHotspotIcon = hideHotspotIcon;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.hideHotspotsIcons = void 0;
7
-
8
7
  var _hideHotspotIcon = require("./hide-hotspot-icon");
9
-
10
8
  var hideHotspotsIcons = function hideHotspotsIcons() {
11
9
  var hotspotIconSelector = '[data-hotspot-icon-id]';
12
10
  var hotspotIcons = document.querySelectorAll(hotspotIconSelector) || [];
@@ -14,5 +12,4 @@ var hideHotspotsIcons = function hideHotspotsIcons() {
14
12
  (0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
15
13
  });
16
14
  };
17
-
18
15
  exports.hideHotspotsIcons = hideHotspotsIcons;
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isMouseOnHotspot = void 0;
7
-
8
7
  var isMouseOnHotspot = function isMouseOnHotspot() {
9
8
  var hotspotElementsSelector = '[data-cloudimage-360-show]';
10
9
  var hostpotElements = document.querySelectorAll(hotspotElementsSelector);
11
10
  return !!hostpotElements.length;
12
11
  };
13
-
14
12
  exports.isMouseOnHotspot = isMouseOnHotspot;
@@ -4,25 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.prepareHotspotsPositions = void 0;
7
-
8
7
  var _fillEmptyCoordWithPrevious = require("./fill-empty-coord-with-previous");
9
-
10
8
  var prepareHotspotsPositions = function prepareHotspotsPositions(positions) {
11
9
  return positions.reduce(function (accumulate, current, currentIndex) {
12
10
  var isIncludesXcoord = !!(current !== null && current !== void 0 && current.xCoord);
13
11
  var isIncludesYcoord = !!(current !== null && current !== void 0 && current.yCoord);
14
-
15
12
  if (!isIncludesXcoord) {
16
13
  current.xCoord = (0, _fillEmptyCoordWithPrevious.fillEmptyCoordWithPrevious)(positions, currentIndex, 'xCoord');
17
14
  }
18
-
19
15
  if (!isIncludesYcoord) {
20
16
  current.yCoord = (0, _fillEmptyCoordWithPrevious.fillEmptyCoordWithPrevious)(positions, currentIndex, 'yCoord');
21
17
  }
22
-
23
18
  accumulate.push(current);
24
19
  return accumulate;
25
20
  }, []);
26
21
  };
27
-
28
22
  exports.prepareHotspotsPositions = prepareHotspotsPositions;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.setCurrentSlide = void 0;
7
-
8
7
  var setCurrentSlide = function setCurrentSlide(image, imageDot, popup) {
9
8
  var activeDotSelector = '[data-active-dot]';
10
9
  var activeImageSelector = '[data-active-image]';
@@ -19,5 +18,4 @@ var setCurrentSlide = function setCurrentSlide(image, imageDot, popup) {
19
18
  imageDot.className += ' active-dot';
20
19
  imageDot.setAttribute('data-active-dot', '');
21
20
  };
22
-
23
21
  exports.setCurrentSlide = setCurrentSlide;
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.togglePopupEvents = void 0;
7
-
8
7
  var _ci = require("../../ci360.utils");
9
-
10
8
  var _getHotspotIcon = require("./get-hotspot-icon");
11
-
12
9
  var togglePopupEvents = function togglePopupEvents(hotspotsProps, event, isMouseDown) {
13
10
  var iClickOnHotspotIcon = event && (0, _ci.isTrue)(event.target, 'data-cloudimage-360-hotspot');
14
11
  if (iClickOnHotspotIcon) return;
@@ -19,5 +16,4 @@ var togglePopupEvents = function togglePopupEvents(hotspotsProps, event, isMouse
19
16
  hotspotIcon.style.pointerEvents = isMouseDown ? 'none' : 'all';
20
17
  });
21
18
  };
22
-
23
19
  exports.togglePopupEvents = togglePopupEvents;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.updateHotspotIconPosition = void 0;
7
-
8
7
  var updateHotspotIconPosition = function updateHotspotIconPosition(container, initialDimensions, icon, xCoord, yCoord) {
9
8
  icon.style.visibility = 'visible';
10
9
  icon.style.opacity = 1;
@@ -17,5 +16,4 @@ var updateHotspotIconPosition = function updateHotspotIconPosition(container, in
17
16
  var translateY = "".concat(positionYRatio * yCoord, "px");
18
17
  icon.style.transform = "translate3d(".concat(translateX, ", ").concat(translateY, ", 0)");
19
18
  };
20
-
21
19
  exports.updateHotspotIconPosition = updateHotspotIconPosition;
@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.updateHotspots = void 0;
7
-
8
7
  var _prepareHotspotsPositions = require("./prepare-hotspots-positions");
9
-
10
8
  var _getHotspotIcon = require("./get-hotspot-icon");
11
-
12
9
  var _updateHotspotIconPosition = require("./update-hotspot-icon-position");
13
-
14
10
  var _hideHotspotIcon = require("./hide-hotspot-icon");
15
-
16
11
  var _getHotspotOrientation = require("./get-hotspot-orientation");
17
-
18
12
  var updateHotspots = function updateHotspots(container, hotspotsProps) {
19
13
  var activeImageX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
20
14
  var activeImageY = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
21
15
  var movingDirection = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'x-axis';
22
16
  hotspotsProps.forEach(function (hotspotProps) {
23
17
  var positions = hotspotProps.positions,
24
- initialDimensions = hotspotProps.initialDimensions,
25
- orientation = hotspotProps.orientation,
26
- variant = hotspotProps.variant;
18
+ initialDimensions = hotspotProps.initialDimensions,
19
+ orientation = hotspotProps.orientation,
20
+ variant = hotspotProps.variant;
27
21
  var anchorId = variant.anchorId;
28
22
  var hotspotOriantaion = (0, _getHotspotOrientation.getHotspotOriantaion)(movingDirection);
29
23
  var currentImageIndex = orientation === 'x' ? activeImageX : activeImageY;
@@ -32,17 +26,15 @@ var updateHotspots = function updateHotspots(container, hotspotsProps) {
32
26
  return hotspotPosition.imageIndex === currentImageIndex;
33
27
  });
34
28
  var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
35
-
36
29
  if (currentPosition && hotspotOriantaion === orientation) {
37
30
  var _currentPosition$xCoo = currentPosition.xCoord,
38
- xCoord = _currentPosition$xCoo === void 0 ? 0 : _currentPosition$xCoo,
39
- _currentPosition$yCoo = currentPosition.yCoord,
40
- yCoord = _currentPosition$yCoo === void 0 ? 0 : _currentPosition$yCoo;
31
+ xCoord = _currentPosition$xCoo === void 0 ? 0 : _currentPosition$xCoo,
32
+ _currentPosition$yCoo = currentPosition.yCoord,
33
+ yCoord = _currentPosition$yCoo === void 0 ? 0 : _currentPosition$yCoo;
41
34
  (0, _updateHotspotIconPosition.updateHotspotIconPosition)(container, initialDimensions, hotspotIcon, xCoord, yCoord);
42
35
  } else {
43
36
  (0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
44
37
  }
45
38
  });
46
39
  };
47
-
48
40
  exports.updateHotspots = updateHotspots;
@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.generateImagesPath = void 0;
7
-
8
7
  var _falsyValues = require("../../constants/falsy-values");
9
-
10
8
  var _getResponsiveWidthOfContainer = require("../responsive/get-responsive-width-of-container");
11
-
12
9
  var _getSizeAccordingToPixelRatio = require("../responsive/get-size-according-to-pixel-ratio");
13
-
14
10
  var generateImagesPath = function generateImagesPath(srcConfig, loadOriginalImages) {
15
11
  var container = srcConfig.container,
16
- folder = srcConfig.folder,
17
- apiVersion = srcConfig.apiVersion,
18
- _srcConfig$filename = srcConfig.filename,
19
- filename = _srcConfig$filename === void 0 ? '' : _srcConfig$filename,
20
- ciParams = srcConfig.ciParams;
21
-
12
+ folder = srcConfig.folder,
13
+ apiVersion = srcConfig.apiVersion,
14
+ _srcConfig$filename = srcConfig.filename,
15
+ filename = _srcConfig$filename === void 0 ? '' : _srcConfig$filename,
16
+ ciParams = srcConfig.ciParams;
22
17
  var _ref = ciParams || {},
23
- ciToken = _ref.ciToken,
24
- ciFilters = _ref.ciFilters,
25
- ciTransformation = _ref.ciTransformation;
26
-
18
+ ciToken = _ref.ciToken,
19
+ ciFilters = _ref.ciFilters,
20
+ ciTransformation = _ref.ciTransformation;
27
21
  var src = "".concat(folder).concat(filename);
28
-
29
22
  if (ciToken) {
30
23
  var imageOffsetWidth = container.offsetWidth;
31
24
  var version = !(_falsyValues.FALSY_VALUES.indexOf(apiVersion) !== -1) ? apiVersion : null;
@@ -35,8 +28,6 @@ var generateImagesPath = function generateImagesPath(srcConfig, loadOriginalImag
35
28
  var cdn = isCloudImageUrl ? src : "https://".concat(ciToken, ".cloudimg.io/").concat(finalApiVersion).concat(src);
36
29
  src = "".concat(cdn, "?").concat(ciTransformation || "".concat(!loadOriginalImages ? "width=".concat(ciSizeNext) : '', " ")).concat(ciFilters ? "&f=".concat(ciFilters) : '');
37
30
  }
38
-
39
31
  return src;
40
32
  };
41
-
42
33
  exports.generateImagesPath = generateImagesPath;
@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isPropsChangeRequireReload = void 0;
7
-
8
7
  var _propsRequireReload = require("../../constants/props-require-reload");
9
-
10
8
  var isPropsChangeRequireReload = function isPropsChangeRequireReload(currentProps, changedProps) {
11
9
  return Object.keys(changedProps).reduce(function (acc, current) {
12
10
  var isPropChanged = currentProps[current] !== changedProps[current];
13
11
  var isSrcProp = _propsRequireReload.PROPS_REQUIRE_RELOAD.indexOf(current) !== -1;
14
-
15
12
  if (isSrcProp && isPropChanged) {
16
13
  acc = true;
17
14
  }
18
-
19
15
  return acc;
20
16
  }, false);
21
17
  };
22
-
23
18
  exports.isPropsChangeRequireReload = isPropsChangeRequireReload;
@@ -173,47 +173,26 @@ Object.defineProperty(exports, "updateHotspots", {
173
173
  return _updateHotspots.updateHotspots;
174
174
  }
175
175
  });
176
-
177
176
  var _isPropsChangeRequireReload = require("./image-src/is-props-change-require-reload");
178
-
179
177
  var _generateImagesPath = require("./image-src/generate-images-path");
180
-
181
178
  var _preloadImages = require("./load-images/preload-images");
182
-
183
179
  var _preloadOriginalImages = require("./load-images/preload-original-images");
184
-
185
180
  var _initLazyload = require("./load-images/lazyload/init-lazyload");
186
-
187
181
  var _contain = require("./responsive/contain");
188
-
189
182
  var _getImageAspectRatio = require("./responsive/get-image-aspect-ratio");
190
-
191
183
  var _getCurrentOriginalImage = require("./magnify/get-current-original-image");
192
-
193
184
  var _magnify = require("./magnify/magnify");
194
-
195
185
  var _generateZoomInSteps = require("./zoom/generate-zoom-in-steps");
196
-
197
186
  var _generateZoomOutSteps = require("./zoom/generate-zoom-out-steps");
198
-
199
187
  var _loop = require("./auto-play/loop");
200
-
201
188
  var _getSpeedFactor = require("./auto-play/get-speed-factor");
202
-
203
189
  var _isCompletedOneCycle = require("./auto-play/is-completed-one-cycle");
204
-
205
190
  var _addClass = require("./class-names/add-class");
206
-
207
191
  var _removeClass = require("./class-names/remove-class");
208
-
209
192
  var _getMovingDirection = require("./spin-y/get-moving-direction");
210
-
211
193
  var _getItemSkipped = require("./controls/get-item-skipped");
212
-
213
194
  var _initControls = require("./controls/init-controls");
214
-
215
195
  var _containerElements = require("./container-elements");
216
-
217
196
  Object.keys(_containerElements).forEach(function (key) {
218
197
  if (key === "default" || key === "__esModule") return;
219
198
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -225,13 +204,8 @@ Object.keys(_containerElements).forEach(function (key) {
225
204
  }
226
205
  });
227
206
  });
228
-
229
207
  var _updateHotspots = require("./hotspots/update-hotspots");
230
-
231
208
  var _createHotspots = require("./hotspots/elements/create-hotspots");
232
-
233
209
  var _generateHotspotsConfigs = require("./hotspots/generate-hotspots-configs");
234
-
235
210
  var _isMouseOnHotspot = require("./hotspots/is-mouse-on-hotspot");
236
-
237
211
  var _hideHotspotsIcons = require("./hotspots/hide-hotspots-icons");
@@ -1,34 +1,25 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.prepareImagesFromFolder = void 0;
9
-
10
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
-
12
9
  var _regex = require("../../../constants/regex");
13
-
14
10
  var _pad = require("../pad");
15
-
16
11
  var prepareImagesFromFolder = function prepareImagesFromFolder(imagesSrc, srcConfig, loadOriginalImages) {
17
12
  var _ref = srcConfig || {},
18
- amount = _ref.amount,
19
- indexZeroBase = _ref.indexZeroBase;
20
-
13
+ amount = _ref.amount,
14
+ indexZeroBase = _ref.indexZeroBase;
21
15
  return (0, _toConsumableArray2.default)(new Array(amount)).map(function (_item, index) {
22
16
  var nextZeroFilledIndex = (0, _pad.pad)(index + 1, indexZeroBase);
23
17
  var imageSrc = imagesSrc.replace('{index}', nextZeroFilledIndex);
24
-
25
18
  if (loadOriginalImages) {
26
19
  var imageOriginalSrc = imageSrc.replace(_regex.ORGINAL_SIZE_REGEX, '').replace(_regex.AND_SYMBOL_REGEX, '?');
27
20
  return imageOriginalSrc;
28
21
  }
29
-
30
22
  return imageSrc;
31
23
  });
32
24
  };
33
-
34
25
  exports.prepareImagesFromFolder = prepareImagesFromFolder;
@@ -1,29 +1,21 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.prepareImagesFromList = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _generateImagesPath = require("../../image-src/generate-images-path");
13
-
14
10
  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; }
15
-
16
11
  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; }
17
-
18
12
  var prepareImagesFromList = function prepareImagesFromList(images, srcConfig, loadOriginalImages) {
19
13
  var folder = srcConfig.folder;
20
14
  return images.map(function (src) {
21
15
  var nextSrcConfig = _objectSpread({}, srcConfig);
22
-
23
16
  nextSrcConfig.folder = /(http(s?)):\/\//gi.test(src) ? '' : folder;
24
17
  nextSrcConfig.filename = src;
25
18
  return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig, loadOriginalImages);
26
19
  });
27
20
  };
28
-
29
21
  exports.prepareImagesFromList = prepareImagesFromList;
@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.initLazyload = void 0;
7
-
8
7
  var _prepareFirstImageFromFolder = require("./prepare-first-image/prepare-first-image-from-folder");
9
-
10
8
  var _prepareFirstImageFromList = require("./prepare-first-image/prepare-first-image-from-list");
11
-
12
9
  var initLazyload = function initLazyload(imagesSrc, srcConfig, cb) {
13
10
  var _ref = srcConfig || {},
14
- imageList = _ref.imageList,
15
- lazySelector = _ref.lazySelector,
16
- innerBox = _ref.innerBox;
17
-
11
+ imageList = _ref.imageList,
12
+ lazySelector = _ref.lazySelector,
13
+ innerBox = _ref.innerBox;
18
14
  var firstImageSrc;
19
-
20
15
  if (imageList) {
21
16
  try {
22
17
  var images = JSON.parse(imageList);
@@ -27,7 +22,6 @@ var initLazyload = function initLazyload(imagesSrc, srcConfig, cb) {
27
22
  } else {
28
23
  firstImageSrc = (0, _prepareFirstImageFromFolder.prepareFirstImageFromFolder)(imagesSrc, srcConfig);
29
24
  }
30
-
31
25
  var image = new Image();
32
26
  image.setAttribute('data-src', firstImageSrc);
33
27
  image.style.position = 'absolute';
@@ -38,12 +32,10 @@ var initLazyload = function initLazyload(imagesSrc, srcConfig, cb) {
38
32
  image.style.maxHeight = '100%';
39
33
  if (lazySelector) image.className = lazySelector;
40
34
  innerBox.appendChild(image);
41
-
42
35
  if (cb) {
43
36
  image.onload = function () {
44
37
  return cb(image);
45
38
  };
46
39
  }
47
40
  };
48
-
49
41
  exports.initLazyload = initLazyload;
@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.prepareFirstImageFromFolder = void 0;
7
-
8
7
  var _pad = require("../../pad");
9
-
10
8
  var prepareFirstImageFromFolder = function prepareFirstImageFromFolder(imagesSrcs, srcConfig) {
11
9
  var _ref = srcConfig || {},
12
- indexZeroBase = _ref.indexZeroBase;
13
-
10
+ indexZeroBase = _ref.indexZeroBase;
14
11
  var nextZeroFilledIndex = (0, _pad.pad)(1, indexZeroBase);
15
12
  return imagesSrcs.replace('{index}', nextZeroFilledIndex);
16
13
  };
17
-
18
14
  exports.prepareFirstImageFromFolder = prepareFirstImageFromFolder;
@@ -1,29 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.prepareFirstImageFromList = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _generateImagesPath = require("../../../image-src/generate-images-path");
13
-
14
10
  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; }
15
-
16
11
  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; }
17
-
18
12
  var prepareFirstImageFromList = function prepareFirstImageFromList(images, srcConfig) {
19
13
  var folder = srcConfig.folder;
20
14
  var firstImageSrc = images[0];
21
-
22
15
  var nextSrcConfig = _objectSpread({}, srcConfig);
23
-
24
16
  nextSrcConfig.folder = /(http(s?)):\/\//gi.test(firstImageSrc) ? '' : folder;
25
17
  nextSrcConfig.filename = firstImageSrc;
26
18
  return (0, _generateImagesPath.generateImagesPath)(nextSrcConfig);
27
19
  };
28
-
29
20
  exports.prepareFirstImageFromList = prepareFirstImageFromList;