@schneideress/dashboardframework 0.0.173 → 0.0.175

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) {
@@ -635,16 +630,16 @@
         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,
@@ -977,6 +972,18 @@
             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 {?}
@@ -1529,7 +1536,7 @@
         RADashboardArea.decorators = [
             { type: core.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)}"]
                     }] }
         ];
@@ -1963,6 +1970,7 @@
                 var widgetConfigFilter, widgetContainer;
                 var _this = this;
                 return __generator(this, function (_a) {
+                    widgetInfo.rowHeight = this.gridCellHeight;
                     widgetConfigFilter = (/** @type {?} */ ({
                         config: widgetInfo.widgetConfigInfo.config,
                         globalFilter: this.globalFilter
@@ -2154,6 +2162,7 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
+                            widgetInfo.rowHeight = this.gridCellHeight;
                             this.setNotConfiguredState(widgetInfo);
                             widgetContainerContext = this;
                             widgetConfigFilter = (/** @type {?} */ ({