@schneideress/dashboardframework 0.0.30 → 0.0.32

package/fesm5/schneideress-dashboardframework.js

@@ -926,7 +926,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\" [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\" [widget-width]=\"item.cols\" [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",
                     styles: ["gridster{width:inherit;resize:height;display:flex}gridster-item{background:#fff!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}"]
                 }] }
     ];
@@ -961,6 +961,7 @@ var RAWidgetContainer = /** @class */ (function () {
         this.translateService = translateService;
         this.ngZone = ngZone;
         this.notifier = notifier;
+        this.isWidgetLoaded = false;
         this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
         this.widgetDeleted = new EventEmitter();
     }
@@ -991,6 +992,11 @@ var RAWidgetContainer = /** @class */ (function () {
         if (this.widgetElement && changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
             this.refreshWidget(this.data.widgetInfo);
         }
+        if (changes.widgetWidth && changes.widgetWidth.currentValue != changes.widgetWidth.previousValue) {
+            this.data.widgetInfo.isDimensionUpdate = true;
+            this.refreshWidget(this.data.widgetInfo);
+            this.data.widgetInfo.isDimensionUpdate = false;
+        }
     };
     /**
      * @return {?}
@@ -1126,7 +1132,7 @@ var RAWidgetContainer = /** @class */ (function () {
              * @return {?}
              */
             function () {
-                console.log('widget initialized ' + widgetInfo.widgetInstanceId);
+                widgetContainer.isWidgetLoaded = true;
                 widgetConfigFilter.appConfig = _this.appConfig;
                 widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
@@ -1156,7 +1162,9 @@ var RAWidgetContainer = /** @class */ (function () {
             appConfig: this.appConfig,
             widgetInfo: widgetInfo
         }));
-        widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
+        if (widgetContainerContext.isWidgetLoaded) {
+            widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
+        }
     };
     RAWidgetContainer.decorators = [
         { type: Component, args: [{
@@ -1180,6 +1188,7 @@ var RAWidgetContainer = /** @class */ (function () {
         data: [{ type: Input, args: ['data',] }],
         raDashboardEventBus: [{ type: Input, args: ['event-bus',] }],
         appConfig: [{ type: Input, args: ['app-config',] }],
+        widgetWidth: [{ type: Input, args: ['widget-width',] }],
         widgetDeleted: [{ type: Output }]
     };
     return RAWidgetContainer;