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,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createFullscreenModal = void 0;
7
-
8
7
  var createFullscreenModal = function createFullscreenModal(container) {
9
8
  var fullscreenModal = document.createElement('div');
10
9
  fullscreenModal.className = 'cloudimage-360-fullscreen-modal';
@@ -16,5 +15,4 @@ var createFullscreenModal = function createFullscreenModal(container) {
16
15
  window.document.body.appendChild(fullscreenModal);
17
16
  return fullscreenContainer;
18
17
  };
19
-
20
18
  exports.createFullscreenModal = createFullscreenModal;
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createIconsContainer = void 0;
7
-
8
7
  var createIconsContainer = function createIconsContainer(innerBox) {
9
8
  var iconsContainer = document.createElement('div');
10
9
  iconsContainer.className = 'cloudimage-360-icons-container';
11
10
  innerBox.appendChild(iconsContainer);
12
11
  return iconsContainer;
13
12
  };
14
-
15
13
  exports.createIconsContainer = createIconsContainer;
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createInnerBox = void 0;
7
-
8
7
  var createInnerBox = function createInnerBox(container) {
9
8
  var innerBox = document.createElement('div');
10
9
  innerBox.className = 'cloudimage-360-inner-box';
11
10
  container.appendChild(innerBox);
12
11
  return innerBox;
13
12
  };
14
-
15
13
  exports.createInnerBox = createInnerBox;
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createLoader = void 0;
7
-
8
7
  var createLoader = function createLoader(innerBox) {
9
8
  var loader = document.createElement('div');
10
9
  loader.className = 'cloudimage-360-loader';
11
10
  innerBox.appendChild(loader);
12
11
  return loader;
13
12
  };
14
-
15
13
  exports.createLoader = createLoader;
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.createMagnifierIcon = void 0;
7
-
8
7
  var createMagnifierIcon = function createMagnifierIcon() {
9
8
  var magnifyIcon = document.createElement('div');
10
9
  magnifyIcon.className = 'cloudimage-360-magnifier-icon';
11
10
  return magnifyIcon;
12
11
  };
13
-
14
12
  exports.createMagnifierIcon = createMagnifierIcon;
@@ -81,29 +81,16 @@ Object.defineProperty(exports, "removeChildFromParent", {
81
81
  return _removeChildFromParent.removeChildFromParent;
82
82
  }
83
83
  });
84
-
85
84
  var _create360ViewCircleIcon = require("./create-360-view-circle-icon");
86
-
87
85
  var _create360ViewIcon = require("./create-360-view-icon");
88
-
89
86
  var _createCanvas = require("./create-canvas");
90
-
91
87
  var _createCloseFullscreenIcon = require("./create-close-fullscreen-icon");
92
-
93
88
  var _createFullscreenIcon = require("./create-fullscreen-icon");
94
-
95
89
  var _createIconsContainer = require("./create-icons-container");
96
-
97
90
  var _createInnerBox = require("./create-inner-box");
98
-
99
91
  var _createMagnifierIcon = require("./create-magnifier-icon");
100
-
101
92
  var _createBoxShadow = require("./create-box-shadow");
102
-
103
93
  var _createLoader = require("./create-loader");
104
-
105
94
  var _applyStylesToContainer = require("./apply-styles-to-container");
106
-
107
95
  var _createFullscreenModal = require("./create-fullscreen-modal");
108
-
109
96
  var _removeChildFromParent = require("./remove-child-from-parent");
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.removeChildFromParent = void 0;
7
-
8
7
  var removeChildFromParent = function removeChildFromParent(parent, child) {
9
8
  if (parent && child) {
10
9
  try {
@@ -12,5 +11,4 @@ var removeChildFromParent = function removeChildFromParent(parent, child) {
12
11
  } catch (_unused) {}
13
12
  }
14
13
  };
15
-
16
14
  exports.removeChildFromParent = removeChildFromParent;
@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getItemSkipped = void 0;
7
-
8
7
  var getItemSkipped = function getItemSkipped(currentPosition, movementStart, speedFactor) {
9
8
  var itemsSkipped = Math.floor((currentPosition - movementStart) / speedFactor) || 1;
10
9
  return itemsSkipped;
11
10
  };
12
-
13
11
  exports.getItemSkipped = getItemSkipped;
@@ -4,26 +4,23 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.initControls = void 0;
7
-
8
7
  var _addClass = require("../class-names/add-class");
9
-
10
8
  var initControls = function initControls(controlsConfig, controlsTriggers) {
11
9
  var container = controlsConfig.container,
12
- controlReverse = controlsConfig.controlReverse,
13
- spinReverse = controlsConfig.spinReverse,
14
- stopAtEdges = controlsConfig.stopAtEdges;
10
+ controlReverse = controlsConfig.controlReverse,
11
+ spinReverse = controlsConfig.spinReverse,
12
+ stopAtEdges = controlsConfig.stopAtEdges;
15
13
  var onRightStart = controlsTriggers.onRightStart,
16
- onLeftStart = controlsTriggers.onLeftStart,
17
- onTopStart = controlsTriggers.onTopStart,
18
- onBottomStart = controlsTriggers.onBottomStart,
19
- onEventEnd = controlsTriggers.onEventEnd;
14
+ onLeftStart = controlsTriggers.onLeftStart,
15
+ onTopStart = controlsTriggers.onTopStart,
16
+ onBottomStart = controlsTriggers.onBottomStart,
17
+ onEventEnd = controlsTriggers.onEventEnd;
20
18
  var controlElements = {};
21
19
  var isReverse = controlReverse ? !spinReverse : spinReverse;
22
20
  var left = container.querySelectorAll('.cloudimage-360-left, .cloudimage-360-prev')[0];
23
21
  var right = container.querySelectorAll('.cloudimage-360-right, .cloudimage-360-next')[0];
24
22
  var top = container.querySelector('.cloudimage-360-top');
25
23
  var bottom = container.querySelector('.cloudimage-360-bottom');
26
-
27
24
  if (left) {
28
25
  left.style.display = 'block';
29
26
  left.addEventListener('mousedown', isReverse ? onRightStart : onLeftStart);
@@ -34,7 +31,6 @@ var initControls = function initControls(controlsConfig, controlsTriggers) {
34
31
  left.addEventListener('touchend', isReverse ? onEventEnd : onEventEnd);
35
32
  controlElements.left = left;
36
33
  }
37
-
38
34
  if (right) {
39
35
  right.style.display = 'block';
40
36
  right.addEventListener('mousedown', isReverse ? onLeftStart : onRightStart);
@@ -45,7 +41,6 @@ var initControls = function initControls(controlsConfig, controlsTriggers) {
45
41
  right.addEventListener('touchend', onEventEnd);
46
42
  controlElements.right = right;
47
43
  }
48
-
49
44
  if (top) {
50
45
  top.style.display = 'block';
51
46
  top.addEventListener('mousedown', isReverse ? onBottomStart : onTopStart);
@@ -54,7 +49,6 @@ var initControls = function initControls(controlsConfig, controlsTriggers) {
54
49
  top.addEventListener('touchend', isReverse ? onEventEnd : onEventEnd);
55
50
  controlElements.top = top;
56
51
  }
57
-
58
52
  if (bottom) {
59
53
  bottom.style.display = 'block';
60
54
  bottom.addEventListener('mousedown', isReverse ? onTopStart : onBottomStart);
@@ -63,15 +57,12 @@ var initControls = function initControls(controlsConfig, controlsTriggers) {
63
57
  bottom.addEventListener('touchend', isReverse ? onEventEnd : onEventEnd);
64
58
  controlElements.bottom = bottom;
65
59
  }
66
-
67
60
  if (isReverse ? right : left) {
68
61
  if (stopAtEdges) {
69
62
  (0, _addClass.addClass)(isReverse ? right : left, 'not-active');
70
63
  (0, _addClass.addClass)(isReverse ? top : bottom, 'not-active');
71
64
  }
72
65
  }
73
-
74
66
  return controlElements;
75
67
  };
76
-
77
68
  exports.initControls = initControls;
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.hidePopup = void 0;
7
-
8
7
  var hidePopup = function hidePopup(popup, isVisible) {
9
8
  if (!isVisible) {
10
9
  popup.removeAttribute('data-show');
11
10
  popup.removeAttribute('data-cloudimage-360-show');
12
11
  }
13
12
  };
14
-
15
13
  exports.hidePopup = hidePopup;
@@ -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;