js-cloudimage-360-view 2.7.6 → 2.7.9

package/dist/utils/{hotspot → hotspots}/update-hotspots.js

@@ -29,21 +29,22 @@ var updateHotspots = function updateHotspots(container, hotspotsProps) {
     var popupProps = hotspotProps.popupProps,
         hotspots = hotspotProps.hotspots,
         initialDimensions = hotspotProps.initialDimensions,
-        orientation = hotspotProps.orientation;
+        orientation = hotspotProps.orientation,
+        variant = hotspotProps.variant;
     var hotspotOriantaion = (0, _getHotspotOrientation.getHotspotOriantaion)(movingDirection);
-    var currentImage = orientation === 'x' ? activeImageX : activeImageY;
-    var anchorId = popupProps.anchorId,
-        open = popupProps.open;
-    var popup = (0, _getHotspotPopupNode.getHotspotPopupNode)(anchorId, open);
-    var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
+    var currentImageIndex = orientation === 'x' ? activeImageX : activeImageY;
+    var open = popupProps.open;
+    var anchorId = variant.anchorId;
     var hotspotsPositions = (0, _prepareHotspotsPositions.prepareHotspotsPositions)(hotspots);
+    var currentPosition = hotspotsPositions.find(function (hotspotPosition) {
+      return hotspotPosition.imageIndex === currentImageIndex;
+    });
+    var popup = (0, _getHotspotPopupNode.getHotspotPopupNode)(anchorId, open, currentPosition);
+    var hotspotIcon = (0, _getHotspotIcon.getHotspotIcon)(anchorId);
     var popperInstance = (0, _createPopperInstace.createPopperInstance)(popup, popupProps, container);
     popperInstance.state.elements.reference = hotspotIcon;
     popperInstance.update();
     (0, _attachPopupEvents.attachPopupEvents)(hotspotIcon, popup, popperInstance, open);
-    var currentPosition = hotspotsPositions.find(function (hotspotPosition) {
-      return hotspotPosition.imageIndex === currentImage;
-    });
 
     if (currentPosition && hotspotOriantaion === orientation) {
       var _currentPosition$xCoo = currentPosition.xCoord,

package/dist/utils/image-src/is-props-change-require-reload.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPropsChangeRequireReload = void 0;
+
+var _propsRequireReload = require("../../constants/props-require-reload");
+
+var isPropsChangeRequireReload = function isPropsChangeRequireReload(currentProps, changedProps) {
+  return Object.keys(changedProps).reduce(function (acc, current) {
+    var isPropChanged = currentProps[current] !== changedProps[current];
+    var isSrcProp = _propsRequireReload.PROPS_REQUIRE_RELOAD.indexOf(current) !== -1;
+
+    if (isSrcProp && isPropChanged) {
+      acc = true;
+    }
+
+    return acc;
+  }, false);
+};
+
+exports.isPropsChangeRequireReload = isPropsChangeRequireReload;

package/dist/utils/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  isSrcPropsChanged: true,
+  isPropsChangeRequireReload: true,
   generateImagesPath: true,
   preloadImages: true,
   preloadOriginalImages: true,
@@ -124,10 +124,10 @@ Object.defineProperty(exports, "isMouseOnHotspot", {
     return _isMouseOnHotspot.isMouseOnHotspot;
   }
 });
-Object.defineProperty(exports, "isSrcPropsChanged", {
+Object.defineProperty(exports, "isPropsChangeRequireReload", {
   enumerable: true,
   get: function get() {
-    return _isSrcPropsChanged.isSrcPropsChanged;
+    return _isPropsChangeRequireReload.isPropsChangeRequireReload;
   }
 });
 Object.defineProperty(exports, "loop", {
@@ -167,7 +167,7 @@ Object.defineProperty(exports, "updateHotspots", {
   }
 });
 
-var _isSrcPropsChanged = require("./image-src/is-src-props-changed");
+var _isPropsChangeRequireReload = require("./image-src/is-props-change-require-reload");
 
 var _generateImagesPath = require("./image-src/generate-images-path");
 
@@ -193,9 +193,9 @@ var _getSpeedFactor = require("./auto-play/get-speed-factor");
 
 var _isCompletedOneCycle = require("./auto-play/is-completed-one-cycle");
 
-var _addClass = require("./common/add-class");
+var _addClass = require("./class-names/add-class");
 
-var _removeClass = require("./common/remove-class");
+var _removeClass = require("./class-names/remove-class");
 
 var _getMovingDirection = require("./spin-y/get-moving-direction");
 
@@ -217,12 +217,12 @@ Object.keys(_containerElements).forEach(function (key) {
   });
 });
 
-var _updateHotspots = require("./hotspot/update-hotspots");
+var _updateHotspots = require("./hotspots/update-hotspots");
 
-var _createHotspots = require("./hotspot/elements/create-hotspots");
+var _createHotspots = require("./hotspots/elements/create-hotspots");
 
-var _generateHotspotsConfigs = require("./hotspot/generate-hotspots-configs");
+var _generateHotspotsConfigs = require("./hotspots/generate-hotspots-configs");
 
-var _isMouseOnHotspot = require("./hotspot/is-mouse-on-hotspot");
+var _isMouseOnHotspot = require("./hotspots/is-mouse-on-hotspot");
 
-var _hideHotspotsIcons = require("./hotspot/hide-hotspots-icons");
+var _hideHotspotsIcons = require("./hotspots/hide-hotspots-icons");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-cloudimage-360-view",
-  "version": "2.7.6",
+  "version": "2.7.9",
   "main": "dist/index.js",
   "description": "",
   "author": "scaleflex",

package/dist/constants/image-src-props.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IMAGE_SRC_PROPS = void 0;
-var IMAGE_SRC_PROPS = ['folder', 'filenameX', 'filenameY', 'apiVersion', 'imageListX', 'imageListY', 'indexZeroBase', 'amountX', 'amountY', 'lazySelector'];
-exports.IMAGE_SRC_PROPS = IMAGE_SRC_PROPS;

package/dist/utils/hotspot/elements/create-model-elements.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createModalElements = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _createImagesCarousel3 = require("./create-images-carousel");
-
-var _createModalDescription = require("./create-modal-description");
-
-var _createModalTitle = require("./create-modal-title");
-
-var createModalElements = function createModalElements(variant, container, popup) {
-  var images = variant.images,
-      title = variant.title,
-      description = variant.description;
-  var imagesCarouselWrapper = document.createElement('div');
-  var modalWrapper = document.createElement('div');
-
-  var _createImagesCarousel = (0, _createImagesCarousel3.createImagesCarousel)(images, popup, container),
-      _createImagesCarousel2 = (0, _slicedToArray2.default)(_createImagesCarousel, 2),
-      imagesCarousel = _createImagesCarousel2[0],
-      carouselDots = _createImagesCarousel2[1];
-
-  modalWrapper.className = 'cloudimage-360-modal-wrapper';
-  imagesCarouselWrapper.className = 'cloudimage-360-images-carousel-wrapper';
-  imagesCarouselWrapper.appendChild(imagesCarousel);
-  imagesCarouselWrapper.appendChild(carouselDots);
-  modalWrapper.appendChild(imagesCarouselWrapper);
-
-  if (title) {
-    var modalTitle = (0, _createModalTitle.createModalTitle)(title);
-    modalWrapper.appendChild(modalTitle);
-  }
-
-  if (description) {
-    var modalDescription = (0, _createModalDescription.createModalDescription)(description);
-    modalWrapper.appendChild(modalDescription);
-  }
-
-  popup.appendChild(modalWrapper);
-};
-
-exports.createModalElements = createModalElements;

package/dist/utils/hotspot/generate-hotspots-configs.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateHotspotsConfigs = void 0;
-
-var _configsErrorHandler = require("./configs-error-handler");
-
-var _generatePopupConfig = require("./generate-popup-config");
-
-var generateHotspotsConfigs = function generateHotspotsConfigs(hotspotsProps) {
-  var hotspotsConfigs = hotspotsProps.map(function (hotspotProps) {
-    var _hotspotProps$variant = hotspotProps.variant,
-        variant = _hotspotProps$variant === void 0 ? {} : _hotspotProps$variant,
-        _hotspotProps$hotspot = hotspotProps.hotspots,
-        hotspots = _hotspotProps$hotspot === void 0 ? [] : _hotspotProps$hotspot,
-        _hotspotProps$indicat = hotspotProps.indicatorClass,
-        indicatorClass = _hotspotProps$indicat === void 0 ? '' : _hotspotProps$indicat,
-        _hotspotProps$popupPr = hotspotProps.popupProps,
-        popupProps = _hotspotProps$popupPr === void 0 ? {} : _hotspotProps$popupPr,
-        _hotspotProps$orienta = hotspotProps.orientation,
-        orientation = _hotspotProps$orienta === void 0 ? 'x' : _hotspotProps$orienta,
-        _hotspotProps$initial = hotspotProps.initialDimensions,
-        initialDimensions = _hotspotProps$initial === void 0 ? [500, 500] : _hotspotProps$initial;
-    (0, _configsErrorHandler.configsErrorHandler)(hotspotProps);
-    var popupConfig = (0, _generatePopupConfig.generatePopupConfig)(popupProps);
-    var hotspotConfig = {
-      variant: variant,
-      popupProps: popupConfig,
-      hotspots: hotspots,
-      indicatorClass: indicatorClass,
-      initialDimensions: initialDimensions,
-      orientation: orientation.toLowerCase()
-    };
-    return hotspotConfig;
-  });
-  return hotspotsConfigs;
-};
-
-exports.generateHotspotsConfigs = generateHotspotsConfigs;

package/dist/utils/hotspot/get-hotspot-variant.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getHotspotVariant = void 0;
-
-var getHotspotVariant = function getHotspotVariant(variant) {
-  if (variant.toLowerCase() === 'link') {
-    return 'link';
-  }
-
-  if (variant.toLowerCase() === 'custom') {
-    return 'custom';
-  }
-
-  return 'link';
-};
-
-exports.getHotspotVariant = getHotspotVariant;

package/dist/utils/image-src/is-src-props-changed.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isSrcPropsChanged = void 0;
-
-var _imageSrcProps = require("../../constants/image-src-props");
-
-var isSrcPropsChanged = function isSrcPropsChanged(currentProps, changedProps) {
-  return Object.keys(changedProps).reduce(function (acc, current) {
-    var isPropChanged = currentProps[current] !== changedProps[current];
-    var isSrcProp = _imageSrcProps.IMAGE_SRC_PROPS.indexOf(current) !== -1;
-
-    if (isSrcProp && isPropChanged) {
-      acc = true;
-    }
-
-    return acc;
-  }, false);
-};
-
-exports.isSrcPropsChanged = isSrcPropsChanged;