1 files changed, 355 insertions, 355 deletions

diff --git a/js/components/colorwheel.reel/colorwheel.js b/js/components/colorwheel.reel/colorwheel.js
index a7c70038..d2664f14 100755
--- a/js/components/colorwheel.reel/colorwheel.js
+++ b/js/components/colorwheel.reel/colorwheel.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;
 ////////////////////////////////////////////////////////////////////////
 //
 exports.ColorWheel = Montage.create(Component, {
-        ////////////////////////////////////////////////////////////////////
-        //
-        hasTemplate: {
+    ////////////////////////////////////////////////////////////////////
+    //
+    hasTemplate: {
         value: true
     },
     ////////////////////////////////////////////////////////////////////
@@ -45,7 +45,7 @@ exports.ColorWheel = Montage.create(Component, {
     _value: {
         value: {h: 0, s: 0, v: 0}
     },
-        ////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////
     //Value of wheel in HSV (360, 100, 100)
     value: {
         get: function() {
@@ -54,463 +54,463 @@ exports.ColorWheel = Montage.create(Component, {
         set: function(value) {
             this._value = value;
             if (this._wheelData) {
-                if (value && !value.wasSetByCode) {
-                        this.wheelSelectorAngle(value.h/this._math.TAU*360);
-                                        this.drawSwatchColor(value.h/this._math.TAU*360);
-                                        this.drawSwatchSelector(value.s*100, value.v*100);
-                }
-                                if (!this._isMouseDown) {
-                                        this._dispatchEvent('change', true);
-                                }
-                        }
+                if (value && !value.wasSetByCode) {
+                    this.wheelSelectorAngle(value.h/this._math.TAU*360);
+                    this.drawSwatchColor(value.h/this._math.TAU*360);
+                    this.drawSwatchSelector(value.s*100, value.v*100);
+                }
+                if (!this._isMouseDown) {
+                    this._dispatchEvent('change', true);
+                }
+            }
         }
     },
     ////////////////////////////////////////////////////////////////////
     //Stroke size of wheel
     _strokeWidth: {
-        value: 2
+        value: 2
     },
     ////////////////////////////////////////////////////////////////////
     //Size must be set in digits and interpreted as pixel
     strokeWidth: {
-        get: function() {
+        get: function() {
             return this._strokeWidth;
         },
         set: function(value) {
-                this._strokeWidth = value;
+            this._strokeWidth = value;
         }
     },
     ////////////////////////////////////////////////////////////////////
     //Stroke color of wheel
     _strokeColor: {
-        value: 'rgb(255, 255, 255)'
+        value: 'rgb(255, 255, 255)'
     },
     ////////////////////////////////////////////////////////////////////
     //Stroke only apply to wheel rim
     strokeColor: {
-        get: function() {
+        get: function() {
             return this._strokeColor;
         },
         set: function(value) {
-                this._strokeColor = value;
+            this._strokeColor = value;
         }
     },
     ////////////////////////////////////////////////////////////////////
     //Width of the rim
     _rimWidth: {
-        value: 2
+        value: 2
     },
     ////////////////////////////////////////////////////////////////////
     //Width must be set using digits interpreted as pixel
     rimWidth: {
-        get: function() {
+        get: function() {
             return this._rimWidth;
         },
         set: function(value) {
-                this._rimWidth = value;
+            this._rimWidth = value;
         }
     },
     ////////////////////////////////////////////////////////////////////
     //
     _math: {
-            value: {PI: Math.PI, TAU: Math.PI*2, RADIANS: Math.PI/180}
+        value: {PI: Math.PI, TAU: Math.PI*2, RADIANS: Math.PI/180}
     },
     ////////////////////////////////////////////////////////////////////
     //
     prepareForDraw: {
-        value: function() {
-                //Hidding component while it is drawn
-                this.element.style.opacity = 0;
-                }
+        value: function() {
+            //Hidding component while it is drawn
+            this.element.style.opacity = 0;
+        }
     },
     ////////////////////////////////////////////////////////////////////
     //
     willDraw: {
-        value: function() {
-                //
-                }
+        value: function() {
+            //
+        }
     },
     ////////////////////////////////////////////////////////////////////
     //
     draw: {
-        value: function() {
-                //
-                var slice, i, whlctx = this.wheel.getContext("2d");
-                //Determing radius by smallest factor of width or height
-                if (this.element.offsetWidth > this.element.offsetHeight) {
-                        this._math.diameter = this.element.offsetWidth;
-                } else {
-                        this._math.diameter = this.element.offsetHeight;
-                }
-                //Setting the radius from diameter
-                this._math.radius = this._math.diameter/2;
-                //Inner radius of wheel
-                this._math.innerRadius = this._math.radius - this.rimWidth;
-                //Setting the widths and heights to match the container's
-                this.wheel.width = this.wheel.height = this.wheelSelect.width = this.wheelSelect.height = this.swatchSelect.width = this.swatchSelect.height = this._math.diameter;
-                //
-                this._math.swatchLength = Math.floor((this._math.radius - this.rimWidth - this.strokeWidth*4) * Math.sin(45 * this._math.RADIANS) * 2);
-                this._math.swatchPosition = Math.round(this._math.radius - (this._math.swatchLength/2))+this.strokeWidth* Math.sin(45 * this._math.RADIANS);
-                //
-                this.swatch.style.top = this.swatch.style.left = this._math.swatchPosition+'px';
-                //Clearing wheel for redraw
-                        whlctx.clearRect(0, 0, this._math.diameter, this._math.diameter);
-                        ////////////////////////////////////////////////////////////////
-                        //Drawing color wheel circle
-                        whlctx.save();
-                        whlctx.beginPath();
-                        whlctx.moveTo(0,0);
-                        whlctx.lineTo(this._math.diameter,0);
-                        whlctx.lineTo(this._math.diameter,this._math.diameter);
-                        whlctx.lineTo(0,this._math.diameter);
-                        whlctx.closePath();
-                        whlctx.clip();
-                        whlctx.strokeStyle = 'rgba(0,0,0,0)';
-                        whlctx.lineCap = 'butt';
+        value: function() {
+            //
+            var slice, i, whlctx = this.wheel.getContext("2d");
+            //Determing radius by smallest factor of width or height
+            if (this.element.offsetWidth > this.element.offsetHeight) {
+                this._math.diameter = this.element.offsetWidth;
+            } else {
+                this._math.diameter = this.element.offsetHeight;
+            }
+            //Setting the radius from diameter
+            this._math.radius = this._math.diameter/2;
+            //Inner radius of wheel
+            this._math.innerRadius = this._math.radius - this.rimWidth;
+            //Setting the widths and heights to match the container's
+            this.wheel.width = this.wheel.height = this.wheelSelect.width = this.wheelSelect.height = this.swatchSelect.width = this.swatchSelect.height = this._math.diameter;
+            //
+            this._math.swatchLength = Math.floor((this._math.radius - this.rimWidth - this.strokeWidth*4) * Math.sin(45 * this._math.RADIANS) * 2);
+            this._math.swatchPosition = Math.round(this._math.radius - (this._math.swatchLength/2))+this.strokeWidth* Math.sin(45 * this._math.RADIANS);
+            //
+            this.swatch.style.top = this.swatch.style.left = this._math.swatchPosition+'px';
+            //Clearing wheel for redraw
+            whlctx.clearRect(0, 0, this._math.diameter, this._math.diameter);
+            ////////////////////////////////////////////////////////////////
+            //Drawing color wheel circle
+            whlctx.save();
+            whlctx.beginPath();
+            whlctx.moveTo(0,0);
+            whlctx.lineTo(this._math.diameter,0);
+            whlctx.lineTo(this._math.diameter,this._math.diameter);
+            whlctx.lineTo(0,this._math.diameter);
+            whlctx.closePath();
+            whlctx.clip();
+            whlctx.strokeStyle = 'rgba(0,0,0,0)';
+            whlctx.lineCap = 'butt';