Created
February 4, 2014 18:12
-
-
Save ethul/8809161 to your computer and use it in GitHub Desktop.
Snapshot of the ui.bootstrap.position module from 2013-11-30
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
angular.module('ui.bootstrap.position', []) | |
/** | |
* A set of utility methods that can be use to retrieve position of DOM elements. | |
* It is meant to be used where we need to absolute-position DOM elements in | |
* relation to other, existing elements (this is the case for tooltips, popovers, | |
* typeahead suggestions etc.). | |
*/ | |
.factory('$position', ['$document', '$window', function ($document, $window) { | |
function getStyle(el, cssprop) { | |
if (el.currentStyle) { //IE | |
return el.currentStyle[cssprop]; | |
} else if ($window.getComputedStyle) { | |
return $window.getComputedStyle(el)[cssprop]; | |
} | |
// finally try and get inline style | |
return el.style[cssprop]; | |
} | |
/** | |
* Checks if a given element is statically positioned | |
* @param element - raw DOM element | |
*/ | |
function isStaticPositioned(element) { | |
return (getStyle(element, "position") || 'static' ) === 'static'; | |
} | |
/** | |
* returns the closest, non-statically positioned parentOffset of a given element | |
* @param element | |
*/ | |
var parentOffsetEl = function (element) { | |
var docDomEl = $document[0]; | |
var offsetParent = element.offsetParent || docDomEl; | |
while (offsetParent && offsetParent !== docDomEl && isStaticPositioned(offsetParent) ) { | |
offsetParent = offsetParent.offsetParent; | |
} | |
return offsetParent || docDomEl; | |
}; | |
return { | |
/** | |
* Provides read-only equivalent of jQuery's position function: | |
* http://api.jquery.com/position/ | |
*/ | |
position: function (element) { | |
var elBCR = this.offset(element); | |
var offsetParentBCR = { top: 0, left: 0 }; | |
var offsetParentEl = parentOffsetEl(element[0]); | |
if (offsetParentEl != $document[0]) { | |
offsetParentBCR = this.offset(angular.element(offsetParentEl)); | |
offsetParentBCR.top += offsetParentEl.clientTop - offsetParentEl.scrollTop; | |
offsetParentBCR.left += offsetParentEl.clientLeft - offsetParentEl.scrollLeft; | |
} | |
var boundingClientRect = element[0].getBoundingClientRect(); | |
return { | |
width: boundingClientRect.width || element.prop('offsetWidth'), | |
height: boundingClientRect.height || element.prop('offsetHeight'), | |
top: elBCR.top - offsetParentBCR.top, | |
left: elBCR.left - offsetParentBCR.left | |
}; | |
}, | |
/** | |
* Provides read-only equivalent of jQuery's offset function: | |
* http://api.jquery.com/offset/ | |
*/ | |
offset: function (element) { | |
var boundingClientRect = element[0].getBoundingClientRect(); | |
return { | |
width: boundingClientRect.width || element.prop('offsetWidth'), | |
height: boundingClientRect.height || element.prop('offsetHeight'), | |
top: boundingClientRect.top + ($window.pageYOffset || $document[0].body.scrollTop || $document[0].documentElement.scrollTop), | |
left: boundingClientRect.left + ($window.pageXOffset || $document[0].body.scrollLeft || $document[0].documentElement.scrollLeft) | |
}; | |
} | |
}; | |
}]); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment