@schneideress/dashboardframework 0.0.183 → 0.0.184

package/bundles/schneideress-dashboardframework.umd.js

@@ -5,18 +5,18 @@
 }(this, (function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, common, userControls, commonControls) { 'use strict';
 
     /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
+    Copyright (c) Microsoft Corporation. All rights reserved.
+    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+    this file except in compliance with the License. You may obtain a copy of the
+    License at http://www.apache.org/licenses/LICENSE-2.0
 
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
+    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+    MERCHANTABLITY OR NON-INFRINGEMENT.
 
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
     ***************************************************************************** */
     /* global Reflect, Promise */
 
@@ -109,13 +109,8 @@
         }
     }
 
-    function __createBinding(o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-    }
-
     function __exportStar(m, exports) {
-        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
     }
 
     function __values(o) {
@@ -686,11 +681,13 @@
     var RADashboardResponsiveService = /** @class */ (function () {
         function RADashboardResponsiveService() {
             var _this = this;
+            this.resized = new rxjs.Subject();
+            this.maxColsDesktop = 8;
             this.resInfo = [
-                { 'start': 0, 'end': 767, 'minCols': 1, 'maxCols': 1 },
-                { 'start': 768, 'end': 1024, 'minCols': 1, 'maxCols': 2 },
-                { 'start': 1025, 'end': 1366, 'minCols': 1, 'maxCols': 6 },
-                { 'start': 1367, 'end': 9999999999, 'minCols': 1, 'maxCols': 8 }
+                { 'id': 1, 'start': 0, 'end': 767, 'minCols': 1, 'maxCols': 1 },
+                { 'id': 2, 'start': 768, 'end': 1024, 'minCols': 1, 'maxCols': 2 },
+                { 'id': 3, 'start': 1025, 'end': 1366, 'minCols': 1, 'maxCols': 6 },
+                { 'id': 4, 'start': 1367, 'end': 9999999999, 'minCols': 1, 'maxCols': this.maxColsDesktop }
             ];
             this.setScreenWidth();
             window.addEventListener('resize', (/**
@@ -715,13 +712,18 @@
                 this.currentResInfo = this.resInfo[3];
             }
             else {
-                this.currentResInfo = this.resInfo.filter((/**
+                /** @type {?} */
+                var resInfo = this.resInfo.filter((/**
                  * @param {?} item
                  * @return {?}
                  */
                 function (item) {
                     return item.end >= _this.screenWidth && item.start <= _this.screenWidth;
                 }))[0];
+                if (!this.currentResInfo || this.currentResInfo.id != resInfo.id) {
+                    this.currentResInfo = resInfo;
+                    this.resized.next();
+                }
             }
         };
         Object.defineProperty(RADashboardResponsiveService.prototype, "IsDesktopView", {
@@ -799,13 +801,18 @@
          * @return {?}
          */
         function (widget) {
+            if (widget.widgetSettings && typeof widget.widgetSettings === 'string') {
+                widget.widgetSettings = JSON.parse(widget.widgetSettings);
+            }
             /** @type {?} */
             var gridsterItem = (/** @type {?} */ ({
                 cols: this.getWidth(widget.width),
                 rows: this.getHeight(widget.height),
                 x: this.IsDesktopView ? widget.position_x : 0,
                 y: this.IsDesktopView ? widget.position_y : 0,
-                widgetInfo: widget
+                widgetInfo: widget,
+                minItemRows: this.getMinItemRows(widget),
+                minItemCols: this.getMinItemCols(widget)
             }));
             return gridsterItem;
         };
@@ -821,12 +828,46 @@
          */
         function (width) {
             if (!this.IsDesktopView) {
-                width = Math.floor(width / 10 * this.currentResInfo.maxCols);
+                width = Math.floor(width / this.maxColsDesktop * this.currentResInfo.maxCols);
                 if (width < this.currentResInfo.minCols)
                     width = this.currentResInfo.minCols;
             }
             return width;
         };
+        /**
+         * @private
+         * @param {?} widget
+         * @return {?}
+         */
+        RADashboardResponsiveService.prototype.getMinItemRows = /**
+         * @private
+         * @param {?} widget
+         * @return {?}
+         */
+        function (widget) {
+            if (this.IsDesktopView) {
+                if (widget.widgetSettings && widget.widgetSettings.minRows) {
+                    return widget.widgetSettings.minRows;
+                }
+            }
+        };
+        /**
+         * @private
+         * @param {?} widget
+         * @return {?}
+         */
+        RADashboardResponsiveService.prototype.getMinItemCols = /**
+         * @private
+         * @param {?} widget
+         * @return {?}
+         */
+        function (widget) {
+            if (this.IsDesktopView) {
+                if (widget.widgetSettings && widget.widgetSettings.minCols) {
+                    return widget.widgetSettings.minCols;
+                }
+            }
+        };
         /**
          * @private
          * @param {?} height
@@ -839,7 +880,7 @@
          */
         function (height) {
             if (!this.IsDesktopView) {
-                height = Math.floor(height / 10 * this.currentResInfo.maxCols);
+                height = Math.floor(height / this.maxColsDesktop * this.currentResInfo.maxCols);
                 if (height < this.currentResInfo.minCols)
                     height = this.currentResInfo.minCols;
             }
@@ -854,6 +895,10 @@
         return RADashboardResponsiveService;
     }());
     if (false) {
+        /** @type {?} */
+        RADashboardResponsiveService.prototype.resized;
+        /** @type {?} */
+        RADashboardResponsiveService.prototype.maxColsDesktop;
         /**
          * @type {?}
          * @private
@@ -893,46 +938,41 @@
             this.widgetWidth = 4;
         }
         /**
-         * @param {?} event
          * @return {?}
          */
-        RADashboardArea.prototype.onResize = /**
-         * @param {?} event
+        RADashboardArea.prototype.ngOnInit = /**
          * @return {?}
          */
-        function (event) {
+        function () {
             var _this = this;
-            this.widgetList = [];
-            setTimeout((/**
+            this.initiateGridsterConfig();
+            this.responsiveService.resized.subscribe((/**
              * @return {?}
              */
             function () {
-                _this.initiateGridsterConfig();
-                _this.options.api.optionsChanged();
-                if (_this.userWidgets) {
-                    _this.widgetList = _this.mapObjectListToGridsterItemList(_this.userWidgets);
-                    setTimeout((/**
-                     * @return {?}
-                     */
-                    function () {
-                        _this.setAreaHeight();
-                    }));
-                }
-                else {
-                    _this.loadWidgets(_this.userDashboardId, _this.areaKey);
-                }
-                _this.domResized = !_this.domResized;
+                _this.widgetList = [];
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.initiateGridsterConfig();
+                    _this.options.api.optionsChanged();
+                    if (_this.userWidgets) {
+                        _this.widgetList = _this.mapObjectListToGridsterItemList(_this.userWidgets);
+                        setTimeout((/**
+                         * @return {?}
+                         */
+                        function () {
+                            _this.setAreaHeight();
+                        }));
+                    }
+                    else {
+                        _this.loadWidgets(_this.userDashboardId, _this.areaKey);
+                    }
+                    _this.domResized = !_this.domResized;
+                }));
             }));
         };
-        /**
-         * @return {?}
-         */
-        RADashboardArea.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            this.initiateGridsterConfig();
-        };
         /**
          * @param {?} changes
          * @return {?}
@@ -968,11 +1008,8 @@
              * @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 = (/**
@@ -1344,10 +1381,18 @@
          * @return {?}
          */
         function () {
-            this.options.compactType = 'compactUp&Left';
-            this.options.api.optionsChanged();
-            this.options.compactType = 'none';
-            this.options.api.optionsChanged();
+            var _this = this;
+            for (var i = 0; i < this.userWidgets.length; i++) {
+                this.userWidgets[i].position_x = 0;
+                this.userWidgets[i].position_y = 0;
+                this.widgetList = this.mapObjectListToGridsterItemList(this.userWidgets);
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.setAreaHeight();
+                }));
+            }
         };
         /**To add widget instance to the database with the next available position and to make changes in
          * dashboard area.
@@ -1368,6 +1413,17 @@
             var _this = this;
             data.height = this.widgetHeight;
             data.width = this.widgetWidth;
+            if (data.widgetSettings) {
+                if (typeof data.widgetSettings === 'string')
+                    data.widgetSettings = JSON.parse(data.widgetSettings);
+                if (data.widgetSettings.defaultCols) {
+                    data.width = data.widgetSettings.defaultCols;
+                }
+                if (data.widgetSettings.defaultRows) {
+                    data.height = data.widgetSettings.defaultRows;
+                }
+                data.widgetSettings = null;
+            }
             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;
@@ -1425,12 +1481,12 @@
                 if (this.userWidgets.length > 0) {
                     /** @type {?} */
                     var widget = this.userWidgets[this.userWidgets.length - 1];
-                    if (widget.position_x + widget.width > 5) {
+                    if (widget.position_x + widget.width > (this.responsiveService.maxColsDesktop / 2)) {
                         data.position_y = widget.position_y + 1;
                     }
                     else {
                         data.position_y = widget.position_y;
-                        data.position_x = 10 - (widget.position_x + widget.width);
+                        data.position_x = this.responsiveService.maxColsDesktop - (widget.position_x + widget.width);
                     }
                 }
             }
@@ -1548,8 +1604,7 @@
             widgetHeight: [{ type: core.Input, args: ['widget-height',] }],
             widgetWidth: [{ type: core.Input, args: ['widget-width',] }],
             appConfig: [{ type: core.Input, args: ['app-config',] }],
-            gridWrapper: [{ type: core.ViewChild, args: ['gridWrapper', { static: false },] }],
-            onResize: [{ type: core.HostListener, args: ['window:resize', ['$event'],] }]
+            gridWrapper: [{ type: core.ViewChild, args: ['gridWrapper', { static: false },] }]
         };
         return RADashboardArea;
     }());
@@ -2010,7 +2065,7 @@
                         globalFilter: this.globalFilter,
                         configChanges: this.getConfigChanges(false)
                     }));
-                    if (widgetInfo.widgetSettings && widgetInfo.widgetSettings.length > 0) {
+                    if (widgetInfo.widgetSettings) {
                         this.widgetSettings = this.getParsedConfig(widgetInfo.widgetSettings);
                         this.applayWidgetSettings(this.widgetSettings);
                     }
@@ -2104,7 +2159,6 @@
                                                     widgetConfigFilter.widgetInfo = widgetInfo;
                                                     widgetConfigFilter.configChanges = this.getConfigChanges(false);
                                                     widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
-                                                    console.log(widgetConfigFilter);
                                                     widgetContainer.widgetElement.loadContent(widgetConfigFilter);
                                                     return [4 /*yield*/, widgetContainer.setLock(widgetConfigFilter.config)];
                                                 case 1: