1 files changed, 40 insertions, 8 deletions

diff --git a/node_modules/montage/ui/range-input.reel/range-input.js b/node_modules/montage/ui/range-input.reel/range-input.js
index 0c247603..e97c2de9 100644
--- a/node_modules/montage/ui/range-input.reel/range-input.js
+++ b/node_modules/montage/ui/range-input.reel/range-input.js
@@ -3,22 +3,54 @@
  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 */
 var Montage = require("montage").Montage,
     Component = require("ui/component").Component,
-    TextInput = require("ui/text-input").TextInput;
+    TextInput = require("ui/text-input").TextInput,
+    PressComposer = require("ui/composer/press-composer").PressComposer;
+
 /**
  * The input type="range" field
  */
 var RangeInput = exports.RangeInput = Montage.create(TextInput, {
+    prepareForActivationEvents: {
+        value: function() {
+            var pressComposer = PressComposer.create();
+            pressComposer.delegate = this;
+            this.addComposer(pressComposer);
+            pressComposer.addEventListener("pressstart", this, false);
+            pressComposer.addEventListener("press", this, false);
+            pressComposer.addEventListener("presscancel", this, false);
+        }
+    },
+
+    handlePressstart: {
+        value: function(e) {
+            var interactionStartEvent = document.createEvent("CustomEvent");
+            interactionStartEvent.initCustomEvent("montage_range_interaction_start", true, true, null);
+            this.dispatchEvent(interactionStartEvent);
+        }
+    },
+
+    handlePress: {
+        value: function(e) {
+            var interactionEndEvent = document.createEvent("CustomEvent");
+            interactionEndEvent.initCustomEvent("montage_range_interaction_end", true, true, null);
+            this.dispatchEvent(interactionEndEvent);
+        }
+    },
 
+    surrenderPointer: {
+        value: function(pointer, composer) {
+            // If the user is sliding us then we do not want anyone using
+            // the pointer
+            return false;
+        }
+    }
 });
 
 RangeInput.addAttributes({
-        disabled: {dataType: 'boolean'},
-        max: null,
-        min: null,
-        name: null,
-        readonly: {dataType: 'boolean'},
-        required: {dataType: 'boolean'},
-        step: null
+    max: {dataType: 'number'},
+    min: {dataType: 'number'},
+    step: null // number or 'any'
 });