Add states on CSS generation

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "author": "Artur Arseniev",
   "homepage": "http://grapesjs.com",
   "main": [

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "author": "Artur Arseniev",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/code_manager/model/CssGenerator.js

@@ -60,6 +60,7 @@ define(['backbone'],
 					rules.each(function(rule){
 						var selectors = rule.get('selectors');
 						var ruleStyle = rule.get('style');
+						var state = rule.get('state');
 						var strSel = '';
 						var found = 0;
 
@@ -69,6 +70,7 @@ define(['backbone'],
 								found = 1;
 						});
 						if(strSel && found){
+							strSel  += state ? ':' + state : '';
 							var strStyle = '';
 							if(ruleStyle && Object.keys(ruleStyle).length !== 0){
 								for(var prop2 in ruleStyle){

test/specs/code_manager/model/CodeModels.js

@@ -100,6 +100,21 @@ define([path + 'HtmlGenerator',
               this.obj.build(comp, cssc).should.equal('.class1{prop1:value1;prop2:value2;}');
             });
 
+            it('Build correctly component with class styled', function() {
+              var comp = new Component();
+              var m1 = comp.get('components').add({tagName: 'article'});
+              var cls1 = m1.get('classes').add({name: 'class1'});
+
+              var cssc = new CssComposer();
+              var rule = cssc.newRule(cls1);
+              rule.set('style',{'prop1':'value1', 'prop2':'value2'});
+              rule.set('state', 'hover');
+              cssc.addRule(rule);
+
+              this.obj.build(comp, cssc).should.equal('.class1:hover{prop1:value1;prop2:value2;}');
+            });
+
+
             it('Build correctly with more classes', function() {
               var comp = new Component();
               var m1 = comp.get('components').add({tagName: 'article'});