@schneideress/dashboardframework 0.0.76 → 0.0.77

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/ra-common'), require('rxjs/operators'), require('ngx-ui-loader'), require('angular-notifier'), require('@schneideress/widgetframework'), 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/ra-common', 'rxjs/operators', 'ngx-ui-loader', 'angular-notifier', '@schneideress/widgetframework', '@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.raCommon, global.rxjs.operators, global['ngx-ui-loader'], global['angular-notifier'], global.widgetframework, global.ng.platformBrowser, global.ng.common.http, global.ngxPerfectScrollbar, global.ng.common));
-}(this, (function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, ngxPerfectScrollbar, common) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@schneideress/ra-common'), require('rxjs/operators'), require('ngx-ui-loader'), require('angular-notifier'), require('@schneideress/widgetframework'), require('@angular/platform-browser'), require('@angular/common/http'), require('ngx-perfect-scrollbar'), require('@angular/common'), require('@schneideress/user-controls')) :
+    typeof define === 'function' && define.amd ? define('@schneideress/dashboardframework', ['exports', '@angular/core', 'rxjs', '@schneideress/ra-common', 'rxjs/operators', 'ngx-ui-loader', 'angular-notifier', '@schneideress/widgetframework', '@angular/platform-browser', '@angular/common/http', 'ngx-perfect-scrollbar', '@angular/common', '@schneideress/user-controls'], factory) :
+    (global = global || self, factory((global.schneideress = global.schneideress || {}, global.schneideress.dashboardframework = {}), global.ng.core, global.rxjs, global.raCommon, global.rxjs.operators, global['ngx-ui-loader'], global['angular-notifier'], global.widgetframework, global.ng.platformBrowser, global.ng.common.http, global.ngxPerfectScrollbar, global.ng.common, global.userControls));
+}(this, function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, ngxPerfectScrollbar, common, userControls) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation. All rights reserved.
@@ -44,33 +44,6 @@
         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); } }
@@ -106,105 +79,11 @@
             } 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
-     * Generated from: lib/ra.dashboard.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RaDashboardService = /** @class */ (function (_super) {
         __extends(RaDashboardService, _super);
@@ -408,19 +287,11 @@
         ]; };
         /** @nocollapse */ RaDashboardService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(core.ɵɵinject(core.INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
         return RaDashboardService;
-    }(raCommon.BaseService));
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        RaDashboardService.prototype.loadedScripts;
-    }
+    }(raCommon.BaseService));
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/ra.dashbard.event.bus.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RADashboardEventBus = /** @class */ (function () {
         function RADashboardEventBus() {
@@ -529,19 +400,11 @@
         ];
         /** @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
-     * Generated from: lib/ra.event.enum.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @enum {string} */
     var RAEvent = {
@@ -590,225 +453,38 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: gridster/lib/gridsterConfig.interface.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @enum {string} */
     var GridType = {
-        Fit: "fit",
-        ScrollVertical: "scrollVertical",
-        ScrollHorizontal: "scrollHorizontal",
-        Fixed: "fixed",
-        VerticalFixed: "verticalFixed",
-        HorizontalFixed: "horizontalFixed",
+        Fit: 'fit',
+        ScrollVertical: 'scrollVertical',
+        ScrollHorizontal: 'scrollHorizontal',
+        Fixed: 'fixed',
+        VerticalFixed: 'verticalFixed',
+        HorizontalFixed: 'horizontalFixed',
     };
     /** @enum {string} */
     var DisplayGrid = {
-        Always: "always",
-        OnDragAndResize: "onDrag&Resize",
-        None: "none",
+        Always: 'always',
+        OnDragAndResize: 'onDrag&Resize',
+        None: 'none',
     };
     /** @enum {string} */
     var CompactType = {
-        None: "none",
-        CompactUp: "compactUp",
-        CompactLeft: "compactLeft",
-        CompactUpAndLeft: "compactUp&Left",
-        CompactLeftAndUp: "compactLeft&Up",
-        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;
-    }
+        None: 'none',
+        CompactUp: 'compactUp',
+        CompactLeft: 'compactLeft',
+        CompactUpAndLeft: 'compactUp&Left',
+        CompactLeftAndUp: 'compactLeft&Up',
+        CompactRight: 'compactRight',
+        CompactUpAndRight: 'compactUp&Right',
+        CompactRightAndUp: 'compactRight&Up',
+    };
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/ra.gridster.config.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var GridsterConfigDefaultSettings = {
@@ -874,8 +550,7 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/ra-dashboard-area/ra.dashboard.area.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RADashboardArea = /** @class */ (function () {
         function RADashboardArea(dashboardService, ngZone, ngxService, translateService, notifier) {
@@ -1357,7 +1032,7 @@
             { 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-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:-webkit-box;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;-webkit-transition:.3s;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}"]
+                        styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1378,84 +1053,11 @@
             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
-     * Generated from: lib/ra-widget-container/ra.widget.container.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RAWidgetContainer = /** @class */ (function () {
         function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier, renderer) {
@@ -1771,10 +1373,18 @@
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
+                            debugger;
                             _a = this;
                             return [4 /*yield*/, this.widgetElement.loadLockStatus(config)];
                         case 1:
                             _a.lockStatus = _b.sent();
+                            if (this.lockStatus == 'lock') {
+                                this.lockTitle = 'Locked';
+                                console.log(this.lockTitle);
+                            }
+                            else {
+                                this.lockTitle = 'Partially Locked';
+                            }
                             if (this.lockStatus) {
                                 switch (this.lockStatus) {
                                     case "lock": {
@@ -1898,8 +1508,8 @@
         RAWidgetContainer.decorators = [
             { type: core.Component, args: [{
                         selector: 'ra-widget-container',
-                        template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n  <div class=\"wcheader widget-move\">\r\n    <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;\">\r\n      <div style=\"display:flex;margin-top:10px;\">\r\n        <div class=\"col-md-11 float-left\" style=\"width:96%;padding-left: 0px\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\" style=\"cursor:default;padding-right: 0px;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n            <div class=\"title-bar-icon download download-icon\"  *ngIf=\"isDownloadIconVisible\">\r\n              <i class=\"fas fa-download\" (mouseover)=\"setDownloadIcon()\" #widgetDownload (click)=\"downloadClicked()\"></i>\r\n              <div class=\"download-content\" [ngClass]=\"{'dropdown-click': isDownloadChartVisible}\">\r\n                <a (click)=\"downloadIconClicked('PNG')\">\r\n                  <i class=\"fal fa-file-image\"></i>\r\n                  <span>{{'PNG'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"downloadIconClicked('JPEG')\">\r\n                  <i class=\"fal fa-file\"></i>\r\n                  <span>{{'JPEG'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"downloadIconClicked('PDF')\">\r\n                  <i class=\"fal fa-file-pdf\"></i>\r\n                  <span>{{'PDF'|translate}}</span>\r\n                </a>              \r\n                <a (click)=\"downloadIconClicked('SVG')\">\r\n                  <i class=\"fal fa-file-alt\"></i>\r\n                  <span>{{'SVG'|translate}}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <div class=\"dropdown\">\r\n              <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fas fa-cog\" (click)=\"showDropDown()\"></i>\r\n              </div>\r\n              <div class=\"dropdown-content widget-config-item\" [ngClass]=\"{'dropdown-click': dropDownShown}\">\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 class=\"title-bar-lock-icon\"><i [ngClass]=\"lockClass\"\r\n                [attr.title]=\"lockStatus=='lock' ? 'Locked' : 'Partially Locked'\"></i></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=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn':  showPanel}\">\r\n      <div class=\"lds-roller\">\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n      </div>\r\n    </div>\r\n    <perfect-scrollbar [scrollIndicators]=\"true\">\r\n      <div #ctlWidget></div>\r\n    </perfect-scrollbar>\r\n  </div>\r\n</div>\r\n",
-                        styles: [".wcheader{width:100%;height:24px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top: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:15px}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;-webkit-transition:visibility,opacity .5s linear;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-weight:400}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.title-bar-icon{margin:0 3px;color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.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}.download{visibility:hidden;opacity:0;-webkit-transition:visibility,opacity .5s linear;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-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-weight:400}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}"]
+                        template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n  <div class=\"wcheader widget-move\">\r\n    <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;\">\r\n      <div style=\"display:flex;margin-top:10px;\">\r\n        <div class=\"col-md-11 float-left\" style=\"width:96%;padding-left: 0px\">{{data.widgetInfo.widgetTitle}}\r\n        </div>\r\n        <div class=\"col-md-1\" style=\"cursor:default;padding-right: 0px;\">\r\n          <div class=\"float-right\" style=\"display: flex;\">\r\n            <div class=\"title-bar-icon download download-icon\" *ngIf=\"isDownloadIconVisible\">\r\n              <i class=\"fas fa-download\" (mouseover)=\"setDownloadIcon()\" #widgetDownload\r\n                (click)=\"downloadClicked()\"></i>\r\n              <div class=\"download-content\" [ngClass]=\"{'dropdown-click': isDownloadChartVisible}\">\r\n                <a (click)=\"downloadIconClicked('PNG')\">\r\n                  <i class=\"fal fa-file-image\"></i>\r\n                  <span>{{'PNG'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"downloadIconClicked('JPEG')\">\r\n                  <i class=\"fal fa-file\"></i>\r\n                  <span>{{'JPEG'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"downloadIconClicked('PDF')\">\r\n                  <i class=\"fal fa-file-pdf\"></i>\r\n                  <span>{{'PDF'|translate}}</span>\r\n                </a>\r\n                <a (click)=\"downloadIconClicked('SVG')\">\r\n                  <i class=\"fal fa-file-alt\"></i>\r\n                  <span>{{'SVG'|translate}}</span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <div class=\"dropdown\">\r\n              <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fas fa-cog\" (click)=\"showDropDown()\"></i>\r\n              </div>\r\n              <div class=\"dropdown-content widget-config-item\" [ngClass]=\"{'dropdown-click': dropDownShown}\">\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            <ra-tooltip [value]=\"lockTitle\" [width]=\"'300px'\">\r\n            <div class=\"title-bar-lock-icon\">\r\n              \r\n                <i [ngClass]=\"lockClass\" ></i>\r\n             \r\n              <!-- <i [ngClass]=\"lockClass\"\r\n                [attr.title]=\"lockStatus=='lock' ? 'Locked' : 'Partially Locked'\"></i> -->\r\n            </div>\r\n          </ra-tooltip>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\">\r\n    <div class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn':  showPanel}\">\r\n      <div class=\"lds-roller\">\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n      </div>\r\n    </div>\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:24px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top: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:15px}.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-weight:400}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.title-bar-icon{margin:0 3px;color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.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}.download{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-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-weight:400}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1925,102 +1535,11 @@
             widgetDeleted: [{ type: core.Output }]
         };
         return RAWidgetContainer;
-    }());
-    if (false) {
-        /** @type {?} */
-        RAWidgetContainer.prototype.showPanel;
-        /**
-         * @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.dropDownShown;
-        /** @type {?} */
-        RAWidgetContainer.prototype.isDownloadChartVisible;
-        /** @type {?} */
-        RAWidgetContainer.prototype.downloadIconType;
-        /** @type {?} */
-        RAWidgetContainer.prototype.ctlWidget;
-        /** @type {?} */
-        RAWidgetContainer.prototype.widgetDropdown;
-        /** @type {?} */
-        RAWidgetContainer.prototype.widgetDownload;
-        /** @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;
-        /**
-         * @type {?}
-         * @private
-         */
-        RAWidgetContainer.prototype.renderer;
-    }
+    }());
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/custom.notifier.options.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var customNotifierOptions = {
@@ -2066,8 +1585,7 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: gridster/lib/gridsterConfig.constant.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var GridsterConfigService = {
@@ -2245,8 +1763,7 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: gridster/lib/gridsterUtils.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterUtils = /** @class */ (function () {
         function GridsterUtils() {
@@ -2421,8 +1938,7 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: gridster/lib/gridster.interface.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
      * @abstract
@@ -2434,86 +1950,11 @@
         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
-     * Generated from: gridster/lib/gridsterEmptyCell.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterEmptyCell = /** @class */ (function () {
         function GridsterEmptyCell(gridster) {
@@ -2830,45 +2271,11 @@
             { 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
-     * Generated from: gridster/lib/gridsterCompact.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterCompact = /** @class */ (function () {
         function GridsterCompact(gridster) {
@@ -3106,19 +2513,11 @@
             { type: GridsterComponentInterface }
         ]; };
         return GridsterCompact;
-    }());
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        GridsterCompact.prototype.gridster;
-    }
+    }());
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: gridster/lib/gridsterRenderer.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterRenderer = /** @class */ (function () {
         function GridsterRenderer(gridster) {
@@ -3425,19 +2824,11 @@
             { type: GridsterComponentInterface }
         ]; };
         return GridsterRenderer;
-    }());
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        GridsterRenderer.prototype.gridster;
-    }
+    }());
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: gridster/lib/gridster.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterComponent = /** @class */ (function () {
         function GridsterComponent(el, renderer, cdRef, zone) {
@@ -3592,17 +2983,6 @@
             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();
@@ -4165,7 +3545,7 @@
                         selector: 'gridster',
                         template: "<div class=\"gridster-column\" *ngFor=\"let column of gridColumns; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridColumnStyle(i)\"></div>\r\n<div class=\"gridster-row\" *ngFor=\"let row of gridRows; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridRowStyle(i)\"></div>\r\n<ng-content></ng-content>\r\n<gridster-preview class=\"gridster-preview\"></gridster-preview>\r\n",
                         encapsulation: core.ViewEncapsulation.None,
-                        styles: ["gridster{clear:both;position:relative;box-sizing:border-box;background:#fff;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:auto}gridster.fit{overflow-x:hidden;overflow-y:hidden}gridster.scrollVertical{overflow-x:hidden;overflow-y:auto}gridster.scrollHorizontal{overflow-x:auto;overflow-y:hidden}gridster.fixed{overflow:auto}gridster.mobile{overflow-x:hidden;overflow-y:auto}gridster.mobile gridster-item{position:relative}gridster .gridster-column,gridster .gridster-row{position:absolute;display:none;-webkit-transition:.3s;transition:.3s;box-sizing:border-box}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{display:block}gridster .gridster-column{border-left:1px solid #ccc;border-right:1px solid #ccc}gridster .gridster-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc}"]
+                        styles: ["gridster{clear:both;position:relative;box-sizing:border-box;background:#fff;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:auto}gridster.fit{overflow-x:hidden;overflow-y:hidden}gridster.scrollVertical{overflow-x:hidden;overflow-y:auto}gridster.scrollHorizontal{overflow-x:auto;overflow-y:hidden}gridster.fixed{overflow:auto}gridster.mobile{overflow-x:hidden;overflow-y:auto}gridster.mobile gridster-item{position:relative}gridster .gridster-column,gridster .gridster-row{position:absolute;display:none;transition:.3s;box-sizing:border-box}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{display:block}gridster .gridster-column{border-left:1px solid #ccc;border-right:1px solid #ccc}gridster .gridster-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4179,62 +3559,11 @@
             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
-     * Generated from: gridster/lib/gridsterItemComponent.interface.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
      * @abstract
@@ -4246,50 +3575,11 @@
         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
-     * Generated from: gridster/lib/gridsterSwap.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterSwap = /** @class */ (function () {
         function GridsterSwap(gridsterItem) {
@@ -4417,29 +3707,11 @@
             { 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
-     * Generated from: gridster/lib/gridsterScroll.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var scrollSensitivity;
@@ -4634,8 +3906,7 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: gridster/lib/gridsterPush.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPush = /** @class */ (function () {
         function GridsterPush(gridsterItem) {
@@ -5125,62 +4396,11 @@
             { 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
-     * Generated from: gridster/lib/gridsterDraggable.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterDraggable = /** @class */ (function () {
         function GridsterDraggable(gridsterItem, gridster, zone) {
@@ -5484,10 +4704,6 @@
                 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;
         };
         /**
@@ -5644,85 +4860,11 @@
             { 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
-     * Generated from: gridster/lib/gridsterPushResize.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPushResize = /** @class */ (function () {
         function GridsterPushResize(gridsterItem) {
@@ -6102,47 +5244,11 @@
             { 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
-     * Generated from: gridster/lib/gridsterResizable.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterResizable = /** @class */ (function () {
         function GridsterResizable(gridsterItem, gridster, zone) {
@@ -6684,87 +5790,11 @@
             { 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
-     * Generated from: gridster/lib/gridsterItem.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterItemComponent = /** @class */ (function () {
         function GridsterItemComponent(el, gridster, renderer, zone) {
@@ -6945,7 +5975,7 @@
                         selector: 'gridster-item',
                         template: "<ng-content></ng-content>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.s || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-s\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.e || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-e\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.n || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-n\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.w || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-w\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.se || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-se\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.ne || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-ne\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.sw || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-sw\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n     [hidden]=\"!gridster.$options.resizable.handles.nw || !resize.resizeEnabled\"\r\n     class=\"gridster-item-resizable-handler handle-nw\"></div>\r\n",
                         encapsulation: core.ViewEncapsulation.None,
-                        styles: ["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;-webkit-transition:.3s;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}gridster-item.gridster-item-moving{cursor:move}gridster-item.gridster-item-moving,gridster-item.gridster-item-resizing{-webkit-transition:none;transition:none;z-index:2;box-shadow:0 0 5px 5px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.gridster-item-resizable-handler{position:absolute;z-index:2}.gridster-item-resizable-handler.handle-n{cursor:n-resize;height:10px;right:0;top:0;left:0}.gridster-item-resizable-handler.handle-e{cursor:e-resize;width:10px;bottom:0;right:0;top:0}.gridster-item-resizable-handler.handle-s{cursor:s-resize;height:10px;right:0;bottom:0;left:0}.gridster-item-resizable-handler.handle-w{cursor:w-resize;width:10px;left:0;top:0;bottom:0}.gridster-item-resizable-handler.handle-ne{cursor:ne-resize;width:10px;height:10px;right:0;top:0}.gridster-item-resizable-handler.handle-nw{cursor:nw-resize;width:10px;height:10px;left:0;top:0}.gridster-item-resizable-handler.handle-se{cursor:se-resize;width:0;height:0;right:0;bottom:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent}.gridster-item-resizable-handler.handle-sw{cursor:sw-resize;width:10px;height:10px;left:0;bottom:0}gridster-item:hover .gridster-item-resizable-handler.handle-se{border-color:transparent transparent #ccc}"]
+                        styles: ["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}gridster-item.gridster-item-moving{cursor:move}gridster-item.gridster-item-moving,gridster-item.gridster-item-resizing{transition:none;z-index:2;box-shadow:0 0 5px 5px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.gridster-item-resizable-handler{position:absolute;z-index:2}.gridster-item-resizable-handler.handle-n{cursor:n-resize;height:10px;right:0;top:0;left:0}.gridster-item-resizable-handler.handle-e{cursor:e-resize;width:10px;bottom:0;right:0;top:0}.gridster-item-resizable-handler.handle-s{cursor:s-resize;height:10px;right:0;bottom:0;left:0}.gridster-item-resizable-handler.handle-w{cursor:w-resize;width:10px;left:0;top:0;bottom:0}.gridster-item-resizable-handler.handle-ne{cursor:ne-resize;width:10px;height:10px;right:0;top:0}.gridster-item-resizable-handler.handle-nw{cursor:nw-resize;width:10px;height:10px;left:0;top:0}.gridster-item-resizable-handler.handle-se{cursor:se-resize;width:0;height:0;right:0;bottom:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent}.gridster-item-resizable-handler.handle-sw{cursor:sw-resize;width:10px;height:10px;left:0;bottom:0}gridster-item:hover .gridster-item-resizable-handler.handle-se{border-color:transparent transparent #ccc}"]
                     }] }
         ];
         /** @nocollapse */
@@ -6959,45 +5989,11 @@
             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
-     * Generated from: gridster/lib/gridsterPreview.component.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterPreviewComponent = /** @class */ (function () {
         function GridsterPreviewComponent(el, gridster, renderer) {
@@ -7052,20 +6048,11 @@
             { type: core.Renderer2 }
         ]; };
         return GridsterPreviewComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        GridsterPreviewComponent.prototype.el;
-        /** @type {?} */
-        GridsterPreviewComponent.prototype.gridster;
-        /** @type {?} */
-        GridsterPreviewComponent.prototype.renderer;
-    }
+    }());
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: gridster/lib/gridster.module.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var GridsterModule = /** @class */ (function () {
         function GridsterModule() {
@@ -7090,8 +6077,7 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/ra.dashboard.module.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var DEFAULT_PERFECT_SCROLLBAR_CONFIG = {
@@ -7114,7 +6100,8 @@
                             ngxUiLoader.NgxUiLoaderModule,
                             angularNotifier.NotifierModule.withConfig(customNotifierOptions),
                             ngxPerfectScrollbar.PerfectScrollbarModule,
-                            raCommon.RACommonModule.forRoot()
+                            raCommon.RACommonModule,
+                            userControls.RAUserControlModule
                         ],
                         exports: [
                             RADashboardArea
@@ -7131,8 +6118,7 @@
 
     /**
      * @fileoverview added by tsickle
-     * Generated from: lib/ra.base.dashboard.template.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
      * @abstract
@@ -7176,36 +6162,11 @@
             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
-     * Generated from: lib/ra.base.dashboard.filter.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
      * @abstract
@@ -7252,35 +6213,7 @@
             clearAllData: [{ type: core.Input }]
         };
         return RaBaseDashboardFilter;
-    }());
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        RaBaseDashboardFilter.prototype.getAllFilterConfig;
-        /** @type {?} */
-        RaBaseDashboardFilter.prototype.setAllFilterConfig;
-        /** @type {?} */
-        RaBaseDashboardFilter.prototype.clearAllData;
-        /**
-         * @abstract
-         * @return {?}
-         */
-        RaBaseDashboardFilter.prototype.getFilterConfig = function () { };
-        /**
-         * @abstract
-         * @param {?} filter
-         * @param {?} appConfig
-         * @return {?}
-         */
-        RaBaseDashboardFilter.prototype.setFilterConfig = function (filter, appConfig) { };
-        /**
-         * @abstract
-         * @return {?}
-         */
-        RaBaseDashboardFilter.prototype.clearData = function () { };
-    }
+    }());
 
     exports.DashboardFrameworkModule = DashboardFrameworkModule;
     exports.RADashboardArea = RADashboardArea;
@@ -7299,5 +6232,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=schneideress-dashboardframework.umd.js.map