You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							60 lines
						
					
					
						
							2.0 KiB
						
					
					
				
			
		
		
	
	
							60 lines
						
					
					
						
							2.0 KiB
						
					
					
				| "use strict";
 | |
| 
 | |
| var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 | |
| 
 | |
| exports.__esModule = true;
 | |
| exports.default = position;
 | |
| 
 | |
| var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 | |
| 
 | |
| var _css = _interopRequireDefault(require("./css"));
 | |
| 
 | |
| var _offset = _interopRequireDefault(require("./offset"));
 | |
| 
 | |
| var _offsetParent = _interopRequireDefault(require("./offsetParent"));
 | |
| 
 | |
| var _scrollLeft = _interopRequireDefault(require("./scrollLeft"));
 | |
| 
 | |
| var _scrollTop = _interopRequireDefault(require("./scrollTop"));
 | |
| 
 | |
| var nodeName = function nodeName(node) {
 | |
|   return node.nodeName && node.nodeName.toLowerCase();
 | |
| };
 | |
| /**
 | |
|  * Returns the relative position of a given element.
 | |
|  * 
 | |
|  * @param node the element
 | |
|  * @param offsetParent the offset parent
 | |
|  */
 | |
| 
 | |
| 
 | |
| function position(node, offsetParent) {
 | |
|   var parentOffset = {
 | |
|     top: 0,
 | |
|     left: 0
 | |
|   };
 | |
|   var offset; // Fixed elements are offset from window (parentOffset = {top:0, left: 0},
 | |
|   // because it is its only offset parent
 | |
| 
 | |
|   if ((0, _css.default)(node, 'position') === 'fixed') {
 | |
|     offset = node.getBoundingClientRect();
 | |
|   } else {
 | |
|     var parent = offsetParent || (0, _offsetParent.default)(node);
 | |
|     offset = (0, _offset.default)(node);
 | |
|     if (nodeName(parent) !== 'html') parentOffset = (0, _offset.default)(parent);
 | |
|     var borderTop = String((0, _css.default)(parent, 'borderTopWidth') || 0);
 | |
|     parentOffset.top += parseInt(borderTop, 10) - (0, _scrollTop.default)(parent) || 0;
 | |
|     var borderLeft = String((0, _css.default)(parent, 'borderLeftWidth') || 0);
 | |
|     parentOffset.left += parseInt(borderLeft, 10) - (0, _scrollLeft.default)(parent) || 0;
 | |
|   }
 | |
| 
 | |
|   var marginTop = String((0, _css.default)(node, 'marginTop') || 0);
 | |
|   var marginLeft = String((0, _css.default)(node, 'marginLeft') || 0); // Subtract parent offsets and node margins
 | |
| 
 | |
|   return (0, _extends2.default)({}, offset, {
 | |
|     top: offset.top - parentOffset.top - (parseInt(marginTop, 10) || 0),
 | |
|     left: offset.left - parentOffset.left - (parseInt(marginLeft, 10) || 0)
 | |
|   });
 | |
| }
 | |
| 
 | |
| module.exports = exports["default"]; |