js-cloudimage-360-view 2.7.5 → 2.7.8

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/index.js

@@ -4,30 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  isSrcPropsChanged: true,
   generateImagesPath: true,
   preloadImages: true,
   preloadOriginalImages: true,
   contain: true,
+  getImageAspectRatio: true,
   getCurrentOriginalImage: true,
   magnify: true,
+  generateZoomInSteps: true,
+  generateZoomOutSteps: true,
+  loop: true,
   getSpeedFactor: true,
   isCompletedOneCycle: true,
-  getContainerResponsiveWidth: true,
-  getContainerResponsiveHeight: true,
-  getMovingDirection: true,
-  initControls: true,
   addClass: true,
   removeClass: true,
+  getMovingDirection: true,
   getItemSkipped: true,
-  loop: true,
-  generateZoomInSteps: true,
-  generateZoomOutSteps: true,
+  initControls: true,
   updateHotspots: true,
   createHotspots: true,
   generateHotspotsConfigs: true,
   isMouseOnHotspot: true,
-  hideHotspotsIcons: true,
-  isSrcPropsChanged: true
+  hideHotspotsIcons: true
 };
 Object.defineProperty(exports, "addClass", {
   enumerable: true,
@@ -71,22 +70,16 @@ Object.defineProperty(exports, "generateZoomOutSteps", {
     return _generateZoomOutSteps.generateZoomOutSteps;
   }
 });
-Object.defineProperty(exports, "getContainerResponsiveHeight", {
-  enumerable: true,
-  get: function get() {
-    return _getContainerResponsiveHeight.getContainerResponsiveHeight;
-  }
-});
-Object.defineProperty(exports, "getContainerResponsiveWidth", {
+Object.defineProperty(exports, "getCurrentOriginalImage", {
   enumerable: true,
   get: function get() {
-    return _getContainerResponsiveWidth.getContainerResponsiveWidth;
+    return _getCurrentOriginalImage.getCurrentOriginalImage;
   }
 });
-Object.defineProperty(exports, "getCurrentOriginalImage", {
+Object.defineProperty(exports, "getImageAspectRatio", {
   enumerable: true,
   get: function get() {
-    return _getCurrentOriginalImage.getCurrentOriginalImage;
+    return _getImageAspectRatio.getImageAspectRatio;
   }
 });
 Object.defineProperty(exports, "getItemSkipped", {
@@ -174,6 +167,8 @@ Object.defineProperty(exports, "updateHotspots", {
   }
 });
 
+var _isSrcPropsChanged = require("./image-src/is-src-props-changed");
+
 var _generateImagesPath = require("./image-src/generate-images-path");
 
 var _preloadImages = require("./load-images/preload-images");
@@ -182,28 +177,32 @@ var _preloadOriginalImages = require("./load-images/preload-original-images");
 
 var _contain = require("./responsive/contain");
 
+var _getImageAspectRatio = require("./responsive/get-image-aspect-ratio");
+
 var _getCurrentOriginalImage = require("./magnify/get-current-original-image");
 
 var _magnify = require("./magnify/magnify");
 
-var _getSpeedFactor = require("./auto-play/get-speed-factor");
+var _generateZoomInSteps = require("./zoom/generate-zoom-in-steps");
 
-var _isCompletedOneCycle = require("./auto-play/is-completed-one-cycle");
+var _generateZoomOutSteps = require("./zoom/generate-zoom-out-steps");
 
-var _getContainerResponsiveWidth = require("./responsive/get-container-responsive-width");
+var _loop = require("./auto-play/loop");
 
-var _getContainerResponsiveHeight = require("./responsive/get-container-responsive-height");
+var _getSpeedFactor = require("./auto-play/get-speed-factor");
 
-var _getMovingDirection = require("./spin-y/get-moving-direction");
+var _isCompletedOneCycle = require("./auto-play/is-completed-one-cycle");
 
-var _initControls = require("./controls/init-controls");
+var _addClass = require("./class-names/add-class");
 
-var _addClass = require("./common/add-class");
+var _removeClass = require("./class-names/remove-class");
 
-var _removeClass = require("./common/remove-class");
+var _getMovingDirection = require("./spin-y/get-moving-direction");
 
 var _getItemSkipped = require("./controls/get-item-skipped");
 
+var _initControls = require("./controls/init-controls");
+
 var _containerElements = require("./container-elements");
 
 Object.keys(_containerElements).forEach(function (key) {
@@ -218,20 +217,12 @@ Object.keys(_containerElements).forEach(function (key) {
   });
 });
 
-var _loop = require("./auto-play/loop");
-
-var _generateZoomInSteps = require("./zoom/generate-zoom-in-steps");
-
-var _generateZoomOutSteps = require("./zoom/generate-zoom-out-steps");
-
-var _updateHotspots = require("./hotspot/update-hotspots");
-
-var _createHotspots = require("./hotspot/elements/create-hotspots");
+var _updateHotspots = require("./hotspots/update-hotspots");
 
-var _generateHotspotsConfigs = require("./hotspot/generate-hotspots-configs");
+var _createHotspots = require("./hotspots/elements/create-hotspots");
 
-var _isMouseOnHotspot = require("./hotspot/is-mouse-on-hotspot");
+var _generateHotspotsConfigs = require("./hotspots/generate-hotspots-configs");
 
-var _hideHotspotsIcons = require("./hotspot/hide-hotspots-icons");
+var _isMouseOnHotspot = require("./hotspots/is-mouse-on-hotspot");
 
-var _isSrcPropsChanged = require("./image-src/is-src-props-changed");
+var _hideHotspotsIcons = require("./hotspots/hide-hotspots-icons");

package/dist/utils/responsive/get-image-aspect-ratio.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getImageAspectRatio = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var getImageAspectRatio = function getImageAspectRatio(image, providedRatio) {
+  try {
+    var imageAspectRatio = image.width / image.height;
+
+    if (typeof providedRatio === 'number') {
+      imageAspectRatio = providedRatio;
+    }
+
+    if ((0, _typeof2.default)(providedRatio) === 'object') {
+      var mediaQueries = Object.keys(providedRatio).sort(function (a, b) {
+        return a - b;
+      });
+      var activeMedia = mediaQueries.find(function (mediaQuery) {
+        return window.innerWidth <= parseInt(mediaQuery, 10);
+      });
+
+      if (activeMedia) {
+        imageAspectRatio = providedRatio[activeMedia];
+      }
+    }
+
+    return imageAspectRatio;
+  } catch (_unused) {
+    return 1;
+  }
+};
+
+exports.getImageAspectRatio = getImageAspectRatio;

package/package.json

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

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/responsive/get-container-responsive-height.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getContainerResponsiveHeight = void 0;
-
-var getContainerResponsiveHeight = function getContainerResponsiveHeight(container, width, containerHeight) {
-  if (containerHeight) {
-    if (width < containerHeight) {
-      return width;
-    }
-
-    return containerHeight;
-  }
-
-  return container.offsetWidth;
-};
-
-exports.getContainerResponsiveHeight = getContainerResponsiveHeight;

package/dist/utils/responsive/get-container-responsive-width.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getContainerResponsiveWidth = void 0;
-
-var getContainerResponsiveWidth = function getContainerResponsiveWidth(parentEl, containerWidth) {
-  if (containerWidth) {
-    if (parentEl.offsetWidth < containerWidth) {
-      return parentEl.offsetWidth;
-    }
-
-    return containerWidth;
-  }
-
-  return parentEl.offsetWidth;
-};
-
-exports.getContainerResponsiveWidth = getContainerResponsiveWidth;