Merge pull request #20 from e-oj/master

merge dev

Author: e-oj

dist/magic-grid.cjs.js

@@ -11,6 +11,8 @@
  * @param config - configuration object
  */
 var checkParams = function (config) {
+  var DEFAULT_GUTTER = 25;
+
   if (!config) {
     throw new Error("No config object has been provided.");
   }
@@ -19,6 +21,10 @@ var checkParams = function (config) {
     config.useTransform = true;
   }
 
+  if(typeof config.gutter !== "number"){
+    config.gutter = DEFAULT_GUTTER;
+  }
+
   if (!config.container) { error("container"); }
   if (!config.items && !config.static) { error("items or static"); }
 };
@@ -76,7 +82,7 @@ var MagicGrid = function MagicGrid (config) {
   this.items = this.container.children;
   this.static = config.static || false;
   this.size = config.items;
-  this.gutter = config.gutter || 25;
+  this.gutter = config.gutter;
   this.maxColumns = config.maxColumns || false;
   this.useMin = config.useMin || false;
   this.useTransform = config.useTransform;

dist/magic-grid.esm.js

@@ -9,6 +9,8 @@
  * @param config - configuration object
  */
 var checkParams = function (config) {
+  var DEFAULT_GUTTER = 25;
+
   if (!config) {
     throw new Error("No config object has been provided.");
   }
@@ -17,6 +19,10 @@ var checkParams = function (config) {
     config.useTransform = true;
   }
 
+  if(typeof config.gutter !== "number"){
+    config.gutter = DEFAULT_GUTTER;
+  }
+
   if (!config.container) { error("container"); }
   if (!config.items && !config.static) { error("items or static"); }
 };
@@ -74,7 +80,7 @@ var MagicGrid = function MagicGrid (config) {
   this.items = this.container.children;
   this.static = config.static || false;
   this.size = config.items;
-  this.gutter = config.gutter || 25;
+  this.gutter = config.gutter;
   this.maxColumns = config.maxColumns || false;
   this.useMin = config.useMin || false;
   this.useTransform = config.useTransform;

dist/magic-grid.min.js

@@ -8,14 +8,14 @@
  * configuration object of the MagicGrid constructor
  */
 export interface MagicGridProps{
-  containerClass?: string;
-  container?: string | HTMLElement;
+  container: string | HTMLElement;
   static?: boolean;
   items?: number;
   gutter?: number;
-  maxColumns: number,
-  useMin: boolean,
-  animate: boolean,
+  maxColumns?: number;
+  useMin?: boolean;
+  useTransform?: boolean;
+  animate?: boolean;
 }
 
 export default MagicGrid;

index.d.ts

@@ -1,6 +1,6 @@
 {
   "name": "magic-grid",
-  "version": "3.2.0",
+  "version": "3.2.3",
   "description": "Super lightweight javascript library for dynamic grid layouts.",
   "main": "dist/magic-grid.cjs.js",
   "module": "dist/magic-grid.esm.js",

package-lock.json

@@ -34,7 +34,7 @@ class MagicGrid {
     this.items = this.container.children;
     this.static = config.static || false;
     this.size = config.items;
-    this.gutter = config.gutter || 25;
+    this.gutter = config.gutter;
     this.maxColumns = config.maxColumns || false;
     this.useMin = config.useMin || false;
     this.useTransform = config.useTransform;

package.json

@@ -9,6 +9,8 @@
  * @param config - configuration object
  */
 const checkParams = config => {
+  const DEFAULT_GUTTER = 25;
+
   if (!config) {
     throw new Error("No config object has been provided.");
   }
@@ -17,6 +19,10 @@ const checkParams = config => {
     config.useTransform = true;
   }
 
+  if(typeof config.gutter !== "number"){
+    config.gutter = DEFAULT_GUTTER;
+  }
+
   if (!config.container) error("container");
   if (!config.items && !config.static) error("items or static");
 };