Add gutter attribute - #19

README.md

@@ -51,6 +51,7 @@ It gives you:
 Attribute                    | Options             | Default      | Description
 ---                          | ---                 | ---          | ---
 `defaultTileSetup`           | *Object*            | see below    | Overwrites default values for Tiles (`setup.items[?].?`)
+`gutter`                     | *Number*            | `0`          | Overwrites default value of `setup.gutter`
 `setup`                      | *Object*            |              | Tiles setup
 `setup.gutter`                  | *Number*            | `0`       | Gutter/cell-spacing size in px
 `setup.direction`            | *String*            | `rightDown`  | How to align our package (horizontal layers `rightDown`, or vertiaval layers: `downRight`)

index.html

@@ -49,7 +49,7 @@
     <h1>&lt;juicy-tile-list&gt;</h1>
     <blockquote><p>Masonry-like Polymer Element for sortable tiles that packs efficiently without changing HTML structure (changes CSS only).</p></blockquote>
     <template bind>
-        <juicy-tile-list setup="{{setup}}">
+        <juicy-tile-list setup="{{setup}}" gutter="10">
             <div>0</div>
             <div>
                 <button>1</button>

src/juicy-tile-list.html

@@ -10,7 +10,7 @@
 <script src="package.js"></script>
 
 <!-- Define your custom element -->
-<polymer-element name="juicy-tile-list" constructor="JuicyTileListElement" attributes="setup rowspans colspans layersOrientation defaultTileSetup">
+<polymer-element name="juicy-tile-list" constructor="JuicyTileListElement" attributes="setup layersOrientation defaultTileSetup gutter">
     <template>
     <style>
         :host {
@@ -182,6 +182,9 @@
               var that = this;
 
               Package.call(this, this.setup);
+              if(this.gutter != undefined){
+                this.setup.gutter = parseInt(this.gutter, 10);
+              }
 
               this.createItemsList();
 
@@ -319,7 +322,6 @@
              * Refresh everything
              */
           refresh: function( ) {
-            console.info(this,"refresh");
             var container = this.$.container;
             var packedTree = this.packItems();