1 files changed, 473 insertions, 0 deletions

diff --git a/node_modules/montage/ui/text-slider.reel/text-slider.js b/node_modules/montage/ui/text-slider.reel/text-slider.js
new file mode 100644
index 00000000..6582bbf2
--- /dev/null
+++ b/node_modules/montage/ui/text-slider.reel/text-slider.js
@@ -0,0 +1,473 @@
+/* <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/text-slider.reel"
+    @requires montage/core/core
+    @requires montage/ui/component
+    @requires montage/ui/composer/press-composer
+ */
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component,
+    PressComposer = require("ui/composer/press-composer").PressComposer;
+
+/**
+    <p>Provides a way for users to quickly and easily manipulate numeric values.
+    It takes the form of a numeric value with a dotted underline, optionally
+    followed by a unit.
+
+    <p>When the user clicks and drags on the numeric value
+    it increases when dragged up or right, and decreases when dragged down or
+    left. If the user holds Control or Shift while dragging the value will
+    change by a smaller or larger amount respectively.</p>
+
+    <p>If the user clicks without dragging then the component enters "edit mode"
+    and turns into a textfield where the user can directly edit the value. If
+    user presses the Up or Down arrows in edit mode the value will increase or
+    decrease respectively. If the user holds Control or Shift while pressing an
+    arrow the value will change by a smaller or larger amount respectively.</p>
+
+    @class module:"montage/ui/text-slider.reel".TextSlider
+    @extends module:montage/ui/component.Component
+ */
+var TextSlider = exports.TextSlider = Montage.create(Component, /** @lends module:"montage/ui/text-slider.reel".TextSlider# */ {
+
+    // Properties
+
+    _converter: {
+        enumerable: false,
+        value: null
+    },
+    /**
+    A converter that converts from a numeric value to the display value, for
+    example to convert to hexadecimal. You may also want to use a converter
+    that returns <code>value.toFixed(<i>n</i>)</code> to prevent precision errors from
+    being displayed to the user.
+    @type {object}
+    @default null
+    */
+    converter: {
+        serializable: true,
+        get: function() {
+            return this._converter;
+        },
+        set: function(value) {
+            if (this._converter !== value) {
+                this._converter = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    _value: {
+        enumerable: false,
+        value: 0
+    },
+    /**
+    The value of the TextSlider.
+    @type {Number}
+    @default 0
+    */
+    value: {
+        serializable: true,
+        get: function() {
+            return this._value;
+        },
+        set: function(value) {
+            if (isNaN(value = parseFloat(value))) {
+                return false;
+            }
+
+            // != null also checking for undefined
+            if (this._minValue != null && value < this._minValue) {
+                value = this._minValue;
+            } else if (this._maxValue != null && value > this._maxValue) {
+                value = this._maxValue;
+            }
+
+            if (this._value !== value) {
+                this._value = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    /**
+    The value of the TextSlider converted using {@link converter} for display.
+    Setting this will call <code>revert</code> on the converter and set
+    {@link value}.
+    @type {String}
+    @default "0"
+    */
+    convertedValue: {
+        dependencies: ["value", "converter"],
+        get: function() {
+            // TODO catch errors from conversion?
+            return (this._converter) ? this._converter.convert(this._value) : this._value;
+        },
+        set: function(value) {
+            if (this._converter) {
+                this.value = this._converter.revert(value);
+            } else {
+                this.value = value;
+            }
+        }
+    },
+
+    _minValue: {
+        enumerable: false,
+        value: null
+    },
+    /**
+    The minimum value the TextSlider can take. If set to <code>null</code> there
+    is no minimum.
+    @type {number|null}
+    @default null
+    */
+    minValue: {
+        serializable: true,
+        get: function() {
+            return this._minValue;
+        },
+        set: function(value) {
+            if (this._minValue !== value) {
+                this._minValue = value;
+
+                this.value = this._value;
+
+                this.needsDraw = true;
+            }
+        }
+    },
+    _maxValue: {
+        enumerable: false,
+        value: null
+    },
+    /**
+    The maximum value the TextSlider can take. If set to <code>null</code> there
+    is no maximum.
+    @type {number|null}
+    @default null
+    */
+    maxValue: {
+        serializable: true,
+        get: function() {
+            return this._maxValue;
+        },
+        set: function(value) {
+            if (this._maxValue !== value) {
+                this._maxValue = value;
+
+                this.value = this._value;
+
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    /**
+    The small amount to increase/decrease the value by. Used when the user
+    holds the Control key and drags or presses the Up arrow in input mode.
+    @type {Number}
+    @default 0.1
+    */
+    smallStepSize: {
+        serializable: true,
+        enumerable: false,
+        value: 0.1
+    },
+    /**
+    The amount to increase/decrease the value by. Used per pixel when the user
+    drags the TextSlider or presses the Up arrow in input mode.
+    @type {Number}
+    @default 1
+    */
+    stepSize: {
+        serializable: true,
+        enumerable: false,
+        value: 1
+    },
+    /**
+    The large amount to increase/decrease the value by. Used when the user
+    holds the Shift key and drags or presses the Up arrow in input mode.
+    @type {Number}
+    @default 10
+    */
+    largeStepSize: {
+        serializable: true,
+        enumerable: false,
+        value: 10
+    },
+
+    _unit: {
+        enumerable: false,
+        value: null
+    },
+    /**
+    The unit the value is in. This will be appended to the {@link convertedValue}
+    for display.
+    @type {String|null}
+    @default null
+    */
+    unit: {
+        serializable: true,
+        get: function() {
+            return this._unit;
+        },
+        set: function(value) {
+            if (this._unit !== value) {