react-user-tour/dist/position-helpers.js

give your user a guided tour around your application

"use strict";

Object.defineProperty(exports, "__esModule", {
	value: true
});
var positions = {
	right: function right(_ref) {
		var position = _ref.position;

		return {
			left: position.right + 25,
			top: position.top + window.pageYOffset,
			positioned: "right"
		};
	},
	left: function left(_ref2) {
		var position = _ref2.position;
		var tourElWidth = _ref2.tourElWidth;

		return {
			left: position.left - 25 - tourElWidth,
			top: position.top + window.pageYOffset,
			positioned: "left"
		};
	},
	top: function top(_ref3) {
		var position = _ref3.position;
		var tourElHeight = _ref3.tourElHeight;
		var arrowSize = _ref3.arrowSize;

		return {
			left: position.left,
			top: position.top + window.pageYOffset - tourElHeight - arrowSize,
			positioned: "top"
		};
	},
	topLeft: function topLeft(_ref4) {
		var position = _ref4.position;
		var tourElWidth = _ref4.tourElWidth;
		var tourElHeight = _ref4.tourElHeight;
		var arrowSize = _ref4.arrowSize;

		return {
			left: position.left + 25 - tourElWidth,
			top: position.top + window.pageYOffset - tourElHeight - arrowSize,
			positioned: "topLeft"
		};
	},
	bottom: function bottom(_ref5) {
		var position = _ref5.position;
		var arrowSize = _ref5.arrowSize;
		var offsetHeight = _ref5.offsetHeight;

		return {
			left: position.left,
			top: position.top + window.pageYOffset + offsetHeight + arrowSize,
			positioned: "bottom"
		};
	},
	bottomLeft: function bottomLeft(_ref6) {
		var position = _ref6.position;
		var tourElWidth = _ref6.tourElWidth;
		var arrowSize = _ref6.arrowSize;
		var offsetHeight = _ref6.offsetHeight;

		return {
			left: position.left + 25 - tourElWidth,
			top: position.top + window.pageYOffset + offsetHeight + arrowSize,
			positioned: "bottomLeft"
		};
	}
};

exports["default"] = positions;
module.exports = exports["default"];