masonry-rails 0.2.1 → 0.2.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d441d9484feb77daf92b8c94197d293eedb2aa00
-  data.tar.gz: 3331c5fd8c1f908908e74b6312451c8b7a73b1c1
+  metadata.gz: 317395b5bfdcd827ae69571c5ef820a1a4735134
+  data.tar.gz: be9571efd07411c357b868c7e731c5ad3f57b7ee
 SHA512:
-  metadata.gz: 16f44417be573df8aff7e589384232ae997693d1037158bbe2a971a19c4907e74d57d4f4328b5301bc09c54542be243242ff9876cf51e999414eb671f70b6c67
-  data.tar.gz: b2b016b66bccc398915fb973b92547dae8bbbbac552630279673f404bba595140c0c610682062fb7cc66d333bc3fef05924c098159fd0640a790dba2329f2d07
+  metadata.gz: 9caeec75e0d3b4a93dc70fb5f5c9b10556589b612169bb22407ddc4161846a0dba9fe643be73170dd02c7b31c63e626565342970d98c1c7665286206d04cb7bc
+  data.tar.gz: b9469caf405466325dea5b54caf904646736787540008479798cefbb74717e61a6d92eb6c9d0f2bcdde3cf6414db7479b9157b0459bdced6ab879efdd8817724

data/Gemfile

@@ -1,11 +1,9 @@
 source "http://rubygems.org"
 
-gem 'rails'
-
 group :development do
-  gem "rspec",    "> 2.10.0"
-  gem "rdoc",     "> 3.12"
-  gem "bundler",  "> 1.2.0"
-  gem "jeweler",  "> 1.8.4"
-  gem "simplecov",">= 0.5"
+  gem "rspec",    '~> 2.10', '> 2.10.0'
+  gem "rdoc",     '~> 4.0', '> 4.0.0'
+  gem "bundler",  '~> 1.2', '> 1.2.0'
+  gem "jeweler",  '~> 1.8', '> 1.8.4'
+  gem "simplecov",'~> 0.5'
 end

data/Gemfile.lock

@@ -1,39 +1,9 @@
 GEM
   remote: http://rubygems.org/
   specs:
-    abstract (1.0.0)
-    actionmailer (3.0.8)
-      actionpack (= 3.0.8)
-      mail (~> 2.2.19)
-    actionpack (3.0.8)
-      activemodel (= 3.0.8)
-      activesupport (= 3.0.8)
-      builder (~> 2.1.2)
-      erubis (~> 2.6.6)
-      i18n (~> 0.5.0)
-      rack (~> 1.2.1)
-      rack-mount (~> 0.6.14)
-      rack-test (~> 0.5.7)
-      tzinfo (~> 0.3.23)
-    activemodel (3.0.8)
-      activesupport (= 3.0.8)
-      builder (~> 2.1.2)
-      i18n (~> 0.5.0)
-    activerecord (3.0.8)
-      activemodel (= 3.0.8)
-      activesupport (= 3.0.8)
-      arel (~> 2.0.10)
-      tzinfo (~> 0.3.23)
-    activeresource (3.0.8)
-      activemodel (= 3.0.8)
-      activesupport (= 3.0.8)
-    activesupport (3.0.8)
     addressable (2.3.5)
-    arel (2.0.10)
     builder (2.1.2)
     diff-lcs (1.2.1)
-    erubis (2.6.6)
-      abstract (>= 1.0.0)
     faraday (0.8.7)
       multipart-post (~> 1.1)
     git (1.2.5)
@@ -47,7 +17,6 @@ GEM
     hashie (2.0.5)
     highline (1.6.19)
     httpauth (0.2.0)
-    i18n (0.5.0)
     jeweler (1.8.6)
       builder
       bundler (~> 1.0)
@@ -57,14 +26,9 @@ GEM
       nokogiri (= 1.5.10)
       rake
       rdoc
+    json (1.8.1)
     jwt (0.1.8)
       multi_json (>= 1.5)
-    mail (2.2.19)
-      activesupport (>= 2.3.6)
-      i18n (>= 0.4.0)
-      mime-types (~> 1.16)
-      treetop (~> 1.4.8)
-    mime-types (1.21)
     multi_json (1.7.1)
     multi_xml (0.5.4)
     multipart-post (1.2.0)
@@ -76,27 +40,10 @@ GEM
       multi_json (~> 1.0)
       multi_xml (~> 0.5)
       rack (~> 1.2)
-    polyglot (0.3.3)
     rack (1.2.8)
-    rack-mount (0.6.14)
-      rack (>= 1.0.0)
-    rack-test (0.5.7)
-      rack (>= 1.0)
-    rails (3.0.8)
-      actionmailer (= 3.0.8)
-      actionpack (= 3.0.8)
-      activerecord (= 3.0.8)
-      activeresource (= 3.0.8)
-      activesupport (= 3.0.8)
-      bundler (~> 1.0)
-      railties (= 3.0.8)
-    railties (3.0.8)
-      actionpack (= 3.0.8)
-      activesupport (= 3.0.8)
-      rake (>= 0.8.7)
-      thor (~> 0.14.4)
     rake (10.0.3)
-    rdoc (4.0.0)
+    rdoc (4.1.2)
+      json (~> 1.4)
     rspec (2.13.0)
       rspec-core (~> 2.13.0)
       rspec-expectations (~> 2.13.0)
@@ -109,19 +56,13 @@ GEM
       multi_json (~> 1.0)
       simplecov-html (~> 0.7.1)
     simplecov-html (0.7.1)
-    thor (0.14.6)
-    treetop (1.4.12)
-      polyglot
-      polyglot (>= 0.3.1)
-    tzinfo (0.3.37)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  bundler (> 1.2.0)
-  jeweler (> 1.8.4)
-  rails
-  rdoc (> 3.12)
-  rspec (> 2.10.0)
-  simplecov (>= 0.5)
+  bundler (~> 1.2, > 1.2.0)
+  jeweler (~> 1.8, > 1.8.4)
+  rdoc (~> 4.0, > 4.0.0)
+  rspec (~> 2.10, > 2.10.0)
+  simplecov (~> 0.5)

data/README.md

@@ -26,12 +26,22 @@ For random content generation
 * box maker
 * loremimages
 
+Latest masonry 3.1.5
+
+* masonry.min
+
+layouts (in `masonry/layouts` folder)
+
+* layout/horizontal
+
 ## Isotope
 
 [Isotope](http://isotope.metafizzy.co/index.html) is also included. Isotope is very similar to Masonry and might be a nice alternative for some use cases. Why it is included ;)
 
 ### Isotope assets
 
+all found in the `isotope` folder
+
 Javascript
 
 * jquery.isotope.js
@@ -42,6 +52,21 @@ Extras:
 * jquery.debounced_resize.min.js
 * jquery.throttled_resize.min.js
 
+For latest isotope 2.0
+
+* isotope
+* layout-mode
+* item
+
+layouts (in `isotope/layouts` folder)
+
+* layout/cells-by-column
+* layout/cells-by-row
+* layout/fit-columns
+* layout/horizontal
+* layout/packery
+
+
 Stylesheets
 
 * isotope.css
@@ -50,7 +75,7 @@ More isotope related stylesheets in `isotope` folder in `vendor/assets. Use as i
 
 Please see Isotope [License](http://isotope.metafizzy.co/docs/license.html) for commercial use.
 
-Usage: See [Getting started](http://isotope.metafizzy.co/docs/introduction.html#getting_started)
+Usage: See [Getting started](http://isotope.metafizzy.co/#getting-started)
 
 ## Usage
 
@@ -78,10 +103,18 @@ Use these stylesheets as a base in order to play around with different effects..
 
 ### Javascript
 
+*masonry*
+
 ```javascript
 //= require masonry/jquery.masonry
 ```
 
+To use latest *masonry 3.1.5* without jQuery
+
+```javascript
+//= require masonry/masonry
+```
+
 Optional
 
 ```javascript
@@ -100,9 +133,17 @@ Content generation helpers:
 
 See examples on [masonry](http://masonry.desandro.com/docs/intro.html) or [github](https://github.com/desandro/masonry)
 
+*isotope*
+
+All isotope scripts are in the `isotope` folder
+
+```javascript
+//= require isotope/jquery.isotope
+```
+
 ### Setup
 
-We will use the _infinite scroll_ example for a full walkthrough of how to setup and use Masonry. We add the classes `transitions-enabled`and `infinite-scroll` to the container in order to enable these two effects simultaneously. Look further down in this guide to see configurations of other effects that canbe combined ;)
+We will use the _infinite scroll_ example for a full walkthrough of how to setup and use Masonry. We add the classes `transitions-enabled`and `infinite-scroll` to the container in order to enable these two effects simultaneously. Look further down in this guide to see configurations of other effects that can be combined ;)
 
 *Main container*
 
@@ -110,6 +151,8 @@ We will use the _infinite scroll_ example for a full walkthrough of how to setup
 <div id="masonry-container" class="transitions-enabled infinite-scroll clearfix">
 
   <div class="box col3">
+    ...
+  </div>
 
   <div class="box col1">
     <p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. </p>
@@ -124,7 +167,7 @@ We will use the _infinite scroll_ example for a full walkthrough of how to setup
 </div>
 ```
 
-Note: We use the ID `masonry-container` in order to ensure against conflicts with other "plugins". Twitter Bootstrap, f.ex reserves the class names `container` and `container-fluid` for particular (container) layouts.
+Note: We use the ID `masonry-container` in order to ensure against conflicts with other "plugins". Twitter Bootstrap, for example, reserves the class names `container` and `container-fluid` for particular (container) layouts.
 
 ```css
 #masonry-container {
@@ -181,7 +224,7 @@ Add class `has-gutters` to container for this effect.
 
 ## Right to left
 
-Enable right-to-layout by setting the `isRTL` option to true.
+Enable right-to-left layout by setting the `isRTL` option to true.
 
 See `masonry/right-to-left.css`
 
@@ -250,7 +293,7 @@ Transitions used in examples
 
 Note: use `masonry/transitions.css` for a head start!
 
-Noice the class names: `.transitions-enabled`, `masonry` and `.masonry-brick`.
+Notice the class names: `.transitions-enabled`, `masonry` and `.masonry-brick`.
 
 ```css
 .transitions-enabled.masonry,
@@ -388,7 +431,7 @@ $(function(){
 });
 ```
 
-The loader should be "on top". Here the loader iscon is configured in the `loading` object as `http://i.imgur.com/6RMhx.gif`. This loader is included as an image asset at `assets/images/masonry/loader.gif`. So instead simply use: 
+The loader should be "on top". Here the loader is configured in the `loading` object as `http://i.imgur.com/6RMhx.gif`. This loader is included as an image asset at `assets/images/masonry/loader.gif`. So instead simply use: 
 
 `img: '/assets/masonry/loader.gif'` 
 
@@ -510,7 +553,7 @@ When the ajax-request is sent to the ArticlesController we need to append the ne
 $("#masonry-container").append("<div class='page'><%= escape_javascript(render(@articles)) %></div>");
 ```
 
-Note: You need to configure Jquery UI to use sausage.
+Note: You need to configure jQuery UI to use sausage.
 
 See: [railscast-endless-page](http://railscasts.com/episodes/114-endless-page-revised) for how to use endless pages with Rails using *will_paginate* gem.
 

data/VERSION

@@ -1 +1 @@
-0.2.1
+0.2.3

data/masonry-rails.gemspec

@@ -2,14 +2,16 @@
 # DO NOT EDIT THIS FILE DIRECTLY
 # Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
 # -*- encoding: utf-8 -*-
+# stub: masonry-rails 0.2.3 ruby lib
 
 Gem::Specification.new do |s|
   s.name = "masonry-rails"
-  s.version = "0.2.1"
+  s.version = "0.2.3"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.require_paths = ["lib"]
   s.authors = ["Kristian Mandrup"]
-  s.date = "2013-12-02"
+  s.date = "2014-11-20"
   s.description = "Masonry will rock your world!"
   s.email = "kmandrup@gmail.com"
   s.extra_rdoc_files = [
@@ -64,11 +66,19 @@ Gem::Specification.new do |s|
     "spec/index.html",
     "spec/spec_helper.rb",
     "vendor/assets/images/masonry/loader.gif",
-    "vendor/assets/javascripts/debounce.js",
-    "vendor/assets/javascripts/jquery.debounced_resize.js",
-    "vendor/assets/javascripts/jquery.isotope.js",
-    "vendor/assets/javascripts/jquery.isotope.min.js",
-    "vendor/assets/javascripts/jquery.throttled_resize.js",
+    "vendor/assets/javascripts/isotope/debounce.js",
+    "vendor/assets/javascripts/isotope/isotope.js",
+    "vendor/assets/javascripts/isotope/item.js",
+    "vendor/assets/javascripts/isotope/jquery.debounced_resize.js",
+    "vendor/assets/javascripts/isotope/jquery.isotope.js",
+    "vendor/assets/javascripts/isotope/jquery.isotope.min.js",
+    "vendor/assets/javascripts/isotope/jquery.throttled_resize.js",
+    "vendor/assets/javascripts/isotope/layout-mode.js",
+    "vendor/assets/javascripts/isotope/layout/cells-by-column.js",
+    "vendor/assets/javascripts/isotope/layout/cells-by-row.js",
+    "vendor/assets/javascripts/isotope/layout/fit-columns.js",
+    "vendor/assets/javascripts/isotope/layout/horizontal.js",
+    "vendor/assets/javascripts/isotope/layout/packery.js",
     "vendor/assets/javascripts/masonry/box-maker.js",
     "vendor/assets/javascripts/masonry/jquery.event-drag.js",
     "vendor/assets/javascripts/masonry/jquery.imagesloaded.js",
@@ -82,6 +92,8 @@ Gem::Specification.new do |s|
     "vendor/assets/javascripts/masonry/jquery.pageless.min.js",
     "vendor/assets/javascripts/masonry/jquery.sausage.js",
     "vendor/assets/javascripts/masonry/jquery.sausage.min.js",
+    "vendor/assets/javascripts/masonry/layout/horizontal.js",
+    "vendor/assets/javascripts/masonry/masonry.min.js",
     "vendor/assets/javascripts/masonry/modernizr-transitions.js",
     "vendor/assets/stylesheets/isotope.css",
     "vendor/assets/stylesheets/isotope/base.css",
@@ -100,35 +112,31 @@ Gem::Specification.new do |s|
   ]
   s.homepage = "http://github.com/kristianmandrup/masonry-rails"
   s.licenses = ["MIT"]
-  s.require_paths = ["lib"]
-  s.rubygems_version = "2.0.0"
+  s.rubygems_version = "2.2.2"
   s.summary = "Use JQuery Masonry with Rails asset pipeline"
 
   if s.respond_to? :specification_version then
     s.specification_version = 4
 
     if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
-      s.add_runtime_dependency(%q<rails>, [">= 0"])
-      s.add_development_dependency(%q<rspec>, ["> 2.10.0"])
-      s.add_development_dependency(%q<rdoc>, ["> 3.12"])
-      s.add_development_dependency(%q<bundler>, ["> 1.2.0"])
-      s.add_development_dependency(%q<jeweler>, ["> 1.8.4"])
-      s.add_development_dependency(%q<simplecov>, [">= 0.5"])
+      s.add_development_dependency(%q<rspec>, ["> 2.10.0", "~> 2.10"])
+      s.add_development_dependency(%q<rdoc>, ["> 4.0.0", "~> 4.0"])
+      s.add_development_dependency(%q<bundler>, ["> 1.2.0", "~> 1.2"])
+      s.add_development_dependency(%q<jeweler>, ["> 1.8.4", "~> 1.8"])
+      s.add_development_dependency(%q<simplecov>, ["~> 0.5"])
     else
-      s.add_dependency(%q<rails>, [">= 0"])
-      s.add_dependency(%q<rspec>, ["> 2.10.0"])
-      s.add_dependency(%q<rdoc>, ["> 3.12"])
-      s.add_dependency(%q<bundler>, ["> 1.2.0"])
-      s.add_dependency(%q<jeweler>, ["> 1.8.4"])
-      s.add_dependency(%q<simplecov>, [">= 0.5"])
+      s.add_dependency(%q<rspec>, ["> 2.10.0", "~> 2.10"])
+      s.add_dependency(%q<rdoc>, ["> 4.0.0", "~> 4.0"])
+      s.add_dependency(%q<bundler>, ["> 1.2.0", "~> 1.2"])
+      s.add_dependency(%q<jeweler>, ["> 1.8.4", "~> 1.8"])
+      s.add_dependency(%q<simplecov>, ["~> 0.5"])
     end
   else
-    s.add_dependency(%q<rails>, [">= 0"])
-    s.add_dependency(%q<rspec>, ["> 2.10.0"])
-    s.add_dependency(%q<rdoc>, ["> 3.12"])
-    s.add_dependency(%q<bundler>, ["> 1.2.0"])
-    s.add_dependency(%q<jeweler>, ["> 1.8.4"])
-    s.add_dependency(%q<simplecov>, [">= 0.5"])
+    s.add_dependency(%q<rspec>, ["> 2.10.0", "~> 2.10"])
+    s.add_dependency(%q<rdoc>, ["> 4.0.0", "~> 4.0"])
+    s.add_dependency(%q<bundler>, ["> 1.2.0", "~> 1.2"])
+    s.add_dependency(%q<jeweler>, ["> 1.8.4", "~> 1.8"])
+    s.add_dependency(%q<simplecov>, ["~> 0.5"])
   end
 end
 

data/vendor/assets/javascripts/isotope/isotope.js

@@ -0,0 +1,628 @@
+/*!
+ * Isotope v2.0.1
+ * Filter & sort magical layouts
+ * http://isotope.metafizzy.co
+ */
+
+( function( window ) {
+
+'use strict';
+
+// -------------------------- vars -------------------------- //
+
+var jQuery = window.jQuery;
+
+// -------------------------- helpers -------------------------- //
+
+// extend objects
+function extend( a, b ) {
+  for ( var prop in b ) {
+    a[ prop ] = b[ prop ];
+  }
+  return a;
+}
+
+var trim = String.prototype.trim ?
+  function( str ) {
+    return str.trim();
+  } :
+  function( str ) {
+    return str.replace( /^\s+|\s+$/g, '' );
+  };
+
+var docElem = document.documentElement;
+
+var getText = docElem.textContent ?
+  function( elem ) {
+    return elem.textContent;
+  } :
+  function( elem ) {
+    return elem.innerText;
+  };
+
+var objToString = Object.prototype.toString;
+function isArray( obj ) {
+  return objToString.call( obj ) === '[object Array]';
+}
+
+// index of helper cause IE8
+var indexOf = Array.prototype.indexOf ? function( ary, obj ) {
+    return ary.indexOf( obj );
+  } : function( ary, obj ) {
+    for ( var i=0, len = ary.length; i < len; i++ ) {
+      if ( ary[i] === obj ) {
+        return i;
+      }
+    }
+    return -1;
+  };
+
+// turn element or nodeList into an array
+function makeArray( obj ) {
+  var ary = [];
+  if ( isArray( obj ) ) {
+    // use object if already an array
+    ary = obj;
+  } else if ( obj && typeof obj.length === 'number' ) {
+    // convert nodeList to array
+    for ( var i=0, len = obj.length; i < len; i++ ) {
+      ary.push( obj[i] );
+    }
+  } else {
+    // array of single index
+    ary.push( obj );
+  }
+  return ary;
+}
+
+function removeFrom( obj, ary ) {
+  var index = indexOf( ary, obj );
+  if ( index !== -1 ) {
+    ary.splice( index, 1 );
+  }
+}
+
+// -------------------------- isotopeDefinition -------------------------- //
+
+// used for AMD definition and requires
+function isotopeDefinition( Outlayer, getSize, matchesSelector, Item, LayoutMode ) {
+  // create an Outlayer layout class
+  var Isotope = Outlayer.create( 'isotope', {
+    layoutMode: "masonry",
+    isJQueryFiltering: true,
+    sortAscending: true
+  });
+
+  Isotope.Item = Item;
+  Isotope.LayoutMode = LayoutMode;
+
+  Isotope.prototype._create = function() {
+    this.itemGUID = 0;
+    // functions that sort items
+    this._sorters = {};
+    this._getSorters();
+    // call super
+    Outlayer.prototype._create.call( this );
+
+    // create layout modes
+    this.modes = {};
+    // start filteredItems with all items
+    this.filteredItems = this.items;
+    // keep of track of sortBys
+    this.sortHistory = [ 'original-order' ];
+    // create from registered layout modes
+    for ( var name in LayoutMode.modes ) {
+      this._initLayoutMode( name );
+    }
+  };
+
+  Isotope.prototype.reloadItems = function() {
+    // reset item ID counter
+    this.itemGUID = 0;
+    // call super
+    Outlayer.prototype.reloadItems.call( this );
+  };
+
+  Isotope.prototype._itemize = function() {
+    var items = Outlayer.prototype._itemize.apply( this, arguments );
+    // assign ID for original-order
+    for ( var i=0, len = items.length; i < len; i++ ) {
+      var item = items[i];
+      item.id = this.itemGUID++;
+    }
+    this._updateItemsSortData( items );
+    return items;
+  };
+
+
+  // -------------------------- layout -------------------------- //
+
+  Isotope.prototype._initLayoutMode = function( name ) {
+    var Mode = LayoutMode.modes[ name ];
+    // set mode options
+    // HACK extend initial options, back-fill in default options
+    var initialOpts = this.options[ name ] || {};
+    this.options[ name ] = Mode.options ?
+      extend( Mode.options, initialOpts ) : initialOpts;
+    // init layout mode instance
+    this.modes[ name ] = new Mode( this );
+  };
+
+
+  Isotope.prototype.layout = function() {
+    // if first time doing layout, do all magic
+    if ( !this._isLayoutInited && this.options.isInitLayout ) {
+      this.arrange();
+      return;
+    }
+    this._layout();
+  };
+
+  // private method to be used in layout() & magic()
+  Isotope.prototype._layout = function() {
+    // don't animate first layout
+    var isInstant = this._getIsInstant();
+    // layout flow
+    this._resetLayout();
+    this._manageStamps();
+    this.layoutItems( this.filteredItems, isInstant );
+
+    // flag for initalized
+    this._isLayoutInited = true;
+  };
+
+  // filter + sort + layout
+  Isotope.prototype.arrange = function( opts ) {
+    // set any options pass
+    this.option( opts );
+    this._getIsInstant();
+    // filter, sort, and layout
+    this.filteredItems = this._filter( this.items );
+    this._sort();
+    this._layout();
+  };
+  // alias to _init for main plugin method
+  Isotope.prototype._init = Isotope.prototype.arrange;
+
+  // HACK
+  // Don't animate/transition first layout
+  // Or don't animate/transition other layouts
+  Isotope.prototype._getIsInstant = function() {
+    var isInstant = this.options.isLayoutInstant !== undefined ?
+      this.options.isLayoutInstant : !this._isLayoutInited;
+    this._isInstant = isInstant;
+    return isInstant;
+  };
+
+  // -------------------------- filter -------------------------- //
+
+  Isotope.prototype._filter = function( items ) {
+    var filter = this.options.filter;
+    filter = filter || '*';
+    var matches = [];
+    var hiddenMatched = [];
+    var visibleUnmatched = [];
+
+    var test = this._getFilterTest( filter );
+
+    // test each item
+    for ( var i=0, len = items.length; i < len; i++ ) {
+      var item = items[i];
+      if ( item.isIgnored ) {
+        continue;
+      }
+      // add item to either matched or unmatched group
+      var isMatched = test( item );
+      // item.isFilterMatched = isMatched;
+      // add to matches if its a match
+      if ( isMatched ) {
+        matches.push( item );
+      }
+      // add to additional group if item needs to be hidden or revealed
+      if ( isMatched && item.isHidden ) {
+        hiddenMatched.push( item );
+      } else if ( !isMatched && !item.isHidden ) {
+        visibleUnmatched.push( item );
+      }
+    }
+
+    var _this = this;
+    function hideReveal() {
+      _this.reveal( hiddenMatched );
+      _this.hide( visibleUnmatched );
+    }
+
+    if ( this._isInstant ) {
+      this._noTransition( hideReveal );
+    } else {
+      hideReveal();
+    }
+
+    return matches;
+  };
+
+  // get a jQuery, function, or a matchesSelector test given the filter
+  Isotope.prototype._getFilterTest = function( filter ) {
+    if ( jQuery && this.options.isJQueryFiltering ) {
+      // use jQuery
+      return function( item ) {
+        return jQuery( item.element ).is( filter );
+      };
+    }
+    if ( typeof filter === 'function' ) {
+      // use filter as function
+      return function( item ) {
+        return filter( item.element );
+      };
+    }
+    // default, use filter as selector string
+    return function( item ) {
+      return matchesSelector( item.element, filter );
+    };
+  };
+
+  // -------------------------- sorting -------------------------- //
+
+  /**
+   * @params {Array} elems
+   * @public
+   */
+  Isotope.prototype.updateSortData = function( elems ) {
+    this._getSorters();
+    // update item sort data
+    // default to all items if none are passed in
+    elems = makeArray( elems );
+    var items = this.getItems( elems );
+    // if no items found, update all items
+    items = items.length ? items : this.items;
+    this._updateItemsSortData( items );
+  };
+
+  Isotope.prototype._getSorters = function() {
+    var getSortData = this.options.getSortData;
+    for ( var key in getSortData ) {
+      var sorter = getSortData[ key ];
+      this._sorters[ key ] = mungeSorter( sorter );
+    }
+  };
+
+  /**
+   * @params {Array} items - of Isotope.Items
+   * @private
+   */
+  Isotope.prototype._updateItemsSortData = function( items ) {
+    for ( var i=0, len = items.length; i < len; i++ ) {
+      var item = items[i];
+      item.updateSortData();
+    }
+  };
+
+  // ----- munge sorter ----- //
+
+  // encapsulate this, as we just need mungeSorter
+  // other functions in here are just for munging
+  var mungeSorter = ( function() {
+    // add a magic layer to sorters for convienent shorthands
+    // `.foo-bar` will use the text of .foo-bar querySelector
+    // `[foo-bar]` will use attribute
+    // you can also add parser
+    // `.foo-bar parseInt` will parse that as a number
+    function mungeSorter( sorter ) {
+      // if not a string, return function or whatever it is
+      if ( typeof sorter !== 'string' ) {
+        return sorter;
+      }
+      // parse the sorter string
+      var args = trim( sorter ).split(' ');
+      var query = args[0];
+      // check if query looks like [an-attribute]
+      var attrMatch = query.match( /^\[(.+)\]$/ );
+      var attr = attrMatch && attrMatch[1];
+      var getValue = getValueGetter( attr, query );
+      // use second argument as a parser
+      var parser = Isotope.sortDataParsers[ args[1] ];
+      // parse the value, if there was a parser
+      sorter = parser ? function( elem ) {
+        return elem && parser( getValue( elem ) );
+      } :
+      // otherwise just return value
+      function( elem ) {
+        return elem && getValue( elem );
+      };
+
+      return sorter;
+    }
+
+    // get an attribute getter, or get text of the querySelector
+    function getValueGetter( attr, query ) {
+      var getValue;
+      // if query looks like [foo-bar], get attribute
+      if ( attr ) {
+        getValue = function( elem ) {
+          return elem.getAttribute( attr );
+        };
+      } else {
+        // otherwise, assume its a querySelector, and get its text
+        getValue = function( elem ) {
+          var child = elem.querySelector( query );
+          return child && getText( child );
+        };
+      }
+      return getValue;
+    }
+
+    return mungeSorter;
+  })();
+
+  // parsers used in getSortData shortcut strings
+  Isotope.sortDataParsers = {
+    'parseInt': function( val ) {
+      return parseInt( val, 10 );
+    },
+    'parseFloat': function( val ) {
+      return parseFloat( val );
+    }
+  };
+
+  // ----- sort method ----- //
+
+  // sort filteredItem order
+  Isotope.prototype._sort = function() {
+    var sortByOpt = this.options.sortBy;
+    if ( !sortByOpt ) {
+      return;
+    }
+    // concat all sortBy and sortHistory
+    var sortBys = [].concat.apply( sortByOpt, this.sortHistory );
+    // sort magic
+    var itemSorter = getItemSorter( sortBys, this.options.sortAscending );
+    this.filteredItems.sort( itemSorter );
+    // keep track of sortBy History
+    if ( sortByOpt !== this.sortHistory[0] ) {
+      // add to front, oldest goes in last
+      this.sortHistory.unshift( sortByOpt );
+    }
+  };
+
+  // returns a function used for sorting
+  function getItemSorter( sortBys, sortAsc ) {
+    return function sorter( itemA, itemB ) {
+      // cycle through all sortKeys
+      for ( var i = 0, len = sortBys.length; i < len; i++ ) {
+        var sortBy = sortBys[i];
+        var a = itemA.sortData[ sortBy ];
+        var b = itemB.sortData[ sortBy ];
+        if ( a > b || a < b ) {
+          // if sortAsc is an object, use the value given the sortBy key
+          var isAscending = sortAsc[ sortBy ] !== undefined ? sortAsc[ sortBy ] : sortAsc;
+          var direction = isAscending ? 1 : -1;
+          return ( a > b ? 1 : -1 ) * direction;
+        }
+      }
+      return 0;
+    };
+  }
+
+  // -------------------------- methods -------------------------- //
+
+  // get layout mode
+  Isotope.prototype._mode = function() {
+    var layoutMode = this.options.layoutMode;
+    var mode = this.modes[ layoutMode ];
+    if ( !mode ) {
+      // TODO console.error
+      throw new Error( 'No layout mode: ' + layoutMode );
+    }
+    // HACK sync mode's options
+    // any options set after init for layout mode need to be synced
+    mode.options = this.options[ layoutMode ];
+    return mode;
+  };
+
+  Isotope.prototype._resetLayout = function() {
+    // trigger original reset layout
+    Outlayer.prototype._resetLayout.call( this );
+    this._mode()._resetLayout();
+  };
+
+  Isotope.prototype._getItemLayoutPosition = function( item  ) {
+    return this._mode()._getItemLayoutPosition( item );
+  };
+
+  Isotope.prototype._manageStamp = function( stamp ) {
+    this._mode()._manageStamp( stamp );
+  };
+
+  Isotope.prototype._getContainerSize = function() {
+    return this._mode()._getContainerSize();
+  };
+
+  Isotope.prototype.needsResizeLayout = function() {
+    return this._mode().needsResizeLayout();
+  };
+
+  // -------------------------- adding & removing -------------------------- //
+
+  // HEADS UP overwrites default Outlayer appended
+  Isotope.prototype.appended = function( elems ) {
+    var items = this.addItems( elems );
+    if ( !items.length ) {
+      return;
+    }
+    var filteredItems = this._filterRevealAdded( items );
+    // add to filteredItems
+    this.filteredItems = this.filteredItems.concat( filteredItems );
+  };
+
+  // HEADS UP overwrites default Outlayer prepended
+  Isotope.prototype.prepended = function( elems ) {
+    var items = this._itemize( elems );
+    if ( !items.length ) {
+      return;
+    }
+    // add items to beginning of collection
+    var previousItems = this.items.slice(0);
+    this.items = items.concat( previousItems );
+    // start new layout
+    this._resetLayout();
+    this._manageStamps();
+    // layout new stuff without transition
+    var filteredItems = this._filterRevealAdded( items );
+    // layout previous items
+    this.layoutItems( previousItems );
+    // add to filteredItems
+    this.filteredItems = filteredItems.concat( this.filteredItems );
+  };
+
+  Isotope.prototype._filterRevealAdded = function( items ) {
+    var filteredItems = this._noTransition( function() {
+      return this._filter( items );
+    });
+    // layout and reveal just the new items
+    this.layoutItems( filteredItems, true );
+    this.reveal( filteredItems );
+    return items;
+  };
+
+  /**
+   * Filter, sort, and layout newly-appended item elements
+   * @param {Array or NodeList or Element} elems
+   */
+  Isotope.prototype.insert = function( elems ) {
+    var items = this.addItems( elems );
+    if ( !items.length ) {
+      return;
+    }
+    // append item elements
+    var i, item;
+    var len = items.length;
+    for ( i=0; i < len; i++ ) {
+      item = items[i];
+      this.element.appendChild( item.element );
+    }
+    // filter new stuff
+    /*
+    // this way adds hides new filtered items with NO transition
+    // so user can't see if new hidden items have been inserted
+    var filteredInsertItems;
+    this._noTransition( function() {
+      filteredInsertItems = this._filter( items );
+      // hide all new items
+      this.hide( filteredInsertItems );
+    });
+    // */
+    // this way hides new filtered items with transition
+    // so user at least sees that something has been added
+    var filteredInsertItems = this._filter( items );
+    // hide all newitems
+    this._noTransition( function() {
+      this.hide( filteredInsertItems );
+    });
+    // */
+    // set flag
+    for ( i=0; i < len; i++ ) {
+      items[i].isLayoutInstant = true;
+    }
+    this.arrange();
+    // reset flag
+    for ( i=0; i < len; i++ ) {
+      delete items[i].isLayoutInstant;
+    }
+    this.reveal( filteredInsertItems );
+  };
+
+  var _remove = Isotope.prototype.remove;
+  Isotope.prototype.remove = function( elems ) {
+    elems = makeArray( elems );
+    var removeItems = this.getItems( elems );
+    // do regular thing
+    _remove.call( this, elems );
+    // bail if no items to remove
+    if ( !removeItems || !removeItems.length ) {
+      return;
+    }
+    // remove elems from filteredItems
+    for ( var i=0, len = removeItems.length; i < len; i++ ) {
+      var item = removeItems[i];
+      // remove item from collection
+      removeFrom( item, this.filteredItems );
+    }
+  };
+
+  Isotope.prototype.shuffle = function() {
+    // update random sortData
+    for ( var i=0, len = this.items.length; i < len; i++ ) {
+      var item = this.items[i];
+      item.sortData.random = Math.random();
+    }
+    this.options.sortBy = 'random';
+    this._sort();
+    this._layout();
+  };
+
+  /**
+   * trigger fn without transition
+   * kind of hacky to have this in the first place
+   * @param {Function} fn
+   * @returns ret
+   * @private
+   */
+  Isotope.prototype._noTransition = function( fn ) {
+    // save transitionDuration before disabling
+    var transitionDuration = this.options.transitionDuration;
+    // disable transition
+    this.options.transitionDuration = 0;
+    // do it
+    var returnValue = fn.call( this );
+    // re-enable transition for reveal
+    this.options.transitionDuration = transitionDuration;
+    return returnValue;
+  };
+
+  // ----- helper methods ----- //
+
+  /**
+   * getter method for getting filtered item elements
+   * @returns {Array} elems - collection of item elements
+   */
+  Isotope.prototype.getFilteredItemElements = function() {
+    var elems = [];
+    for ( var i=0, len = this.filteredItems.length; i < len; i++ ) {
+      elems.push( this.filteredItems[i].element );
+    }
+    return elems;
+  };
+
+  // -----  ----- //
+
+  return Isotope;
+}
+
+// -------------------------- transport -------------------------- //
+
+if ( typeof define === 'function' && define.amd ) {
+  // AMD
+  define( [
+      'outlayer/outlayer',
+      'get-size/get-size',
+      'matches-selector/matches-selector',
+      './item',
+      './layout-mode',
+      // include default layout modes
+      './layout-modes/masonry',
+      './layout-modes/fit-rows',
+      './layout-modes/vertical'
+    ],
+    isotopeDefinition );
+} else {
+  // browser global
+  window.Isotope = isotopeDefinition(
+    window.Outlayer,
+    window.getSize,
+    window.matchesSelector,
+    window.Isotope.Item,
+    window.Isotope.LayoutMode
+  );
+}
+
+})( window );