v0.3.17 and Update TODOs before beta release in README

README.md

@@ -137,7 +137,9 @@ $ npm test
 
 ## TODOs before beta release
 
-* **Stable-like, documented APIs** - Probably would be better redefined during beta
+* **Component traits** - traits are some some kind of `attributes` of the component. For example, the `Link`
+  will get `href` for the url/resource address and it's exactly as we see `<a>`, but in case of `Map` component
+  I'd attach `address`, `city` and `zoom` to manage marker position.
 
 
 ## Acknowledgements
@@ -172,4 +174,4 @@ BSD 3-clause
 [FontAwesome]: <https://fortawesome.github.io/Font-Awesome/>
 [wiki]: <https://github.com/artf/grapesjs/wiki>
 [API-Reference]: <https://github.com/artf/grapesjs/wiki/API-Reference>
-[CMS]: <https://it.wikipedia.org/wiki/Content_management_system>
+[CMS]: <https://it.wikipedia.org/wiki/Content_management_system>

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Open source Web Template Editor",
-  "version": "0.3.15",
+  "version": "0.3.17",
   "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.15",
+  "version": "0.3.17",
   "author": "Artur Arseniev",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/editor/config/config.js

@@ -1,25 +1,5 @@
 define(function () {
 	var blkStyle = '.blk-row::after{ content: ""; clear: both; display: block;} .blk-row{padding: 10px;}';
-	/*
-	.blk3{
-		float: left;
-		width: 33.3333%;
-		padding: 10px;
-		min-height: 75px;
-	}
-	.blk37l{
-		float: left;
-		width: 30%;
-		padding: 10px;
-		min-height: 75px;
-	}
-	.blk37r{
-		float: left;
-		width: 70%;
-		padding: 10px;
-		min-height: 75px;
-	}';
-	*/
 	return {
 
 		// Style prefix
@@ -123,12 +103,12 @@ define(function () {
 	      },{
 					id: 'b3',
 	        label: '3 Blocks',
-	        content: '<div class="blk-row"><div class="blk3"></div><div class="blk3"></div><div class="blk3"></div></div>',
+	        content: '<div class="blk-row"><div class="blk3"></div><div class="blk3"></div><div class="blk3"></div></div><style>'+ blkStyle +'.blk3{float: left;width: 33.3333%;padding: 10px;min-height: 75px;}</style>',
 	        attributes: {class:'gjs-fonts gjs-f-b3'}
 	      },{
 					id: 'b4',
 	        label: '3/7 Block',
-	        content: '<div class="blk-row"><div class="blk37l"></div><div class="blk37r"></div></div></div>',
+	        content: '<div class="blk-row"><div class="blk37l"></div><div class="blk37r"></div></div></div><style>'+ blkStyle +'.blk37l{float: left;width: 30%;padding: 10px;min-height: 75px;}.blk37r{float: left;width: 70%;padding: 10px;min-height: 75px;}</style>',
 	        attributes: {class:'gjs-fonts gjs-f-b37'}
 	      },{
 					id: 'hero',