Add protectedCss to getCss result

bower.json

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

package.json

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

src/editor/model/Editor.js

@@ -369,7 +369,9 @@ define(['backbone', 'backboneUndo', 'keymaster', 'Utils', 'StorageManager', 'Dev
 					return;
 
 				var wrp	= cmp.getComponent();
-				return cm.getCode(wrp, 'css', cssc);
+				var protCss = this.config.protectedCss;
+
+				return protCss + cm.getCode(wrp, 'css', cssc);
 			},
 
 			/**

styles/css/main.css

@@ -3121,7 +3121,8 @@ ol.example li.placeholder:before {
   visibility: visible; }
 
 .gjs-nav-comp-name {
-  padding: 5px; }
+  padding: 5px;
+  box-sizing: content-box; }
 
 /************* END Navigator *************/
 /* pa-refresh pa-rocket pa-trash pa-columns pa-rotate-left/right */

styles/scss/main.scss

@@ -683,6 +683,7 @@ ol.example li.placeholder:before {position: absolute;}
 
 .#{$app-prefix}nav-comp-name {
   padding: 5px;
+  box-sizing: content-box;
 }
 
 /************* END Navigator *************/

test/specs/grapesjs/main.js

@@ -64,8 +64,9 @@ define(['GrapesJS', 'PluginManager', 'chai'],
         var editor = obj.init(config);
         var html = editor.getHtml();
         var css = editor.getCss();
+        var protCss = editor.getConfig().protectedCss;
         (html ? html : '').should.be.empty;
-        (css ? css : '').should.be.empty;
+        (css ? css : '').should.equal(protCss);
         editor.getComponents().length.should.equal(0);
         editor.getStyle().length.should.equal(0);
       });
@@ -92,8 +93,9 @@ define(['GrapesJS', 'PluginManager', 'chai'],
         var editor = obj.init(config);
         var html = editor.getHtml();
         var css = editor.getCss();
+        var protCss = editor.getConfig().protectedCss;
         (html ? html : '').should.equal(htmlString);
-        (css ? css : '').should.equal('.test2{color:red;}');// .test3 is discarded in css
+        (css ? css : '').should.equal(protCss + '.test2{color:red;}');// .test3 is discarded in css
         editor.getComponents().length.should.equal(2);
         editor.getStyle().length.should.equal(2);// .test3 is still here
       });
@@ -209,4 +211,4 @@ define(['GrapesJS', 'PluginManager', 'chai'],
 
   });
 
-});
+});