From 8fe92b94ce5e1e2857d088752d94e19db7e3d8a8 Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Sun, 17 Jun 2012 22:31:44 -0700
Subject: montage v11 merge into ninja

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 .../montage/ui/select-input.reel/select-input.js   | 496 ---------------------
 1 file changed, 496 deletions(-)
 delete mode 100644 node_modules/montage/ui/select-input.reel/select-input.js

(limited to 'node_modules/montage/ui/select-input.reel')

diff --git a/node_modules/montage/ui/select-input.reel/select-input.js b/node_modules/montage/ui/select-input.reel/select-input.js
deleted file mode 100644
index 8bf6884e..00000000
--- a/node_modules/montage/ui/select-input.reel/select-input.js
+++ /dev/null
@@ -1,496 +0,0 @@
-/* <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-input.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-input.reel".SelectInput
-   @extends module:montage/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 SelectInput = exports.SelectInput =  Montage.create(NativeControl, /** @lends module:"montage/ui/select-input.reel".SelectInput */ {
-
-    _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];
-                }
-            }
-
-
-        },
-        serializable: true
-        //dependencies: ["_selectedIndexes"]
-    },
-
-    // HTMLSelectElement methods
-
-    // add() and remove() deliberately omitted. Use the contentController instead
-    blur: { value: function() { this._element.blur(); } },
-    focus: { value: function() { this._element.focus(); } },
-
-    // -------------------
-    // Montage Callbacks
-    // --------------------
-
-    _addOptionsFromMarkup: {
-        value: function() {
-
-            var el = this.element, options = el.querySelectorAll('option');
-            // @todo: if contentController is provided, should we just ignore the <option>
-            // from the markup ?
-
-            // create a new Arraycontroller if one is not provided
-            // add options to contentController
-            // look for selected options in the markup and mark these as selected
-            if(!this.contentController) {
-                var contentController = ArrayController.create();
-                var selectedIndexes = [];
-
-                contentController.content = [];
-                if(options && options.length > 0) {
-                    var i=0, len = options.length, selected;
-                    for(; i< len; i++) {
-                        selected = options[i].getAttribute('selected');
-                        if(selected) {
-                            selectedIndexes.push(i);
-                        }
-                        contentController.addObjects({
-                            value: options[i].value,
-                            text: options[i].textContent
-                        });
-                    }
-
-                    this.contentController = contentController;
-                    if(selectedIndexes.length === 0 && len > 0) {
-                        // nothing was marked as selected by default. Select the first one (gh-122)
-                        selectedIndexes = [0];
-                    }
-                    this._fromInput = true;
-                    this.contentController.selectedIndexes = selectedIndexes;
-
-                }
-            }
-
-        }
-    },
-
-
-    deserializedFromTemplate: {
-        value: function() {
-
-            /*
-            1) If <option> is provided in the markup but contentController is not,
-            fill the contentController with the options from the markup
-            2) If contentController is present, options from markup will be overwritten
-            by the values from contentController when they are available
-            */
-            this._addOptionsFromMarkup();
-        }
-    },
-
-
-    _removeAll: {
-        value: function(elem) {
-            // remove all existing options
-            while (elem.firstChild ) {
-                elem.removeChild( elem.firstChild );
-            }
-        }
-    },
-
-    _refreshOptions: {
-        value: function() {
-            var arr = this.content||[], len = arr.length, i, option;
-            var text, value;
-            for(i=0; i< len; i++) {
-                option = document.createElement('option');
-                if(String.isString(arr[i])) {
-                    text = value = arr[i];
-                } else {
-                    text = arr[i][this.textPropertyPath || 'text'];
-                    value = arr[i][this.valuePropertyPath  || 'value'];
-                }
-
-                option.value = value;
-                option.textContent = text || value;
-
-                if(this._selectedIndexes && this._selectedIndexes.length > 0) {
-                    if(this._selectedIndexes.indexOf(i) >= 0) {
-                        option.setAttribute("selected", "true");
-                    }
-                }
-                this.element.appendChild(option);
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    prepareForDraw: {
-        value: function() {
-            this.element.addEventListener("focus", this);
-            this.element.addEventListener('change', this);
-        }
-    },
-
-    prepareForActivationEvents: {
-        value: function() {
-            // add pressComposer to handle the claimPointer related work
-            var pressComposer = PressComposer.create();
-            this.addComposer(pressComposer);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    draw: {
-        enumerable: false,
-        value: function() {
-            var elem = this.element;
-
-            this._fromInput = false;
-            this._synching = false;
-
-            this._removeAll(elem);
-            this._refreshOptions();
-
-            var fn = Object.getPrototypeOf(SelectInput).draw;
-            fn.call(this);
-
-        }
-    },
-
-    didDraw: {
-        value: function() {
-            this._synchValues();
-        }
-    },
-
-
-
-    // find the index of the object with the specified value in the _content array
-    _indexOf: {
-        value: function(val) {
-            var arr = this.content||[], len = arr.length, i;
-            var text, value;
-            for(i=0; i< len; i++) {
-                if(String.isString(arr[i])) {
-                    value = arr[i];
-                } else {
-                    value = arr[i][this.valuePropertyPath  || 'value'];
-                }
-                if(value && value === val) {
-                    return i;
-                }
-            }
-            return -1;
-        }
-    },
-
-    _getSelectedOptions: {
-        value: function(selectEl) {
-            var options = selectEl.querySelectorAll('option');
-            // TODO: looks like querySelectorAll('option[selected]') only returns the default selected
-            // value
-            var i, len = options.length, arr = [];
-            for(i=0; i< len; i++) {
-                if(options[i].selected) {
-                    arr.push(options[i]);
-                }
-            }
-            return arr;
-        }
-    },
-
-    _getSelectedOptionsIndices: {
-        value: function(selectEl) {
-            var options = selectEl.querySelectorAll('option');
-            // TODO: looks like querySelectorAll('option[selected]') only returns the default selected
-            // value
-            var i, len = options.length, arr = [];
-            for(i=0; i< len; i++) {
-                if(options[i].selected) {
-                    arr.push(i);
-                }
-            }
-            return arr;
-        }
-    },
-
-    handleChange: {
-        value: function(e) {
-            // get selected values and set it on the contentController
-            //var selectedOptions = this.element.selectedOptions || [];
-            // select.selectedOptions does not work on Chrome !
-
-            var arr = this._getSelectedOptionsIndices(this.element);
-
-            if(arr.length > 0) {
-                this._fromInput = true;
-                this._synching = false;
-                this.contentController.selectedIndexes = arr;
-                this._synchValues();
-            }
-
-        }
-    }
-
-
-});
-
-//http://www.w3.org/TR/html5/the-button-element.html#the-select-element
-
-SelectInput.addAttributes( /** @lends module:"montage/ui/select-input.reel".SelectInput */ {
-/**
-    Specifies whether the element should be focused as soon as the page is loaded.
-    @type {boolean}
-    @default false
-*/
-        autofocus: {dataType: 'boolean'},
-
-/**
-    When true, the select control is disabled to user input and "disabled" is added to its CSS class list.
-    @type {boolean}
-    @default false
-*/
-        disabled: {dataType: 'boolean'},
-
-/**
-    The value of the <code>id</code> attribute of the form with which to associate the component's element.
-    @type string}
-    @default null
-*/
-        form: null,
-/**
-    Specifies if multiple selections are enabled on the select element.
-    @type {boolean}
-    @default false
-*/
-        multiple: {dataType: 'boolean'},
-
-/**
-    The name associated with the select input element.
-    @type {string}
-    @default null
-*/
-        name: null,
-
-/**
-    When true, the user will be required to select a value from the control before submitting the form.
-    @type {string}
-    @default false
-*/
-        required: {dataType: 'boolean'},
-
-/**
-   The number of options from the select element to display to the user.
-   @type {number}
-   @default 1
-*/
-        size: {dataType: 'number', value: '1'}
-});
-
-- 
cgit v1.2.3