remove lodash dependency

README.md

@@ -57,8 +57,8 @@ Usage
 
 ## Requirements
 
-* [lodash.js](https://lodash.com) (>= 4.17.10, full build)
 * [jQuery](http://jquery.com) (>= 3.1.0)
+* `Array.prototype.find` for IE and older browsers ([core.js](https://github.com/zloirock/core-js#ecmascript-6-array) allows to include specific polyfills)
 
 #### Using gridstack.js with jQuery UI
 
@@ -154,7 +154,7 @@ Please use [jQuery UI Touch Punch](https://github.com/furf/jquery-ui-touch-punch
 working on touch-based devices.
 
 ```html
-<script src="lodash.min.js"></script>
+<script src="core-js/client/shim.min.js"></script>
 <script src="jquery.min.js"></script>
 <script src="jquery-ui.min.js"></script>
 <script src="jquery.ui.touch-punch.min.js"></script>

bower.json

@@ -15,7 +15,6 @@
     "amd"
   ],
   "dependencies": {
-    "lodash": ">= 4.17.10",
     "jquery": ">= 3.1.0",
     "jquery-ui": ">= 1.12.0"
   },

demo/anijs.html

@@ -18,7 +18,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
 
@@ -86,4 +86,4 @@ <h4>Widget added</h4>
         });
     </script>
 </body>
-</html>
+</html>

demo/float.html

@@ -16,7 +16,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
 
@@ -75,7 +75,7 @@ <h1>Float grid demo</h1>
                                 width: 1 + 3 * Math.random(),
                                 height: 1 + 3 * Math.random()
                             };
-                    this.grid.addWidget($('<div><div class="grid-stack-item-content" /><div/>'),
+                    this.grid.addWidget($('<div><div class="grid-stack-item-content"></div></div>'),
                         node.x, node.y, node.width, node.height);
                     return false;
                 }.bind(this);

demo/knockout.html

@@ -16,7 +16,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
@@ -63,7 +63,7 @@ <h1>knockout.js Demo</h1>
                                 }).data('gridstack');
                             }
 
-                            var item = _.find(items, function (i) { return i.nodeType == 1 });
+                            var item = items.find(function (i) { return i.nodeType == 1 });
                             grid.addWidget(item);
                             ko.utils.domNodeDisposal.addDisposeCallback(item, function () {
                                 grid.removeWidget(item);

demo/knockout2.html

@@ -16,7 +16,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
@@ -63,7 +63,7 @@ <h1>knockout.js Demo</h1>
                                 }).data('gridstack');
                             }
 
-                            var item = _.find(items, function (i) { return i.nodeType == 1 });
+                            var item = items.find(function (i) { return i.nodeType == 1 });
                             grid.addWidget(item);
                             ko.utils.domNodeDisposal.addDisposeCallback(item, function () {
                                 grid.removeWidget(item);

demo/nested.html

@@ -16,7 +16,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
 

demo/responsive.html

@@ -17,7 +17,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
 
@@ -106,7 +106,7 @@ <h1>Responsive grid demo</h1>
                 this.loadGrid = function () {
                     this.grid.removeAll();
                     var items = GridStackUI.Utils.sort(this.serializedData);
-                    _.each(items, function (node, i) {
+                    items.forEach(function (node, i) {
                         this.grid.addWidget($('<div><div class="grid-stack-item-content">' + i + '</div></div>'),
                             node.x, node.y, node.width, node.height);
                     }.bind(this));

demo/rtl.html

@@ -16,7 +16,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
@@ -62,7 +62,7 @@ <h1>RTL Demo</h1>
                                 }).data('gridstack');
                             }
 
-                            var item = _.find(items, function (i) { return i.nodeType == 1 });
+                            var item = items.find(function (i) { return i.nodeType == 1 });
                             grid.addWidget(item);
                             ko.utils.domNodeDisposal.addDisposeCallback(item, function () {
                                 grid.removeWidget(item);
@@ -95,7 +95,8 @@ <h1>RTL Demo</h1>
                         y: 0,
                         width: Math.floor(1 + 3 * Math.random()),
                         height: Math.floor(1 + 3 * Math.random()),
-                        auto_position: true
+                        auto_position: true,
+                        index: 'auto'
                     });
                     return false;
                 };

demo/serialization.html

@@ -16,7 +16,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
 
@@ -76,15 +76,15 @@ <h1>Serialization demo</h1>
                 this.loadGrid = function () {
                     this.grid.removeAll();
                     var items = GridStackUI.Utils.sort(this.serializedData);
-                    _.each(items, function (node) {
-                        this.grid.addWidget($('<div><div class="grid-stack-item-content" /></div>'),
-                        node.x, node.y, node.width, node.height);
-                    }.bind(this));
+                    items.forEach(function (node) {
+                        this.grid.addWidget($('<div><div class="grid-stack-item-content"></div></div>'),
+                            node.x, node.y, node.width, node.height);
+                    }, this);
                     return false;
                 }.bind(this);
 
                 this.saveGrid = function () {
-                    this.serializedData = _.map($('.grid-stack > .grid-stack-item:visible'), function (el) {
+                    this.serializedData = $('.grid-stack > .grid-stack-item:visible').map(function (i, el) {
                         el = $(el);
                         var node = el.data('_gridstack_node');
                         return {
@@ -93,7 +93,7 @@ <h1>Serialization demo</h1>
                             width: node.width,
                             height: node.height
                         };
-                    });
+                    }).toArray();
                     $('#saved-data').val(JSON.stringify(this.serializedData, null, '    '));
                     return false;
                 }.bind(this);

demo/two.html

@@ -17,7 +17,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.0/jquery-ui.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.0/lodash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
     <script src="../dist/gridstack.js"></script>
     <script src="../dist/gridstack.jQueryUI.js"></script>
 
@@ -113,9 +113,9 @@ <h1>Two grids demo</h1>
                 acceptWidgets: '.grid-stack-item'
             };
             $('#grid1').gridstack(options);
-            $('#grid2').gridstack(_.defaults({
+            $('#grid2').gridstack($.extend({}, options, {
                 float: true
-            }, options));
+            }));
 
             var items = [
                 {x: 0, y: 0, width: 2, height: 2},
@@ -128,8 +128,8 @@ <h1>Two grids demo</h1>
             $('.grid-stack').each(function () {
                 var grid = $(this).data('gridstack');
 
-                _.each(items, function (node) {
-                    grid.addWidget($('<div><div class="grid-stack-item-content" /><div/>'),
+                items.forEach(function (node) {
+                    grid.addWidget($('<div><div class="grid-stack-item-content"></div></div>'),
                         node.x, node.y, node.width, node.height);
                 });
             });