Upstream version 10.39.225.0

[platform/framework/web/crosswalk.git] / src / ui / webui / resources / js / cr / ui / position_util.js

diff --git a/src/ui/webui/resources/js/cr/ui/position_util.js b/src/ui/webui/resources/js/cr/ui/position_util.js
index c3e7f11..14b29d9 100644 (file)
--- a/src/ui/webui/resources/js/cr/ui/position_util.js
+++ b/src/ui/webui/resources/js/cr/ui/position_util.js
@@ -6,55 +6,59 @@
  * @fileoverview This file provides utility functions for position popups.
  */
 
-cr.define('cr.ui', function() {
+cr.exportPath('cr.ui');
+
+/**
+ * Type def for rects as returned by getBoundingClientRect.
+ * @typedef {{left: number, top: number, width: number, height: number,
+ *            right: number, bottom: number}}
+ */
+cr.ui.Rect;
 
+/**
+ * Enum for defining how to anchor a popup to an anchor element.
+ * @enum {number}
+ */
+cr.ui.AnchorType = {
   /**
-   * Type def for rects as returned by getBoundingClientRect.
-   * @typedef { {left: number, top: number, width: number, height: number,
-   *             right: number, bottom: number}}
+   * The popup's right edge is aligned with the left edge of the anchor.
+   * The popup's top edge is aligned with the top edge of the anchor.
    */
-  var Rect;
+  BEFORE: 1,  // p: right, a: left, p: top, a: top
 
   /**
-   * Enum for defining how to anchor a popup to an anchor element.
-   * @enum {number}
+   * The popop's left edge is aligned with the right edge of the anchor.
+   * The popup's top edge is aligned with the top edge of the anchor.
    */
-  var AnchorType = {
-    /**
-     * The popup's right edge is aligned with the left edge of the anchor.
-     * The popup's top edge is aligned with the top edge of the anchor.
-     */
-    BEFORE: 1,  // p: right, a: left, p: top, a: top
-
-    /**
-     * The popop's left edge is aligned with the right edge of the anchor.
-     * The popup's top edge is aligned with the top edge of the anchor.
-     */
-    AFTER: 2,  // p: left a: right, p: top, a: top
-
-    /**
-     * The popop's bottom edge is aligned with the top edge of the anchor.
-     * The popup's left edge is aligned with the left edge of the anchor.
-     */
-    ABOVE: 3,  // p: bottom, a: top, p: left, a: left
-
-    /**
-     * The popop's top edge is aligned with the bottom edge of the anchor.
-     * The popup's left edge is aligned with the left edge of the anchor.
-     */
-    BELOW: 4  // p: top, a: bottom, p: left, a: left
-  };
+  AFTER: 2,  // p: left a: right, p: top, a: top
+
+  /**
+   * The popop's bottom edge is aligned with the top edge of the anchor.
+   * The popup's left edge is aligned with the left edge of the anchor.
+   */
+  ABOVE: 3,  // p: bottom, a: top, p: left, a: left
+
+  /**
+   * The popop's top edge is aligned with the bottom edge of the anchor.
+   * The popup's left edge is aligned with the left edge of the anchor.
+   */
+  BELOW: 4  // p: top, a: bottom, p: left, a: left
+};
+
+cr.define('cr.ui', function() {
+  /** @const */
+  var AnchorType = cr.ui.AnchorType;
 
   /**
    * Helper function for positionPopupAroundElement and positionPopupAroundRect.
-   * @param {!Rect} anchorRect The rect for the anchor.
+   * @param {!cr.ui.Rect} anchorRect The rect for the anchor.
    * @param {!HTMLElement} popupElement The element used for the popup.
-   * @param {AnchorType} type The type of anchoring to do.
-   * @param {boolean} invertLeftRight Whether to invert the right/left
+   * @param {cr.ui.AnchorType} type The type of anchoring to do.
+   * @param {boolean=} opt_invertLeftRight Whether to invert the right/left
    *     alignment.
    */
   function positionPopupAroundRect(anchorRect, popupElement, type,
-                                   invertLeftRight) {
+                                   opt_invertLeftRight) {
     var popupRect = popupElement.getBoundingClientRect();
     var availRect;
     var ownerDoc = popupElement.ownerDocument;
@@ -77,10 +81,10 @@ cr.define('cr.ui', function() {
     }
 
     if (cs.direction == 'rtl')
-      invertLeftRight = !invertLeftRight;
+      opt_invertLeftRight = !opt_invertLeftRight;
 
     // Flip BEFORE, AFTER based on alignment.
-    if (invertLeftRight) {
+    if (opt_invertLeftRight) {
       if (type == AnchorType.BEFORE)
         type = AnchorType.AFTER;
       else if (type == AnchorType.AFTER)
@@ -152,7 +156,7 @@ cr.define('cr.ui', function() {
     switch (type) {
       case AnchorType.BELOW:
       case AnchorType.ABOVE:
-        if (invertLeftRight) {
+        if (opt_invertLeftRight) {
           // align right edges
           if (anchorRect.right - popupRect.width >= 0) {
             style.right = availRect.width - anchorRect.right + 'px';
@@ -206,14 +210,15 @@ cr.define('cr.ui', function() {
    * @param {!HTMLElement} anchorElement The element that the popup is anchored
    *     to.
    * @param {!HTMLElement} popupElement The popup element we are positioning.
-   * @param {AnchorType} type The type of anchoring we want.
-   * @param {boolean} invertLeftRight Whether to invert the right/left
+   * @param {cr.ui.AnchorType} type The type of anchoring we want.
+   * @param {boolean=} opt_invertLeftRight Whether to invert the right/left
    *     alignment.
    */
   function positionPopupAroundElement(anchorElement, popupElement, type,
-                                      invertLeftRight) {
+                                      opt_invertLeftRight) {
     var anchorRect = anchorElement.getBoundingClientRect();
-    positionPopupAroundRect(anchorRect, popupElement, type, invertLeftRight);
+    positionPopupAroundRect(anchorRect, popupElement, type,
+                            !!opt_invertLeftRight);
   }
 
   /**
@@ -236,7 +241,6 @@ cr.define('cr.ui', function() {
 
   // Export
   return {
-    AnchorType: AnchorType,
     positionPopupAroundElement: positionPopupAroundElement,
     positionPopupAtPoint: positionPopupAtPoint
   };