magic-grid - npm Package Compare versions

Comparing version 3.2.1 to 3.2.2

dist/magic-grid.cjs.js

@@ -14,2 +14,4 @@ 'use strict';
 var checkParams = function (config) {
+  var DEFAULT_GUTTER = 25;
+
   if (!config) {
@@ -23,2 +25,6 @@ throw new Error("No config object has been provided.");
 
+  if(typeof config.gutter !== "number"){
+    config.gutter = DEFAULT_GUTTER;
+  }
+
   if (!config.container) { error("container"); }
@@ -81,3 +87,3 @@ if (!config.items && !config.static) { error("items or static"); }
   this.size = config.items;
-  this.gutter = config.gutter || 25;
+  this.gutter = config.gutter;
   this.maxColumns = config.maxColumns || false;
@@ -84,0 +90,0 @@ this.useMin = config.useMin || false;

dist/magic-grid.esm.js

@@ -12,2 +12,4 @@ /**
 var checkParams = function (config) {
+  var DEFAULT_GUTTER = 25;
+
   if (!config) {
@@ -21,2 +23,6 @@ throw new Error("No config object has been provided.");
 
+  if(typeof config.gutter !== "number"){
+    config.gutter = DEFAULT_GUTTER;
+  }
+
   if (!config.container) { error("container"); }
@@ -79,3 +85,3 @@ if (!config.items && !config.static) { error("items or static"); }
   this.size = config.items;
-  this.gutter = config.gutter || 25;
+  this.gutter = config.gutter;
   this.maxColumns = config.maxColumns || false;
@@ -82,0 +88,0 @@ this.useMin = config.useMin || false;

dist/magic-grid.min.js

@@ -1,1 +0,1 @@
-!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):t.MagicGrid=i()}(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),t.container||i("container"),t.items||t.static||i("items or static")},i=function(t){throw new Error("Missing property '"+t+"' in MagicGrid config")},e=function(t){var i=t[0];for(var e of t)e.height<i.height&&(i=e);return i},n=function(i){t(i),i.container instanceof HTMLElement?(this.container=i.container,this.containerClass=i.container.className):(this.containerClass=i.container,this.container=document.querySelector(i.container)),this.items=this.container.children,this.static=i.static||!1,this.size=i.items,this.gutter=i.gutter||25,this.maxColumns=i.maxColumns||!1,this.useMin=i.useMin||!1,this.useTransform=i.useTransform,this.animate=i.animate||!1,this.started=!1,this.init()};return n.prototype.init=function(){if(this.ready()&&!this.started){this.container.style.position="relative";for(var t=0;t<this.items.length;t++){var i=this.items[t].style;i.position="absolute",this.animate&&(i.transition=(this.useTransform?"transform":"top, left")+" 0.2s ease")}this.started=!0}},n.prototype.colWidth=function(){return this.items[0].getBoundingClientRect().width+this.gutter},n.prototype.setup=function(){var t=this.container.getBoundingClientRect().width,i=this.colWidth(),e=Math.floor(t/i)||1,n=[];this.maxColumns&&e>this.maxColumns&&(e=this.maxColumns);for(var s=0;s<e;s++)n[s]={height:0,index:s};return{cols:n,wSpace:t-e*i+this.gutter}},n.prototype.nextCol=function(t,i){return this.useMin?e(t):t[i%t.length]},n.prototype.positionItems=function(){var t=this.setup(),i=t.cols,e=t.wSpace,n=0,s=this.colWidth();e=Math.floor(e/2);for(var o=0;o<this.items.length;o++){var r=this.nextCol(i,o),a=this.items[o],h=r.height?this.gutter:0,c=r.index*s+e+"px",u=r.height+h+"px";this.useTransform?a.style.transform="translate("+c+", "+u+")":(a.style.top=u,a.style.left=c),r.height+=a.getBoundingClientRect().height+h,r.height>n&&(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,i=setInterval(function(){t.container=document.querySelector(t.containerClass),t.items=t.container.children,t.ready()&&(clearInterval(i),t.init(),t.listen())},100)},n.prototype.listen=function(){var t=this;if(this.ready()){var i;window.addEventListener("resize",function(){i||(i=setTimeout(function(){t.positionItems(),i=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){var e=t[0];for(var i of t)i.height<e.height&&(e=i);return e},n=function(e){t(e),e.container instanceof HTMLElement?(this.container=e.container,this.containerClass=e.container.className):(this.containerClass=e.container,this.container=document.querySelector(e.container)),this.items=this.container.children,this.static=e.static||!1,this.size=e.items,this.gutter=e.gutter,this.maxColumns=e.maxColumns||!1,this.useMin=e.useMin||!1,this.useTransform=e.useTransform,this.animate=e.animate||!1,this.started=!1,this.init()};return n.prototype.init=function(){if(this.ready()&&!this.started){this.container.style.position="relative";for(var t=0;t<this.items.length;t++){var e=this.items[t].style;e.position="absolute",this.animate&&(e.transition=(this.useTransform?"transform":"top, left")+" 0.2s ease")}this.started=!0}},n.prototype.colWidth=function(){return this.items[0].getBoundingClientRect().width+this.gutter},n.prototype.setup=function(){var t=this.container.getBoundingClientRect().width,e=this.colWidth(),i=Math.floor(t/e)||1,n=[];this.maxColumns&&i>this.maxColumns&&(i=this.maxColumns);for(var s=0;s<i;s++)n[s]={height:0,index:s};return{cols:n,wSpace:t-i*e+this.gutter}},n.prototype.nextCol=function(t,e){return this.useMin?i(t):t[e%t.length]},n.prototype.positionItems=function(){var t=this.setup(),e=t.cols,i=t.wSpace,n=0,s=this.colWidth();i=Math.floor(i/2);for(var o=0;o<this.items.length;o++){var r=this.nextCol(e,o),a=this.items[o],h=r.height?this.gutter:0,c=r.index*s+i+"px",u=r.height+h+"px";this.useTransform?a.style.transform="translate("+c+", "+u+")":(a.style.top=u,a.style.left=c),r.height+=a.getBoundingClientRect().height+h,r.height>n&&(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});

package.json

 {
   "name": "magic-grid",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "description": "Super lightweight javascript library for dynamic grid layouts.",
@@ -5,0 +5,0 @@ "main": "dist/magic-grid.cjs.js",

src/index.js

@@ -37,3 +37,3 @@ /**
     this.size = config.items;
-    this.gutter = config.gutter || 25;
+    this.gutter = config.gutter;
     this.maxColumns = config.maxColumns || false;
@@ -40,0 +40,0 @@ this.useMin = config.useMin || false;

src/utils.js

@@ -12,2 +12,4 @@ /**
 const checkParams = config => {
+  const DEFAULT_GUTTER = 25;
+
   if (!config) {
@@ -21,2 +23,6 @@ throw new Error("No config object has been provided.");
 
+  if(typeof config.gutter !== "number"){
+    config.gutter = DEFAULT_GUTTER;
+  }
+
   if (!config.container) error("container");
@@ -23,0 +29,0 @@ if (!config.items && !config.static) error("items or static");

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

34664

increased by1.02%

Lines of code

864

increased by1.41%

No dependency changes