1 files changed, 496 insertions, 0 deletions

diff --git a/node_modules/montage/ui/native/select.reel/select.js b/node_modules/montage/ui/native/select.reel/select.js
new file mode 100644
index 00000000..ae86c541
--- /dev/null
+++ b/node_modules/montage/ui/native/select.reel/select.js
@@ -0,0 +1,496 @@
+/* <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/select.reel"
+    @requires montage/ui/component
+    @requires montage/ui/controller/array-controller
+    @requires montage/ui/native-control
+    @requires montage/ui/composer/press-composer
+*/
+
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component,
+    ArrayController = require("ui/controller/array-controller").ArrayController,
+    NativeControl = require("ui/native-control").NativeControl,
+    PressComposer = require("ui/composer/press-composer").PressComposer;
+
+/**
+ * Wraps the a &lt;select> element with binding support for the element's standard attributes. Uses an ArrayController instance to manage the element's contents and selection.
+   @class module:"montage/ui/select.reel".Select
+   @extends module:montage/ui/native-control.NativeControl
+   @summary
+   If the &lt;select> markup contains <option> is provided in the markup and <code>contentController</code> is not, the <code>contentController</code> collection is populated with the options from the markup. If <code>contentController</code> is present, any options in the markup are overwritten by the values from the <code>contentController</code> when they are available.
+ */
+var Select = exports.Select =  Montage.create(NativeControl, /** @lends module:"montage/ui/select.reel".Select */ {
+
+    _fromInput: {value: null},
+    _synching: {value: null},
+    //_internalSet: {value: null},
+
+    __selectedIndexes: {value: null, enumerable: false},
+    _selectedIndexes: {
+        set: function(value) {
+            this.__selectedIndexes = value;
+            if(this.needsDraw === false) {
+                this.needsDraw = this._synching || !this._fromInput;
+            }
+
+        },
+        get: function() {
+            return this.__selectedIndexes;
+        }
+    },
+
+    //-----------------------
+    // Public API
+    //-----------------------
+
+    _content: {value: null, enumerable: false},
+/**
+    An array of items to to assign to the component's <code>contentController</code> property, which is an ArrayController.
+*/
+    content: {
+        set: function(value) {
+            if(!Array.isArray(value)) {
+                value = [value];
+            }
+            this._content = value;
+
+            if(!this.contentController) {
+                var contentController = ArrayController.create();
+                contentController.content = value;
+                this.contentController = contentController;
+            }
+
+            this.needsDraw = true;
+        },
+        get: function() {
+            return this._content;
+        },
+        serializable: true
+    },
+
+    // If a <code>contentController</code> is provided, this allows the developer to specify
+    // which property in each element provides the "value" part of <option>
+    /**
+        Specifies the property belonging to the component's <code>contentController</code> to use as the "value" part of the <option>.
+    */
+    valuePropertyPath: {
+        value: null,
+            serializable: true
+    },
+
+    /**
+        Specifies the property belonging to the component's <code>contentController</code> to use as the text content of the <option>.
+    */
+    textPropertyPath: {
+        value: null,
+        serializable: true
+    },
+
+
+    _contentController: {
+        value: null
+    },
+
+/**
+    An ArrayController instance used to manage the content and selection of the select input control.
+    @type {module:montage/ui/controller/array-controller.ArrayController}
+    @default null
+*/
+    contentController: {
+        get: function() {
+            return this._contentController;
+        },
+        set: function(value) {
+            if (this._contentController === value) {
+                return;
+            }
+
+            if (this._contentController) {
+                Object.deleteBinding(this, "_selectedIndexes");
+            }
+
+            this._contentController = value;
+
+            if (this._contentController) {
+
+                // If we're already getting contentController related values from other bindings...stop that
+                if (this._bindingDescriptors) {
+                    Object.deleteBinding(this, "content");
+                }
+
+                Object.defineBinding(this, "content", {
+                    boundObject: this._contentController,
+                    boundObjectPropertyPath: "organizedObjects",
+                    oneway: true
+                });
+
+
+                Object.defineBinding(this, "_selectedIndexes", {
+                    boundObject: this._contentController,
+                    boundObjectPropertyPath: "selectedIndexes"
+                });
+            }
+
+        },
+        serializable: true
+    },
+
+    _getSelectedValuesFromIndexes: {
+        value: function() {
+            var selectedObjects = this.contentController ? this.contentController.selectedObjects : null;
+            var arr = [];
+            if(selectedObjects && selectedObjects.length > 0) {
+                var i=0, len = selectedObjects.length, valuePath;
+                for(; i<len; i++) {
+                    valuePath = this.valuePropertyPath || 'value';
+                    if(selectedObjects[i][valuePath]) {
+                        arr.push(selectedObjects[i][valuePath]);
+                    }
+                }
+            }
+            return arr;
+
+        }
+    },
+
+    _synchValues: {
+        value: function() {
+            if(!this._synching) {
+                this._synching = true;
+                this.values = this._getSelectedValuesFromIndexes();
+                this.value = ((this.values && this.values.length > 0) ? this.values[0] : null);
+                this._synching = false;
+            }
+        }
+    },
+
+
+    _values: {value: null},
+    values: {
+        get: function() {
+            return this._values;
+        },
+        set: function(valuesArray) {
+            var content = this.contentController ? this.contentController.content : null;
+            if(valuesArray && content) {
+                this._values = valuesArray;
+
+                if(!this._synching) {
+                    var selectedIndexes = [];
+                    var i=0, len = this._values.length, index;
+                    for(; i<len; i++) {
+                        index = this._indexOf(this._values[i]);
+                        if(index >= 0) {
+                            selectedIndexes.push(index);
+                        }
+                    }
+                    this._synching = true;
+                    this.contentController.selectedIndexes = selectedIndexes;
+                    this._synching = false;
+                }
+            }
+        },
+        serializable: true
+        //dependencies: ["_selectedIndexes"]
+    },
+
+    _value: {value: null},
+    value: {
+        get: function() {
+            return this._value;
+        },
+        set: function(value) {
+            this._value = value;
+
+            if(!this._synching) {
+                if(value == null) {
+                    this.values = [];
+                } else {
+                    this.values = [value];
+                }
+            }
+
+
+        },