https://www.tennisabstract.com/jquery.ui.position.js

1/*
2 * jQuery UI Position 1.8.17
3 *
4 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5 * Dual licensed under the MIT or GPL Version 2 licenses.
6 * http://jquery.org/license
7 *
8 * http://docs.jquery.com/UI/Position
9 */
10(function( $, undefined ) {
11
12$.ui = $.ui || {};
13
14var horizontalPositions = /left|center|right/,
15	verticalPositions = /top|center|bottom/,
16	center = "center",
17	support = {},
18	_position = $.fn.position,
19	_offset = $.fn.offset;
20
21$.fn.position = function( options ) {
22	if ( !options || !options.of ) {
23		return _position.apply( this, arguments );
24	}
25
26	// make a copy, we don't want to modify arguments
27	options = $.extend( {}, options );
28
29	var target = $( options.of ),
30		targetElem = target[0],
31		collision = ( options.collision || "flip" ).split( " " ),
32		offset = options.offset ? options.offset.split( " " ) : [ 0, 0 ],
33		targetWidth,
34		targetHeight,
35		basePosition;
36
37	if ( targetElem.nodeType === 9 ) {
38		targetWidth = target.width();
39		targetHeight = target.height();
40		basePosition = { top: 0, left: 0 };
41	// TODO: use $.isWindow() in 1.9
42	} else if ( targetElem.setTimeout ) {
43		targetWidth = target.width();
44		targetHeight = target.height();
45		basePosition = { top: target.scrollTop(), left: target.scrollLeft() };
46	} else if ( targetElem.preventDefault ) {
47		// force left top to allow flipping
48		options.at = "left top";
49		targetWidth = targetHeight = 0;
50		basePosition = { top: options.of.pageY, left: options.of.pageX };
51	} else {
52		targetWidth = target.outerWidth();
53		targetHeight = target.outerHeight();
54		basePosition = target.offset();
55	}
56
57	// force my and at to have valid horizontal and veritcal positions
58	// if a value is missing or invalid, it will be converted to center 
59	$.each( [ "my", "at" ], function() {
60		var pos = ( options[this] || "" ).split( " " );
61		if ( pos.length === 1) {
62			pos = horizontalPositions.test( pos[0] ) ?
63				pos.concat( [center] ) :
64				verticalPositions.test( pos[0] ) ?
65					[ center ].concat( pos ) :
66					[ center, center ];
67		}
68		pos[ 0 ] = horizontalPositions.test( pos[0] ) ? pos[ 0 ] : center;
69		pos[ 1 ] = verticalPositions.test( pos[1] ) ? pos[ 1 ] : center;
70		options[ this ] = pos;
71	});
72
73	// normalize collision option
74	if ( collision.length === 1 ) {
75		collision[ 1 ] = collision[ 0 ];
76	}
77
78	// normalize offset option
79	offset[ 0 ] = parseInt( offset[0], 10 ) || 0;
80	if ( offset.length === 1 ) {
81		offset[ 1 ] = offset[ 0 ];
82	}
83	offset[ 1 ] = parseInt( offset[1], 10 ) || 0;
84
85	if ( options.at[0] === "right" ) {
86		basePosition.left += targetWidth;
87	} else if ( options.at[0] === center ) {
88		basePosition.left += targetWidth / 2;
89	}
90
91	if ( options.at[1] === "bottom" ) {
92		basePosition.top += targetHeight;
93	} else if ( options.at[1] === center ) {
94		basePosition.top += targetHeight / 2;
95	}
96
97	basePosition.left += offset[ 0 ];
98	basePosition.top += offset[ 1 ];
99
100	return this.each(function() {
101		var elem = $( this ),
102			elemWidth = elem.outerWidth(),
103			elemHeight = elem.outerHeight(),
104			marginLeft = parseInt( $.curCSS( this, "marginLeft", true ) ) || 0,
105			marginTop = parseInt( $.curCSS( this, "marginTop", true ) ) || 0,
106			collisionWidth = elemWidth + marginLeft +
107				( parseInt( $.curCSS( this, "marginRight", true ) ) || 0 ),
108			collisionHeight = elemHeight + marginTop +
109				( parseInt( $.curCSS( this, "marginBottom", true ) ) || 0 ),
110			position = $.extend( {}, basePosition ),
111			collisionPosition;
112
113		if ( options.my[0] === "right" ) {
114			position.left -= elemWidth;
115		} else if ( options.my[0] === center ) {
116			position.left -= elemWidth / 2;
117		}
118
119		if ( options.my[1] === "bottom" ) {
120			position.top -= elemHeight;
121		} else if ( options.my[1] === center ) {
122			position.top -= elemHeight / 2;
123		}
124
125		// prevent fractions if jQuery version doesn't support them (see #5280)
126		if ( !support.fractions ) {
127			position.left = Math.round( position.left );
128			position.top = Math.round( position.top );
129		}
130
131		collisionPosition = {
132			left: position.left - marginLeft,
133			top: position.top - marginTop
134		};
135
136		$.each( [ "left", "top" ], function( i, dir ) {
137			if ( $.ui.position[ collision[i] ] ) {
138				$.ui.position[ collision[i] ][ dir ]( position, {
139					targetWidth: targetWidth,
140					targetHeight: targetHeight,
141					elemWidth: elemWidth,
142					elemHeight: elemHeight,
143					collisionPosition: collisionPosition,
144					collisionWidth: collisionWidth,
145					collisionHeight: collisionHeight,
146					offset: offset,
147					my: options.my,
148					at: options.at
149				});
150			}
151		});
152
153		if ( $.fn.bgiframe ) {
154			elem.bgiframe();
155		}
156		elem.offset( $.extend( position, { using: options.using } ) );
157	});
158};
159
160$.ui.position = {
161	fit: {
162		left: function( position, data ) {
163			var win = $( window ),
164				over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft();
165			position.left = over > 0 ? position.left - over : Math.max( position.left - data.collisionPosition.left, position.left );
166		},
167		top: function( position, data ) {
168			var win = $( window ),
169				over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop();
170			position.top = over > 0 ? position.top - over : Math.max( position.top - data.collisionPosition.top, position.top );
171		}
172	},
173
174	flip: {
175		left: function( position, data ) {
176			if ( data.at[0] === center ) {
177				return;
178			}
179			var win = $( window ),
180				over = data.collisionPosition.left + data.collisionWidth - win.width() - win.scrollLeft(),
181				myOffset = data.my[ 0 ] === "left" ?
182					-data.elemWidth :
183					data.my[ 0 ] === "right" ?
184						data.elemWidth :
185						0,
186				atOffset = data.at[ 0 ] === "left" ?
187					data.targetWidth :
188					-data.targetWidth,
189				offset = -2 * data.offset[ 0 ];
190			position.left += data.collisionPosition.left < 0 ?
191				myOffset + atOffset + offset :
192				over > 0 ?
193					myOffset + atOffset + offset :
194					0;
195		},
196		top: function( position, data ) {
197			if ( data.at[1] === center ) {
198				return;
199			}
200			var win = $( window ),
201				over = data.collisionPosition.top + data.collisionHeight - win.height() - win.scrollTop(),
202				myOffset = data.my[ 1 ] === "top" ?
203					-data.elemHeight :
204					data.my[ 1 ] === "bottom" ?
205						data.elemHeight :
206						0,
207				atOffset = data.at[ 1 ] === "top" ?
208					data.targetHeight :
209					-data.targetHeight,
210				offset = -2 * data.offset[ 1 ];
211			position.top += data.collisionPosition.top < 0 ?
212				myOffset + atOffset + offset :
213				over > 0 ?
214					myOffset + atOffset + offset :
215					0;
216		}
217	}
218};
219
220// offset setter from jQuery 1.4
221if ( !$.offset.setOffset ) {
222	$.offset.setOffset = function( elem, options ) {
223		// set position first, in-case top/left are set even on static elem
224		if ( /static/.test( $.curCSS( elem, "position" ) ) ) {
225			elem.style.position = "relative";
226		}
227		var curElem   = $( elem ),
228			curOffset = curElem.offset(),
229			curTop    = parseInt( $.curCSS( elem, "top",  true ), 10 ) || 0,
230			curLeft   = parseInt( $.curCSS( elem, "left", true ), 10)  || 0,
231			props     = {
232				top:  (options.top  - curOffset.top)  + curTop,
233				left: (options.left - curOffset.left) + curLeft
234			};
235		
236		if ( 'using' in options ) {
237			options.using.call( elem, props );
238		} else {
239			curElem.css( props );
240		}
241	};
242
243	$.fn.offset = function( options ) {
244		var elem = this[ 0 ];
245		if ( !elem || !elem.ownerDocument ) { return null; }
246		if ( options ) { 
247			return this.each(function() {
248				$.offset.setOffset( this, options );
249			});
250		}
251		return _offset.call( this );
252	};
253}
254
255// fraction support test (older versions of jQuery don't support fractions)
256(function () {
257	var body = document.getElementsByTagName( "body" )[ 0 ], 
258		div = document.createElement( "div" ),
259		testElement, testElementParent, testElementStyle, offset, offsetTotal;
260
261	//Create a "fake body" for testing based on method used in jQuery.support
262	testElement = document.createElement( body ? "div" : "body" );
263	testElementStyle = {
264		visibility: "hidden",
265		width: 0,
266		height: 0,
267		border: 0,
268		margin: 0,
269		background: "none"
270	};
271	if ( body ) {
272		jQuery.extend( testElementStyle, {
273			position: "absolute",
274			left: "-1000px",
275			top: "-1000px"
276		});
277	}
278	for ( var i in testElementStyle ) {
279		testElement.style[ i ] = testElementStyle[ i ];
280	}
281	testElement.appendChild( div );
282	testElementParent = body || document.documentElement;
283	testElementParent.insertBefore( testElement, testElementParent.firstChild );
284
285	div.style.cssText = "position: absolute; left: 10.7432222px; top: 10.432325px; height: 30px; width: 201px;";
286
287	offset = $( div ).offset( function( _, offset ) {
288		return offset;
289	}).offset();
290
291	testElement.innerHTML = "";
292	testElementParent.removeChild( testElement );
293
294	offsetTotal = offset.top + offset.left + ( body ? 2000 : 0 );
295	support.fractions = offsetTotal > 21 && offsetTotal < 22;
296})();
297
298}( jQuery ));