@schneideress/dashboardframework 0.0.247 → 0.0.249

package/fesm5/schneideress-dashboardframework.js

@@ -184,6 +184,8 @@ var RAEvent;
     RAEvent["UpdateAppledFiterForInapplicableFilter"] = "UpdateAppledFiterForInapplicableFilter";
     /**show inapplicable filter message in global filter flyout */
     RAEvent["ShowInapplicableFilterMessage"] = "ShowInapplicableFilterMessage";
+    /** Bulk Action Clicked */
+    RAEvent["BulkActionClick"] = "BulkActionClick";
 })(RAEvent || (RAEvent = {}));
 var RAEventKey;
 (function (RAEventKey) {
@@ -440,6 +442,9 @@ var RADashboardArea = /** @class */ (function () {
             }
             else {
                 setTimeout(function () {
+                    _this.raDashboardEventBus.subscribe(RAEvent.BulkActionClick).subscribe(function (data) {
+                        _this.bulkActionData = JSON.parse(JSON.stringify(data)); // To create a new reference;
+                    });
                     _this.gridcellHeight = _this.options.api.getCurrentRowHeight();
                     _this.domResized = !_this.domResized;
                     _this.setAreaHeight();
@@ -853,6 +858,10 @@ var RADashboardArea = /** @class */ (function () {
         Input('app-config'),
         __metadata("design:type", Object)
     ], RADashboardArea.prototype, "appConfig", void 0);
+    __decorate([
+        Input('dashboard-info'),
+        __metadata("design:type", Object)
+    ], RADashboardArea.prototype, "dashboardInfo", void 0);
     __decorate([
         Output(),
         __metadata("design:type", Object)
@@ -864,7 +873,7 @@ var RADashboardArea = /** @class */ (function () {
     RADashboardArea = __decorate([
         Component({
             selector: 'ra-dashboard-area',
-            template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\"\r\n        (updateAppliedFilters)=\"updateAppliedFilters($event)\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n\r\n  <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n    <div class=\"empty-wrapper\">\r\n      <div></div>\r\n      <div class=\"m-1 empty-prefix\">\r\n        <i class=\"fal fa-edit edit-icon\"></i>\r\n        <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n      </div>\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n            {{'dashboard.emptydashboardmessage2'|translate}}\r\n          </div>\r\n          <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n            <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>",
+            template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n  <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [dashboard-info]=\"dashboardInfo\" [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n        (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n        [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n        [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\"\r\n        (updateAppliedFilters)=\"updateAppliedFilters($event)\">\r\n      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n\r\n  <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n    <div class=\"empty-wrapper\">\r\n      <div></div>\r\n      <div class=\"m-1 empty-prefix\">\r\n        <i class=\"fal fa-edit edit-icon\"></i>\r\n        <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n      </div>\r\n      <div class=\"empty-content light\">\r\n        <div>\r\n          <div class=\"col-sm-12 empty-msg\">\r\n            {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n            {{'dashboard.emptydashboardmessage2'|translate}}\r\n          </div>\r\n          <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n            <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <notifier-container></notifier-container>\r\n</div>",
             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;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)}@media screen and (max-width:685px){.gridster-mobile{height:auto!important;margin-bottom:50px!important}}@media screen and (max-width:350px){.gridster-mobile{min-height:330px!important;margin-bottom:0!important}}.empty-padding{padding:40px 20px 20px;background-color:#ededed;display:flex;justify-content:center;align-content:center}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:72%}.empty-prefix{color:#32ad3c;font-size:18px;display:flex;align-items:center;padding:10px 30px;min-width:-webkit-max-content;min-width:max-content;min-width:-moz-max-content}.empty-content{color:#333;border-left:1px solid #a9afb1;width:100%;display:flex;align-items:center;padding:15px 30px 10px 40px}.empty-msg{padding:0 0 5px;font-size:16px}.dashboard-button{padding:5px 10px 5px 5px!important}.btnLib{background-color:#ededed;color:#333!important}.btn-group-sm>.btn,.btn-sm{padding:5px 20px 5px 5px}.edit-icon{color:#32ad3c;font-size:24px;margin-right:15px}.empty-title{margin-top:10px}@media screen and (max-width:600px){.empty-padding{padding:10px;background-color:#ededed;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:6px 10px 8px}.empty-content{color:#333;display:flex;padding:5px 10px 10px;margin-top:44px;margin-left:-185px;border-left:none}.empty-msg{padding:12px 10px 10px 5px;font-size:14px;border-top:1px solid #a9afb1}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]
         }),
         __metadata("design:paramtypes", [RaDashboardService,
@@ -1015,20 +1024,27 @@ var RAWidgetContainer = /** @class */ (function () {
                 });
             });
         }
-        if (this.widgetElement && changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
-            var filterObj = this.getParsedConfig(this.globalFilter);
-            if (filterObj.WidgetInstanceId) {
-                if (this.data.widgetInfo.widgetInstanceId != filterObj.WidgetInstanceId)
+        if (this.widgetElement) {
+            if (changes.bulkActionData && changes.bulkActionData.currentValue != changes.bulkActionData.previousValue) {
+                if (typeof this.widgetElement.bulkActionClicked === "function") {
+                    this.widgetElement.bulkActionClicked(this.bulkActionData);
+                }
+            }
+            if (changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
+                var filterObj = this.getParsedConfig(this.globalFilter);
+                if (filterObj.WidgetInstanceId) {
+                    if (this.data.widgetInfo.widgetInstanceId != filterObj.WidgetInstanceId)
+                        this.refreshWidget(this.data.widgetInfo);
+                }
+                else {
                     this.refreshWidget(this.data.widgetInfo);
+                }
             }
-            else {
-                this.refreshWidget(this.data.widgetInfo);
+            if (changes.width && changes.width.currentValue != changes.width.previousValue ||
+                (changes.height && changes.height.currentValue != changes.height.previousValue)) {
+                this.invokeWidgetResizedEvent();
             }
         }
-        if (changes.width && changes.width.currentValue != changes.width.previousValue ||
-            (changes.height && changes.height.currentValue != changes.height.previousValue)) {
-            this.invokeWidgetResizedEvent();
-        }
     };
     RAWidgetContainer.prototype.invokeWidgetResizedEvent = function () {
         if (this.widgetElement) {
@@ -1291,6 +1307,7 @@ var RAWidgetContainer = /** @class */ (function () {
                                             widgetConfigFilter.configChanges = this.getConfigChanges(false);
                                             widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                                             widgetConfigFilter.globalFilter = this.globalFilter;
+                                            widgetConfigFilter.dashboardInfo = me.dashboardInfo;
                                             this.widgetElement.loadContent(widgetConfigFilter);
                                             return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
                                         case 1:
@@ -1734,6 +1751,10 @@ var RAWidgetContainer = /** @class */ (function () {
         Input('global-filter'),
         __metadata("design:type", Object)
     ], RAWidgetContainer.prototype, "globalFilter", void 0);
+    __decorate([
+        Input('dashboard-info'),
+        __metadata("design:type", Object)
+    ], RAWidgetContainer.prototype, "dashboardInfo", void 0);
     __decorate([
         Input('data'),
         __metadata("design:type", Object)
@@ -1758,6 +1779,10 @@ var RAWidgetContainer = /** @class */ (function () {
         Input('grid-cell-height'),
         __metadata("design:type", Number)
     ], RAWidgetContainer.prototype, "gridCellHeight", void 0);
+    __decorate([
+        Input('bulk-action-data'),
+        __metadata("design:type", Object)
+    ], RAWidgetContainer.prototype, "bulkActionData", void 0);
     __decorate([
         Output(),
         __metadata("design:type", Object)
@@ -2655,10 +2680,10 @@ var GridsterComponent = /** @class */ (function () {
     }
     GridsterComponent_1 = GridsterComponent;
     GridsterComponent.checkCollisionTwoItems = function (item, item2) {
-        return (item.x < item2.x + item2.cols &&
-            item.x + item.cols > item2.x &&
-            item.y < item2.y + item2.rows &&
-            item.y + item.rows > item2.y);
+        return item.x < item2.x + item2.cols
+            && item.x + item.cols > item2.x
+            && item.y < item2.y + item2.rows
+            && item.y + item.rows > item2.y;
     };
     GridsterComponent.prototype.ngOnInit = function () {
         if (this.options.initCallback) {
@@ -2666,7 +2691,6 @@ var GridsterComponent = /** @class */ (function () {
         }
     };
     GridsterComponent.prototype.ngOnChanges = function (changes) {
-        console.log(this.$options);
         if (changes.options) {
             this.setOptions();
             this.options.api = {
@@ -2675,7 +2699,7 @@ var GridsterComponent = /** @class */ (function () {
                 getNextPossiblePosition: this.getNextPossiblePosition.bind(this),
                 getFirstPossiblePosition: this.getFirstPossiblePosition.bind(this),
                 getLastPossiblePosition: this.getLastPossiblePosition.bind(this),
-                getCurrentRowHeight: this.getCurrentRowHeight.bind(this),
+                getCurrentRowHeight: this.getCurrentRowHeight.bind(this)
             };
             this.columns = this.$options.minCols;
             this.rows = this.$options.minRows;
@@ -2689,7 +2713,7 @@ var GridsterComponent = /** @class */ (function () {
     GridsterComponent.prototype.resize = function () {
         var height;
         var width;
-        if (this.$options.gridType === "fit" && !this.mobile) {
+        if (this.$options.gridType === 'fit' && !this.mobile) {
             width = this.el.offsetWidth;
             height = this.el.offsetHeight;
         }
@@ -2697,15 +2721,14 @@ var GridsterComponent = /** @class */ (function () {
             width = this.el.clientWidth;
             height = this.el.clientHeight;
         }
-        if ((width !== this.curWidth || height !== this.curHeight) &&
-            this.checkIfToResize()) {
+        if ((width !== this.curWidth || height !== this.curHeight) && this.checkIfToResize()) {
             this.onResize();
         }
     };
     GridsterComponent.prototype.setOptions = function () {
         this.$options = GridsterUtils.merge(this.$options, this.options, this.$options);
         if (!this.$options.disableWindowResize && !this.windowResize) {
-            this.windowResize = this.renderer.listen("window", "resize", this.onResize.bind(this));
+            this.windowResize = this.renderer.listen('window', 'resize', this.onResize.bind(this));
         }
         else if (this.$options.disableWindowResize && this.windowResize) {
             this.windowResize();
@@ -2731,9 +2754,9 @@ var GridsterComponent = /** @class */ (function () {
         }
         //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
-         */
+        *  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;
@@ -2756,12 +2779,10 @@ var GridsterComponent = /** @class */ (function () {
         var clientHeight = this.el.clientHeight;
         var offsetHeight = this.el.offsetHeight;
         var scrollHeight = this.el.scrollHeight;
-        var verticalScrollPresent = clientWidth < offsetWidth &&
-            scrollHeight > offsetHeight &&
-            scrollHeight - offsetHeight < offsetWidth - clientWidth;
-        var horizontalScrollPresent = clientHeight < offsetHeight &&
-            scrollWidth > offsetWidth &&
-            scrollWidth - offsetWidth < offsetHeight - clientHeight;
+        var verticalScrollPresent = clientWidth < offsetWidth && scrollHeight > offsetHeight
+            && scrollHeight - offsetHeight < offsetWidth - clientWidth;
+        var horizontalScrollPresent = clientHeight < offsetHeight
+            && scrollWidth > offsetWidth && scrollWidth - offsetWidth < offsetHeight - clientHeight;
         if (verticalScrollPresent) {
             return false;
         }
@@ -2771,8 +2792,7 @@ var GridsterComponent = /** @class */ (function () {
         var el = this.el;
         var width = el.clientWidth;
         var height = el.clientHeight;
-        if (this.$options.setGridSize ||
-            (this.$options.gridType === "fit" && !this.mobile)) {
+        if (this.$options.setGridSize || this.$options.gridType === 'fit' && !this.mobile) {
             width = el.offsetWidth;
             height = el.offsetHeight;
         }
@@ -2787,11 +2807,11 @@ var GridsterComponent = /** @class */ (function () {
         this.setGridSize();
         if (!this.mobile && this.$options.mobileBreakpoint > this.curWidth) {
             this.mobile = !this.mobile;
-            this.renderer.addClass(this.el, "mobile");
+            this.renderer.addClass(this.el, 'mobile');
         }
         else if (this.mobile && this.$options.mobileBreakpoint < this.curWidth) {
             this.mobile = !this.mobile;
-            this.renderer.removeClass(this.el, "mobile");
+            this.renderer.removeClass(this.el, 'mobile');
         }
         var rows = this.$options.minRows, columns = this.$options.minCols;
         var widgetsIndex = this.grid.length - 1, widget;
@@ -2819,57 +2839,57 @@ var GridsterComponent = /** @class */ (function () {
             var marginWidth = -this.$options.margin;
             if (this.$options.outerMarginLeft !== null) {
                 marginWidth += this.$options.outerMarginLeft;
-                this.renderer.setStyle(this.el, "padding-left", this.$options.outerMarginLeft + "px");
+                this.renderer.setStyle(this.el, 'padding-left', this.$options.outerMarginLeft + 'px');
             }
             else {
                 marginWidth += this.$options.margin;
-                this.renderer.setStyle(this.el, "padding-left", this.$options.margin + "px");
+                this.renderer.setStyle(this.el, 'padding-left', this.$options.margin + 'px');
             }
             if (this.$options.outerMarginRight !== null) {
                 marginWidth += this.$options.outerMarginRight;
-                this.renderer.setStyle(this.el, "padding-right", this.$options.outerMarginRight + "px");
+                this.renderer.setStyle(this.el, 'padding-right', this.$options.outerMarginRight + 'px');
             }
             else {
                 marginWidth += this.$options.margin;
-                this.renderer.setStyle(this.el, "padding-right", this.$options.margin + "px");
+                this.renderer.setStyle(this.el, 'padding-right', this.$options.margin + 'px');
             }
             this.curColWidth = (this.curWidth - marginWidth) / this.columns;
             var marginHeight = -this.$options.margin;
             if (this.$options.outerMarginTop !== null) {
                 marginHeight += this.$options.outerMarginTop;
-                this.renderer.setStyle(this.el, "padding-top", this.$options.outerMarginTop + "px");
+                this.renderer.setStyle(this.el, 'padding-top', this.$options.outerMarginTop + 'px');
             }
             else {
                 marginHeight += this.$options.margin;
-                this.renderer.setStyle(this.el, "padding-top", this.$options.margin + "px");
+                this.renderer.setStyle(this.el, 'padding-top', this.$options.margin + 'px');
             }
             if (this.$options.outerMarginBottom !== null) {
                 marginHeight += this.$options.outerMarginBottom;
-                this.renderer.setStyle(this.el, "padding-bottom", this.$options.outerMarginBottom + "px");
+                this.renderer.setStyle(this.el, 'padding-bottom', this.$options.outerMarginBottom + 'px');
             }
             else {
                 marginHeight += this.$options.margin;
-                this.renderer.setStyle(this.el, "padding-bottom", this.$options.margin + "px");
+                this.renderer.setStyle(this.el, 'padding-bottom', this.$options.margin + 'px');
             }
             this.curRowHeight = (this.curHeight - marginHeight) / this.rows;
         }
         else {
             this.curColWidth = (this.curWidth + this.$options.margin) / this.columns;
             this.curRowHeight = (this.curHeight + this.$options.margin) / this.rows;
-            this.renderer.setStyle(this.el, "padding-left", 0 + "px");
-            this.renderer.setStyle(this.el, "padding-right", 0 + "px");
-            this.renderer.setStyle(this.el, "padding-top", 0 + "px");
-            this.renderer.setStyle(this.el, "padding-bottom", 0 + "px");
+            this.renderer.setStyle(this.el, 'padding-left', 0 + 'px');
+            this.renderer.setStyle(this.el, 'padding-right', 0 + 'px');
+            this.renderer.setStyle(this.el, 'padding-top', 0 + 'px');
+            this.renderer.setStyle(this.el, 'padding-bottom', 0 + 'px');
         }
         this.gridRenderer.updateGridster();
         this.updateGrid();
         if (this.$options.setGridSize) {
-            this.renderer.setStyle(this.el, "width", this.columns * this.curColWidth + this.$options.margin + "px");
-            this.renderer.setStyle(this.el, "height", this.rows * this.curRowHeight + this.$options.margin + "px");
+            this.renderer.setStyle(this.el, 'width', (this.columns * this.curColWidth + this.$options.margin) + 'px');
+            this.renderer.setStyle(this.el, 'height', (this.rows * this.curRowHeight + this.$options.margin) + 'px');
         }
         else {
-            this.renderer.setStyle(this.el, "width", "");
-            this.renderer.setStyle(this.el, "height", "");
+            this.renderer.setStyle(this.el, 'width', '');
+            this.renderer.setStyle(this.el, 'height', '');
         }
         var widgetsIndex = this.grid.length - 1, widget;
         for (; widgetsIndex >= 0; widgetsIndex--) {
@@ -2881,23 +2901,18 @@ var GridsterComponent = /** @class */ (function () {
         setTimeout(this.resize.bind(this), 100);
     };
     GridsterComponent.prototype.updateGrid = function () {
-        if (this.$options.displayGrid === "always" && !this.mobile) {
-            this.renderer.addClass(this.el, "display-grid");
+        if (this.$options.displayGrid === 'always' && !this.mobile) {
+            this.renderer.addClass(this.el, 'display-grid');
         }
-        else if (this.$options.displayGrid === "onDrag&Resize" &&
-            this.dragInProgress) {
-            this.renderer.addClass(this.el, "display-grid");
+        else if (this.$options.displayGrid === 'onDrag&Resize' && this.dragInProgress) {
+            this.renderer.addClass(this.el, 'display-grid');
         }
-        else if (this.$options.displayGrid === "none" ||
-            !this.dragInProgress ||
-            this.mobile) {
-            this.renderer.removeClass(this.el, "display-grid");
+        else if (this.$options.displayGrid === 'none' || !this.dragInProgress || this.mobile) {
+            this.renderer.removeClass(this.el, 'display-grid');
         }
         this.setGridDimensions();
-        this.gridColumns.length =
-            Math.max(this.columns, Math.floor(this.curWidth / this.curColWidth)) || 0;
-        this.gridRows.length =
-            Math.max(this.rows, Math.floor(this.curHeight / this.curRowHeight)) || 0;
+        this.gridColumns.length = Math.max(this.columns, Math.floor(this.curWidth / this.curColWidth)) || 0;
+        this.gridRows.length = Math.max(this.rows, Math.floor(this.curHeight / this.curRowHeight)) || 0;
         this.cdRef.markForCheck();
     };
     GridsterComponent.prototype.addItem = function (itemComponent) {
@@ -2917,8 +2932,8 @@ var GridsterComponent = /** @class */ (function () {
         else if (this.checkCollision(itemComponent.$item)) {
             if (!this.$options.disableWarnings) {
                 itemComponent.notPlaced = true;
-                console.warn("Can't be placed in the bounds of the dashboard, trying to auto position!/n" +
-                    JSON.stringify(itemComponent.item, ["cols", "rows", "x", "y"]));
+                console.warn('Can\'t be placed in the bounds of the dashboard, trying to auto position!/n' +
+                    JSON.stringify(itemComponent.item, ['cols', 'rows', 'x', 'y']));
             }
             if (!this.$options.disableAutoPositionOnConflict) {
                 this.autoPositionItem(itemComponent);
@@ -2957,43 +2972,24 @@ var GridsterComponent = /** @class */ (function () {
         var noNegativePosition = item.y > -1 && item.x > -1;
         var maxGridCols = item.cols + item.x <= this.$options.maxCols;
         var maxGridRows = item.rows + item.y <= this.$options.maxRows;
-        var maxItemCols = item.maxItemCols === undefined
-            ? this.$options.maxItemCols
-            : item.maxItemCols;
-        var minItemCols = item.minItemCols === undefined
-            ? this.$options.minItemCols
-            : item.minItemCols;
-        var maxItemRows = item.maxItemRows === undefined
-            ? this.$options.maxItemRows
-            : item.maxItemRows;
-        var minItemRows = item.minItemRows === undefined
-            ? this.$options.minItemRows
-            : item.minItemRows;
+        var maxItemCols = item.maxItemCols === undefined ? this.$options.maxItemCols : item.maxItemCols;
+        var minItemCols = item.minItemCols === undefined ? this.$options.minItemCols : item.minItemCols;
+        var maxItemRows = item.maxItemRows === undefined ? this.$options.maxItemRows : item.maxItemRows;
+        var minItemRows = item.minItemRows === undefined ? this.$options.minItemRows : item.minItemRows;
         var inColsLimits = item.cols <= maxItemCols && item.cols >= minItemCols;
         var inRowsLimits = item.rows <= maxItemRows && item.rows >= minItemRows;
-        var minAreaLimit = item.minItemArea === undefined
-            ? this.$options.minItemArea
-            : item.minItemArea;
-        var maxAreaLimit = item.maxItemArea === undefined
-            ? this.$options.maxItemArea
-            : item.maxItemArea;
+        var minAreaLimit = item.minItemArea === undefined ? this.$options.minItemArea : item.minItemArea;
+        var maxAreaLimit = item.maxItemArea === undefined ? this.$options.maxItemArea : item.maxItemArea;
         var area = item.cols * item.rows;
         var inMinArea = minAreaLimit <= area;
         var inMaxArea = maxAreaLimit >= area;
-        return !(noNegativePosition &&
-            maxGridCols &&
-            maxGridRows &&
-            inColsLimits &&
-            inRowsLimits &&
-            inMinArea &&
-            inMaxArea);
+        return !(noNegativePosition && maxGridCols && maxGridRows && inColsLimits && inRowsLimits && inMinArea && inMaxArea);
     };
     GridsterComponent.prototype.findItemWithItem = function (item) {
         var widgetsIndex = this.grid.length - 1, widget;
         for (; widgetsIndex > -1; widgetsIndex--) {
             widget = this.grid[widgetsIndex];
-            if (widget.$item !== item &&
-                GridsterComponent_1.checkCollisionTwoItems(widget.$item, item)) {
+            if (widget.$item !== item && GridsterComponent_1.checkCollisionTwoItems(widget.$item, item)) {
                 return widget;
             }
         }
@@ -3004,8 +3000,7 @@ var GridsterComponent = /** @class */ (function () {
         var widgetsIndex = this.grid.length - 1, widget;
         for (; widgetsIndex > -1; widgetsIndex--) {
             widget = this.grid[widgetsIndex];
-            if (widget.$item !== item &&
-                GridsterComponent_1.checkCollisionTwoItems(widget.$item, item)) {
+            if (widget.$item !== item && GridsterComponent_1.checkCollisionTwoItems(widget.$item, item)) {
                 a.push(widget);
             }
         }
@@ -3021,8 +3016,8 @@ var GridsterComponent = /** @class */ (function () {
         else {
             itemComponent.notPlaced = true;
             if (!this.$options.disableWarnings) {
-                console.warn("Can't be placed in the bounds of the dashboard!/n" +
-                    JSON.stringify(itemComponent.item, ["cols", "rows", "x", "y"]));
+                console.warn('Can\'t be placed in the bounds of the dashboard!/n' +
+                    JSON.stringify(itemComponent.item, ['cols', 'rows', 'x', 'y']));
             }
         }
     };
@@ -3069,10 +3064,7 @@ var GridsterComponent = /** @class */ (function () {
     GridsterComponent.prototype.getLastPossiblePosition = function (item) {
         var farthestItem = { y: 0, x: 0 };
         farthestItem = this.grid.reduce(function (prev, curr) {
-            var currCoords = {
-                y: curr.$item.y + curr.$item.rows - 1,
-                x: curr.$item.x + curr.$item.cols - 1,
-            };
+            var currCoords = { y: curr.$item.y + curr.$item.rows - 1, x: curr.$item.x + curr.$item.cols - 1 };
             if (GridsterUtils.compareItems(prev, currCoords) === 1) {
                 return currCoords;
             }
@@ -3121,15 +3113,12 @@ var GridsterComponent = /** @class */ (function () {
     ], GridsterComponent.prototype, "options", void 0);
     GridsterComponent = GridsterComponent_1 = __decorate([
         Component({
-            selector: "gridster",
+            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: 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;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;flex-flow:column}gridster.mobile gridster-item{position:relative;width:100%!important;min-height:300px!important}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}"]
         }),
-        __metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            ChangeDetectorRef,
-            NgZone])
+        __metadata("design:paramtypes", [ElementRef, Renderer2, ChangeDetectorRef, NgZone])
     ], GridsterComponent);
     return GridsterComponent;
 }());
@@ -4821,6 +4810,10 @@ var RaBaseDashboardTemplate = /** @class */ (function () {
         Input('global-filter'),
         __metadata("design:type", Object)
     ], RaBaseDashboardTemplate.prototype, "globalFilter", void 0);
+    __decorate([
+        Input('dashboard-info'),
+        __metadata("design:type", Object)
+    ], RaBaseDashboardTemplate.prototype, "dashboardInfo", void 0);
     __decorate([
         Input(),
         __metadata("design:type", Object)