1 files changed, 498 insertions, 0 deletions

diff --git a/node_modules/montage/ui/autocomplete/autocomplete.reel/autocomplete.js b/node_modules/montage/ui/autocomplete/autocomplete.reel/autocomplete.js
new file mode 100644
index 00000000..0ce1ab85
--- /dev/null
+++ b/node_modules/montage/ui/autocomplete/autocomplete.reel/autocomplete.js
@@ -0,0 +1,498 @@
+/* <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,
+    TextInput = require("ui/text-input").TextInput,
+    logger = require("core/logger").logger("autocomplete"),
+    ResultsList = require("ui/autocomplete/results-list.reel/results-list").ResultsList,
+    ArrayController = require("ui/controller/array-controller").ArrayController,
+    Popup = require("ui/popup/popup.reel").Popup,
+    PressComposer = require("ui/composer/press-composer").PressComposer;
+
+var KEY_UP = 38,
+    KEY_DOWN = 40,
+    KEY_RIGHT = 39,
+    KEY_ENTER = 13,
+    KEY_ESC = 27;
+
+var getElementPosition = function(obj) {
+    var curleft = 0, curtop = 0, curHt = 0, curWd = 0;
+    if (obj.offsetParent) {
+        do {
+            curleft += obj.offsetLeft;
+            curtop += obj.offsetTop;
+            curHt += obj.offsetHeight;
+            curWd += obj.offsetWidth;
+        } while ((obj = obj.offsetParent));
+    }
+    return {
+        top: curtop,
+        left: curleft,
+        height: curHt,
+        width: curWd
+    };
+};
+
+/**
+ * The Autocomplete input
+ */
+var Autocomplete = exports.Autocomplete = Montage.create(TextInput, {
+
+    didCreate: {
+        value: function() {
+            this.delay = 500;
+            this.minLength = 2;
+        }
+    },
+
+    hasTemplate: {value: true},
+
+    delegate: {
+        value: null
+    },
+
+    separator: {
+        value: ',',
+        distinct: true
+    },
+
+    _delay: {value: null},
+    delay: {
+        distinct: true,
+        get: function(){
+            return this._delay;
+        },
+        set: function(value) {
+            if(value !== this._delay) {
+                if(String.isString(value)) {
+                    value = parseInt(value, 10);
+                }
+                this._delay = value;
+            }
+        }
+    },
+
+    /**
+    * Number of characters the user must type before the suggest query is fired
+    * Default = 2
+    */
+    minLength: {
+        value: null
+    },
+
+    _tokens: {value: null},
+    tokens: {
+        get: function() {
+            return this._tokens;
+        },
+        set: function(value) {
+            this._tokens = value;
+            this._valueSyncedWithInputField = false;
+            this.needsDraw = true;
+        },
+        modify: function(v) {
+            this._tokens = v;
+        },
+        distinct: true
+    },
+
+    // overridden here to get the substring/searchString
+    value: {
+        get: function() {
+            return this._value;
+            //var arr = this.tokens;
+            //return (arr ? arr.join(',') : this._value);
+        },
+        set: function(newValue, fromInput) {
+            this._value = newValue ? newValue.trim() : '';
+
+            // get the entered text after the separator
+            var value = this._value;
+
+
+            if(fromInput) {
+                this._valueSyncedWithInputField = true;
+                if(value) {
+                    var arr = value.split(this.separator).map(function(item) {
+                        return item.trim();
+                    });
+                    this.activeTokenIndex = this._findActiveTokenIndex(this.tokens, arr);
+                    this._tokens = value.split(this.separator).map(function(item) {
+                        return item.trim();
+                    });
+                    if(this._tokens.length && this._tokens.length > 0) {
+                        var searchTerm = this._tokens[this.activeTokenIndex];
+                        searchTerm = searchTerm ? searchTerm.trim() : '';
+                        if(searchTerm.length >= this.minLength) {
+                            var self = this;
+                            clearTimeout(this.delayTimer);
+                            this.delayTimer = setTimeout(function() {
+                                self.delayTimer = null;
+                                if (logger.isDebug) {
+                                    logger.debug('SEARCH for ', searchTerm);
+                                }
+                                self.performSearch(searchTerm);
+                            }, this.delay);
+                        } else {
+                            this.showPopup = false;
+                        }
+                    } else {
+                        this.showPopup = false;
+                    }
+                }
+            } else {
+                this.activeTokenIndex = 0;
+                this._tokens = [];
+                this.showPopup = false;
+
+                this._valueSyncedWithInputField = false;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+
+
+    //----  Private
+
+    // width of the popup
+    overlayWidth: {
+        value: null,
+        enumerable: false
+    },
+
+    delayTimer: {
+        value: null,
+        enumerable: false
+    },
+
+    // valid values are 'loading', 'complete' and 'timeout'
+    // --> ResultList.loadingStatus
+    _loadingStatus: {value: false, enumerable: false},
+    loadingStatus: {
+        enumerable: false,
+        get: function() {
+            return this._loadingStatus;
+        },
+        set: function(value) {
+            this._loadingStatus = value;
+            if(this._loadingStatus === 'loading') {
+                this.showPopup = false;
+            }
+            this.needsDraw = true;
+        }
+    },
+
+    // the index of the token in the tokens Array that is being worked on
+    activeTokenIndex: {value: null},
+
+    /** @private */
+    _findActiveTokenIndex: {
+        enumerable: false,
+        value: function(before, after) {
+            if(before == null || after == null) {
+                return 0;
+            }
+            var i=0, len = after.length;
+            for(i=0; i< len; i++) {
+                if(i < before.length) {
+                    if(before[i] === after[i]) {
+                        continue;
+                    } else {
+                        break;
+                    }
+                }