@schneideress/dashboardframework 0.0.149 → 0.0.151

package/fesm5/schneideress-dashboardframework.js

@@ -692,18 +692,14 @@ var GridsterConfigDefaultSettings = {
  * Generated from: lib/ra.dashboard.responsive.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/** @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': GridLockViewEnd, 'minCols': 1, 'maxCols': 2 },
-            { 'start': GridLockViewEnd + 1, 'end': DesktopViewStart - 1, 'minCols': 2, 'maxCols': 6 },
-            { 'start': DesktopViewStart, 'end': 9999999999, 'minCols': 2, 'maxCols': 10 }
+            { 'start': 768, 'end': 1024, 'minCols': 1, 'maxCols': 2 },
+            { 'start': 1025, 'end': 1366, 'minCols': 2, 'maxCols': 6 },
+            { 'start': 1367, 'end': 9999999999, 'minCols': 2, 'maxCols': 10 }
         ];
         this.setScreenWidth();
         window.addEventListener('resize', (/**
@@ -724,30 +720,29 @@ var RADashboardResponsiveService = /** @class */ (function () {
     function () {
         var _this = this;
         this.screenWidth = screen.width;
-        this.currentResInfo = this.resInfo.filter((/**
-         * @param {?} item
-         * @return {?}
-         */
-        function (item) {
-            return item.end >= _this.screenWidth && item.start <= _this.screenWidth;
-        }))[0];
+        if (this.IsDesktopView) {
+            this.currentResInfo = this.resInfo[3];
+        }
+        else {
+            this.currentResInfo = this.resInfo.filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                return item.end >= _this.screenWidth && item.start <= _this.screenWidth;
+            }))[0];
+        }
     };
     Object.defineProperty(RADashboardResponsiveService.prototype, "IsDesktopView", {
         get: /**
          * @return {?}
          */
         function () {
-            return this.screenWidth >= DesktopViewStart;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RADashboardResponsiveService.prototype, "IsGridLocked", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this.screenWidth <= GridLockViewEnd;
+            /** @type {?} */
+            var agent = navigator.userAgent || navigator.vendor || window.opera;
+            if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(agent.substr(0, 4)))
+                return false;
+            return true;
         },
         enumerable: true,
         configurable: true
@@ -773,6 +768,11 @@ var RADashboardResponsiveService = /** @class */ (function () {
                 config.swap = false;
                 config.draggable.enabled = false;
             }
+            else {
+                config.resizable.enabled = true;
+                config.swap = true;
+                config.draggable.enabled = true;
+            }
             return config;
         },
         enumerable: true,
@@ -796,7 +796,6 @@ 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;
@@ -903,7 +902,12 @@ var RADashboardArea = /** @class */ (function () {
             _this.options.api.optionsChanged();
             if (_this.userWidgets) {
                 _this.widgetList = _this.mapObjectListToGridsterItemList(_this.userWidgets);
-                _this.setAreaHeight();
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.setAreaHeight();
+                }));
             }
             else {
                 _this.loadWidgets(_this.userDashboardId, _this.areaKey);
@@ -955,26 +959,12 @@ var RADashboardArea = /** @class */ (function () {
          * @return {?}
          */
         function (item) {
-            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);
-                        }
-                    }
+            if (_this.responsiveService.IsDesktopView) {
+                if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
+                    _this.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
                 }
-                _this.setAreaHeight();
             }
-        });
-        this.options.itemInitCallback = (/**
-         * @param {?} item
-         * @return {?}
-         */
-        function (item) {
-            item.isInitialized = true;
+            _this.setAreaHeight();
         });
     };
     /** To initiate eventbus subsctiptions */
@@ -1362,9 +1352,7 @@ var RADashboardArea = /** @class */ (function () {
         var _this = this;
         data.height = this.widgetHeight;
         data.width = this.widgetWidth;
-        data.position_x = 0;
-        data.position_y = 0;
-        data.isInitialized = true;
+        data = this.setPositions(data);
         /** 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;
@@ -1401,6 +1389,34 @@ var RADashboardArea = /** @class */ (function () {
             _this.raDashboardEventBus.publish(RAEvent.WidgetAdded, widget);
         }));
     };
+    /**
+     * @private
+     * @param {?} data
+     * @return {?}
+     */
+    RADashboardArea.prototype.setPositions = /**
+     * @private
+     * @param {?} data
+     * @return {?}
+     */
+    function (data) {
+        data.position_x = 0;
+        data.position_y = 0;
+        if (!this.responsiveService.IsDesktopView) {
+            if (this.userWidgets.length > 0) {
+                /** @type {?} */
+                var widget = this.userWidgets[this.userWidgets.length - 1];
+                if (widget.position_x + widget.width > 5) {
+                    data.position_y = widget.position_y + 1;
+                }
+                else {
+                    data.position_y = widget.position_y;
+                    data.position_x = 10 - (widget.position_x + widget.width);
+                }
+            }
+        }
+        return data;
+    };
     /** To add widget to current widget list ,invoked from copy widget window*/
     /**
      * To add widget to current widget list ,invoked from copy widget window
@@ -1413,9 +1429,15 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function (data) {
-        data.position_x = 0;
-        data.position_y = 0;
-        data.isInitialized = true;
+        data = this.setPositions(data);
+        if (!this.responsiveService.IsDesktopView) {
+            this.dashboardService.updateWidgets(this.formatWidgetDataForPositionDetails([data]), this.appConfig).subscribe((/**
+             * @param {?} widgets
+             * @return {?}
+             */
+            function (widgets) {
+            }));
+        }
         /** @type {?} */
         var gridsterItem = this.responsiveService.getGridsterItem(data);
         this.widgetList.push(gridsterItem);