isotope/layout-modes/fit-rows.js

( function( window ) {

'use strict';

var Isotope = window.Isotope;
var Outlayer = window.Outlayer;

function FitRows( isotope, options ) {
  this.isotope = isotope;
  this.options = options;
}

FitRows.prototype._resetLayout = function() {
  Outlayer.prototype._resetLayout.apply( this.isotope, arguments );
  this.x = 0;
  this.y = 0;
  this.maxY = 0;
};

FitRows.prototype._getItemLayoutPosition = function( item ) {
  item.getSize();

  // if this element cannot fit in the current row
  if ( this.x !== 0 && item.size.outerWidth + this.x > this.isotope.size.innerWidth ) {
    this.x = 0;
    this.y = this.maxY;
  }

  var position = {
    x: this.x,
    y: this.y
  };

  this.maxY = Math.max( this.maxY, this.y + item.size.outerHeight );
  this.x += item.size.outerWidth;

  return position;
};

FitRows.prototype._manageStamp = function() {
  Outlayer.prototype._manageStamp.apply( this.isotope, arguments );
};

FitRows.prototype._getContainerSize = function() {
  return { height: this.maxY };
};

Isotope.layoutModes.fitRows = FitRows;

})( window );