add support for strictNullChecks #102

Author: tiberiuzuld

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-gridster2",
-  "version": "3.11.2",
+  "version": "3.11.3",
   "license": "MIT",
   "main": "dist/index.js",
   "jsnext:main": "dist/index.js",
@@ -46,21 +46,21 @@
   ],
   "dependencies": {},
   "devDependencies": {
-    "@angular/animations": "4.3.4",
+    "@angular/animations": "5.0.0-beta.3",
     "@angular/cdk": "2.0.0-beta.8",
     "@angular/cli": "1.3.0",
-    "@angular/common": "4.3.4",
-    "@angular/compiler": "4.3.4",
-    "@angular/compiler-cli": "4.3.4",
-    "@angular/core": "4.3.4",
-    "@angular/forms": "4.3.4",
-    "@angular/http": "4.3.4",
-    "@angular/language-service": "4.3.4",
+    "@angular/common": "5.0.0-beta.3",
+    "@angular/compiler": "5.0.0-beta.3",
+    "@angular/compiler-cli": "5.0.0-beta.3",
+    "@angular/core": "5.0.0-beta.3",
+    "@angular/forms": "5.0.0-beta.3",
+    "@angular/http": "5.0.0-beta.3",
+    "@angular/language-service": "5.0.0-beta.3",
     "@angular/material": "2.0.0-beta.8",
-    "@angular/platform-browser": "4.3.4",
-    "@angular/platform-browser-dynamic": "4.3.4",
-    "@angular/platform-server": "4.3.4",
-    "@angular/router": "4.3.4",
+    "@angular/platform-browser": "5.0.0-beta.3",
+    "@angular/platform-browser-dynamic": "5.0.0-beta.3",
+    "@angular/platform-server": "5.0.0-beta.3",
+    "@angular/router": "5.0.0-beta.3",
     "@types/jasmine": "2.5.53",
     "@types/node": "8.0.20",
     "codelyzer": "3.1.2",

package.json

@@ -1,5 +1,6 @@
 import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
-import {GridsterConfig, GridsterItem} from '../lib/index';
+import {GridsterItem} from '../lib/index';
+import {GridsterConfigS} from '../lib/gridsterConfigS.interface';
 
 @Component({
   selector: 'gridster-root',
@@ -8,7 +9,7 @@ import {GridsterConfig, GridsterItem} from '../lib/index';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AppComponent implements OnInit {
-  options: GridsterConfig;
+  options: GridsterConfigS;
   dashboard: Array<GridsterItem>;
 
   static eventStop(item, itemComponent, event) {
@@ -56,6 +57,10 @@ export class AppComponent implements OnInit {
       defaultItemRows: 1,
       fixedColWidth: 105,
       fixedRowHeight: 105,
+      keepFixedHeightInMobile: false,
+      keepFixedWidthInMobile: false,
+      scrollSensitivity: 10,
+      scrollSpeed: 20,
       enableEmptyCellClick: false,
       enableEmptyCellDrop: false,
       enableEmptyCellDrag: false,
@@ -66,11 +71,29 @@ export class AppComponent implements OnInit {
       emptyCellDragMaxRows: 50,
       draggable: {
         enabled: true,
+        ignoreContentClass: 'gridster-item-content',
+        ignoreContent: false,
+        dragHandleClass: 'drag-handler',
         stop: AppComponent.eventStop
       },
       resizable: {
         enabled: true,
-        stop: AppComponent.eventStop
+        stop: AppComponent.eventStop,
+        handles: {
+          s: true,
+          e: true,
+          n: true,
+          w: true,
+          se: true,
+          ne: true,
+          sw: true,
+          nw: true
+        }
+      },
+      api: {
+        resize: AppComponent.eventStop,
+        optionsChanged: AppComponent.eventStop,
+        getNextPossiblePosition: AppComponent.eventStop,
       },
       swap: false,
       pushItems: true,
@@ -95,7 +118,9 @@ export class AppComponent implements OnInit {
   }
 
   changedOptions() {
-    this.options.api.optionsChanged();
+    if (this.options.api && this.options.api.optionsChanged) {
+      this.options.api.optionsChanged();
+    }
   }
 
   removeItem($event, item) {