react-user-tour
Version:
give your user a guided tour around your application
80 lines (72 loc) • 2.12 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var positions = {
right: function right(_ref) {
var position = _ref.position;
var margin = _ref.margin;
return {
left: Math.floor(position.right + margin),
top: Math.floor(position.top + window.pageYOffset),
positioned: "right"
};
},
left: function left(_ref2) {
var position = _ref2.position;
var tourElWidth = _ref2.tourElWidth;
var margin = _ref2.margin;
return {
left: Math.floor(position.left - margin - tourElWidth),
top: Math.floor(position.top + window.pageYOffset),
positioned: "left"
};
},
top: function top(_ref3) {
var position = _ref3.position;
var tourElHeight = _ref3.tourElHeight;
var arrowSize = _ref3.arrowSize;
var margin = _ref3.margin;
return {
left: Math.floor(position.left),
top: Math.floor(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;
var margin = _ref4.margin;
return {
left: Math.floor(position.left + margin - tourElWidth),
top: Math.floor(position.top + window.pageYOffset - tourElHeight - arrowSize),
positioned: "topLeft"
};
},
bottom: function bottom(_ref5) {
var position = _ref5.position;
var arrowSize = _ref5.arrowSize;
var offsetHeight = _ref5.offsetHeight;
var margin = _ref5.margin;
return {
left: Math.floor(position.left),
top: Math.floor(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;
var margin = _ref6.margin;
return {
left: Math.floor(position.left + margin - tourElWidth),
top: Math.floor(position.top + window.pageYOffset + offsetHeight + arrowSize),
positioned: "bottomLeft"
};
}
};
exports.default = positions;