@schneideress/dashboardframework 0.0.20 → 0.0.22

package/fesm5/schneideress-dashboardframework.js

@@ -478,6 +478,7 @@ var RADashboardArea = /** @class */ (function () {
         this.notifier = notifier;
         this.widgetList = Array();
         this.gridheight = 300;
+        this.isWidgetLoaded = false;
         this.widgetHeight = 20;
         this.widgetWidth = 50;
     }
@@ -499,7 +500,8 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function (changes) {
-        if (this.globalFilter && this.raDashboardEventBus && this.appConfig) {
+        if (this.raDashboardEventBus && this.appConfig && !this.isWidgetLoaded) {
+            this.isWidgetLoaded = true;
             this.loadWidgets(this.userDashboardId, this.areaKey);
         }
         if (changes.raDashboardEventBus && changes.raDashboardEventBus.currentValue != changes.raDashboardEventBus.previousValue) {
@@ -604,10 +606,14 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        this.conifgAddClick.unsubscribe();
-        this.widgetAddEvent.unsubscribe();
-        this.widgetDeleteEvent.unsubscribe();
-        this.widgetLibraryDoneClick.unsubscribe();
+        if (this.conifgAddClick)
+            this.conifgAddClick.unsubscribe();
+        if (this.widgetAddEvent)
+            this.widgetAddEvent.unsubscribe();
+        if (this.widgetDeleteEvent)
+            this.widgetDeleteEvent.unsubscribe();
+        if (this.widgetLibraryDoneClick)
+            this.widgetLibraryDoneClick.unsubscribe();
     };
     /**To update position/dimention of all widgets in the area */
     /**
@@ -956,7 +962,8 @@ var RAWidgetContainer = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        this.configChanged.unsubscribe();
+        if (this.configChanged)
+            this.configChanged.unsubscribe();
     };
     /** To Edit current widget configuration*/
     /**
@@ -1072,9 +1079,9 @@ var RAWidgetContainer = /** @class */ (function () {
          * @return {?}
          */
         function () {
-            _this.widgetElement = document.createElement(widgetInfo.customTag);
-            _this.ctlWidget.nativeElement.appendChild(_this.widgetElement);
-            setTimeout((/**
+            widgetContainer.widgetElement = document.createElement(widgetInfo.customTag);
+            widgetContainer.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
+            document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
              * @return {?}
              */
             function () {
@@ -1082,13 +1089,8 @@ var RAWidgetContainer = /** @class */ (function () {
                 widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                 widgetContainer.widgetElement.loadContent(widgetConfigFilter);
-                widgetContainer.widgetElement.addEventListener('load-data-initiated', (/**
-                 * @param {?} hidePanel
-                 * @return {?}
-                 */
-                function (hidePanel) {
-                }));
-            }), 2000);
+            }));
+            _this.ctlWidget.nativeElement.appendChild(_this.widgetElement);
         }));
     };
     /** To refresh widget on input config changes */
@@ -1103,13 +1105,15 @@ var RAWidgetContainer = /** @class */ (function () {
      * @return {?}
      */
     function (widgetInfo) {
+        /** @type {?} */
+        var widgetContainerContext = this;
         /** @type {?} */
         var widgetConfigFilter = (/** @type {?} */ ({
             config: widgetInfo.widgetConfigInfo.config,
             globalFilter: this.globalFilter,
             appConfig: this.appConfig
         }));
-        this.widgetElement.loadContent(widgetConfigFilter);
+        widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
     };
     RAWidgetContainer.decorators = [
         { type: Component, args: [{