@schneideress/dashboardframework 0.0.173 → 0.0.175

package/fesm5/schneideress-dashboardframework.js

@@ -424,16 +424,16 @@ var GridsterConfigDefaultSettings = {
     mobileBreakpoint: 640,
     minCols: 10,
     maxCols: 10,
-    minRows: 2,
+    minRows: 1,
     maxRows: 100,
     maxItemCols: 10,
-    minItemCols: 2,
+    minItemCols: 1,
     maxItemRows: 1000,
-    minItemRows: 2,
+    minItemRows: 1,
     maxItemArea: 1000,
-    minItemArea: 4,
-    defaultItemCols: 2,
-    defaultItemRows: 2,
+    minItemArea: 2,
+    defaultItemCols: 1,
+    defaultItemRows: 1,
     keepFixedHeightInMobile: false,
     keepFixedWidthInMobile: false,
     scrollSensitivity: 10,
@@ -766,6 +766,18 @@ var RADashboardArea = /** @class */ (function () {
         var _this = this;
         /**To override default configuration values to the gridster control */
         this.options = this.responsiveService.GridsterConfig;
+        this.options.initCallback = (/**
+         * @param {?} gridster
+         * @return {?}
+         */
+        function (gridster) {
+            console.log('grid inititalized');
+            console.log(_this.options.api);
+            if (_this.options.api) {
+                _this.gridcellHeight = _this.options.api.getCurrentRowHeight();
+                console.log('cell height is' + _this.gridcellHeight);
+            }
+        });
         this.options.itemChangeCallback = (/**
          * @param {?} item
          * @return {?}
@@ -1318,7 +1330,7 @@ var RADashboardArea = /** @class */ (function () {
     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]=\"(gridcellHeight > 0)?gridcellHeight: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",
+                    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\"\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      </ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n  <notifier-container></notifier-container>\r\n</div>\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)}"]
                 }] }
     ];
@@ -1752,6 +1764,7 @@ var RAWidgetContainer = /** @class */ (function () {
             var widgetConfigFilter, widgetContainer;
             var _this = this;
             return __generator(this, function (_a) {
+                widgetInfo.rowHeight = this.gridCellHeight;
                 widgetConfigFilter = (/** @type {?} */ ({
                     config: widgetInfo.widgetConfigInfo.config,
                     globalFilter: this.globalFilter
@@ -1943,6 +1956,7 @@ var RAWidgetContainer = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        widgetInfo.rowHeight = this.gridCellHeight;
                         this.setNotConfiguredState(widgetInfo);
                         widgetContainerContext = this;
                         widgetConfigFilter = (/** @type {?} */ ({