angular-gridster2 - npm Package Compare versions

Comparing version 2.9.2 to 2.10.0

dist/gridster.component.d.ts

@@ -42,2 +42,4 @@ import { OnInit, ElementRef, OnDestroy, Renderer2, DoCheck } from '@angular/core';
     pixelsToPosition(x: number, y: number, roundingMethod: Function): [number, number];
+    pixelsToPositionX(x: number, roundingMethod: Function): number;
+    pixelsToPositionY(y: number, roundingMethod: Function): number;
     positionXToPixels(x: number): number;
@@ -44,0 +46,0 @@ positionYToPixels(y: number): number;

dist/gridster.component.js

@@ -271,4 +271,10 @@ "use strict";
     GridsterComponent.prototype.pixelsToPosition = function (x, y, roundingMethod) {
-        return [roundingMethod(Math.abs(x) / this.curColWidth), roundingMethod(Math.abs(y) / this.curRowHeight)];
+        return [this.pixelsToPositionX(x, roundingMethod), this.pixelsToPositionY(y, roundingMethod)];
     };
+    GridsterComponent.prototype.pixelsToPositionX = function (x, roundingMethod) {
+        return roundingMethod(Math.abs(x) / this.curColWidth);
+    };
+    GridsterComponent.prototype.pixelsToPositionY = function (y, roundingMethod) {
+        return roundingMethod(Math.abs(y) / this.curRowHeight);
+    };
     GridsterComponent.prototype.positionXToPixels = function (x) {
@@ -275,0 +281,0 @@ return x * this.curColWidth;

dist/gridster.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"GridsterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gridster","template":"<gridster-grid class=\"gridster-grid\"></gridster-grid> <ng-content></ng-content> <gridster-preview class=\"gridster-preview\"></gridster-preview>","styles":[":host {   position: relative;   display: flex;   overflow: auto;   flex: 1 auto;   background: grey;   width: 100%;   height: 100%; }  :host(.fit) {   overflow-x: hidden;   overflow-y: hidden; }  :host(.scrollVertical) {   overflow-x: hidden;   overflow-y: auto; }  :host(.scrollHorizontal) {   overflow-x: auto;   overflow-y: hidden; }  :host(.fixed) {   overflow: auto; }  :host(.mobile) {   overflow-x: hidden;   overflow-y: auto;   display: block; }  :host(.mobile) /deep/ gridster-item {   position: relative; }"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"optionsChanged":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"checkIfToResize":[{"__symbolic":"method"}],"setGridSize":[{"__symbolic":"method"}],"setGridDimensions":[{"__symbolic":"method"}],"calculateLayout":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"checkCollision":[{"__symbolic":"method"}],"findItemWithItem":[{"__symbolic":"method"}],"autoPositionItem":[{"__symbolic":"method"}],"pixelsToPosition":[{"__symbolic":"method"}],"positionXToPixels":[{"__symbolic":"method"}],"positionYToPixels":[{"__symbolic":"method"}],"checkCompactUp":[{"__symbolic":"method"}],"moveUpTillCollision":[{"__symbolic":"method"}],"checkCompactLeft":[{"__symbolic":"method"}],"moveLeftTillCollision":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GridsterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gridster","template":"<gridster-grid class=\"gridster-grid\"></gridster-grid> <ng-content></ng-content> <gridster-preview class=\"gridster-preview\"></gridster-preview>","styles":[":host {   position: relative;   display: flex;   overflow: auto;   flex: 1 auto;   background: grey;   width: 100%;   height: 100%; }  :host(.fit) {   overflow-x: hidden;   overflow-y: hidden; }  :host(.scrollVertical) {   overflow-x: hidden;   overflow-y: auto; }  :host(.scrollHorizontal) {   overflow-x: auto;   overflow-y: hidden; }  :host(.fixed) {   overflow: auto; }  :host(.mobile) {   overflow-x: hidden;   overflow-y: auto;   display: block; }  :host(.mobile) /deep/ gridster-item {   position: relative; }"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"optionsChanged":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"checkIfToResize":[{"__symbolic":"method"}],"setGridSize":[{"__symbolic":"method"}],"setGridDimensions":[{"__symbolic":"method"}],"calculateLayout":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"checkCollision":[{"__symbolic":"method"}],"findItemWithItem":[{"__symbolic":"method"}],"autoPositionItem":[{"__symbolic":"method"}],"pixelsToPosition":[{"__symbolic":"method"}],"positionXToPixels":[{"__symbolic":"method"}],"positionYToPixels":[{"__symbolic":"method"}],"checkCompactUp":[{"__symbolic":"method"}],"moveUpTillCollision":[{"__symbolic":"method"}],"checkCompactLeft":[{"__symbolic":"method"}],"moveLeftTillCollision":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"GridsterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gridster","template":"<gridster-grid class=\"gridster-grid\"></gridster-grid> <ng-content></ng-content> <gridster-preview class=\"gridster-preview\"></gridster-preview>","styles":[":host {   position: relative;   display: flex;   overflow: auto;   flex: 1 auto;   background: grey;   width: 100%;   height: 100%; }  :host(.fit) {   overflow-x: hidden;   overflow-y: hidden; }  :host(.scrollVertical) {   overflow-x: hidden;   overflow-y: auto; }  :host(.scrollHorizontal) {   overflow-x: auto;   overflow-y: hidden; }  :host(.fixed) {   overflow: auto; }  :host(.mobile) {   overflow-x: hidden;   overflow-y: auto;   display: block; }  :host(.mobile) /deep/ gridster-item {   position: relative; }"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"optionsChanged":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"checkIfToResize":[{"__symbolic":"method"}],"setGridSize":[{"__symbolic":"method"}],"setGridDimensions":[{"__symbolic":"method"}],"calculateLayout":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"checkCollision":[{"__symbolic":"method"}],"findItemWithItem":[{"__symbolic":"method"}],"autoPositionItem":[{"__symbolic":"method"}],"pixelsToPosition":[{"__symbolic":"method"}],"pixelsToPositionX":[{"__symbolic":"method"}],"pixelsToPositionY":[{"__symbolic":"method"}],"positionXToPixels":[{"__symbolic":"method"}],"positionYToPixels":[{"__symbolic":"method"}],"checkCompactUp":[{"__symbolic":"method"}],"moveUpTillCollision":[{"__symbolic":"method"}],"checkCompactLeft":[{"__symbolic":"method"}],"moveLeftTillCollision":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GridsterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gridster","template":"<gridster-grid class=\"gridster-grid\"></gridster-grid> <ng-content></ng-content> <gridster-preview class=\"gridster-preview\"></gridster-preview>","styles":[":host {   position: relative;   display: flex;   overflow: auto;   flex: 1 auto;   background: grey;   width: 100%;   height: 100%; }  :host(.fit) {   overflow-x: hidden;   overflow-y: hidden; }  :host(.scrollVertical) {   overflow-x: hidden;   overflow-y: auto; }  :host(.scrollHorizontal) {   overflow-x: auto;   overflow-y: hidden; }  :host(.fixed) {   overflow: auto; }  :host(.mobile) {   overflow-x: hidden;   overflow-y: auto;   display: block; }  :host(.mobile) /deep/ gridster-item {   position: relative; }"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"optionsChanged":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"checkIfToResize":[{"__symbolic":"method"}],"setGridSize":[{"__symbolic":"method"}],"setGridDimensions":[{"__symbolic":"method"}],"calculateLayout":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"checkCollision":[{"__symbolic":"method"}],"findItemWithItem":[{"__symbolic":"method"}],"autoPositionItem":[{"__symbolic":"method"}],"pixelsToPosition":[{"__symbolic":"method"}],"pixelsToPositionX":[{"__symbolic":"method"}],"pixelsToPositionY":[{"__symbolic":"method"}],"positionXToPixels":[{"__symbolic":"method"}],"positionYToPixels":[{"__symbolic":"method"}],"checkCompactUp":[{"__symbolic":"method"}],"moveUpTillCollision":[{"__symbolic":"method"}],"checkCompactLeft":[{"__symbolic":"method"}],"moveLeftTillCollision":[{"__symbolic":"method"}]}}}}]

dist/gridsterDraggable.service.d.ts

@@ -0,3 +1,3 @@
+import { GridsterSwap } from './gridsterSwap.service';
 import { GridsterItemComponent } from './gridsterItem.component';
-import { GridsterItem } from './gridsterItem.interface';
 import { GridsterComponent } from './gridster.component';
@@ -8,3 +8,2 @@ import { GridsterPush } from './gridsterPush.service';
     gridster: GridsterComponent;
-    itemCopy: GridsterItem;
     lastMouse: {
@@ -14,5 +13,15 @@ pageX: number;
     };
-    elemPosition: Array<number>;
-    position: Array<number>;
-    positionBackup: Array<number>;
+    offsetLeft: number;
+    offsetTop: number;
+    margin: number;
+    diffTop: number;
+    diffLeft: number;
+    top: number;
+    left: number;
+    height: number;
+    width: number;
+    positionX: number;
+    positionY: number;
+    positionXBackup: number;
+    positionYBackup: number;
     enabled: boolean;
@@ -30,2 +39,3 @@ dragStartFunction: (event: any) => void;
     push: GridsterPush;
+    swap: GridsterSwap;
     static touchEvent(e: any): void;
@@ -36,2 +46,3 @@ constructor(gridsterItem: GridsterItemComponent, gridster: GridsterComponent);
     dragMove(e: any): void;
+    calculateItemPositionFromMousePosition(e: any): void;
     dragStop(e: any): void;
@@ -38,0 +49,0 @@ cancelDrag(): void;

dist/gridsterDraggable.service.js

@@ -17,5 +17,2 @@ "use strict";
         };
-        this.elemPosition = [0, 0, 0, 0];
-        this.position = [0, 0];
-        this.positionBackup = [0, 0];
     }
@@ -64,12 +61,15 @@ GridsterDraggable.touchEvent = function (e) {
         this.gridsterItem.renderer.addClass(this.gridsterItem.el, 'gridster-item-moving');
-        this.lastMouse.pageX = e.pageX;
-        this.lastMouse.pageY = e.pageY;
-        this.elemPosition[0] = this.gridsterItem.left;
-        this.elemPosition[1] = this.gridsterItem.top;
-        this.elemPosition[2] = this.gridsterItem.width;
-        this.elemPosition[3] = this.gridsterItem.height;
-        this.itemCopy = JSON.parse(JSON.stringify(this.gridsterItem.$item, ['rows', 'cols', 'x', 'y']));
+        this.margin = this.gridster.$options.margin;
+        this.offsetLeft = this.gridster.el.scrollLeft - this.gridster.el.offsetLeft;
+        this.offsetTop = this.gridster.el.scrollTop - this.gridster.el.offsetTop;
+        this.left = this.gridsterItem.left;
+        this.top = this.gridsterItem.top;
+        this.width = this.gridsterItem.width;
+        this.height = this.gridsterItem.height;
+        this.diffLeft = e.pageX + this.offsetLeft - this.margin - this.left;
+        this.diffTop = e.pageY + this.offsetTop - this.margin - this.top;
         this.gridster.movingItem = this.gridsterItem;
         this.gridster.previewStyle();
         this.push = new gridsterPush_service_1.GridsterPush(this.gridsterItem, this.gridster);
+        this.swap = new gridsterSwap_service_1.GridsterSwap(this.gridsterItem, this.gridster);
         this.gridster.gridLines.updateGrid(true);
@@ -83,7 +83,12 @@ };
         }
-        this.elemPosition[0] += e.pageX - this.lastMouse.pageX;
-        this.elemPosition[1] += e.pageY - this.lastMouse.pageY;
-        gridsterScroll_service_1.scroll(this.elemPosition, this.gridsterItem, e, this.lastMouse, this.calculateItemPosition.bind(this));
+        this.offsetLeft = this.gridster.el.scrollLeft - this.gridster.el.offsetLeft;
+        this.offsetTop = this.gridster.el.scrollTop - this.gridster.el.offsetTop;
+        gridsterScroll_service_1.scroll(this.gridsterItem, e, this.lastMouse, this.calculateItemPositionFromMousePosition.bind(this));
+        this.calculateItemPositionFromMousePosition(e);
         this.lastMouse.pageX = e.pageX;
         this.lastMouse.pageY = e.pageY;
+    };
+    GridsterDraggable.prototype.calculateItemPositionFromMousePosition = function (e) {
+        this.left = e.pageX + this.offsetLeft - this.margin - this.diffLeft;
+        this.top = e.pageY + this.offsetTop - this.margin - this.diffTop;
         this.calculateItemPosition();
@@ -113,30 +118,33 @@ };
     GridsterDraggable.prototype.cancelDrag = function () {
-        this.gridsterItem.$item.x = this.itemCopy.x;
-        this.gridsterItem.$item.y = this.itemCopy.y;
+        this.gridsterItem.$item.x = this.gridsterItem.item.x;
+        this.gridsterItem.$item.y = this.gridsterItem.item.y;
         this.gridsterItem.setSize(true);
         this.push.restoreItems();
         this.push = undefined;
+        this.swap.restoreSwapItem();
+        this.swap = undefined;
     };
     GridsterDraggable.prototype.makeDrag = function () {
-        if (this.gridster.$options.swap) {
-            gridsterSwap_service_1.GridsterSwap.GridsterSwap(this.gridsterItem, this.elemPosition);
-        }
         this.gridsterItem.setSize(true);
-        this.gridsterItem.checkItemChanges(this.gridsterItem.$item, this.itemCopy);
+        this.gridsterItem.checkItemChanges(this.gridsterItem.$item, this.gridsterItem.item);
         this.push.setPushedItems();
         this.push = undefined;
+        this.swap.setSwapItem();
+        this.swap = undefined;
     };
     GridsterDraggable.prototype.calculateItemPosition = function () {
-        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'left', this.elemPosition[0] + 'px');
-        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'top', this.elemPosition[1] + 'px');
-        this.position = this.gridster.pixelsToPosition(this.elemPosition[0], this.elemPosition[1], Math.round);
-        if (this.position[0] !== this.gridsterItem.$item.x || this.position[1] !== this.gridsterItem.$item.y) {
-            this.positionBackup[0] = this.gridsterItem.$item.x;
-            this.positionBackup[1] = this.gridsterItem.$item.y;
-            this.gridsterItem.$item.x = this.position[0];
-            this.gridsterItem.$item.y = this.position[1];
+        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'left', this.left + 'px');
+        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'top', this.top + 'px');
+        this.positionX = this.gridster.pixelsToPositionX(this.left, Math.round);
+        this.positionY = this.gridster.pixelsToPositionY(this.top, Math.round);
+        if (this.positionX !== this.gridsterItem.$item.x || this.positionY !== this.gridsterItem.$item.y) {
+            this.positionXBackup = this.gridsterItem.$item.x;
+            this.positionYBackup = this.gridsterItem.$item.y;
+            this.gridsterItem.$item.x = this.positionX;
+            this.gridsterItem.$item.y = this.positionY;
             this.push.pushItems();
+            this.swap.swapItems();
             if (this.gridster.checkCollision(this.gridsterItem)) {
-                this.gridsterItem.$item.x = this.positionBackup[0];
-                this.gridsterItem.$item.y = this.positionBackup[1];
+                this.gridsterItem.$item.x = this.positionXBackup;
+                this.gridsterItem.$item.y = this.positionYBackup;
             }
@@ -143,0 +151,0 @@ else {

dist/gridsterDraggable.service.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"GridsterDraggable":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./gridsterItem.component","name":"GridsterItemComponent"},{"__symbolic":"reference","module":"./gridster.component","name":"GridsterComponent"}]}],"checkContentClass":[{"__symbolic":"method"}],"dragStart":[{"__symbolic":"method"}],"dragMove":[{"__symbolic":"method"}],"dragStop":[{"__symbolic":"method"}],"cancelDrag":[{"__symbolic":"method"}],"makeDrag":[{"__symbolic":"method"}],"calculateItemPosition":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GridsterDraggable":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./gridsterItem.component","name":"GridsterItemComponent"},{"__symbolic":"reference","module":"./gridster.component","name":"GridsterComponent"}]}],"checkContentClass":[{"__symbolic":"method"}],"dragStart":[{"__symbolic":"method"}],"dragMove":[{"__symbolic":"method"}],"dragStop":[{"__symbolic":"method"}],"cancelDrag":[{"__symbolic":"method"}],"makeDrag":[{"__symbolic":"method"}],"calculateItemPosition":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"GridsterDraggable":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./gridsterItem.component","name":"GridsterItemComponent"},{"__symbolic":"reference","module":"./gridster.component","name":"GridsterComponent"}]}],"checkContentClass":[{"__symbolic":"method"}],"dragStart":[{"__symbolic":"method"}],"dragMove":[{"__symbolic":"method"}],"calculateItemPositionFromMousePosition":[{"__symbolic":"method"}],"dragStop":[{"__symbolic":"method"}],"cancelDrag":[{"__symbolic":"method"}],"makeDrag":[{"__symbolic":"method"}],"calculateItemPosition":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GridsterDraggable":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./gridsterItem.component","name":"GridsterItemComponent"},{"__symbolic":"reference","module":"./gridster.component","name":"GridsterComponent"}]}],"checkContentClass":[{"__symbolic":"method"}],"dragStart":[{"__symbolic":"method"}],"dragMove":[{"__symbolic":"method"}],"calculateItemPositionFromMousePosition":[{"__symbolic":"method"}],"dragStop":[{"__symbolic":"method"}],"cancelDrag":[{"__symbolic":"method"}],"makeDrag":[{"__symbolic":"method"}],"calculateItemPosition":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}}}}]

dist/gridsterResizable.service.d.ts

 import { GridsterItemComponent } from './gridsterItem.component';
-import { GridsterItem } from './gridsterItem.interface';
 import { GridsterResizeEventType } from './gridsterResizeEventType.interface';
@@ -9,3 +8,2 @@ import { GridsterPush } from './gridsterPush.service';
     gridster: GridsterComponent;
-    itemCopy: GridsterItem;
     lastMouse: {
@@ -15,4 +13,2 @@ pageX: number;
     };
-    elemPosition: Array<number>;
-    position: Array<number>;
     itemBackup: Array<number>;
@@ -33,2 +29,14 @@ enabled: boolean;
     push: GridsterPush;
+    minHeight: number;
+    minWidth: number;
+    offsetTop: number;
+    offsetLeft: number;
+    margin: number;
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+    width: number;
+    height: number;
+    newPosition: number;
     static touchEvent(e: any): void;
@@ -35,0 +43,0 @@ constructor(gridsterItem: GridsterItemComponent, gridster: GridsterComponent);

dist/gridsterResizable.service.js

@@ -16,4 +16,2 @@ "use strict";
         };
-        this.elemPosition = [0, 0, 0, 0];
-        this.position = [0, 0];
         this.itemBackup = [0, 0, 0, 0];
@@ -51,7 +49,13 @@ this.resizeEventScrollType = { w: false, e: false, n: false, s: false };
         this.lastMouse.pageY = e.pageY;
-        this.elemPosition[0] = this.gridsterItem.left;
-        this.elemPosition[1] = this.gridsterItem.top;
-        this.elemPosition[2] = this.gridsterItem.width;
-        this.elemPosition[3] = this.gridsterItem.height;
-        this.itemCopy = JSON.parse(JSON.stringify(this.gridsterItem.$item, ['rows', 'cols', 'x', 'y']));
+        this.left = this.gridsterItem.left;
+        this.top = this.gridsterItem.top;
+        this.width = this.gridsterItem.width;
+        this.height = this.gridsterItem.height;
+        this.bottom = this.gridsterItem.top + this.gridsterItem.height;
+        this.right = this.gridsterItem.left + this.gridsterItem.width;
+        this.margin = this.gridster.$options.margin;
+        this.minHeight = this.gridster.positionYToPixels(this.gridsterItem.$item.minItemRows || this.gridster.$options.minItemRows)
+            - this.gridster.$options.margin;
+        this.minWidth = this.gridster.positionXToPixels(this.gridsterItem.$item.minItemCols || this.gridster.$options.minItemCols)
+            - this.gridster.$options.margin;
         this.gridster.movingItem = this.gridsterItem;
@@ -104,3 +108,5 @@ this.gridster.previewStyle();
         }
-        gridsterScroll_service_1.scroll(this.elemPosition, this.gridsterItem, e, this.lastMouse, this.directionFunction, true, this.resizeEventScrollType);
+        this.offsetTop = this.gridster.el.scrollTop - this.gridster.el.offsetTop;
+        this.offsetLeft = this.gridster.el.scrollLeft - this.gridster.el.offsetLeft;
+        gridsterScroll_service_1.scroll(this.gridsterItem, e, this.lastMouse, this.directionFunction, true, this.resizeEventScrollType);
         this.directionFunction(e);
@@ -132,6 +138,6 @@ this.lastMouse.pageX = e.pageX;
     GridsterResizable.prototype.cancelResize = function () {
-        this.gridsterItem.$item.cols = this.itemCopy.cols;
-        this.gridsterItem.$item.rows = this.itemCopy.rows;
-        this.gridsterItem.$item.x = this.itemCopy.x;
-        this.gridsterItem.$item.y = this.itemCopy.y;
+        this.gridsterItem.$item.cols = this.gridsterItem.item.cols;
+        this.gridsterItem.$item.rows = this.gridsterItem.item.rows;
+        this.gridsterItem.$item.x = this.gridsterItem.item.x;
+        this.gridsterItem.$item.y = this.gridsterItem.item.y;
         this.gridsterItem.setSize(true);
@@ -143,3 +149,3 @@ this.push.restoreItems();
         this.gridsterItem.setSize(true);
-        this.gridsterItem.checkItemChanges(this.gridsterItem.$item, this.itemCopy);
+        this.gridsterItem.checkItemChanges(this.gridsterItem.$item, this.gridsterItem.item);
         this.push.setPushedItems();
@@ -149,13 +155,16 @@ this.push = undefined;
     GridsterResizable.prototype.handleN = function (e) {
-        this.elemPosition[1] += e.pageY - this.lastMouse.pageY;
-        this.elemPosition[3] += this.lastMouse.pageY - e.pageY;
-        this.position = this.gridster.pixelsToPosition(this.elemPosition[0], this.elemPosition[1], Math.floor);
-        if (this.gridsterItem.$item.y !== this.position[1]) {
+        this.top = e.pageY + this.offsetTop - this.margin;
+        this.height = this.bottom - this.top;
+        if (this.minHeight > this.height) {
+            this.height = this.minHeight;
+            this.top = this.bottom - this.minHeight;
+        }
+        this.newPosition = this.gridster.pixelsToPositionY(this.top, Math.floor);
+        if (this.gridsterItem.$item.y !== this.newPosition) {
             this.itemBackup[1] = this.gridsterItem.$item.y;
             this.itemBackup[3] = this.gridsterItem.$item.rows;
-            this.gridsterItem.$item.rows += this.gridsterItem.$item.y - this.position[1];
-            this.gridsterItem.$item.y = this.position[1];
+            this.gridsterItem.$item.rows += this.gridsterItem.$item.y - this.newPosition;
+            this.gridsterItem.$item.y = this.newPosition;
             this.push.pushItems();
-            if (this.gridsterItem.$item.y < 0 || this.gridsterItem.$item.rows < 1 ||
-                this.gridster.checkCollision(this.gridsterItem)) {
+            if (this.gridster.checkCollision(this.gridsterItem)) {
                 this.gridsterItem.$item.y = this.itemBackup[1];
@@ -172,17 +181,20 @@ this.gridsterItem.$item.rows = this.itemBackup[3];
         }
-        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'top', this.elemPosition[1] + 'px');
-        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'height', this.elemPosition[3] + 'px');
+        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'top', this.top + 'px');
+        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'height', this.height + 'px');
     };
     GridsterResizable.prototype.handleW = function (e) {
-        this.elemPosition[0] += e.pageX - this.lastMouse.pageX;
-        this.elemPosition[2] += this.lastMouse.pageX - e.pageX;
-        this.position = this.gridster.pixelsToPosition(this.elemPosition[0], this.elemPosition[1], Math.floor);
-        if (this.gridsterItem.$item.x !== this.position[0]) {
+        this.left = e.pageX + this.offsetLeft - this.margin;
+        this.width = this.right - this.left;
+        if (this.minWidth > this.width) {
+            this.width = this.minWidth;
+            this.left = this.right - this.minWidth;
+        }
+        this.newPosition = this.gridster.pixelsToPositionX(this.left, Math.floor);
+        if (this.gridsterItem.$item.x !== this.newPosition) {
             this.itemBackup[0] = this.gridsterItem.$item.x;
             this.itemBackup[2] = this.gridsterItem.$item.cols;
-            this.gridsterItem.$item.cols += this.gridsterItem.$item.x - this.position[0];
-            this.gridsterItem.$item.x = this.position[0];
+            this.gridsterItem.$item.cols += this.gridsterItem.$item.x - this.newPosition;
+            this.gridsterItem.$item.x = this.newPosition;
             this.push.pushItems();
-            if (this.gridsterItem.$item.x < 0 || this.gridsterItem.$item.cols < 1 ||
-                this.gridster.checkCollision(this.gridsterItem)) {
+            if (this.gridster.checkCollision(this.gridsterItem)) {
                 this.gridsterItem.$item.x = this.itemBackup[0];
@@ -199,13 +211,17 @@ this.gridsterItem.$item.cols = this.itemBackup[2];
         }
-        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'left', this.elemPosition[0] + 'px');
-        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'width', this.elemPosition[2] + 'px');
+        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'left', this.left + 'px');
+        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'width', this.width + 'px');
     };
     GridsterResizable.prototype.handleS = function (e) {
-        this.elemPosition[3] += e.pageY - this.lastMouse.pageY;
-        this.position = this.gridster.pixelsToPosition(this.elemPosition[0], this.elemPosition[1] + this.elemPosition[3], Math.ceil);
-        if ((this.gridsterItem.$item.y + this.gridsterItem.$item.rows) !== this.position[1]) {
+        this.height = e.pageY + this.offsetTop - this.margin - this.gridsterItem.top;
+        if (this.minHeight > this.height) {
+            this.height = this.minHeight;
+        }
+        this.bottom = this.top + this.height;
+        this.newPosition = this.gridster.pixelsToPositionY(this.bottom, Math.ceil);
+        if ((this.gridsterItem.$item.y + this.gridsterItem.$item.rows) !== this.newPosition) {
             this.itemBackup[3] = this.gridsterItem.$item.rows;
-            this.gridsterItem.$item.rows = this.position[1] - this.gridsterItem.$item.y;
+            this.gridsterItem.$item.rows = this.newPosition - this.gridsterItem.$item.y;
             this.push.pushItems();
-            if (this.gridsterItem.$item.rows < 1 || this.gridster.checkCollision(this.gridsterItem)) {
+            if (this.gridster.checkCollision(this.gridsterItem)) {
                 this.gridsterItem.$item.rows = this.itemBackup[3];
@@ -220,10 +236,14 @@ this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'height', this.gridster.positionYToPixels(this.gridsterItem.$item.rows)
         }
-        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'height', this.elemPosition[3] + 'px');
+        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'height', this.height + 'px');
     };
     GridsterResizable.prototype.handleE = function (e) {
-        this.elemPosition[2] += e.pageX - this.lastMouse.pageX;
-        this.position = this.gridster.pixelsToPosition(this.elemPosition[0] + this.elemPosition[2], this.elemPosition[1], Math.ceil);
-        if ((this.gridsterItem.$item.x + this.gridsterItem.$item.cols) !== this.position[0]) {
+        this.width = e.pageX + this.offsetLeft - this.margin - this.gridsterItem.left;
+        if (this.minWidth > this.width) {
+            this.width = this.minWidth;
+        }
+        this.right = this.left + this.width;
+        this.newPosition = this.gridster.pixelsToPositionX(this.right, Math.ceil);
+        if ((this.gridsterItem.$item.x + this.gridsterItem.$item.cols) !== this.newPosition) {
             this.itemBackup[2] = this.gridsterItem.$item.cols;
-            this.gridsterItem.$item.cols = this.position[0] - this.gridsterItem.$item.x;
+            this.gridsterItem.$item.cols = this.newPosition - this.gridsterItem.$item.x;
             this.push.pushItems();
@@ -240,3 +260,3 @@ if (this.gridsterItem.$item.cols < 1 || this.gridster.checkCollision(this.gridsterItem)) {
         }
-        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'width', this.elemPosition[2] + 'px');
+        this.gridsterItem.renderer.setStyle(this.gridsterItem.el, 'width', this.width + 'px');
     };
@@ -243,0 +263,0 @@ GridsterResizable.prototype.handleNW = function (e) {

dist/gridsterScroll.service.d.ts

 import { GridsterItemComponent } from './gridsterItem.component';
 import { GridsterResizeEventType } from './gridsterResizeEventType.interface';
-export declare function scroll(elemPosition: Array<number>, gridsterItem: GridsterItemComponent, e: MouseEvent, lastMouse: any, calculateItemPosition: Function, resize?: boolean, resizeEventScrollType?: GridsterResizeEventType): void;
+export declare function scroll(gridsterItem: GridsterItemComponent, e: MouseEvent, lastMouse: any, calculateItemPosition: Function, resize?: boolean, resizeEventScrollType?: GridsterResizeEventType): void;
 export declare function cancelScroll(): void;

dist/gridsterScroll.service.js

@@ -7,4 +7,2 @@ "use strict";
 var gridsterElement;
-var scrollTop;
-var scrollLeft;
 var resizeEvent;
@@ -16,3 +14,3 @@ var resizeEventType;
 var intervalS;
-function scroll(elemPosition, gridsterItem, e, lastMouse, calculateItemPosition, resize, resizeEventScrollType) {
+function scroll(gridsterItem, e, lastMouse, calculateItemPosition, resize, resizeEventScrollType) {
     scrollSensitivity = gridsterItem.gridster.$options.scrollSensitivity;
@@ -23,8 +21,8 @@ scrollSpeed = gridsterItem.gridster.$options.scrollSpeed;
     resizeEventType = resizeEventScrollType;
-    scrollTop = gridsterElement.scrollTop;
-    scrollLeft = gridsterElement.scrollLeft;
     var offsetWidth = gridsterElement.offsetWidth;
     var offsetHeight = gridsterElement.offsetHeight;
-    var elemTopOffset = elemPosition[1] - scrollTop;
-    var elemBottomOffset = offsetHeight + scrollTop - elemPosition[1] - elemPosition[3];
+    var offsetLeft = gridsterElement.scrollLeft;
+    var offsetTop = gridsterElement.scrollTop;
+    var elemTopOffset = gridsterItem.el.offsetTop - offsetTop;
+    var elemBottomOffset = offsetHeight + offsetTop - gridsterItem.el.offsetTop - gridsterItem.el.offsetHeight;
     if (lastMouse.pageY < e.pageY && elemBottomOffset < scrollSensitivity) {
@@ -35,5 +33,5 @@ cancelN();
         }
-        intervalS = startVertical(1, elemPosition, calculateItemPosition, lastMouse);
+        intervalS = startVertical(1, calculateItemPosition, lastMouse);
     }
-    else if (lastMouse.pageY > e.pageY && scrollTop > 0 && elemTopOffset < scrollSensitivity) {
+    else if (lastMouse.pageY > e.pageY && offsetTop > 0 && elemTopOffset < scrollSensitivity) {
         cancelS();
@@ -43,3 +41,3 @@ if ((resizeEvent && !resizeEventType.n) || intervalN) {
         }
-        intervalN = startVertical(-1, elemPosition, calculateItemPosition, lastMouse);
+        intervalN = startVertical(-1, calculateItemPosition, lastMouse);
     }
@@ -49,5 +47,5 @@ else if (lastMouse.pageY !== e.pageY) {
     }
-    var elemRightOffset = offsetWidth + scrollLeft - elemPosition[0] - elemPosition[2];
-    var elemLeftOffset = elemPosition[0] - scrollLeft;
-    if (lastMouse.pageX < e.pageX && elemRightOffset < scrollSensitivity) {
+    var elemRightOffset = offsetLeft + offsetWidth - gridsterItem.el.offsetLeft - gridsterItem.el.offsetWidth;
+    var elemLeftOffset = gridsterItem.el.offsetLeft - offsetLeft;
+    if (lastMouse.pageX < e.pageX && elemRightOffset <= scrollSensitivity) {
         cancelW();
@@ -57,5 +55,5 @@ if ((resizeEvent && !resizeEventType.e) || intervalE) {
         }
-        intervalE = startHorizontal(1, elemPosition, calculateItemPosition, lastMouse);
+        intervalE = startHorizontal(1, calculateItemPosition, lastMouse);
     }
-    else if (lastMouse.pageX > e.pageX && scrollLeft > 0 && elemLeftOffset < scrollSensitivity) {
+    else if (lastMouse.pageX > e.pageX && offsetLeft > 0 && elemLeftOffset < scrollSensitivity) {
         cancelE();
@@ -65,3 +63,3 @@ if ((resizeEvent && !resizeEventType.w) || intervalW) {
         }
-        intervalW = startHorizontal(-1, elemPosition, calculateItemPosition, lastMouse);
+        intervalW = startHorizontal(-1, calculateItemPosition, lastMouse);
     }
@@ -73,42 +71,22 @@ else if (lastMouse.pageX !== e.pageX) {
 exports.scroll = scroll;
-function startVertical(sign, elemPosition, calculateItemPosition, lastMouse) {
+function startVertical(sign, calculateItemPosition, lastMouse) {
+    var pageY = lastMouse.pageY;
     return setInterval(function () {
-        if (!gridsterElement || sign === -1 && scrollTop - scrollSpeed < 0) {
+        if (!gridsterElement || sign === -1 && gridsterElement.scrollTop - scrollSpeed < 0) {
             cancelVertical();
         }
         gridsterElement.scrollTop += sign * scrollSpeed;
-        if (resizeEvent) {
-            if (resizeEventType.n) {
-                elemPosition[1] += sign * scrollSpeed;
-                elemPosition[3] -= sign * scrollSpeed;
-            }
-            else {
-                elemPosition[3] += sign * scrollSpeed;
-            }
-        }
-        else {
-            elemPosition[1] += sign * scrollSpeed;
-        }
-        calculateItemPosition(lastMouse);
+        pageY += sign * scrollSpeed;
+        calculateItemPosition({ pageX: lastMouse.pageX, pageY: pageY });
     }.bind(this), intervalDuration);
 }
-function startHorizontal(sign, elemPosition, calculateItemPosition, lastMouse) {
+function startHorizontal(sign, calculateItemPosition, lastMouse) {
+    var pageX = lastMouse.pageX;
     return setInterval(function () {
-        if (!gridsterElement || sign === -1 && scrollLeft - scrollSpeed < 0) {
+        if (!gridsterElement || sign === -1 && gridsterElement.scrollLeft - scrollSpeed < 0) {
             cancelHorizontal();
         }
         gridsterElement.scrollLeft += sign * scrollSpeed;
-        if (resizeEvent) {
-            if (resizeEventType.w) {
-                elemPosition[0] += sign * scrollSpeed;
-                elemPosition[2] -= sign * scrollSpeed;
-            }
-            else {
-                elemPosition[2] += sign * scrollSpeed;
-            }
-        }
-        else {
-            elemPosition[0] += sign * scrollSpeed;
-        }
-        calculateItemPosition(lastMouse);
+        pageX += sign * scrollSpeed;
+        calculateItemPosition({ pageX: pageX, pageY: lastMouse.pageY });
     }.bind(this), intervalDuration);
@@ -115,0 +93,0 @@ }

dist/gridsterSwap.service.d.ts

 import { GridsterItemComponent } from './gridsterItem.component';
+import { GridsterComponent } from './gridster.component';
 export declare class GridsterSwap {
-    static GridsterSwap(gridsterItem: GridsterItemComponent, elemPosition: any): void;
+    private swapedItem;
+    private gridsterItem;
+    private gridster;
+    constructor(gridsterItem: GridsterItemComponent, gridster: GridsterComponent);
+    swapItems(): void;
+    checkSwapBack(): void;
+    restoreSwapItem(): void;
+    setSwapItem(): void;
+    checkSwap(pushedBy: GridsterItemComponent): void;
 }

dist/gridsterSwap.service.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@angular/core");
+var gridsterItem_component_1 = require("./gridsterItem.component");
+var gridster_component_1 = require("./gridster.component");
 var GridsterSwap = (function () {
-    function GridsterSwap() {
+    function GridsterSwap(gridsterItem, gridster) {
+        this.gridsterItem = gridsterItem;
+        this.gridster = gridster;
     }
-    GridsterSwap.GridsterSwap = function (gridsterItem, elemPosition) {
-        var position = gridsterItem.gridster.pixelsToPosition(elemPosition[0], elemPosition[1], Math.round);
-        var x = gridsterItem.$item.x;
-        var y = gridsterItem.$item.y;
-        gridsterItem.$item.x = position[0];
-        gridsterItem.$item.y = position[1];
-        var swapItem = gridsterItem.gridster.findItemWithItem(gridsterItem);
-        gridsterItem.$item.x = x;
-        gridsterItem.$item.y = y;
-        if (!swapItem) {
-            return;
+    GridsterSwap.prototype.swapItems = function () {
+        if (this.gridster.$options.swap) {
+            this.checkSwapBack();
+            this.checkSwap(this.gridsterItem);
         }
-        x = swapItem.$item.x;
-        y = swapItem.$item.y;
-        swapItem.$item.x = gridsterItem.$item.x;
-        swapItem.$item.y = gridsterItem.$item.y;
-        gridsterItem.$item.x = position[0];
-        gridsterItem.$item.y = position[1];
-        if (gridsterItem.gridster.checkCollision(swapItem) || gridsterItem.gridster.checkCollision(gridsterItem)) {
-            gridsterItem.$item.x = swapItem.$item.x;
-            gridsterItem.$item.y = swapItem.$item.y;
-            swapItem.$item.x = x;
-            swapItem.$item.y = y;
+    };
+    GridsterSwap.prototype.checkSwapBack = function () {
+        if (this.swapedItem) {
+            var x = this.swapedItem.$item.x;
+            var y = this.swapedItem.$item.y;
+            this.swapedItem.$item.x = this.swapedItem.item.x;
+            this.swapedItem.$item.y = this.swapedItem.item.y;
+            if (this.gridster.checkCollision(this.swapedItem)) {
+                this.swapedItem.$item.x = x;
+                this.swapedItem.$item.y = y;
+            }
+            else {
+                this.swapedItem.setSize(true);
+                this.swapedItem = undefined;
+            }
         }
-        else {
-            swapItem.setSize(true);
-            swapItem.checkItemChanges(swapItem, { x: x, y: y, cols: swapItem.$item.cols, rows: swapItem.$item.rows });
+    };
+    GridsterSwap.prototype.restoreSwapItem = function () {
+        if (this.swapedItem) {
+            this.swapedItem.$item.x = this.swapedItem.item.x;
+            this.swapedItem.$item.y = this.swapedItem.item.y;
+            this.swapedItem.setSize(true);
+            this.swapedItem = undefined;
         }
     };
+    GridsterSwap.prototype.setSwapItem = function () {
+        if (this.swapedItem) {
+            this.swapedItem.checkItemChanges(this.swapedItem.$item, this.swapedItem.item);
+            this.swapedItem = undefined;
+        }
+    };
+    GridsterSwap.prototype.checkSwap = function (pushedBy) {
+        var gridsterItemCollision = this.gridster.checkCollision(pushedBy);
+        if (gridsterItemCollision && gridsterItemCollision !== true) {
+            var gridsterItemCollide = gridsterItemCollision;
+            gridsterItemCollide.$item.x = pushedBy.item.x;
+            gridsterItemCollide.$item.y = pushedBy.item.y;
+            pushedBy.$item.x = gridsterItemCollide.item.x;
+            pushedBy.$item.y = gridsterItemCollide.item.y;
+            if (this.gridster.checkCollision(gridsterItemCollide) || this.gridster.checkCollision(pushedBy)) {
+                pushedBy.$item.x = gridsterItemCollide.$item.x;
+                pushedBy.$item.y = gridsterItemCollide.$item.y;
+                gridsterItemCollide.$item.x = gridsterItemCollide.item.x;
+                gridsterItemCollide.$item.y = gridsterItemCollide.item.y;
+            }
+            else {
+                gridsterItemCollide.setSize(true);
+                this.swapedItem = gridsterItemCollide;
+            }
+        }
+    };
     return GridsterSwap;
@@ -42,4 +73,7 @@ }());
 /** @nocollapse */
-GridsterSwap.ctorParameters = function () { return []; };
+GridsterSwap.ctorParameters = function () { return [
+    { type: gridsterItem_component_1.GridsterItemComponent, },
+    { type: gridster_component_1.GridsterComponent, },
+]; };
 exports.GridsterSwap = GridsterSwap;
 //# sourceMappingURL=gridsterSwap.service.js.map

dist/gridsterSwap.service.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"GridsterSwap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}]}}},{"__symbolic":"module","version":1,"metadata":{"GridsterSwap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"GridsterSwap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./gridsterItem.component","name":"GridsterItemComponent"},{"__symbolic":"reference","module":"./gridster.component","name":"GridsterComponent"}]}],"swapItems":[{"__symbolic":"method"}],"checkSwapBack":[{"__symbolic":"method"}],"restoreSwapItem":[{"__symbolic":"method"}],"setSwapItem":[{"__symbolic":"method"}],"checkSwap":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"GridsterSwap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./gridsterItem.component","name":"GridsterItemComponent"},{"__symbolic":"reference","module":"./gridster.component","name":"GridsterComponent"}]}],"swapItems":[{"__symbolic":"method"}],"checkSwapBack":[{"__symbolic":"method"}],"restoreSwapItem":[{"__symbolic":"method"}],"setSwapItem":[{"__symbolic":"method"}],"checkSwap":[{"__symbolic":"method"}]}}}}]

package.json

 {
   "name": "angular-gridster2",
-  "version": "2.9.2",
+  "version": "2.10.0",
   "license": "MIT",
@@ -50,18 +50,18 @@ "main": "dist/index.js",
   "devDependencies": {
-    "@angular/animations": "4.1.1",
-    "@angular/cli": "1.0.2",
-    "@angular/common": "4.1.1",
-    "@angular/compiler": "4.1.1",
-    "@angular/compiler-cli": "4.1.1",
-    "@angular/core": "4.1.1",
-    "@angular/forms": "4.1.1",
-    "@angular/http": "4.1.1",
-    "@angular/language-service": "4.1.1",
-    "@angular/material": "2.0.0-beta.3",
-    "@angular/platform-browser": "4.1.1",
-    "@angular/platform-browser-dynamic": "4.1.1",
-    "@angular/platform-server": "4.1.1",
-    "@angular/router": "4.1.1",
+    "@angular/animations": "4.1.3",
+    "@angular/cli": "1.0.4",
+    "@angular/common": "4.1.3",
+    "@angular/compiler": "4.1.3",
+    "@angular/compiler-cli": "4.1.3",
+    "@angular/core": "4.1.3",
+    "@angular/forms": "4.1.3",
+    "@angular/http": "4.1.3",
+    "@angular/language-service": "4.1.3",
+    "@angular/material": "2.0.0-beta.5",
+    "@angular/platform-browser": "4.1.3",
+    "@angular/platform-browser-dynamic": "4.1.3",
+    "@angular/platform-server": "4.1.3",
+    "@angular/router": "4.1.3",
     "@types/jasmine": "2.5.47",
-    "@types/node": "7.0.18",
+    "@types/node": "7.0.21",
     "codelyzer": "3.0.1",
@@ -73,3 +73,3 @@ "core-js": "2.4.1",
     "hammerjs": "2.0.8",
-    "jasmine-core": "2.6.1",
+    "jasmine-core": "2.6.2",
     "jasmine-spec-reporter": "4.1.0",
@@ -82,12 +82,12 @@ "karma": "1.7.0",
     "karma-jasmine-html-reporter": "0.2.2",
-    "protractor": "5.1.1",
+    "protractor": "5.1.2",
     "systemjs": "0.20.12",
-    "rxjs": "5.3.0",
+    "rxjs": "5.4.0",
     "ts-helpers": "1.1.2",
-    "ts-node": "3.0.2",
-    "tslib": "1.7.0",
+    "ts-node": "3.0.4",
+    "tslib": "1.7.1",
     "tslint": "5.2.0",
     "typescript": "2.3.2",
-    "zone.js": "0.8.10"
+    "zone.js": "0.8.11"
   }
 }

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

200611

increased by3.12%

Lines of code

1931

increased by4.1%

No dependency changes