virtual360-react/dist/Utils/Helper.js

Virtual360 is an amazing pure React component which stitches together set of images into a smooth 360-degree image. This component is perfect for developers who want to provide ultimate and immersive user experience.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var preLoadImages = function preLoadImages(imageUrl, numberOfImagesPerColumn) {
  var promises = [];
  for (var index = 0; index < numberOfImagesPerColumn; index++) {
    promises.push(loadImage(imageUrl.replace(/{col}/g, (index + 1).toString().padStart(2, "0"))).catch(function (err) {
      //  TODO: Handle 404 Error
    }));
  }
  return Promise.all(promises);
};

function loadImage(src) {
  return new Promise(function (resolve, reject) {
    var img = new Image();
    img.onload = function () {
      resolve(img);
    };
    img.onerror = function () {
      reject(src);
    };
    img.src = src;
  });
}

var getTouchOrMouseScreenPosition = function getTouchOrMouseScreenPosition(event) {
  if (event.nativeEvent instanceof TouchEvent) {
    return event.nativeEvent.touches[0].screenX;
  } else if (event.nativeEvent instanceof MouseEvent) {
    return event.nativeEvent.screenX;
  }
};

exports.preLoadImages = preLoadImages;
exports.getTouchOrMouseScreenPosition = getTouchOrMouseScreenPosition;