angular-gridster2 - npm Package Compare versions

Comparing version 3.2.0 to 3.3.0

dist/gridster.component.js

@@ -377,20 +377,20 @@ "use strict";
     };
+    GridsterComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    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; }"]
+                },] },
+    ];
+    /** @nocollapse */
+    GridsterComponent.ctorParameters = function () { return [
+        { type: core_1.ElementRef, },
+        { type: core_1.Renderer2, },
+    ]; };
+    GridsterComponent.propDecorators = {
+        'options': [{ type: core_1.Input },],
+    };
     return GridsterComponent;
 }());
-GridsterComponent.decorators = [
-    { type: core_1.Component, args: [{
-                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; }"]
-            },] },
-];
-/** @nocollapse */
-GridsterComponent.ctorParameters = function () { return [
-    { type: core_1.ElementRef, },
-    { type: core_1.Renderer2, },
-]; };
-GridsterComponent.propDecorators = {
-    'options': [{ type: core_1.Input },],
-};
 exports.GridsterComponent = GridsterComponent;
 //# sourceMappingURL=gridster.component.js.map

dist/gridster.module.js

@@ -12,23 +12,23 @@ "use strict";
     }
+    GridsterModule.decorators = [
+        { type: core_1.NgModule, args: [{
+                    declarations: [
+                        gridster_component_1.GridsterComponent,
+                        gridsterItem_component_1.GridsterItemComponent,
+                        gridsterGrid_component_1.GridsterGridComponent,
+                        gridsterPreview_component_1.GridsterPreviewComponent
+                    ],
+                    imports: [
+                        common_1.CommonModule
+                    ],
+                    exports: [gridster_component_1.GridsterComponent, gridsterItem_component_1.GridsterItemComponent],
+                    providers: [],
+                    bootstrap: []
+                },] },
+    ];
+    /** @nocollapse */
+    GridsterModule.ctorParameters = function () { return []; };
     return GridsterModule;
 }());
-GridsterModule.decorators = [
-    { type: core_1.NgModule, args: [{
-                declarations: [
-                    gridster_component_1.GridsterComponent,
-                    gridsterItem_component_1.GridsterItemComponent,
-                    gridsterGrid_component_1.GridsterGridComponent,
-                    gridsterPreview_component_1.GridsterPreviewComponent
-                ],
-                imports: [
-                    common_1.CommonModule
-                ],
-                exports: [gridster_component_1.GridsterComponent, gridsterItem_component_1.GridsterItemComponent],
-                providers: [],
-                bootstrap: []
-            },] },
-];
-/** @nocollapse */
-GridsterModule.ctorParameters = function () { return []; };
 exports.GridsterModule = GridsterModule;
 //# sourceMappingURL=gridster.module.js.map

dist/gridsterConfig.constant.js

@@ -10,2 +10,3 @@ "use strict";
     fixedRowHeight: 250,
+    keepFixedHeightInMobile: false,
     compactType: 'none',
@@ -12,0 +13,0 @@ mobileBreakpoint: 640,

dist/gridsterConfig.constant.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"GridsterConfigService":{"gridType":"fit","fixedColWidth":250,"fixedRowHeight":250,"compactType":"none","mobileBreakpoint":640,"minCols":1,"maxCols":100,"minRows":1,"maxRows":100,"defaultItemCols":1,"defaultItemRows":1,"maxItemCols":50,"maxItemRows":50,"minItemCols":1,"minItemRows":1,"margin":10,"outerMargin":true,"scrollSensitivity":10,"scrollSpeed":20,"initCallback":{"__symbolic":"reference","name":"undefined"},"itemChangeCallback":{"__symbolic":"reference","name":"undefined"},"itemResizeCallback":{"__symbolic":"reference","name":"undefined"},"draggable":{"enabled":false,"ignoreContentClass":"gridster-item-content","ignoreContent":false,"dragHandleClass":"drag-handler","stop":{"__symbolic":"reference","name":"undefined"}},"resizable":{"enabled":false,"handles":{"s":true,"e":true,"n":true,"w":true,"se":true,"ne":true,"sw":true,"nw":true},"stop":{"__symbolic":"reference","name":"undefined"}},"swap":true,"pushItems":false,"displayGrid":"onDrag&Resize"}}},{"__symbolic":"module","version":1,"metadata":{"GridsterConfigService":{"gridType":"fit","fixedColWidth":250,"fixedRowHeight":250,"compactType":"none","mobileBreakpoint":640,"minCols":1,"maxCols":100,"minRows":1,"maxRows":100,"defaultItemCols":1,"defaultItemRows":1,"maxItemCols":50,"maxItemRows":50,"minItemCols":1,"minItemRows":1,"margin":10,"outerMargin":true,"scrollSensitivity":10,"scrollSpeed":20,"initCallback":{"__symbolic":"reference","name":"undefined"},"itemChangeCallback":{"__symbolic":"reference","name":"undefined"},"itemResizeCallback":{"__symbolic":"reference","name":"undefined"},"draggable":{"enabled":false,"ignoreContentClass":"gridster-item-content","ignoreContent":false,"dragHandleClass":"drag-handler","stop":{"__symbolic":"reference","name":"undefined"}},"resizable":{"enabled":false,"handles":{"s":true,"e":true,"n":true,"w":true,"se":true,"ne":true,"sw":true,"nw":true},"stop":{"__symbolic":"reference","name":"undefined"}},"swap":true,"pushItems":false,"displayGrid":"onDrag&Resize"}}}]
+[{"__symbolic":"module","version":3,"metadata":{"GridsterConfigService":{"gridType":"fit","fixedColWidth":250,"fixedRowHeight":250,"keepFixedHeightInMobile":false,"compactType":"none","mobileBreakpoint":640,"minCols":1,"maxCols":100,"minRows":1,"maxRows":100,"defaultItemCols":1,"defaultItemRows":1,"maxItemCols":50,"maxItemRows":50,"minItemCols":1,"minItemRows":1,"margin":10,"outerMargin":true,"scrollSensitivity":10,"scrollSpeed":20,"initCallback":{"__symbolic":"reference","name":"undefined"},"itemChangeCallback":{"__symbolic":"reference","name":"undefined"},"itemResizeCallback":{"__symbolic":"reference","name":"undefined"},"draggable":{"enabled":false,"ignoreContentClass":"gridster-item-content","ignoreContent":false,"dragHandleClass":"drag-handler","stop":{"__symbolic":"reference","name":"undefined"}},"resizable":{"enabled":false,"handles":{"s":true,"e":true,"n":true,"w":true,"se":true,"ne":true,"sw":true,"nw":true},"stop":{"__symbolic":"reference","name":"undefined"}},"swap":true,"pushItems":false,"displayGrid":"onDrag&Resize"}}},{"__symbolic":"module","version":1,"metadata":{"GridsterConfigService":{"gridType":"fit","fixedColWidth":250,"fixedRowHeight":250,"keepFixedHeightInMobile":false,"compactType":"none","mobileBreakpoint":640,"minCols":1,"maxCols":100,"minRows":1,"maxRows":100,"defaultItemCols":1,"defaultItemRows":1,"maxItemCols":50,"maxItemRows":50,"minItemCols":1,"minItemRows":1,"margin":10,"outerMargin":true,"scrollSensitivity":10,"scrollSpeed":20,"initCallback":{"__symbolic":"reference","name":"undefined"},"itemChangeCallback":{"__symbolic":"reference","name":"undefined"},"itemResizeCallback":{"__symbolic":"reference","name":"undefined"},"draggable":{"enabled":false,"ignoreContentClass":"gridster-item-content","ignoreContent":false,"dragHandleClass":"drag-handler","stop":{"__symbolic":"reference","name":"undefined"}},"resizable":{"enabled":false,"handles":{"s":true,"e":true,"n":true,"w":true,"se":true,"ne":true,"sw":true,"nw":true},"stop":{"__symbolic":"reference","name":"undefined"}},"swap":true,"pushItems":false,"displayGrid":"onDrag&Resize"}}}]

dist/gridsterConfig.interface.d.ts

@@ -8,2 +8,3 @@ export declare type GridType = 'fit' | 'scrollVertical' | 'scrollHorizontal' | 'fixed';
     fixedRowHeight?: number;
+    keepFixedHeightInMobile?: boolean;
     compactType?: compactType;
@@ -10,0 +11,0 @@ mobileBreakpoint?: number;

dist/gridsterDraggable.service.js

@@ -197,13 +197,13 @@ "use strict";
     };
+    GridsterDraggable.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    GridsterDraggable.ctorParameters = function () { return [
+        { type: gridsterItem_component_1.GridsterItemComponent, },
+        { type: gridster_component_1.GridsterComponent, },
+    ]; };
     return GridsterDraggable;
 }());
-GridsterDraggable.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-GridsterDraggable.ctorParameters = function () { return [
-    { type: gridsterItem_component_1.GridsterItemComponent, },
-    { type: gridster_component_1.GridsterComponent, },
-]; };
 exports.GridsterDraggable = GridsterDraggable;
 //# sourceMappingURL=gridsterDraggable.service.js.map

dist/gridsterGrid.component.js

@@ -37,18 +37,18 @@ "use strict";
     };
+    GridsterGridComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'gridster-grid',
+                    template: "<div class=\"columns\" [style.height.px]=\"columnsHeight\">   <div class=\"column\" *ngFor=\"let column of columns\" [style.min-width.px]=\"width\" [style.margin-left.px]=\"margin\"></div> </div> <div class=\"rows\" [style.width.px]=\"rowsWidth\">   <div class=\"row\" *ngFor=\"let row of rows\" [style.height.px]=\"height\" [style.margin-top.px]=\"margin\"></div> </div>",
+                    styles: [":host {   display: none;   position: absolute; }  .rows, .columns {   position: absolute; }  .columns {   display: flex;   flex-direction: row; }  .column, .row {   transition: .3s;   box-sizing: border-box; }  .column {   height: 100%;   border-left: 1px solid white;   border-right: 1px solid white; }  .row {   width: 100%;   border-top: 1px solid white;   border-bottom: 1px solid white; }"]
+                },] },
+    ];
+    /** @nocollapse */
+    GridsterGridComponent.ctorParameters = function () { return [
+        { type: core_1.ElementRef, },
+        { type: gridster_component_1.GridsterComponent, decorators: [{ type: core_1.Host },] },
+        { type: core_1.Renderer2, },
+    ]; };
     return GridsterGridComponent;
 }());
-GridsterGridComponent.decorators = [
-    { type: core_1.Component, args: [{
-                selector: 'gridster-grid',
-                template: "<div class=\"columns\" [style.height.px]=\"columnsHeight\">   <div class=\"column\" *ngFor=\"let column of columns\" [style.min-width.px]=\"width\" [style.margin-left.px]=\"margin\"></div> </div> <div class=\"rows\" [style.width.px]=\"rowsWidth\">   <div class=\"row\" *ngFor=\"let row of rows\" [style.height.px]=\"height\" [style.margin-top.px]=\"margin\"></div> </div>",
-                styles: [":host {   display: none;   position: absolute; }  .rows, .columns {   position: absolute; }  .columns {   display: flex;   flex-direction: row; }  .column, .row {   transition: .3s;   box-sizing: border-box; }  .column {   height: 100%;   border-left: 1px solid white;   border-right: 1px solid white; }  .row {   width: 100%;   border-top: 1px solid white;   border-bottom: 1px solid white; }"]
-            },] },
-];
-/** @nocollapse */
-GridsterGridComponent.ctorParameters = function () { return [
-    { type: core_1.ElementRef, },
-    { type: gridster_component_1.GridsterComponent, decorators: [{ type: core_1.Host },] },
-    { type: core_1.Renderer2, },
-]; };
 exports.GridsterGridComponent = GridsterGridComponent;
 //# sourceMappingURL=gridsterGrid.component.js.map

dist/gridsterItem.component.js

@@ -46,3 +46,8 @@ "use strict";
             this.width = this.gridster.curWidth - (this.gridster.$options.outerMargin ? 2 * this.gridster.$options.margin : 0);
-            this.height = this.width / 2;
+            if (this.gridster.$options.keepFixedHeightInMobile) {
+                this.height = this.$item.rows * this.gridster.$options.fixedRowHeight;
+            }
+            else {
+                this.height = this.width / 2;
+            }
         }
@@ -107,23 +112,23 @@ else {
     };
+    GridsterItemComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'gridster-item',
+                    template: "<ng-content></ng-content> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.s || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-s\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.e || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-e\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.n || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-n\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.w || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-w\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.se || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-se\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.ne || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-ne\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.sw || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-sw\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.nw || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-nw\"></div>",
+                    styles: [":host {   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;   box-sizing: border-box;   z-index: 1;   position: absolute;   overflow: hidden;   transition: .3s;   display: none;   background: white; }  :host(.gridster-item-moving) {   cursor: move; }  :host(.gridster-item-resizing), :host(.gridster-item-moving) {   transition: 0s;   z-index: 2;   box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); }  .gridster-item-resizable-handler {   position: absolute;   z-index: 2; }  .gridster-item-resizable-handler.handle-n {   cursor: n-resize;   height: 10px;   right: 0;   top: 0;   left: 0; }  .gridster-item-resizable-handler.handle-e {   cursor: e-resize;   width: 10px;   bottom: 0;   right: 0;   top: 0; }  .gridster-item-resizable-handler.handle-s {   cursor: s-resize;   height: 10px;   right: 0;   bottom: 0;   left: 0; }  .gridster-item-resizable-handler.handle-w {   cursor: w-resize;   width: 10px;   left: 0;   top: 0;   bottom: 0; }  .gridster-item-resizable-handler.handle-ne {   cursor: ne-resize;   width: 10px;   height: 10px;   right: 0;   top: 0; }  .gridster-item-resizable-handler.handle-nw {   cursor: nw-resize;   width: 10px;   height: 10px;   left: 0;   top: 0; }  .gridster-item-resizable-handler.handle-se {   cursor: se-resize;   width: 0;   height: 0;   right: 0;   bottom: 0;   border-style: solid;   border-width: 0 0 10px 10px;   border-color: transparent; }  .gridster-item-resizable-handler.handle-sw {   cursor: sw-resize;   width: 10px;   height: 10px;   left: 0;   bottom: 0; }  :host /deep/ .gridster-item-content {   -webkit-user-select: auto;   -moz-user-select: auto;   -ms-user-select: auto;   user-select: auto; }  :host(:hover) .gridster-item-resizable-handler.handle-se {   border-color: transparent transparent #ccc }"]
+                },] },
+    ];
+    /** @nocollapse */
+    GridsterItemComponent.ctorParameters = function () { return [
+        { type: core_1.ElementRef, },
+        { type: gridster_component_1.GridsterComponent, decorators: [{ type: core_1.Host },] },
+        { type: core_1.Renderer2, },
+    ]; };
+    GridsterItemComponent.propDecorators = {
+        'item': [{ type: core_1.Input },],
+        'itemChange': [{ type: core_1.Output },],
+        'itemResize': [{ type: core_1.Output },],
+    };
     return GridsterItemComponent;
 }());
-GridsterItemComponent.decorators = [
-    { type: core_1.Component, args: [{
-                selector: 'gridster-item',
-                template: "<ng-content></ng-content> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.s || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-s\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.e || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-e\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.n || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-n\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.w || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-w\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.se || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-se\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.ne || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-ne\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.sw || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-sw\"></div> <div (mousedown)=\"resize.dragStart($event)\" (touchstart)=\"resize.dragStart($event)\"      [hidden]=\"!gridster.$options.resizable.handles.nw || !resize.resizeEnabled\"      class=\"gridster-item-resizable-handler handle-nw\"></div>",
-                styles: [":host {   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;   box-sizing: border-box;   z-index: 1;   position: absolute;   overflow: hidden;   transition: .3s;   display: none;   background: white; }  :host(.gridster-item-moving) {   cursor: move; }  :host(.gridster-item-resizing), :host(.gridster-item-moving) {   transition: 0s;   z-index: 2;   box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); }  .gridster-item-resizable-handler {   position: absolute;   z-index: 2; }  .gridster-item-resizable-handler.handle-n {   cursor: n-resize;   height: 10px;   right: 0;   top: 0;   left: 0; }  .gridster-item-resizable-handler.handle-e {   cursor: e-resize;   width: 10px;   bottom: 0;   right: 0;   top: 0; }  .gridster-item-resizable-handler.handle-s {   cursor: s-resize;   height: 10px;   right: 0;   bottom: 0;   left: 0; }  .gridster-item-resizable-handler.handle-w {   cursor: w-resize;   width: 10px;   left: 0;   top: 0;   bottom: 0; }  .gridster-item-resizable-handler.handle-ne {   cursor: ne-resize;   width: 10px;   height: 10px;   right: 0;   top: 0; }  .gridster-item-resizable-handler.handle-nw {   cursor: nw-resize;   width: 10px;   height: 10px;   left: 0;   top: 0; }  .gridster-item-resizable-handler.handle-se {   cursor: se-resize;   width: 0;   height: 0;   right: 0;   bottom: 0;   border-style: solid;   border-width: 0 0 10px 10px;   border-color: transparent; }  .gridster-item-resizable-handler.handle-sw {   cursor: sw-resize;   width: 10px;   height: 10px;   left: 0;   bottom: 0; }  :host /deep/ .gridster-item-content {   -webkit-user-select: auto;   -moz-user-select: auto;   -ms-user-select: auto;   user-select: auto; }  :host(:hover) .gridster-item-resizable-handler.handle-se {   border-color: transparent transparent #ccc }"]
-            },] },
-];
-/** @nocollapse */
-GridsterItemComponent.ctorParameters = function () { return [
-    { type: core_1.ElementRef, },
-    { type: gridster_component_1.GridsterComponent, decorators: [{ type: core_1.Host },] },
-    { type: core_1.Renderer2, },
-]; };
-GridsterItemComponent.propDecorators = {
-    'item': [{ type: core_1.Input },],
-    'itemChange': [{ type: core_1.Output },],
-    'itemResize': [{ type: core_1.Output },],
-};
 exports.GridsterItemComponent = GridsterItemComponent;
 //# sourceMappingURL=gridsterItem.component.js.map

dist/gridsterPreview.component.js

@@ -31,18 +31,18 @@ "use strict";
     };
+    GridsterPreviewComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'gridster-preview',
+                    template: '',
+                    styles: [":host {   background: rgba(0, 0, 0, 0.15);   position: absolute; }"]
+                },] },
+    ];
+    /** @nocollapse */
+    GridsterPreviewComponent.ctorParameters = function () { return [
+        { type: core_1.ElementRef, },
+        { type: gridster_component_1.GridsterComponent, decorators: [{ type: core_1.Host },] },
+        { type: core_1.Renderer2, },
+    ]; };
     return GridsterPreviewComponent;
 }());
-GridsterPreviewComponent.decorators = [
-    { type: core_1.Component, args: [{
-                selector: 'gridster-preview',
-                template: '',
-                styles: [":host {   background: rgba(0, 0, 0, 0.15);   position: absolute; }"]
-            },] },
-];
-/** @nocollapse */
-GridsterPreviewComponent.ctorParameters = function () { return [
-    { type: core_1.ElementRef, },
-    { type: gridster_component_1.GridsterComponent, decorators: [{ type: core_1.Host },] },
-    { type: core_1.Renderer2, },
-]; };
 exports.GridsterPreviewComponent = GridsterPreviewComponent;
 //# sourceMappingURL=gridsterPreview.component.js.map

dist/gridsterPush.service.js

@@ -174,13 +174,13 @@ "use strict";
     };
+    GridsterPush.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    GridsterPush.ctorParameters = function () { return [
+        { type: gridsterItem_component_1.GridsterItemComponent, },
+        { type: gridster_component_1.GridsterComponent, },
+    ]; };
     return GridsterPush;
 }());
-GridsterPush.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-GridsterPush.ctorParameters = function () { return [
-    { type: gridsterItem_component_1.GridsterItemComponent, },
-    { type: gridster_component_1.GridsterComponent, },
-]; };
 exports.GridsterPush = GridsterPush;
 //# sourceMappingURL=gridsterPush.service.js.map

dist/gridsterResizable.service.js

@@ -277,13 +277,13 @@ "use strict";
     };
+    GridsterResizable.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    GridsterResizable.ctorParameters = function () { return [
+        { type: gridsterItem_component_1.GridsterItemComponent, },
+        { type: gridster_component_1.GridsterComponent, },
+    ]; };
     return GridsterResizable;
 }());
-GridsterResizable.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-GridsterResizable.ctorParameters = function () { return [
-    { type: gridsterItem_component_1.GridsterItemComponent, },
-    { type: gridster_component_1.GridsterComponent, },
-]; };
 exports.GridsterResizable = GridsterResizable;
 //# sourceMappingURL=gridsterResizable.service.js.map

dist/gridsterSwap.service.js

@@ -69,13 +69,13 @@ "use strict";
     };
+    GridsterSwap.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    GridsterSwap.ctorParameters = function () { return [
+        { type: gridsterItem_component_1.GridsterItemComponent, },
+        { type: gridster_component_1.GridsterComponent, },
+    ]; };
     return GridsterSwap;
 }());
-GridsterSwap.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-GridsterSwap.ctorParameters = function () { return [
-    { type: gridsterItem_component_1.GridsterItemComponent, },
-    { type: gridster_component_1.GridsterComponent, },
-]; };
 exports.GridsterSwap = GridsterSwap;
 //# sourceMappingURL=gridsterSwap.service.js.map

dist/gridsterUtils.service.js

@@ -32,10 +32,10 @@ "use strict";
     };
+    GridsterUtils.decorators = [
+        { type: core_1.Injectable },
+    ];
+    /** @nocollapse */
+    GridsterUtils.ctorParameters = function () { return []; };
     return GridsterUtils;
 }());
-GridsterUtils.decorators = [
-    { type: core_1.Injectable },
-];
-/** @nocollapse */
-GridsterUtils.ctorParameters = function () { return []; };
 exports.GridsterUtils = GridsterUtils;
 //# sourceMappingURL=gridsterUtils.service.js.map

package.json

 {
   "name": "angular-gridster2",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "license": "MIT",
@@ -65,3 +65,3 @@ "main": "dist/index.js",
     "@types/node": "8.0.7",
-    "codelyzer": "3.1.1",
+    "codelyzer": "3.1.2",
     "core-js": "2.4.1",
@@ -82,10 +82,10 @@ "gulp": "3.9.1",
     "systemjs": "0.20.14",
-    "rxjs": "5.4.1",
+    "rxjs": "5.4.2",
     "ts-helpers": "1.1.2",
-    "ts-node": "3.1.0",
+    "ts-node": "3.2.0",
     "tslib": "1.7.1",
     "tslint": "5.4.3",
-    "typescript": "2.3.4",
+    "typescript": "2.4.1",
     "zone.js": "0.8.12"
   }
 }

README.md

@@ -129,2 +129,3 @@ angular-gridster2
   fixedRowHeight: 250, // fixed row height for gridType: 'fixed'
+  keepFixedHeightInMobile: false, // keep the height from fixed gridType in mobile layout
   compactType: 'none', // compact items: 'none' | 'compactUp' | 'compactLeft' | 'compactUp&Left' | 'compactLeft&Up'
@@ -131,0 +132,0 @@ mobileBreakpoint: 640, // if the screen is not wider that this, remove the grid layout and stack the items

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

214199

increased by0.52%

Lines of code

2014

increased by0.35%

Number of lines in readme file

261

increased by0.38%

No dependency changes