@schneideress/dashboardframework 0.0.32 → 0.0.34

package/bundles/schneideress-dashboardframework.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@schneideress/ess-util'), require('rxjs/operators'), require('ngx-ui-loader'), require('angular-notifier'), require('@schneideress/ess-base'), require('@angular/platform-browser'), require('@angular/common/http'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('@schneideress/dashboardframework', ['exports', '@angular/core', 'rxjs', '@schneideress/ess-util', 'rxjs/operators', 'ngx-ui-loader', 'angular-notifier', '@schneideress/ess-base', '@angular/platform-browser', '@angular/common/http', '@angular/common'], factory) :
-    (global = global || self, factory((global.schneideress = global.schneideress || {}, global.schneideress.dashboardframework = {}), global.ng.core, global.rxjs, global['@schneideress/ess-util'], global.rxjs.operators, global['ngx-ui-loader'], global['angular-notifier'], global.essBase, global.ng.platformBrowser, global.ng.common.http, global.ng.common));
-}(this, function (exports, core, rxjs, essUtil, operators, ngxUiLoader, angularNotifier, essBase, platformBrowser, http, common) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@schneideress/ess-util'), require('rxjs/operators'), require('ngx-ui-loader'), require('angular-notifier'), require('@schneideress/ess-base'), require('@angular/platform-browser'), require('@angular/common/http'), require('ngx-perfect-scrollbar'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@schneideress/dashboardframework', ['exports', '@angular/core', 'rxjs', '@schneideress/ess-util', 'rxjs/operators', 'ngx-ui-loader', 'angular-notifier', '@schneideress/ess-base', '@angular/platform-browser', '@angular/common/http', 'ngx-perfect-scrollbar', '@angular/common'], factory) :
+    (global = global || self, factory((global.schneideress = global.schneideress || {}, global.schneideress.dashboardframework = {}), global.ng.core, global.rxjs, global['@schneideress/ess-util'], global.rxjs.operators, global['ngx-ui-loader'], global['angular-notifier'], global.essBase, global.ng.platformBrowser, global.ng.common.http, global.ngxPerfectScrollbar, global.ng.common));
+}(this, function (exports, core, rxjs, essUtil, operators, ngxUiLoader, angularNotifier, essBase, platformBrowser, http, ngxPerfectScrollbar, common) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation. All rights reserved.
@@ -42,11 +42,168 @@
             return t;
         };
         return __assign.apply(this, arguments);
-    };
+    };
+
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    }
+
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+    }
+
+    function __awaiter(thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (_) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+
+    function __exportStar(m, exports) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+
+    function __values(o) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        if (m) return m.call(o);
+        return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+    }
+
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m) return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+        }
+        catch (error) { e = { error: error }; }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"])) m.call(i);
+            }
+            finally { if (e) throw e.error; }
+        }
+        return ar;
+    }
+
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    };
+
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+    }
+
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+    }
+
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        return cooked;
+    };
+
+    function __importStar(mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+        result.default = mod;
+        return result;
+    }
+
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
 
     /**
      * @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);
@@ -250,11 +407,18 @@
         ]; };
         /** @nocollapse */ RaDashboardService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(core.ɵɵinject(core.INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
         return RaDashboardService;
-    }(essUtil.BaseService));
+    }(essUtil.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() {
@@ -363,11 +527,18 @@
         ];
         /** @nocollapse */ RADashboardEventBus.ngInjectableDef = core.ɵɵ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 = {
@@ -403,6 +574,8 @@
         widgetLibraryDoneClick: "widgetLibraryDoneClick",
         /**refresh favorite icon after srtting and resetting favorites */
         favoriteIconRefresh: "favoriteIconRefresh",
+        /**to refresh menu content */
+        QuickLinkRefresh: "QuickLinkRefresh",
     };
     /** @enum {string} */
     var RAEventKey = {
@@ -412,7 +585,7 @@
 
     /**
      * @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 = {
@@ -439,11 +612,196 @@
         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 = {
@@ -505,7 +863,7 @@
 
     /**
      * @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) {
@@ -754,10 +1112,17 @@
          * @return {?}
          */
         function () {
+            var _this = this;
             /** @type {?} */
             var areaScrollHeight = 0;
             /** @type {?} */
             var areaHeight = 0;
+            /** @type {?} */
+            var curRowHeight = 0;
+            if (this.options.api) {
+                curRowHeight = this.options.api.getCurrentRowHeight();
+                areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 2;
+            }
             this.widgetList.forEach((/**
              * @param {?} t
              * @return {?}
@@ -768,10 +1133,14 @@
                 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;
             }
@@ -934,6 +1303,7 @@
             widget.width = widgetItem.cols;
             widget.position_x = widgetItem.x;
             widget.position_y = widgetItem.y;
+            widget.rowHeight = widgetItem.curRowHeight;
             return widget;
         };
         /**
@@ -960,7 +1330,7 @@
         RADashboardArea.decorators = [
             { type: core.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}"]
                     }] }
         ];
@@ -982,11 +1352,83 @@
             appConfig: [{ type: core.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) {
@@ -1026,11 +1468,14 @@
             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 {?}
@@ -1136,6 +1581,15 @@
             this.refreshWidget(this.data.widgetInfo);
             // this.updateWidget(widgetInfo);
         };
+        /**
+         * @return {?}
+         */
+        RAWidgetContainer.prototype.setWidgetheight = /**
+         * @return {?}
+         */
+        function () {
+            this.widgetHeight = this.data.widgetInfo.height * this.data.widgetInfo.rowHeight + 2;
+        };
         /**  To load external custom element to the widget container*/
         /**
          * To load external custom element to the widget container
@@ -1174,6 +1628,7 @@
                 }));
                 _this.ctlWidget.nativeElement.appendChild(_this.widgetElement);
             }));
+            this.setWidgetheight();
         };
         /** To refresh widget on input config changes */
         /**
@@ -1203,7 +1658,7 @@
         RAWidgetContainer.decorators = [
             { type: core.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}"]
                     }] }
         ];
@@ -1222,15 +1677,83 @@
             data: [{ type: core.Input, args: ['data',] }],
             raDashboardEventBus: [{ type: core.Input, args: ['event-bus',] }],
             appConfig: [{ type: core.Input, args: ['app-config',] }],
-            widgetWidth: [{ type: core.Input, args: ['widget-width',] }],
+            width: [{ type: core.Input, args: ['widget-width',] }],
+            height: [{ type: core.Input, args: ['widget-height',] }],
             widgetDeleted: [{ type: core.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.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 = {
@@ -1276,7 +1799,7 @@
 
     /**
      * @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 = {
@@ -1454,7 +1977,7 @@
 
     /**
      * @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() {
@@ -1629,7 +2152,7 @@
 
     /**
      * @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
@@ -1641,11 +2164,85 @@
         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) {
@@ -1962,11 +2559,44 @@
             { 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) {
@@ -2204,11 +2834,18 @@
             { 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) {
@@ -2515,11 +3152,18 @@
             { 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) {
@@ -2674,6 +3318,17 @@
             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();
@@ -3250,11 +3905,61 @@
             options: [{ type: core.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
@@ -3266,11 +3971,49 @@
         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) {
@@ -3398,11 +4141,28 @@
             { 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;
@@ -3597,7 +4357,7 @@
 
     /**
      * @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) {
@@ -4087,11 +4847,61 @@
             { 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) {
@@ -4395,6 +5205,10 @@
                 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;
         };
         /**
@@ -4551,11 +5365,84 @@
             { type: core.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) {
@@ -4935,11 +5822,46 @@
             { 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) {
@@ -5481,11 +6403,86 @@
             { type: core.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) {
@@ -5680,11 +6677,44 @@
             item: [{ type: core.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) {
@@ -5739,11 +6769,19 @@
             { type: core.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() {
@@ -5768,8 +6806,13 @@
 
     /**
      * @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 = {
+        suppressScrollX: true
+    };
+    var ɵ0 = DEFAULT_PERFECT_SCROLLBAR_CONFIG;
     var DashboardFrameworkModule = /** @class */ (function () {
         function DashboardFrameworkModule() {
         }
@@ -5785,13 +6828,17 @@
                             http.HttpClientModule,
                             ngxUiLoader.NgxUiLoaderModule,
                             essBase.TranslateModule,
-                            angularNotifier.NotifierModule.withConfig(customNotifierOptions)
+                            angularNotifier.NotifierModule.withConfig(customNotifierOptions),
+                            ngxPerfectScrollbar.PerfectScrollbarModule
                         ],
                         exports: [
                             RADashboardArea,
                             essBase.TranslateModule
                         ],
-                        providers: [],
+                        providers: [{
+                                provide: ngxPerfectScrollbar.PERFECT_SCROLLBAR_CONFIG,
+                                useValue: ɵ0
+                            },],
                         bootstrap: [RADashboardArea]
                     },] }
         ];
@@ -5800,7 +6847,7 @@
 
     /**
      * @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
@@ -5844,11 +6891,35 @@
             initialize: [{ type: core.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
@@ -5868,7 +6939,19 @@
             getAllFilterConfig: [{ type: core.Input }]
         };
         return RaBaseDashboardFilter;
-    }());
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        RaBaseDashboardFilter.prototype.getAllFilterConfig;
+        /**
+         * @abstract
+         * @return {?}
+         */
+        RaBaseDashboardFilter.prototype.getFilterConfig = function () { };
+    }
 
     exports.DashboardFrameworkModule = DashboardFrameworkModule;
     exports.RADashboardArea = RADashboardArea;