1 files changed, 743 insertions, 0 deletions

diff --git a/node_modules/montage/ui/bluemoon/button.reel/button.js b/node_modules/montage/ui/bluemoon/button.reel/button.js
new file mode 100644
index 00000000..ac922863
--- /dev/null
+++ b/node_modules/montage/ui/bluemoon/button.reel/button.js
@@ -0,0 +1,743 @@
+/* <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/bluemoon/button.reel"
+    @requires montage/core/core
+    @requires montage/ui/component
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component;
+
+/**
+ @class module:"montage/ui/bluemoon/button.reel".Button
+ @classdesc Button component implementation. Turns any div element into a multi-state labeled button.
+ @extends module:montage/ui/component.Component
+ */
+exports.Button = Montage.create(Component,/** @lends module:"montage/ui/bluemoon/button.reel".Button# */ {
+
+/**
+  Description TODO
+  @private
+*/
+    _preventFocus: {
+        enumerable: false,
+        value: false
+    },
+
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} false
+*/
+    preventFocus: {
+        get: function () {
+            return this._preventFocus;
+        },
+        set: function (value) {
+            if (value === true) {
+                this._preventFocus = true;
+            } else {
+                this._preventFocus = false;
+            }
+        }
+    },
+
+/**
+  Description TODO
+  @private
+*/
+    _busy: {
+        enumerable: false,
+        value: false
+    },
+
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} false
+    */
+    busy: {
+        get: function () {
+            return this._busy;
+        },
+        set: function (value) {
+            if ((value === true) && (!this._disabled)) {
+                this._busy = true;
+            } else {
+                this._busy = false;
+            }
+            this.needsDraw = true;
+        }
+    },
+
+/**
+  Description TODO
+  @private
+*/
+    _disabled: {
+        enumerable: false,
+        value: false
+    },
+
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} false
+    */
+    disabled: {
+        get: function () {
+            return this._disabled;
+        },
+        set: function (value) {
+            if (value === true) {
+                this._disabled = true;
+                this.busy = false;
+            } else {
+                this._disabled = false;
+            }
+            this.needsDraw = true;
+        }
+    },
+
+    //TODO we should prefer positive properties like enabled vs disabled, get rid of disabled
+
+    enabled: {
+        dependencies: ["disabled"],
+        get: function () {
+            return !!this._disabled;
+        },
+        set: function (value) {
+            this.disabled = !value;
+        }
+    },
+
+    /**
+     * When behavior is toggle, @link http://www.w3.org/TR/wai-aria/states_and_properties#aria-pressed
+     * the pressed property contains the equivalent of the aria-pressed attribute: "true"||"false"||"mixed"
+     * @private
+     */
+    _pressed: {
+        value: "false",
+        enumerable: false
+    },
+    /**
+        Description TODO
+        @type {Function}
+        @default {Boolean} "false"
+    */
+    pressed: {
+        get: function() {
+            return this._pressed;
+        },
+        set: function(value) {
+            if (value !== this._pressed) {
+                this._pressed = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+    /**
+     * Used when a button is associated with an input tag. For buttons, the title comes from it's value attribute.
+     * If the value property is undefined, it will be initialized from the button's input element if the element is an input type.
+     * @private
+     */
+    _value: {
+        enumerable: false,
+        value: undefined
+    },
+    /**
+        Description TODO
+        @type {Function}
+        @default undefined
+    */
+    value: {
+        serializable: true,
+        get: function () {
+            return this._value;
+        },
+        set: function (value) {
+            this._value = value;
+            this.needsDraw = true;
+        }
+    },
+
+    /**
+        The Montage converted used to convert or format values displayed by this Button instance.
+        @type {Property}
+        @default null
+    */
+    converter: {
+        value: null
+    },
+
+    /**
+     * @private
+     */
+    _title: {
+        enumerable: false,
+        value: undefined
+    },
+    /**
+        Description Text to show in the tooltip displayed by hovering over this button
+        @type {Function}
+        @default undefined
+    */
+    title: {
+        serializable: true,
+        get: function () {
+            return this._title;
+        },
+        set: function (value) {
+            this._title = value;
+            this.needsDraw = true;
+        }
+    },
+
+/**
+  Description TODO
+  @private
+*/
+    _valueNode: {value:undefined, enumerable: false},
+
+/**
+        Used when a button is associate with an input tag.<br>
+        For buttons, the title comes from it's value attribute.<br>
+        valueActive, if set, is used when the button is in active state (mousedown / touchstart).
+        @type {String}
+        @default undefined
+    */
+    valueActive: {
+        serializable: true,
+        value: undefined
+    },
+
+ /**
+  Description TODO
+  @private
+*/
+    _valueNodeActiveNode: {value:undefined, enumerable: false},
+
+
+    /**
+     Used when a button is associate with an input tag.<br>
+     For buttons, the title comes from its value attribute.<br>