@schneideress/dashboardframework 0.0.148 → 0.0.149

package/fesm2015/schneideress-dashboardframework.js

@@ -580,12 +580,14 @@ const GridsterConfigDefaultSettings = {
  */
 /** @type {?} */
 const DesktopViewStart = 1367;
+/** @type {?} */
+const GridLockViewEnd = 1024;
 class RADashboardResponsiveService {
     constructor() {
         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();
@@ -616,6 +618,12 @@ class RADashboardResponsiveService {
     get IsDesktopView() {
         return this.screenWidth >= DesktopViewStart;
     }
+    /**
+     * @return {?}
+     */
+    get IsGridLocked() {
+        return this.screenWidth <= GridLockViewEnd;
+    }
     /**
      * @return {?}
      */
@@ -650,6 +658,7 @@ class RADashboardResponsiveService {
             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;
@@ -787,12 +796,26 @@ class RADashboardArea {
          * @return {?}
          */
         (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 {?}
+         */
+        (item) => {
+            item.isInitialized = true;
         });
     }
     /**
@@ -913,7 +936,7 @@ class RADashboardArea {
      * @return {?}
      */
     updateWidgets() {
-        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 {?}
          */
@@ -1106,6 +1129,7 @@ class RADashboardArea {
         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;
@@ -1150,6 +1174,7 @@ class RADashboardArea {
     copyWidget(data) {
         data.position_x = 0;
         data.position_y = 0;
+        data.isInitialized = true;
         /** @type {?} */
         let gridsterItem = this.responsiveService.getGridsterItem(data);
         this.widgetList.push(gridsterItem);