@schneideress/dashboardframework 0.0.20 → 0.0.22

package/fesm2015/schneideress-dashboardframework.js

@@ -369,6 +369,7 @@ class RADashboardArea {
         this.notifier = notifier;
         this.widgetList = Array();
         this.gridheight = 300;
+        this.isWidgetLoaded = false;
         this.widgetHeight = 20;
         this.widgetWidth = 50;
     }
@@ -383,7 +384,8 @@ class RADashboardArea {
      * @return {?}
      */
     ngOnChanges(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) {
@@ -474,10 +476,14 @@ class RADashboardArea {
      * @return {?}
      */
     ngOnDestroy() {
-        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
@@ -756,7 +762,8 @@ class RAWidgetContainer {
      * @return {?}
      */
     ngOnDestroy() {
-        this.configChanged.unsubscribe();
+        if (this.configChanged)
+            this.configChanged.unsubscribe();
     }
     /**
      * To Edit current widget configuration
@@ -836,9 +843,9 @@ class RAWidgetContainer {
          * @return {?}
          */
         () => {
-            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 {?}
              */
             () => {
@@ -846,13 +853,8 @@ class RAWidgetContainer {
                 widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                 widgetContainer.widgetElement.loadContent(widgetConfigFilter);
-                widgetContainer.widgetElement.addEventListener('load-data-initiated', (/**
-                 * @param {?} hidePanel
-                 * @return {?}
-                 */
-                (hidePanel) => {
-                }));
-            }), 2000);
+            }));
+            this.ctlWidget.nativeElement.appendChild(this.widgetElement);
         }));
     }
     /**
@@ -861,13 +863,15 @@ class RAWidgetContainer {
      * @return {?}
      */
     refreshWidget(widgetInfo) {
+        /** @type {?} */
+        let widgetContainerContext = this;
         /** @type {?} */
         let widgetConfigFilter = (/** @type {?} */ ({
             config: widgetInfo.widgetConfigInfo.config,
             globalFilter: this.globalFilter,
             appConfig: this.appConfig
         }));
-        this.widgetElement.loadContent(widgetConfigFilter);
+        widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
     }
 }
 RAWidgetContainer.decorators = [