@schneideress/dashboardframework 0.0.99 → 0.0.101

package/fesm2015/schneideress-dashboardframework.js

@@ -14,8 +14,7 @@ import { RAUserControlModule } from '@schneideress/user-controls';
 
 /**
  * @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
  */
 class RaDashboardService extends BaseService {
     /**
@@ -144,19 +143,11 @@ RaDashboardService.decorators = [
 RaDashboardService.ctorParameters = () => [
     { type: Injector }
 ];
-/** @nocollapse */ RaDashboardService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(ɵɵinject(INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    RaDashboardService.prototype.loadedScripts;
-}
+/** @nocollapse */ RaDashboardService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RaDashboardService_Factory() { return new RaDashboardService(ɵɵinject(INJECTOR)); }, token: RaDashboardService, providedIn: "root" });
 
 /**
  * @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
  */
 class RADashboardEventBus {
     constructor() {
@@ -226,19 +217,11 @@ RADashboardEventBus.decorators = [
                 providedIn: 'root'
             },] }
 ];
-/** @nocollapse */ RADashboardEventBus.ngInjectableDef = ɵɵdefineInjectable({ factory: function RADashboardEventBus_Factory() { return new RADashboardEventBus(); }, token: RADashboardEventBus, providedIn: "root" });
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    RADashboardEventBus.prototype.eventQueue;
-}
+/** @nocollapse */ RADashboardEventBus.ngInjectableDef = ɵɵdefineInjectable({ factory: function RADashboardEventBus_Factory() { return new RADashboardEventBus(); }, token: RADashboardEventBus, providedIn: "root" });
 
 /**
  * @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} */
 const RAEvent = {
@@ -287,225 +270,38 @@ const RAEventKey = {
 
 /**
  * @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} */
 const 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} */
 const DisplayGrid = {
-    Always: "always",
-    OnDragAndResize: "onDrag&Resize",
-    None: "none",
+    Always: 'always',
+    OnDragAndResize: 'onDrag&Resize',
+    None: 'none',
 };
 /** @enum {string} */
 const 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 {?} */
 const GridsterConfigDefaultSettings = {
@@ -571,8 +367,7 @@ const GridsterConfigDefaultSettings = {
 
 /**
  * @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
  */
 class RADashboardArea {
     /**
@@ -591,6 +386,7 @@ class RADashboardArea {
         this.widgetList = Array();
         this.gridheight = 300;
         this.isWidgetLoaded = false;
+        this.domResized = false;
         this.widgetHeight = 3;
         this.widgetWidth = 5;
     }
@@ -606,6 +402,7 @@ class RADashboardArea {
          */
         function () {
             areaContext.setAreaHeight();
+            areaContext.domResized = !areaContext.domResized;
         }), 1000);
     }
     /**
@@ -627,6 +424,11 @@ class RADashboardArea {
             this.inititateEventBusSubscritions();
         }
     }
+    // public invokeResizeEvent() {
+    //   this.widgetContainers.forEach(function(container,i){
+    //     container.invokeWidgetResizedEvent();
+    //   });
+    // }
     /**
      * To set GridsterConfig
      * @return {?}
@@ -833,7 +635,7 @@ class RADashboardArea {
             areaHeight = 600;
         }
         this.gridheight = areaHeight;
-        console.log('area height adjusted');
+        console.log('area height adjusted1');
     }
     /**
      * To remove a widget instance from dashboard and to save info in database
@@ -988,7 +790,7 @@ class RADashboardArea {
 RADashboardArea.decorators = [
     { type: Component, args: [{
                 selector: 'ra-dashboard-area',
-                template: "<div #gridWrapper class=\"wrap gridster\" [style.height.px]=\"gridheight\" >\r\n<!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n        [global-filter]=\"globalFilter\" [grid-cell-height]=\"item.widgetInfo.rowHeight\" [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",
+                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\" [grid-cell-height]=\"item.widgetInfo.rowHeight\" [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\"></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;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)}"]
             }] }
 ];
@@ -1010,86 +812,11 @@ RADashboardArea.propDecorators = {
     appConfig: [{ type: Input, args: ['app-config',] }],
     gridWrapper: [{ type: ViewChild, args: ['gridWrapper', { static: false },] }],
     onResize: [{ type: HostListener, args: ['window:resize', ['$event'],] }]
-};
-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 {?} */
-    RADashboardArea.prototype.gridWrapper;
-    /**
-     * @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
  */
 class RAWidgetContainer {
     /**
@@ -1138,6 +865,13 @@ class RAWidgetContainer {
             }
         }));
     }
+    /**
+     * @param {?} resized
+     * @return {?}
+     */
+    set setResized(resized) {
+        this.invokeWidgetResizedEvent();
+    }
     /**
      * @param {?} changes
      * @return {?}
@@ -1162,14 +896,20 @@ class RAWidgetContainer {
         }
         if (changes.width && changes.width.currentValue != changes.width.previousValue ||
             (changes.height && changes.height.currentValue != changes.height.previousValue)) {
-            if (this.widgetElement) {
-                /** @type {?} */
-                let size = {};
-                size.height = this.height;
-                size.width = this.width;
-                size.cellHeight = this.gridCellHeight;
-                this.widgetElement.widgetResized(size);
-            }
+            this.invokeWidgetResizedEvent();
+        }
+    }
+    /**
+     * @return {?}
+     */
+    invokeWidgetResizedEvent() {
+        if (this.widgetElement) {
+            /** @type {?} */
+            let size = {};
+            size.height = this.height;
+            size.width = this.width;
+            size.cellHeight = this.gridCellHeight;
+            this.widgetElement.widgetResized(size);
         }
     }
     /**
@@ -1454,8 +1194,8 @@ class RAWidgetContainer {
 RAWidgetContainer.decorators = [
     { type: Component, args: [{
                 selector: 'ra-widget-container',
-                template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n  <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine}\">\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\r\n        <div class=\"col-md-11 float-left title-label\">\r\n          <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n            <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n              #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n          </ra-tooltip>\r\n        </div>\r\n\r\n\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=\"fal 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=\"fal 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                <i [ngClass]=\"lockClass\"></i>\r\n\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:45px;background:#fff;color:#3dcd58;position:absolute;left:0;top:0}.underLine{border-bottom:2px solid #d4d7d8}.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;transform:translateY(-20%)}100%{opacity:1;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}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"]
+                template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n  <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine}\">\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\r\n        <div class=\"col-md-10 float-left title-label\">\r\n          <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n            <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n              #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n          </ra-tooltip>\r\n        </div>\r\n\r\n\r\n        <div class=\"col-md-2\" 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=\"fal 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=\"fal 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                <i [ngClass]=\"lockClass\"></i>\r\n\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:45px;background:#fff;color:#3dcd58;position:absolute;left:0;top:0}.underLine{border-bottom:1px solid;border-color:#a9afb1}.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}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"]
             }] }
 ];
 /** @nocollapse */
@@ -1480,115 +1220,13 @@ RAWidgetContainer.propDecorators = {
     width: [{ type: Input, args: ['widget-width',] }],
     height: [{ type: Input, args: ['widget-height',] }],
     gridCellHeight: [{ type: Input, args: ['grid-cell-height',] }],
-    widgetDeleted: [{ type: Output }]
-};
-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.enableTitleLine;
-    /** @type {?} */
-    RAWidgetContainer.prototype.toolTipValue;
-    /** @type {?} */
-    RAWidgetContainer.prototype.toolTipWidth;
-    /** @type {?} */
-    RAWidgetContainer.prototype.ctlWidget;
-    /** @type {?} */
-    RAWidgetContainer.prototype.widgetDropdown;
-    /** @type {?} */
-    RAWidgetContainer.prototype.widgetDownload;
-    /** @type {?} */
-    RAWidgetContainer.prototype.searchInput;
-    /** @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.gridCellHeight;
-    /** @type {?} */
-    RAWidgetContainer.prototype.widgetDeleted;
-    /** @type {?} */
-    RAWidgetContainer.prototype.lockTitle;
-    /**
-     * @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;
-}
+    widgetDeleted: [{ type: Output }],
+    setResized: [{ type: Input, args: ['dom-resized',] }]
+};
 
 /**
  * @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 {?} */
 const customNotifierOptions = {
@@ -1634,8 +1272,7 @@ const customNotifierOptions = {
 
 /**
  * @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 {?} */
 const GridsterConfigService = {
@@ -1813,8 +1450,7 @@ const GridsterConfigService = {
 
 /**
  * @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
  */
 class GridsterUtils {
     /**
@@ -1950,93 +1586,17 @@ GridsterUtils.decorators = [
 
 /**
  * @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
  */
 class GridsterComponentInterface {
-}
-if (false) {
-    /** @type {?} */
-    GridsterComponentInterface.prototype.$options;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.grid;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.checkCollision;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.positionXToPixels;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.pixelsToPositionX;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.positionYToPixels;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.pixelsToPositionY;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.findItemWithItem;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.findItemsWithItem;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.checkGridCollision;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.el;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.renderer;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.gridRenderer;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.cdRef;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.options;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.calculateLayoutDebounce;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.updateGrid;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.movingItem;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.addItem;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.removeItem;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.previewStyle;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.mobile;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.curWidth;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.curHeight;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.columns;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.rows;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.curColWidth;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.curRowHeight;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.windowResize;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.setGridDimensions;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.dragInProgress;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.emptyCell;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.compact;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.zone;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.gridRows;
-    /** @type {?} */
-    GridsterComponentInterface.prototype.gridColumns;
 }
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterEmptyCell {
     /**
@@ -2313,45 +1873,11 @@ GridsterEmptyCell.decorators = [
 /** @nocollapse */
 GridsterEmptyCell.ctorParameters = () => [
     { type: GridsterComponentInterface }
-];
-if (false) {
-    /** @type {?} */
-    GridsterEmptyCell.prototype.initialItem;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellClick;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellClickTouch;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellContextMenu;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellDrop;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellDrag;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellDragTouch;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellMMove;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellMMoveTouch;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellUp;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellUpTouch;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellMove;
-    /** @type {?} */
-    GridsterEmptyCell.prototype.emptyCellExit;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterEmptyCell.prototype.gridster;
-}
+];
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterCompact {
     /**
@@ -2560,19 +2086,11 @@ GridsterCompact.decorators = [
 /** @nocollapse */
 GridsterCompact.ctorParameters = () => [
     { type: GridsterComponentInterface }
-];
-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
  */
 class GridsterRenderer {
     /**
@@ -2835,19 +2353,11 @@ GridsterRenderer.decorators = [
 /** @nocollapse */
 GridsterRenderer.ctorParameters = () => [
     { type: GridsterComponentInterface }
-];
-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
  */
 class GridsterComponent {
     /**
@@ -2981,17 +2491,6 @@ class GridsterComponent {
         if (this.options.destroyCallback) {
             this.options.destroyCallback(this);
         }
-        //if (this.options.api) {
-        /* this.options.api getting undefined for new dashboard load- temp fix
-        *  on new dashboard area load, old dashboard area gets destroyed, but that leads to
-        *  ondestroy of current this.options.api instance - needs to investigate further
-        */
-        if (false) {
-            this.options.api.resize = undefined;
-            this.options.api.optionsChanged = undefined;
-            this.options.api.getNextPossiblePosition = undefined;
-            this.options.api = undefined;
-        }
         this.emptyCell.destroy();
         delete this.emptyCell;
         this.compact.destroy();
@@ -3487,111 +2986,21 @@ GridsterComponent.ctorParameters = () => [
 ];
 GridsterComponent.propDecorators = {
     options: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    GridsterComponent.prototype.options;
-    /** @type {?} */
-    GridsterComponent.prototype.calculateLayoutDebounce;
-    /** @type {?} */
-    GridsterComponent.prototype.movingItem;
-    /** @type {?} */
-    GridsterComponent.prototype.previewStyle;
-    /** @type {?} */
-    GridsterComponent.prototype.el;
-    /** @type {?} */
-    GridsterComponent.prototype.$options;
-    /** @type {?} */
-    GridsterComponent.prototype.mobile;
-    /** @type {?} */
-    GridsterComponent.prototype.curWidth;
-    /** @type {?} */
-    GridsterComponent.prototype.curHeight;
-    /** @type {?} */
-    GridsterComponent.prototype.grid;
-    /** @type {?} */
-    GridsterComponent.prototype.columns;
-    /** @type {?} */
-    GridsterComponent.prototype.rows;
-    /** @type {?} */
-    GridsterComponent.prototype.curColWidth;
-    /** @type {?} */
-    GridsterComponent.prototype.curRowHeight;
-    /** @type {?} */
-    GridsterComponent.prototype.gridColumns;
-    /** @type {?} */
-    GridsterComponent.prototype.gridRows;
-    /** @type {?} */
-    GridsterComponent.prototype.windowResize;
-    /** @type {?} */
-    GridsterComponent.prototype.dragInProgress;
-    /** @type {?} */
-    GridsterComponent.prototype.emptyCell;
-    /** @type {?} */
-    GridsterComponent.prototype.compact;
-    /** @type {?} */
-    GridsterComponent.prototype.gridRenderer;
-    /** @type {?} */
-    GridsterComponent.prototype.renderer;
-    /** @type {?} */
-    GridsterComponent.prototype.cdRef;
-    /** @type {?} */
-    GridsterComponent.prototype.zone;
-}
+};
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterItemComponentInterface {
-}
-if (false) {
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.item;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.$item;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.top;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.left;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.width;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.height;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.drag;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.resize;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.notPlaced;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.updateOptions;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.itemChanged;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.setSize;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.checkItemChanges;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.canBeDragged;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.canBeResized;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.el;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.gridster;
-    /** @type {?} */
-    GridsterItemComponentInterface.prototype.renderer;
 }
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterSwap {
     /**
@@ -3702,29 +3111,11 @@ GridsterSwap.decorators = [
 /** @nocollapse */
 GridsterSwap.ctorParameters = () => [
     { type: GridsterItemComponentInterface }
-];
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterSwap.prototype.swapedItem;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterSwap.prototype.gridsterItem;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterSwap.prototype.gridster;
-}
+];
 
 /**
  * @fileoverview added by tsickle
- * 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 {?} */
 let scrollSensitivity;
@@ -3919,8 +3310,7 @@ function cancelN() {
 
 /**
  * @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
  */
 class GridsterPush {
     /**
@@ -4331,62 +3721,11 @@ GridsterPush.decorators = [
 /** @nocollapse */
 GridsterPush.ctorParameters = () => [
     { type: GridsterItemComponentInterface }
-];
-if (false) {
-    /** @type {?} */
-    GridsterPush.prototype.fromSouth;
-    /** @type {?} */
-    GridsterPush.prototype.fromNorth;
-    /** @type {?} */
-    GridsterPush.prototype.fromEast;
-    /** @type {?} */
-    GridsterPush.prototype.fromWest;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPush.prototype.pushedItems;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPush.prototype.pushedItemsTemp;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPush.prototype.pushedItemsTempPath;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPush.prototype.pushedItemsPath;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPush.prototype.gridsterItem;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPush.prototype.gridster;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPush.prototype.pushedItemsOrder;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPush.prototype.tryPattern;
-}
+];
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterDraggable {
     /**
@@ -4664,10 +4003,6 @@ class GridsterDraggable {
             this.gridsterItem.$item.cols = itemColsbackup;
             this.gridsterItem.$item.rows = itemRowsbackup;
         }
-        else {
-            // this.gridsterItem.item.rows=this.gridsterItem.$item.rows;
-            // this.gridsterItem.item.cols=this.gridsterItem.$item.cols;
-        }
         return this.gridsterItem.$item;
     }
     /**
@@ -4812,85 +4147,11 @@ GridsterDraggable.ctorParameters = () => [
     { type: GridsterItemComponentInterface },
     { type: GridsterComponentInterface },
     { type: NgZone }
-];
-if (false) {
-    /** @type {?} */
-    GridsterDraggable.prototype.gridsterItem;
-    /** @type {?} */
-    GridsterDraggable.prototype.gridster;
-    /** @type {?} */
-    GridsterDraggable.prototype.lastMouse;
-    /** @type {?} */
-    GridsterDraggable.prototype.offsetLeft;
-    /** @type {?} */
-    GridsterDraggable.prototype.offsetTop;
-    /** @type {?} */
-    GridsterDraggable.prototype.margin;
-    /** @type {?} */
-    GridsterDraggable.prototype.diffTop;
-    /** @type {?} */
-    GridsterDraggable.prototype.diffLeft;
-    /** @type {?} */
-    GridsterDraggable.prototype.top;
-    /** @type {?} */
-    GridsterDraggable.prototype.left;
-    /** @type {?} */
-    GridsterDraggable.prototype.height;
-    /** @type {?} */
-    GridsterDraggable.prototype.width;
-    /** @type {?} */
-    GridsterDraggable.prototype.positionX;
-    /** @type {?} */
-    GridsterDraggable.prototype.positionY;
-    /** @type {?} */
-    GridsterDraggable.prototype.positionXBackup;
-    /** @type {?} */
-    GridsterDraggable.prototype.positionYBackup;
-    /** @type {?} */
-    GridsterDraggable.prototype.enabled;
-    /** @type {?} */
-    GridsterDraggable.prototype.dragStartFunction;
-    /** @type {?} */
-    GridsterDraggable.prototype.dragFunction;
-    /** @type {?} */
-    GridsterDraggable.prototype.dragStopFunction;
-    /** @type {?} */
-    GridsterDraggable.prototype.mousemove;
-    /** @type {?} */
-    GridsterDraggable.prototype.mouseup;
-    /** @type {?} */
-    GridsterDraggable.prototype.mouseleave;
-    /** @type {?} */
-    GridsterDraggable.prototype.cancelOnBlur;
-    /** @type {?} */
-    GridsterDraggable.prototype.touchmove;
-    /** @type {?} */
-    GridsterDraggable.prototype.touchend;
-    /** @type {?} */
-    GridsterDraggable.prototype.touchcancel;
-    /** @type {?} */
-    GridsterDraggable.prototype.mousedown;
-    /** @type {?} */
-    GridsterDraggable.prototype.touchstart;
-    /** @type {?} */
-    GridsterDraggable.prototype.push;
-    /** @type {?} */
-    GridsterDraggable.prototype.swap;
-    /** @type {?} */
-    GridsterDraggable.prototype.path;
-    /** @type {?} */
-    GridsterDraggable.prototype.collision;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterDraggable.prototype.zone;
-}
+];
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterPushResize {
     /**
@@ -5206,47 +4467,11 @@ GridsterPushResize.decorators = [
 /** @nocollapse */
 GridsterPushResize.ctorParameters = () => [
     { type: GridsterItemComponentInterface }
-];
-if (false) {
-    /** @type {?} */
-    GridsterPushResize.prototype.fromSouth;
-    /** @type {?} */
-    GridsterPushResize.prototype.fromNorth;
-    /** @type {?} */
-    GridsterPushResize.prototype.fromEast;
-    /** @type {?} */
-    GridsterPushResize.prototype.fromWest;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPushResize.prototype.pushedItems;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPushResize.prototype.pushedItemsPath;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPushResize.prototype.gridsterItem;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPushResize.prototype.gridster;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterPushResize.prototype.tryPattern;
-}
+];
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterResizable {
     /**
@@ -5712,87 +4937,11 @@ GridsterResizable.ctorParameters = () => [
     { type: GridsterItemComponentInterface },
     { type: GridsterComponentInterface },
     { type: NgZone }
-];
-if (false) {
-    /** @type {?} */
-    GridsterResizable.prototype.gridsterItem;
-    /** @type {?} */
-    GridsterResizable.prototype.gridster;
-    /** @type {?} */
-    GridsterResizable.prototype.lastMouse;
-    /** @type {?} */
-    GridsterResizable.prototype.itemBackup;
-    /** @type {?} */
-    GridsterResizable.prototype.resizeEventScrollType;
-    /** @type {?} */
-    GridsterResizable.prototype.directionFunction;
-    /** @type {?} */
-    GridsterResizable.prototype.dragFunction;
-    /** @type {?} */
-    GridsterResizable.prototype.dragStopFunction;
-    /** @type {?} */
-    GridsterResizable.prototype.resizeEnabled;
-    /** @type {?} */
-    GridsterResizable.prototype.mousemove;
-    /** @type {?} */
-    GridsterResizable.prototype.mouseup;
-    /** @type {?} */
-    GridsterResizable.prototype.mouseleave;
-    /** @type {?} */
-    GridsterResizable.prototype.cancelOnBlur;
-    /** @type {?} */
-    GridsterResizable.prototype.touchmove;
-    /** @type {?} */
-    GridsterResizable.prototype.touchend;
-    /** @type {?} */
-    GridsterResizable.prototype.touchcancel;
-    /** @type {?} */
-    GridsterResizable.prototype.push;
-    /** @type {?} */
-    GridsterResizable.prototype.pushResize;
-    /** @type {?} */
-    GridsterResizable.prototype.minHeight;
-    /** @type {?} */
-    GridsterResizable.prototype.minWidth;
-    /** @type {?} */
-    GridsterResizable.prototype.offsetTop;
-    /** @type {?} */
-    GridsterResizable.prototype.offsetLeft;
-    /** @type {?} */
-    GridsterResizable.prototype.diffTop;
-    /** @type {?} */
-    GridsterResizable.prototype.diffLeft;
-    /** @type {?} */
-    GridsterResizable.prototype.diffRight;
-    /** @type {?} */
-    GridsterResizable.prototype.diffBottom;
-    /** @type {?} */
-    GridsterResizable.prototype.margin;
-    /** @type {?} */
-    GridsterResizable.prototype.top;
-    /** @type {?} */
-    GridsterResizable.prototype.left;
-    /** @type {?} */
-    GridsterResizable.prototype.bottom;
-    /** @type {?} */
-    GridsterResizable.prototype.right;
-    /** @type {?} */
-    GridsterResizable.prototype.width;
-    /** @type {?} */
-    GridsterResizable.prototype.height;
-    /** @type {?} */
-    GridsterResizable.prototype.newPosition;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterResizable.prototype.zone;
-}
+];
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterItemComponent {
     /**
@@ -5963,45 +5112,11 @@ GridsterItemComponent.ctorParameters = () => [
 ];
 GridsterItemComponent.propDecorators = {
     item: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    GridsterItemComponent.prototype.item;
-    /** @type {?} */
-    GridsterItemComponent.prototype.$item;
-    /** @type {?} */
-    GridsterItemComponent.prototype.el;
-    /** @type {?} */
-    GridsterItemComponent.prototype.gridster;
-    /** @type {?} */
-    GridsterItemComponent.prototype.top;
-    /** @type {?} */
-    GridsterItemComponent.prototype.left;
-    /** @type {?} */
-    GridsterItemComponent.prototype.width;
-    /** @type {?} */
-    GridsterItemComponent.prototype.height;
-    /** @type {?} */
-    GridsterItemComponent.prototype.drag;
-    /** @type {?} */
-    GridsterItemComponent.prototype.resize;
-    /** @type {?} */
-    GridsterItemComponent.prototype.notPlaced;
-    /** @type {?} */
-    GridsterItemComponent.prototype.init;
-    /** @type {?} */
-    GridsterItemComponent.prototype.renderer;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridsterItemComponent.prototype.zone;
-}
+};
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterPreviewComponent {
     /**
@@ -6053,20 +5168,11 @@ GridsterPreviewComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: GridsterComponent, decorators: [{ type: Host }] },
     { type: Renderer2 }
-];
-if (false) {
-    /** @type {?} */
-    GridsterPreviewComponent.prototype.el;
-    /** @type {?} */
-    GridsterPreviewComponent.prototype.gridster;
-    /** @type {?} */
-    GridsterPreviewComponent.prototype.renderer;
-}
+];
 
 /**
  * @fileoverview added by tsickle
- * 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
  */
 class GridsterModule {
 }
@@ -6088,8 +5194,7 @@ GridsterModule.decorators = [
 
 /**
  * @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 {?} */
 const DEFAULT_PERFECT_SCROLLBAR_CONFIG = {
@@ -6127,8 +5232,7 @@ DashboardFrameworkModule.decorators = [
 
 /**
  * @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
@@ -6170,36 +5274,11 @@ RaBaseDashboardTemplate.propDecorators = {
     dashboardId: [{ type: Input, args: ['dashboard-id',] }],
     globalFilter: [{ type: Input, args: ['global-filter',] }],
     initialize: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    RaBaseDashboardTemplate.prototype.userDashboardId;
-    /** @type {?} */
-    RaBaseDashboardTemplate.prototype.raDashboardEventBus;
-    /** @type {?} */
-    RaBaseDashboardTemplate.prototype.appConfig;
-    /** @type {?} */
-    RaBaseDashboardTemplate.prototype.dashboardId;
-    /** @type {?} */
-    RaBaseDashboardTemplate.prototype.globalFilter;
-    /** @type {?} */
-    RaBaseDashboardTemplate.prototype.initialize;
-    /**
-     * @type {?}
-     * @private
-     */
-    RaBaseDashboardTemplate.prototype.ngZone;
-    /**
-     * @abstract
-     * @return {?}
-     */
-    RaBaseDashboardTemplate.prototype.init = function () { };
-}
+};
 
 /**
  * @fileoverview added by tsickle
- * 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
@@ -6248,53 +5327,16 @@ RaBaseDashboardFilter.propDecorators = {
     setAllFilterConfig: [{ type: Input }],
     isValidEntry: [{ type: Input }],
     clearAllData: [{ type: Input }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    RaBaseDashboardFilter.prototype.getAllFilterConfig;
-    /** @type {?} */
-    RaBaseDashboardFilter.prototype.setAllFilterConfig;
-    /** @type {?} */
-    RaBaseDashboardFilter.prototype.isValidEntry;
-    /** @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 () { };
-    /**
-     * @abstract
-     * @return {?}
-     */
-    RaBaseDashboardFilter.prototype.isValid = function () { };
-}
+};
 
 /**
  * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 /**
  * @fileoverview added by tsickle
- * Generated from: schneideress-dashboardframework.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, GridsterModule as ɵa, GridsterComponent as ɵb, GridsterItemComponent as ɵc, GridsterPreviewComponent as ɵd, customNotifierOptions as ɵe };