1 files changed, 30 insertions, 30 deletions

diff --git a/js/panels/Timeline/Style.reel/Style.js b/js/panels/Timeline/Style.reel/Style.js
index db4593a2..82c2d8ab 100644
--- a/js/panels/Timeline/Style.reel/Style.js
+++ b/js/panels/Timeline/Style.reel/Style.js
@@ -32,11 +32,11 @@ POSSIBILITY OF SUCH DAMAGE.
  * Style component:  Edits and manages a single style rule for a Layer in the Timeline.
  * Public Properties:
  *      editorProperty:  The CSS property for the style.
- *      editorValue:    The value for the editorProperty. 
+ *      editorValue:    The value for the editorProperty.
  *      whichView:  Which view to show, the hintable view (where a new property can be typed in)
  *                  or the propval view (where the property's value can be set with the tweener).
  *                  Valid values are "hintable" and "propval", defaults to "hintable".
- * 
+ *
  */
 
 var Montage = require("montage/core/core").Montage;
@@ -89,7 +89,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             }
         }
     },
-    
+
     /* isActive:  Whether or not the user is actively clicking within the style; used to communicate state with
      * parent Layer.
      */
@@ -104,7 +104,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             this._isActive = newVal;
         }
     },
-   
+
    // Property for this editor
     _editorProperty: {
         value: ""
@@ -119,7 +119,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             this.needsDraw = true;
         }
     },
-    
+
     // Value for the property for this editor.
     _editorValue: {
         value: ""
@@ -134,8 +134,8 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             this.needsDraw = true;
         }
     },
-    
-    // The tweener used to change the value for this property. 
+
+    // The tweener used to change the value for this property.
     _ruleTweener: {
         value: false
     },
@@ -149,7 +149,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             this.needsDraw = true;
         }
     },
-    
+
     // The hintable we use to change the Property
     _myHintable: {
         value: ""
@@ -174,12 +174,12 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             this._myHintableValue = newVal;
         }
     },
-    
+
     // swapViews: Is a view swap happening?
     _swapViews : {
         value: true
     },
-    
+
     // whichView: which view should we show: hintable or propval
     _whichView : {
         value: "hintable"
@@ -201,7 +201,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             }
         }
     },
- 
+
     // styleID: the id for this style;
     // Used to publish events
     _styleID : {
@@ -259,9 +259,9 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             this.isActive = true;
         }
     },
-    
+
     /* === END: Models === */
-    
+
     /* === BEGIN : Draw cycle === */
     prepareForDraw: {
         value: function() {
@@ -270,7 +270,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
     },
     draw: {
         value: function() {
-            
+
             if (this._swapViews === true) {
                 // Show the right thing
                 this._showView();
@@ -293,16 +293,16 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
         }
     },
     /* === END: Draw cycle === */
-    
+
     /* === BEGIN: controllers === */
-    
+
     // handleStylePropertyDblClick: What happens when the user double-clicks on the style property
     handleStylePropertyDblclick: {
         value: function(event) {
             this.whichView = "hintable";
         }
     },
-    
+
     // handleHintableStop: What happens when the hintable issues its stop event
     handleHintableStop: {
         value: function(event) {
@@ -312,14 +312,14 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             this.whichView = "propval";
         }
     },
-    
+
     // Init: Initialize the component with some useful selectors and other defaults.
     init : {
         value: function() {
 
             var arrHints = [],
                 i = 0;
-            
+
             // Get the array of hints from _myTweenables:
             for (i = 0; i < this._myTweenables.length; i++) {
                 arrHints.push(this._myTweenables[i].property)
@@ -328,15 +328,15 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             // Set useful information for the hintable
             this.myHintable.editingClass = "editable2";
             this.myHintable.hints = arrHints;
-            
+
             // Bind a handler to the Hintable's change event
             this.myHintable.identifier = "hintable";
             this.myHintable.addEventListener("stop", this, false);
-            
+
             // Add the click handler to the styleProperty: When the user double-clicks on it, we want to start the editor.
             this.styleProperty.identifier = "styleProperty";
             this.styleProperty.addEventListener("dblclick", this, false);
-            
+
             // Get some selectors that we'll be using
             this.editorHottextContainer = this.element.querySelector(".editor-hottext");
             this.editorInputContainer = this.element.querySelector(".editor-input");
@@ -344,12 +344,12 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             this.containerHintable = this.element.querySelector(".row-hintable");
             this.containerPropvals = this.element.querySelector(".container-propvals");
             this.valueEditorInput = this.element.querySelector(".editor-input input");
-            
-            // mousedown listener to handle 
+
+            // mousedown listener to handle
             this.element.addEventListener("mousedown", this, false);
         }
     },
-    
+
     // showView: Show the appropriate view
     _showView : {
         value: function() {
@@ -364,7 +364,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
             }
         }
     },
-    
+
     // showTweener: show the appropriate tweener