1 files changed, 149 insertions, 0 deletions

diff --git a/node_modules/montage/ui/condition.reel/condition.js b/node_modules/montage/ui/condition.reel/condition.js
new file mode 100755
index 00000000..298edb13
--- /dev/null
+++ b/node_modules/montage/ui/condition.reel/condition.js
@@ -0,0 +1,149 @@
+/* <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/condition.reel
+    @requires montage/core/core
+    @requires montage/ui/component
+    @requires "montage/ui/slot.reel"
+    @requires montage/core/logger
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component,
+    Slot = require("ui/slot.reel").Slot,
+    logger = require("core/logger").logger("condition");
+/**
+ @class module:"montage/ui/condition.reel".Condition
+ @extends module:montage/ui/component.Component
+ */
+
+exports.Condition = Montage.create(Component, /** @lends module:"montage/ui/condition.reel".Condition# */ {
+
+/**
+    The Condition component does not have an HTML template, so this value is set to false.
+    @type {Property}
+    @default {Boolean} false
+*/
+    hasTemplate: {
+        enumerable: false,
+        value: false
+    },
+/**
+  Description TODO
+  @private
+*/
+    _condition: {
+        enumerable: false,
+        value: null
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default null
+    */
+    condition: {
+        enumerable: false,
+        set: function(value) {
+
+            if (value === this._condition) {
+                return;
+            }
+
+            this._condition = value;
+            this.needsDraw = true;
+        },
+        get: function() {
+            return this._condition;
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _content: {
+        enumerable: false,
+        value: null
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default null
+    */
+    content: {
+        enumerable: false,
+        get: function() {
+            return this._content;
+        },
+        set: function(value) {
+            if (this._content === value) {
+                return;
+            }
+
+            this._content = value;
+            this.needsDraw = true;
+        }
+    },
+
+    // TODO should this strategy be part of another class?
+    // TODO expose the options as an exported enum
+    removalStrategy: {
+        enumerable: false,
+        value: "remove"
+    },
+
+    /**
+    Description TODO
+    @function
+    */
+    prepareForDraw: {
+        enumerable: false,
+        value: function() {
+
+            if (!this.content) {
+                this.content = document.createElement("div");
+
+                var conditionContentRange = document.createRange();
+                conditionContentRange.selectNodeContents(this._element);
+
+                // TODO not wrap the range if it is a range of a single element
+                // we want to only deal with single elements when appending and removing;
+                // this keeps us from having to keep track of the range or risk losing
+                // a reference to the elements when they're extracted
+                conditionContentRange.surroundContents(this.content);
+            }
+
+            var slotRoot = document.createElement("div");
+            this.element.appendChild(slotRoot);
+
+            this.content.parentNode.removeChild(this.content);
+            slotRoot.appendChild(this.content);
+
+            this._slot = Slot.create();
+            this._slot.element = slotRoot;
+        }
+    },
+    /**
+    Description TODO
+    @function
+    */
+    draw: {
+        enumerable: false,
+        value: function() {
+
+            if (this.condition) {
+                this._slot.content = this.content;
+                this.element.classList.remove("montage-invisible");
+            } else {
+                if ("hide" === this.removalStrategy) {
+                    this.element.classList.add("montage-invisible");
+                } else {
+                    this._slot.content = null;
+                }
+            }
+
+        }
+    }
+
+});