@schneideress/dashboardframework 0.0.20 → 0.0.22

package/bundles/schneideress-dashboardframework.umd.js

@@ -513,6 +513,7 @@
             this.notifier = notifier;
             this.widgetList = Array();
             this.gridheight = 300;
+            this.isWidgetLoaded = false;
             this.widgetHeight = 20;
             this.widgetWidth = 50;
         }
@@ -534,7 +535,8 @@
          * @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) {
@@ -639,10 +641,14 @@
          * @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 */
         /**
@@ -991,7 +997,8 @@
          * @return {?}
          */
         function () {
-            this.configChanged.unsubscribe();
+            if (this.configChanged)
+                this.configChanged.unsubscribe();
         };
         /** To Edit current widget configuration*/
         /**
@@ -1107,9 +1114,9 @@
              * @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 () {
@@ -1117,13 +1124,8 @@
                     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 */
@@ -1138,13 +1140,15 @@
          * @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: core.Component, args: [{