js-cloudimage-360-view 3.0.4 → 3.1.1

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 (88) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +11 -0
  3. package/dist/ci360.service.js +65 -245
  4. package/dist/ci360.utils.js +2 -14
  5. package/dist/constants/index.js +0 -4
  6. package/dist/constants/props-require-reload.js +24 -12
  7. package/dist/index.js +0 -27
  8. package/dist/utils/auto-play/get-speed-factor.js +0 -2
  9. package/dist/utils/auto-play/is-completed-one-cycle.js +0 -5
  10. package/dist/utils/auto-play/loop.js +3 -14
  11. package/dist/utils/class-names/add-class.js +0 -3
  12. package/dist/utils/class-names/remove-class.js +0 -2
  13. package/dist/utils/container-elements/apply-styles-to-container.js +0 -2
  14. package/dist/utils/container-elements/create-360-view-circle-icon.js +0 -2
  15. package/dist/utils/container-elements/create-360-view-icon.js +0 -2
  16. package/dist/utils/container-elements/create-box-shadow.js +0 -2
  17. package/dist/utils/container-elements/create-canvas.js +0 -2
  18. package/dist/utils/container-elements/create-close-fullscreen-icon.js +0 -2
  19. package/dist/utils/container-elements/create-fullscreen-icon.js +0 -2
  20. package/dist/utils/container-elements/create-fullscreen-modal.js +0 -2
  21. package/dist/utils/container-elements/create-icons-container.js +0 -2
  22. package/dist/utils/container-elements/create-inner-box.js +0 -2
  23. package/dist/utils/container-elements/create-loader.js +0 -2
  24. package/dist/utils/container-elements/create-magnifier-icon.js +0 -2
  25. package/dist/utils/container-elements/index.js +0 -13
  26. package/dist/utils/container-elements/remove-child-from-parent.js +0 -2
  27. package/dist/utils/controls/get-item-skipped.js +0 -2
  28. package/dist/utils/controls/init-controls.js +7 -16
  29. package/dist/utils/hotspots/attach-events/hide-popup.js +0 -2
  30. package/dist/utils/hotspots/attach-events/show-popup.js +0 -2
  31. package/dist/utils/hotspots/configs-error-handler.js +6 -10
  32. package/dist/utils/hotspots/create-popper-instace.js +1 -4
  33. package/dist/utils/hotspots/elements/create-carousel-dot.js +0 -6
  34. package/dist/utils/hotspots/elements/create-carousel-image.js +0 -4
  35. package/dist/utils/hotspots/elements/create-hotspot-icon.js +3 -14
  36. package/dist/utils/hotspots/elements/create-hotspot-popup-link.js +2 -6
  37. package/dist/utils/hotspots/elements/create-hotspots.js +0 -5
  38. package/dist/utils/hotspots/elements/create-images-carousel.js +0 -4
  39. package/dist/utils/hotspots/elements/create-modal-description.js +0 -2
  40. package/dist/utils/hotspots/elements/create-modal-title.js +0 -2
  41. package/dist/utils/hotspots/elements/create-model-elements.js +8 -25
  42. package/dist/utils/hotspots/elements/create-popup-arrow.js +0 -2
  43. package/dist/utils/hotspots/elements/create-popup.js +6 -18
  44. package/dist/utils/hotspots/elements/create-read-more-btn.js +0 -2
  45. package/dist/utils/hotspots/fill-empty-coord-with-previous.js +1 -6
  46. package/dist/utils/hotspots/generate-hotspots-configs.js +11 -21
  47. package/dist/utils/hotspots/generate-popup-config.js +9 -11
  48. package/dist/utils/hotspots/get-hotspot-icon.js +0 -2
  49. package/dist/utils/hotspots/get-hotspot-orientation.js +0 -4
  50. package/dist/utils/hotspots/get-hotspot-popup-node.js +0 -2
  51. package/dist/utils/hotspots/get-popup-node.js +0 -2
  52. package/dist/utils/hotspots/hide-hotspot-icon.js +0 -2
  53. package/dist/utils/hotspots/hide-hotspots-icons.js +0 -3
  54. package/dist/utils/hotspots/is-mouse-on-hotspot.js +0 -2
  55. package/dist/utils/hotspots/prepare-hotspots-positions.js +0 -6
  56. package/dist/utils/hotspots/set-current-slide.js +0 -2
  57. package/dist/utils/hotspots/toggle-popup-events.js +0 -4
  58. package/dist/utils/hotspots/update-hotspot-icon-position.js +0 -2
  59. package/dist/utils/hotspots/update-hotspots.js +6 -14
  60. package/dist/utils/image-src/generate-images-path.js +8 -17
  61. package/dist/utils/image-src/is-props-change-require-reload.js +0 -5
  62. package/dist/utils/index.js +0 -26
  63. package/dist/utils/load-images/images-from-folder/prepare-images-from-folder.js +2 -11
  64. package/dist/utils/load-images/images-from-list/prepare-images-from-list.js +0 -8
  65. package/dist/utils/load-images/lazyload/init-lazyload.js +3 -11
  66. package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-folder.js +1 -5
  67. package/dist/utils/load-images/lazyload/prepare-first-image/prepare-first-image-from-list.js +0 -9
  68. package/dist/utils/load-images/load-image-as-promise.js +8 -46
  69. package/dist/utils/load-images/load-images-relative-to-container-size.js +10 -49
  70. package/dist/utils/load-images/load-original-images.js +23 -37
  71. package/dist/utils/load-images/pad.js +0 -2
  72. package/dist/utils/load-images/preload-images.js +2 -9
  73. package/dist/utils/load-images/preload-original-images.js +2 -9
  74. package/dist/utils/magnify/get-current-original-image.js +0 -6
  75. package/dist/utils/magnify/get-cursor-position.js +0 -2
  76. package/dist/utils/magnify/magnify.js +4 -11
  77. package/dist/utils/magnify/move-magnifier.js +6 -14
  78. package/dist/utils/responsive/contain.js +0 -2
  79. package/dist/utils/responsive/fit.js +0 -4
  80. package/dist/utils/responsive/get-image-aspect-ratio.js +0 -8
  81. package/dist/utils/responsive/get-responsive-width-of-container.js +0 -3
  82. package/dist/utils/responsive/get-size-according-to-pixel-ratio.js +0 -2
  83. package/dist/utils/responsive/get-size-limit.js +0 -2
  84. package/dist/utils/spin-y/get-moving-direction.js +0 -3
  85. package/dist/utils/zoom/generate-zoom-in-steps.js +0 -2
  86. package/dist/utils/zoom/generate-zoom-out-steps.js +0 -2
  87. package/package.json +7 -7
  88. package/yarn-error.log +27 -6779
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.showPopup = void 0;
7
-
8
7
  var showPopup = function showPopup(popup, popperInstance) {
9
8
  popup.setAttribute('data-show', '');
10
9
  popup.setAttribute('data-cloudimage-360-show', '');
11
10
  popperInstance.update();
12
11
  };
13
-
14
12
  exports.showPopup = showPopup;
@@ -4,24 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.configsErrorHandler = void 0;
7
-
8
7
  var configsErrorHandler = function configsErrorHandler(hotspotProps) {
9
8
  var _hotspotProps$variant = hotspotProps.variant,
10
- variant = _hotspotProps$variant === void 0 ? {} : _hotspotProps$variant;
9
+ variant = _hotspotProps$variant === void 0 ? {} : _hotspotProps$variant;
11
10
  var url = variant.url,
12
- title = variant.title,
13
- anchorId = variant.anchorId,
14
- images = variant.images,
15
- description = variant.description,
16
- moreDetailsUrl = variant.moreDetailsUrl;
17
-
11
+ title = variant.title,
12
+ anchorId = variant.anchorId,
13
+ images = variant.images,
14
+ description = variant.description,
15
+ moreDetailsUrl = variant.moreDetailsUrl;
18
16
  if (url && !title) {
19
17
  console.error('Cloudimage-360: Hotspot config with variant link must have title for the link');
20
18
  }
21
-
22
19
  if (!title && !url && !anchorId && !images && !description && !moreDetailsUrl) {
23
20
  console.error('Cloudimage-360: Hotspot config with custom variant must provide anchorId');
24
21
  }
25
22
  };
26
-
27
23
  exports.configsErrorHandler = configsErrorHandler;
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createPopperInstance = void 0;
7
-
8
7
  var _core = require("@popperjs/core");
9
-
10
8
  var createPopperInstance = function createPopperInstance(popper, popupProps, container) {
11
9
  var placement = popupProps.placement,
12
- offset = popupProps.offset;
10
+ offset = popupProps.offset;
13
11
  var virtualReference = document.createElement('div');
14
12
  var popperInstance = (0, _core.createPopper)(virtualReference, popper);
15
13
  popperInstance.setOptions({
@@ -28,5 +26,4 @@ var createPopperInstance = function createPopperInstance(popper, popupProps, con
28
26
  });
29
27
  return popperInstance;
30
28
  };
31
-
32
29
  exports.createPopperInstance = createPopperInstance;
@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createCarouselDot = void 0;
7
-
8
7
  var _setCurrentSlide = require("../set-current-slide");
9
-
10
8
  var createCarouselDot = function createCarouselDot(image, imageIndex, popup) {
11
9
  var imageDot = document.createElement('button');
12
10
  imageDot.className = 'cloudimage-360-carousel-dot';
13
-
14
11
  imageDot.onclick = function () {
15
12
  return (0, _setCurrentSlide.setCurrentSlide)(image, imageDot, popup);
16
13
  };
17
-
18
14
  if (!imageIndex) {
19
15
  imageDot.className += ' active-dot';
20
16
  imageDot.setAttribute('data-active-dot', '');
21
17
  }
22
-
23
18
  return imageDot;
24
19
  };
25
-
26
20
  exports.createCarouselDot = createCarouselDot;
@@ -4,19 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createCarouselImage = void 0;
7
-
8
7
  var createCarouselImage = function createCarouselImage(image, imageIndex) {
9
8
  var carouselImage = document.createElement('img');
10
9
  carouselImage.className = 'cloudimage-360-carousel-image';
11
10
  carouselImage.setAttribute('src', image.src || '');
12
11
  carouselImage.setAttribute('alt', image.alt || 'more-info');
13
-
14
12
  if (!imageIndex) {
15
13
  carouselImage.setAttribute('data-active-image', '');
16
14
  carouselImage.className += ' active-image';
17
15
  }
18
-
19
16
  return carouselImage;
20
17
  };
21
-
22
18
  exports.createCarouselImage = createCarouselImage;
@@ -4,40 +4,32 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createHotspotIcon = void 0;
7
-
8
7
  var _hidePopup = require("../attach-events/hide-popup");
9
-
10
8
  var _showPopup = require("../attach-events/show-popup");
11
-
12
9
  var _hideHotspotIcon = require("../hide-hotspot-icon");
13
-
14
10
  var createHotspotIcon = function createHotspotIcon(container, hotspotConfig, popup, popperInstance) {
15
11
  var indicatorSelector = hotspotConfig.indicatorSelector,
16
- variant = hotspotConfig.variant;
12
+ variant = hotspotConfig.variant;
17
13
  var url = variant.url,
18
- anchorId = variant.anchorId;
14
+ anchorId = variant.anchorId;
19
15
  var _hotspotConfig$popupP = hotspotConfig.popupProps.open,
20
- open = _hotspotConfig$popupP === void 0 ? false : _hotspotConfig$popupP;
16
+ open = _hotspotConfig$popupP === void 0 ? false : _hotspotConfig$popupP;
21
17
  var isVisible;
22
18
  var hotspotIcon = document.createElement('div');
23
19
  hotspotIcon.style.position = 'absolute';
24
20
  hotspotIcon.className = "cloudimage-360-hotspot-".concat(url ? 'link' : 'custom', "-icon ").concat(indicatorSelector);
25
21
  hotspotIcon.setAttribute('data-hotspot-icon-id', anchorId);
26
22
  hotspotIcon.setAttribute('data-cloudimage-360-hotspot', '');
27
-
28
23
  var popupMouseEnter = function popupMouseEnter() {
29
24
  isVisible = true;
30
25
  };
31
-
32
26
  var popupMouseLeave = function popupMouseLeave() {
33
27
  isVisible = false;
34
28
  !open && (0, _hidePopup.hidePopup)(popup, isVisible);
35
29
  };
36
-
37
30
  hotspotIcon.onclick = function (e) {
38
31
  return e.stopPropagation();
39
32
  };
40
-
41
33
  var showEvents = ['mouseenter', 'touchstart', 'focus'];
42
34
  var hideEvents = ['mouseleave', 'blur'];
43
35
  showEvents.forEach(function (event) {
@@ -45,7 +37,6 @@ var createHotspotIcon = function createHotspotIcon(container, hotspotConfig, pop
45
37
  return (0, _showPopup.showPopup)(popup, popperInstance);
46
38
  });
47
39
  });
48
-
49
40
  if (!open) {
50
41
  hideEvents.forEach(function (event) {
51
42
  hotspotIcon.addEventListener(event, function () {
@@ -55,12 +46,10 @@ var createHotspotIcon = function createHotspotIcon(container, hotspotConfig, pop
55
46
  });
56
47
  });
57
48
  }
58
-
59
49
  popup.addEventListener('mouseenter', popupMouseEnter);
60
50
  popup.addEventListener('mouseleave', popupMouseLeave);
61
51
  (0, _hideHotspotIcon.hideHotspotIcon)(hotspotIcon);
62
52
  container.appendChild(hotspotIcon);
63
53
  return hotspotIcon;
64
54
  };
65
-
66
55
  exports.createHotspotIcon = createHotspotIcon;
@@ -4,20 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createHotspotPopupLink = void 0;
7
-
8
7
  var createHotspotPopupLink = function createHotspotPopupLink(variant) {
9
8
  var url = variant.url,
10
- title = variant.title,
11
- newTab = variant.newTab;
9
+ title = variant.title,
10
+ newTab = variant.newTab;
12
11
  var hyperLink = document.createElement('a');
13
12
  hyperLink.href = url;
14
13
  hyperLink.innerText = title;
15
-
16
14
  if (newTab) {
17
15
  hyperLink.target = '_blank';
18
16
  }
19
-
20
17
  return hyperLink;
21
18
  };
22
-
23
19
  exports.createHotspotPopupLink = createHotspotPopupLink;
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createHotspots = void 0;
7
-
8
7
  var _createPopperInstace = require("../create-popper-instace");
9
-
10
8
  var _createHotspotIcon = require("./create-hotspot-icon");
11
-
12
9
  var _createPopup = require("./create-popup");
13
-
14
10
  var createHotspots = function createHotspots(container, hotspotsProps) {
15
11
  hotspotsProps.forEach(function (hotspotProps) {
16
12
  var popupProps = hotspotProps.popupProps;
@@ -21,5 +17,4 @@ var createHotspots = function createHotspots(container, hotspotsProps) {
21
17
  popperInstance.update();
22
18
  });
23
19
  };
24
-
25
20
  exports.createHotspots = createHotspots;
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createImagesCarousel = void 0;
7
-
8
7
  var _createCarouselDot = require("./create-carousel-dot");
9
-
10
8
  var _createCarouselImage = require("./create-carousel-image");
11
-
12
9
  var createImagesCarousel = function createImagesCarousel(images, popup, container) {
13
10
  var imagesCarousel = document.createElement('div');
14
11
  var carouselDots = document.createElement('div');
@@ -23,5 +20,4 @@ var createImagesCarousel = function createImagesCarousel(images, popup, containe
23
20
  });
24
21
  return [imagesCarousel, carouselDots];
25
22
  };
26
-
27
23
  exports.createImagesCarousel = createImagesCarousel;
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createModalDescription = void 0;
7
-
8
7
  var createModalDescription = function createModalDescription(description) {
9
8
  var modalDescription = document.createElement('p');
10
9
  modalDescription.innerText = description;
11
10
  modalDescription.className = 'cloudimage-360-modal-description';
12
11
  return modalDescription;
13
12
  };
14
-
15
13
  exports.createModalDescription = createModalDescription;
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createModalTitle = void 0;
7
-
8
7
  var createModalTitle = function createModalTitle(title) {
9
8
  var modalTitle = document.createElement('h4');
10
9
  modalTitle.innerText = title;
11
10
  modalTitle.className = 'cloudimage-360-modal-title';
12
11
  return modalTitle;
13
12
  };
14
-
15
13
  exports.createModalTitle = createModalTitle;
@@ -1,66 +1,49 @@
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.createModalElements = void 0;
9
-
10
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
9
  var _createImagesCarousel3 = require("./create-images-carousel");
13
-
14
10
  var _createModalDescription = require("./create-modal-description");
15
-
16
11
  var _createModalTitle = require("./create-modal-title");
17
-
18
12
  var _createReadMoreBtn = require("./create-read-more-btn");
19
-
20
13
  var createModalElements = function createModalElements(variant, container, popup) {
21
14
  var images = variant.images,
22
- title = variant.title,
23
- description = variant.description,
24
- moreDetailsUrl = variant.moreDetailsUrl,
25
- _variant$moreDetailsT = variant.moreDetailsTitle,
26
- moreDetailsTitle = _variant$moreDetailsT === void 0 ? 'Read more' : _variant$moreDetailsT;
15
+ title = variant.title,
16
+ description = variant.description,
17
+ moreDetailsUrl = variant.moreDetailsUrl,
18
+ _variant$moreDetailsT = variant.moreDetailsTitle,
19
+ moreDetailsTitle = _variant$moreDetailsT === void 0 ? 'Read more' : _variant$moreDetailsT;
27
20
  var modalWrapper = document.createElement('div');
28
21
  modalWrapper.className = 'cloudimage-360-modal-wrapper';
29
-
30
22
  if (images) {
31
23
  var imagesCarouselWrapper = document.createElement('div');
32
-
33
24
  var _createImagesCarousel = (0, _createImagesCarousel3.createImagesCarousel)(images, popup, container),
34
- _createImagesCarousel2 = (0, _slicedToArray2.default)(_createImagesCarousel, 2),
35
- imagesCarousel = _createImagesCarousel2[0],
36
- carouselDots = _createImagesCarousel2[1];
37
-
25
+ _createImagesCarousel2 = (0, _slicedToArray2.default)(_createImagesCarousel, 2),
26
+ imagesCarousel = _createImagesCarousel2[0],
27
+ carouselDots = _createImagesCarousel2[1];
38
28
  imagesCarouselWrapper.appendChild(imagesCarousel);
39
-
40
29
  if (images.length > 1) {
41
30
  imagesCarouselWrapper.appendChild(carouselDots);
42
31
  }
43
-
44
32
  modalWrapper.appendChild(imagesCarouselWrapper);
45
33
  imagesCarouselWrapper.className = 'cloudimage-360-images-carousel-wrapper';
46
34
  }
47
-
48
35
  if (title) {
49
36
  var modalTitle = (0, _createModalTitle.createModalTitle)(title);
50
37
  modalWrapper.appendChild(modalTitle);
51
38
  }
52
-
53
39
  if (description) {
54
40
  var modalDescription = (0, _createModalDescription.createModalDescription)(description);
55
41
  modalWrapper.appendChild(modalDescription);
56
42
  }
57
-
58
43
  if (moreDetailsUrl) {
59
44
  var readMoreBtn = (0, _createReadMoreBtn.createReadMoreBtn)(moreDetailsUrl, moreDetailsTitle);
60
45
  modalWrapper.appendChild(readMoreBtn);
61
46
  }
62
-
63
47
  popup.appendChild(modalWrapper);
64
48
  };
65
-
66
49
  exports.createModalElements = createModalElements;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createPopupArrow = void 0;
7
-
8
7
  var createPopupArrow = function createPopupArrow() {
9
8
  var popupArrow = document.createElement('div');
10
9
  popupArrow.setAttribute('data-popper-arrow', '');
@@ -12,5 +11,4 @@ var createPopupArrow = function createPopupArrow() {
12
11
  popupArrow.className = 'cloudimage-360-popup-arrow';
13
12
  return popupArrow;
14
13
  };
15
-
16
14
  exports.createPopupArrow = createPopupArrow;
@@ -1,32 +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.createPopup = void 0;
9
-
10
8
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
11
-
12
9
  var _createHotspotPopupLink = require("./create-hotspot-popup-link");
13
-
14
10
  var _getPopupNode = require("../get-popup-node");
15
-
16
11
  var _createPopupArrow = require("./create-popup-arrow");
17
-
18
12
  var _createModelElements = require("./create-model-elements");
19
-
20
13
  var createPopup = function createPopup(container, hotspotConfig, popupProps) {
21
14
  var variant = hotspotConfig.variant;
22
15
  var popupSelector = popupProps.popupSelector,
23
- arrow = popupProps.arrow;
16
+ arrow = popupProps.arrow;
24
17
  var url = variant.url,
25
- images = variant.images,
26
- title = variant.title,
27
- anchorId = variant.anchorId,
28
- description = variant.description,
29
- moreDetailsUrl = variant.moreDetailsUrl;
18
+ images = variant.images,
19
+ title = variant.title,
20
+ anchorId = variant.anchorId,
21
+ description = variant.description,
22
+ moreDetailsUrl = variant.moreDetailsUrl;
30
23
  var popup = document.createElement('div');
31
24
  popup.className = "cloudimage-360-hotspot-popup ".concat(popupSelector);
32
25
  popup.setAttribute('data-hotspot-popup-id', anchorId);
@@ -34,11 +27,9 @@ var createPopup = function createPopup(container, hotspotConfig, popupProps) {
34
27
  popup.style.minHeight = 16;
35
28
  popup.style.minWidth = 16;
36
29
  popup.style.cursor = 'default';
37
-
38
30
  popup.onclick = function (e) {
39
31
  return e.stopPropagation();
40
32
  };
41
-
42
33
  if ((0, _typeof2.default)(variant) === 'object' && images || description || moreDetailsUrl || title && !url) {
43
34
  (0, _createModelElements.createModalElements)(variant, container, popup);
44
35
  } else if (url) {
@@ -54,14 +45,11 @@ var createPopup = function createPopup(container, hotspotConfig, popupProps) {
54
45
  console.error("Cloudimage-360: Element with anchorId '".concat(anchorId, "' not exist in the DOM"));
55
46
  }
56
47
  }
57
-
58
48
  if (arrow) {
59
49
  var popupArrow = (0, _createPopupArrow.createPopupArrow)();
60
50
  popup.appendChild(popupArrow);
61
51
  }
62
-
63
52
  container.appendChild(popup);
64
53
  return popup;
65
54
  };
66
-
67
55
  exports.createPopup = createPopup;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createReadMoreBtn = void 0;
7
-
8
7
  var createReadMoreBtn = function createReadMoreBtn(moreDetailsUrl, moreDetailsTitle) {
9
8
  var readMoreBtn = document.createElement('a');
10
9
  readMoreBtn.href = moreDetailsUrl;
@@ -13,5 +12,4 @@ var createReadMoreBtn = function createReadMoreBtn(moreDetailsUrl, moreDetailsTi
13
12
  readMoreBtn.target = '_blank';
14
13
  return readMoreBtn;
15
14
  };
16
-
17
15
  exports.createReadMoreBtn = createReadMoreBtn;
@@ -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;