From 7bbc6a929e3f0c5c5ef8d6304034305b9bc4609a Mon Sep 17 00:00:00 2001
From: Bruno Joseph <Bruno.Joseph95@gmail.com>
Date: Mon, 20 Nov 2017 23:45:03 +0100
Subject: [PATCH] fix last-item class and add documentation

---
 README.md              |  9 +++++++--
 jquery.row-grid.js     |  4 +++-
 jquery.row-grid.min.js | 10 +++++-----
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 7de0ea6..e6b2634 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 # rowGrid.js
-**rowGrid.js is a small, lightweight (~900 bytes gzipped) jQuery plugin for placing images (or other items) in  straight rows.**
+**rowGrid.js is a small, lightweight (~1000 bytes gzipped) jQuery plugin for placing images (or other items) in  straight rows.**
 
 The grid is similar to grids on Google Image Search, flickr, shutterstock and Google+ images.
 
@@ -22,7 +22,7 @@ At first rowGrid.js adjusts the margin between the items. If this is not enough
 ## Demos & Examples
 Examples with explanation: http://brunjo.github.io/rowGrid.js/
 
-Real world example: http://www.pexels.com/
+Real world example: https://www.pexels.com/
 
 ## Installation
 RowGrid.js requires jQuery 1.7 or above.
@@ -105,6 +105,11 @@ The first item in the last row gets this class.
 * **default value:** ```null```
 
 The first item in every row gets this class.
+#### lastItemClass
+* **value:** ```string``` or ```null```
+* **default value:** ```null```
+
+The last item in every row gets this class.
 
 
   [1]: https://twitter.com/3runjo "@3runjo"
diff --git a/jquery.row-grid.js b/jquery.row-grid.js
index 40e3629..45bffda 100644
--- a/jquery.row-grid.js
+++ b/jquery.row-grid.js
@@ -35,6 +35,7 @@
         rowElems = [],
         items = jQuery.makeArray(items || container.querySelectorAll(options.itemSelector)),
         itemsSize = items.length;
+        
     // read
 
     var containerBoundingRect = container.getBoundingClientRect();
@@ -49,6 +50,7 @@
         --itemsSize;
         continue;
       }
+      
       // get width and height via attribute or js value
       if (!(w = parseInt(theImage.getAttribute('width')))) {
         theImage.setAttribute('width', w = theImage.offsetWidth);
@@ -72,7 +74,7 @@
         items[index].classList.remove(options.lastRowClass);
       } else {
         // IE <10
-        items[index].className = items[index].className.replace(new RegExp('(^|\\b)' + options.firstItemClass + '|' + options.lastRowClass + '(\\b|$)', 'gi'), ' ');
+        items[index].className = items[index].className.replace(new RegExp('(^|\\b)' + options.firstItemClass + '|' + options.lastItemClass + '|' + options.lastRowClass + '(\\b|$)', 'gi'), ' ');
       }
 
       rowWidth += itemAttrs[index].width;
diff --git a/jquery.row-grid.min.js b/jquery.row-grid.min.js
index 6fc0418..385b829 100644
--- a/jquery.row-grid.min.js
+++ b/jquery.row-grid.min.js
@@ -1,5 +1,5 @@
-(function(m){function n(c,b,f){var g,p=0,e=[];f=jQuery.makeArray(f||c.querySelectorAll(b.itemSelector));var q=f.length,h=c.getBoundingClientRect();c=Math.floor(h.right-h.left)-parseFloat(m(c).css("padding-left"))-parseFloat(m(c).css("padding-right"));h=[];for(var d,k,a=0;a<q;++a)(g=f[a].getElementsByTagName("img")[0])?((d=parseInt(g.getAttribute("width")))||g.setAttribute("width",d=g.offsetWidth),(k=parseInt(g.getAttribute("height")))||g.setAttribute("height",k=g.offsetHeight),h[a]={width:d,height:k}):
-(f.splice(a,1),--a,--q);q=f.length;for(d=0;d<q;++d){f[d].classList?(f[d].classList.remove(b.firstItemClass),f[d].classList.remove(b.lastRowClass)):f[d].className=f[d].className.replace(new RegExp("(^|\\b)"+b.firstItemClass+"|"+b.lastRowClass+"(\\b|$)","gi")," ");p+=h[d].width;e.push(f[d]);if(d===q-1)for(a=0;a<e.length;a++)0===a&&(e[a].className+=" "+b.lastRowClass),e[a].style.cssText="width: "+h[d+parseInt(a)-e.length+1].width+"px;height: "+h[d+parseInt(a)-e.length+1].height+"px;margin-right:"+(a<
-e.length-1?b.minMargin+"px":0);if(p+b.maxMargin*(e.length-1)>c){k=p+b.maxMargin*(e.length-1)-c;a=e.length;(b.maxMargin-b.minMargin)*(a-1)<k?(g=b.minMargin,k-=(b.maxMargin-b.minMargin)*(a-1)):(g=b.maxMargin-k/(a-1),k=0);var n=0;for(a=0;a<e.length;a++){var t=e[a];var r=h[d+parseInt(a)-e.length+1].width,l=r-r/p*k;r=Math.round(h[d+parseInt(a)-e.length+1].height*(l/r));.5<=n+1-l%1?(n-=l%1,l=Math.floor(l)):(n+=1-l%1,l=Math.ceil(l));t.style.cssText="width: "+l+"px;height: "+r+"px;margin-right: "+(a<e.length-
-1?g:0)+"px";0===a&&(t.className+=" "+b.firstItemClass)}e=[];p=0}}}m.fn.rowGrid=function(c){return this.each(function(){var b=m(this);if("appended"===c)c=b.data("grid-options"),b=b.children("."+c.lastRowClass),b=b.nextAll(c.itemSelector).add(b),n(this,c,b);else if(c=m.extend({},m.fn.rowGrid.defaults,c),b.data("grid-options",c),n(this,c),c.resize)m(window).on("resize.rowGrid",{container:this},function(b){n(b.data.container,c)})})};m.fn.rowGrid.defaults={minMargin:null,maxMargin:null,resize:!0,lastRowClass:"last-row",
-firstItemClass:null}})(jQuery);
\ No newline at end of file
+(function(l){function m(d,a,f){var p=0,e=[];f=jQuery.makeArray(f||d.querySelectorAll(a.itemSelector));var q=f.length,g=d.getBoundingClientRect();d=Math.floor(g.right-g.left)-parseFloat(l(d).css("padding-left"))-parseFloat(l(d).css("padding-right"));g=[];for(var c,h,n,b=0;b<q;++b)(c=f[b].getElementsByTagName("img")[0])?((h=parseInt(c.getAttribute("width")))||c.setAttribute("width",h=c.offsetWidth),(n=parseInt(c.getAttribute("height")))||c.setAttribute("height",n=c.offsetHeight),g[b]={width:h,height:n}):
+(f.splice(b,1),--b,--q);q=f.length;for(c=0;c<q;++c){f[c].classList?(f[c].classList.remove(a.firstItemClass),f[c].classList.remove(a.lastItemClass),f[c].classList.remove(a.lastRowClass)):f[c].className=f[c].className.replace(new RegExp("(^|\\b)"+a.firstItemClass+"|"+a.lastItemClass+"|"+a.lastRowClass+"(\\b|$)","gi")," ");p+=g[c].width;e.push(f[c]);if(c===q-1)for(b=0;b<e.length;b++)0===b&&(e[b].className+=" "+a.lastRowClass),e[b].style.cssText="width: "+g[c+parseInt(b)-e.length+1].width+"px;height: "+
+g[c+parseInt(b)-e.length+1].height+"px;margin-right:"+(b<e.length-1?a.minMargin+"px":0);if(p+a.maxMargin*(e.length-1)>d){h=p+a.maxMargin*(e.length-1)-d;b=e.length;(a.maxMargin-a.minMargin)*(b-1)<h?(n=a.minMargin,h-=(a.maxMargin-a.minMargin)*(b-1)):(n=a.maxMargin-h/(b-1),h=0);var m=0;for(b=0;b<e.length;b++){var r=e[b];var t=g[c+parseInt(b)-e.length+1].width,k=t-t/p*h;t=Math.round(g[c+parseInt(b)-e.length+1].height*(k/t));.5<=m+1-k%1?(m-=k%1,k=Math.floor(k)):(m+=1-k%1,k=Math.ceil(k));r.style.cssText=
+"width: "+k+"px;height: "+t+"px;margin-right: "+(b<e.length-1?n:0)+"px";0===b&&(r.className+=" "+a.firstItemClass);b==e.length-1&&(r.className+=" "+a.lastItemClass)}e=[];p=0}}}l.fn.rowGrid=function(d){return this.each(function(){var a=l(this);if("appended"===d)d=a.data("grid-options"),a=a.children("."+d.lastRowClass),a=a.nextAll(d.itemSelector).add(a),m(this,d,a);else if(d=l.extend({},l.fn.rowGrid.defaults,d),a.data("grid-options",d),m(this,d),d.resize)l(window).on("resize.rowGrid",{container:this},
+function(a){m(a.data.container,d)})})};l.fn.rowGrid.defaults={minMargin:null,maxMargin:null,resize:!0,lastRowClass:"last-row",firstItemClass:null,lastItemClass:null}})(jQuery);
\ No newline at end of file