1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
// Copyright 2006 The Closure Library Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS-IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/**
* @fileoverview Client positioning class.
*
*/
goog.provide('goog.positioning.ClientPosition');
goog.require('goog.asserts');
goog.require('goog.math.Box');
goog.require('goog.math.Coordinate');
goog.require('goog.math.Size');
goog.require('goog.positioning');
goog.require('goog.positioning.AbstractPosition');
goog.require('goog.style');
/**
* Encapsulates a popup position where the popup is positioned relative to the
* window (client) coordinates. This calculates the correct position to
* use even if the element is relatively positioned to some other element. This
* is for trying to position an element at the spot of the mouse cursor in
* a MOUSEMOVE event. Just use the event.clientX and event.clientY as the
* parameters.
*
* @param {number|goog.math.Coordinate} arg1 Left position or coordinate.
* @param {number=} opt_arg2 Top position.
* @constructor
* @extends {goog.positioning.AbstractPosition}
*/
goog.positioning.ClientPosition = function(arg1, opt_arg2) {
/**
* Coordinate to position popup at.
* @type {goog.math.Coordinate}
*/
this.coordinate = arg1 instanceof goog.math.Coordinate ? arg1 :
new goog.math.Coordinate(/** @type {number} */ (arg1), opt_arg2);
};
goog.inherits(goog.positioning.ClientPosition,
goog.positioning.AbstractPosition);
/**
* Repositions the popup according to the current state
*
* @param {Element} movableElement The DOM element of the popup.
* @param {goog.positioning.Corner} movableElementCorner The corner of
* the popup element that that should be positioned adjacent to
* the anchorElement. One of the goog.positioning.Corner
* constants.
* @param {goog.math.Box=} opt_margin A margin specified in pixels.
* @param {goog.math.Size=} opt_preferredSize Preferred size of the element.
* @override
*/
goog.positioning.ClientPosition.prototype.reposition = function(
movableElement, movableElementCorner, opt_margin, opt_preferredSize) {
goog.asserts.assert(movableElement);
// Translates the coordinate to be relative to the page.
var viewportOffset = goog.style.getViewportPageOffset(
goog.dom.getOwnerDocument(movableElement));
var x = this.coordinate.x + viewportOffset.x;
var y = this.coordinate.y + viewportOffset.y;
// Translates the coordinate to be relative to the offset parent.
var movableParentTopLeft =
goog.positioning.getOffsetParentPageOffset(movableElement);
x -= movableParentTopLeft.x;
y -= movableParentTopLeft.y;
goog.positioning.positionAtCoordinate(
new goog.math.Coordinate(x, y), movableElement, movableElementCorner,
opt_margin, null, null, opt_preferredSize);
};
|