1 files changed, 286 insertions, 286 deletions

diff --git a/js/panels/Timeline/Style.reel/Style.js b/js/panels/Timeline/Style.reel/Style.js
index 122c2c0a..82c2d8ab 100644
--- a/js/panels/Timeline/Style.reel/Style.js
+++ b/js/panels/Timeline/Style.reel/Style.js
@@ -31,17 +31,17 @@ 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. 
- *              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".
- * 
+ *      editorProperty:  The CSS property for the style.
+ *      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;
 var Component = require("montage/ui/component").Component;
-var ElementsMediator =          require("js/mediators/element-mediator").ElementMediator
+var ElementsMediator =      require("js/mediators/element-mediator").ElementMediator
 
 
 var LayerStyle = exports.LayerStyle = Montage.create(Component, {
@@ -72,151 +72,151 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
     },
 
     /* === BEGIN: Models === */
-        // isSelected: whether or not the style is selected
-        _isSelected: {
-                value: false
-        },
-        isSelected: {
-                serializable: true,
-                get: function() {
-                        return this._isSelected;
-                },
-                set: function(newVal) {
-
-                        if (newVal !== this._isSelected) {
-                                this._isSelected = newVal;
-                                this.needsDraw = true;
-                        }
-                }
-        },
-        
+    // isSelected: whether or not the style is selected
+    _isSelected: {
+        value: false
+    },
+    isSelected: {
+        serializable: true,
+        get: function() {
+            return this._isSelected;
+        },
+        set: function(newVal) {
+
+            if (newVal !== this._isSelected) {
+                this._isSelected = newVal;
+                this.needsDraw = true;
+            }
+        }
+    },
+
     /* isActive:  Whether or not the user is actively clicking within the style; used to communicate state with
      * parent Layer.
      */
     _isActive: {
-        value: false
+        value: false
     },
     isActive: {
-        get: function() {
-                return this._isActive;
-        },
-        set: function(newVal) {
-                this._isActive = newVal;
-        }
-    },
-   
+        get: function() {
+            return this._isActive;
+        },
+        set: function(newVal) {
+            this._isActive = newVal;
+        }
+    },
+
    // Property for this editor
     _editorProperty: {
-        value: ""
+        value: ""
     },
     editorProperty: {
-        serializable: true,
-        get: function() {
-                return this._editorProperty;
-        },
-        set: function(newVal) {
-                this._editorProperty = newVal;
-                this.needsDraw = true;
-        }
-    },
-    
+        serializable: true,
+        get: function() {
+            return this._editorProperty;
+        },
+        set: function(newVal) {
+            this._editorProperty = newVal;
+            this.needsDraw = true;
+        }
+    },
+
     // Value for the property for this editor.
     _editorValue: {
-        value: ""
+        value: ""
     },
     editorValue: {
-        serializable: true,
-        get: function() {
-                return this._editorValue;
-        },
-        set: function(newVal) {
-                this._editorValue = newVal;
-                this.needsDraw = true;
-        }
-    },
-    
-        // The tweener used to change the value for this property. 
+        serializable: true,
+        get: function() {
+            return this._editorValue;
+        },
+        set: function(newVal) {
+            this._editorValue = newVal;
+            this.needsDraw = true;
+        }
+    },
+
+    // The tweener used to change the value for this property.
     _ruleTweener: {
-        value: false
+        value: false
     },
     ruleTweener: {
-        serializable: true,
-        get: function() {
-                return this._ruleTweener;
-        },
-        set: function(newVal) {
-                this._ruleTweener = newVal;
-                this.needsDraw = true;
-        }
-    },
-    
+        serializable: true,
+        get: function() {
+            return this._ruleTweener;
+        },
+        set: function(newVal) {
+            this._ruleTweener = newVal;
+            this.needsDraw = true;
+        }
+    },
+
     // The hintable we use to change the Property
     _myHintable: {
-        value: ""
+        value: ""
     },
     myHintable: {
-        get: function() {
-                return this._myHintable;
-        },
-        set: function(newVal) {
-                this._myHintable = newVal;
-        },
+        get: function() {
+            return this._myHintable;
+        },
+        set: function(newVal) {
+            this._myHintable = newVal;
+        },
         serializable: true
     },
     _myHintableValue : {
-        value: null
+        value: null
     },
     myHintableValue: {
-        get: function() {
-                return this._myHintableValue;
-        },
-        set: function(newVal) {
-                this._myHintableValue = newVal;
-        }
-    },
-    
+        get: function() {
+            return this._myHintableValue;
+        },
+        set: function(newVal) {
+            this._myHintableValue = newVal;
+        }
+    },
+
     // swapViews: Is a view swap happening?
     _swapViews : {
-        value: true
+        value: true
     },
-    
+
     // whichView: which view should we show: hintable or propval
     _whichView : {
-        value: "hintable"
+        value: "hintable"
     },
     whichView: {
-        serializable: true,
-        get: function() {
-                return this._whichView;
-        },
-        set: function(newVal) {
-                if (this._whichView !== newVal) {
-                        if ((newVal !== "hintable") && (newVal !== "propval")) {
-                                this.log("Error: Unknown view -"+newVal+"- requested for style.js.");
-                                return;
-                        }
-                        this._whichView = newVal;
-                        this._swapViews = true;
+        serializable: true,
+        get: function() {
+            return this._whichView;
+        },
+        set: function(newVal) {
+            if (this._whichView !== newVal) {
+                if ((newVal !== "hintable") && (newVal !== "propval")) {
+                    this.log("Error: Unknown view -"+newVal+"- requested for style.js.");
+                    return;
+                }
+                this._whichView = newVal;
+                this._swapView