@schneideress/dashboardframework 0.0.32 → 0.0.34

package/fesm2015/schneideress-dashboardframework.js

@@ -7,11 +7,12 @@ import { NotifierService, NotifierModule } from 'angular-notifier';
 import { TranslateService, TranslateModule } from '@schneideress/ess-base';
 import { BrowserModule } from '@angular/platform-browser';
 import { HttpClientModule } from '@angular/common/http';
+import { PerfectScrollbarModule, PERFECT_SCROLLBAR_CONFIG } from 'ngx-perfect-scrollbar';
 import { CommonModule } from '@angular/common';
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RaDashboardService extends BaseService {
     /**
@@ -140,11 +141,18 @@ RaDashboardService.decorators = [
 RaDashboardService.ctorParameters = () => [
     { type: Injector }
 ];
-/** @nocollapse */ RaDashboardService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(ɵɵinject(INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
+/** @nocollapse */ RaDashboardService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(ɵɵinject(INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    RaDashboardService.prototype.loadedScripts;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RADashboardEventBus {
     constructor() {
@@ -214,11 +222,18 @@ RADashboardEventBus.decorators = [
                 providedIn: 'root'
             },] }
 ];
-/** @nocollapse */ RADashboardEventBus.ngInjectableDef = ɵɵdefineInjectable({ factory: function RADashboardEventBus_Factory() { return new RADashboardEventBus(); }, token: RADashboardEventBus, providedIn: "root" });
+/** @nocollapse */ RADashboardEventBus.ngInjectableDef = ɵɵdefineInjectable({ factory: function RADashboardEventBus_Factory() { return new RADashboardEventBus(); }, token: RADashboardEventBus, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardEventBus.prototype.eventQueue;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 const RAEvent = {
@@ -254,6 +269,8 @@ const RAEvent = {
     widgetLibraryDoneClick: "widgetLibraryDoneClick",
     /**refresh favorite icon after srtting and resetting favorites */
     favoriteIconRefresh: "favoriteIconRefresh",
+    /**to refresh menu content */
+    QuickLinkRefresh: "QuickLinkRefresh",
 };
 /** @enum {string} */
 const RAEventKey = {
@@ -263,7 +280,7 @@ const RAEventKey = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @enum {string} */
 const GridType = {
@@ -290,11 +307,196 @@ const CompactType = {
     CompactRight: 'compactRight',
     CompactUpAndRight: 'compactUp&Right',
     CompactRightAndUp: 'compactRight&Up',
-};
+};
+/**
+ * @record
+ */
+function GridsterConfig() { }
+if (false) {
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.gridType;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.fixedColWidth;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.fixedRowHeight;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.keepFixedHeightInMobile;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.keepFixedWidthInMobile;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.setGridSize;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.compactType;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.mobileBreakpoint;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.minCols;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.maxCols;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.minRows;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.maxRows;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.defaultItemCols;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.defaultItemRows;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.maxItemCols;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.maxItemRows;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.minItemCols;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.minItemRows;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.minItemArea;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.maxItemArea;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.margin;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.outerMargin;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.outerMarginTop;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.outerMarginRight;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.outerMarginBottom;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.outerMarginLeft;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.useTransformPositioning;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.scrollSensitivity;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.scrollSpeed;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.initCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.destroyCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.gridSizeChangedCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.itemChangeCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.itemResizeCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.itemInitCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.itemRemovedCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.itemValidateCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.draggable;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.resizable;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.swap;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.pushItems;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.disablePushOnDrag;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.disablePushOnResize;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.disableAutoPositionOnConflict;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.pushDirections;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.pushResizeItems;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.displayGrid;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.disableWindowResize;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.disableWarnings;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.scrollToNewItems;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.enableEmptyCellClick;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.enableEmptyCellContextMenu;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.enableEmptyCellDrop;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.enableEmptyCellDrag;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.emptyCellClickCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.emptyCellContextMenuCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.emptyCellDropCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.emptyCellDragCallback;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.emptyCellDragMaxCols;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.emptyCellDragMaxRows;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.ignoreMarginInRow;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.autoResizeonDrag;
+    /** @type {?|undefined} */
+    GridsterConfig.prototype.api;
+    /* Skipping unhandled member: [propName: string]: any;*/
+}
+/**
+ * @record
+ */
+function DragBase() { }
+if (false) {
+    /** @type {?|undefined} */
+    DragBase.prototype.enabled;
+    /** @type {?|undefined} */
+    DragBase.prototype.stop;
+    /** @type {?|undefined} */
+    DragBase.prototype.start;
+    /** @type {?|undefined} */
+    DragBase.prototype.delayStart;
+}
+/**
+ * @record
+ */
+function Draggable() { }
+if (false) {
+    /** @type {?|undefined} */
+    Draggable.prototype.ignoreContentClass;
+    /** @type {?|undefined} */
+    Draggable.prototype.ignoreContent;
+    /** @type {?|undefined} */
+    Draggable.prototype.dragHandleClass;
+    /** @type {?|undefined} */
+    Draggable.prototype.dropOverItems;
+    /** @type {?|undefined} */
+    Draggable.prototype.dropOverItemsCallback;
+}
+/**
+ * @record
+ */
+function Resizable() { }
+if (false) {
+    /** @type {?|undefined} */
+    Resizable.prototype.handles;
+}
+/**
+ * @record
+ */
+function PushDirections() { }
+if (false) {
+    /** @type {?} */
+    PushDirections.prototype.north;
+    /** @type {?} */
+    PushDirections.prototype.east;
+    /** @type {?} */
+    PushDirections.prototype.south;
+    /** @type {?} */
+    PushDirections.prototype.west;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 const GridsterConfigDefaultSettings = {
@@ -356,7 +558,7 @@ const GridsterConfigDefaultSettings = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RADashboardArea {
     /**
@@ -564,6 +766,12 @@ class RADashboardArea {
         let areaScrollHeight = 0;
         /** @type {?} */
         let areaHeight = 0;
+        /** @type {?} */
+        let curRowHeight = 0;
+        if (this.options.api) {
+            curRowHeight = this.options.api.getCurrentRowHeight();
+            areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 2;
+        }
         this.widgetList.forEach((/**
          * @param {?} t
          * @return {?}
@@ -574,10 +782,14 @@ class RADashboardArea {
             if (currentHeight > areaScrollHeight) {
                 areaScrollHeight = currentHeight;
             }
+            if (curRowHeight == 0 || curRowHeight == 2) {
+                if (this.widgetList && this.widgetList.length > 0)
+                    t.widgetInfo.rowHeight = this.widgetList[0].curRowHeight;
+            }
+            else {
+                t.widgetInfo.rowHeight = curRowHeight;
+            }
         }));
-        if (this.options.api) {
-            areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 2;
-        }
         if (areaHeight < 600) {
             areaHeight = 600;
         }
@@ -701,6 +913,7 @@ class RADashboardArea {
         widget.width = widgetItem.cols;
         widget.position_x = widgetItem.x;
         widget.position_y = widgetItem.y;
+        widget.rowHeight = widgetItem.curRowHeight;
         return widget;
     }
     /**
@@ -723,7 +936,7 @@ class RADashboardArea {
 RADashboardArea.decorators = [
     { type: Component, args: [{
                 selector: 'ra-dashboard-area',
-                template: "<div #gridWrapper class=\"wrap gridster\" [style.height.px]=\"gridheight\">\r\n<!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n        [global-filter]=\"globalFilter\" [widget-width]=\"item.cols\" [widget-instance-id]=\"item.widgetInstanceId\"></ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n  <notifier-container></notifier-container>\r\n</div>\r\n\r\n",
+                template: "<div #gridWrapper class=\"wrap gridster\" [style.height.px]=\"gridheight\">\r\n<!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n        [global-filter]=\"globalFilter\" [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\"></ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n  <notifier-container></notifier-container>\r\n</div>\r\n\r\n",
                 styles: ["gridster{width:inherit;resize:height;display:flex}gridster-item{background:#fff!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}"]
             }] }
 ];
@@ -743,11 +956,83 @@ RADashboardArea.propDecorators = {
     widgetHeight: [{ type: Input, args: ['widget-height',] }],
     widgetWidth: [{ type: Input, args: ['widget-width',] }],
     appConfig: [{ type: Input, args: ['app-config',] }]
-};
+};
+if (false) {
+    /** @type {?} */
+    RADashboardArea.prototype.widgetList;
+    /** @type {?} */
+    RADashboardArea.prototype.options;
+    /** @type {?} */
+    RADashboardArea.prototype.gridheight;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.conifgAddClick;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.widgetDeleteEvent;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.widgetAddEvent;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.widgetLibraryDoneClick;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.isWidgetLoaded;
+    /** @type {?} */
+    RADashboardArea.prototype.userDashboardId;
+    /** @type {?} */
+    RADashboardArea.prototype.areaKey;
+    /** @type {?} */
+    RADashboardArea.prototype.globalFilter;
+    /** @type {?} */
+    RADashboardArea.prototype.raDashboardEventBus;
+    /** @type {?} */
+    RADashboardArea.prototype.widgetHeight;
+    /** @type {?} */
+    RADashboardArea.prototype.widgetWidth;
+    /** @type {?} */
+    RADashboardArea.prototype.appConfig;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.dashboardService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.ngZone;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.ngxService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.translateService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.notifier;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RAWidgetContainer {
     /**
@@ -789,11 +1074,14 @@ class RAWidgetContainer {
         if (this.widgetElement && changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
             this.refreshWidget(this.data.widgetInfo);
         }
-        if (changes.widgetWidth && changes.widgetWidth.currentValue != changes.widgetWidth.previousValue) {
+        if (changes.width && changes.width.currentValue != changes.width.previousValue) {
             this.data.widgetInfo.isDimensionUpdate = true;
             this.refreshWidget(this.data.widgetInfo);
             this.data.widgetInfo.isDimensionUpdate = false;
         }
+        if (changes.height && changes.height.currentValue != changes.height.previousValue) {
+            this.setWidgetheight();
+        }
     }
     /**
      * @return {?}
@@ -867,6 +1155,12 @@ class RAWidgetContainer {
         this.refreshWidget(this.data.widgetInfo);
         // this.updateWidget(widgetInfo);
     }
+    /**
+     * @return {?}
+     */
+    setWidgetheight() {
+        this.widgetHeight = this.data.widgetInfo.height * this.data.widgetInfo.rowHeight + 2;
+    }
     /**
      * To load external custom element to the widget container
      * @param {?} widgetInfo
@@ -898,6 +1192,7 @@ class RAWidgetContainer {
             }));
             this.ctlWidget.nativeElement.appendChild(this.widgetElement);
         }));
+        this.setWidgetheight();
     }
     /**
      * To refresh widget on input config changes
@@ -922,7 +1217,7 @@ class RAWidgetContainer {
 RAWidgetContainer.decorators = [
     { type: Component, args: [{
                 selector: 'ra-widget-container',
-                template: "<div class=\"wc-wrapper\">\r\n  <div class=\"wcheader\">\r\n    <div class=\"col-md-12 wc-mover\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-11 float-left\" style=\"width:96%;\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\">\r\n          <div class=\"float-right\">\r\n            <div class=\"dropdown\">\r\n              <div class=\"dropbtn gearIcon\"> <i class=\"fal fa-cog\"></i></div>\r\n              <div class=\"dropdown-content widget-config-item\">\r\n                <a (click)=\"editWidget()\">\r\n                  <i class=\"fal fa-edit\"></i>\r\n                  <span>{{'Edit'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"copyWidget()\">\r\n                  <i class=\"fal fa-copy\"></i>\r\n                  <span>{{'Copy'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"moveWidget()\">\r\n                  <i class=\"fal fa-arrows-alt\"></i>\r\n                  <span>{{'Move'|translate}}</span>\r\n                </a>\r\n                <hr class=\"hr\">\r\n                <a (click)=\"deleteWidget()\">\r\n                  <i class=\"fal fa-times\" style=\"padding-left: 3px;\"></i>\r\n                  <span>{{'Delete'|translate}}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\">\r\n    <div class=\"wcBodyBorder\" #ctlWidget></div>\r\n  </div>\r\n</div>",
+                template: "<div class=\"wc-wrapper\">\r\n  <div class=\"wcheader\">\r\n    <div class=\"col-md-12 wc-mover\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-11 float-left\" style=\"width:96%;\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\">\r\n          <div class=\"float-right\">\r\n            <div class=\"dropdown\">\r\n              <div class=\"dropbtn gearIcon\"> <i class=\"fal fa-cog\"></i></div>\r\n              <div class=\"dropdown-content widget-config-item\">\r\n                <a (click)=\"editWidget()\">\r\n                  <i class=\"fal fa-edit\"></i>\r\n                  <span>{{'Edit'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"copyWidget()\">\r\n                  <i class=\"fal fa-copy\"></i>\r\n                  <span>{{'Copy'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"moveWidget()\">\r\n                  <i class=\"fal fa-arrows-alt\"></i>\r\n                  <span>{{'Move'|translate}}</span>\r\n                </a>\r\n                <hr class=\"hr\">\r\n                <a (click)=\"deleteWidget()\">\r\n                  <i class=\"fal fa-times\" style=\"padding-left: 3px;\"></i>\r\n                  <span>{{'Delete'|translate}}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\" [style.height.px]=\"widgetHeight\">\r\n      <perfect-scrollbar>\r\n      <div class=\"wcBodyBorder\" #ctlWidget></div>\r\n      </perfect-scrollbar>\r\n  </div>\r\n</div>\r\n",
                 styles: [".wcheader{width:100%;height:26px;background:#fff;color:#3dcd58;padding:7px 7px 0 6px;font-family:\"Arial Rounded MT\";border-bottom:1px solid;border-color:#fff;font-size:16px}.wc-mover{cursor:all-scroll}.wcBody{padding:8px}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:1;font-size:12px;font-family:\"Arial Rounded MT\"}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.dropdown:hover .dropbtn{color:#2b7797}.gearIcon{color:#42b4e6}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}"]
             }] }
 ];
@@ -941,13 +1236,81 @@ RAWidgetContainer.propDecorators = {
     data: [{ type: Input, args: ['data',] }],
     raDashboardEventBus: [{ type: Input, args: ['event-bus',] }],
     appConfig: [{ type: Input, args: ['app-config',] }],
-    widgetWidth: [{ type: Input, args: ['widget-width',] }],
+    width: [{ type: Input, args: ['widget-width',] }],
+    height: [{ type: Input, args: ['widget-height',] }],
     widgetDeleted: [{ type: Output }]
-};
+};
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.isWidgetLoaded;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.widgetElement;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.configChanged;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.isIEOrEdge;
+    /** @type {?} */
+    RAWidgetContainer.prototype.widgetHeight;
+    /** @type {?} */
+    RAWidgetContainer.prototype.ctlWidget;
+    /** @type {?} */
+    RAWidgetContainer.prototype.widgetInstanceId;
+    /** @type {?} */
+    RAWidgetContainer.prototype.globalFilter;
+    /** @type {?} */
+    RAWidgetContainer.prototype.data;
+    /** @type {?} */
+    RAWidgetContainer.prototype.raDashboardEventBus;
+    /** @type {?} */
+    RAWidgetContainer.prototype.appConfig;
+    /** @type {?} */
+    RAWidgetContainer.prototype.width;
+    /** @type {?} */
+    RAWidgetContainer.prototype.height;
+    /** @type {?} */
+    RAWidgetContainer.prototype.widgetDeleted;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.dashboardService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.ngxService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.translateService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.ngZone;
+    /**
+     * @type {?}
+     * @private
+     */
+    RAWidgetContainer.prototype.notifier;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 const customNotifierOptions = {
@@ -993,7 +1356,7 @@ const customNotifierOptions = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 const GridsterConfigService = {
@@ -1171,7 +1534,7 @@ const GridsterConfigService = {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterUtils {
     /**
@@ -1307,17 +1670,91 @@ GridsterUtils.decorators = [
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
  */
 class GridsterComponentInterface {
+}
+if (false) {
+    /** @type {?} */
+    GridsterComponentInterface.prototype.$options;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.grid;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.checkCollision;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.positionXToPixels;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.pixelsToPositionX;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.positionYToPixels;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.pixelsToPositionY;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.findItemWithItem;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.findItemsWithItem;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.checkGridCollision;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.el;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.renderer;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.gridRenderer;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.cdRef;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.options;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.calculateLayoutDebounce;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.updateGrid;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.movingItem;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.addItem;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.removeItem;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.previewStyle;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.mobile;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.curWidth;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.curHeight;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.columns;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.rows;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.curColWidth;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.curRowHeight;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.windowResize;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.setGridDimensions;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.dragInProgress;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.emptyCell;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.compact;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.zone;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.gridRows;
+    /** @type {?} */
+    GridsterComponentInterface.prototype.gridColumns;
 }
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterEmptyCell {
     /**
@@ -1594,11 +2031,44 @@ GridsterEmptyCell.decorators = [
 /** @nocollapse */
 GridsterEmptyCell.ctorParameters = () => [
     { type: GridsterComponentInterface }
-];
+];
+if (false) {
+    /** @type {?} */
+    GridsterEmptyCell.prototype.initialItem;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellClick;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellClickTouch;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellContextMenu;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellDrop;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellDrag;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellDragTouch;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellMMove;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellMMoveTouch;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellUp;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellUpTouch;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellMove;
+    /** @type {?} */
+    GridsterEmptyCell.prototype.emptyCellExit;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterEmptyCell.prototype.gridster;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterCompact {
     /**
@@ -1807,11 +2277,18 @@ GridsterCompact.decorators = [
 /** @nocollapse */
 GridsterCompact.ctorParameters = () => [
     { type: GridsterComponentInterface }
-];
+];
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterCompact.prototype.gridster;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterRenderer {
     /**
@@ -2074,11 +2551,18 @@ GridsterRenderer.decorators = [
 /** @nocollapse */
 GridsterRenderer.ctorParameters = () => [
     { type: GridsterComponentInterface }
-];
+];
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterRenderer.prototype.gridster;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterComponent {
     /**
@@ -2212,6 +2696,17 @@ class GridsterComponent {
         if (this.options.destroyCallback) {
             this.options.destroyCallback(this);
         }
+        //if (this.options.api) {
+        /* this.options.api getting undefined for new dashboard load- temp fix
+        *  on new dashboard area load, old dashboard area gets destroyed, but that leads to
+        *  ondestroy of current this.options.api instance - needs to investigate further
+        */
+        if (false) {
+            this.options.api.resize = undefined;
+            this.options.api.optionsChanged = undefined;
+            this.options.api.getNextPossiblePosition = undefined;
+            this.options.api = undefined;
+        }
         this.emptyCell.destroy();
         delete this.emptyCell;
         this.compact.destroy();
@@ -2707,21 +3202,109 @@ GridsterComponent.ctorParameters = () => [
 ];
 GridsterComponent.propDecorators = {
     options: [{ type: Input }]
-};
+};
+if (false) {
+    /** @type {?} */
+    GridsterComponent.prototype.options;
+    /** @type {?} */
+    GridsterComponent.prototype.calculateLayoutDebounce;
+    /** @type {?} */
+    GridsterComponent.prototype.movingItem;
+    /** @type {?} */
+    GridsterComponent.prototype.previewStyle;
+    /** @type {?} */
+    GridsterComponent.prototype.el;
+    /** @type {?} */
+    GridsterComponent.prototype.$options;
+    /** @type {?} */
+    GridsterComponent.prototype.mobile;
+    /** @type {?} */
+    GridsterComponent.prototype.curWidth;
+    /** @type {?} */
+    GridsterComponent.prototype.curHeight;
+    /** @type {?} */
+    GridsterComponent.prototype.grid;
+    /** @type {?} */
+    GridsterComponent.prototype.columns;
+    /** @type {?} */
+    GridsterComponent.prototype.rows;
+    /** @type {?} */
+    GridsterComponent.prototype.curColWidth;
+    /** @type {?} */
+    GridsterComponent.prototype.curRowHeight;
+    /** @type {?} */
+    GridsterComponent.prototype.gridColumns;
+    /** @type {?} */
+    GridsterComponent.prototype.gridRows;
+    /** @type {?} */
+    GridsterComponent.prototype.windowResize;
+    /** @type {?} */
+    GridsterComponent.prototype.dragInProgress;
+    /** @type {?} */
+    GridsterComponent.prototype.emptyCell;
+    /** @type {?} */
+    GridsterComponent.prototype.compact;
+    /** @type {?} */
+    GridsterComponent.prototype.gridRenderer;
+    /** @type {?} */
+    GridsterComponent.prototype.renderer;
+    /** @type {?} */
+    GridsterComponent.prototype.cdRef;
+    /** @type {?} */
+    GridsterComponent.prototype.zone;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
  */
 class GridsterItemComponentInterface {
+}
+if (false) {
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.item;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.$item;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.top;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.left;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.width;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.height;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.drag;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.resize;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.notPlaced;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.updateOptions;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.itemChanged;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.setSize;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.checkItemChanges;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.canBeDragged;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.canBeResized;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.el;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.gridster;
+    /** @type {?} */
+    GridsterItemComponentInterface.prototype.renderer;
 }
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterSwap {
     /**
@@ -2832,11 +3415,28 @@ GridsterSwap.decorators = [
 /** @nocollapse */
 GridsterSwap.ctorParameters = () => [
     { type: GridsterItemComponentInterface }
-];
+];
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterSwap.prototype.swapedItem;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterSwap.prototype.gridsterItem;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterSwap.prototype.gridster;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
 let scrollSensitivity;
@@ -3031,7 +3631,7 @@ function cancelN() {
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPush {
     /**
@@ -3442,11 +4042,61 @@ GridsterPush.decorators = [
 /** @nocollapse */
 GridsterPush.ctorParameters = () => [
     { type: GridsterItemComponentInterface }
-];
+];
+if (false) {
+    /** @type {?} */
+    GridsterPush.prototype.fromSouth;
+    /** @type {?} */
+    GridsterPush.prototype.fromNorth;
+    /** @type {?} */
+    GridsterPush.prototype.fromEast;
+    /** @type {?} */
+    GridsterPush.prototype.fromWest;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPush.prototype.pushedItems;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPush.prototype.pushedItemsTemp;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPush.prototype.pushedItemsTempPath;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPush.prototype.pushedItemsPath;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPush.prototype.gridsterItem;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPush.prototype.gridster;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPush.prototype.pushedItemsOrder;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPush.prototype.tryPattern;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterDraggable {
     /**
@@ -3724,6 +4374,10 @@ class GridsterDraggable {
             this.gridsterItem.$item.cols = itemColsbackup;
             this.gridsterItem.$item.rows = itemRowsbackup;
         }
+        else {
+            // this.gridsterItem.item.rows=this.gridsterItem.$item.rows;
+            // this.gridsterItem.item.cols=this.gridsterItem.$item.cols;
+        }
         return this.gridsterItem.$item;
     }
     /**
@@ -3868,11 +4522,84 @@ GridsterDraggable.ctorParameters = () => [
     { type: GridsterItemComponentInterface },
     { type: GridsterComponentInterface },
     { type: NgZone }
-];
+];
+if (false) {
+    /** @type {?} */
+    GridsterDraggable.prototype.gridsterItem;
+    /** @type {?} */
+    GridsterDraggable.prototype.gridster;
+    /** @type {?} */
+    GridsterDraggable.prototype.lastMouse;
+    /** @type {?} */
+    GridsterDraggable.prototype.offsetLeft;
+    /** @type {?} */
+    GridsterDraggable.prototype.offsetTop;
+    /** @type {?} */
+    GridsterDraggable.prototype.margin;
+    /** @type {?} */
+    GridsterDraggable.prototype.diffTop;
+    /** @type {?} */
+    GridsterDraggable.prototype.diffLeft;
+    /** @type {?} */
+    GridsterDraggable.prototype.top;
+    /** @type {?} */
+    GridsterDraggable.prototype.left;
+    /** @type {?} */
+    GridsterDraggable.prototype.height;
+    /** @type {?} */
+    GridsterDraggable.prototype.width;
+    /** @type {?} */
+    GridsterDraggable.prototype.positionX;
+    /** @type {?} */
+    GridsterDraggable.prototype.positionY;
+    /** @type {?} */
+    GridsterDraggable.prototype.positionXBackup;
+    /** @type {?} */
+    GridsterDraggable.prototype.positionYBackup;
+    /** @type {?} */
+    GridsterDraggable.prototype.enabled;
+    /** @type {?} */
+    GridsterDraggable.prototype.dragStartFunction;
+    /** @type {?} */
+    GridsterDraggable.prototype.dragFunction;
+    /** @type {?} */
+    GridsterDraggable.prototype.dragStopFunction;
+    /** @type {?} */
+    GridsterDraggable.prototype.mousemove;
+    /** @type {?} */
+    GridsterDraggable.prototype.mouseup;
+    /** @type {?} */
+    GridsterDraggable.prototype.mouseleave;
+    /** @type {?} */
+    GridsterDraggable.prototype.cancelOnBlur;
+    /** @type {?} */
+    GridsterDraggable.prototype.touchmove;
+    /** @type {?} */
+    GridsterDraggable.prototype.touchend;
+    /** @type {?} */
+    GridsterDraggable.prototype.touchcancel;
+    /** @type {?} */
+    GridsterDraggable.prototype.mousedown;
+    /** @type {?} */
+    GridsterDraggable.prototype.touchstart;
+    /** @type {?} */
+    GridsterDraggable.prototype.push;
+    /** @type {?} */
+    GridsterDraggable.prototype.swap;
+    /** @type {?} */
+    GridsterDraggable.prototype.path;
+    /** @type {?} */
+    GridsterDraggable.prototype.collision;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterDraggable.prototype.zone;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPushResize {
     /**
@@ -4188,11 +4915,46 @@ GridsterPushResize.decorators = [
 /** @nocollapse */
 GridsterPushResize.ctorParameters = () => [
     { type: GridsterItemComponentInterface }
-];
+];
+if (false) {
+    /** @type {?} */
+    GridsterPushResize.prototype.fromSouth;
+    /** @type {?} */
+    GridsterPushResize.prototype.fromNorth;
+    /** @type {?} */
+    GridsterPushResize.prototype.fromEast;
+    /** @type {?} */
+    GridsterPushResize.prototype.fromWest;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPushResize.prototype.pushedItems;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPushResize.prototype.pushedItemsPath;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPushResize.prototype.gridsterItem;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPushResize.prototype.gridster;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterPushResize.prototype.tryPattern;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterResizable {
     /**
@@ -4658,11 +5420,86 @@ GridsterResizable.ctorParameters = () => [
     { type: GridsterItemComponentInterface },
     { type: GridsterComponentInterface },
     { type: NgZone }
-];
+];
+if (false) {
+    /** @type {?} */
+    GridsterResizable.prototype.gridsterItem;
+    /** @type {?} */
+    GridsterResizable.prototype.gridster;
+    /** @type {?} */
+    GridsterResizable.prototype.lastMouse;
+    /** @type {?} */
+    GridsterResizable.prototype.itemBackup;
+    /** @type {?} */
+    GridsterResizable.prototype.resizeEventScrollType;
+    /** @type {?} */
+    GridsterResizable.prototype.directionFunction;
+    /** @type {?} */
+    GridsterResizable.prototype.dragFunction;
+    /** @type {?} */
+    GridsterResizable.prototype.dragStopFunction;
+    /** @type {?} */
+    GridsterResizable.prototype.resizeEnabled;
+    /** @type {?} */
+    GridsterResizable.prototype.mousemove;
+    /** @type {?} */
+    GridsterResizable.prototype.mouseup;
+    /** @type {?} */
+    GridsterResizable.prototype.mouseleave;
+    /** @type {?} */
+    GridsterResizable.prototype.cancelOnBlur;
+    /** @type {?} */
+    GridsterResizable.prototype.touchmove;
+    /** @type {?} */
+    GridsterResizable.prototype.touchend;
+    /** @type {?} */
+    GridsterResizable.prototype.touchcancel;
+    /** @type {?} */
+    GridsterResizable.prototype.push;
+    /** @type {?} */
+    GridsterResizable.prototype.pushResize;
+    /** @type {?} */
+    GridsterResizable.prototype.minHeight;
+    /** @type {?} */
+    GridsterResizable.prototype.minWidth;
+    /** @type {?} */
+    GridsterResizable.prototype.offsetTop;
+    /** @type {?} */
+    GridsterResizable.prototype.offsetLeft;
+    /** @type {?} */
+    GridsterResizable.prototype.diffTop;
+    /** @type {?} */
+    GridsterResizable.prototype.diffLeft;
+    /** @type {?} */
+    GridsterResizable.prototype.diffRight;
+    /** @type {?} */
+    GridsterResizable.prototype.diffBottom;
+    /** @type {?} */
+    GridsterResizable.prototype.margin;
+    /** @type {?} */
+    GridsterResizable.prototype.top;
+    /** @type {?} */
+    GridsterResizable.prototype.left;
+    /** @type {?} */
+    GridsterResizable.prototype.bottom;
+    /** @type {?} */
+    GridsterResizable.prototype.right;
+    /** @type {?} */
+    GridsterResizable.prototype.width;
+    /** @type {?} */
+    GridsterResizable.prototype.height;
+    /** @type {?} */
+    GridsterResizable.prototype.newPosition;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterResizable.prototype.zone;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterItemComponent {
     /**
@@ -4833,11 +5670,44 @@ GridsterItemComponent.ctorParameters = () => [
 ];
 GridsterItemComponent.propDecorators = {
     item: [{ type: Input }]
-};
+};
+if (false) {
+    /** @type {?} */
+    GridsterItemComponent.prototype.item;
+    /** @type {?} */
+    GridsterItemComponent.prototype.$item;
+    /** @type {?} */
+    GridsterItemComponent.prototype.el;
+    /** @type {?} */
+    GridsterItemComponent.prototype.gridster;
+    /** @type {?} */
+    GridsterItemComponent.prototype.top;
+    /** @type {?} */
+    GridsterItemComponent.prototype.left;
+    /** @type {?} */
+    GridsterItemComponent.prototype.width;
+    /** @type {?} */
+    GridsterItemComponent.prototype.height;
+    /** @type {?} */
+    GridsterItemComponent.prototype.drag;
+    /** @type {?} */
+    GridsterItemComponent.prototype.resize;
+    /** @type {?} */
+    GridsterItemComponent.prototype.notPlaced;
+    /** @type {?} */
+    GridsterItemComponent.prototype.init;
+    /** @type {?} */
+    GridsterItemComponent.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    GridsterItemComponent.prototype.zone;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterPreviewComponent {
     /**
@@ -4889,11 +5759,19 @@ GridsterPreviewComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: GridsterComponent, decorators: [{ type: Host }] },
     { type: Renderer2 }
-];
+];
+if (false) {
+    /** @type {?} */
+    GridsterPreviewComponent.prototype.el;
+    /** @type {?} */
+    GridsterPreviewComponent.prototype.gridster;
+    /** @type {?} */
+    GridsterPreviewComponent.prototype.renderer;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class GridsterModule {
 }
@@ -4915,8 +5793,13 @@ GridsterModule.decorators = [
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/** @type {?} */
+const DEFAULT_PERFECT_SCROLLBAR_CONFIG = {
+    suppressScrollX: true
+};
+const ɵ0 = DEFAULT_PERFECT_SCROLLBAR_CONFIG;
 class DashboardFrameworkModule {
 }
 DashboardFrameworkModule.decorators = [
@@ -4931,20 +5814,24 @@ DashboardFrameworkModule.decorators = [
                     HttpClientModule,
                     NgxUiLoaderModule,
                     TranslateModule,
-                    NotifierModule.withConfig(customNotifierOptions)
+                    NotifierModule.withConfig(customNotifierOptions),
+                    PerfectScrollbarModule
                 ],
                 exports: [
                     RADashboardArea,
                     TranslateModule
                 ],
-                providers: [],
+                providers: [{
+                        provide: PERFECT_SCROLLBAR_CONFIG,
+                        useValue: ɵ0
+                    },],
                 bootstrap: [RADashboardArea]
             },] }
 ];
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -4986,11 +5873,35 @@ RaBaseDashboardTemplate.propDecorators = {
     dashboardId: [{ type: Input, args: ['dashboard-id',] }],
     globalFilter: [{ type: Input, args: ['global-filter',] }],
     initialize: [{ type: Input }]
-};
+};
+if (false) {
+    /** @type {?} */
+    RaBaseDashboardTemplate.prototype.userDashboardId;
+    /** @type {?} */
+    RaBaseDashboardTemplate.prototype.raDashboardEventBus;
+    /** @type {?} */
+    RaBaseDashboardTemplate.prototype.appConfig;
+    /** @type {?} */
+    RaBaseDashboardTemplate.prototype.dashboardId;
+    /** @type {?} */
+    RaBaseDashboardTemplate.prototype.globalFilter;
+    /** @type {?} */
+    RaBaseDashboardTemplate.prototype.initialize;
+    /**
+     * @type {?}
+     * @private
+     */
+    RaBaseDashboardTemplate.prototype.ngZone;
+    /**
+     * @abstract
+     * @return {?}
+     */
+    RaBaseDashboardTemplate.prototype.init = function () { };
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /**
  * @abstract
@@ -5008,7 +5919,29 @@ class RaBaseDashboardFilter {
 }
 RaBaseDashboardFilter.propDecorators = {
     getAllFilterConfig: [{ type: Input }]
-};
+};
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    RaBaseDashboardFilter.prototype.getAllFilterConfig;
+    /**
+     * @abstract
+     * @return {?}
+     */
+    RaBaseDashboardFilter.prototype.getFilterConfig = function () { };
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, GridsterModule as ɵa, GridsterComponent as ɵb, GridsterItemComponent as ɵc, GridsterPreviewComponent as ɵd, customNotifierOptions as ɵe };
 //# sourceMappingURL=schneideress-dashboardframework.js.map