1 files changed, 519 insertions, 0 deletions

diff --git a/node_modules/montage-user/ui/popup/popup.reel/popup.js b/node_modules/montage-user/ui/popup/popup.reel/popup.js
new file mode 100755
index 00000000..5c6f167e
--- /dev/null
+++ b/node_modules/montage-user/ui/popup/popup.reel/popup.js
@@ -0,0 +1,519 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+
+/**
+        @module "montage/ui/popup/popup.reel"
+    @requires montage/core/core
+    @requires montage/ui/component
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component;
+
+/**
+    @class module:"montage/ui/popup.reel".Popup
+    @extends module:montage/ui/component.Component
+*/
+
+var Popup = exports.Popup = Montage.create(Component, { /** @lends module:"module/ui/popup/popup.reel".Popup */
+
+    hasTemplate: {value: true},
+
+    // anchor element to which this popup must be anchored to
+    anchor: {value: null},
+
+    // A Delegate to control positioning (and other features, in future) of the popup in a custom manner
+    delegate: {value: null},
+
+    contentEl: {
+        value: null
+    },
+/**
+        Description TODO
+        @type {Property}
+        @default {Container} null
+    */
+    containerEl: {
+        value: null
+    },
+
+/**
+  Description TODO
+  @private
+*/
+    _pointer: {
+        value: true
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} true
+    */
+    pointer: {
+        get: function() {
+            return this._pointer;
+        },
+        set: function(value) {
+            if (this._pointer !== value) {
+                this._pointer = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _boxed: {
+        value: true
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} true
+    */
+    boxed: {
+        get: function() {
+            return this._boxed;
+        },
+        set: function(value) {
+            if (this._boxed !== value) {
+                this._boxed = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _slot: {value: null},
+/**
+        Description TODO
+        @type {Function}
+        @default null
+    */
+    slot: {
+        get: function() {
+            return this._slot;
+        },
+        set: function(val) {
+            this._slot = val;
+            if (this.content) {
+                this._slot.content = this.content;
+            }
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _content: {value: null},
+/**
+        Description TODO
+        @type {Function}
+        @default null
+    */
+    content: {
+        serializable: true,
+        get: function() {
+            return this._content;
+        },
+        set: function(value) {
+            if (this._content !== value && this.slot) {
+                this.slot.content = value;
+            }
+            this._content = value;
+            // set the popup property of the content.
+            this._content.popup = this;
+            this.needsDraw = true;
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _modal: { value: false },
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} false
+    */
+    modal: {
+        get: function() {
+            return this._modal;
+        },
+        set: function(value) {
+            // force this to be a boolean
+            value = !!value;
+
+            if (this._modal !== value) {
+                this._modal = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    // An Object wtih values {top, left}. Set it only if the popup should display at a
+    // given location instead of anchoring it to a anchor element or at the center of the screen.
+    _position: {value: null},
+    position: {
+        get: function() {
+            return this._position;
+        },
+        set: function(pos) {
+            this._position = pos;
+            //this.needsDraw = true;
+        }
+    },
+
+    autoDismiss: { value: 0 },
+
+    _displayed: { value: false },
+    displayed: {
+        get: function() {
+            return this._displayed;
+        },
+        set: function(value) {
+            if (this._displayed !== value) {
+                this.needsDraw = true;
+            }
+            this._displayed = value;
+
+        }
+    },
+/**
+    Description TODO
+    @function
+    */
+    prepareForDraw: {
+        value: function() {
+
+        }
+    },
+
+    _popupSlot: {
+        value: null
+    },
+
+    _modalDialogMask: {
+        value: null
+    },
+
+
+    /**
+     @private
+     */
+    _getPosition: {
+        value: function(obj) {
+            var curleft = 0, curtop = 0, curHt = 0, curWd = 0;
+            if (obj.offsetParent) {
+                do {
+                    curleft += obj.offsetLeft;
+                    curtop += obj.offsetTop;
+                    curHt += obj.offsetHeight;
+                    curWd += obj.offsetWidth;
+                } while ((obj = obj.offsetParent));
+            }
+            return [curleft,curtop, curHt, curWd];
+
+        }
+    },
+
+    _calculatePosition: {
+        value: function() {
+            var pos, delegate = this.delegate, anchor = this.anchor, type = (this.type || 'custom');
+