1 files changed, 230 insertions, 230 deletions

diff --git a/js/components/gradientpicker.reel/gradientpicker.js b/js/components/gradientpicker.reel/gradientpicker.js
index 3b06f8f4..937b473b 100755
--- a/js/components/gradientpicker.reel/gradientpicker.js
+++ b/js/components/gradientpicker.reel/gradientpicker.js
@@ -30,14 +30,14 @@ POSSIBILITY OF SUCH DAMAGE.
 
 ////////////////////////////////////////////////////////////////////////
 //
-var Montage =   require("montage/core/core").Montage,
-        Component = require("montage/ui/component").Component;
+var Montage =   require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
 ////////////////////////////////////////////////////////////////////////
 //Exporting as ColorWheel
 exports.GradientPicker = Montage.create(Component, {
-        ////////////////////////////////////////////////////////////////////
-        //
-        hasTemplate: {
+    ////////////////////////////////////////////////////////////////////
+    //
+    hasTemplate: {
         value: true
     },
     ////////////////////////////////////////////////////////////////////
@@ -50,7 +50,7 @@ exports.GradientPicker = Montage.create(Component, {
     _value: {
         value: null
     },
-        ////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////
     //
     value: {
         get: function() {return this._value;},
@@ -61,14 +61,14 @@ exports.GradientPicker = Montage.create(Component, {
     _mode: {
         value: 'linear'
     },
-        ////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////
     //
     mode: {
         get: function() {return this._mode;},
         set: function(value) {
-                //
-                this.application.ninja.colorController.colorPopupManager.hideGradientChipPopup();
-                //
+            //
+            this.application.ninja.colorController.colorPopupManager.hideGradientChipPopup();
+            //
             this._mode = value;
             //
             this._dispatchEvent('change', false);
@@ -77,285 +77,285 @@ exports.GradientPicker = Montage.create(Component, {
     ////////////////////////////////////////////////////////////////////
     //
     _trackData: {
-            value: {width: 0, x: 0, y: 0}
+        value: {width: 0, x: 0, y: 0}
     },
     ////////////////////////////////////////////////////////////////////
     //
     prepareForDraw: {
-        value: function() {
-                //
-                }
+        value: function() {
+            //
+        }
     },
     ////////////////////////////////////////////////////////////////////
     //
     willDraw: {
-        value: function() {
-                //Getting component views from layout
-                this._trackData.width = parseInt(getComputedStyle(this.trackChips).getPropertyCSSValue('width').cssText);
-                //TODO: Fix events and remove this hack
-                this.trackCover.addEventListener('mouseover', function () {
-                                if (!this._updating) {                  
-                                this.trackCover.style.display = 'none';
-                        }
-                }.bind(this), true);
-                //
-                this.radioLinear.addEventListener('change', function (e){
-                        this.mode = 'linear';
-                }.bind(this), true);
-                //
-                this.radioRadial.addEventListener('change', function (e){
-                        this.mode = 'radial';
-                }.bind(this), true);    
-                }
+        value: function() {
+            //Getting component views from layout
+            this._trackData.width = parseInt(getComputedStyle(this.trackChips).getPropertyCSSValue('width').cssText);
+            //TODO: Fix events and remove this hack
+            this.trackCover.addEventListener('mouseover', function () {
+                if (!this._updating) {          
+                    this.trackCover.style.display = 'none';
+                }
+            }.bind(this), true);
+            //
+            this.radioLinear.addEventListener('change', function (e){
+                this.mode = 'linear';
+            }.bind(this), true);
+            //
+            this.radioRadial.addEventListener('change', function (e){
+                this.mode = 'radial';
+            }.bind(this), true);    
+        }
     },
     ////////////////////////////////////////////////////////////////////
     //
     draw: {
-        value: function() {
-                //Checking for mode to assign radio value
-                if (this.mode === 'linear') {
-                        this.radioLinear.checked = 'true';
-                } else if (this.mode === 'radial') {
-                        this.radioRadial.checked = 'true';
-                }
-                //Checkign for value to initialize stops
-                if (!this.value) {
-                        this.addDefaultStops();
-                        } else {
-                                //Adding stops from preset value
-                                for (var i=0, stops = this.value; stops[i]; i++) {
-                                        this.addStop({color: {mode: stops[i].mode, value: stops[i].value}, percent:stops[i].position}, true);
-                                }
-                        }
-        }
+        value: function() {
+            //Checking for mode to assign radio value
+            if (this.mode === 'linear') {
+                this.radioLinear.checked = 'true';
+            } else if (this.mode === 'radial') {
+                this.radioRadial.checked = 'true';
+            }
+            //Checkign for value to initialize stops
+            if (!this.value) {
+                this.addDefaultStops();
+            } else {
+                //Adding stops from preset value
+                for (var i=0, stops = this.value; stops[i]; i++) {
+                    this.addStop({color: {mode: stops[i].mode, value: stops[i].value}, percent:stops[i].position}, true);
+                }
+            }
+        }
     },
     ////////////////////////////////////////////////////////////////////
     //
-        didDraw: {
-        value: function() {
-                        //Adding event listener for stops
-                        this.trackMain.addEventListener('click', this, false);
-                //Getting position of track
-                var point = webkitConvertPointFromNodeToPage(this.trackMain, new WebKitPoint(0, 0));
-                //Setting position of track to calculate movement
-                this._trackData.x = point.x;
-                this._trackData.y = point.y;    
-        }
+    didDraw: {
+        value: function() {
+            //Adding event listener for stops
+            this.trackMain.addEventListener('click', this, false);
+            //Getting position of track
+            var point = webkitConvertPointFromNodeToPage(this.trackMain, new WebKitPoint(0, 0));
+            //Setting position of track to calculate movement
+            this._trackData.x = point.x;
+            this._trackData.y = point.y;    
+        }
     },
     ////////////////////////////////////////////////////////////////////
     //Default stops funtion (reset)
     addDefaultStops: {
-        value: function() {
-                this.addStop({color: {mode: 'rgb', value: {r: 255, g: 255, b: 255, a: 1, css: 'rgb(255, 255, 255)'}}, percent: 0}, true);
-                        this.addStop({color: {mode: 'rgb', value: {r: 0, g: 0, b: 0, a: 1, css: 'rgb(0, 0, 0)'}}, percent: 100}, true);
-        }
+        value: function() {
+            this.addStop({color: {mode: 'rgb', value: {r: 255, g: 255, b: 255, a: 1, css: 'rgb(255, 255, 255)'}}, percent: 0}, true);
+            this.addStop({color: {mode: 'rgb', value: {r: 0, g: 0, b: 0, a: 1, css: 'rgb(0, 0, 0)'}}, percent: 100}, true);
+        }
     },
     ////////////////////////////////////////////////////////////////////
     //
-        addStop: {
-        value: function(data, silent) {
-                if (this.application.ninja.colorController.colorPopupManager) {
-                        //Hiding any open popups (of gradient buttons)
-                        this.application.ninja.colorController.colorPopupManager.hideGradientChipPopup();
-                        //Creating stop elements
-                        var stop = document.createElement('div'),
-                                holder = document.createElement('div'),
-                                        tooltip = document.createElement('span'),
-                                        button = document.createElement('button');
-                                //Setting up elements
-                                stop.appendChild(tooltip);
-                                stop.appendChild(holder);
-                                holder.appendChild(button);
-                                //Adding events to the stops
-                                stop.addEventListener('mousedown', this, false);
+    addStop: {
+        value: function(data, silent) {
+            if (this.application.ninja.colorController.colorPopupManager) {
+                //Hiding any open popups (of gradient buttons)
+                this.application.ninja.colorController.colorPopupManager.hideGradientChipPopup();
+                //Creating stop elements
+                var stop = document.createElement('div'),
+                    holder = document.createElement('div'),
+                    tooltip = document.createElement('span'),
+                    button = document.createElement('button');
+                //Setting up elements
+                stop.appendChild(tooltip);
+                stop.appendChild(holder);
+                holder.appendChild(button);
+                //Adding events to the stops
+                stop.addEventListener('mo