@schneideress/dashboardframework 0.0.148 → 0.0.149

package/fesm5/schneideress-dashboardframework.js

@@ -694,13 +694,15 @@ var GridsterConfigDefaultSettings = {
  */
 /** @type {?} */
 var DesktopViewStart = 1367;
+/** @type {?} */
+var GridLockViewEnd = 1024;
 var RADashboardResponsiveService = /** @class */ (function () {
     function RADashboardResponsiveService() {
         var _this = this;
         this.resInfo = [
             { 'start': 0, 'end': 767, 'minCols': 1, 'maxCols': 1 },
-            { 'start': 768, 'end': 1024, 'minCols': 1, 'maxCols': 2 },
-            { 'start': 1025, 'end': DesktopViewStart - 1, 'minCols': 2, 'maxCols': 6 },
+            { 'start': 768, 'end': GridLockViewEnd, 'minCols': 1, 'maxCols': 2 },
+            { 'start': GridLockViewEnd + 1, 'end': DesktopViewStart - 1, 'minCols': 2, 'maxCols': 6 },
             { 'start': DesktopViewStart, 'end': 9999999999, 'minCols': 2, 'maxCols': 10 }
         ];
         this.setScreenWidth();
@@ -740,6 +742,16 @@ var RADashboardResponsiveService = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(RADashboardResponsiveService.prototype, "IsGridLocked", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.screenWidth <= GridLockViewEnd;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(RADashboardResponsiveService.prototype, "GridsterConfig", {
         get: /**
          * @return {?}
@@ -784,6 +796,7 @@ var RADashboardResponsiveService = /** @class */ (function () {
             rows: this.getHeight(widget.height),
             x: this.IsDesktopView ? widget.position_x : 0,
             y: this.IsDesktopView ? widget.position_y : 0,
+            isInitialized: widget.isInitialized,
             widgetInfo: widget
         }));
         return gridsterItem;
@@ -942,12 +955,26 @@ var RADashboardArea = /** @class */ (function () {
          * @return {?}
          */
         function (item) {
-            if (_this.responsiveService.IsDesktopView) {
-                if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
-                    _this.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
+            if (item.isInitialized) {
+                if (!_this.responsiveService.IsGridLocked) {
+                    if (!_this.responsiveService.IsDesktopView) {
+                        _this.updateWidgets();
+                    }
+                    else {
+                        if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
+                            _this.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
+                        }
+                    }
                 }
+                _this.setAreaHeight();
             }
-            _this.setAreaHeight();
+        });
+        this.options.itemInitCallback = (/**
+         * @param {?} item
+         * @return {?}
+         */
+        function (item) {
+            item.isInitialized = true;
         });
     };
     /** To initiate eventbus subsctiptions */
@@ -1095,7 +1122,7 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        this.dashboardService.updateWidgets(this.mapGridsterListToObject(this.widgetList), this.appConfig).subscribe((/**
+        this.dashboardService.updateWidgets(this.formatWidgetDataForPositionDetails(this.mapGridsterListToObject(this.widgetList)), this.appConfig).subscribe((/**
          * @param {?} widgets
          * @return {?}
          */
@@ -1337,6 +1364,7 @@ var RADashboardArea = /** @class */ (function () {
         data.width = this.widgetWidth;
         data.position_x = 0;
         data.position_y = 0;
+        data.isInitialized = true;
         /** to find the available position in gridster, temp commenting the code-returning higher y value than normal */
         data.dashboardAreaKey = this.areaKey;
         data.dashboardId = this.userDashboardId;
@@ -1387,6 +1415,7 @@ var RADashboardArea = /** @class */ (function () {
     function (data) {
         data.position_x = 0;
         data.position_y = 0;
+        data.isInitialized = true;
         /** @type {?} */
         var gridsterItem = this.responsiveService.getGridsterItem(data);
         this.widgetList.push(gridsterItem);