@schneideress/dashboardframework 0.0.99 → 0.0.100

package/fesm5/schneideress-dashboardframework.js

@@ -698,6 +698,7 @@ var RADashboardArea = /** @class */ (function () {
         this.widgetList = Array();
         this.gridheight = 300;
         this.isWidgetLoaded = false;
+        this.domResized = false;
         this.widgetHeight = 3;
         this.widgetWidth = 5;
     }
@@ -717,6 +718,7 @@ var RADashboardArea = /** @class */ (function () {
          */
         function () {
             areaContext.setAreaHeight();
+            areaContext.domResized = !areaContext.domResized;
         }), 1000);
     };
     /**
@@ -745,12 +747,28 @@ var RADashboardArea = /** @class */ (function () {
             this.inititateEventBusSubscritions();
         }
     };
+    // public invokeResizeEvent() {
+    //   this.widgetContainers.forEach(function(container,i){
+    //     container.invokeWidgetResizedEvent();
+    //   });
+    // }
     /**To set GridsterConfig */
+    // public invokeResizeEvent() {
+    //   this.widgetContainers.forEach(function(container,i){
+    //     container.invokeWidgetResizedEvent();
+    //   });
+    // }
     /**
      * To set GridsterConfig
      * @return {?}
      */
-    RADashboardArea.prototype.initiateGridsterConfig = /**
+    RADashboardArea.prototype.initiateGridsterConfig = 
+    // public invokeResizeEvent() {
+    //   this.widgetContainers.forEach(function(container,i){
+    //     container.invokeWidgetResizedEvent();
+    //   });
+    // }
+    /**
      * To set GridsterConfig
      * @return {?}
      */
@@ -997,7 +1015,7 @@ var RADashboardArea = /** @class */ (function () {
             areaHeight = 600;
         }
         this.gridheight = areaHeight;
-        console.log('area height adjusted');
+        console.log('area height adjusted1');
     };
     /** To remove a widget instance from dashboard and to save info in database */
     /**
@@ -1195,7 +1213,7 @@ var RADashboardArea = /** @class */ (function () {
     RADashboardArea.decorators = [
         { type: 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]=\"item.widgetInfo.rowHeight\" [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\"></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\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n        [global-filter]=\"globalFilter\" [grid-cell-height]=\"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",
                     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)}"]
                 }] }
     ];
@@ -1253,6 +1271,8 @@ if (false) {
      */
     RADashboardArea.prototype.isWidgetLoaded;
     /** @type {?} */
+    RADashboardArea.prototype.domResized;
+    /** @type {?} */
     RADashboardArea.prototype.userDashboardId;
     /** @type {?} */
     RADashboardArea.prototype.areaKey;
@@ -1340,6 +1360,17 @@ var RAWidgetContainer = /** @class */ (function () {
             }
         }));
     }
+    Object.defineProperty(RAWidgetContainer.prototype, "setResized", {
+        set: /**
+         * @param {?} resized
+         * @return {?}
+         */
+        function (resized) {
+            this.invokeWidgetResizedEvent();
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
      * @param {?} changes
      * @return {?}
@@ -1369,14 +1400,23 @@ var RAWidgetContainer = /** @class */ (function () {
         }
         if (changes.width && changes.width.currentValue != changes.width.previousValue ||
             (changes.height && changes.height.currentValue != changes.height.previousValue)) {
-            if (this.widgetElement) {
-                /** @type {?} */
-                var size = {};
-                size.height = this.height;
-                size.width = this.width;
-                size.cellHeight = this.gridCellHeight;
-                this.widgetElement.widgetResized(size);
-            }
+            this.invokeWidgetResizedEvent();
+        }
+    };
+    /**
+     * @return {?}
+     */
+    RAWidgetContainer.prototype.invokeWidgetResizedEvent = /**
+     * @return {?}
+     */
+    function () {
+        if (this.widgetElement) {
+            /** @type {?} */
+            var size = {};
+            size.height = this.height;
+            size.width = this.width;
+            size.cellHeight = this.gridCellHeight;
+            this.widgetElement.widgetResized(size);
         }
     };
     /**
@@ -1803,7 +1843,8 @@ var RAWidgetContainer = /** @class */ (function () {
         width: [{ type: Input, args: ['widget-width',] }],
         height: [{ type: Input, args: ['widget-height',] }],
         gridCellHeight: [{ type: Input, args: ['grid-cell-height',] }],
-        widgetDeleted: [{ type: Output }]
+        widgetDeleted: [{ type: Output }],
+        setResized: [{ type: Input, args: ['dom-resized',] }]
     };
     return RAWidgetContainer;
 }());
@@ -1878,6 +1919,8 @@ if (false) {
     RAWidgetContainer.prototype.widgetDeleted;
     /** @type {?} */
     RAWidgetContainer.prototype.lockTitle;
+    /** @type {?} */
+    RAWidgetContainer.prototype.domResized;
     /**
      * @type {?}
      * @private