1 files changed, 416 insertions, 0 deletions

diff --git a/node_modules/montage-user/ui/button.reel/button.js b/node_modules/montage-user/ui/button.reel/button.js
new file mode 100644
index 00000000..51f4c011
--- /dev/null
+++ b/node_modules/montage-user/ui/button.reel/button.js
@@ -0,0 +1,416 @@
+/* <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> */
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component,
+    NativeControl = require("ui/native-control").NativeControl;
+/**
+ * The Text input
+ */
+var Button = exports.Button = Montage.create(NativeControl, {
+
+/**
+  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;
+            }
+        }
+    },
+
+    //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;
+        }
+    },
+
+    /**
+        The Montage converted used to convert or format values displayed by this Button instance.
+        @type {Property}
+        @default null
+    */
+    converter: {
+        value: null
+    },
+
+    /**
+      Stores the node that contains this button's value. Only used for
+      non-`<input>` elements.
+      @private
+    */
+    _labelNode: {value:undefined, enumerable: false},
+
+    _label: { value: undefined, enumerable: false },
+    /**
+        The label for the button.
+
+        In an `<input>` element this is the value property. On any other element
+        (including `<button>`) this is the first child node which is a text node.
+        If one isn't found it will be created.
+
+        @type {Property}
+        @default {String} element value
+    */
+    label: {
+        get: function() {
+            return this._label;
+        },
+        set: function(value) {
+            if (value && value.length > 0 && this.converter) {
+                try {
+                    value = this.converter.convert(value);
+                    if (this.error) {
+                        this.error = null;
+                    }
+                } catch(e) {
+                    // unable to convert - maybe error
+                    this.error = e;
+                }
+            }
+
+            this._label = value;
+            if (this._isInputElement) {
+                this._value = value;
+            }
+
+            this.needsDraw = true;
+        }
+    },
+
+    /**
+    True when the button is being interacted with, either through mouse click or
+    touch event.
+    @private
+    */
+    _active: {
+        enumerable: false,
+        value: false
+    },
+
+    /**
+    Description TODO
+    @type {Function}
+    @default {Boolean} false
+    */
+    active: {
+        get: function() {
+            return this._active;
+        },
+        set: function(value) {
+            this._active = value;
+            this.needsDraw = true;
+        }
+    },
+
+    // Low-level event listeners
+
+    /**
+    Description TODO
+    @function
+    @param {Event} event The handleMousedown event
+    */
+    handleMousedown: {
+        value: function(event) {
+            if (this._observedPointer !== null) {
+                return;
+            }
+            if (!this._disabled) {
+                this._startInteraction("mouse");
+            }
+
+            event.preventDefault();
+
+            if (!this._preventFocus) {
+                this._element.focus();
+            }
+        }
+    },
+    /**
+    Description TODO
+    @function
+    @param {Event} event The handleMouseup event
+    */
+    handleMouseup: {
+        value: function(event) {
+            this._interpretInteraction(event);
+        }
+    },
+
+    /**
+    Description TODO
+    @function
+    @param {Event} event The handleTouchstart event
+    */
+    handleTouchstart: {
+        value: function(event) {
+            if (this._observedPointer !== null) {
+                return;
+            }
+            if (!this._disabled) {
+                this._startInteraction(event.changedTouches[0].identifier);
+            }
+
+            // NOTE preventingDefault disables the magnifying class
+            // sadly it also disables double tapping on the button to zoom...
+            event.preventDefault();
+
+            if (!this._preventFocus) {
+                this._element.focus();
+            }
+        }
+    },
+    /**
+    Description TODO
+    @function
+    @param {Event} event The handleTouchend event
+    */
+    handleTouchend: {
+        value: function(event) {
+            var i = 0, changedTouchCount = event.changedTouches.length;
+
+            for (; i < changedTouchCount; i++) {
+                if (event.changedTouches[i].identifier === this._observedPointer) {
+                    this._interpretInteraction(event);
+                    return;
+                }
+            }
+
+        }
+    },
+    /**
+    Description TODO
+    @function
+    @param {Event} event The handleTouchcancel event
+    */
+    handleTouchcancel: {
+        value: function(event) {
+            var i = 0, changedTouchCount = event.changedTouches.length;
+
+            for (; i < changedTouchCount; i++) {
+                if (event.changedTouches[i].identifier === this._observedPointer) {
+                    this._endInteraction();
+                    return;
+                }
+            }
+
+        }
+    },
+
+    /**
+    If we have to surrender the pointer we are no longer active. This will
+    stop the action event being dispatched.
+    */
+    surrenderPointer: {