1 files changed, 324 insertions, 0 deletions

diff --git a/node_modules/montage/ui/editable-text.js b/node_modules/montage/ui/editable-text.js
new file mode 100755
index 00000000..28349e6b
--- /dev/null
+++ b/node_modules/montage/ui/editable-text.js
@@ -0,0 +1,324 @@
+/* <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/editable-text
+    @requires montage/core/core
+    @requires montage/ui/component
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component;
+/**
+ * Common base class for textfield/textarea and other components that have editable components
+    @class module:montage/ui/editable-text.EditableText
+    @extends module:montage/ui/component.Component
+ */
+var EditableText = exports.EditableText = Montage.create(Component, /** @lends module:montage/ui/editable-text.EditableText# */ {
+
+    hasTemplate: {
+        value: true
+    },
+/**
+  Description TODO
+  @private
+*/
+    _hasFocus: {
+        enumerable: false,
+        value: false
+    },
+/**
+  Description TODO
+  @private
+*/
+    _value: {
+        enumerable: false,
+        value: null
+    },
+/**
+  Description TODO
+  @private
+*/
+    _valueSyncedWithInputField: {
+        enumerable: false,
+        value: false
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default null
+    */
+    value: {
+        enumerable: true,
+        serializable: true,
+        get: function() {
+            return this._value;
+        },
+        set: function(value, fromInput) {
+            this._value = value;
+            if(fromInput) {
+                this._valueSyncedWithInputField = true;
+            } else {
+                this._valueSyncedWithInputField = false;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    // set value from user input
+    /**
+      @private
+    */
+    _setValue: {
+        value: function() {
+            var newValue = this.element.value;
+            if (newValue && newValue.length > 0 && this.converter) {
+                var convertedValue;
+                try {
+                    convertedValue = this.converter.revert(newValue);
+                    if (this.error) {
+                        this.error = null;
+                    }
+                    // kishore: this is required bcos we need to pass the 2nd parameter to the setter
+                    Object.getPropertyDescriptor(this, "value").set.call(this, convertedValue, true);
+
+                } catch(e) {
+                    // unable to convert - maybe error
+                    this.error = e;
+                    //this._valueSyncedWithInputField = false;
+                }
+            } else {
+                Object.getPropertyDescriptor(this, "value").set.call(this, newValue, true);
+            }
+        }
+    },
+/**
+        Description TODO
+        @type {Property}
+        @default null
+    */
+    converter:{
+        value: null
+    },
+/**
+  Description TODO
+  @private
+*/
+    _error: {
+        value: false
+    },
+ /**
+        Description TODO
+        @type {Function}
+        @default {Boolean} false
+    */
+    error: {
+        get: function() {
+            return this._error;
+        },
+        set: function(v) {
+            this._error = v;
+            this.needsDraw = true;
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _readOnly: {
+        enumerable: true,
+        value: false
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} false
+    */
+    readOnly: {
+        get: function() {
+            return this._readOnly;
+        },
+        set: function(value) {
+            this._readOnly = value;
+            this.needsDraw = true;
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _updateOnInput: {
+        value: true
+    },
+
+    // switch to turn off auto update upon keypress overriding the Converter flag
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} true
+    */
+    updateOnInput: {
+        get: function() {
+            return !!this._updateOnInput;
+        },
+        set: function(v) {
+            this._updateOnInput = v;
+        }
+    },
+
+
+    // If true, the field value will be validated 1 ms after the user changes the value
+    /*
+     // future properties - to allow partial validation (as the user types in the value)
+     _validatePartial: {
+     value: false
+     },
+     validatePartial: {
+     get: function() {
+     return !!this._validatePartial;
+     },
+     set: function(v) {
+     this._validatePartial = v;
+     }
+     },
+
+     // If true, the field will block invalid characters upon change
+     _blockInvalid: {
+     value: false
+     },
+
+     blockInvalid: {
+     get: function() {
+     return !!this._blockInvalid;
+     },
+     set: function(v) {
+     this._blockInvalid = v;
+     }
+     },
+     */
+
+
+
+    // Callbacks
+    /**
+    Description TODO
+    @function
+    */
+    prepareForDraw: {
+        enumerable: false,
+        value: function() {
+            var el = this.element;
+            el.value = this._inputValue;
+            el.addEventListener("focus", this);
+            el.addEventListener('input', this);
+            el.addEventListener('change', this);
+            el.addEventListener('blur', this);
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _setElementValue: {
+        value: function(v) {
+            this.element.value = v;
+        }
+    },
+/**
+    Description TODO
+    @function
+    */
+    draw: {
+        enumerable: false,
+        value: function() {
+            var t = this.element;
+
+            if (!this._valueSyncedWithInputField) {
+                this._setElementValue(this.converter ? this.converter.convert(this._value) : this._value);
+            }
+