diff --git a/README.md b/README.md index 5b5c749..6abc72f 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,6 @@ [![MIT License](https://img.shields.io/npm/l/magic-grid.svg?style=for-the-badge)](https://www.npmjs.com/package/magic-grid) [![Version](https://img.shields.io/npm/v/magic-grid.svg?style=for-the-badge)](https://www.npmjs.com/package/magic-grid) +[![Downloads](https://img.shields.io/npm/dt/magic-grid.svg?style=for-the-badge)](https://www.npmjs.com/package/magic-grid) # Magic Grid [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Magic%20Grid%20-%20A%20simple,%20lightweight%20Javascript%20library%20for%20dynamic%20grid%20layouts.&url=https://github.com/e-oj/Magic-Grid&hashtags=MagicGrid,GridLayout,JS) ## A simple, lightweight Javascript library for dynamic grid layouts. @@ -116,7 +117,7 @@ let magicGrid = new MagicGrid({ gutter: 30, // Optional. Space between items. Default: 25(px). maxColumns: 5, // Optional. Maximum number of columns. Default: Infinite. useMin: true, // Optional. Prioritize shorter columns when positioning items. Default: false. - useTransform: true // Optional. Position items using CSS transform. Default: True. + useTransform: true, // Optional. Position items using CSS transform. Default: True. animate: true, // Optional. Animate item positioning. Default: false. }); ``` diff --git a/dist/magic-grid.cjs.js b/dist/magic-grid.cjs.js index 0815b5c..2446b61 100644 --- a/dist/magic-grid.cjs.js +++ b/dist/magic-grid.cjs.js @@ -51,8 +51,8 @@ var error = function (prop) { var getMin = function (cols) { var min = cols[0]; - for (var col of cols) { - if (col.height < min.height) { min = col; } + for (var i = 0; i < cols.length; i++) { + if (cols[i].height < min.height) { min = cols[i]; } } return min; diff --git a/dist/magic-grid.esm.js b/dist/magic-grid.esm.js index 40cd064..03f4dfb 100644 --- a/dist/magic-grid.esm.js +++ b/dist/magic-grid.esm.js @@ -49,8 +49,8 @@ var error = function (prop) { var getMin = function (cols) { var min = cols[0]; - for (var col of cols) { - if (col.height < min.height) { min = col; } + for (var i = 0; i < cols.length; i++) { + if (cols[i].height < min.height) { min = cols[i]; } } return min; diff --git a/dist/magic-grid.min.js b/dist/magic-grid.min.js index 615fa64..b70c1f5 100644 --- a/dist/magic-grid.min.js +++ b/dist/magic-grid.min.js @@ -1 +1 @@ -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.MagicGrid=e()}(this,function(){"use strict";var t=function(t){if(!t)throw new Error("No config object has been provided.");"boolean"!=typeof t.useTransform&&(t.useTransform=!0),"number"!=typeof t.gutter&&(t.gutter=25),t.container||e("container"),t.items||t.static||e("items or static")},e=function(t){throw new Error("Missing property '"+t+"' in MagicGrid config")},i=function(t){var e=t[0];for(var i of t)i.heightthis.maxColumns&&(i=this.maxColumns);for(var s=0;sn&&(n=r.height)}this.container.style.height=n+"px"},n.prototype.ready=function(){return!!this.static||this.items.length>=this.size},n.prototype.getReady=function(){var t=this,e=setInterval(function(){t.container=document.querySelector(t.containerClass),t.items=t.container.children,t.ready()&&(clearInterval(e),t.init(),t.listen())},100)},n.prototype.listen=function(){var t=this;if(this.ready()){var e;window.addEventListener("resize",function(){e||(e=setTimeout(function(){t.positionItems(),e=null},200))}),this.positionItems()}else this.getReady()},n}); +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.MagicGrid=e()}(this,function(){"use strict";var t=function(t){if(!t)throw new Error("No config object has been provided.");"boolean"!=typeof t.useTransform&&(t.useTransform=!0),"number"!=typeof t.gutter&&(t.gutter=25),t.container||e("container"),t.items||t.static||e("items or static")},e=function(t){throw new Error("Missing property '"+t+"' in MagicGrid config")},i=function(t){for(var e=t[0],i=0;ithis.maxColumns&&(i=this.maxColumns);for(var s=0;sn&&(n=r.height)}this.container.style.height=n+"px"},n.prototype.ready=function(){return!!this.static||this.items.length>=this.size},n.prototype.getReady=function(){var t=this,e=setInterval(function(){t.container=document.querySelector(t.containerClass),t.items=t.container.children,t.ready()&&(clearInterval(e),t.init(),t.listen())},100)},n.prototype.listen=function(){var t=this;if(this.ready()){var e;window.addEventListener("resize",function(){e||(e=setTimeout(function(){t.positionItems(),e=null},200))}),this.positionItems()}else this.getReady()},n}); diff --git a/src/utils.js b/src/utils.js index d5aebca..4f75b23 100644 --- a/src/utils.js +++ b/src/utils.js @@ -49,8 +49,8 @@ const error = prop => { const getMin = cols => { let min = cols[0]; - for (let col of cols) { - if (col.height < min.height) min = col; + for (let i = 0; i < cols.length; i++) { + if (cols[i].height < min.height) min = cols[i]; } return min;