12 files changed, 1725 insertions, 0 deletions

diff --git a/node_modules/montage/ui/native/anchor.reel/anchor.js b/node_modules/montage/ui/native/anchor.reel/anchor.js
new file mode 100644
index 00000000..31f3c29c
--- /dev/null
+++ b/node_modules/montage/ui/native/anchor.reel/anchor.js
@@ -0,0 +1,80 @@
+/* <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/anchor.reel"
+    @requires montage/core/core
+    @requires montage/ui/native-control
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component,
+    NativeControl = require("ui/native-control").NativeControl;
+/**
+  The Anchor component wraps a native <code>&lt;a&gt;</code> element and exposes its standard attributes as bindable properties.
+  @class module:"montage/ui/anchor.reel".Anchor
+  @extends module:montage/ui/native-control.NativeControl
+
+*/
+var Anchor = exports.Anchor = Montage.create(NativeControl, {
+
+    // HTMLAnchorElement methods
+
+    blur: { value: function() { this._element.blur(); } },
+    focus: { value: function() { this._element.focus(); } }
+
+});
+
+Anchor.addAttributes( /** @lends module:"montage/ui/anchor.reel".Anchor# */ {
+
+/**
+    The text displayed by the link.
+    @type string
+    @default null
+*/
+    textContent: null,
+
+/**
+    The link target URL.
+    @type string
+    @default null
+*/
+    href: null,
+
+/**
+    The language of the linked resource.
+    @type string
+    @default null
+*/
+    hreflang: null,
+
+/**
+     The media type for which the target document was designed.
+    @type string
+     @default null
+*/
+    media: null,
+
+/**
+    Controls what kinds of links the elements create.
+    @type string
+    @default null
+*/
+    rel: null,
+
+/**
+     The target window the link will open in.
+     @type string
+     @default null
+*/
+    target: null,
+
+/**
+     The MIME type of the linked resource.
+     @type string
+     @default null
+*/
+    type: null
+});
diff --git a/node_modules/montage/ui/native/button.reel/button.js b/node_modules/montage/ui/native/button.reel/button.js
new file mode 100644
index 00000000..d7a4ffee
--- /dev/null
+++ b/node_modules/montage/ui/native/button.reel/button.js
@@ -0,0 +1,465 @@
+/* <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> */
+ /*global require, exports*/
+
+/**
+    @module "montage/ui/button.reel"
+    @requires montage/core/core
+    @requires montage/ui/component
+    @requires montage/ui/native-control
+    @requires montage/ui/composer/press-composer
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component,
+    NativeControl = require("ui/native-control").NativeControl,
+    PressComposer = require("ui/composer/press-composer").PressComposer;
+
+/**
+    Wraps a native <code>&lt;button></code> or <code>&lt;input[type="button"]></code> HTML element. The element's standard attributes are exposed as bindable properties.
+    @class module:"montage/ui/button.reel".Button
+    @extends module:montage/ui/native-control.NativeControl
+    @example
+<caption>JavaScript example</caption>
+var b1 = Button.create();
+b1.element = document.querySelector("btnElement");
+b1.addEventListener("action", function(event) {
+    console.log("Got event 'action' event");
+});
+    @example
+<caption>Serialized example</caption>
+{
+    "aButton": {
+        "prototype": "montage/ui/button.reel",
+        "properties": {
+            "element": {"#": "btnElement"}
+        },
+        "listeners": [
+            {
+                "type": "action",
+                "listener": {"@": "appListener"}
+            }
+        ]
+    },
+    "listener": {
+        "prototype": "appListener"
+    }
+}
+&lt;button data-montage-id="btnElement"></button>
+*/
+var Button = exports.Button = Montage.create(NativeControl, /** @lends module:"montage/ui/button.reel".Button# */ {
+
+    _preventFocus: {
+        enumerable: false,
+        value: false
+    },
+
+/**
+    Specifies whether the button should receive focus or not.
+    @type {boolean}
+    @default false
+    @event longpress
+*/
+    preventFocus: {
+        get: function () {
+            return this._preventFocus;
+        },
+        set: function (value) {
+            if (value === true) {
+                this._preventFocus = true;
+            } else {
+                this._preventFocus = false;
+            }
+        }
+    },
+
+
+/**
+    Enables or disables the Button from user input. When this property is set to <code>false</code>, the "disabled" CSS style is applied to the button's DOM element during the next draw cycle. When set to <code>true</code> the "disabled" CSS class is removed from the element's class list.
+*/
+    //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;
+        }
+    },
+
+    /**
+        A Montage converter object used to convert or format the label displayed by the Button instance. When a new value is assigned to <code>label</code>, the converter object's <code>convert()</code> method is invoked, passing it the newly assigned label value.
+        @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 &lt;input> element this is taken from the element's <code>value</code> attribute. On any other element (including &lt;button>) this is the first child node which is a text node. If one isn't found then it will be created.
+
+        If the button has a non-null <code>converter</code> property, the converter object's <code>convert()</code> method is called on the value before being assigned to the button instance.
+
+        @type {string}
+        @default undefined
+    */
+    label: {
+        get: function() {
+            return this._label;
+        },
+        set: function(value) {