@schneideress/dashboardframework 0.0.52 → 0.0.54

package/fesm5/schneideress-dashboardframework.js

@@ -1,5 +1,5 @@
 import { __extends, __awaiter, __generator, __assign } from 'tslib';
-import { Injectable, Injector, ɵɵdefineInjectable, ɵɵinject, INJECTOR, Component, NgZone, Input, ViewChild, Output, EventEmitter, ViewEncapsulation, ElementRef, Renderer2, ChangeDetectorRef, Host, NgModule } from '@angular/core';
+import { Injectable, Injector, ɵɵdefineInjectable, ɵɵinject, INJECTOR, Component, NgZone, Input, EventEmitter, ViewChild, Output, ViewEncapsulation, ElementRef, Renderer2, ChangeDetectorRef, Host, NgModule } from '@angular/core';
 import { of, Subject } from 'rxjs';
 import { BaseService } from '@schneideress/ess-util';
 import { filter, map } from 'rxjs/operators';
@@ -13,7 +13,7 @@ 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
  */
 var RaDashboardService = /** @class */ (function (_super) {
     __extends(RaDashboardService, _super);
@@ -217,11 +217,18 @@ var RaDashboardService = /** @class */ (function (_super) {
     ]; };
     /** @nocollapse */ RaDashboardService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(ɵɵinject(INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
     return RaDashboardService;
-}(BaseService));
+}(BaseService));
+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
  */
 var RADashboardEventBus = /** @class */ (function () {
     function RADashboardEventBus() {
@@ -330,11 +337,18 @@ var RADashboardEventBus = /** @class */ (function () {
     ];
     /** @nocollapse */ RADashboardEventBus.ngInjectableDef = ɵɵdefineInjectable({ factory: function RADashboardEventBus_Factory() { return new RADashboardEventBus(); }, token: RADashboardEventBus, providedIn: "root" });
     return RADashboardEventBus;
-}());
+}());
+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} */
 var RAEvent = {
@@ -381,7 +395,7 @@ var 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} */
 var GridType = {
@@ -408,38 +422,223 @@ var 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 {?} */
 var GridsterConfigDefaultSettings = {
     gridType: GridType.ScrollVertical,
     compactType: CompactType.None,
-    margin: 20,
+    margin: 4,
     outerMargin: true,
-    outerMarginTop: 10,
-    outerMarginRight: 10,
-    outerMarginBottom: 30,
-    outerMarginLeft: 10,
+    // outerMarginTop: 10,
+    // outerMarginRight: 10,
+    // outerMarginBottom: 30,
+    // outerMarginLeft: 10,
     useTransformPositioning: true,
     mobileBreakpoint: 640,
-    minCols: 5,
-    maxCols: 5,
-    minRows: 20,
-    maxRows: 2000,
-    maxItemCols: 5,
-    minItemCols: 1,
-    maxItemRows: 100,
-    minItemRows: 6,
-    maxItemArea: 250000,
-    minItemArea: 6,
-    defaultItemCols: 1,
-    defaultItemRows: 1,
-    fixedColWidth: 105,
-    fixedRowHeight: 105,
+    minCols: 10,
+    maxCols: 10,
+    minRows: 2,
+    maxRows: 100,
+    maxItemCols: 10,
+    minItemCols: 2,
+    maxItemRows: 1000,
+    minItemRows: 2,
+    maxItemArea: 1000,
+    minItemArea: 4,
+    defaultItemCols: 2,
+    defaultItemRows: 2,
+    // fixedColWidth: 105,
+    // fixedRowHeight: 105,
     keepFixedHeightInMobile: false,
     keepFixedWidthInMobile: false,
     scrollSensitivity: 10,
@@ -474,7 +673,7 @@ var 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
  */
 var RADashboardArea = /** @class */ (function () {
     function RADashboardArea(dashboardService, ngZone, ngxService, translateService, notifier) {
@@ -486,8 +685,8 @@ var RADashboardArea = /** @class */ (function () {
         this.widgetList = Array();
         this.gridheight = 300;
         this.isWidgetLoaded = false;
-        this.widgetHeight = 30;
-        this.widgetWidth = 50;
+        this.widgetHeight = 3;
+        this.widgetWidth = 5;
     }
     /**
      * @return {?}
@@ -537,6 +736,8 @@ var RADashboardArea = /** @class */ (function () {
             areaContext.setAreaHeight();
             areaContext.updateWidgets();
         });
+        console.log('gridster options are');
+        console.log(this.options);
     };
     /** To initiate eventbus subsctiptions */
     /**
@@ -750,7 +951,7 @@ var RADashboardArea = /** @class */ (function () {
             t.widgetInfo.rowHeight = curRowHeight;
         }));
         if (this.options.api) {
-            areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 2;
+            areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 5;
         }
         if (areaHeight < 600) {
             areaHeight = 600;
@@ -784,8 +985,12 @@ var RADashboardArea = /** @class */ (function () {
             this.widgetList.splice(this.widgetList.indexOf(widget[0]), 1);
             this.setAreaHeight();
             if (!isalertDisabled) {
-                this.notifier.notify('success', " " + this.translateService.translate('Widget') + " [" + widget[0].widgetInfo.widgetTitle + "] " + this.translateService.translate('DeletedSuccesfully') + " ");
+                this.notifier.notify('success', " " + this.translateService.translate('Widget') + " " + widget[0].widgetInfo.widgetTitle + " " + this.translateService.translate('DeletedSuccesfully') + " ");
             }
+            this.options.compactType = 'compactLeft&Up';
+            this.options.api.optionsChanged();
+            this.options.compactType = 'none';
+            this.options.api.optionsChanged();
         }
     };
     /**To add widget instance to the database with the next available position and to make changes in
@@ -970,11 +1175,83 @@ var RADashboardArea = /** @class */ (function () {
         appConfig: [{ type: Input, args: ['app-config',] }]
     };
     return RADashboardArea;
-}());
+}());
+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
  */
 var RAWidgetContainer = /** @class */ (function () {
     function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier) {
@@ -987,6 +1264,7 @@ var RAWidgetContainer = /** @class */ (function () {
         this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
         this.lockClass = "unlocked";
         this.lockStatus = "unlock";
+        this.isDownloadIconVisible = false;
         this.widgetDeleted = new EventEmitter();
     }
     /**
@@ -1173,6 +1451,9 @@ var RAWidgetContainer = /** @class */ (function () {
                                     widgetContainer.widgetElement.loadContent(widgetConfigFilter);
                                     return [4 /*yield*/, widgetContainer.setLock(widgetConfigFilter.config)];
                                 case 1:
+                                    _a.sent();
+                                    return [4 /*yield*/, widgetContainer.setDownloadIcon()];
+                                case 2:
                                     _a.sent();
                                     return [2 /*return*/];
                             }
@@ -1208,13 +1489,16 @@ var RAWidgetContainer = /** @class */ (function () {
                             appConfig: this.appConfig,
                             widgetInfo: widgetInfo
                         }));
-                        if (!widgetContainerContext.isWidgetLoaded) return [3 /*break*/, 2];
+                        if (!widgetContainerContext.isWidgetLoaded) return [3 /*break*/, 3];
                         widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
                         return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
                     case 1:
                         _a.sent();
-                        _a.label = 2;
-                    case 2: return [2 /*return*/];
+                        return [4 /*yield*/, this.setDownloadIcon()];
+                    case 2:
+                        _a.sent();
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
                 }
             });
         });
@@ -1264,11 +1548,44 @@ var RAWidgetContainer = /** @class */ (function () {
             });
         });
     };
+    /**
+     * @private
+     * @return {?}
+     */
+    RAWidgetContainer.prototype.setDownloadIcon = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = this;
+                        return [4 /*yield*/, this.widgetElement.isDownloadVisible()];
+                    case 1:
+                        _a.isDownloadIconVisible = _b.sent();
+                        this.isDownloadIconVisible = false; //temp. commented
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * @return {?}
+     */
+    RAWidgetContainer.prototype.downloadClicked = /**
+     * @return {?}
+     */
+    function () {
+        this.widgetElement.isDownloadVisible();
+    };
     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\" style=\"padding-left: 0px;\">\r\n      <div style=\"display:flex\">\r\n        <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;padding-left: 0px;\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\" style=\"cursor:default;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n            <div class=\"pr-3\"><i [ngClass]=\"lockClass\"\r\n                [attr.title]=\"lockStatus=='lock' ? 'Locked' : 'Partially Locked'\"></i></div>\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    <perfect-scrollbar [scrollIndicators]=\"true\">\r\n      <div #ctlWidget></div>\r\n    </perfect-scrollbar>\r\n  </div>\r\n</div>",
-                    styles: [".wcheader{width:100%;height:46px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0;padding:15px 0 0}.wc-wrapper{height:100%;position:relative;margin:auto 15px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:46px;left:0;bottom:0}.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:2;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}.locked{color:#42b4e6}.partiallocked{color:#a0d9f2}.unlocked{display:none}"]
+                    template: "<div class=\"wc-wrapper\">\r\n  <div class=\"wcheader\">\r\n    <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;\">\r\n      <div style=\"display:flex\">\r\n        <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;padding-left: 0px;\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\" style=\"cursor:default;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n            <div *ngIf=\"isDownloadIconVisible\"> <i class=\"far fa-download\" (click)=\"downloadClicked\"></i></div>\r\n            <div class=\"pr-3\"><i [ngClass]=\"lockClass\"\r\n                [attr.title]=\"lockStatus=='lock' ? 'Locked' : 'Partially Locked'\"></i></div>\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    <perfect-scrollbar [scrollIndicators]=\"true\">\r\n      <div #ctlWidget></div>\r\n    </perfect-scrollbar>\r\n  </div>\r\n</div>",
+                    styles: [".wcheader{width:100%;height:46px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0;padding:15px 0 0}.wc-wrapper{height:100%;position:relative;margin:10px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:46px;left:0;bottom:0}.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:2;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}.locked{color:#42b4e6}.partiallocked{color:#a0d9f2}.unlocked{display:none}"]
                 }] }
     ];
     /** @nocollapse */
@@ -1291,11 +1608,84 @@ var RAWidgetContainer = /** @class */ (function () {
         widgetDeleted: [{ type: Output }]
     };
     return RAWidgetContainer;
-}());
+}());
+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.lockClass;
+    /** @type {?} */
+    RAWidgetContainer.prototype.lockStatus;
+    /** @type {?} */
+    RAWidgetContainer.prototype.isDownloadIconVisible;
+    /** @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 {?} */
 var customNotifierOptions = {
@@ -1341,7 +1731,7 @@ var 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 {?} */
 var GridsterConfigService = {
@@ -1519,7 +1909,7 @@ var 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
  */
 var GridsterUtils = /** @class */ (function () {
     function GridsterUtils() {
@@ -1694,7 +2084,7 @@ var GridsterUtils = /** @class */ (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
@@ -1706,11 +2096,85 @@ GridsterComponentInterface = /** @class */ (function () {
     function GridsterComponentInterface() {
     }
     return 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
  */
 var GridsterEmptyCell = /** @class */ (function () {
     function GridsterEmptyCell(gridster) {
@@ -2027,11 +2491,44 @@ var GridsterEmptyCell = /** @class */ (function () {
         { type: GridsterComponentInterface }
     ]; };
     return GridsterEmptyCell;
-}());
+}());
+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
  */
 var GridsterCompact = /** @class */ (function () {
     function GridsterCompact(gridster) {
@@ -2269,11 +2766,18 @@ var GridsterCompact = /** @class */ (function () {
         { type: GridsterComponentInterface }
     ]; };
     return GridsterCompact;
-}());
+}());
+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
  */
 var GridsterRenderer = /** @class */ (function () {
     function GridsterRenderer(gridster) {
@@ -2580,11 +3084,18 @@ var GridsterRenderer = /** @class */ (function () {
         { type: GridsterComponentInterface }
     ]; };
     return GridsterRenderer;
-}());
+}());
+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
  */
 var GridsterComponent = /** @class */ (function () {
     function GridsterComponent(el, renderer, cdRef, zone) {
@@ -2739,6 +3250,17 @@ var GridsterComponent = /** @class */ (function () {
         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();
@@ -3315,11 +3837,61 @@ var GridsterComponent = /** @class */ (function () {
         options: [{ type: Input }]
     };
     return GridsterComponent;
-}());
+}());
+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
@@ -3331,11 +3903,49 @@ GridsterItemComponentInterface = /** @class */ (function () {
     function GridsterItemComponentInterface() {
     }
     return 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
  */
 var GridsterSwap = /** @class */ (function () {
     function GridsterSwap(gridsterItem) {
@@ -3463,11 +4073,28 @@ var GridsterSwap = /** @class */ (function () {
         { type: GridsterItemComponentInterface }
     ]; };
     return GridsterSwap;
-}());
+}());
+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 {?} */
 var scrollSensitivity;
@@ -3662,7 +4289,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
  */
 var GridsterPush = /** @class */ (function () {
     function GridsterPush(gridsterItem) {
@@ -4152,11 +4779,61 @@ var GridsterPush = /** @class */ (function () {
         { type: GridsterItemComponentInterface }
     ]; };
     return GridsterPush;
-}());
+}());
+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
  */
 var GridsterDraggable = /** @class */ (function () {
     function GridsterDraggable(gridsterItem, gridster, zone) {
@@ -4460,6 +5137,10 @@ var GridsterDraggable = /** @class */ (function () {
             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;
     };
     /**
@@ -4616,11 +5297,84 @@ var GridsterDraggable = /** @class */ (function () {
         { type: NgZone }
     ]; };
     return GridsterDraggable;
-}());
+}());
+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
  */
 var GridsterPushResize = /** @class */ (function () {
     function GridsterPushResize(gridsterItem) {
@@ -5000,11 +5754,46 @@ var GridsterPushResize = /** @class */ (function () {
         { type: GridsterItemComponentInterface }
     ]; };
     return GridsterPushResize;
-}());
+}());
+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
  */
 var GridsterResizable = /** @class */ (function () {
     function GridsterResizable(gridsterItem, gridster, zone) {
@@ -5546,11 +6335,86 @@ var GridsterResizable = /** @class */ (function () {
         { type: NgZone }
     ]; };
     return GridsterResizable;
-}());
+}());
+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
  */
 var GridsterItemComponent = /** @class */ (function () {
     function GridsterItemComponent(el, gridster, renderer, zone) {
@@ -5745,11 +6609,44 @@ var GridsterItemComponent = /** @class */ (function () {
         item: [{ type: Input }]
     };
     return GridsterItemComponent;
-}());
+}());
+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
  */
 var GridsterPreviewComponent = /** @class */ (function () {
     function GridsterPreviewComponent(el, gridster, renderer) {
@@ -5794,7 +6691,7 @@ var GridsterPreviewComponent = /** @class */ (function () {
                     selector: 'gridster-preview',
                     template: '',
                     encapsulation: ViewEncapsulation.None,
-                    styles: ["gridster-preview{position:absolute;display:none;background:#ccc}"]
+                    styles: ["gridster-preview{position:absolute;display:none;background:#42b4e6}"]
                 }] }
     ];
     /** @nocollapse */
@@ -5804,11 +6701,19 @@ var GridsterPreviewComponent = /** @class */ (function () {
         { type: Renderer2 }
     ]; };
     return GridsterPreviewComponent;
-}());
+}());
+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
  */
 var GridsterModule = /** @class */ (function () {
     function GridsterModule() {
@@ -5833,7 +6738,7 @@ var GridsterModule = /** @class */ (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
  */
 /** @type {?} */
 var DEFAULT_PERFECT_SCROLLBAR_CONFIG = {
@@ -5874,7 +6779,7 @@ var DashboardFrameworkModule = /** @class */ (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
@@ -5918,11 +6823,35 @@ var RaBaseDashboardTemplate = /** @class */ (function () {
         initialize: [{ type: Input }]
     };
     return RaBaseDashboardTemplate;
-}());
+}());
+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
@@ -5942,7 +6871,29 @@ var RaBaseDashboardFilter = /** @class */ (function () {
         getAllFilterConfig: [{ type: Input }]
     };
     return RaBaseDashboardFilter;
-}());
+}());
+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