From c3ddec3d3817ccc814a369fee3b255692d932df2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alvar=20Hyv=C3=B6nen?= <zArubaru@users.noreply.github.com>
Date: Thu, 16 Nov 2017 17:40:37 +0200
Subject: [PATCH] Made it possible to add non-grid items under the isotope
 element.

---
 dist/vue_isotope.js     | 17 ++++++++---------
 dist/vue_isotope.min.js |  2 +-
 src/vue_isotope.js      |  9 +++++----
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/dist/vue_isotope.js b/dist/vue_isotope.js
index b7d0af1..14a583f 100644
--- a/dist/vue_isotope.js
+++ b/dist/vue_isotope.js
@@ -38,25 +38,24 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
     };
 
     var isotopeComponent = {
+      name: 'isotope',
+
       props: props,
 
       render: function render(h) {
-        var _this = this;
-
         var map = {};
         var prevChildren = this.prevChildren = this.children;
         var rawChildren = this.$slots.default || [];
         var children = this.children = [];
         var removedIndex = this.removedIndex = [];
 
-        rawChildren.forEach(function (elt) {
-          return addClass(elt, _this.itemSelector);
-        });
-
         for (var i = 0; i < rawChildren.length; i++) {
           var c = rawChildren[i];
           if (c.tag) {
             if (c.key != null && String(c.key).indexOf('__vlist') !== 0) {
+              if (c.key !== '$ignore') {
+                addClass(c, this.itemSelector);
+              }
               children.push(c);
               map[c.key] = c;
             } else {
@@ -94,12 +93,12 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
         };
         update(options.getSortData);
         update(options.getFilterData);
+        this._isotopeOptions = options;
         if (options.filter) {
           options.filter = this.buildFilterFunction(options.filter);
         }
 
         this.$nextTick(function () {
-          _this2._isotopeOptions = options;
           _this2.link();
           _this2.listen();
           var iso = new Isotope(_this2.$el, options);
@@ -262,7 +261,7 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
     return isotopeComponent;
   }
 
-  if (typeof exports == "object") {
+  if (typeof exports === "object") {
     var _ = require("lodash"),
         Isotope = require("isotope-layout");
     module.exports = buildVueIsotope(_, Isotope);
@@ -274,4 +273,4 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
     var isotope = buildVueIsotope(window._, window.Isotope);
     Vue.component('isotope', isotope);
   }
-})();
\ No newline at end of file
+})();
diff --git a/dist/vue_isotope.min.js b/dist/vue_isotope.min.js
index 2be67ac..5af11b6 100644
--- a/dist/vue_isotope.min.js
+++ b/dist/vue_isotope.min.js
@@ -1 +1 @@
-"use strict";function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)}!function(){function t(t,e){function i(t,e){if(t.data){var i=t.data.staticClass?t.data.staticClass+" ":"";t.data.staticClass=i+e}}function n(t){return t.__underlying_element}var r={options:{type:Object,"default":{layoutMode:"masonry",masonry:{gutter:10}},sort:String},itemSelector:{type:String,"default":"item"},list:{type:Array,required:!0}},o={props:r,render:function(t){var e=this,n={},r=this.prevChildren=this.children,o=this.$slots["default"]||[],s=this.children=[],l=this.removedIndex=[];o.forEach(function(t){return i(t,e.itemSelector)});for(var a=0;a<o.length;a++){var u=o[a];if(u.tag)if(null!=u.key&&0!==String(u.key).indexOf("__vlist"))s.push(u),n[u.key]=u;else{var f=u.componentOptions,c=f?f.Ctor.options.name||f.tag||"":u.tag;console.log("Warning template error: isotope children must be keyed: <"+c+">")}}var h=this.displayChildren=[].concat(s);if(r)for(var d=0;d<r.length;d++){var p=r[d];n[p.key]||(h.splice(d,0,p),l.push(d))}return t("div",null,h)},mounted:function(){var i=this,r=t.merge({},this.compiledOptions),o=function(e){t.forOwn(e,function(t,r){e[r]=function(e){var r=n(e);return t.call(i,r.vm,r.index)}})};o(r.getSortData),o(r.getFilterData),r.filter&&(r.filter=this.buildFilterFunction(r.filter)),this.$nextTick(function(){i._isotopeOptions=r,i.link(),i.listen();var t=new e(i.$el,r);t._requestUpdate=function(){t._willUpdate||(t._willUpdate=!0,i.$nextTick(function(){t.arrange(),t._willUpdate=!1}))},i.iso=t})},beforeDestroy:function(){this.iso.destroy(),t.forEach(this._listeners,function(t){t()}),this._filterlistener&&this._filterlistener(),this.iso=null},beforeUpdate:function(){this._oldChidren=Array.prototype.slice.call(this.$el.children)},updated:function(){var e=this;if(this.iso){var i=[].concat(_toConsumableArray(this.$el.children)),n=t.difference(i,this._oldChidren),r=this.removedIndex.map(function(t){return e.$el.children[t]});this.cleanupNodes(),this.link(),(r.length||n.length)&&(this.listen(),this.iso.remove(r),this.iso.insert(n),this.iso._requestUpdate())}},methods:{cleanupNodes:function(){var t=this;this.removedIndex.reverse(),this.removedIndex.forEach(function(e){return t._vnode.children.splice(e,1)})},link:function(){var t=this,e=this.$slots["default"]||[];e.forEach(function(e,i){var n=e.elm;n&&(n.__underlying_element={vm:t.list[i],index:i})})},listen:function(){var e=this;this._listeners=t(this.compiledOptions.getSortData).map(function(i){return t.map(e.list,function(t,n){return e.$watch(function(){return i(t)},function(){e.iso.updateSortData(),e.iso._requestUpdate()})})}).flatten().value()},sort:function s(e){var s=e;t.isString(e)&&(s={sortBy:e}),this.arrange(s),this.$emit("sort",e)},buildFilterFunction:function(e){var i=this,n=this._isotopeOptions.getFilterData[e];return this._filterlistener=this.$watch(function(){return t.map(i.list,function(t,n){return i.options.getFilterData[e](t,n)})},function(){i.iso._requestUpdate()}),n},filter:function l(t){var l=this.buildFilterFunction(t);this.arrange({filter:l}),this.$emit("filter",t)},unfilter:function(){this.arrange({filter:function(){return!0}}),this.$emit("filter",null)},layout:function a(e){var a=e;t.isString(e)&&(a={layoutMode:e}),this.arrange(a),this.$emit("layout",a)},arrange:function(t){this.iso.arrange(t),this.$emit("arrange",t)},shuffle:function(){this.iso.shuffle(),this.$emit("shuffle"),this.$emit("sort",null)},getFilteredItemElements:function(){return this.iso.getFilteredItemElements()},getElementItems:function(){return this.iso.getElementItems()}},computed:{compiledOptions:function(){var e=t.merge({},this.options,{itemSelector:"."+this.itemSelector,isJQueryFiltering:!1});return t.forOwn(e.getSortData,function(i,n){t.isString(i)&&(e.getSortData[n]=function(t){return t[i]})}),e}}};return o}if(typeof exports == "object"){var e=require("lodash"),i=require("isotope-layout");module.exports=t(e,i)}else if("function"==typeof define&&define.amd)define(["lodash","Isotope"],function(e,i){return t(e,i)});else if(window.Vue&&window._&&window.Isotope){var n=t(window._,window.Isotope);Vue.component("isotope",n)}}();
\ No newline at end of file
+"use strict";function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)}!function(){function t(t,e){function i(t,e){if(t.data){var i=t.data.staticClass?t.data.staticClass+" ":"";t.data.staticClass=i+e}}function n(t){return t.__underlying_element}return{name:"isotope",props:{options:{type:Object,default:{layoutMode:"masonry",masonry:{gutter:10}},sort:String},itemSelector:{type:String,default:"item"},list:{type:Array,required:!0}},render:function(t){for(var e={},n=this.prevChildren=this.children,r=this.$slots.default||[],o=this.children=[],s=this.removedIndex=[],l=0;l<r.length;l++){var a=r[l];if(a.tag)if(null!=a.key&&0!==String(a.key).indexOf("__vlist"))"$ignore"!==a.key&&i(a,this.itemSelector),o.push(a),e[a.key]=a;else{var u=a.componentOptions,f=u?u.Ctor.options.name||u.tag||"":a.tag;console.log("Warning template error: isotope children must be keyed: <"+f+">")}}var c=this.displayChildren=[].concat(o);if(n)for(var h=0;h<n.length;h++){var d=n[h];e[d.key]||(c.splice(h,0,d),s.push(h))}return t("div",null,c)},mounted:function(){var i=this,r=t.merge({},this.compiledOptions),o=function(e){t.forOwn(e,function(t,r){e[r]=function(e){var r=n(e);return t.call(i,r.vm,r.index)}})};o(r.getSortData),o(r.getFilterData),this._isotopeOptions=r,r.filter&&(r.filter=this.buildFilterFunction(r.filter)),this.$nextTick(function(){i.link(),i.listen();var t=new e(i.$el,r);t._requestUpdate=function(){t._willUpdate||(t._willUpdate=!0,i.$nextTick(function(){t.arrange(),t._willUpdate=!1}))},i.iso=t})},beforeDestroy:function(){this.iso.destroy(),t.forEach(this._listeners,function(t){t()}),this._filterlistener&&this._filterlistener(),this.iso=null},beforeUpdate:function(){this._oldChidren=Array.prototype.slice.call(this.$el.children)},updated:function(){var e=this;if(this.iso){var i=[].concat(_toConsumableArray(this.$el.children)),n=t.difference(i,this._oldChidren),r=this.removedIndex.map(function(t){return e.$el.children[t]});this.cleanupNodes(),this.link(),(r.length||n.length)&&(this.listen(),this.iso.remove(r),this.iso.insert(n),this.iso._requestUpdate())}},methods:{cleanupNodes:function(){var t=this;this.removedIndex.reverse(),this.removedIndex.forEach(function(e){return t._vnode.children.splice(e,1)})},link:function(){var t=this;(this.$slots.default||[]).forEach(function(e,i){var n=e.elm;n&&(n.__underlying_element={vm:t.list[i],index:i})})},listen:function(){var e=this;this._listeners=t(this.compiledOptions.getSortData).map(function(i){return t.map(e.list,function(t,n){return e.$watch(function(){return i(t)},function(){e.iso.updateSortData(),e.iso._requestUpdate()})})}).flatten().value()},sort:function(e){var i=e;t.isString(e)&&(i={sortBy:e}),this.arrange(i),this.$emit("sort",e)},buildFilterFunction:function(e){var i=this,n=this._isotopeOptions.getFilterData[e];return this._filterlistener=this.$watch(function(){return t.map(i.list,function(t,n){return i.options.getFilterData[e](t,n)})},function(){i.iso._requestUpdate()}),n},filter:function(t){var e=this.buildFilterFunction(t);this.arrange({filter:e}),this.$emit("filter",t)},unfilter:function(){this.arrange({filter:function(){return!0}}),this.$emit("filter",null)},layout:function(e){var i=e;t.isString(e)&&(i={layoutMode:e}),this.arrange(i),this.$emit("layout",i)},arrange:function(t){this.iso.arrange(t),this.$emit("arrange",t)},shuffle:function(){this.iso.shuffle(),this.$emit("shuffle"),this.$emit("sort",null)},getFilteredItemElements:function(){return this.iso.getFilteredItemElements()},getElementItems:function(){return this.iso.getElementItems()}},computed:{compiledOptions:function(){var e=t.merge({},this.options,{itemSelector:"."+this.itemSelector,isJQueryFiltering:!1});return t.forOwn(e.getSortData,function(i,n){t.isString(i)&&(e.getSortData[n]=function(t){return t[i]})}),e}}}}if("object"==typeof exports){var e=require("lodash"),i=require("isotope-layout");module.exports=t(e,i)}else if("function"==typeof define&&define.amd)define(["lodash","Isotope"],function(e,i){return t(e,i)});else if(window.Vue&&window._&&window.Isotope){var n=t(window._,window.Isotope);Vue.component("isotope",n)}}();
diff --git a/src/vue_isotope.js b/src/vue_isotope.js
index 4f192ba..b366fdb 100644
--- a/src/vue_isotope.js
+++ b/src/vue_isotope.js
@@ -45,14 +45,15 @@
         const children = this.children = []
         const removedIndex = this.removedIndex = []
 
-        rawChildren.forEach(elt => addClass(elt, this.itemSelector))
-
         for (let i = 0; i < rawChildren.length; i++) {
           const c = rawChildren[i]
           if (c.tag) {
             if (c.key != null && String(c.key).indexOf('__vlist') !== 0) {
-              children.push(c)
-              map[c.key] = c
+              if (c.key !== '$ignore') {
+                addClass(c, _this.itemSelector)
+              }
+              children.push(c);
+              map[c.key] = c;
             } else {
               const opts = c.componentOptions
               const name = opts ? (opts.Ctor.options.name || opts.tag || '') : c.tag