First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>

1 files changed, 302 insertions, 0 deletions

diff --git a/node_modules/montage/ui/slot.reel/slot.js b/node_modules/montage/ui/slot.reel/slot.js
new file mode 100755
index 00000000..45c0ac1d
--- /dev/null
+++ b/node_modules/montage/ui/slot.reel/slot.js
@@ -0,0 +1,302 @@
+/* <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/slot.reel"
+    @requires montage/core/core
+    @requires montage/ui/component
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component;
+/**
+ @class module:"montage/ui/slot.reel".Slot
+ @extends module:montage/ui/component.Component
+ */
+var Slot = exports.Slot = Montage.create(Component, /** @lends module:"montage/ui/slot.reel".Slot# */ {
+
+    hasTemplate: {
+        enumerable: false,
+        value: false
+    },
+/**
+        Description TODO
+        @type {Property}
+        @default null
+    */
+    delegate: {
+        enumerable: false,
+        value: null
+    },
+/**
+        Description TODO
+        @type {Property}
+        @default null
+    */
+    transition: {
+        enumerable: false,
+        value: null
+    },
+/**
+  Description TODO
+  @private
+*/
+    _content: {
+        enumerable: false,
+        value: null
+    },
+/**
+  Description TODO
+  @private
+*/
+    _contentToRemove: {
+        enumerable: false,
+        value: null
+    },
+/**
+  Description TODO
+  @private
+*/
+    _contentToAppend: {
+        enumerable: false,
+        value: null
+    },
+/**
+  Description TODO
+  @private
+*/
+    _contentHasChanged: {
+        enumerable: false,
+        value: true
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default null
+    */
+    content: {
+        enumerable: false,
+        get: function() {
+            return this._content;
+        },
+        set: function(value) {
+
+            // if no change or busy drawing a switch, ignore this "new" value
+            if ((!!value && this._content === value)|| (!!this._contentToAppend && value === this._contentToAppend) || this._isSwitchingContent) {
+                return;
+            }
+
+            if (this._contentToAppend) {
+                // If we already had some content that was going to be appended, don't bother with it
+                // the new value we just received will supercede it
+                this._contentToAppend.needsDraw = false;
+                this._drawList = [];
+            }
+
+            // TODO if given a serialized component or something (a template) we should be able to handle that
+
+            this._contentToAppend = value;
+
+            if (this._contentToAppend && typeof this._contentToAppend.needsDraw !== "undefined") {
+
+                // If the incoming content was a component; make sure it has an element before we say it needs to draw
+                if (!this._contentToAppend.element) {
+                    var nodeToAppend = document.createElement("div");
+                    nodeToAppend.id = "appendDiv";
+
+                    if (this.delegate && typeof this.delegate.slotElementForComponent === "function") {
+                        nodeToAppend = this.delegate.slotElementForComponent(this, this._contentToAppend, nodeToAppend);
+                    }
+                    this._contentToAppend.element = nodeToAppend;
+                }
+
+                if (!this._contentToAppend.parentComponent) {
+                    this._contentToAppend._cachedParentComponent = this;
+                }
+
+                // The child component will need to draw; this may trigger a draw for the slot itself
+                this._contentToAppend.needsDraw = true;
+            }
+
+            this.needsDraw = true;
+            this._contentToRemove = this._content;
+            this._contentHasChanged = true;
+
+            return value;
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _isSwitchingContent: {
+        enumerable: false,
+        value: false
+    },
+
+    childComponentWillPrepareForDraw: {
+        value: function(child) {
+            if (child.element.parentElement == null) {
+                // by the time a child component lets us know it's about to prepare to draw for the first time
+                // we know we need to append its element to our own element.
+                // This happens outside of any drawing for better or worse right now.
+                this._element.appendChild(child.element);
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    _canAppendContent: {
+        enumerable: false,
+        value: false
+    },
+
+    canDraw: {
+        value: function() {
+
+            if (this._contentToAppend) {
+                if (typeof this._contentToAppend.needsDraw !== "undefined") {
+                    this._canAppendContent = this._contentToAppend.canDraw();
+                    if (this._canAppendContent) {
+                        this.needsDraw = true;
+                    }
+                } else {
+                    this._canAppendContent = true;
+                }
+            } else {
+                // No content to append, but we can render that situation (empty out the slot)
+                this._canAppendContent = true;
+            }
+
+            // We'll always offer to draw if asked to allow children to draw, but what the slot does when it draws
+            // will depend on the _canAppendContent flag determined at this point
+            return true;
+        }
+    },
+/**
+    Description TODO
+    @function
+    */
+    draw: {
+        value: function() {
+
+
+            if (!this._canAppendContent) {
+                return;
+            }
+
+            // Prevent other switching while we're in the middle of rendering this current switch
+            this._isSwitchingContent = true;
+
+            var nodeToAppend, nodeToRemove, rangeToRemove;
+
+            // If there's no content currently inside the slot we need to have one for transition support which expects
+            // a start and an end node; but we want to make sure the node is included in the rangeToRemove
+            if (this._contentToRemove) {
+                if (this._contentToRemove.nodeType) {
+                    // The content is a node itself; use this node
+                    nodeToRemove = this._contentToRemove;
+                } else if (this._contentToRemove.element) {
+                    // The content has an element property set; use the element
+                    nodeToRemove = this._contentToRemove.element;
+                }
+            } else {
+                if (this.transition) {
+                    nodeToRemove = document.createElement("div");
+                    nodeToRemove.id = "removeDiv";
+                    // Since we're trying to remove this node it's expected to be in the slot already; put it there
+                    this._element.appendChild(nodeToRemove);
+                }
+            }
+
+            // If there is new content then whatever is in the slot currently needs to be removed
+            if (this._contentHasChanged) {
+                rangeToRemove = document.createRange();
+                rangeToRemove.selectNodeContents(this._element);
+            }
+
+            // Figure out what node this slot is appending given the contentToAppend
+            if (this._contentToAppend) {
+                if (this._contentToAppend.nodeType) {
+                    // The content is a node itself; use this node
+                    nodeToAppend = this._contentToAppend;
+                } else if (this._contentToAppend.element) {