@schneideress/dashboardframework 0.0.233 → 0.0.235

package/fesm2015/schneideress-dashboardframework.js

@@ -618,22 +618,14 @@ class RADashboardArea {
     ngOnInit() {
         this.isWidgetMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
         this.initiateGridsterConfig();
+        this.lastViewType = this.responsiveService.IsDesktopView ? 'desktop' : 'mobile';
         this.responsiveService.resized.subscribe((/**
          * @param {?} isDesktop
          * @return {?}
          */
         (isDesktop) => {
-            if (isDesktop) {
-                setTimeout((/**
-                 * @return {?}
-                 */
-                () => {
-                    this.gridcellHeight = this.options.api.getCurrentRowHeight();
-                    this.domResized = !this.domResized;
-                    this.setAreaHeight();
-                }), 100);
-            }
-            else {
+            if (this.lastViewType != (isDesktop ? 'desktop' : 'mobile') || !isDesktop) {
+                this.lastViewType = (isDesktop ? 'desktop' : 'mobile');
                 this.widgetList = [];
                 setTimeout((/**
                  * @return {?}
@@ -656,6 +648,16 @@ class RADashboardArea {
                     this.domResized = !this.domResized;
                 }));
             }
+            else {
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    this.gridcellHeight = this.options.api.getCurrentRowHeight();
+                    this.domResized = !this.domResized;
+                    this.setAreaHeight();
+                }), 100);
+            }
         }));
     }
     /**
@@ -1305,6 +1307,8 @@ if (false) {
     /** @type {?} */
     RADashboardArea.prototype.isWidgetMgmnt;
     /** @type {?} */
+    RADashboardArea.prototype.lastViewType;
+    /** @type {?} */
     RADashboardArea.prototype.userDashboardId;
     /** @type {?} */
     RADashboardArea.prototype.areaKey;
@@ -1495,16 +1499,18 @@ class RAWidgetContainer {
      */
     invokeWidgetResizedEvent() {
         if (this.widgetElement) {
-            /** @type {?} */
-            let size = {};
-            size.height = this.height;
-            size.width = this.width;
-            size.cellHeight = this.gridCellHeight;
-            this.widgetElement.widgetResized(size);
-            if (this.height == 1 || this.width == 1)
-                this.isKpiView = true;
-            else
-                this.isKpiView = false;
+            if (typeof this.widgetElement.widgetResized === "function") {
+                /** @type {?} */
+                let size = {};
+                size.height = this.height;
+                size.width = this.width;
+                size.cellHeight = this.gridCellHeight;
+                this.widgetElement.widgetResized(size);
+                if (this.height == 1 || this.width == 1)
+                    this.isKpiView = true;
+                else
+                    this.isKpiView = false;
+            }
         }
     }
     /**
@@ -1572,6 +1578,9 @@ class RAWidgetContainer {
     ngOnDestroy() {
         if (this.configChanged)
             this.configChanged.unsubscribe();
+        if (this.widgetElementHandler && this.data && this.data.widgetInfo && this.data.widgetInfo.widgetInstanceId) {
+            document.body.removeEventListener('widgetinitiated' + this.data.widgetInfo.widgetInstanceId, this.widgetElementHandler);
+        }
     }
     /**
      * To Edit current widget configuration
@@ -1736,15 +1745,18 @@ class RAWidgetContainer {
                 () => {
                     me.widgetElement = document.createElement(widgetInfo.customTag);
                     me.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
-                    document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
+                    /** @type {?} */
+                    let handler = (/**
+                     * @param {?} event
                      * @return {?}
                      */
-                    () => __awaiter(this, void 0, void 0, function* () {
+                    function (event) {
                         setTimeout((/**
                          * @return {?}
                          */
                         () => __awaiter(this, void 0, void 0, function* () {
-                            me.widgetElement.addEventListener('on-widget-respond', (/**
+                            console.log('widget inititated listener triggered');
+                            this.widgetElement.addEventListener('on-widget-respond', (/**
                              * @param {?} e
                              * @return {?}
                              */
@@ -1754,15 +1766,15 @@ class RAWidgetContainer {
                                 switch (type) {
                                     case 'onDataLoad':
                                         if (e.detail.data)
-                                            me.showPanel = true;
+                                            this.showPanel = true;
                                         else
-                                            me.showPanel = false;
+                                            this.showPanel = false;
                                         break;
                                     case 'onConfigEditClicked':
-                                        me.editWidget();
+                                        this.editWidget();
                                         break;
                                     case 'onEnableDefaultState':
-                                        me.setEmptyState(e.detail.data);
+                                        this.setEmptyState(e.detail.data);
                                         break;
                                     case 'onSetTitleUnderline':
                                         if (e.detail.data == true)
@@ -1786,9 +1798,9 @@ class RAWidgetContainer {
                                         break;
                                 }
                             }));
-                            if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
+                            if (typeof (this.widgetElement.titleLineEnabled) != 'undefined') {
                                 /** @type {?} */
-                                let titleLineEnabled = me.widgetElement.titleLineEnabled();
+                                let titleLineEnabled = this.widgetElement.titleLineEnabled();
                                 if (titleLineEnabled) {
                                     this.enableTitleLine = titleLineEnabled;
                                     this.enableTitleLineActual = titleLineEnabled;
@@ -1824,17 +1836,19 @@ class RAWidgetContainer {
                                 this.deleteToolTipValue = this.translateService.translate('Common.delete');
                                 this.deleteToolTipWidth = "300px";
                             }
-                            me.isWidgetLoaded = true;
+                            this.isWidgetLoaded = true;
                             widgetConfigFilter.appConfig = this.appConfig;
                             widgetConfigFilter.widgetInfo = widgetInfo;
                             widgetConfigFilter.configChanges = this.getConfigChanges(false);
                             widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
                             widgetConfigFilter.globalFilter = this.globalFilter;
-                            me.widgetElement.loadContent(widgetConfigFilter);
-                            yield me.setLock(widgetConfigFilter.config);
-                            yield me.setDownloadIcon();
+                            this.widgetElement.loadContent(widgetConfigFilter);
+                            yield this.setLock(widgetConfigFilter.config);
+                            yield this.setDownloadIcon();
                         })));
-                    })));
+                    }).bind(this);
+                    this.widgetElementHandler = handler;
+                    document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, handler);
                     this.ctlWidget.nativeElement.appendChild(this.widgetElement);
                 }));
             }));
@@ -2441,6 +2455,8 @@ if (false) {
     RAWidgetContainer.prototype.WidgetDisplayName;
     /** @type {?} */
     RAWidgetContainer.prototype.enableTitleLineActual;
+    /** @type {?} */
+    RAWidgetContainer.prototype.widgetElementHandler;
     /**
      * @type {?}
      * @private